.storefront { width:min(100%,430px); min-height:100dvh; margin:auto; color:#000; background:#f8f8f8; font:16px/20px 'Inter Web',Arial,sans-serif; padding-bottom:calc(166px + env(safe-area-inset-bottom,0px)); }
.refill-screen { display:grid; align-content:center; gap:16px; width:min(100%,440px); min-height:100svh; margin:auto; padding:24px; background:var(--surface); color:var(--dark-green); }
.refill-screen h1 { margin:0; font-size:clamp(24px,5vw,32px); line-height:1.15; }
.refill-amount { margin:0; font:32px/1.25 var(--font-merchant); }
.refill-button { min-height:56px; padding:12px 20px; border:0; border-radius:20px; background:var(--dark-green); color:#fff; font-weight:500; }
.storefront button { color:inherit; }
.store-header { height:45px; padding:13px 8px 8px; display:flex; align-items:center; background:white; }
.store-icon-button { border:0; padding:0; display:flex; align-items:center; justify-content:center; background:none; flex:none; }
.store-back { width:32px; justify-content:flex-start; padding-right:8px; }
.store-title { flex:1; overflow:hidden; white-space:nowrap; padding-right:8px; font:16px/20px 'Inder Web','Inter Web',Arial,sans-serif; }
.store-title span { display:block; width:320px; }
.store-gallery { height:284px; position:relative; overflow:hidden; background:white; }
.store-product-picture { position:absolute; top:0; left:calc(50% - 195px + 60px); width:280px; height:280px; object-fit:contain; }
.store-gallery-track { position:absolute; height:4px; bottom:0; left:0; width:100%; background:#d9d9d9; }
.store-gallery-track span { display:block; width:80px; height:4px; background:black; }
.store-product-info { padding:47px 11px 0; }
.store-brand { margin:0; height:21px; font:14px/21px 'Inder Web','Inter Web',Arial,sans-serif; }
.store-product-info h1 { margin:4px 0 0; font:18px/22px 'Inder Web','Inter Web',Arial,sans-serif; letter-spacing:.18px; }
.store-rating { display:flex; align-items:flex-start; gap:2px; margin-top:4px; height:22px; }
.store-rating-stars { display:flex; gap:2px; padding:1px; }
.store-rating-count { color:#828286; font:300 14px/17px 'Inter Web',Arial,sans-serif; }
.store-price { display:flex; align-items:flex-start; gap:16px; margin-top:20px; height:32px; font:28px/32px 'Inder Web','Inter Web',Arial,sans-serif; letter-spacing:.28px; }
.store-price del { color:#828286; font-size:16px; line-height:20px; padding-top:2px; letter-spacing:0; }
.store-installments { display:flex; align-items:center; gap:9px; height:24px; margin-top:20px; white-space:nowrap; font-size:16px; }
.store-installment-copy { flex:0 0 178px; display:flex; gap:0; align-items:center; }
.store-installment-help { margin-left:-5px; display:flex; width:24px; height:24px; }
.store-installment-mark { width:20px; height:20px; display:flex; align-items:center; justify-content:center; flex:none; }
.store-installment-red { position:relative; width:16px; height:16px; }
.store-installment-red > img { display:block; }
.store-installment-red > .store-installment-inner { position:absolute; left:3.18px; top:2.95px; }
.store-bonus { display:flex; gap:0; align-items:center; margin:20px 0 0; height:20px; color:#967e4e; font:500 16px/20px 'Inter Web',Arial,sans-serif; }
.store-volume { display:flex; gap:8px; padding-top:8px; margin-top:32px; height:44px; }
.store-volume button { border:1px solid transparent; background:#ededed; padding:6px 12px 8px; height:36px; border-radius:6px; font:300 16px/20px 'Inter Web',Arial,sans-serif; }
.store-volume button[aria-pressed=true] { border-color:black; }
.store-delivery { margin-top:32px; padding-bottom:28px; }
.store-delivery h2 { margin:0; font:20px/24px 'Inter Web',Arial,sans-serif; font-weight:400; letter-spacing:.2px; }
.store-delivery-title { display:flex; align-items:center; justify-content:space-between; }
.store-city { color:#967e4e!important; border:0; background:none; padding:0; text-decoration:underline; font-weight:300; }
.store-delivery-list { margin:36px 0 28px; }
.store-delivery-list div { display:flex; gap:8px; align-items:baseline; margin-top:12px; font:16px/20px 'Inter Web',Arial,sans-serif; }
.store-delivery-list dt { display:flex; flex:1; color:#757575; font-weight:300; white-space:nowrap; }
.store-delivery-list dt:after { content:''; flex:1; border-bottom:1px dotted #a1a1a1; margin-left:4px; }
.store-delivery-list dd { margin:0; white-space:nowrap; }
.store-availability { padding:12px 0; border:0; display:flex; align-items:center; justify-content:space-between; width:100%; background:none; font-weight:300; }
.store-bottom { position:fixed; z-index:10; left:50%; bottom:0; width:min(100%,430px); transform:translateX(-50%); background:white; padding-bottom:env(safe-area-inset-bottom,0px); }
.store-buy-area { position:absolute; bottom:calc(70px + env(safe-area-inset-bottom,0px)); width:100%; height:96px; padding:24px 16px 16px; background:linear-gradient(to bottom,#f8f8f800,#fff 30%); }
.store-buy-button { display:block; width:100%; height:56px; border:0; border-radius:0; background:#0a0a0a; color:white!important; font:14px/16px Arial,sans-serif; }
.store-nav { height:70px; border-top:1px solid rgba(117,117,117,.2); display:flex; justify-content:space-between; padding:6px 16px 10px; gap:0; }
.store-nav button { display:flex; flex-direction:column; align-items:center; justify-content:space-between; border:0; background:none; padding:0; width:64px; flex-shrink:1; min-width:0; font:12px/16px Arial,sans-serif; }
.store-nav-icon { position:relative; height:28px; display:block; }
.store-profile-letter { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; font:12px/16px Arial,sans-serif; }
.store-cart-count { position:absolute; left:19px; top:0; border-radius:50%; width:16px; height:16px; color:#fff; background:#967e4e; font:12px/16px Arial,sans-serif; }
@media(max-width:370px) { .store-product-info h1 {font-size:17px;} .store-installments {font-size:14px;gap:6px;} .store-nav {padding-inline:10px;} }