.wo-history-overlay{position:fixed;inset:0;z-index:100050;background:#201007b8;display:flex;align-items:center;justify-content:center;padding:16px}.wo-history-panel{background:#fff9f1;color:#321d11;width:min(680px,100%);max-height:90dvh;border-radius:22px;overflow:auto;overscroll-behavior:contain;font-family:Sarabun,sans-serif}.wo-history-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;position:sticky;top:0;background:#fff9f1;border-bottom:1px solid #e8d8cb}.wo-history-panel h2{font-size:22px;margin:0}.wo-history-panel header button{border:0;background:#eaded3;border-radius:50%;width:42px;height:42px;font-size:26px;cursor:pointer}.wo-history-body{padding:16px}.wo-history-order{background:white;border:1px solid #ecdccc;border-radius:16px;padding:18px;margin-bottom:14px;overflow-wrap:anywhere}.wo-history-heading,.wo-history-item{display:flex;justify-content:space-between;gap:16px}.wo-history-heading{flex-wrap:wrap}.wo-history-heading span{font-size:13px;color:#a44212}.wo-history-item{padding:14px 0;border-bottom:1px solid #f1e6dc}.wo-history-item>div{min-width:0}.wo-history-item>strong{white-space:nowrap}.wo-history-item small{display:block;color:#755845;margin-top:5px}.wo-history-order p{font-size:14px;line-height:1.7}.wo-history-reorder{background:#bd4c12;color:white;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;font:inherit}.wo-history-reorder:disabled{opacity:.6}.wo-shop-head-actions{flex-wrap:wrap}.wo-history-launch{cursor:pointer}.wo-order-details h4{margin:0 0 12px}
@media(max-width:700px){
  /* One quiet, compact toolbar; no absolute buttons or oversized pills. */
  .wo-shop-page #shopping{padding:24px 12px 32px;background:#fff9f2}
  .wo-shop-page #shopping .wo-shop-head{display:block!important;margin-bottom:16px;padding:0 0 16px!important;border:0;border-bottom:1px solid #eaded2;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .wo-shop-page #shopping .wo-shop-title{font-size:25px;line-height:1.25;margin:0 0 5px}
  .wo-shop-page #shopping .wo-shop-sub{font-size:12px;line-height:1.6;color:#755f50}
  .wo-shop-page #shopping .wo-shop-head-actions{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:14px;width:100%;padding:0}
  .wo-shop-page #shopping .wo-shop-head-actions button{position:static;display:flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;min-width:0;width:100%;min-height:40px;margin:0;padding:7px 8px;border:1px solid #e6d9cc;border-radius:9px;background:#fffdf9;color:#513727;box-shadow:none;font:600 12px/1.35 'Sarabun',sans-serif;letter-spacing:0;overflow-wrap:anywhere;white-space:normal}
  .wo-shop-page #shopping .wo-shop-head-actions button[hidden]{display:none!important}
  .wo-shop-page #shopping .wo-line-login{grid-column:2;grid-row:1;color:#246639}
  .wo-shop-page #shopping .wo-brochure-launch{grid-column:1;grid-row:1}
  .wo-shop-page #shopping .wo-history-launch{grid-column:1;grid-row:2}
  .wo-shop-page #shopping .wo-shop-cart-launch{grid-column:2;grid-row:2;background:#4b2d1c!important;border-color:#4b2d1c!important;color:#fff!important}
  .wo-shop-page #shopping .wo-shop-head-actions .wo-line-logout{grid-column:1/-1;grid-row:3;justify-self:end;width:auto;min-height:36px;padding:5px 8px;background:transparent;border:0;color:#755f50;font-size:11px;text-decoration:underline;text-underline-offset:3px}
  .wo-shop-page #shopping .wo-shop-count{min-width:19px;height:19px;padding:0 4px;font-size:11px;box-sizing:border-box;background:#bf551f}
  .wo-shop-page #shopping .wo-delivery-tabs{gap:6px;margin-bottom:12px;flex-wrap:wrap}
  .wo-shop-page #shopping .wo-delivery-tabs button{min-height:40px;padding:7px 12px;font-size:12px;font-weight:600;border-radius:9px;box-shadow:none}
  .wo-shop-page #shopping .wo-shop-grid{gap:10px}
  .wo-shop-page #shopping .wo-product{border-radius:12px;box-shadow:none;border:1px solid #eee2d7;transform:none}
  .wo-shop-page #shopping .wo-product-body{padding:10px}
  .wo-shop-page #shopping .wo-product-body h3{font-size:14px;font-weight:700}
  .wo-shop-page #shopping .wo-product-row{margin-top:8px}
  .wo-shop-page #shopping .wo-product-row button{box-shadow:none;border-radius:8px;font-size:12px;padding:7px 9px}
  .wo-shop-page .wo-shop-page-header{padding:10px 12px}
  .wo-shop-page .wo-shop-page-header nav{gap:8px;flex-wrap:wrap}
  .wo-shop-page .wo-shop-page-header nav a{font-size:12px;padding:8px;line-height:1.4}
  .wo-shop-page .wo-menu-detail{border-radius:14px}
  .wo-shop-page .wo-menu-detail .wo-checkout-body{padding:14px}
  .wo-history-overlay{padding:8px}.wo-history-panel{max-height:94dvh}.wo-history-item{gap:8px;font-size:14px}
}