/* One contained order journey: phone → package → delivery → PayHere. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.order-dialog-open{overflow:hidden;position:fixed;top:var(--order-page-top,0);width:100%}
.order-dialog{padding:0;border:1px solid #e0e4d8;border-radius:18px;background:#f9faf4;color:#293424;width:min(920px,calc(100% - 48px));max-width:none;max-height:none;height:min(820px,92vh);height:min(820px,92dvh);margin:auto;overflow:hidden;box-shadow:0 30px 120px #14200d40}
.order-dialog::backdrop{background:#1720169e;backdrop-filter:blur(5px)}
.order-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.order-header{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid #e1e6d7;flex-shrink:0}
.order-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;margin-right:auto}.order-brand img{object-fit:contain}
.dialog-close,.dialog-back{border:0;background:#edf1e5;color:#5a6c48;min-width:40px;height:40px;border-radius:50%;flex-shrink:0}.dialog-close{font-size:28px;line-height:1}.dialog-back{font-size:21px}.dialog-back span{display:none}.dialog-close:hover,.dialog-back:hover{background:#e0e8d4}
.order-progress{display:flex;justify-content:space-between;gap:12px;list-style:none;margin:0;padding:16px 30px;background:#f1f4e9;flex-shrink:0;border-bottom:1px solid #e2e8d7}.order-progress li{display:flex;align-items:center;gap:8px;font-size:11px;color:#89917d}.order-progress li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e3e9d8;font-size:10px}.order-progress li[aria-current=step]{color:#293e22;font-weight:700}.order-progress li[aria-current=step]>span{background:#ec542f;color:#fff}.order-progress li.complete{color:#4e673d}.order-progress li.complete>span{background:#dce8cc;color:#4e673d}
.order-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:25px 30px 28px;scroll-behavior:auto;scrollbar-gutter:stable}.order-title{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:0 0 8px;outline:none}.order-intro{font-size:12px;color:#79846b;margin-bottom:15px}
.order-dialog .phone-finder{padding:0;border:0;background:transparent;margin:0;box-shadow:none}.order-dialog .phone-finder label{margin-top:14px}.order-dialog .search-field input{font-size:16px}.order-dialog .search-meta{margin:15px 0 12px}.order-dialog .brand-filters{margin:16px 0 12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.order-dialog .brand-filter{flex-shrink:0;min-height:38px}.order-dialog .search-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.order-dialog .search-result{scroll-margin-block:12px}
.order-dialog .search-result{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;border-radius:9px}.result-photo{width:100%;height:150px;object-fit:contain;background:#fff;border-bottom:1px solid #eef0e8}.order-dialog .result-info{padding:12px 13px 8px}.order-dialog .result-info strong{font-size:15px}.result-select{display:flex;justify-content:space-between;align-items:center;margin:0 13px 12px;padding-top:8px;border-top:1px solid #edf0e6;font-size:10px;color:#687e51}.result-select b{font-size:11px;color:#313f26}.result-select>span{font-size:16px}
.quick-product{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;margin-top:18px}.quick-photo{position:relative;border:1px solid #e3e6da;border-radius:10px;background:white;overflow:hidden}.quick-photo>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:opacity .15s}.quick-photo>img.loading{opacity:.4}.photo-pill{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:1px;background:#e6efcf;border:1px solid #d6e0bd;padding:6px 10px;border-radius:30px}.quick-photo>p{font-size:11px;padding:10px;background:#fff1e8;color:#913b25}.quick-photo>p button{border:0;background:none;text-decoration:underline;color:inherit}
.quick-product-info>.eyebrow{font-size:9px;color:#7d896f}.quick-product-info>h3{font-size:28px;margin:7px 0 12px}.quick-price{font-size:29px;font-weight:700;letter-spacing:-.7px}.quick-price>span{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#849174;margin-top:2px}.quick-product-info .color-title{font-size:12px;margin:20px 0 12px}.quick-product-info .color-title strong{font-size:11px;font-weight:600;color:#536841}.quick-swatches{display:flex;flex-wrap:wrap;gap:9px!important;margin-bottom:20px!important}.color-option{display:flex;align-items:center;gap:7px;border:1px solid #d5ddc8;border-radius:6px;min-height:42px;padding:7px 11px;background:white;font-size:11px;color:#667a50}.color-option>i{width:20px;height:20px;border-radius:50%;background:var(--swatch);border:1px solid #0002}.color-option[aria-pressed=true]{border:2px solid #516f39;padding:6px 10px;background:#ecf2e3;color:#354b25}.quick-includes{font-size:10px;line-height:1.9;color:#6a7c59;margin:15px 0}.quick-product-info .connector-note{font-size:10px}.quick-delivery{border-block:1px solid #e0e5d6;padding:15px 0;margin:16px 0 12px;font-size:11px;color:#758465;display:flex;gap:5px}.quick-delivery>span{margin-left:auto}.quick-delivery strong{color:#364a2a}.quick-product-info .preview-disclaimer{padding:0;font-size:9px;line-height:1.6}
.order-actions{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:3px 20px;border-top:1px solid #dce3d1;padding:16px 30px;background:#fff;flex-shrink:0;margin:0;width:100%;color:#293424}.order-pay-total>span{font-size:10px;color:#7e8a70;display:block}.order-pay-total>strong{font-size:27px;letter-spacing:-1px;line-height:1.25}.order-actions .button{min-height:51px;width:100%;font-size:14px}.order-actions>p{grid-column:2;text-align:center;font-size:9px;color:#7d886e;margin-top:4px}
.quick-recap{display:flex;align-items:center;gap:13px;margin:20px 0 16px;background:#fff;border:1px solid #e0e5d6;padding:12px;border-radius:7px}.quick-recap img{width:64px;height:64px;object-fit:contain;border-radius:5px}.quick-recap>div{flex:1}.quick-recap strong{display:block;font-size:14px}.quick-recap span{display:block;font-size:10px;color:#7b886e}.quick-recap .text-button{min-height:42px;padding:10px}.quick-charges{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;background:#edf2e3;padding:15px 20px;border-radius:7px;margin-bottom:24px}.quick-charges>div{border-right:1px solid #d8e1cc}.quick-charges>div:last-child{border:0}.quick-charges span{display:block;font-size:10px;color:#778a63}.quick-charges strong{display:block;font-size:17px;letter-spacing:-.5px;margin-top:3px}.delivery-intro{font-size:17px;font-weight:600}.delivery-intro span{display:block;font-size:10px;color:#879277;font-weight:400;margin-top:3px}.order-dialog #checkout-form{padding-bottom:6px}.order-dialog input:not([type=checkbox]),.order-dialog select,.order-dialog textarea{font-size:16px}.order-dialog label{font-size:11px;margin-top:16px}.order-dialog .checkbox{line-height:1.7;margin:19px 0 4px}.order-dialog .checkbox input{width:20px;height:20px}.delivery-note{margin-top:18px}.delivery-note summary{font-size:11px;color:#62784b;cursor:pointer}.delivery-note summary span{color:#8a977b}.delivery-note textarea{margin-top:10px}.order-dialog .form-error{margin-bottom:0}.order-dialog[data-view=details] .order-scroll{padding-inline:max(30px,calc((100% - 640px)/2))}.order-dialog[data-view=package] .order-title{font-size:27px}
.shop-entry{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#edf0df;padding:34px 40px;border:1px solid #d9e0ca;border-radius:10px}.shop-entry .eyebrow{color:#778565;font-size:9px}.shop-entry h2{margin:9px 0 12px;font-size:34px}.shop-entry p{font-size:12px;color:#79866a}.shop-entry .button{min-width:210px}.builder-section.quick-entry{padding-block:40px;background:#f7f5ef;border:0}.shop-entry small{display:block;text-align:center;font-size:10px;color:#7f8a72;margin-top:8px}.mobile-bar .button{cursor:pointer}
@media(max-width:760px){.order-dialog{width:100%;height:100%;height:100dvh;max-height:100%;margin:0;border:0;border-radius:0}.order-header{padding:9px 16px;gap:12px}.order-brand img{width:32px;height:32px}.order-brand{font-size:11px}.dialog-close,.dialog-back{width:38px;min-width:38px;height:38px}.order-progress{padding:12px 16px;gap:8px}.order-progress li{font-size:9px;gap:5px}.order-progress li>span{width:20px;height:20px;font-size:9px}.order-scroll,.order-dialog[data-view=details] .order-scroll{padding:21px 18px 24px}.order-title{font-size:28px}.order-intro{font-size:11px;max-width:320px}.order-dialog .search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-photo{height:135px}.order-dialog .result-info{padding:10px 10px 5px}.order-dialog .result-info strong{font-size:13px}.result-select{margin:0 10px 9px}.order-dialog .phone-finder label{margin-top:10px}.order-dialog .brand-filters{margin-top:13px}.quick-product{grid-template-columns:1fr;gap:15px;margin-top:14px}.quick-photo{max-width:100%;text-align:center}.quick-photo>img{max-height:30vh;max-height:30dvh;min-height:180px;width:100%;aspect-ratio:auto;object-fit:contain}.quick-product-info>h3{font-size:23px;margin:5px 0}.quick-product-info{position:relative}.quick-price{font-size:24px}.quick-price>span{display:inline;margin-left:9px;font-size:10px}.quick-product-info .eyebrow{display:none}.quick-product-info .color-title{margin:15px 0 10px}.quick-swatches{gap:8px!important;margin-bottom:10px!important}.color-option{min-height:42px;font-size:10px;padding-inline:10px}.color-option[aria-pressed=true]{padding-inline:9px}.quick-includes{margin:10px 0;font-size:9px}.quick-delivery{padding:11px 0;margin:10px 0}.order-dialog[data-view=package] .order-title{font-size:25px}.order-actions{padding:12px 18px max(12px,env(safe-area-inset-bottom));gap:3px 14px;grid-template-columns:1fr 1.3fr}.order-pay-total>span{font-size:9px}.order-pay-total>strong{font-size:24px}.order-actions .button{font-size:13px;padding:14px 16px;min-height:48px;gap:10px}.order-actions>p{font-size:8px}.quick-recap{margin:15px 0 12px;padding:9px;gap:10px}.quick-recap strong{font-size:12px}.quick-recap img{width:55px;height:55px}.quick-charges{padding:12px 15px;gap:12px;margin-bottom:20px}.quick-charges strong{font-size:15px}.quick-charges span{font-size:9px}.order-dialog .form-row{gap:12px}.order-dialog .checkbox{font-size:10px}.shop-entry{display:block;padding:26px}.shop-entry h2{font-size:29px}.shop-entry .button{margin-top:22px;width:100%}.shop-entry p{font-size:11px}.builder-section.quick-entry{padding-block:24px}.order-dialog .search-more{min-height:44px}}
@media(max-width:360px){.order-progress li{font-size:8px}.order-progress{padding-inline:12px}.order-scroll,.order-dialog[data-view=details] .order-scroll{padding-inline:14px}.order-dialog .form-row{grid-template-columns:1fr}.order-actions{padding-inline:14px}.order-pay-total>strong{font-size:21px}.order-actions .button{font-size:12px}.result-photo{height:115px}.quick-product-info .preview-disclaimer{font-size:8px}}

/* The search dock is outside the scrolling results, so it cannot scroll away. */
.phone-search-dock{flex-shrink:0;min-width:0;padding:19px 30px 12px;border-bottom:1px solid #dfe5d4;background:#f9faf4;z-index:2;box-shadow:0 5px 10px #29342404}
.search-dock-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:12px}
.order-dialog .search-dock-heading label{font-size:27px;letter-spacing:-.9px;line-height:1.2;margin:0}
.search-dock-heading>span{font-size:10px;color:#7c896c}
.search-entry{display:flex;align-items:center;gap:9px}.search-entry .search-field{flex:1;min-width:0}
.order-dialog .phone-search-dock input{font-size:16px;height:54px;min-height:54px}
.phone-search-dock .search-field>svg{top:17px}.phone-search-dock .search-field>button{top:8px}
.order-dialog .phone-search-dock .brand-filters{gap:7px;margin:11px 0 6px;padding:2px 0 5px;scrollbar-width:thin;overscroll-behavior-x:contain}
.order-dialog .phone-search-dock .brand-filter{min-height:34px;padding:6px 12px}
.order-dialog .phone-search-dock .search-meta{margin:4px 0 0;min-height:16px;font-size:10px;color:#677658}
.search-done{display:none;border:0;border-radius:8px;background:#e9efdf;color:#435b32;font-size:12px;font-weight:700;min-width:50px;min-height:46px;padding:8px}
.order-dialog[data-view=phone] .order-scroll{padding-top:17px;scroll-padding-block:12px}
.order-dialog[data-view=phone] #order-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px;white-space:nowrap}
.order-dialog .search-result:focus-visible{outline:3px solid #617e45;outline-offset:3px;border-color:#617e45}
.order-dialog .search-result .result-photo{flex-shrink:0}
@media(max-width:760px){
  .order-dialog{position:fixed;inset:auto 0;top:var(--order-viewport-top,0px);height:var(--order-viewport-height,100dvh);max-height:var(--order-viewport-height,100dvh)}
  .phone-search-dock{padding:14px 18px 10px}
  .order-dialog .search-dock-heading label{font-size:25px}.search-dock-heading>span{display:none}
  .order-dialog .phone-search-dock input{height:50px;min-height:50px;padding-left:41px}
  .phone-search-dock .search-field>svg{top:15px}.phone-search-dock .search-field>button{top:6px}
  .order-dialog .phone-search-dock .brand-filter{font-size:10px;min-height:34px}
  .order-dialog[data-view=phone] .order-scroll{padding-top:12px}
  .order-dialog.search-focused .order-progress,.order-dialog.search-focused .order-intro,.order-dialog.search-focused .search-dock-heading,.order-dialog.search-focused #search-brands{display:none}
  .order-dialog.search-focused .order-header{padding:5px 16px;min-height:42px}
  .order-dialog.search-focused .order-brand img{height:27px;width:27px}
  .order-dialog.search-focused .dialog-close{height:32px;min-width:32px;width:32px}
  .order-dialog.search-focused .phone-search-dock{padding:7px 14px 8px}
  .order-dialog.search-focused .search-done{display:block}
  .order-dialog.search-focused .phone-search-dock .search-meta{margin-top:6px;font-size:10px;line-height:1.4}
  .order-dialog.search-focused .order-scroll{padding:10px 14px 14px}
  .order-dialog.search-focused .search-results{grid-template-columns:1fr;gap:8px}
  .order-dialog.search-focused .search-result{display:grid;grid-template-columns:82px minmax(0,1fr) 60px;align-items:center;min-height:84px;border-radius:10px}
  .order-dialog.search-focused .result-photo{width:82px;height:84px;border:0;border-right:1px solid #eef0e8;object-fit:contain}
  .order-dialog.search-focused .result-info{padding:9px 10px}
  .order-dialog.search-focused .result-info small{font-size:8px;letter-spacing:.6px}
  .order-dialog.search-focused .result-info strong{font-size:14px;margin:3px 0;line-height:1.2}
  .order-dialog.search-focused .result-detail{font-size:9px}
  .order-dialog.search-focused .result-select{flex-wrap:wrap;justify-content:center;align-content:center;gap:2px;font-size:9px;margin:0;padding:7px 8px 7px 0;border:0;line-height:1.3}
  .order-dialog.search-focused .result-select b{width:100%;font-size:10px;text-align:center;white-space:nowrap}
  .order-dialog.search-focused .result-select>span{font-size:13px}
  .order-dialog.search-focused .search-empty{padding:18px 13px}.order-dialog.search-focused .search-empty p{font-size:11px}
}