.store-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--surface,#171419);border-top:1px solid var(--border,#453340)}
.store-bottom-nav a,.store-bottom-nav button{display:grid;justify-items:center;gap:5px;min-width:60px;min-height:48px;padding:1px 6px;background:none;border:0;color:#302b31;text-decoration:none;font-size:12px;cursor:pointer}.store-bottom-nav a.active,.store-bottom-nav button.active{background:none!important;border-color:transparent!important;color:var(--store-primary,var(--primary,#ff6900))!important;font-weight:800}body:not(.light) .store-bottom-nav a,body:not(.light) .store-bottom-nav button{color:#c7c1c9}.store-bottom-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#storeSearch{position:relative;width:min(720px,calc(100% - 24px));max-height:82dvh;overflow:auto;scrollbar-width:none;background:linear-gradient(145deg,color-mix(in srgb,var(--store-primary,#ff6900) 8%,var(--surface,#171419)),var(--surface,#171419) 42%);color:var(--text,#fff);border:1px solid color-mix(in srgb,var(--store-primary,#ff6900) 75%,transparent);border-radius:24px;padding:clamp(24px,5vw,42px);box-shadow:0 28px 90px #000a,0 0 42px color-mix(in srgb,var(--store-primary,#ff6900) 14%,transparent)}
#storeSearch::-webkit-scrollbar{display:none}
#storeSearch::backdrop{background:#060506cc;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
#storeSearch .store-search-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid color-mix(in srgb,var(--store-primary,#ff6900) 55%,var(--line,#ffffff1a));border-radius:12px;background:color-mix(in srgb,var(--store-primary,#ff6900) 12%,var(--surface2,#282228));color:var(--store-icon,#ffb27d);font-size:24px;line-height:1;cursor:pointer;transition:border-color .2s,background .2s}
#storeSearch .store-search-close:hover{border-color:var(--store-primary,#ff6900);background:color-mix(in srgb,var(--store-primary,#ff6900) 22%,var(--surface2,#282228))}
.store-search-header{display:flex;align-items:flex-start;padding-right:50px}
.store-search-header p{margin:1px 0 7px;color:var(--store-highlight,#ff8a38);font-size:10px;font-weight:800;letter-spacing:.18em}
#storeSearch h2{margin:0;font-family:Unbounded,sans-serif;font-size:clamp(18px,3vw,28px);line-height:1.15;letter-spacing:-.05em}
.store-search-header div>span{display:block;margin-top:8px;color:var(--muted,#b8afb7);font-size:14px}
.store-search-field{display:flex;align-items:center;gap:12px;margin-top:28px;padding:0 16px;border:1px solid var(--store-input-border,#443027);border-radius:13px;background:var(--surface2,#282228);transition:border-color .2s,box-shadow .2s}
.store-search-field:focus-within{border-color:var(--store-primary,#ff6900);box-shadow:0 0 0 3px color-mix(in srgb,var(--store-primary,#ff6900) 16%,transparent)}
.store-search-field svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:var(--store-icon,#ffb27d);stroke-width:1.8;stroke-linecap:round}
#storeSearch .store-search-field input,#storeSearch .store-search-field input:focus,#storeSearch .store-search-field input:focus-visible{width:100%;min-width:0;padding:16px 0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;color:var(--text,#fff);font:inherit;font-size:15px}
#storeSearch input::placeholder{color:var(--muted,#b8afb7)}
.store-search-status{min-height:18px;margin:11px 2px 8px;color:var(--muted,#b8afb7);font-size:12px}
#storeSearchResults{display:grid;gap:9px}
#storeSearchResults .store-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:14px 15px;border:1px solid var(--line,#ffffff1a);border-radius:13px;background:color-mix(in srgb,var(--store-primary,#ff6900) 5%,var(--surface2,#282228));color:var(--text,#fff);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
#storeSearchResults .store-search-result:hover{border-color:color-mix(in srgb,var(--store-primary,#ff6900) 72%,transparent);background:color-mix(in srgb,var(--store-primary,#ff6900) 12%,var(--surface2,#282228));transform:translateY(-1px)}
.store-search-result span{display:grid;min-width:0;gap:4px}.store-search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.store-search-result small{color:var(--muted,#b8afb7);font-size:11px}.store-search-result b{color:var(--store-highlight,#ff8a38);white-space:nowrap;font-size:13px}.store-search-result i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--store-primary,#ff6900);color:#fff;font-style:normal}
.store-search-empty{padding:25px 16px;border:1px dashed color-mix(in srgb,var(--store-primary,#ff6900) 45%,transparent);border-radius:14px;color:var(--muted,#b8afb7);text-align:center}.store-search-empty span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:color-mix(in srgb,var(--store-primary,#ff6900) 14%,transparent);color:var(--store-icon,#ffb27d);font-size:24px}.store-search-empty strong{display:block;color:var(--text,#fff);font-size:14px}.store-search-empty p{margin:5px 0 0;font-size:12px}
@media(max-width:760px){
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 body > nav.store-bottom-nav{display:flex;position:fixed;inset:auto 0 0;width:100%;max-width:none;margin:0;transform:none;box-sizing:border-box;height:calc(70px + env(safe-area-inset-bottom));padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
 body > #whatsappLink{bottom:calc(86px + env(safe-area-inset-bottom))}
 #storeSearch{width:calc(100% - 28px);padding:24px 18px 20px;border-radius:20px}
 #storeSearch .store-search-close{top:14px;right:14px;width:38px;height:38px}
 .store-search-header{padding-right:38px}.store-search-header div>span{font-size:12px}.store-search-field{margin-top:23px}.store-search-result i{display:none}
}
/* Customer drawers match the cart width; mobile navigation stays outside the scroll area. */
body:has(#account.open),body:has(#tracking.open),body:has(#productModal.open){overflow:hidden}
#account.account-modal,#tracking.modal{position:fixed!important;inset:0 0 0 auto!important;display:block!important;width:min(410px,100%)!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important;box-shadow:var(--shadow);z-index:31;transform:translateX(100%)!important;visibility:hidden;pointer-events:none;transition:transform .28s ease,visibility .28s;animation:none!important}
#account.account-modal.open,#tracking.modal.open{transform:translateX(0)!important;visibility:visible;pointer-events:auto}
#account.account-modal #accountContent,#tracking #trackingContent{height:100%;max-height:100%!important;width:100%;overflow-y:auto;padding:64px 26px 32px;overscroll-behavior:contain}
#accountContent>h2{font-size:24px!important;overflow-wrap:anywhere}
#trackingContent .tracking-title{font-size:28px!important;line-height:1.1!important}
#account .modal-close,#tracking .modal-close{position:absolute;z-index:2;top:16px!important;right:20px!important}
@media(min-width:761px){
 #account.account-modal{width:min(var(--account-menu-width,410px),100%)!important}
 #account .account-menu>*,#account .account-menu-actions>button{flex-shrink:0}
}
@media(max-width:760px){
 #account.account-modal,#tracking.modal{width:100%!important}
 #account.account-modal,#tracking.modal,.modal#productModal.open{bottom:calc(70px + env(safe-area-inset-bottom))!important;height:calc(100dvh - 70px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 70px - env(safe-area-inset-bottom))!important}
 #account.account-modal #accountContent,#tracking #trackingContent{padding:58px 20px 24px}
 #trackingContent .tracking-title{font-size:clamp(20px,5.5vw,32px)!important;line-height:1.1!important}
}
@media(prefers-reduced-motion:reduce){#account.account-modal,#tracking.modal{transition:none}}

/* Keep the existing responsive cart width, with a full-height side drawer. */
body:has(#cart.open){overflow:hidden}
body:has(#cart.open) #overlay{z-index:41}
#cart.cart{inset:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;z-index:42;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .28s ease,visibility .28s;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(22px,env(safe-area-inset-bottom))}
#cart.cart.open{transform:translateX(0);visibility:visible;pointer-events:auto}
#cart .cart-items{min-height:120px}
@media(prefers-reduced-motion:reduce){#cart.cart{transition:none}}
#feedback.feedback-modal{z-index:50!important}