.catalog-pagination {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0;padding:14px 10px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.catalog-pagination[hidden] {display:none}
.catalog-pagination button {border:0;border-radius:11px;background:#2563eb;color:#fff;min-height:44px;padding:10px 14px;font-weight:700;cursor:pointer}
.catalog-pagination button:disabled {opacity:.45;cursor:default}
.catalog-pagination div {text-align:center;font-size:12px;line-height:1.5}
.catalog-pagination small {display:block;color:var(--muted);font-size:11px}
#catalog-products-title {scroll-margin-top:24px}
@media(max-width:360px){.catalog-pagination{gap:5px;padding:10px 6px}.catalog-pagination button{padding:10px 8px;font-size:12px}}
:root {
    --background: #f6f8fc;
    --surface: #ffffff;
    --surface-muted: #f8fafc;
    --text: #172033;
    --muted: #667085;
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --border: #e4e7ec;
    --success: #067647;
    --danger: #b42318;
    --shadow: 0 16px 40px rgba(16, 24, 40, 0.1);
}

/* Polished price-comparison sheet */
.price-comparison-content{background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);border:1px solid #d9e4ff;box-shadow:0 28px 80px rgba(15,23,42,.24);max-width:720px;overflow:hidden;padding:30px;position:relative}
.price-comparison-content:before{background:linear-gradient(90deg,#2563eb,#6941c6,#20b5e8);content:"";height:5px;left:0;position:absolute;right:0;top:0}
.price-comparison-content:after{background:radial-gradient(circle,rgba(99,102,241,.16) 0,rgba(99,102,241,0) 70%);content:"";height:240px;pointer-events:none;position:absolute;right:-100px;top:-110px;width:240px}
.price-comparison-content .modal-close{background:#eef4ff;border:1px solid #d9e4ff;box-shadow:0 8px 20px rgba(37,99,235,.12);color:#17315f;z-index:2}
.price-comparison-content .modal-close:hover{background:#2563eb;color:#fff;transform:rotate(5deg) scale(1.06)}
.price-comparison-content .price-product-head{background:linear-gradient(135deg,#eef4ff,#f6f0ff);border:1px solid #d9e4ff;border-radius:20px;margin:0 0 18px;padding:13px 64px 13px 13px;position:relative;z-index:1}
.price-comparison-content .price-product-head img{background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(37,99,235,.13);height:88px;width:88px}
.price-comparison-content .price-product-head .eyebrow{color:#2563eb;font-size:11px;letter-spacing:.11em;margin-bottom:5px}
.price-comparison-content .price-product-head h2{color:#172033;font-size:28px;letter-spacing:-.035em;margin:0}
.price-comparison-content .price-list{display:grid;gap:13px;margin-top:0}
.price-comparison-content .price-row{background:#fff;border:1px solid #dfe7f3;border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.055);gap:14px;overflow:hidden;padding:13px;position:relative;transform-origin:center;animation:priceOfferIn .48s cubic-bezier(.2,.8,.2,1) both}
.price-comparison-content .price-row:nth-child(2){animation-delay:.07s}.price-comparison-content .price-row:nth-child(3){animation-delay:.14s}.price-comparison-content .price-row:nth-child(4){animation-delay:.21s}
.price-comparison-content .price-row:hover{border-color:#afc7f8;box-shadow:0 16px 35px rgba(37,99,235,.13);transform:translateY(-3px)}
.price-comparison-content .price-row:first-child{background:linear-gradient(135deg,#edfff5 0%,#f8fffb 62%,#eef8ff 100%);border-color:#72dca3;box-shadow:0 11px 28px rgba(6,118,71,.12)}
.price-comparison-content .price-row:first-child:before{background:linear-gradient(180deg,#12b76a,#48cae4);content:"";inset:0 auto 0 0;position:absolute;width:5px}
.price-comparison-content .price-offer-image{border:0;box-shadow:0 6px 18px rgba(15,23,42,.1);transition:transform .35s ease}
.price-comparison-content .price-row:hover .price-offer-image{transform:scale(1.045)}
.price-comparison-content .price-photo-badge{animation:bestPricePulse 2.3s ease-in-out infinite;background:linear-gradient(135deg,#12b76a,#079455);box-shadow:0 7px 18px rgba(6,118,71,.25);left:5px}
.price-comparison-content .store-name{color:#172033;font-size:16px;letter-spacing:-.01em}
.price-comparison-content .store-address{display:-webkit-box;font-size:12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.price-comparison-content .stock-label{font-size:11px;margin-top:4px}
.price-comparison-content .price-action{align-content:center;min-width:142px}
.price-comparison-content .price-value{background:#eaf8f0;border:1px solid #b7e9cc;border-radius:999px;color:#067647;font-size:20px;padding:6px 11px}
.price-comparison-content .price-quantity{background:#eef3fb;border:1px solid #dbe5f3;border-radius:999px;padding:3px}
.price-comparison-content .price-quantity button{border:1px solid #dbe5f3;border-radius:50%;box-shadow:0 2px 5px rgba(15,23,42,.07);font-size:17px;transition:background .2s,color .2s,transform .2s}
.price-comparison-content .price-quantity button:hover{background:#2563eb;color:#fff;transform:scale(1.08)}
.price-comparison-content .add-cart-button{border-radius:11px;box-shadow:0 8px 18px rgba(37,99,235,.2);font-weight:800;overflow:hidden;position:relative}
.price-comparison-content .add-cart-button:after{background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.38) 50%,transparent 75%);content:"";inset:0;position:absolute;transform:translateX(-120%)}
.price-comparison-content .add-cart-button:hover:after{transform:translateX(120%);transition:transform .65s ease}
@keyframes priceOfferIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bestPricePulse{0%,100%{transform:translateY(0);box-shadow:0 7px 18px rgba(6,118,71,.22)}50%{transform:translateY(-2px);box-shadow:0 9px 24px rgba(6,118,71,.38)}}
html[data-theme="dark"] .price-comparison-content{background:linear-gradient(180deg,#182335,#111a29);border-color:#34445f}
html[data-theme="dark"] .price-comparison-content .price-product-head{background:linear-gradient(135deg,#203250,#29254e);border-color:#3f5274}
html[data-theme="dark"] .price-comparison-content .price-product-head h2,html[data-theme="dark"] .price-comparison-content .store-name{color:#f5f8ff}
html[data-theme="dark"] .price-comparison-content .price-row{background:#1d293b;border-color:#34445f}
html[data-theme="dark"] .price-comparison-content .price-row:first-child{background:linear-gradient(135deg,#15382e,#172c36);border-color:#398b69}
html[data-theme="dark"] .price-comparison-content .price-quantity{background:#101828;border-color:#40516b}
html[data-theme="dark"] .price-comparison-content .price-quantity button{background:#27364c;border-color:#40516b;color:#fff}
html[data-theme="dark"] .price-comparison-content .price-value{background:#133a2c;border-color:#34785e;color:#75e0a7}
@media(max-width:600px){.price-comparison-content{padding:18px 12px 16px}.price-comparison-content .price-product-head{border-radius:17px;padding:11px 54px 11px 11px}.price-comparison-content .price-product-head img{height:72px;width:72px}.price-comparison-content .price-product-head h2{font-size:24px}.price-comparison-content .price-row{gap:11px;padding:11px}.price-comparison-content .price-action{background:rgba(238,244,255,.7);border-radius:12px;margin-top:2px;min-width:0;padding:7px}.price-comparison-content .add-cart-button{min-height:40px;padding:9px 13px}.price-comparison-content .price-value{font-size:18px}}
@media(prefers-reduced-motion:reduce){.price-comparison-content .price-row,.price-comparison-content .price-photo-badge{animation:none}.price-comparison-content .price-row,.price-comparison-content .price-offer-image{transition:none}}

/* MOWO visual refresh */
.header{background:linear-gradient(120deg,#fff,#f4f7ff);box-shadow:0 8px 28px #1d4ed812}.brand-tools{align-items:center;display:flex;gap:14px}.logo img{display:block;height:40px;object-fit:contain;width:120px}.language-switcher{align-items:center;display:flex;gap:5px}.icon-nav{align-items:center;background:#eef4ff;border:1px solid #d9e5ff;border-radius:50%;color:#1746b3;display:flex;font-size:21px;height:42px;justify-content:center;padding:0;width:42px}.icon-nav:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.top-cart-hidden{display:none!important}.radius-toolbar-slim{align-items:center;background:#fff;border-left:4px solid #2563eb;box-shadow:0 7px 20px #1d4ed80d;display:flex;min-height:52px;padding:8px 12px}.radius-toolbar-slim>span{color:#344054;font-size:12px;font-weight:700}.radius-toolbar-slim label{margin-left:auto}.radius-toolbar-slim select{padding:8px}.location-icon-button{background:#eef4ff;color:#175cd3;font-size:20px;padding:8px 11px}.price-product-head{align-items:center;display:flex;gap:13px;margin-bottom:12px}.price-product-head img{background:#f5f7fb;border-radius:13px;height:82px;object-fit:cover;width:82px}.price-product-head h2{margin:3px 0}.price-quantity{align-items:center;background:#f2f4f7;border-radius:10px;display:flex;gap:9px;padding:3px}.price-quantity button{background:#fff;color:#172033;height:30px;padding:0;width:30px}.product-card,.category-card,.price-row{transition:transform .2s ease,box-shadow .2s ease}.product-card:hover,.category-card:hover,.price-row:hover{box-shadow:0 14px 35px #1646b819;transform:translateY(-3px)}.hero{background:linear-gradient(135deg,#1646d8,#6d28d9 70%,#ff5a52);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{to{background-position:100% 50%}}.primary-button,.compare-button,.add-cart-button,.hero-button{background:linear-gradient(135deg,#2563eb,#5b32df);transition:filter .2s,transform .2s}.primary-button:hover,.compare-button:hover,.add-cart-button:hover,.hero-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:600px){.header{align-items:center;padding:10px 12px}.logo img{height:34px;width:98px}.brand-tools{gap:7px}.language-switcher select{font-size:11px;max-width:86px;padding:7px}.navigation{gap:5px}.icon-nav{font-size:18px;height:36px;width:36px}.floating-support{bottom:18px;right:16px}.back-categories-button{bottom:18px;right:128px}.radius-toolbar-slim{gap:7px}.radius-toolbar-slim>span{max-width:125px}.radius-toolbar-slim select{font-size:11px;max-width:155px}.support-chat-window{margin:0}.price-row{align-items:center}.price-action{gap:6px}}

/* Customer header: brand row above the restored text navigation. */
.header{align-items:stretch;display:flex;flex-direction:column;gap:8px;padding-top:12px;padding-bottom:10px}.header-top{align-items:center;display:flex;justify-content:space-between;width:100%}.header-top .logo{margin:0;order:0}.header-top .language-switcher{margin:0 0 0 auto;order:1!important}.navigation{justify-content:flex-start;width:100%}.navigation .nav-button{font-size:14px;white-space:nowrap}.radius-toolbar.hidden{display:none!important}
@media(max-width:600px){.header{gap:7px;padding:9px 12px}.header-top{width:100%}.header-top .logo img{height:38px;width:112px}.header-top .language-switcher select{font-size:11px;max-width:94px;padding:7px}.navigation{display:flex;gap:2px;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.navigation .nav-button{flex:0 0 auto;font-size:12px;padding:8px 7px}}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--background);
    color: var(--text);
    font-family: Inter, Arial, Helvetica, sans-serif;
    margin: 0;
}

button,
input {
    font: inherit;
}

button {
    cursor: pointer;
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.hidden {
    display: none !important;
}

.back-categories-button {
    display: none;
}

.floating-cart {
    display: none;
}

.header-orders-button{display:none!important}
.desktop-only-support{display:flex}

.floating-support{align-items:center;background:linear-gradient(135deg,#172554 0%,#274690 55%,#167d8d 100%);border:1px solid #ffffffb8;border-radius:999px;bottom:22px;box-shadow:0 12px 30px #17255442,0 0 0 4px #dbeafe70;color:#fff;display:flex;gap:9px;left:50%;min-height:52px;padding:9px 17px;position:fixed;right:auto;transform:translateX(-50%);transition:box-shadow .22s ease,transform .22s ease,filter .22s ease;z-index:30}.floating-support span{align-items:center;background:#ffffff20;border:1px solid #ffffff30;border-radius:50%;display:flex;font-size:20px;height:34px;justify-content:center;width:34px}.floating-support b{font-size:13px;letter-spacing:.01em}.floating-support strong{background:#ff7043;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px #7c2d1245;display:grid;font-size:11px;height:24px;place-items:center;position:absolute;right:-5px;top:-7px;width:24px}.floating-support:hover{box-shadow:0 15px 36px #17255452,0 0 0 5px #bfdbfe80;filter:saturate(1.12);transform:translateX(-50%) translateY(-3px)}
#support-button{display:none!important}
.floating-support.support-ring{animation:support-ring .65s ease}@keyframes support-ring{0%,100%{transform:translateX(-50%) scale(1)}35%{box-shadow:0 0 0 12px #38bdf844;transform:translateX(-50%) scale(1.12)}70%{transform:translateX(-50%) scale(.98)}}
.support-modal{align-items:flex-end;justify-content:flex-end;padding:20px}.support-chat-window{border-radius:20px;box-shadow:0 24px 80px #0f172a55;margin:0 0 64px 0;max-width:410px;padding:0;overflow:hidden;width:calc(100% - 24px)}.support-chat-head{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;display:flex;gap:12px;padding:18px 52px 16px 18px}.support-chat-head .eyebrow,.support-chat-head h2{color:#fff;margin:0}.support-chat-head h2{font-size:19px}.support-chat-head small{align-items:center;color:#dbeafe;display:flex;font-size:11px;gap:5px;margin-top:4px}.support-chat-head small i{background:#4ade80;border-radius:50%;height:7px;width:7px}.support-agent-icon{background:#ffffff22;border-radius:50%;display:grid;font-size:24px;height:44px;place-items:center;width:44px}.support-chat-window>.modal-close{background:#ffffff22;color:#fff;right:13px;top:13px}.support-chat-window .customer-chat{border:0;border-radius:0;max-height:min(430px,55vh);min-height:280px;padding:16px}.support-chat-window .support-form{background:#fff;border-top:1px solid var(--border);margin:0;padding:12px}.support-chat-window .support-form button{border-radius:50%;font-size:18px;height:44px;padding:0;width:44px}

@media(max-width:600px){.floating-support{bottom:18px;left:50%;padding:8px 12px;right:auto}.support-modal{padding:0}.support-chat-window{border-radius:20px 20px 0 0;margin:0;max-width:none;width:100%}.support-chat-window .customer-chat{max-height:52vh;min-height:300px}}

/* Header account control and the customer support window. */
.header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.header-top .header-actions .language-switcher{margin:0;order:0!important}.header-actions .header-auth-button{order:1}.header-auth-button{background:linear-gradient(135deg,#ff8a34,#f4512c);border:0;border-radius:999px;box-shadow:0 7px 18px #f4512c2e;color:#fff;font-size:13px;font-weight:800;min-height:38px;padding:8px 14px;white-space:nowrap}.header-auth-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.profile-header-button{align-items:center;background:linear-gradient(135deg,#eef4ff,#e0f2fe);border:1px solid #c7d7f5;border-radius:50%;color:#1746b3;display:flex;font-size:18px;height:38px;justify-content:center;padding:0;width:38px}.profile-header-button:hover{box-shadow:0 7px 18px #1d4ed825;transform:translateY(-1px)}.profile-content{max-height:92vh;max-width:760px;overflow:auto}.profile-section{background:#f8fafc;border:1px solid var(--border);border-radius:16px;margin-top:16px;padding:16px}.profile-section h3{margin:0 0 12px}.profile-section-head{align-items:start;display:flex;justify-content:space-between}.profile-section-head small,.security-note{color:var(--muted)}.profile-grid,.profile-address-form,.profile-card-form{display:grid;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-address-form,.profile-card-form{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.profile-address-form .wide,.profile-card-form .wide{grid-column:1/-1}.profile-list{display:grid;gap:8px}.profile-list-row{align-items:center;background:#fff;border:1px solid #dbe4f3;border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:11px}.profile-list-row div{display:grid;gap:3px}.profile-list-row small{color:var(--muted)}.profile-list-actions{display:flex;gap:6px}.profile-list-actions button{font-size:11px;padding:7px 9px}.profile-list-actions .remove{background:#fff1f0;color:#b42318}.security-note{display:block;margin-top:10px}
.modal-content.support-chat-window{background:#fffaf6;border:1px solid #ffd8c2;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:0}.support-chat-head{background:linear-gradient(135deg,#ff8a34,#f4512c);min-height:112px;padding:22px 56px 20px 20px}.support-chat-head small{color:#fff4ec}.support-agent-icon{background:#ffffff30;box-shadow:inset 0 0 0 1px #ffffff3d}.support-chat-window>.modal-close{background:#ffffff2e;color:#fff;z-index:2}.support-chat-window .customer-chat{background:linear-gradient(180deg,#fffaf6,#fff);border:0;flex:1;max-height:min(440px,56vh);padding:16px 14px}.support-chat-window .customer-chat p{border:1px solid #f2e5dc;box-shadow:0 5px 16px #7c2d120d}.support-chat-window .customer-chat p.customer{background:#fff0e6;border-color:#ffc9a8}.support-chat-window .support-form{align-items:center;background:#fff;border-top:1px solid #f3d8c8;display:flex;margin:0;padding:12px}.support-chat-window .support-form input{border:1px solid #e5c6b5;border-radius:14px;min-width:0;padding:12px 14px}.support-chat-window .support-form input:focus{border-color:#f97336;box-shadow:0 0 0 3px #f9733620;outline:0}.support-chat-window .support-form button{background:linear-gradient(135deg,#ff8a34,#f4512c);box-shadow:0 7px 18px #f4512c38;color:#fff;flex:0 0 44px}
@media(max-width:600px){.header-actions{gap:5px}.header-auth-button{font-size:11px;min-height:34px;padding:7px 10px}.header-top .language-switcher select{max-width:82px}.support-modal{align-items:flex-end;padding:8px}.modal-content.support-chat-window{border-radius:22px;height:min(720px,calc(100dvh - 16px));margin:0;max-height:calc(100dvh - 16px);width:100%}.support-chat-head{min-height:104px;padding:18px 50px 16px 16px}.support-chat-head h2{font-size:18px}.support-agent-icon{height:40px;width:40px}.support-chat-window .customer-chat{max-height:none;min-height:0}.support-chat-window .support-form{padding:10px}}
@media(max-width:600px){.profile-header-button{height:34px;width:34px}.profile-content{border-radius:22px 22px 0 0;max-height:94dvh}.profile-grid,.profile-address-form,.profile-card-form{grid-template-columns:1fr}.profile-address-form .wide,.profile-card-form .wide{grid-column:auto}.profile-section-head{display:block}.profile-list-row{align-items:flex-start;flex-direction:column}.profile-list-actions{width:100%}.profile-list-actions button{flex:1}}

/* Compact, grouped customer profile */
.profile-content{background:#f4f7fb;max-width:680px;padding:0 18px 20px}.profile-content>.modal-close{right:14px;top:14px;z-index:5}.profile-title{align-items:center;background:linear-gradient(135deg,#173b8f,#2563eb);color:#fff;display:flex;gap:13px;margin:0 -18px;padding:22px 56px 20px 18px}.profile-title .eyebrow,.profile-title h2{color:#fff;margin:0}.profile-title small{color:#dbeafe}.profile-avatar{align-items:center;background:#ffffff20;border:1px solid #ffffff3d;border-radius:16px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.profile-tabs{background:#fff;border:1px solid #dbe4f3;border-radius:14px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 0;padding:5px;position:sticky;top:0;z-index:3}.profile-tabs button{background:transparent;border-radius:10px;color:#667085;font-size:12px;padding:10px 6px}.profile-tabs button.active{background:linear-gradient(135deg,#1746b3,#2563eb);box-shadow:0 7px 16px #2563eb28;color:#fff}.profile-panel{margin-top:12px}.profile-section-head{margin-bottom:14px}.profile-section-head h3{margin:0 0 3px}.profile-form-title{border-top:1px solid #dbe4f3;font-weight:800;margin-top:14px;padding-top:14px}.profile-address-form,.profile-card-form{border:0;margin-top:10px;padding:0}.profile-address-details,.profile-card-details{display:grid;gap:8px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-form-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}.profile-save{margin-top:12px}.profile-list-row b{font-size:13px}.profile-list-row span{font-size:12px;line-height:1.4}.profile-message{margin-bottom:0}
.profile-account-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.profile-logout-button{background:#fff;border:1px solid #fecaca;border-radius:11px;color:#b42318;font-weight:800;margin-top:12px;padding:11px 14px}.profile-logout-button:hover{background:#fff1f0;transform:translateY(-1px)}
.profile-legal-links{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 10px;padding-top:12px;border-top:1px solid #dbe4f3}.profile-legal-links a{color:#175cd3;font-size:11px;font-weight:700}.profile-delete-button{background:transparent;border:0;color:#b42318;font-size:11px;padding:4px 0;text-decoration:underline}.profile-delete-button:disabled{opacity:.5}
.header-orders-button{align-items:center;background:linear-gradient(135deg,#173b8f 0%,#2563eb 72%,#315ee8 100%);border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 8px 18px #1746b329;color:#fff;display:flex;gap:8px;margin-left:auto;margin-right:10px;min-height:40px;padding:7px 10px;position:relative;white-space:nowrap}.header-orders-button::after{background:#ff713d;border:2px solid #fff;border-radius:50%;content:"";height:7px;left:31px;position:absolute;top:6px;width:7px}.orders-button-icon{align-content:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:10px;display:grid;gap:3px;height:27px;padding:6px;width:27px}.orders-button-icon i{background:#fff;border-radius:2px;display:block;height:2px;width:13px}.header-orders-button b{font-size:11px;letter-spacing:.01em}.header-orders-button em{font-size:20px;font-style:normal;line-height:1;opacity:.72;transform:translateY(-1px)}.header-orders-button:hover{box-shadow:0 11px 23px #1746b33d;filter:brightness(1.06);transform:translateY(-2px)}.header-orders-button:active{box-shadow:0 5px 12px #1746b32b;transform:translateY(0)}.navigation:has(>button:not(.hidden)){display:flex}.navigation:not(:has(>button:not(.hidden))){display:none}
@media(max-width:600px){#profile-modal{align-items:flex-end;padding:0}.profile-content{border-radius:24px 24px 0 0;max-height:96dvh;padding:0 12px 16px;width:100%}.profile-title{margin:0 -12px;padding:20px 50px 18px 12px}.profile-avatar{border-radius:14px;height:44px;width:44px}.profile-tabs{margin-top:10px}.profile-tabs button{font-size:11px;padding:9px 3px}.profile-section{margin-top:10px;padding:13px}.profile-address-details,.profile-card-details{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-address-details input,.profile-card-details input{padding-left:8px;padding-right:8px}.profile-form-actions{display:grid;grid-template-columns:1fr 1fr}.profile-save{width:100%}.profile-account-actions{align-items:stretch;flex-direction:column}.profile-logout-button{width:100%}}
@media(max-width:600px){.header-orders-button{border-radius:12px;gap:6px;margin-left:auto;margin-right:5px;min-height:36px;padding:5px 7px}.orders-button-icon{border-radius:8px;height:24px;padding:5px;width:24px}.orders-button-icon i{width:12px}.header-orders-button::after{height:6px;left:27px;top:4px;width:6px}.header-orders-button b{font-size:9px}.header-orders-button em{display:none}.header-top .logo img{height:32px;width:94px}}
.news-carousel{align-self:stretch;background:#ffffff16;border:1px solid #ffffff32;border-radius:20px;display:flex;flex-direction:column;min-height:270px;overflow:hidden;padding:18px}.news-carousel-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.news-carousel-top>span{background:#fff;color:#214fc4;border-radius:999px;font-size:11px;font-weight:900;padding:6px 10px}.news-carousel-top small{color:#e5e7ff;font-size:10px}.news-slides{display:grid;flex:1}.news-slide{align-items:center;animation:newsSlideIn .45s ease both;display:none;gap:14px;grid-area:1/1}.news-slide.active{display:grid;grid-template-columns:62px minmax(0,1fr)}.news-slide h3{font-size:19px;line-height:1.18;margin:6px 0}.news-slide p{color:#eeefff;font-size:12px;line-height:1.45;margin:0}.news-tag{color:#ffc2a8;font-size:10px;font-weight:900;letter-spacing:.04em}.news-visual{align-items:center;background:#ffffff18;border:1px solid #ffffff32;border-radius:18px;box-shadow:inset 0 0 18px #ffffff12;display:flex;font-size:30px;font-weight:900;height:62px;justify-content:center;width:62px}.pharmacy-news{color:#7df1c0}.discount-news{color:#ffd166}.tracking-news{color:#ff9a73}.news-carousel-controls{align-items:center;display:flex;justify-content:space-between;margin-top:14px}.news-arrow{align-items:center;background:#ffffff18;border:1px solid #ffffff30;border-radius:50%;color:#fff;display:flex;font-size:22px;height:32px;justify-content:center;padding:0;width:32px}.news-arrow:hover{background:#fff;color:#214fc4}.news-dots{display:flex;gap:6px}.news-dots button{background:#ffffff60;border-radius:999px;height:6px;padding:0;transition:width .25s,background .25s;width:6px}.news-dots button.active{background:#ff713d;width:22px}@keyframes newsSlideIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:600px){.hero{gap:26px}.news-carousel{min-height:245px;padding:15px}.news-slide.active{grid-template-columns:54px minmax(0,1fr)}.news-visual{border-radius:15px;font-size:25px;height:54px;width:54px}.news-slide h3{font-size:17px}.news-carousel-top small{display:none}}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.hero-actions .hero-button{align-items:center;border:1px solid #ffffff45;border-radius:14px;display:flex;gap:9px;margin:0;min-height:48px;padding:9px 14px}.hero-actions .hero-button span{align-items:center;border-radius:9px;display:flex;font-size:17px;font-weight:900;height:30px;justify-content:center;width:30px}.hero-products-action{background:#fff!important;color:#1746b3!important}.hero-products-action span{background:#eaf1ff;color:#1746b3}.hero-discounts-action{background:linear-gradient(135deg,#ff824c,#f4512c)!important;box-shadow:0 9px 22px #a72a2a32;color:#fff!important}.hero-discounts-action span{background:#ffffff25;color:#fff}.hero-actions .hero-button b{font-size:12px}.discount-category-card{border-color:#ffb08f;background:linear-gradient(180deg,#fff8f4,#fff)}.discount-category-photo{align-items:center;background:linear-gradient(135deg,#ff824c,#ed3b3b);color:#fff!important;display:flex!important;flex-direction:column;height:108px;justify-content:center;margin-bottom:10px;padding:0!important}.discount-category-photo i{font-size:34px;font-style:normal;font-weight:950;line-height:1}.discount-category-photo b{font-size:10px;letter-spacing:.16em;margin-top:5px}.discount-category-card.active,.discount-category-card:hover{border-color:#f4512c;box-shadow:0 10px 25px #f4512c28}.product-card.discounted-product{border-color:#ffb08f}
@media(max-width:600px){.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .hero-button{gap:6px;justify-content:center;min-height:46px;padding:7px}.hero-actions .hero-button span{height:27px;width:27px}.hero-actions .hero-button b{font-size:10px}.discount-category-photo{height:92px}}

/* Structured checkout */
.checkout-content{background:#f4f7fb;max-width:680px}.checkout-content>h2{margin-bottom:4px}.checkout-content>.modal-intro{margin-bottom:14px}.checkout-content form{display:grid;gap:12px}.checkout-block{background:#fff;border:1px solid #dbe4f3;border-radius:16px;padding:14px}.checkout-block-title{align-items:center;display:flex;gap:10px;margin-bottom:12px}.checkout-block-title>span{align-items:center;background:#eef4ff;border-radius:11px;display:flex;font-size:18px;height:38px;justify-content:center;width:38px}.checkout-block-title>div{display:grid;gap:2px}.checkout-block-title b{font-size:14px}.checkout-block-title small{color:var(--muted);font-size:11px}.checkout-main-fields{display:grid;gap:10px;grid-template-columns:minmax(130px,.7fr) minmax(0,1.5fr)}.checkout-block .form-field{margin:0}.checkout-block .form-field span{font-size:11px}.checkout-block .address-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.saved-address-block{background:linear-gradient(135deg,#f8fbff,#eef4ff)}.saved-address-block .saved-addresses{background:transparent;border:0;margin:0;padding:0}.saved-address-chip{box-shadow:0 3px 9px #175cd310}.location-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.location-actions .secondary-button{margin:0;padding:10px}.location-block .delivery-map{height:210px;margin:0}.location-block .map-help{color:var(--muted);margin:7px 0 0}.checkout-content .delivery-quote{margin:0}.checkout-content .payment-methods{background:#fff;border:1px solid #dbe4f3;border-radius:16px;margin:0;padding:14px}.checkout-content form>.primary-button{margin-top:2px}.address-entry-block .form-field{position:relative}.address-suggestions{background:#fff;border:1px solid #bfd3ff;border-radius:12px;box-shadow:0 12px 24px #164a9a22;display:grid;left:0;max-height:230px;overflow:auto;position:absolute;right:0;top:calc(100% + 5px);z-index:30}.address-suggestion{align-items:center;background:#fff;border:0;border-bottom:1px solid #e9eff9;color:#183154;display:flex;gap:10px;padding:10px 12px;text-align:left;width:100%}.address-suggestion:last-child{border-bottom:0}.address-suggestion:hover,.address-suggestion:focus-visible{background:#eef5ff;outline:none}.address-suggestion>span:first-child{background:#e8f0ff;border-radius:9px;display:grid;flex:0 0 28px;height:28px;place-items:center}.address-suggestion>span:last-child{display:grid;gap:2px;min-width:0}.address-suggestion b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-suggestion small{color:#66758d;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.checkout-content{max-height:95dvh;padding:24px 12px 16px}.checkout-content form{gap:10px}.checkout-block{border-radius:14px;padding:12px}.checkout-main-fields{grid-template-columns:1fr}.checkout-block .address-details-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-block .address-details-grid input{padding-left:8px;padding-right:8px}.location-actions{grid-template-columns:1fr 1fr}.location-actions button{font-size:11px}.location-block .delivery-map{height:190px}.checkout-block-title{margin-bottom:10px}}

@keyframes cart-bump {
    50% { transform: scale(1.08); }
}

.cart-fly-item {
    align-items: center;
    background: linear-gradient(135deg, #fff200, #ff7a00 52%, #ff2d8d);
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #2563eb, 0 12px 30px rgba(255, 45, 141, .55);
    display: flex;
    font-size: 32px;
    height: 60px;
    justify-content: center;
    pointer-events: none;
    position: fixed;
    width: 60px;
    z-index: 200;
    overflow: hidden;
    will-change: transform, opacity;
}

.cart-fly-item img{height:100%;object-fit:cover;width:100%}
.floating-cart.cart-catch{animation:cartCatch .62s cubic-bezier(.2,.8,.2,1)!important}
@keyframes cartCatch{0%,100%{filter:none;transform:scale(1)}30%{box-shadow:0 0 0 10px #ff8a3438,0 14px 34px #ff6a2f66;filter:brightness(1.3);transform:scale(1.13)}58%{transform:scale(.94)}78%{transform:scale(1.04)}}

.rating-target{background:#f8fafc;border:1px solid var(--border);border-radius:13px;margin:12px 0;padding:14px}.rating-target h3{font-size:16px;margin:0 0 10px}.score-buttons{display:flex;flex-wrap:wrap;gap:6px}.score-buttons button{background:#eaf2ff;border:1px solid #bfd3ff;border-radius:8px;color:#175cd3;font-weight:800;height:36px;padding:0;width:36px}.score-buttons button.active,.score-buttons button:hover{background:var(--primary);color:#fff}.customer-chat{background:#f8fafc;border:1px solid var(--border);border-radius:13px;display:grid;gap:8px;max-height:45vh;min-height:180px;overflow:auto;padding:12px}.customer-chat p{background:#fff;border-radius:10px;margin:0;max-width:82%;padding:10px}.customer-chat p.customer{background:#eaf2ff;justify-self:end}.customer-chat small{color:var(--muted);display:block;font-size:10px;margin-top:4px}.support-form{display:flex;gap:8px;margin-top:12px}.support-form input{flex:1}.support-form button{margin:0}

.saved-addresses{background:#f8fafc;border:1px solid var(--border);border-radius:13px;margin-bottom:13px;padding:12px}.saved-addresses>p{color:var(--muted);font-size:12px;font-weight:750;margin:0 0 9px}.saved-address-chips{display:flex;flex-wrap:wrap;gap:7px}.saved-address-chip{background:#fff;border:1px solid #bfd3ff;border-radius:999px;color:#175cd3;font-size:12px;padding:8px 11px}.saved-address-chip.active,.saved-address-chip:hover{background:var(--primary);color:#fff}
.save-address-option{align-items:center;background:linear-gradient(135deg,#f7faff,#edf4ff);border:1px solid #c9dafb;border-radius:12px;cursor:pointer;display:flex;gap:10px;margin-top:12px;padding:10px 12px}.save-address-option input{accent-color:#2563eb;flex:0 0 18px;height:18px;margin:0;width:18px}.save-address-option span{display:grid;gap:2px}.save-address-option b{color:#17386e;font-size:12px}.save-address-option small{color:#66758d;font-size:10px}.save-address-option:has(input:checked){background:linear-gradient(135deg,#eaf3ff,#e9eaff);border-color:#77a3f6;box-shadow:0 4px 12px #1b61ce18}
.radius-toolbar{align-items:center;background:#eef4ff;border:1px solid #cfe0ff;border-radius:14px;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px;padding:12px 14px}.radius-toolbar>div{display:grid}.radius-toolbar span{color:var(--muted);font-size:12px}.radius-toolbar label{align-items:center;display:flex;font-size:12px;font-weight:750;gap:8px}.radius-toolbar select{border:1px solid var(--border);border-radius:8px;padding:8px}@media(max-width:600px){.radius-toolbar{align-items:stretch;flex-direction:column}.radius-toolbar label{justify-content:space-between}}
.delivery-quote{background:#fff8e8;border:1px solid #f5d58a;border-radius:10px;color:#925f00;font-weight:750;margin:12px 0;padding:11px}.payment-methods{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.payment-methods h3{margin:0 0 10px}.saved-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.saved-card{background:#fff;border:1px solid #bfd3ff;border-radius:10px;color:#175cd3;padding:9px 12px}.saved-card.active{background:var(--primary);color:#fff}.payment-methods details{background:#f8fafc;border-radius:10px;padding:10px}.payment-methods summary{color:#175cd3;cursor:pointer;font-weight:750}.card-form{display:grid;gap:9px;grid-template-columns:2fr 1fr 1fr;margin-top:11px}.card-number-field{grid-column:1/-1}.card-form #save-card{grid-column:1/-1}.payment-methods>small{color:var(--muted);display:block;margin-top:8px}
.payment-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.payment-heading>div{align-items:center;display:flex;gap:10px}.payment-heading h3{margin:0}.payment-heading small{color:var(--muted);display:block;font-size:10px;margin-top:2px}.payment-lock{align-items:center;background:linear-gradient(145deg,#e8fff5,#dff3ff);border-radius:12px;display:grid;font-size:18px;height:40px;place-items:center;width:40px}.flitt-badge{background:#172554;border-radius:999px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;padding:7px 10px}.saved-card{align-items:center;display:inline-flex;gap:5px;transition:transform .2s ease,box-shadow .2s ease}.saved-card:hover{box-shadow:0 7px 16px #175cd31c;transform:translateY(-1px)}.saved-card.new-flitt-card{border-style:dashed}.flitt-payment-panel{background:linear-gradient(145deg,#f7faff,#f5f2ff);border:1px solid #cad8f5;border-radius:14px;padding:12px}.remember-card{align-items:center;background:#fff;border:1px solid #dbe5f5;border-radius:11px;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:10px}.remember-card input{accent-color:#175cd3;height:18px;width:18px}.remember-card span{display:grid}.remember-card b{font-size:12px}.remember-card small{color:var(--muted);font-size:10px}.flitt-payment-progress{align-items:center;display:flex;gap:10px;min-height:48px}.flitt-payment-progress>div{display:grid;gap:2px}.flitt-payment-progress b{font-size:12px}.flitt-payment-progress small{color:var(--muted);font-size:10px}.payment-pulse{background:#16a36a;border-radius:50%;box-shadow:0 0 0 0 #16a36a66;height:10px;width:10px;animation:payment-ready-pulse 1.8s infinite}.flitt-frame-shell{background:#fff;border:1px solid #c9d8f4;border-radius:14px;box-shadow:0 12px 28px #17255418;margin-top:10px;overflow:hidden}.flitt-frame-shell iframe{border:0;display:block;height:560px;width:100%}.payment-methods.processing-payment .remember-card,.payment-methods.processing-payment .saved-cards{display:none}.payment-methods.processing-payment .flitt-payment-progress{background:#edf4ff;border-radius:10px;padding:9px}.checkout-content.payment-active{max-width:760px}.checkout-content.payment-active .checkout-block,.checkout-content.payment-active .delivery-quote,.checkout-content.payment-active .checkout-total-summary,.checkout-content.payment-active form>button[type=submit]{display:none}.checkout-content.payment-active .payment-methods{border:0;margin:0;padding:0}@keyframes payment-ready-pulse{70%{box-shadow:0 0 0 8px #16a36a00}}
@media(max-width:600px){.payment-heading{align-items:flex-start}.flitt-badge{font-size:8px;padding:6px 8px}.flitt-frame-shell iframe{height:515px}.checkout-content.payment-active{padding-left:10px;padding-right:10px}.remember-card{padding:9px}}
.new-flitt-card-feedback{align-items:center;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #86d9b7;border-radius:12px;display:flex;gap:10px;margin-bottom:8px;padding:10px}.new-flitt-card-feedback[hidden]{display:none}.new-flitt-card-feedback>div{display:grid;gap:2px}.new-flitt-card-feedback b{font-size:12px}.new-flitt-card-feedback small{color:#456078;font-size:10px}.new-card-check{align-items:center;background:#16a36a;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:900;height:25px;justify-content:center;min-width:25px}.new-flitt-card-feedback.choice-confirmed{animation:cardChoiceConfirm .45s cubic-bezier(.2,.8,.2,1)}.choice-nudge{animation:cardButtonNudge .55s ease}.payment-methods.processing-payment .new-flitt-card-feedback{display:none}@keyframes cardChoiceConfirm{0%{opacity:.35;transform:translateY(-5px) scale(.98)}100%{opacity:1;transform:none}}@keyframes cardButtonNudge{45%{box-shadow:0 0 0 7px #2563eb24;transform:translateY(-2px)}}

/* Video-matched payment method picker and secure add-card sheet. */
body.payment-drawer-open{overflow:hidden}
.checkout-content .payment-methods{padding:10px}
.payment-choice-heading{align-items:center;display:flex;justify-content:space-between;margin:1px 2px 9px}.payment-choice-heading>div{display:grid;gap:2px}.payment-choice-heading b{font-size:13px}.payment-choice-heading small{color:#68758b;font-size:10px}.payment-choice-actions{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 104px}.payment-method-add{align-items:center;background:linear-gradient(145deg,#2563eb,#1d4ed8);border:0;border-radius:14px;box-shadow:0 8px 20px #1d4ed82e;color:#fff;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:64px;padding:8px;transition:box-shadow .2s,transform .2s}.payment-method-add:hover,.payment-method-add:focus-visible{box-shadow:0 11px 25px #1d4ed845;outline:0;transform:translateY(-1px)}.payment-method-add span{font-size:19px;line-height:1}.payment-method-add b{font-size:10px}.payment-action-hint{color:#66758d;font-size:9px;line-height:1.45;margin:8px 3px 1px}.payment-methods.processing-payment>.payment-choice-heading,.payment-methods.processing-payment>.payment-choice-actions,.payment-methods.processing-payment>.payment-action-hint{display:none}
.payment-method-open{align-items:center;background:linear-gradient(135deg,#f8fbff,#f1f5ff);border:1px solid #cfdcf4;border-radius:14px;color:#17233d;display:grid;gap:11px;grid-template-columns:42px minmax(0,1fr) 28px;padding:10px;text-align:left;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;width:100%}
.payment-method-open:hover,.payment-method-open:focus-visible{border-color:#7ca4f4;box-shadow:0 9px 22px #2359c91b;outline:0;transform:translateY(-1px)}
.payment-method-open-icon{align-items:center;background:linear-gradient(145deg,#dce8ff,#eee9ff);border:1px solid #cbd9f6;border-radius:12px;display:flex;font-size:19px;height:42px;justify-content:center;width:42px}
.payment-method-open>span:nth-child(2){display:grid;gap:2px;min-width:0}.payment-method-open small{color:#68758b;font-size:10px}.payment-method-open b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-method-open.has-card b{color:#1359cc}.payment-method-chevron{color:#2c66df;font-size:28px;font-weight:400;line-height:1;text-align:center;transition:transform .22s ease}.payment-method-open:hover .payment-method-chevron{transform:translateX(3px)}
.payment-drawer{align-items:flex-end;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}
.payment-drawer-backdrop{animation:paymentBackdropIn .24s ease both;background:#07132cd1;border:0;border-radius:0;inset:0;padding:0;position:absolute;width:100%}
.payment-drawer-panel{animation:paymentSheetIn .42s cubic-bezier(.18,.82,.22,1) both;background:linear-gradient(180deg,#172554 0,#1d3272 124px,#f6f8fd 124px);border:1px solid #ffffff36;border-radius:26px 26px 0 0;box-shadow:0 -24px 70px #02081773;color:#f8fbff;margin-left:auto;margin-right:auto;max-height:min(780px,94dvh);overflow:hidden;position:relative;width:min(620px,100%);z-index:1}
.payment-drawer-handle{background:#ffffff75;border-radius:99px;height:5px;margin:10px auto 3px;width:44px}.payment-drawer-header{align-items:center;display:flex;justify-content:space-between;padding:9px 18px 18px}.payment-drawer-header small{color:#9ec3ff;font-size:9px;font-weight:900;letter-spacing:.16em}.payment-drawer-header h3{color:#fff;font-size:23px;letter-spacing:-.035em;margin:2px 0 0}.payment-drawer-header button{align-items:center;background:#ffffff17;border:1px solid #ffffff24;border-radius:12px;color:#fff;display:flex;font-size:25px;height:40px;justify-content:center;transition:background .2s,transform .22s;width:40px}.payment-drawer-header button:hover{background:#ffffff2b;transform:rotate(90deg)}
.payment-drawer-body{background:linear-gradient(180deg,#f8faff,#fff);border-radius:24px 24px 0 0;color:#17233d;max-height:calc(min(780px,94dvh) - 88px);overflow-y:auto;overscroll-behavior:contain;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));scrollbar-color:#a8bde8 transparent;scrollbar-width:thin}.payment-drawer-body .payment-heading{margin-bottom:14px}.payment-drawer-body .payment-heading h3{font-size:15px}.payment-drawer-body .saved-cards{display:grid;gap:9px;margin:0 0 12px}
.payment-drawer-body .saved-card{align-items:center;background:#fff;border:1px solid #d8e2f2;border-radius:15px;box-shadow:0 5px 15px #1725540b;color:#17233d;display:grid;gap:11px;grid-template-columns:42px minmax(0,1fr) 30px;min-height:66px;padding:10px;text-align:left;width:100%}.payment-drawer-body .saved-card:hover{border-color:#96b5f6;box-shadow:0 10px 24px #1d4ed821;transform:translateY(-1px)}.payment-drawer-body .saved-card.active{background:linear-gradient(135deg,#eff6ff,#f4f1ff);border-color:#5689ed;box-shadow:0 0 0 3px #dce8ff,0 10px 24px #1d4ed81c;color:#17233d}.saved-card-icon{align-items:center;background:linear-gradient(145deg,#e8f0ff,#f1edff);border:1px solid #d7e2fb;border-radius:12px;display:flex;font-size:19px;height:42px;justify-content:center;width:42px}.saved-card>span:nth-child(2){display:grid;gap:3px}.saved-card small{color:#6d7890;font-size:10px}.saved-card b{font-size:13px}.saved-card i{align-items:center;background:#e7efff;border-radius:50%;color:#316ce1;display:flex;font-size:13px;font-style:normal;height:25px;justify-content:center;opacity:0;transform:scale(.65);transition:opacity .2s,transform .2s;width:25px}.saved-card.active i{opacity:1;transform:scale(1)}.saved-card.new-flitt-card{border-style:dashed}.saved-card.new-flitt-card i{background:transparent;font-size:24px;opacity:1;transform:none}
.payment-drawer-body .flitt-payment-panel{background:linear-gradient(145deg,#f7faff,#f4f1ff);border-color:#cad8f3;border-radius:17px;padding:12px}.card-default-option{align-items:center;background:#fff;border:1px solid #dce5f3;border-radius:13px;cursor:pointer;display:flex;gap:10px;margin:0 0 10px;padding:10px;transition:border-color .2s,box-shadow .2s}.card-default-option:hover{border-color:#92b0ef;box-shadow:0 7px 17px #1d4ed815}.card-default-option input{accent-color:#2563eb;height:18px;width:18px}.card-default-option span{display:grid;gap:2px}.card-default-option b{font-size:12px}.card-default-option small{color:#6a768b;font-size:10px}.payment-methods.verifying-card .saved-cards,.payment-methods.verifying-card .card-default-option{display:none}.payment-methods.verifying-card .flitt-payment-progress{background:#edf4ff;border-radius:11px;margin-bottom:10px;padding:10px}.payment-methods.verifying-card .flitt-frame-shell,.payment-methods.verifying-card .flitt-inline-card-shell{animation:secureFrameIn .35s ease both;margin-top:0}.payment-drawer-security{color:#6a768b;font-size:10px;line-height:1.5;margin:11px 2px 0;text-align:center}
.flitt-inline-card-shell{background:#fff;border:1px solid #c9d8f4;border-radius:16px;box-shadow:0 12px 28px #17255418;min-height:330px;overflow:hidden;padding:4px}.flitt-inline-card-shell[hidden]{display:none}.flitt-inline-card-shell #flitt-inline-card{min-height:320px;width:100%}.flitt-inline-card-shell iframe{border:0;display:block;min-height:320px;width:100%}.flitt-inline-card-shell input{font-size:16px!important}.flitt-inline-card-shell button{min-height:46px}
.card-verification-success{align-items:center;animation:cardSuccessIn .48s cubic-bezier(.2,.85,.2,1) both;background:linear-gradient(145deg,#edfff6,#eff7ff);border:1px solid #8fdbbd;border-radius:17px;display:flex;flex-direction:column;padding:25px 16px;text-align:center}.card-verification-success>span{align-items:center;animation:cardSuccessCheck .55s .12s ease both;background:linear-gradient(145deg,#19bc79,#0b8e5b);border:5px solid #d8f8e9;border-radius:50%;box-shadow:0 10px 25px #0a9c623b;color:#fff;display:flex;font-size:25px;font-weight:900;height:64px;justify-content:center;width:64px}.card-verification-success h3{font-size:21px;margin:13px 0 4px}.card-verification-success p{color:#527064;font-size:11px;line-height:1.55;margin:0;max-width:360px}
.payment-methods.verification-complete .payment-heading,.payment-methods.verification-complete .saved-cards,.payment-methods.verification-complete .new-flitt-card-feedback,.payment-methods.verification-complete .card-default-option,.payment-methods.verification-complete .flitt-payment-progress,.payment-methods.verification-complete .payment-drawer-security{display:none}
@keyframes paymentBackdropIn{from{opacity:0}to{opacity:1}}@keyframes paymentSheetIn{from{opacity:.45;transform:translateY(70px) scale(.985)}to{opacity:1;transform:none}}@keyframes secureFrameIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cardSuccessIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes cardSuccessCheck{0%{opacity:0;transform:scale(.35) rotate(-18deg)}65%{transform:scale(1.14) rotate(4deg)}100%{opacity:1;transform:scale(1)}}
html[data-theme="dark"] .payment-method-open{background:linear-gradient(145deg,#1d293b,#202d45);border-color:#3a4b68;color:#eef4ff}html[data-theme="dark"] .payment-method-open small{color:#a9b7ca}html[data-theme="dark"] .payment-drawer-body{background:linear-gradient(180deg,#172132,#111927);color:#edf3ff}html[data-theme="dark"] .payment-drawer-body .saved-card,html[data-theme="dark"] .card-default-option{background:#1c293b;border-color:#3a4b65;color:#edf3ff}html[data-theme="dark"] .payment-drawer-body .saved-card.active{background:linear-gradient(145deg,#1d3564,#282f5c);border-color:#6593ef;color:#fff}html[data-theme="dark"] .payment-drawer-body .flitt-payment-panel{background:linear-gradient(145deg,#1b2b42,#20264b);border-color:#405579}html[data-theme="dark"] .card-verification-success{background:linear-gradient(145deg,#123a32,#17324a);color:#fff}html[data-theme="dark"] .flitt-inline-card-shell{border-color:#405579}
@media(max-width:700px){.payment-choice-actions{grid-template-columns:minmax(0,1fr) 92px}.payment-method-add{min-height:64px}.payment-drawer-panel{max-height:calc(100dvh - 8px);width:100%}.payment-drawer-body{max-height:calc(100dvh - 96px);padding-left:12px;padding-right:12px}.payment-drawer-header{padding-left:14px;padding-right:14px}.payment-drawer-header h3{font-size:21px}.payment-drawer-body .flitt-frame-shell iframe{height:515px}.flitt-inline-card-shell{border-radius:14px;min-height:310px;padding:0}.flitt-inline-card-shell #flitt-inline-card,.flitt-inline-card-shell iframe{min-height:300px}}

/* Calm, native-looking payment sheet. Flitt remains isolated inside its secure form. */
.payment-drawer .payment-drawer-panel{background:linear-gradient(145deg,#173a8f,#2862db);border-color:#fff6;color:#fff;max-height:min(820px,96dvh);width:min(540px,100%)}
.payment-drawer .payment-drawer-handle{background:#ffffff8c;margin-top:9px}
.payment-drawer .payment-drawer-header{border:0;min-height:66px;padding:10px 20px 16px}
.payment-drawer .payment-drawer-header small{color:#cfe0ff;display:block}
.payment-drawer .payment-drawer-header h3{font-size:21px;letter-spacing:-.025em;margin:2px 0 0}
.payment-drawer .payment-drawer-header button{background:#ffffff1f;border-color:#ffffff40;border-radius:12px;font-size:22px;height:40px;width:40px}
.payment-drawer .payment-drawer-header button:hover{background:#ffffff33}
.payment-drawer .payment-drawer-body{background:linear-gradient(180deg,#f5f8ff,#fff 36%);border-radius:24px 24px 0 0;color:#17233d;max-height:calc(min(820px,96dvh) - 90px);padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px))}
.payment-drawer .payment-heading{align-items:center;border:0;display:flex;justify-content:space-between;margin:0 0 14px;padding:0}
.payment-drawer .payment-heading>div{align-items:center;display:flex;gap:10px}
.payment-drawer .payment-heading h3{color:#17233d;font-size:15px;margin:0 0 3px}
.payment-drawer .payment-heading small{color:#6a7890;font-size:10px}
.payment-drawer .payment-lock{align-items:center;background:linear-gradient(145deg,#e8f0ff,#edf9ff);border:1px solid #d7e4fb;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}
.payment-drawer .flitt-badge{background:#e8efff;border:1px solid #d5e1ff;color:#2456bb}
.payment-method-list-view[hidden],.payment-drawer .flitt-payment-panel[hidden]{display:none!important}
.payment-drawer .payment-drawer-body .saved-cards{gap:9px;margin:0 0 12px}
.payment-drawer .payment-drawer-body .saved-card{background:#fff;border:1px solid #d9e3f3;border-radius:16px;box-shadow:0 8px 24px #173a8f0d;color:#17233d;min-height:68px;padding:11px}
.payment-drawer .payment-drawer-body .saved-card:hover{background:#fbfdff;border-color:#88aaf0;box-shadow:0 12px 28px #173a8f1a;transform:translateY(-1px)}
.payment-drawer .payment-drawer-body .saved-card.active{background:linear-gradient(135deg,#eef4ff,#f8fbff);border-color:#4f7fe2;box-shadow:0 0 0 3px #dfe9ff,0 12px 28px #173a8f17;color:#17233d}
.payment-drawer .saved-card-icon{background:linear-gradient(145deg,#eaf1ff,#f1f7ff);border-color:#d4e0f7}
.payment-drawer .saved-card small{color:#6d7890}
.payment-drawer .saved-card i{background:#dfeaff;color:#245fd0}
.payment-list-add{align-items:center;background:#f7faff;border:1px dashed #a9bfe8;border-radius:15px;color:#1f57bd;display:flex;gap:13px;margin-top:10px;min-height:60px;padding:10px 12px;text-align:left;transition:.2s ease;width:100%}
.payment-list-add span{align-items:center;background:#e4edff;border-radius:12px;color:#2057c0;display:flex;font-size:22px;font-weight:600;height:38px;justify-content:center;width:38px}
.payment-list-add b{font-size:13px}
.payment-list-add:hover,.payment-list-add:focus-visible{background:#edf4ff;border-color:#5d87df;outline:0;transform:translateY(-1px)}
.payment-empty-card{color:#718099;font-size:12px;margin:0;padding:22px 4px;text-align:center}
.payment-drawer .payment-drawer-security{color:#718099;display:block}

.payment-drawer.adding-card .payment-drawer-panel{background:linear-gradient(145deg,#173a8f,#2862db)}
.payment-drawer.adding-card .payment-drawer-header{justify-content:space-between;position:relative}
.payment-drawer.adding-card .payment-drawer-body{background:linear-gradient(180deg,#f4f7ff,#fff 42%);padding-top:18px}
.payment-drawer.adding-card .payment-drawer-body .flitt-payment-panel{background:#fff;border:1px solid #d8e3f5;border-radius:20px;box-shadow:0 18px 48px #173a8f1c;padding:12px}
.payment-drawer.adding-card .flitt-payment-progress{background:linear-gradient(135deg,#eef5ff,#f5f9ff);border:1px solid #d7e4fb;border-radius:14px;color:#20304a;margin:0 0 12px;padding:11px}
.payment-drawer.adding-card .flitt-payment-progress small{color:#6a7890}
.payment-drawer.adding-card .flitt-inline-card-shell{background:#fff;border:1px solid #d4e0f2;border-radius:16px;box-shadow:0 10px 30px #173a8f14;min-height:350px;padding:4px}
.payment-drawer.adding-card .flitt-inline-card-shell #flitt-inline-card,.payment-drawer.adding-card .flitt-inline-card-shell iframe{min-height:340px}
.payment-drawer.adding-card .new-flitt-card-feedback{background:linear-gradient(135deg,#ecfdf5,#f2fbff);border:1px solid #a7dfc5;color:#24443a;margin:11px 0 0;padding:10px}
.payment-drawer.adding-card .new-flitt-card-feedback .new-card-check{align-items:center;background:#ddf7ea;border-radius:10px;display:flex;height:34px;justify-content:center;width:34px}
.payment-drawer.adding-card .new-flitt-card-feedback b{color:#183d32;font-size:11px}
.payment-drawer.adding-card .new-flitt-card-feedback small{color:#57756c;font-size:9px}
.card-options-panel{border-top:1px solid #e1e8f3;margin-top:14px;padding-top:14px}
.card-options-panel h4{color:#22304a;font-size:13px;margin:0 0 9px}
.payment-drawer.adding-card .card-default-option,.payment-methods.verifying-card .payment-drawer.adding-card .card-default-option{background:#f8faff;border-color:#dce5f3;color:#22304a;display:flex;margin:0}
.payment-drawer.adding-card .card-default-option small{color:#6d7890}
.payment-drawer.adding-card .card-default-option input{accent-color:#2563eb}
.payment-drawer.adding-card .payment-drawer-security{color:#6d7890;display:block;margin-top:12px}
.payment-methods.verification-complete .payment-drawer.adding-card .card-options-panel,.payment-methods.verification-complete .payment-drawer.adding-card .card-default-option{display:none}
.payment-drawer.adding-card .card-verification-success{background:linear-gradient(145deg,#edfff6,#eff7ff);border-color:#8fdbbd;color:#173d32}
.payment-drawer.adding-card .card-verification-success p{color:#527064}

@media(max-width:700px){
    .payment-drawer{align-items:stretch}
    .payment-drawer .payment-drawer-panel{border:0;border-radius:0;height:100dvh;max-height:100dvh;width:100%}
    .payment-drawer .payment-drawer-handle{display:none}
    .payment-drawer .payment-drawer-body{height:calc(100dvh - 72px);max-height:none;padding:16px 14px calc(20px + env(safe-area-inset-bottom,0px))}
    .payment-drawer .payment-drawer-header{min-height:72px;padding:13px 16px}
    .payment-drawer .payment-drawer-header h3{font-size:20px}
    .payment-drawer.adding-card .payment-drawer-body{padding-top:16px}
    .payment-drawer.adding-card .payment-drawer-body .flitt-payment-panel{border-radius:18px;padding:10px}
    .payment-drawer.adding-card .flitt-inline-card-shell{min-height:340px}
    .payment-drawer.adding-card .flitt-inline-card-shell #flitt-inline-card,.payment-drawer.adding-card .flitt-inline-card-shell iframe{min-height:330px}
}
@media(prefers-reduced-motion:reduce){.payment-drawer-backdrop,.payment-drawer-panel,.payment-methods.verifying-card .flitt-frame-shell,.payment-methods.verifying-card .flitt-inline-card-shell,.card-verification-success,.card-verification-success>span{animation:none!important}.payment-method-open,.saved-card{transition:none!important}}
.test-card-notice{align-items:center;background:#fff8e8;border:1px solid #f5d58a;border-radius:10px;color:#7a5200;display:flex;gap:10px;justify-content:space-between;margin-top:11px;padding:10px}.test-card-notice button{background:#fff;border:1px solid #e2b84f;color:#7a5200;white-space:nowrap}@media(max-width:640px){.test-card-notice{align-items:stretch;flex-direction:column}.test-card-notice button{width:100%}}
.checkout-total-summary{background:linear-gradient(145deg,#fff,#f0f5ff);border:1px solid #c8d8fb;border-radius:16px;box-shadow:0 8px 22px #175cd312;padding:14px}.checkout-total-heading{align-items:center;display:flex;font-size:15px;gap:8px;margin-bottom:9px}.checkout-total-heading>span{font-size:19px}.checkout-total-row{align-items:center;border-top:1px solid #dce6f7;color:#52627a;display:flex;font-size:13px;justify-content:space-between;padding:9px 2px}.checkout-total-row strong{color:#172033;font-size:15px}.checkout-grand-total{background:#eaf1ff;border-radius:11px;color:#123e9e;font-weight:800;margin-top:3px;padding:12px 10px}.checkout-grand-total strong{color:#175cd3;font-size:21px}.checkout-total-summary>small{color:var(--muted);display:block;font-size:10px;margin:7px 2px 0}

/* Customer fulfillment, scheduling, group checkout, and the order journey. */
.fulfillment-options,.schedule-options{display:grid;gap:9px;grid-template-columns:1fr 1fr}.fulfillment-option,.schedule-option{align-items:center;background:#f8fbff;border:1px solid #d9e4f8;border-radius:13px;color:#203450;cursor:pointer;display:grid;gap:9px;grid-template-columns:34px minmax(0,1fr);min-height:63px;padding:10px;transition:border-color .2s,box-shadow .2s,transform .2s}.schedule-option{grid-template-columns:1fr}.fulfillment-option input,.schedule-option input{height:1px;opacity:0;position:absolute;width:1px}.fulfillment-option:hover,.schedule-option:hover,.fulfillment-option:has(input:focus-visible),.schedule-option:has(input:focus-visible){border-color:#7ba4fa;box-shadow:0 8px 18px #175cd317;outline:0;transform:translateY(-1px)}.fulfillment-option.active,.schedule-option.active{background:linear-gradient(135deg,#eff6ff,#f4f1ff);border-color:#2f69e9;box-shadow:0 0 0 3px #dce8ff}.fulfillment-option-icon{align-items:center;background:#e5efff;border-radius:10px;display:flex;font-size:18px;height:34px;justify-content:center;width:34px}.fulfillment-option>span:last-child,.schedule-option>span{display:grid;gap:2px}.fulfillment-option b,.schedule-option b{font-size:12px}.fulfillment-option small,.schedule-option small{color:#64748b;font-size:10px;line-height:1.35}.pickup-summary{align-items:center;background:linear-gradient(135deg,#ecfdf5,#f4fbff);border:1px solid #aee6ca;border-radius:12px;display:flex;gap:10px;margin-top:10px;padding:10px}.pickup-summary>span{font-size:19px}.pickup-summary>div{display:grid;gap:2px}.pickup-summary b{color:#14532d;font-size:12px}.pickup-summary small{color:#527064;font-size:10px;line-height:1.4}.schedule-picker{align-items:end;background:#f7faff;border:1px solid #d6e3fa;border-radius:12px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 1fr;margin-top:10px;padding:10px}.schedule-picker .form-field{margin:0}.schedule-picker .form-field span{font-size:11px}.schedule-picker p{color:#65738b;font-size:10px;line-height:1.45;margin:0}.checkout-group-order{align-items:center;background:linear-gradient(110deg,#f0edff,#edf6ff);border:1px solid #cfc7ff;border-radius:14px;color:#293d70;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr) auto;padding:10px 12px}.checkout-group-order>span{font-size:19px}.checkout-group-order>div{display:grid;gap:2px}.checkout-group-order b{font-size:12px}.checkout-group-order small{color:#64718b;font-size:10px}.checkout-group-order button{background:#fff;border:1px solid #b6c8f5;border-radius:9px;color:#215fcb;font-size:11px;font-weight:800;padding:7px 9px}.cart-group-order-button{align-items:center;background:linear-gradient(120deg,#f0edff,#edf7ff);border:1px solid #d0c8ff;border-radius:13px;color:#243765;display:grid;gap:9px;grid-template-columns:30px minmax(0,1fr) 18px;margin-top:10px;padding:10px;text-align:left;transition:box-shadow .2s,transform .2s,border-color .2s;width:100%}.cart-group-order-button:hover:not(:disabled),.cart-group-order-button:focus-visible{border-color:#7b6def;box-shadow:0 9px 20px #503db822;outline:0;transform:translateY(-1px)}.cart-group-order-button:disabled{cursor:not-allowed;opacity:.55}.cart-group-order-button.active{background:linear-gradient(120deg,#e7f0ff,#f1eeff);border-color:#6276e8}.cart-group-order-button>span:first-child{align-items:center;background:#fff;border-radius:9px;display:grid;font-size:16px;height:30px;place-items:center;width:30px}.cart-group-order-button>span:nth-child(2){display:grid;gap:2px;min-width:0}.cart-group-order-button b{font-size:12px}.cart-group-order-button small{color:#64718b;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-group-order-button i{color:#435fbe;font-size:22px;font-style:normal}.group-order-content{background:linear-gradient(165deg,#fbfbff,#f4f8ff);max-width:520px;padding:28px}.group-order-hero{align-items:flex-start;display:flex;gap:13px;padding-right:30px}.group-order-hero>span{align-items:center;background:linear-gradient(145deg,#4f46e5,#2563eb);border-radius:15px;box-shadow:0 10px 23px #4438c238;color:#fff;display:flex;font-size:25px;height:54px;justify-content:center;min-width:54px}.group-order-hero h2{font-size:25px;margin:2px 0 5px}.group-order-hero p:not(.eyebrow){color:#60708a;font-size:12px;line-height:1.55;margin:0}.group-order-state{background:#fff;border:1px solid #dce5f4;border-radius:16px;margin:19px 0 12px;padding:14px}.group-order-empty{color:#60708a;font-size:13px;line-height:1.55;margin:0}.group-order-store,.group-order-live{align-items:center;display:flex;gap:10px}.group-order-store>span,.group-order-live>span{align-items:center;background:#edf3ff;border-radius:10px;display:grid;font-size:18px;height:37px;place-items:center;width:37px}.group-order-live>span{background:#e6f8ef;color:#087443;font-weight:900}.group-order-store>div,.group-order-live>div{display:grid;gap:3px}.group-order-store b,.group-order-live b{color:#203250;font-size:13px}.group-order-store small,.group-order-live p{color:#63718a;font-size:10px;margin:0}.group-order-link{display:grid;gap:6px;margin-top:14px}.group-order-link>span{color:#64718b;font-size:10px;font-weight:800}.group-order-link input{background:#f8faff;border:1px solid #d7e3f8;border-radius:9px;color:#31558c;font-size:11px;padding:10px;width:100%}.group-order-note{color:#64718b;font-size:10px;line-height:1.5;margin:12px 0 0}.group-order-actions{display:flex;gap:9px}.group-order-actions button{flex:1;margin:0}.customer-order-timeline{background:linear-gradient(135deg,#fafcff,#f4f8ff);border:1px solid #d9e5f8;border-radius:15px;margin:14px 0 0;padding:13px}.customer-timeline-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:11px}.customer-timeline-heading b{color:#203250;font-size:13px}.customer-timeline-heading span{background:#edf2ff;border-radius:99px;color:#365a9b;font-size:9px;font-weight:800;padding:5px 8px}.customer-order-timeline ol{display:grid;gap:0;list-style:none;margin:0;padding:0}.customer-order-timeline li{align-items:flex-start;color:#9aa8bc;display:grid;gap:9px;grid-template-columns:24px minmax(0,1fr);min-height:47px;position:relative}.customer-order-timeline li:not(:last-child):after{background:#d9e4f3;content:"";height:calc(100% - 20px);left:11px;position:absolute;top:22px;width:2px}.timeline-dot{align-items:center;background:#eef2f7;border:2px solid #d6e0ed;border-radius:50%;color:#7c8ba0;display:flex;font-size:9px;font-weight:900;height:23px;justify-content:center;position:relative;width:23px;z-index:1}.customer-order-timeline li>div{display:grid;gap:2px;padding-top:3px}.customer-order-timeline li b{font-size:11px}.customer-order-timeline li small{font-size:10px;line-height:1.35}.customer-order-timeline li.complete,.customer-order-timeline li.current{color:#26436f}.customer-order-timeline li.complete .timeline-dot{background:#1d8b5c;border-color:#1d8b5c;color:#fff}.customer-order-timeline li.current .timeline-dot{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 5px #2563eb18;color:#fff}.customer-order-timeline li.complete:not(:last-child):after{background:#65b88f}.customer-order-timeline li.current:not(:last-child):after{background:linear-gradient(#2563eb 0 25%,#d9e4f3 25%)}.timeline-scheduled{align-items:flex-start;background:#fff7e8;border:1px solid #f5d58a;border-radius:10px;color:#855900;display:flex;font-size:10px;gap:7px;line-height:1.4;margin:0 0 10px;padding:8px}.timeline-scheduled>span:last-child{display:grid;gap:2px}.timeline-scheduled small{color:#936c21}.customer-order-timeline.compact{background:#f8fafc;border-radius:12px;margin-top:2px;padding:9px}.customer-order-timeline.compact .customer-timeline-heading{display:none}.customer-order-timeline.compact ol{display:flex;gap:0;justify-content:space-between}.customer-order-timeline.compact li{display:grid;flex:1;gap:4px;grid-template-columns:1fr;min-height:0;text-align:center}.customer-order-timeline.compact li:not(:last-child):after{height:2px;left:calc(50% + 12px);top:11px;width:calc(100% - 23px)}.customer-order-timeline.compact .timeline-dot{justify-self:center}.customer-order-timeline.compact li>div{padding:0}.customer-order-timeline.compact li b{font-size:8px;line-height:1.2}.tracking-summary .customer-order-timeline{margin:0 0 13px}.tracking-waiting{align-items:center;background:#f8fbff;border:1px solid #dbe5f6;border-radius:12px;display:flex;gap:10px;padding:11px}.tracking-waiting>span{align-items:center;background:#e6efff;border-radius:10px;display:grid;font-size:19px;height:37px;place-items:center;width:37px}.tracking-waiting>div{display:grid;gap:2px}.tracking-waiting b{font-size:12px}.tracking-waiting small{color:#66758d;font-size:10px}.tracking-map-placeholder{align-items:center;color:#65738b;display:flex;font-size:12px;height:100%;justify-content:center;margin:0;padding:16px;text-align:center}
@media(max-width:600px){.fulfillment-options,.schedule-options{gap:7px}.fulfillment-option{gap:7px;grid-template-columns:29px minmax(0,1fr);min-height:58px;padding:8px}.fulfillment-option-icon{height:29px;width:29px}.fulfillment-option b,.schedule-option b{font-size:11px}.fulfillment-option small,.schedule-option small{font-size:9px}.schedule-picker{grid-template-columns:1fr}.group-order-content{padding:24px 16px 18px}.group-order-hero h2{font-size:23px}.customer-order-timeline{padding:11px}.customer-order-timeline li b{font-size:10px}.customer-order-timeline li small{font-size:9px}.customer-order-timeline.compact li b{font-size:7px}.group-order-actions{flex-direction:column}.group-order-actions button{width:100%}}
html[data-theme="dark"] .fulfillment-option,html[data-theme="dark"] .schedule-option,html[data-theme="dark"] .group-order-state,html[data-theme="dark"] .customer-order-timeline{background:#18263a;border-color:#3b506d;color:#eaf2ff}html[data-theme="dark"] .fulfillment-option small,html[data-theme="dark"] .schedule-option small,html[data-theme="dark"] .group-order-store small,html[data-theme="dark"] .group-order-live p,html[data-theme="dark"] .customer-order-timeline li{color:#aebed4}html[data-theme="dark"] .group-order-content{background:#132135}html[data-theme="dark"] .group-order-store b,html[data-theme="dark"] .group-order-live b,html[data-theme="dark"] .customer-timeline-heading b{color:#eef4ff}

.header {
    align-items: center;
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    padding: 15px max(24px, calc((100% - 1120px) / 2));
    position: sticky;
    top: 0;
    z-index: 5;
}

.logo {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 18px;
    font-weight: 800;
    gap: 9px;
    text-decoration: none;
}

.logo-mark {
    align-items: center;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    border-radius: 9px;
    color: white;
    display: inline-flex;
    font-size: 16px;
    height: 31px;
    justify-content: center;
    width: 31px;
}

.navigation {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
}

.nav-button,
.cart-button,
.primary-button,
.secondary-button,
.hero-button,
.compare-button,
.add-cart-button,
.quantity-button,
.remove-button,
.track-button {
    border: 0;
    border-radius: 9px;
    font-weight: 700;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.nav-button {
    background: transparent;
    color: var(--text);
    padding: 9px 11px;
}

.nav-button:hover {
    background: #eef4ff;
    color: var(--primary);
}

.cart-button {
    background: var(--primary);
    color: white;
    padding: 10px 13px;
}

.cart-button:hover,
.primary-button:hover,
.hero-button:hover,
.add-cart-button:hover {
    background: var(--primary-dark);
    transform: translateY(-1px);
}

#cart-count {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 99px;
    margin-left: 5px;
    min-width: 21px;
    padding: 2px 6px;
}

.page {
    margin: 0 auto;
    max-width: 1120px;
    padding: 56px 24px 72px;
}

.hero {
    background: linear-gradient(135deg, #1d4ed8, #6d28d9);
    border-radius: 24px;
    box-shadow: 0 22px 54px rgba(55, 48, 163, 0.28);
    color: white;
    display: grid;
    gap: 36px;
    grid-template-columns: minmax(0, 1.4fr) minmax(230px, 0.6fr);
    overflow: hidden;
    padding: clamp(34px, 6vw, 66px);
}

.eyebrow {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 11px;
}

.hero h1 {
    font-size: clamp(38px, 6vw, 65px);
    letter-spacing: -0.045em;
    line-height: 1.03;
    margin: 0;
    max-width: 700px;
}

.hero-text {
    font-size: 18px;
    line-height: 1.65;
    margin: 20px 0 0;
    max-width: 610px;
    opacity: 0.92;
}

.hero-button {
    background: white;
    color: var(--primary-dark);
    margin-top: 27px;
    padding: 12px 17px;
}

.hero-card {
    align-self: center;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 18px;
    display: grid;
    gap: 12px;
    padding: 24px;
}

.hero-card p,
.hero-card strong,
.hero-card span {
    margin: 0;
}

.hero-card strong {
    font-size: 24px;
    line-height: 1.15;
}

.hero-card span {
    font-size: 14px;
    opacity: 0.9;
}

.catalog-section {
    margin-top: 68px;
}

.section-heading {
    align-items: end;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 25px;
}

.section-heading .eyebrow,
.modal-content .eyebrow {
    color: var(--primary);
    margin-bottom: 7px;
}

.section-heading h2,
.modal-content h2 {
    font-size: 30px;
    letter-spacing: -0.025em;
    margin: 0;
}

.search-box {
    color: var(--muted);
    display: grid;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    min-width: min(100%, 270px);
}

.search-box input,
.form-field input {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text);
    outline: none;
    padding: 12px;
    width: 100%;
}

.search-controls {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.search-controls button {
    align-items: center;
    background: linear-gradient(135deg, #ff8a34 0%, #f4512c 100%);
    border: 1px solid #ffffffa8;
    border-radius: 12px;
    box-shadow: 0 7px 18px #f4512c35, inset 0 1px 0 #ffffff45;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    gap: 7px;
    font-weight: 800;
    justify-content: center;
    min-width: 92px;
    padding: 0 16px;
    transition: box-shadow .2s ease, filter .2s ease, transform .2s ease;
}

.search-controls button::before {
    content: "⌕";
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

.search-controls button:hover {
    box-shadow: 0 10px 24px #f4512c48, 0 0 0 3px #ffeddc;
    filter: brightness(1.04) saturate(1.06);
    transform: translateY(-2px);
}



.search-controls button:active {
    box-shadow: 0 4px 12px #f4512c35;
    transform: translateY(1px) scale(.98);
}

.address-details-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }
.address-details-grid .form-field { min-width: 0; }

.search-box input:focus,
.form-field input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.product-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    scroll-margin-top: 110px;
}

.category-grid { display: grid; gap: 12px; grid-template-columns: repeat(7, minmax(118px, 1fr)); margin-bottom: 26px; overflow-x: auto; padding: 3px 2px 10px; }
.category-toggle { background: var(--primary); border: 0; border-radius: 11px; color: #fff; display: none; font-weight: 800; margin-bottom: 12px; padding: 12px 15px; text-align: left; width: 100%; }
.category-toggle::after { content: "⌄"; float: right; font-size: 20px; line-height: 14px; transition: transform .2s ease; }
.category-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
.subcategory-panel, .variant-panel { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; margin: -8px 0 20px; padding: 14px; }
.variant-panel { background: var(--surface-muted); margin-top: -10px; }
.filter-caption { color: var(--muted); font-size: 12px; font-weight: 750; margin: 0 0 10px; }
.filter-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-chip { background: var(--surface-muted); border: 1px solid var(--border); border-radius: 999px; color: var(--text); padding: 8px 13px; }
.filter-chip:hover, .filter-chip.active { background: var(--primary); border-color: var(--primary); color: white; }
.family-chips .filter-chip { font-size: 13px; }
.category-card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; color: var(--text); font-size: 13px; font-weight: 750; min-width: 118px; overflow: hidden; padding: 0 0 11px; text-align: left; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.category-card:hover, .category-card.active { border-color: var(--primary); box-shadow: 0 8px 22px rgba(37, 99, 235, .14); transform: translateY(-2px); }
.category-card > span:last-child { display: block; padding: 0 11px; }
.category-photo { aspect-ratio: 4 / 3; display: block; margin-bottom: 10px; margin-left: -9%; max-width: none; object-fit: cover; width: 109%; }

.product-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05);
    display: flex;
    flex-direction: column;
    min-height: 210px;
    overflow: hidden;
    padding: 0 21px 21px;
}

.product-photo { aspect-ratio: 4 / 3; border-bottom: 1px solid var(--border); display: block; margin: 0 -21px 18px; object-fit: cover; width: calc(100% + 42px); }

.product-category {
    color: var(--primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-card h3 {
    font-size: 21px;
    margin: 10px 0 6px;
}

.product-unit,
.loading-message,
.modal-intro,
.map-help {
    color: var(--muted);
}

.product-unit {
    font-size: 14px;
    margin: 0;
}

.compare-button,
.primary-button {
    background: var(--primary);
    color: white;
    padding: 11px 14px;
}

.compare-button {
    margin-top: auto;
    width: 100%;
}

.full-width {
    width: 100%;
}

.footer {
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 14px;
    padding: 26px 24px;
    text-align: center;
}

.footer p {
    margin: 0;
}

.modal {
    align-items: center;
    background: rgba(15, 23, 42, 0.58);
    display: flex;
    inset: 0;
    justify-content: center;
    overflow-y: auto;
    padding: 24px;
    position: fixed;
    z-index: 90;
}

.modal-content {
    background: var(--surface);
    border-radius: 18px;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.3);
    max-width: 580px;
    padding: 32px;
    position: relative;
    width: 100%;
}

.modal-close {
    align-items: center;
    background: #f2f4f7;
    border: 0;
    border-radius: 9px;
    color: var(--text);
    display: flex;
    font-size: 25px;
    height: 36px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 36px;
}

.modal-close:hover {
    background: #e4e7ec;
}

.modal-intro {
    line-height: 1.5;
    margin: 11px 0 22px;
}

.price-list,
.store-list,
.orders-list {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.orders-modal-content{background:linear-gradient(180deg,#fff 0%,#f8faff 100%);max-width:680px;padding:34px}.orders-modal-content:before{background:linear-gradient(90deg,#2563eb,#4f46e5,#7c3aed);border-radius:18px 18px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.orders-modal-content h2{font-size:30px;letter-spacing:-.035em;margin-bottom:7px}.orders-modal-intro{color:var(--muted);font-size:13px;line-height:1.55;margin:0;max-width:470px}.orders-modal-content .orders-list{gap:14px;margin-top:22px}.orders-modal-content .order-row{align-items:stretch;background:#fff;border:1px solid #dfe6f1;border-radius:18px;box-shadow:0 7px 22px rgba(15,23,42,.055);display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:18px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.orders-modal-content .order-row:hover{border-color:#b8c8e5;box-shadow:0 12px 30px rgba(37,99,235,.1);transform:translateY(-2px)}.order-row-main{display:grid;gap:12px;min-width:0}.order-row-heading{align-items:center;display:flex;gap:10px}.order-icon{align-items:center;background:linear-gradient(145deg,#eef4ff,#e5e7ff);border:1px solid #d9e4ff;border-radius:12px;display:flex;font-size:18px;height:42px;justify-content:center;width:42px}.order-kicker{color:#667085;font-size:10px;font-weight:800;letter-spacing:.09em;margin:0;text-transform:uppercase}.order-row-heading .order-name{font-size:18px;letter-spacing:-.02em}.order-row-heading .status-badge{margin-left:auto}.order-detail-line{align-items:flex-start;background:#f8fafc;border-radius:11px;color:#667085;display:flex;gap:8px;padding:9px 11px}.order-detail-line>span{flex:0 0 auto;font-size:13px;margin-top:1px}.order-detail-line .order-meta{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.order-date-line{background:transparent;padding:0 2px}.order-date-line .order-meta{font-size:12px}.orders-modal-content .order-row-right{border-left:1px solid #edf0f5;display:flex;flex-direction:column;justify-content:center;min-width:175px;padding-left:18px}.order-total-label{color:#667085;font-size:10px;font-weight:800;letter-spacing:.04em}.orders-modal-content .order-total{color:#101828;font-size:22px;letter-spacing:-.03em;margin:3px 0 13px}.order-actions{display:grid;gap:7px}.order-actions .track-button{border-radius:10px;font-weight:800;min-height:36px;width:100%}.order-actions .track-button+button{background:#eef4ff;border:1px solid #cfddff;color:#175cd3}.status-badge{border-radius:999px;font-size:10px;font-weight:800;padding:6px 9px;white-space:nowrap}

@media(max-width:600px){.orders-modal-content{padding:28px 15px 18px}.orders-modal-content h2{font-size:26px}.orders-modal-content .order-row{gap:13px;grid-template-columns:1fr;padding:14px}.orders-modal-content .order-row-right{align-items:center;border-left:0;border-top:1px solid #edf0f5;display:grid;gap:3px;grid-template-columns:1fr auto;padding:13px 0 0}.orders-modal-content .order-total{margin:0}.order-actions{display:flex;grid-column:1/-1;margin-top:8px}.order-actions .track-button{flex:1}.order-row-heading .status-badge{font-size:9px}.order-detail-line .order-meta{font-size:12px}}

.price-row,
.store-row,
.order-row {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 12px;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding: 15px;
}

.price-row {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) auto;
}

.price-offer-photo-wrap {
    align-self: stretch;
    min-height: 112px;
    position: relative;
}

.price-offer-image {
    background: #f4f6fa;
    border: 1px solid #e3e8f0;
    border-radius: 14px;
    display: block;
    height: 112px;
    object-fit: cover;
    width: 112px;
}

.price-photo-badge {
    background: linear-gradient(135deg, #ff7a1a, #ff4d35);
    border: 2px solid white;
    border-radius: 999px;
    bottom: -7px;
    box-shadow: 0 6px 16px #ff6a2a42;
    color: white;
    font-size: 10px;
    font-weight: 800;
    left: 7px;
    padding: 4px 7px;
    position: absolute;
    white-space: nowrap;
}

.price-offer-copy {
    min-width: 0;
}

.quality-badge{border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;letter-spacing:.025em;margin:5px 0 7px;padding:6px 10px}
.quality-high{background:#dcfae6;border:1px solid #75e0a7;color:#067647}
.quality-medium{background:#fff4cc;border:1px solid #f7c94b;color:#8a5700}
.quality-low{background:#fee4e2;border:1px solid #fda29b;color:#b42318}
.quality-badge small{font-size:9px;font-weight:800;opacity:.8}
.quality-rating-heading{border-top:1px solid var(--border);margin:18px 0 10px;padding-top:17px}
.product-quality-target{align-items:center;display:grid;gap:12px;grid-template-columns:64px minmax(0,1fr)}
.product-quality-target>img{border-radius:12px;height:64px;object-fit:cover;width:64px}.product-quality-target h3{margin:0 0 2px}.product-quality-target p{color:var(--muted);font-size:12px;margin:0 0 9px}
.quality-choice-buttons{display:flex;flex-wrap:wrap;gap:6px}.quality-choice-buttons button{border-radius:999px;font-size:10px;font-weight:900;padding:7px 9px}.quality-choice-buttons button.active{box-shadow:0 0 0 3px #2563eb35;filter:saturate(1.35);transform:translateY(-1px)}

.price-row:first-child {
    background: #ecfdf3;
    border-color: #a6f4c5;
}

.store-name,
.order-name,
.cart-item-name {
    font-weight: 800;
    margin: 0;
}

.store-address,
.stock-label,
.order-meta,
.cart-item-store {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 5px 0 0;
}

.price-action {
    display: grid;
    gap: 8px;
    justify-items: end;
}

.price-value {
    color: var(--success);
    font-size: 20px;
    white-space: nowrap;
}

.add-cart-button,
.track-button {
    background: var(--primary);
    color: white;
    font-size: 13px;
    padding: 8px 11px;
}

.form-field {
    color: var(--text);
    display: grid;
    font-size: 14px;
    font-weight: 700;
    gap: 7px;
    margin-bottom: 15px;
}

.form-message {
    color: var(--danger);
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 13px;
    min-height: 20px;
}

.form-message.success {
    color: var(--success);
}

.form-switch {
    color: var(--muted);
    font-size: 14px;
    margin: 17px 0 0;
    text-align: center;
}

.form-switch button {
    background: transparent;
    border: 0;
    color: var(--primary);
    font-weight: 800;
    padding: 0;
}

.cart-items {
    border-bottom: 1px solid var(--border);
    display: grid;
    gap: 12px;
    margin: 24px 0 18px;
    max-height: 340px;
    overflow-y: auto;
    padding-bottom: 18px;
}

.cart-item {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 14px;
}

.cart-item-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: end;
}

.cart-item-total {
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.quantity-control {
    align-items: center;
    background: var(--surface-muted);
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    overflow: hidden;
}

.quantity-button {
    background: transparent;
    color: var(--text);
    font-size: 17px;
    height: 28px;
    width: 30px;
}

.quantity-button:hover {
    background: #e8efff;
    color: var(--primary);
}

.quantity-value {
    font-size: 13px;
    font-weight: 800;
    min-width: 24px;
    text-align: center;
}

.remove-button {
    background: #fef3f2;
    color: var(--danger);
    font-size: 12px;
    padding: 7px 8px;
}

.remove-button:hover {
    background: #fee4e2;
}

.cart-summary {
    display: flex;
    font-size: 19px;
    font-weight: 800;
    justify-content: space-between;
    margin-bottom: 17px;
}

.cart-summary strong {
    color: var(--success);
}

.secondary-button {
    background: #eef4ff;
    color: var(--primary-dark);
    margin: -2px 0 14px;
    padding: 9px 11px;
}

.secondary-button:hover {
    background: #dbeafe;
}

.delivery-map,
.tracking-map {
    background: #eef2ff;
    border: 1px solid var(--border);
    border-radius: 12px;
    height: 230px;
    margin-bottom: 8px;
    overflow: hidden;
}

.map-help {
    font-size: 12px;
    line-height: 1.45;
    margin: 0 0 15px;
}

.order-row {
    align-items: start;
}

.order-row-right {
    align-items: end;
    display: grid;
    gap: 9px;
    justify-items: end;
}

.order-total {
    font-size: 15px;
    font-weight: 800;
}

.status-badge {
    background: #eff8ff;
    border-radius: 99px;
    color: #175cd3;
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 9px;
    text-transform: capitalize;
}

.status-badge.delivered {
    background: #ecfdf3;
    color: var(--success);
}

.status-badge.cancelled {
    background: #fef3f2;
    color: var(--danger);
}

.tracking-summary {
    background: var(--surface-muted);
    border: 1px solid var(--border);
    border-radius: 12px;
    margin: 22px 0 12px;
    padding: 15px;
}

.tracking-summary p {
    margin: 5px 0;
}

.courier-vehicle-icon {
    background: transparent !important;
    border: 0 !important;
    height: 56px !important;
    width: 56px !important;
}

.vehicle-marker {
    align-items: center;
    background: #ffffff;
    border: 3px solid var(--primary);
    border-radius: 50%;
    box-shadow: 0 5px 16px rgba(23, 92, 211, 0.36);
    display: flex;
    font-size: 36px;
    height: 56px;
    justify-content: center;
    position: relative;
    width: 56px;
}

.vehicle-marker::before {
    animation: vehicle-pulse 1.8s ease-out infinite;
    border: 3px solid rgba(37, 99, 235, 0.55);
    border-radius: 50%;
    content: "";
    inset: -4px;
    position: absolute;
}

.vehicle-marker span {
    line-height: 1;
    position: relative;
    transform: translateY(-1px);
    z-index: 1;
}

@keyframes vehicle-pulse {
    0% { opacity: 0.8; transform: scale(0.9); }
    75%, 100% { opacity: 0; transform: scale(1.65); }
}

.toast {
    background: #172033;
    border-radius: 11px;
    bottom: 22px;
    box-shadow: var(--shadow);
    color: white;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: 13px 16px;
    position: fixed;
    transform: translateX(-50%);
    z-index: 40;
}

.toast.error {
    background: var(--danger);
}

@media (max-width: 760px) {
    .header,
    .section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .header {
        gap: 14px;
    }

    .navigation {
        justify-content: flex-start;
    }

    .hero {
        grid-template-columns: 1fr;
    }

    .hero-card {
        max-width: 330px;
    }

    .search-box {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .page {
        padding: 30px 16px 50px;
    }

    .header {
        padding: 14px 16px;
    }

    .back-categories-button {
        align-items: center;
        background: linear-gradient(135deg,#243b78 0%,#315ca8 58%,#238295 100%);
        border: 1px solid #ffffffb8;
        border-radius: 999px;
        bottom: 18px;
        box-shadow: 0 10px 28px #17255442,0 0 0 3px #dbeafe65;
        color: #fff;
        display: flex;
        font-size: 13px;
        font-weight: 800;
        gap: 8px;
        min-height: 52px;
        padding: 8px 15px 8px 8px;
        position: fixed;
        right: 16px;
        transition: box-shadow .22s ease,transform .22s ease,filter .22s ease;
        z-index: 18;
    }

    .back-categories-button:hover {
        box-shadow: 0 14px 34px #17255452,0 0 0 4px #bfdbfe70;
        filter: saturate(1.1);
        transform: translateY(-2px);
    }

    .category-direction {
        align-items: center;
        background: #ffffff20;
        border: 1px solid #ffffff35;
        border-radius: 50%;
        display: flex;
        font-size: 20px;
        height: 34px;
        justify-content: center;
        line-height: 1;
        transition: transform .25s ease;
        width: 34px;
    }

    .back-categories-button.points-down .category-direction {
        animation: category-down-hint 1.8s ease-in-out infinite;
    }

    @keyframes category-down-hint {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(3px); }
    }

    .floating-cart {
        align-items: center;
        background: #172033;
        border: 2px solid #fff;
        border-radius: 999px;
        bottom: 18px;
        box-shadow: 0 8px 26px rgba(16, 24, 40, .32);
        color: #fff;
        display: flex;
        gap: 8px;
        left: 16px;
        min-height: 52px;
        padding: 7px 10px 7px 12px;
        position: fixed;
        z-index: 31;
    }

    .toast {
        bottom: 84px;
        max-width: calc(100% - 32px);
        text-align: center;
    }

    .floating-cart.cart-bump {
        animation: cart-bump .34s ease;
    }

    .floating-cart-icon {
        font-size: 20px;
    }

    .floating-cart-copy {
        display: grid;
        line-height: 1.15;
        text-align: left;
    }

    .floating-cart-copy b {
        font-size: 12px;
    }

    .floating-cart-copy small {
        color: #dbeafe;
        font-size: 11px;
    }

    .floating-cart>strong {
        background: var(--primary);
        border: 2px solid #fff;
        border-radius: 999px;
        box-shadow: 0 4px 12px rgba(23, 32, 51, .35);
        display: grid;
        font-size: 12px;
        height: 25px;
        min-width: 25px;
        padding: 0 5px;
        place-items: center;
        position: absolute;
        right: -6px;
        top: -10px;
        z-index: 2;
    }

    .product-grid {
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-card {
        border-radius: 12px;
        min-height: 0;
        padding: 0 10px 10px;
    }

    .product-photo {
        margin: 0 -10px 10px;
        width: calc(100% + 20px);
    }

    .product-category {
        font-size: 10px;
        letter-spacing: .03em;
    }

    .product-card h3 {
        font-size: 16px;
        line-height: 1.2;
        margin: 7px 0 4px;
    }

    .product-unit {
        font-size: 12px;
    }

    .product-card .compare-button {
        font-size: 12px;
        margin-top: 9px;
        padding: 9px 5px;
    }

    .logo {
        font-size: 16px;
    }

    .navigation {
        gap: 2px;
    }

    .header {
        position: relative;
    }

    .category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
        padding: 2px 0 12px;
        width: 100%;
    }

    .category-card {
        min-width: 0;
        width: 100%;
    }

    .category-photo {
        height: 92px;
    }

    .nav-button,
    .cart-button {
        font-size: 13px;
        padding: 8px;
    }

    .hero {
        border-radius: 18px;
        padding: 32px 25px;
    }

    .modal {
        align-items: end;
        padding: 0;
    }

    .modal-content {
        border-radius: 18px 18px 0 0;
        max-height: 92vh;
        overflow-y: auto;
        padding: 28px 20px;
    }

    .price-row,
    .cart-item {
        align-items: flex-start;
    }

    .price-row {
        grid-template-columns: 92px minmax(0, 1fr);
        padding: 12px;
    }

    .price-offer-photo-wrap {
        min-height: 92px;
    }

    .price-offer-image {
        height: 92px;
        width: 92px;
    }

    .price-action {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        grid-column: 1 / -1;
        justify-content: space-between;
        justify-items: initial;
        width: 100%;
    }

    .price-action,
    .cart-item-actions,
    .order-row-right {
        justify-items: start;
    }

    .cart-item-actions {
        justify-content: start;
    }

    .order-row {
        flex-direction: column;
    }

    .address-details-grid { grid-template-columns: 1fr; }
}

/* Checkout mobile layout must override the legacy single-column rule above. */
@media(max-width:600px){.checkout-content .address-details-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-content .checkout-main-fields{grid-template-columns:1fr}.checkout-content .location-actions{grid-template-columns:1fr 1fr}}

/* Discount catalog accents. */
.product-card.discounted-product{border-color:#ffb08f;box-shadow:0 10px 26px #f4512c16;position:relative}
.product-discount-badge{align-self:flex-start;background:linear-gradient(135deg,#ff824c,#f4512c);border-radius:999px;box-shadow:0 5px 13px #f4512c36;color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;margin:-8px 0 9px;padding:6px 10px}

/* Premium hero typography. */
.hero-copy{position:relative}
.hero-copy .eyebrow{color:#dbe7ff;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:14px;text-shadow:0 2px 12px #071c6655}
.hero-copy h1{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:.015em;line-height:1.16;max-width:760px;text-wrap:balance;text-shadow:0 3px 18px #111b5555}
.hero-copy h1::after{background:linear-gradient(90deg,#ff7b42,#ffb178);border-radius:99px;content:"";display:block;height:5px;margin-top:18px;width:68px}
.hero-copy .hero-text{color:#f5f7ff;font-size:17px;font-weight:500;letter-spacing:.005em;line-height:1.72;margin-top:18px;max-width:590px;text-shadow:0 2px 12px #101c5755;text-wrap:pretty}
@media(max-width:600px){.hero-copy h1{font-size:clamp(26px,7vw,32px);letter-spacing:.018em;line-height:1.15}.hero-copy h1::after{height:4px;margin-top:14px;width:54px}.hero-copy .hero-text{font-size:15px;line-height:1.65;margin-top:14px}}
.hero-copy h1>span{display:block;white-space:nowrap}
.hero-copy h1>span:first-child{color:#fff}
.hero-copy h1>span+span{color:#ffad7a;margin-top:7px;text-shadow:0 3px 18px #76240055}

/* Keep the landing page within a real phone-width viewport. */
@media(max-width:600px){
    .hero>*{max-width:100%;min-width:0}
    .hero-copy,.hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-text,.hero-actions,.news-carousel{width:100%}
    .hero-copy h1>span{overflow-wrap:anywhere;white-space:normal}
    .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hero-actions .hero-button{min-width:0;width:100%}
    .hero-actions .hero-button b{line-height:1.25;overflow-wrap:anywhere}
}
@media(max-width:420px){
    .hero{padding-left:18px;padding-right:18px}
    .hero-actions{grid-template-columns:1fr}
}

/* Three balanced, non-overlapping mobile actions. */
@media(max-width:700px){
    .floating-cart,.floating-support,.back-categories-button{
        bottom:14px;
        box-sizing:border-box;
        height:52px;
        justify-content:center;
        min-height:52px;
        width:calc((100% - 32px)/3);
    }
    .floating-cart{left:8px;padding:7px 6px}
    .floating-support{left:50%;padding:7px 6px;right:auto;transform:translateX(-50%)}
    .back-categories-button{padding:7px 6px;right:8px}
    .floating-cart-icon,.floating-support span,.category-direction{flex:0 0 30px;font-size:17px;height:30px;width:30px}
    .floating-cart-copy{min-width:0}
    .floating-cart-copy b,.floating-support b,.back-categories-label{font-size:11px;line-height:1.15;white-space:nowrap}
    .floating-cart-copy small{font-size:10px}
}
@media(max-width:390px){
    .floating-cart,.floating-support,.back-categories-button{gap:5px}
    .floating-cart-icon,.floating-support span,.category-direction{flex-basis:28px;height:28px;width:28px}
    .floating-cart-copy b,.floating-support b,.back-categories-label{font-size:10px}
}

/* Product-first customer discovery experiment (reversible snapshot in .codex-backup). */
.mobile-discovery,.mobile-bottom-nav{display:none}.discovery-shelf{margin:22px 0}.shelf-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:10px}.shelf-heading small{color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.shelf-heading h3{font-size:21px;margin:3px 0 0}.shelf-heading>button{background:transparent;color:#667085;font-size:11px;padding:6px}.product-shelf{display:grid;gap:10px;grid-auto-columns:minmax(150px,190px);grid-auto-flow:column;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory}.shelf-product{background:#fff;border:1px solid #dfe6f2;border-radius:15px;box-shadow:0 7px 22px #1725540d;min-width:0;overflow:hidden;padding:0 10px 10px;scroll-snap-align:start;text-align:left}.shelf-product img{height:100px;margin:0 -10px 9px;object-fit:cover;width:calc(100% + 20px)}.shelf-product small{color:#2563eb;display:block;font-size:9px;font-weight:800}.shelf-product b{display:block;font-size:13px;line-height:1.25;margin-top:3px}.catalog-empty{background:linear-gradient(145deg,#fff,#f5f8ff);border:1px dashed #bfd0ee;border-radius:18px;grid-column:1/-1;padding:34px 18px;text-align:center}.catalog-empty span{display:block;font-size:30px}.catalog-empty h3{font-size:20px;margin:8px 0 4px}.catalog-empty p{color:#667085;font-size:12px;margin:0 auto 14px;max-width:360px}.catalog-empty button{background:#eef4ff;color:#175cd3}

/* Contextual exit from a favorites-only list — no return to the header is needed. */
.favorites-results-toolbar{align-items:center;background:linear-gradient(135deg,#fff8fa,#f5f8ff);border:1px solid #e3d8eb;border-radius:18px;box-shadow:0 8px 22px rgba(28,48,92,.06);display:flex;gap:12px;grid-column:1/-1;justify-content:space-between;min-width:0;padding:10px 12px}
.favorites-results-toolbar__summary{align-items:center;display:flex;gap:9px;min-width:0}
.favorites-results-toolbar__heart{align-items:center;border-radius:12px;color:#fff;display:grid;flex:0 0 38px;height:38px;justify-content:center;width:38px}
.favorites-results-toolbar__heart svg{fill:currentColor;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:20px}
.favorites-results-toolbar__copy{display:grid;gap:2px;min-width:0}.favorites-results-toolbar__copy strong{color:#172b54;font-size:13px;line-height:1.2}.favorites-results-toolbar__copy small{color:#667085;font-size:10px;font-weight:700;line-height:1.25}
.favorites-results-toolbar button{align-items:center;background:#fff;border:1px solid #d8e3f6;border-radius:11px;color:#1d56d5;cursor:pointer;display:flex;flex:0 0 auto;font-size:11px;font-weight:850;gap:6px;justify-content:center;min-height:40px;padding:8px 10px;white-space:nowrap}.favorites-results-toolbar button span{font-size:15px;line-height:1}.favorites-results-toolbar button:hover,.favorites-results-toolbar button:focus-visible{background:#edf4ff;border-color:#8daef5;outline:0;transform:translateY(-1px)}
.favorites-results-toolbar--product{background:linear-gradient(135deg,#fff4f0,#f7f8ff);border-color:#ffd2c4}.favorites-results-toolbar--product .favorites-results-toolbar__heart{background:linear-gradient(135deg,#ff7b49,#ed4762);box-shadow:0 7px 14px #ed476233}
.favorites-results-toolbar--restaurant{background:linear-gradient(135deg,#fff3f7,#f6f6ff);border-color:#f5cbd8}.favorites-results-toolbar--restaurant .favorites-results-toolbar__heart{background:linear-gradient(135deg,#ff6b62,#e9366e);box-shadow:0 7px 14px #e9366e33}
html[data-theme="dark"] .favorites-results-toolbar{background:linear-gradient(135deg,#18253b,#172033);border-color:#34445f;box-shadow:none}html[data-theme="dark"] .favorites-results-toolbar__copy strong{color:#edf3ff}html[data-theme="dark"] .favorites-results-toolbar__copy small{color:#b7c4d8}html[data-theme="dark"] .favorites-results-toolbar button{background:#1d2b42;border-color:#3a5281;color:#c8daff}html[data-theme="dark"] .favorites-results-toolbar button:hover,html[data-theme="dark"] .favorites-results-toolbar button:focus-visible{background:#263a5a;border-color:#7597da}
@media(max-width:700px){
  .favorites-results-toolbar{align-self:start;border-radius:15px;position:sticky;top:8px;z-index:8}.favorites-results-toolbar__heart{border-radius:11px;flex-basis:34px;height:34px;width:34px}.favorites-results-toolbar__copy strong{font-size:12px}.favorites-results-toolbar__copy small{font-size:9px}.favorites-results-toolbar button{font-size:10px;min-height:40px;padding:8px 9px}
  body{padding-bottom:82px}.mobile-discovery{background:#fff;border-bottom:1px solid #e1e8f3;display:block;padding:10px 14px 9px;position:sticky;top:0;z-index:25}.mobile-discovery form{align-items:center;background:#f3f6fc;border:1px solid #d8e2f1;border-radius:14px;display:grid;gap:7px;grid-template-columns:auto minmax(0,1fr) auto;padding:5px 5px 5px 12px}.mobile-discovery form>span{color:#2563eb;font-size:20px}.mobile-discovery input{background:transparent;border:0;font-size:14px;min-width:0;outline:0;padding:9px 2px}.mobile-discovery form button{background:linear-gradient(135deg,#2563eb,#5b32df);border-radius:10px;font-size:12px;padding:10px 13px}.quick-discovery{display:flex;gap:7px;margin-top:8px;overflow-x:auto;padding:1px 0}.quick-discovery button{background:#f5f7fb;border:1px solid #e0e7f2;border-radius:999px;color:#344054;flex:0 0 auto;font-size:10px;padding:7px 10px}.quick-discovery button.active{background:#eaf1ff;border-color:#9db9ff;color:#1746b3}
  .page{padding:14px 14px 32px}.hero{gap:14px;padding:22px 18px}.hero-copy .eyebrow{font-size:9px;margin-bottom:8px}.hero-copy h1{font-size:27px;line-height:1.12}.hero-copy h1::after{height:3px;margin-top:10px;width:44px}.hero-copy .hero-text{display:-webkit-box;font-size:12px;line-height:1.5;margin-top:10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero-actions{display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-top:14px}.hero-actions .hero-button{min-height:42px}.hero-actions .hero-button b{font-size:11px}.news-carousel{border-radius:16px;min-height:138px;padding:12px}.news-carousel-top{margin-bottom:6px}.news-slide.active{grid-template-columns:42px minmax(0,1fr)}.news-visual{border-radius:12px;font-size:21px;height:42px;width:42px}.news-slide h3{font-size:14px;margin:3px 0}.news-slide p{display:-webkit-box;font-size:10px;line-height:1.35;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-carousel-controls{margin-top:6px}.news-arrow{height:27px;width:27px}
  .catalog-section{margin-top:20px}.catalog-section .section-heading{margin-bottom:10px}.catalog-section .section-heading>div h2{font-size:25px}.catalog-section .search-box{display:none}.category-grid{display:grid;gap:9px;grid-auto-columns:118px;grid-auto-flow:column;grid-template-columns:none!important;overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x mandatory}.category-card{border-radius:14px;scroll-snap-align:start;width:118px!important}.category-photo,.discount-category-photo{height:72px!important}.category-card>span:last-child{display:block;font-size:11px;line-height:1.2;min-height:38px;padding:8px}
  .discovery-shelf{margin:16px 0}.shelf-heading h3{font-size:18px}.product-shelf{grid-auto-columns:145px}.shelf-product img{height:86px}.product-grid{gap:10px}.product-card{border-radius:15px;padding:0 10px 11px}.product-photo{height:126px}.product-card h3{font-size:15px;min-height:36px}.product-card .compare-button{font-size:12px;min-height:40px}.product-category{font-size:9px}.product-unit{font-size:11px}
  .mobile-bottom-nav{align-items:stretch;background:#fff;border:1px solid #dbe4f1;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -8px 28px #17255422;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:68px;left:0;position:fixed;right:0;z-index:35}.mobile-bottom-nav>button,.mobile-bottom-nav .floating-cart{align-items:center;background:transparent;border:0;border-radius:0;bottom:auto!important;box-shadow:none;color:#667085;display:flex;flex-direction:column;gap:3px;height:68px;justify-content:center;min-height:0;padding:5px;position:relative;right:auto;transform:none;width:auto}.mobile-bottom-nav>button span{font-size:21px;line-height:1}.mobile-bottom-nav>button b,.mobile-bottom-nav .floating-cart-copy b{font-size:10px;line-height:1.1}.mobile-bottom-nav .floating-cart{left:auto!important}.mobile-bottom-nav .floating-cart-icon{font-size:20px}.mobile-bottom-nav .floating-cart-copy{display:block;text-align:center}.mobile-bottom-nav .floating-cart-copy small{display:none}.mobile-bottom-nav .floating-cart>strong{height:20px;min-width:20px;right:calc(50% - 40px);top:5px}.mobile-bottom-nav>button.active,.mobile-bottom-nav .floating-cart{color:#175cd3}.floating-support{border-radius:50%;bottom:78px;height:46px;left:auto;padding:0;right:12px;transform:none;width:46px}.floating-support:hover{transform:translateY(-2px)}.floating-support span{height:34px;width:34px}.floating-support b{display:none}.back-categories-button{bottom:134px;display:flex!important;right:12px}.toast{bottom:78px}.catalog-empty button{border:0;border-radius:11px;font-size:12px;font-weight:800;padding:11px 14px}
}

/* Completed order preview and reorder flow. */
.repeat-order-content{background:linear-gradient(180deg,#fff,#f7f9ff);max-width:760px;padding:32px}.repeat-order-content h2{font-size:29px;margin-bottom:5px}.repeat-order-intro{color:#667085;font-size:13px;margin:0 0 18px}.repeat-price-legend{align-items:center;background:linear-gradient(135deg,#eff5ff,#f4f0ff);border:1px solid #d9e4ff;border-radius:16px;display:flex;gap:18px;justify-content:center;margin-bottom:14px;padding:13px}.repeat-price-legend div{display:grid;gap:2px;text-align:center}.repeat-price-legend span{color:#667085;font-size:11px;font-weight:700}.repeat-price-legend strong{font-size:19px}.repeat-items{display:grid;gap:10px}.repeat-item{align-items:center;background:#fff;border:1px solid #dfe6f1;border-radius:16px;display:grid;gap:13px;grid-template-columns:58px minmax(0,1fr) auto;padding:12px;transition:.2s}.repeat-item.removed{opacity:.55}.repeat-item.unavailable{background:#f8fafc}.repeat-item>img{background:#f2f5fa;border-radius:12px;height:58px;object-fit:cover;width:58px}.repeat-item-info{min-width:0}.repeat-item-info h3{font-size:15px;margin:0 0 3px}.repeat-item-info>p{color:#667085;font-size:11px;margin:0}.repeat-price-line{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.repeat-price-line span,.repeat-price-line strong{font-size:12px}.repeat-old-price{color:#667085;text-decoration:line-through}.repeat-discount,.repeat-no-discount{border-radius:99px;font-size:9px;padding:4px 7px}.repeat-discount{background:#fff0e8;color:#d9480f}.repeat-no-discount{background:#f2f4f7;color:#667085}.repeat-price-state{border-radius:99px;display:inline-block;font-size:9px;font-weight:800;margin-top:6px;padding:4px 7px}.repeat-price-state.same{background:#f2f4f7;color:#475467}.repeat-price-state.lower{background:#e9fbf1;color:#067647}.repeat-price-state.higher{background:#fff0ed;color:#b42318}.repeat-stock-warning{color:#b42318;display:block;font-size:10px;font-weight:800;margin-top:5px}.repeat-item-controls{align-items:flex-end;display:grid;gap:6px;justify-items:end}.repeat-line-total{font-size:15px;font-weight:900}.repeat-quantity{align-items:center;background:#f3f6fb;border-radius:10px;display:flex;padding:3px}.repeat-quantity button{background:#fff;border:1px solid #d9e2ef;border-radius:8px;color:#175cd3;font-size:16px;height:30px;width:30px}.repeat-quantity button:disabled{cursor:not-allowed;opacity:.35}.repeat-quantity strong{min-width:32px;text-align:center}.repeat-item-controls small{color:#98a2b3;font-size:9px}.repeat-order-footer{align-items:center;background:#fff;border:1px solid #d9e4ff;border-radius:16px;bottom:-1px;box-shadow:0 -8px 24px #162b5712;display:flex;gap:15px;justify-content:space-between;margin-top:16px;padding:12px;position:sticky}.repeat-total-box{display:grid}.repeat-total-box span,.repeat-total-box small{color:#667085;font-size:10px}.repeat-total-box strong{font-size:23px}.repeat-add-products{align-items:center;display:flex;gap:9px;justify-content:center;min-height:50px}.repeat-add-products>span:first-child{font-size:20px}.repeat-add-products span:last-child{display:grid;text-align:left}.repeat-add-products small{font-size:9px;font-weight:600;opacity:.85}.repeat-order-button{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}
@media(max-width:600px){.repeat-order-content{padding:27px 14px 14px}.repeat-order-content h2{font-size:25px}.repeat-item{grid-template-columns:48px minmax(0,1fr);padding:10px}.repeat-item>img{height:48px;width:48px}.repeat-item-controls{align-items:center;grid-column:1/-1;grid-template-columns:1fr auto auto;justify-items:start}.repeat-item-controls small{justify-self:end}.repeat-order-footer{align-items:stretch;flex-direction:column}.repeat-total-box{align-items:center;grid-template-columns:1fr auto}.repeat-total-box small{grid-column:1/-1}.repeat-add-products{width:100%}}

.repeat-total-box{flex:0 0 auto}.repeat-footer-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;min-width:0}.repeat-footer-actions .repeat-add-products,.repeat-footer-actions .repeat-checkout{align-items:center;display:flex;gap:8px;justify-content:center;min-height:52px;padding:8px 13px}.repeat-footer-actions button>span:first-child{font-size:18px}.repeat-footer-actions button>span:last-child{display:grid;text-align:left}.repeat-footer-actions button small{font-size:8px;font-weight:600;line-height:1.25;opacity:.82}.repeat-footer-actions .repeat-add-products{background:#eef4ff;border-color:#c7d7fe;color:#175cd3}.repeat-footer-actions .repeat-checkout{background:linear-gradient(135deg,#16a36a,#0d8a59);border:0;box-shadow:0 8px 18px #0d8a5930;color:#fff}
@media(max-width:600px){.repeat-footer-actions{width:100%}.repeat-footer-actions .repeat-add-products,.repeat-footer-actions .repeat-checkout{font-size:11px;padding:7px 8px}}

/* Keep the cart status visible while the cart sheet is open on mobile. */
@media(max-width:700px){
  .mobile-bottom-nav{z-index:110}
  .mobile-bottom-nav .floating-cart{display:flex!important;opacity:1!important;visibility:visible!important}
  .mobile-bottom-nav .floating-cart-copy small{color:#087443;display:block;font-size:9px;font-weight:900;line-height:1;margin-top:1px;white-space:nowrap}
  .mobile-bottom-nav .floating-cart>strong{background:#f04438;border:2px solid #fff;color:#fff;display:grid;font-size:10px;place-items:center}
  #cart-modal{align-items:flex-end;padding:0 0 68px;z-index:90}
  #cart-modal .modal-content{border-radius:22px 22px 0 0;margin:0;max-height:calc(100dvh - 68px);overflow-y:auto;padding:28px 20px 18px}
  #cart-modal .cart-summary{align-items:center;background:#f2f7ff;border:1px solid #d8e5fb;border-radius:14px;margin:12px 0;padding:12px 14px}
  #cart-modal .cart-summary span{color:#475467;font-size:12px}
  #cart-modal .cart-summary strong{font-size:20px}
}

/* A slimmer mobile search bar leaves more room for the catalog. */
@media(max-width:700px){
  .mobile-discovery{border:1px solid #dbe4f1;border-radius:15px;margin:12px 0 4px;padding:7px 10px 6px;position:static;top:auto;z-index:auto}
  .mobile-discovery form{border-radius:12px;gap:5px;padding:3px 3px 3px 10px}
  .mobile-discovery form>span{font-size:17px}
  .mobile-discovery input{font-size:12px;padding:7px 2px}
  .mobile-discovery form button{border-radius:9px;font-size:11px;min-height:34px;padding:7px 11px}
  .quick-discovery{margin-top:6px}
  body:has(.modal:not(.hidden)) .mobile-discovery{display:none!important}
}

/* Branded mobile actions: cart and order history. */
@media(max-width:700px){
  .mobile-bottom-nav{background:#f8faff;border-color:#cbd9f2;border-radius:22px 22px 0 0;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;backdrop-filter:none}
  .mobile-bottom-nav>button,.mobile-bottom-nav .floating-cart{border:1px solid #ffffff45;border-radius:15px!important;color:#fff!important;flex-direction:row;gap:8px;height:56px;overflow:visible;padding:6px 10px;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease}
  .mobile-bottom-nav .floating-cart{background:linear-gradient(135deg,#2456d8 0%,#5b32df 72%,#7248e9 100%);box-shadow:0 7px 17px #4338ca35}
  .mobile-bottom-nav #mobile-orders-nav{background:linear-gradient(135deg,#102552 0%,#19448f 58%,#227a96 100%);box-shadow:0 7px 17px #123b7338}
  .mobile-bottom-nav #floating-support{background:linear-gradient(135deg,#f97336 0%,#ef4f3b 58%,#db3f72 100%);box-shadow:0 7px 17px #d9484138;display:flex!important;left:auto;margin:0;min-height:0;right:auto}
  .mobile-bottom-nav>button>span:not(.floating-cart-copy),.mobile-bottom-nav .floating-cart-icon{align-items:center;background:#ffffff1f;border:1px solid #ffffff2d;border-radius:9px;display:flex;font-size:17px;height:27px;justify-content:center;width:27px}
  .mobile-bottom-nav .floating-cart-icon svg{fill:none;height:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:17px}
  .mobile-bottom-nav>button b,.mobile-bottom-nav .floating-cart-copy b{color:#fff;font-size:10px;font-weight:900;line-height:1.15;white-space:nowrap}
  .mobile-bottom-nav #floating-support b{display:block}
  .mobile-bottom-nav #floating-support strong{right:4px;top:-5px}
  .mobile-bottom-nav .floating-cart-copy{background:none;border:0;border-radius:0;box-shadow:none;display:grid;filter:none;gap:2px;height:auto;min-width:0;opacity:1;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-font-smoothing:antialiased}
  .mobile-bottom-nav .floating-cart-copy b{font-size:11px;text-shadow:none}
  .mobile-bottom-nav .floating-cart-copy small{color:#e5fff0;font-size:10px;font-weight:900;line-height:1.1;opacity:1;text-shadow:none;white-space:nowrap}
  .mobile-bottom-nav .floating-cart>strong{background:linear-gradient(135deg,#ff8a34,#f04438);box-shadow:0 4px 10px #7c2d1245;right:7px;top:-5px}
  .mobile-bottom-nav>button.active,.mobile-bottom-nav .floating-cart.active{box-shadow:0 8px 18px #1d4ed838,0 0 0 2px #93c5fd75;filter:none;transform:none}
  .mobile-bottom-nav>button:active{transform:scale(.97)}
  .desktop-only-support{display:none!important}
}

/* Keep the quick-choice shelf visually separate from the main product catalog. */
#popular-products-section {
  background:linear-gradient(135deg,#edf3ff,#f3efff);
  border:1px solid #cbd8ff;
  border-top:4px solid #4c45e8;
  border-radius:20px;
  margin:24px 0;
  padding:16px;
  min-width:0;
}
#popular-products-section .shelf-heading {align-items:center;justify-content:flex-start;gap:10px;margin-bottom:14px}
#popular-products-section .shelf-heading>div {min-width:0}
#popular-products-section .shelf-heading h3 {color:#202d64;line-height:1.4;overflow-wrap:anywhere}
.popular-section-icon {display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#4338ca;color:#fff;font-size:21px}
#popular-products-section .product-shelf {padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#9aabdc transparent}
.catalog-products-heading {display:flex;align-items:center;gap:12px;border-top:1px solid #d8e1f0;margin:8px 0 16px;padding-top:20px}
.catalog-products-heading>span {display:grid;place-items:center;flex:0 0 36px;height:36px;background:#fff0e7;color:#d84916;border-radius:11px;font-size:24px;font-weight:700}
.catalog-products-heading h3 {color:#172033;font-size:22px;line-height:1.4;margin:0}
.catalog-products-heading p {color:#596780;font-size:13px;line-height:1.5;margin:4px 0 0}
@media(max-width:700px) {
  #popular-products-section {margin:20px 0;padding:12px;border-radius:17px}
  #popular-products-section .shelf-heading h3 {font-size:17px}
  #popular-products-section .shelf-heading small {font-size:10px;letter-spacing:0}
  .popular-section-icon {flex-basis:32px;height:32px;font-size:18px;border-radius:10px}
  .catalog-products-heading {gap:10px;padding-top:16px;margin-bottom:14px}
  .catalog-products-heading h3 {font-size:20px}
  .catalog-products-heading p {font-size:12px}
}

/* Animated cargo courier under the floating news advert. */
.courier-delivery-strip{position:relative;height:72px;margin:10px 0 2px;overflow:hidden;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(180deg,#8ecfff26 0 58%,#ffffff12 59% 100%);box-shadow:inset 0 1px #ffffff24}.delivery-road{position:absolute;left:10px;right:10px;bottom:13px;height:3px;border-radius:99px;background:#ffffff4d}.delivery-road:after{content:'';position:absolute;inset:-1px 0 auto;height:2px;background:repeating-linear-gradient(90deg,#fff 0 13px,transparent 13px 23px);opacity:.72}.delivery-road i{position:absolute;right:10px;top:-5px;width:10px;height:10px;border-radius:50%;background:#ffc54b;box-shadow:0 0 0 5px #ffc54b35}.delivery-cloud{position:absolute;width:24px;height:7px;border-radius:99px;background:#ffffff4d;animation:delivery-cloud-drift 7s linear infinite}.delivery-cloud:before,.delivery-cloud:after{content:'';position:absolute;bottom:0;border-radius:50%;background:inherit}.delivery-cloud:before{left:4px;width:10px;height:10px}.delivery-cloud:after{right:4px;width:13px;height:13px}.cloud-one{left:12%;top:13px}.cloud-two{left:64%;top:20px;animation-delay:-3.6s;transform:scale(.7)}.delivery-building{position:absolute;bottom:16px;width:18px;border-radius:4px 4px 0 0;background:#ffffff18;border:1px solid #ffffff1f}.delivery-building:after{content:'··';display:block;color:#ffe59b;font-size:18px;letter-spacing:1px;line-height:16px;text-align:center}.building-one{left:8px;height:29px}.building-two{left:34px;height:20px}.delivery-destination{position:absolute;right:9px;bottom:16px;display:grid;place-items:center;width:30px;height:31px;border-radius:9px 9px 4px 4px;background:#fff;color:#5b38dc;font-size:20px;box-shadow:0 7px 14px #2020653d}.cargo-courier{position:absolute;left:45px;bottom:8px;width:67px;height:46px;animation:cargo-route 5.8s cubic-bezier(.45,.02,.55,.98) infinite}.cargo-courier i{position:absolute;left:15px;bottom:0;font-size:31px;font-style:normal;filter:drop-shadow(0 5px 4px #15145a4d);transform:scaleX(-1)}.cargo-courier b{position:absolute;left:4px;top:1px;z-index:2;display:grid;place-items:center;width:27px;height:25px;border-radius:7px;background:#fff5d4;font-size:17px;box-shadow:0 4px 10px #24206b35;animation:cargo-bounce .5s ease-in-out infinite alternate}.cargo-courier em{position:absolute;left:13px;bottom:3px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:34px 0 #fff;opacity:.8}@keyframes cargo-route{0%{opacity:0;transform:translateX(-92px)}8%{opacity:1}45%{transform:translateX(55px)}76%{opacity:1;transform:translateX(135px)}90%,100%{opacity:0;transform:translateX(190px)}}@keyframes cargo-bounce{to{transform:translateY(-3px) rotate(-3deg)}}@keyframes delivery-cloud-drift{from{transform:translateX(-35px)}to{transform:translateX(190px)}}
@media(max-width:600px){.courier-delivery-strip{height:61px;margin-top:8px}.delivery-building{bottom:14px}.delivery-destination{bottom:14px;width:27px;height:28px}.delivery-road{bottom:11px}.cargo-courier{bottom:6px;transform-origin:center bottom}.cargo-courier i{font-size:27px}.cargo-courier b{width:24px;height:22px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.cargo-courier,.cargo-courier b,.delivery-cloud{animation:none}.cargo-courier{left:45%;opacity:1}}

.hero-copy>.courier-delivery-strip{width:min(100%,520px);height:82px;margin:22px 0 0;background:linear-gradient(180deg,#7dd3fc32 0 55%,#281e8840 56% 100%);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff3d,0 12px 28px #17127a2b}.hero-copy>.courier-delivery-strip .cargo-courier{animation:cargo-route-wide 4.6s linear infinite;will-change:transform,opacity}.hero-copy>.courier-delivery-strip .delivery-cloud{animation-duration:5.5s}.hero-copy>.courier-delivery-strip .delivery-destination{right:13px}.hero-copy>.courier-delivery-strip .delivery-road{left:12px;right:12px}@keyframes cargo-route-wide{0%{opacity:0;transform:translate3d(-110px,0,0)}7%{opacity:1}82%{opacity:1;transform:translate3d(340px,0,0)}94%,100%{opacity:0;transform:translate3d(400px,0,0)}}
@media(max-width:760px){.hero-copy>.courier-delivery-strip{height:72px;margin-top:14px}.hero-copy>.courier-delivery-strip .cargo-courier{animation-name:cargo-route-mobile}@keyframes cargo-route-mobile{0%{opacity:0;transform:translate3d(-95px,0,0)}8%{opacity:1}82%{opacity:1;transform:translate3d(230px,0,0)}95%,100%{opacity:0;transform:translate3d(275px,0,0)}}}
@media(prefers-reduced-motion:reduce){.hero-copy>.courier-delivery-strip .cargo-courier,.hero-copy>.courier-delivery-strip .delivery-cloud{animation:none}.hero-copy>.courier-delivery-strip .cargo-courier{left:45%;opacity:1}}

/* Articulated comic courier: every limb, the backpack and belly move independently. */
.cargo-courier.belly-runner{bottom:6px;width:62px;height:53px;filter:drop-shadow(0 3px 3px #1b165a42)}
.belly-runner .runner-shadow{position:absolute;left:10px;bottom:0;width:43px;height:6px;border-radius:50%;background:#17134d45;animation:belly-run-shadow .32s ease-in-out infinite alternate}
.belly-runner .runner-body{position:absolute;left:20px;top:13px;z-index:4;width:29px;height:29px;border-radius:45% 55% 48% 52%;background:linear-gradient(135deg,#ffd84c,#ff9f1c);border:1px solid #fff8;transform-origin:45% 80%;animation:belly-run-body .32s ease-in-out infinite alternate}
.belly-runner .runner-belly{position:absolute;right:-8px;top:7px;width:24px;height:21px;border-radius:55% 65% 58% 52%;background:linear-gradient(135deg,#ffc735,#ff8d18);box-shadow:inset -3px -2px #dc661f2b;transform-origin:left center;animation:belly-wobble .32s ease-in-out infinite alternate}
.belly-runner .runner-head{position:absolute;right:-3px;top:-15px;width:17px;height:18px;border-radius:48% 52% 46% 54%;background:#f3a66e;border:1px solid #ffd4ae;transform-origin:40% 100%;animation:runner-head-bob .32s ease-in-out infinite alternate}
.belly-runner .runner-head:before{content:'';position:absolute;right:-4px;top:7px;width:6px;height:5px;border-radius:50%;background:#f3a66e}
.belly-runner .runner-head:after{content:'';position:absolute;right:3px;top:5px;width:2px;height:2px;border-radius:50%;background:#16213e;box-shadow:4px 7px 0 -1px #7c341f}
.belly-runner .runner-head i{position:absolute;left:-2px;top:-3px;width:15px;height:7px;border-radius:9px 9px 3px 3px;background:#403046;transform:rotate(-9deg)}
.belly-runner .runner-head b{position:absolute;right:-7px;top:10px;width:5px;height:2px;border:0;border-radius:50%;background:#fff;box-shadow:none;animation:runner-sweat .64s ease-out infinite}
.belly-runner .runner-bag{position:absolute;left:8px;top:16px;z-index:3;width:20px;height:25px;border-radius:7px 5px 7px 8px;background:linear-gradient(145deg,#7357f1,#3926a8);border:2px solid #a99aff;transform-origin:right top;animation:runner-bag-bounce .32s ease-in-out infinite alternate}
.belly-runner .runner-bag:before{content:'M';display:grid;place-items:center;position:absolute;inset:5px 3px 7px;border-radius:4px;background:#fff;color:#5a42dc;font:bold 9px/1 sans-serif}
.belly-runner .runner-bag:after{content:'';position:absolute;right:-7px;top:-3px;width:11px;height:24px;border:2px solid #a99aff;border-left:0;border-radius:0 10px 10px 0}
.belly-runner .runner-arm,.belly-runner .runner-leg{position:absolute;z-index:5;width:7px;border-radius:8px;background:#f3a66e;transform-origin:50% 2px}
.belly-runner .runner-arm{top:7px;height:21px}.belly-runner .runner-arm i,.belly-runner .runner-leg i{position:absolute;left:0;top:15px;width:7px;height:18px;border-radius:8px;background:inherit;transform-origin:50% 2px}
.belly-runner .runner-arm-front{right:2px;animation:runner-arm-front .32s ease-in-out infinite alternate}.belly-runner .runner-arm-front i{animation:runner-elbow-front .32s ease-in-out infinite alternate}
.belly-runner .runner-arm-back{left:5px;z-index:-1;filter:brightness(.88);animation:runner-arm-back .32s ease-in-out infinite alternate}.belly-runner .runner-arm-back i{animation:runner-elbow-back .32s ease-in-out infinite alternate}
.belly-runner .runner-leg{top:34px;height:19px;background:#24396c}.belly-runner .runner-leg i{top:14px;height:15px;background:#f0f4ff}.belly-runner .runner-leg i:after{content:'';position:absolute;right:-8px;bottom:-2px;width:14px;height:6px;border-radius:7px 9px 4px 3px;background:#ff5f45}
.belly-runner .runner-leg-front{left:34px;animation:runner-leg-front .32s ease-in-out infinite alternate}.belly-runner .runner-leg-front i{animation:runner-knee-front .32s ease-in-out infinite alternate}
.belly-runner .runner-leg-back{left:23px;z-index:2;filter:brightness(.82);animation:runner-leg-back .32s ease-in-out infinite alternate}.belly-runner .runner-leg-back i{animation:runner-knee-back .32s ease-in-out infinite alternate}
.belly-runner .runner-dust{position:absolute;left:4px;bottom:3px;width:7px;height:4px;border-radius:50%;background:#fff9;box-shadow:-8px 2px #fff6,-15px -1px #fff3;opacity:0;animation:belly-run-dust .64s ease-out infinite}
@keyframes belly-run-body{from{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-4px) rotate(4deg)}}
@keyframes belly-wobble{from{transform:scale(1.03,.94) rotate(-3deg)}to{transform:scale(.95,1.08) rotate(4deg)}}
@keyframes runner-head-bob{from{transform:rotate(-6deg) translateY(1px)}to{transform:rotate(7deg) translateY(-2px)}}
@keyframes runner-bag-bounce{from{transform:translateY(0) rotate(9deg)}to{transform:translateY(-3px) rotate(-8deg)}}
@keyframes runner-arm-front{from{transform:rotate(-48deg)}to{transform:rotate(48deg)}}@keyframes runner-arm-back{from{transform:rotate(42deg)}to{transform:rotate(-45deg)}}
@keyframes runner-elbow-front{from{transform:rotate(-28deg)}to{transform:rotate(52deg)}}@keyframes runner-elbow-back{from{transform:rotate(45deg)}to{transform:rotate(-25deg)}}
@keyframes runner-leg-front{from{transform:rotate(48deg)}to{transform:rotate(-48deg)}}@keyframes runner-leg-back{from{transform:rotate(-43deg)}to{transform:rotate(46deg)}}
@keyframes runner-knee-front{from{transform:rotate(38deg)}to{transform:rotate(-52deg)}}@keyframes runner-knee-back{from{transform:rotate(-48deg)}to{transform:rotate(42deg)}}
@keyframes runner-sweat{0%{opacity:0;transform:translate(0,0) scale(.5)}35%{opacity:1}100%{opacity:0;transform:translate(7px,-8px) scale(1)}}
@keyframes belly-run-dust{0%{opacity:0;transform:translateX(8px) scale(.4)}35%{opacity:.9}100%{opacity:0;transform:translateX(-13px) scale(1.35)}}
@keyframes belly-run-shadow{to{transform:scaleX(.76);opacity:.55}}
@media(max-width:600px){.cargo-courier.belly-runner{bottom:4px;transform-origin:left bottom;scale:.9}}
@media(prefers-reduced-motion:reduce){.belly-runner *{animation:none!important}}

/* Compact MOWO delivery car uses the same timed route as the original scooter. */
.cargo-courier.delivery-car{bottom:7px;width:68px;height:42px;filter:drop-shadow(0 4px 4px #17134d42)}
.delivery-car .car-body{position:absolute;left:5px;bottom:7px;width:57px;height:25px;border:2px solid #fff9;border-radius:8px 12px 7px 7px;background:linear-gradient(145deg,#765cff 0 45%,#4330cf 46% 100%);box-shadow:inset 0 2px #ffffff4d;transform-origin:center bottom;animation:delivery-car-bob .34s ease-in-out infinite alternate}
.delivery-car .car-body:before{content:'';position:absolute;right:5px;top:-14px;width:25px;height:17px;border:2px solid #fff9;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#a8e3ff 0 53%,#5ab7ee 54%);clip-path:polygon(15% 0,76% 0,100% 100%,0 100%)}
.delivery-car .car-body:after{content:'';position:absolute;right:16px;top:-12px;width:2px;height:12px;background:#fff9;transform:skew(-10deg)}
.delivery-car .car-cabin{position:absolute;right:2px;top:2px;width:5px;height:15px;border-radius:0 7px 3px 0;background:#30219b}
.delivery-car .car-logo{position:absolute;left:8px;top:4px;display:grid;place-items:center;width:18px;height:15px;border-radius:5px;background:#fff;color:#5943df;font:900 11px/1 Arial,sans-serif;box-shadow:0 2px 5px #241a8738}
.delivery-car .car-light{position:absolute;right:-3px;top:8px;width:5px;height:7px;border-radius:2px 5px 5px 2px;background:#ffe474;box-shadow:5px 0 9px #ffe474cc;animation:delivery-headlight .68s ease-in-out infinite alternate}
.delivery-car .car-wheel{position:absolute;bottom:2px;z-index:3;width:14px;height:14px;border:3px solid #17213d;border-radius:50%;background:conic-gradient(#dbe8ff 0 15%,#63708b 15% 32%,#dbe8ff 32% 48%,#63708b 48% 65%,#dbe8ff 65% 82%,#63708b 82%);box-shadow:0 0 0 1px #ffffff80;animation:delivery-wheel-spin .55s linear infinite}
.delivery-car .car-wheel:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#253451}
.delivery-car .car-wheel-back{left:13px}.delivery-car .car-wheel-front{right:8px}
.delivery-car .car-shadow{position:absolute;left:8px;bottom:0;width:54px;height:5px;border-radius:50%;background:#17134d48;animation:delivery-car-shadow .34s ease-in-out infinite alternate}
.delivery-car .car-speed-lines{position:absolute;left:-17px;bottom:15px;width:19px;height:3px;border-radius:9px;background:#fff9;box-shadow:-8px -8px #ffffff59,-4px 8px #ffffff70;animation:delivery-speed-lines .48s ease-out infinite}
@keyframes delivery-car-bob{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-2px) rotate(1deg)}}
@keyframes delivery-wheel-spin{to{transform:rotate(360deg)}}
@keyframes delivery-headlight{to{box-shadow:9px 0 15px #ffe474}}
@keyframes delivery-car-shadow{to{transform:scaleX(.88);opacity:.6}}
@keyframes delivery-speed-lines{0%{opacity:0;transform:translateX(9px) scaleX(.5)}35%{opacity:1}100%{opacity:0;transform:translateX(-8px) scaleX(1.15)}}
@media(max-width:600px){.cargo-courier.delivery-car{bottom:4px;transform-origin:left bottom;scale:.88}}
@media(prefers-reduced-motion:reduce){.delivery-car *{animation:none!important}}

@media(max-width:700px){.mobile-bottom-nav{min-height:58px!important;height:58px!important;gap:4px!important;padding:4px!important;border-radius:17px 17px 0 0!important}.mobile-bottom-nav>button,.mobile-bottom-nav .floating-cart{height:48px!important;min-height:48px!important;gap:6px!important;padding:4px 7px!important;border-radius:13px!important}.mobile-bottom-nav>button>span:not(.floating-cart-copy),.mobile-bottom-nav .floating-cart-icon{width:28px!important;height:28px!important;border-radius:8px!important;font-size:17px!important}.mobile-bottom-nav .floating-cart-icon svg{width:18px;height:18px}.mobile-bottom-nav>button b,.mobile-bottom-nav .floating-cart-copy b,.mobile-bottom-nav .floating-cart-copy b{font-size:13px!important}.mobile-bottom-nav .floating-cart-copy{gap:0}.mobile-bottom-nav .floating-cart-copy small{font-size:11px!important}.mobile-bottom-nav .floating-cart>strong{right:3px!important;top:-5px!important;height:20px!important;min-width:20px!important;font-size:10px!important}.mobile-bottom-nav #floating-support strong{right:1px!important;top:-5px!important}}

/* Polished animated cart sheet. */
#cart-modal .modal-content{position:relative;background:linear-gradient(180deg,#fff 0%,#fbfcff 64%,#f5f8ff 100%);box-shadow:0 -22px 55px #1725542e}#cart-modal .modal-content:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#2463eb,#7040e9,#ff7652,#2463eb);background-size:220% 100%;animation:cart-accent-flow 4s linear infinite}#cart-modal:not(.hidden) .modal-content{animation:cart-sheet-rise .42s cubic-bezier(.2,.8,.2,1) both}#cart-modal h2{display:flex;align-items:center;gap:12px;letter-spacing:-.035em}#cart-modal h2:before{content:'🛒';display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#eaf2ff,#eee9ff);box-shadow:0 8px 18px #2456d824;font-size:21px;animation:cart-icon-bob 2.2s ease-in-out infinite}#cart-modal .eyebrow{display:inline-flex;align-items:center;gap:6px;color:#3b5ed7}#cart-modal .eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#ff7347;box-shadow:0 0 0 5px #ff734721}#cart-modal .cart-item{background:#fff;border-color:#dce5f3;border-radius:16px;box-shadow:0 6px 18px #1725540b;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}#cart-modal .cart-item:hover{border-color:#a9bff0;box-shadow:0 10px 24px #2456d818;transform:translateY(-2px)}#cart-modal:not(.hidden) .cart-item{animation:cart-item-enter .38s ease both}#cart-modal:not(.hidden) .cart-item:nth-child(2){animation-delay:.05s}#cart-modal:not(.hidden) .cart-item:nth-child(3){animation-delay:.1s}#cart-modal:not(.hidden) .cart-item:nth-child(4){animation-delay:.15s}#cart-modal:not(.hidden) .cart-item:nth-child(5){animation-delay:.2s}#cart-modal:not(.hidden) .cart-item:nth-child(n+6){animation-delay:.25s}#cart-modal .cart-summary{position:relative;overflow:hidden;background:linear-gradient(120deg,#edf4ff,#f1edff)!important;border-color:#c8d9fb!important;box-shadow:0 9px 22px #2456d812}#cart-modal .cart-summary:after{content:'';position:absolute;top:-60%;bottom:-60%;width:36px;background:#ffffff9c;filter:blur(5px);transform:skewX(-18deg);animation:cart-summary-shine 3.4s ease-in-out infinite}#cart-modal #cart-total{color:#078354;text-shadow:0 2px 10px #0a9a5b1c}#cart-modal #checkout-button{position:relative;overflow:hidden;background:linear-gradient(105deg,#1768ef,#5138e5,#1768ef);background-size:200% 100%;box-shadow:0 10px 24px #275bd232;animation:checkout-gradient 3.2s ease infinite}#cart-modal #checkout-button:after{content:'→';position:absolute;right:18px;font-size:20px;transition:transform .2s ease}#cart-modal #checkout-button:hover:after{transform:translateX(4px)}@keyframes cart-sheet-rise{from{opacity:.5;transform:translateY(55px)}to{opacity:1;transform:none}}@keyframes cart-item-enter{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}@keyframes cart-accent-flow{to{background-position:220% 0}}@keyframes cart-icon-bob{50%{transform:translateY(-4px) rotate(-3deg)}}@keyframes cart-summary-shine{0%,35%{left:-15%;opacity:0}55%{opacity:1}80%,100%{left:115%;opacity:0}}@keyframes checkout-gradient{50%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){#cart-modal .modal-content:before,#cart-modal:not(.hidden) .modal-content,#cart-modal h2:before,#cart-modal:not(.hidden) .cart-item,#cart-modal .cart-summary:after,#cart-modal #checkout-button{animation:none}}

/* Animated customer support chat. */
#support-modal:not(.hidden) .support-chat-window{animation:support-sheet-enter .45s cubic-bezier(.18,.82,.24,1) both}.support-chat-head{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#ff7a31 0%,#ff5538 58%,#dc3f76 100%)}.support-chat-head:before,.support-chat-head:after{content:'';position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.support-chat-head:before{right:-48px;top:-76px;width:180px;height:180px;border:1px solid #ffffff28;box-shadow:0 0 0 28px #ffffff0b,0 0 0 56px #ffffff08;animation:support-orbit 7s ease-in-out infinite alternate}.support-chat-head:after{left:42%;bottom:-65px;width:125px;height:105px;background:radial-gradient(circle,#ffce7752,transparent 68%);animation:support-glow 3.5s ease-in-out infinite}.support-agent-icon{position:relative;flex:0 0 auto;border:1px solid #ffffff45;box-shadow:0 8px 22px #9b241f38,inset 0 1px #ffffff5c;animation:support-agent-breathe 2.4s ease-in-out infinite}.support-agent-icon:after{content:'';position:absolute;right:-2px;bottom:1px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#3cdd85;box-shadow:0 0 0 0 #3cdd856b;animation:support-online-ping 1.8s ease-out infinite}.support-chat-head small i{animation:support-status-blink 1.8s ease-in-out infinite}.support-chat-window .customer-chat{position:relative;background-color:#fffaf6;background-image:radial-gradient(#f9b5912b 1px,transparent 1px),linear-gradient(180deg,#fffaf6e8,#fff);background-size:18px 18px,100% 100%;scroll-behavior:smooth;overscroll-behavior:contain}.support-chat-window .customer-chat p{position:relative;border-radius:16px 16px 16px 5px!important;box-shadow:0 7px 20px #5e2b160e!important;animation:support-message-in .36s ease both}.support-chat-window .customer-chat p.customer{border-radius:16px 16px 5px 16px!important;background:linear-gradient(135deg,#fff0e6,#ffe4d4)!important}.support-chat-window .customer-chat p:not(.customer):before{content:'';position:absolute;left:-5px;bottom:-1px;border-width:6px 6px 0 0;border-style:solid;border-color:#fff transparent transparent transparent}.support-chat-window .support-form{position:relative;background:linear-gradient(180deg,#fff,#fff9f5);box-shadow:0 -8px 22px #7c2d120b}.support-chat-window .support-form input{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.support-chat-window .support-form input:focus{transform:translateY(-1px)}.support-chat-window .support-form button{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.support-chat-window .support-form button:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,#ffffff5c,transparent 42%)}.support-chat-window .support-form button:hover{box-shadow:0 10px 25px #f4512c52;transform:translateY(-2px) rotate(-5deg)}.support-chat-window>.modal-close{transition:transform .25s ease,background .2s}.support-chat-window>.modal-close:hover{background:#ffffff42;transform:rotate(90deg)}@keyframes support-sheet-enter{from{opacity:.4;transform:translateY(70px) scale(.98)}to{opacity:1;transform:none}}@keyframes support-orbit{to{transform:translate(-18px,22px) rotate(12deg)}}@keyframes support-glow{50%{opacity:.45;transform:translateY(-10px) scale(1.12)}}@keyframes support-agent-breathe{50%{transform:translateY(-4px) scale(1.04)}}@keyframes support-online-ping{70%,100%{box-shadow:0 0 0 9px #3cdd8500}}@keyframes support-status-blink{50%{box-shadow:0 0 0 5px #4ade8030}}@keyframes support-message-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#support-modal:not(.hidden) .support-chat-window,.support-chat-head:before,.support-chat-head:after,.support-agent-icon,.support-agent-icon:after,.support-chat-head small i,.support-chat-window .customer-chat p{animation:none}}

/* Match the customer support chat to the courier support visual system. */
#support-modal .modal-content.support-chat-window{background:linear-gradient(180deg,#f5f8ff,#fff);border-color:#bfdbfe;box-shadow:0 28px 70px #0f172a42}
#support-modal .support-chat-head{background:linear-gradient(125deg,#123678 0%,#2563eb 55%,#6d42dd 100%)}
#support-modal .support-chat-head:before{border-color:#ffffff26;box-shadow:0 0 0 28px #ffffff0a,0 0 0 56px #ffffff08}
#support-modal .support-chat-head:after{background:radial-gradient(circle,#93c5fd42,transparent 68%)}
#support-modal .support-agent-icon{background:#ffffff20;border-radius:16px;box-shadow:0 9px 22px #0b1c4d55,inset 0 1px #ffffff55}
#support-modal .support-chat-head small{color:#dbeafe}
#support-modal .customer-chat{background-color:#f8faff;background-image:radial-gradient(#93b4ef2c 1px,transparent 1px),linear-gradient(180deg,#f8faff,#fff);background-size:18px 18px,100% 100%}
#support-modal .customer-chat p{border-color:#dbe6f7;box-shadow:0 7px 18px #17366b0d!important}
#support-modal .customer-chat p.customer{background:linear-gradient(135deg,#dbeafe,#e8e5ff)!important;border-color:#c7d7fa}
#support-modal .support-form{background:linear-gradient(180deg,#fff,#f7f9ff);border-top-color:#dce6f5;box-shadow:0 -8px 22px #17366b0b}
#support-modal .support-form input{border-color:#c9d7ed}
#support-modal .support-form input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb18}
#support-modal .support-form button{background:linear-gradient(135deg,#2563eb,#5b3ee8);box-shadow:0 8px 18px #2563eb38}
#support-modal .support-form button:hover{box-shadow:0 10px 25px #2563eb55}

/* Calm blue treatment for the customer support navigation button. */
@media(max-width:700px){.mobile-bottom-nav #floating-support{background:linear-gradient(135deg,#38a9e8 0%,#2584d8 52%,#3564d9 100%)!important;border-color:#ffffff55!important;box-shadow:0 8px 20px #247fcd45!important}.mobile-bottom-nav #floating-support>span{background:linear-gradient(145deg,#ffffff32,#d9f1ff20)!important;border-color:#ffffff4a!important}.mobile-bottom-nav #floating-support:hover{box-shadow:0 11px 25px #247fcd60!important}}

/* Compact customer search beside the brand. */
.header-search-toggle{display:grid;flex:0 0 40px;width:40px;height:40px;margin-left:auto;margin-right:7px;padding:0;place-items:center;border:1px solid #d4e2ff;border-radius:50%;background:linear-gradient(145deg,#f8fbff,#e8f0ff);color:#1f5ed7;box-shadow:0 7px 18px #1e4fa51c,inset 0 1px 0 #fff;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.header-search-toggle svg,.header-search-panel>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.header-search-toggle:hover,.header-search-toggle[aria-expanded="true"]{background:linear-gradient(145deg,#3377ef,#2851d8);color:#fff;box-shadow:0 10px 22px #2456c942;transform:translateY(-2px)}
.header-search-panel{position:absolute;z-index:45;left:18px;right:18px;top:calc(100% - 4px);display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 8px 8px 13px;border:1px solid #d5e1f7;border-radius:18px;background:#fff;box-shadow:0 18px 42px #152b5b2b;color:#245fd5;animation:headerSearchReveal .22s cubic-bezier(.2,.8,.2,1)}.header-search-panel[hidden]{display:none}.header-search-panel input{min-width:0;border:0;outline:0;background:transparent;color:#17233d;font:inherit}.header-search-panel button{border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,#2767ed,#5537df);color:#fff;font-weight:850}.header-search-panel:focus-within{border-color:#7aa5ff;box-shadow:0 20px 44px #1d4ed833,0 0 0 4px #dce8ff}.header-search-panel:focus-within>svg{animation:searchLensPulse 1.5s ease-in-out infinite}@keyframes headerSearchReveal{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}@keyframes searchLensPulse{50%{transform:scale(1.13);color:#6a37e6}}

@media(max-width:700px){
  .header-search-toggle{flex-basis:35px;width:35px;height:35px;margin-left:auto;margin-right:5px}.header-search-toggle svg{width:18px;height:18px}.header-search-panel{left:10px;right:10px;border-radius:16px}
  .mobile-bottom-nav{right:12px!important;left:auto!important;bottom:14px!important;width:auto!important;max-width:calc(100vw - 24px);display:none!important;grid-template-columns:auto!important;grid-auto-flow:column;align-items:end!important;gap:8px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .mobile-bottom-nav:has(.floating-cart.has-items),.mobile-bottom-nav.has-active-orders{display:grid!important}
  .mobile-bottom-nav .floating-cart{width:68px!important;height:68px!important;min-height:68px!important;padding:0!important;display:none!important;flex-direction:column!important;gap:0!important;border:2px solid #d9f4ff!important;border-radius:50%!important;background:linear-gradient(145deg,#39c9ec,#1c9fdb)!important;box-shadow:0 12px 30px #087da64f,inset 0 2px 0 #ffffff70!important;overflow:visible!important;animation:floatingActionBreathe 2.8s ease-in-out infinite!important}
  .mobile-bottom-nav .floating-cart.has-items{display:flex!important}.mobile-bottom-nav .floating-cart-icon{width:31px!important;height:31px!important;border:0!important;background:transparent!important}.mobile-bottom-nav .floating-cart-icon svg{width:25px;height:25px}.mobile-bottom-nav .floating-cart-copy{display:none!important}.mobile-bottom-nav .floating-cart-eta{right:-4px;top:-7px;bottom:auto;width:34px;min-width:34px;height:25px;padding:0;border:2px solid #fff;border-radius:999px;font-size:8px}.mobile-bottom-nav .floating-cart>strong{right:auto!important;left:-4px!important;top:-5px!important}
  .active-order-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:8px}.active-order-button{display:grid!important;grid-template-columns:1fr!important;width:68px!important;height:68px!important;min-height:68px!important;padding:0!important;place-items:center;border:2px solid #d8e9ff!important;border-radius:50%!important;background:linear-gradient(145deg,#245ddd,#243b9c)!important;box-shadow:0 12px 30px #173a8d52,inset 0 2px 0 #ffffff55!important;text-align:center!important;overflow:visible;animation:floatingActionBreathe 2.8s ease-in-out infinite}.active-order-button>span:first-child{width:31px!important;height:31px!important;border:0!important;background:#ffffff20!important;border-radius:50%!important;font-size:20px!important}.active-order-button>span:nth-child(2){position:absolute;left:50%;bottom:-3px;transform:translate(-50%,50%);display:block!important;max-width:64px;padding:3px 7px;border:2px solid #fff;border-radius:999px;background:#ffcf3f;color:#513800;box-shadow:0 4px 10px #6c49003d;white-space:nowrap}.active-order-button small{display:none}.active-order-button b{display:block;max-width:50px;overflow:hidden;color:#513800!important;font-size:7px!important;text-overflow:ellipsis}.active-order-button em{display:none}
}
@keyframes floatingActionBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.035)}}
@media(prefers-reduced-motion:reduce){.header-search-panel,.header-search-panel:focus-within>svg,.mobile-bottom-nav .floating-cart,.active-order-button{animation:none!important}}

/* Animated customer order history. */
#orders-modal:not(.hidden) .orders-modal-content{animation:orders-sheet-enter .48s cubic-bezier(.18,.82,.24,1) both}
#orders-modal:not(.hidden) .orders-modal-content:before{animation:orders-accent-flow 4s ease-in-out infinite;background-size:180% 100%}
#orders-modal:not(.hidden) .orders-modal-content>p:first-of-type,#orders-modal:not(.hidden) .orders-modal-content>h2,#orders-modal:not(.hidden) .orders-modal-intro{animation:orders-title-enter .42s ease both}
#orders-modal:not(.hidden) .orders-modal-content>h2{animation-delay:.05s}#orders-modal:not(.hidden) .orders-modal-intro{animation-delay:.1s}
#orders-modal:not(.hidden) .order-row{animation:order-history-card-enter .48s ease both;position:relative}
#orders-modal:not(.hidden) .order-row:nth-child(1){animation-delay:.12s}#orders-modal:not(.hidden) .order-row:nth-child(2){animation-delay:.2s}#orders-modal:not(.hidden) .order-row:nth-child(3){animation-delay:.28s}#orders-modal:not(.hidden) .order-row:nth-child(4){animation-delay:.36s}#orders-modal:not(.hidden) .order-row:nth-child(n+5){animation-delay:.42s}
#orders-modal:not(.hidden) .order-row:before{background:linear-gradient(180deg,#2563eb,#7249e6);border-radius:99px;content:"";height:0;left:0;position:absolute;top:18px;transition:height .28s;width:4px}#orders-modal:not(.hidden) .order-row:hover:before{height:calc(100% - 36px)}
#orders-modal:not(.hidden) .order-icon{animation:order-bag-float 2.8s ease-in-out infinite;box-shadow:0 6px 16px #315bc71a}
#orders-modal:not(.hidden) .order-row:nth-child(2) .order-icon{animation-delay:.35s}#orders-modal:not(.hidden) .order-row:nth-child(3) .order-icon{animation-delay:.7s}
#orders-modal:not(.hidden) .status-badge.delivered{animation:order-status-breathe 2.4s ease-in-out infinite;background:#e8f8ef;border:1px solid #c5ead6;color:#087443}
#orders-modal:not(.hidden) .order-total{animation:order-price-rise .5s ease both}
#orders-modal:not(.hidden) .track-button{overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s}#orders-modal:not(.hidden) .track-button:after{background:linear-gradient(100deg,transparent,#ffffff52,transparent);content:"";height:160%;left:-70%;position:absolute;top:-30%;transform:rotate(12deg);transition:left .45s;width:35%}#orders-modal:not(.hidden) .track-button:hover{box-shadow:0 8px 20px #2563eb2e;transform:translateY(-2px)}#orders-modal:not(.hidden) .track-button:hover:after{left:135%}
#orders-modal:not(.hidden) .order-detail-line>span{animation:order-pin-bob 2.5s ease-in-out infinite}
#orders-modal:not(.hidden) .modal-close{transition:background .2s,transform .25s}#orders-modal:not(.hidden) .modal-close:hover{background:#e5edfa;transform:rotate(90deg)}
#orders-modal .orders-modal-content>.modal-close{pointer-events:auto;z-index:20}
@keyframes orders-sheet-enter{from{opacity:.35;transform:translateY(65px) scale(.98)}to{opacity:1;transform:none}}@keyframes orders-accent-flow{50%{background-position:100% 50%;filter:hue-rotate(22deg)}}@keyframes orders-title-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes order-history-card-enter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes order-bag-float{50%{transform:translateY(-4px) rotate(-4deg)}}@keyframes order-status-breathe{50%{box-shadow:0 0 0 5px #16a36a10}}@keyframes order-price-rise{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}@keyframes order-pin-bob{50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){#orders-modal:not(.hidden) .orders-modal-content,#orders-modal:not(.hidden) .orders-modal-content:before,#orders-modal:not(.hidden) .orders-modal-content>p:first-of-type,#orders-modal:not(.hidden) .orders-modal-content>h2,#orders-modal:not(.hidden) .orders-modal-intro,#orders-modal:not(.hidden) .order-row,#orders-modal:not(.hidden) .order-icon,#orders-modal:not(.hidden) .status-badge.delivered,#orders-modal:not(.hidden) .order-total,#orders-modal:not(.hidden) .order-detail-line>span{animation:none!important}}

/* Explicit dark-mode contrast for the customer support chat. */
html[data-theme="dark"] #support-modal .modal-content.support-chat-window{background:linear-gradient(180deg,#172235,#111927);border-color:#425374;color:#edf2fc}
html[data-theme="dark"] #support-modal .customer-chat{background-color:#111927;background-image:radial-gradient(#7693c52b 1px,transparent 1px),linear-gradient(180deg,#141e2e,#101722);color:#edf2fc}
html[data-theme="dark"] #support-modal .customer-chat p{background:#202c3d!important;border-color:#3b4a62!important;color:#edf2fc!important;box-shadow:0 8px 22px #0003!important}
html[data-theme="dark"] #support-modal .customer-chat p.customer{background:linear-gradient(135deg,#294477,#3c3974)!important;border-color:#526aa0!important;color:#fff!important}
html[data-theme="dark"] #support-modal .customer-chat p b{color:#fff!important}
html[data-theme="dark"] #support-modal .customer-chat p small{color:#b8c7dc!important}
html[data-theme="dark"] #support-modal .customer-chat p:not(.customer):before{border-color:#202c3d transparent transparent transparent}
html[data-theme="dark"] #support-modal .support-form{background:linear-gradient(180deg,#182335,#111927);border-top-color:#3b4a62;box-shadow:0 -8px 22px #0003}
html[data-theme="dark"] #support-modal .support-form input{background:#202c3d!important;border-color:#52627b!important;color:#f4f7fc!important;caret-color:#7fb4ff}
html[data-theme="dark"] #support-modal .support-form input::placeholder{color:#aebdd1!important;opacity:1}
html[data-theme="dark"] #support-modal .support-form input:focus{border-color:#6ca4ff!important;box-shadow:0 0 0 4px #3b82f62b!important}
html[data-theme="dark"] #support-modal .support-form button{color:#fff}

/* Animated repeat-order review. */
#repeat-order-modal:not(.hidden) .repeat-order-content{animation:repeat-sheet-enter .48s cubic-bezier(.18,.82,.24,1) both;overflow-x:hidden}
#repeat-order-modal:not(.hidden) .repeat-order-content:before{animation:repeat-top-flow 4s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#7048e8,#20a7d8);background-size:180% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}
#repeat-order-modal:not(.hidden) .repeat-order-content>.eyebrow,#repeat-order-modal:not(.hidden) .repeat-order-content>h2,#repeat-order-modal:not(.hidden) .repeat-order-intro{animation:repeat-title-enter .4s ease both}#repeat-order-modal:not(.hidden) .repeat-order-content>h2{animation-delay:.05s}#repeat-order-modal:not(.hidden) .repeat-order-intro{animation-delay:.1s}
#repeat-order-modal:not(.hidden) .repeat-price-legend{animation:repeat-legend-enter .45s .13s ease both;overflow:hidden;position:relative}#repeat-order-modal:not(.hidden) .repeat-price-legend:after{animation:repeat-legend-shimmer 4s ease-in-out infinite;background:linear-gradient(100deg,transparent,#ffffff85,transparent);content:"";height:180%;left:-50%;position:absolute;top:-40%;transform:rotate(10deg);width:28%}#repeat-order-modal:not(.hidden) .repeat-price-legend strong{animation:repeat-price-pop .48s .22s ease both}
#repeat-order-modal:not(.hidden) .repeat-item{animation:repeat-item-enter .48s ease both}#repeat-order-modal:not(.hidden) .repeat-item:nth-child(1){animation-delay:.18s}#repeat-order-modal:not(.hidden) .repeat-item:nth-child(2){animation-delay:.25s}#repeat-order-modal:not(.hidden) .repeat-item:nth-child(3){animation-delay:.32s}#repeat-order-modal:not(.hidden) .repeat-item:nth-child(n+4){animation-delay:.38s}
#repeat-order-modal:not(.hidden) .repeat-item:hover{border-color:#b8cdf3;box-shadow:0 10px 24px #1d4ed814;transform:translateY(-2px)}
#repeat-order-modal:not(.hidden) .repeat-item>img{animation:repeat-image-float 3s ease-in-out infinite;box-shadow:0 6px 14px #17255416}
#repeat-order-modal:not(.hidden) .repeat-discount{animation:repeat-discount-pulse 2.2s ease-in-out infinite}
#repeat-order-modal:not(.hidden) .repeat-price-state.lower{animation:repeat-saving-breathe 2.4s ease-in-out infinite}
#repeat-order-modal:not(.hidden) .repeat-quantity button{transition:background .18s,box-shadow .18s,transform .18s}#repeat-order-modal:not(.hidden) .repeat-quantity button:not(:disabled):hover{background:#e7f0ff;box-shadow:0 5px 12px #2563eb24;transform:scale(1.1)}
#repeat-order-modal:not(.hidden) .repeat-order-footer:not(.hidden){animation:repeat-footer-enter .45s .3s ease both}
#repeat-order-modal:not(.hidden) .repeat-footer-actions button{overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s}#repeat-order-modal:not(.hidden) .repeat-footer-actions button:after{background:linear-gradient(105deg,transparent,#ffffff55,transparent);content:"";height:170%;left:-70%;position:absolute;top:-35%;transform:rotate(12deg);transition:left .5s;width:32%}#repeat-order-modal:not(.hidden) .repeat-footer-actions button:hover{box-shadow:0 10px 22px #2563eb2e;transform:translateY(-2px)}#repeat-order-modal:not(.hidden) .repeat-footer-actions button:hover:after{left:140%}
#repeat-order-modal:not(.hidden) .repeat-checkout>span:first-child{animation:repeat-check-breathe 2.2s ease-in-out infinite}
#repeat-order-modal:not(.hidden) .modal-close{z-index:5;transition:background .2s,transform .25s}#repeat-order-modal:not(.hidden) .modal-close:hover{background:#e6edf9;transform:rotate(90deg)}
@keyframes repeat-sheet-enter{from{opacity:.35;transform:translateY(68px) scale(.98)}to{opacity:1;transform:none}}@keyframes repeat-top-flow{50%{background-position:100% 50%;filter:hue-rotate(20deg)}}@keyframes repeat-title-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes repeat-legend-enter{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes repeat-legend-shimmer{0%,55%{left:-50%}85%,100%{left:135%}}@keyframes repeat-price-pop{from{opacity:0;transform:translateY(7px) scale(.9)}to{opacity:1;transform:none}}@keyframes repeat-item-enter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes repeat-image-float{50%{transform:translateY(-3px) rotate(-2deg)}}@keyframes repeat-discount-pulse{50%{box-shadow:0 0 0 5px #f9731610;transform:scale(1.04)}}@keyframes repeat-saving-breathe{50%{box-shadow:0 0 0 5px #16a36a0e}}@keyframes repeat-footer-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes repeat-check-breathe{50%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){#repeat-order-modal:not(.hidden) .repeat-order-content,#repeat-order-modal:not(.hidden) .repeat-order-content:before,#repeat-order-modal:not(.hidden) .repeat-order-content>.eyebrow,#repeat-order-modal:not(.hidden) .repeat-order-content>h2,#repeat-order-modal:not(.hidden) .repeat-order-intro,#repeat-order-modal:not(.hidden) .repeat-price-legend,#repeat-order-modal:not(.hidden) .repeat-price-legend:after,#repeat-order-modal:not(.hidden) .repeat-price-legend strong,#repeat-order-modal:not(.hidden) .repeat-item,#repeat-order-modal:not(.hidden) .repeat-item>img,#repeat-order-modal:not(.hidden) .repeat-discount,#repeat-order-modal:not(.hidden) .repeat-price-state.lower,#repeat-order-modal:not(.hidden) .repeat-order-footer,#repeat-order-modal:not(.hidden) .repeat-checkout>span:first-child{animation:none!important}}

/* Richer popular-products and catalog transition area. */
#popular-products-section{background:linear-gradient(145deg,#f1f5ff 0%,#f4f0ff 65%,#edf8ff 100%);border:1px solid #cfd9fb;border-top:4px solid #5045e7;box-shadow:0 12px 30px #3730a312;overflow:hidden;position:relative}
#popular-products-section:before{animation:popular-orbit 7s ease-in-out infinite alternate;border:1px solid #7567ed17;border-radius:50%;box-shadow:0 0 0 24px #7767eb09,0 0 0 48px #7767eb06;content:"";height:130px;pointer-events:none;position:absolute;right:-55px;top:-75px;width:130px}
#popular-products-section .shelf-heading{position:relative;z-index:1}.popular-section-icon{animation:popular-star-float 2.8s ease-in-out infinite;background:linear-gradient(145deg,#3730c7,#6547e7);box-shadow:0 8px 18px #4338ca33;position:relative}.popular-section-icon:after{animation:popular-star-ring 2.3s ease-out infinite;border:1px solid #6553e8;border-radius:14px;content:"";inset:-4px;position:absolute}
#popular-products-section .shelf-heading h3{font-size:19px;letter-spacing:-.02em}#popular-products-section .shelf-heading small{color:#5266c9}
#popular-products-section .shelf-product{animation:popular-card-enter .48s ease both;border-color:#d7dff3;box-shadow:0 8px 22px #29216b12;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}#popular-products-section .shelf-product:nth-child(1){animation-delay:.06s}#popular-products-section .shelf-product:nth-child(2){animation-delay:.13s}#popular-products-section .shelf-product:nth-child(3){animation-delay:.2s}#popular-products-section .shelf-product:nth-child(4){animation-delay:.27s}#popular-products-section .shelf-product:nth-child(n+5){animation-delay:.34s}
#popular-products-section .shelf-product:hover{border-color:#9fb4ea;box-shadow:0 13px 28px #3730a321;transform:translateY(-4px)}#popular-products-section .shelf-product img{transition:filter .3s,transform .35s}#popular-products-section .shelf-product:hover img{filter:saturate(1.08);transform:scale(1.045)}
.catalog-products-heading{background:linear-gradient(135deg,#fff,#f5f8ff);border:1px solid #dce5f2;border-radius:17px;box-shadow:0 8px 22px #1725540a;margin:12px 0 16px;padding:14px;position:relative}.catalog-products-heading:after{background:linear-gradient(180deg,#2563eb,#6c48e5);border-radius:99px;content:"";height:42%;left:-1px;position:absolute;top:29%;width:4px}.catalog-products-heading>span{animation:catalog-arrow-bounce 2.3s ease-in-out infinite;background:linear-gradient(145deg,#fff0e7,#ffe4d6);box-shadow:0 6px 15px #e86c2b18}.catalog-products-heading h3{letter-spacing:-.025em}.catalog-products-heading p{margin-top:2px}
.catalog-products-heading.restaurant-list-caption-only{display:block;margin:8px 0 12px;padding:9px 12px}.catalog-products-heading.restaurant-list-caption-only:after,.catalog-products-heading.restaurant-list-caption-only>span,.catalog-products-heading.restaurant-list-caption-only h3{display:none}.catalog-products-heading.restaurant-list-caption-only p{font-size:13px;font-weight:700;line-height:1.35;margin:0;color:#596780}
html[data-theme="dark"] #popular-products-section{background:linear-gradient(145deg,#202d49,#2d2549);border-color:#586bc0;box-shadow:0 12px 30px #0003}html[data-theme="dark"] #popular-products-section .shelf-heading h3{color:#edf2fc}html[data-theme="dark"] #popular-products-section .shelf-heading small{color:#aebfff}html[data-theme="dark"] #popular-products-section .shelf-product{background:#1b2332;border-color:#38455c}html[data-theme="dark"] .catalog-products-heading{background:linear-gradient(135deg,#1b2332,#222d3e);border-color:#38455c}html[data-theme="dark"] .catalog-products-heading h3{color:#edf2fc}html[data-theme="dark"] .catalog-products-heading p{color:#b0bdd1}
@keyframes popular-orbit{to{transform:translate(-18px,20px)}}@keyframes popular-star-float{50%{transform:translateY(-4px) rotate(-5deg)}}@keyframes popular-star-ring{0%,55%{opacity:0;transform:scale(.92)}75%{opacity:.55}100%{opacity:0;transform:scale(1.15)}}@keyframes popular-card-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes catalog-arrow-bounce{50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){#popular-products-section:before,.popular-section-icon,.popular-section-icon:after,#popular-products-section .shelf-product,.catalog-products-heading>span{animation:none!important}}

/* Gentle motion for the three primary mobile navigation actions. */
@media(max-width:700px){.mobile-bottom-nav .floating-cart,.mobile-bottom-nav #mobile-orders-nav,.mobile-bottom-nav #floating-support{background-size:190% 100%!important;animation:mobile-nav-gradient 6s ease-in-out infinite}.mobile-bottom-nav #mobile-orders-nav{animation-delay:-2s}.mobile-bottom-nav #floating-support{animation-delay:-4s}.mobile-bottom-nav .floating-cart-icon{animation:cart-nav-wiggle 4.6s ease-in-out infinite;transform-origin:center bottom}.mobile-bottom-nav #mobile-orders-nav>span{animation:orders-nav-flip 4.6s ease-in-out 1.35s infinite}.mobile-bottom-nav #floating-support>span{animation:support-nav-breathe 2.8s ease-in-out infinite}.mobile-bottom-nav .floating-cart>strong:not(.hidden){animation:nav-badge-pulse 2.2s ease-in-out infinite}.mobile-bottom-nav #support-unread:not(.hidden){animation:nav-badge-pulse 2.2s ease-in-out .7s infinite}.mobile-bottom-nav>button b{transition:letter-spacing .2s ease}.mobile-bottom-nav>button:hover b{letter-spacing:.02em}}
@keyframes mobile-nav-gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cart-nav-wiggle{0%,72%,100%{transform:none}78%{transform:rotate(-9deg) translateY(-2px)}84%{transform:rotate(7deg) translateY(-2px)}90%{transform:rotate(-3deg)}}@keyframes orders-nav-flip{0%,70%,100%{transform:none}78%{transform:perspective(80px) rotateY(22deg) translateY(-2px)}87%{transform:perspective(80px) rotateY(-12deg)}93%{transform:none}}@keyframes support-nav-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.1) translateY(-1px);box-shadow:0 0 0 5px #ffffff0d}}@keyframes nav-badge-pulse{0%,100%{transform:scale(1);box-shadow:0 4px 10px #7c2d1245}50%{transform:scale(1.13);box-shadow:0 4px 14px #ff7a4c80}}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav .floating-cart,.mobile-bottom-nav #mobile-orders-nav,.mobile-bottom-nav #floating-support,.mobile-bottom-nav .floating-cart-icon,.mobile-bottom-nav #mobile-orders-nav>span,.mobile-bottom-nav #floating-support>span,.mobile-bottom-nav .floating-cart>strong,.mobile-bottom-nav #support-unread{animation:none!important}}

.profile-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px}.profile-quick-actions button{display:grid;grid-template-columns:36px 1fr;column-gap:9px;align-items:center;border:1px solid #dce5f4;border-radius:14px;padding:11px;background:#fff;color:#17315f;text-align:left}.profile-quick-actions button>span{grid-row:1/3;display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#edf3ff;font-size:18px}.profile-quick-actions b{font-size:13px}.profile-quick-actions small{color:#71809a;font-size:9px}
.floating-cart-eta{display:none}
@media(max-width:700px){
  .mobile-bottom-nav{display:none!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:5px!important;gap:5px!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
  .mobile-bottom-nav:has(.floating-cart.has-items),.mobile-bottom-nav.has-active-orders{display:grid!important}
  .mobile-bottom-nav .profile-nav-source{display:none!important}
  .mobile-bottom-nav .floating-cart{display:none!important;pointer-events:auto;position:relative!important;width:100%!important;height:58px!important;min-height:58px!important;border-radius:18px!important;padding:7px 54px 7px 10px!important;background:linear-gradient(135deg,#2158df,#5a34e5)!important;box-shadow:0 10px 28px #243fa64d!important}
  .mobile-bottom-nav .floating-cart.has-items{display:flex!important}
  .floating-cart-eta{display:grid;position:absolute;right:7px;top:7px;bottom:7px;min-width:48px;place-items:center;padding:0 6px;border-radius:14px;background:linear-gradient(145deg,#ffe65a,#ffbd22);color:#593c00;font-size:10px;font-weight:950;line-height:1.05;text-align:center;box-shadow:0 5px 13px #7d560044}
  .active-order-actions{display:grid;gap:5px;pointer-events:auto}.active-order-button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;width:100%;border:1px solid #bcd4ff;border-radius:18px;padding:7px 11px;background:linear-gradient(135deg,#0f315f,#17659c);color:#fff;box-shadow:0 9px 24px #123b733e;text-align:left}.active-order-button>span:first-child{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#ffffff20;font-size:19px}.active-order-button span:nth-child(2){display:grid}.active-order-button small{color:#cfe9ff;font-size:9px}.active-order-button b{font-size:12px}.active-order-button em{color:#fff;font-size:10px;font-style:normal;font-weight:900;white-space:nowrap}
  .profile-quick-actions{grid-template-columns:1fr}
}

/* Keep the comparison sheet's visual shell above shared modal defaults. */
#price-modal .price-comparison-content{background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);border:1px solid #d9e4ff;box-shadow:0 28px 80px rgba(15,23,42,.24);max-width:720px;overflow-y:auto;padding:30px}
html[data-theme="dark"] #price-modal .price-comparison-content{background:linear-gradient(180deg,#182335,#111a29);border-color:#34445f}
@media(max-width:600px){#price-modal .price-comparison-content{padding:18px 12px 16px}}

/* Refined catalog product grid */
#product-grid{gap:16px;perspective:900px}
#product-grid .product-card{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);border:1px solid #dfe6f2;border-radius:20px;box-shadow:0 9px 25px rgba(15,23,42,.07);isolation:isolate;padding:0 17px 16px;position:relative;transform-origin:center bottom;animation:catalogCardReveal .5s cubic-bezier(.2,.8,.2,1) both}
#product-grid .product-card:nth-child(2n){animation-delay:.06s}#product-grid .product-card:nth-child(3n){animation-delay:.12s}#product-grid .product-card:nth-child(4n){animation-delay:.18s}
#product-grid .product-card:before{background:linear-gradient(90deg,#2563eb,#6547e8,#25a9df);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease;z-index:2}
#product-grid .product-card:hover{border-color:#b8cafa;box-shadow:0 18px 38px rgba(37,99,235,.15);transform:translateY(-5px)}
#product-grid .product-card:hover:before{opacity:1}
#product-grid .product-photo{border:0;height:auto;margin:0 -17px 13px;transition:filter .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);width:calc(100% + 34px)}
#product-grid .product-card:hover .product-photo{filter:saturate(1.06) contrast(1.02);transform:scale(1.035)}
#product-grid .product-category{align-items:center;display:flex;font-size:10px;gap:5px;letter-spacing:.035em;margin-top:1px;text-transform:none}
#product-grid .product-category:before{background:linear-gradient(180deg,#2563eb,#6547e8);border-radius:999px;content:"";height:13px;width:3px}
#product-grid .product-card h3{color:#111c32;font-size:18px;letter-spacing:-.025em;line-height:1.25;margin:7px 0 8px;min-height:auto}
#product-grid .product-unit{align-items:center;background:#f4f7fc;border:1px solid #e7ecf4;border-radius:9px;color:#5f6c80;display:flex;font-size:12px;margin:0 0 12px;min-height:32px;padding:6px 8px}
#product-grid .compare-button{align-items:center;border-radius:12px;box-shadow:0 8px 18px rgba(37,99,235,.18);display:flex;font-weight:850;justify-content:center;min-height:42px;overflow:hidden;position:relative}
#product-grid .compare-button:before{content:"↔";font-size:16px;margin-right:7px;transition:transform .25s ease}
#product-grid .compare-button:after{background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.35) 50%,transparent 75%);content:"";inset:0;position:absolute;transform:translateX(-130%)}
#product-grid .compare-button:hover:before{transform:rotate(180deg)}#product-grid .compare-button:hover:after{transform:translateX(130%);transition:transform .65s ease}
#product-grid .discounted-product{border-color:#ffb79b;background:linear-gradient(180deg,#fff 0%,#fff8f4 100%)}
html[data-theme="dark"] #product-grid .product-card{background:linear-gradient(180deg,#1d293b,#172132);border-color:#34445f;box-shadow:0 10px 26px rgba(0,0,0,.22)}
html[data-theme="dark"] #product-grid .product-card h3{color:#f5f8ff}html[data-theme="dark"] #product-grid .product-unit{background:#111b2b;border-color:#34445f;color:#b8c4d6}
@keyframes catalogCardReveal{from{opacity:0;transform:translateY(20px) rotateX(3deg) scale(.975)}to{opacity:1;transform:none}}
@media(max-width:600px){#product-grid{gap:10px}#product-grid .product-card{border-radius:17px;padding:0 10px 11px}#product-grid .product-photo{margin:0 -10px 10px;width:calc(100% + 20px)}#product-grid .product-card h3{font-size:15px;margin:6px 0;min-height:37px}#product-grid .product-unit{font-size:10px;margin-bottom:9px;min-height:29px;padding:5px 7px}#product-grid .compare-button{font-size:11px;line-height:1.25;min-height:42px;padding:8px 5px}#product-grid .compare-button:before{font-size:14px;margin-right:4px}}
@media(prefers-reduced-motion:reduce){#product-grid .product-card{animation:none}#product-grid .product-card,#product-grid .product-photo,#product-grid .compare-button:before{transition:none}}

/* Compact category return control: visible without covering product cards. */
@media(max-width:700px){
  .back-categories-button{background:linear-gradient(145deg,#2f6fed,#5b42e8)!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:50%!important;bottom:132px!important;box-shadow:0 8px 22px rgba(37,99,235,.32),0 0 0 3px rgba(219,234,254,.58)!important;display:grid!important;height:44px!important;min-height:44px!important;padding:0!important;place-items:center;right:8px!important;width:44px!important;z-index:29!important}
  .back-categories-button .back-categories-label{display:none!important}
  .back-categories-button .category-direction{background:transparent!important;border:0!important;font-size:20px!important;height:40px!important;width:40px!important}
  .back-categories-button:hover{filter:brightness(1.08);transform:translateY(-2px) scale(1.04)}
  .back-categories-button:active{transform:scale(.94)}
  .back-categories-button:after{background:#172554;border-radius:8px;color:#fff;content:"კატეგორიები";font-size:10px;font-weight:800;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;right:49px;transform:translateX(5px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}
  .back-categories-button:focus-visible:after,.back-categories-button:hover:after{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){.back-categories-button,.back-categories-button:after{transition:none!important}.back-categories-button.points-down .category-direction{animation:none!important}}

/* Temporarily disabled; keep the component available for a future re-enable. */
#popular-products-section{display:none!important}

/* Animated order-rating experience. */
#rating-modal:not(.hidden) .rating-modal-content{animation:ratingSheetIn .42s cubic-bezier(.18,.82,.24,1) both;background:linear-gradient(180deg,#fff 0%,#f7f9ff 100%);border:1px solid #dce5f4;box-shadow:0 28px 80px rgba(15,23,42,.28);overflow-x:hidden;position:relative}
.rating-modal-content:before{background:linear-gradient(90deg,#2563eb,#6547e8,#22a8df);content:"";height:5px;left:0;position:absolute;right:0;top:0}.rating-modal-content>.eyebrow{animation:ratingHeadingIn .42s .08s both}.rating-modal-content>h2{animation:ratingHeadingIn .42s .13s both;font-size:29px;letter-spacing:-.035em}.rating-modal-content>.modal-intro{animation:ratingHeadingIn .42s .18s both;line-height:1.65}.rating-modal-content .modal-close{transition:background .2s,color .2s,transform .25s}.rating-modal-content .modal-close:hover{background:#2563eb;color:#fff;transform:rotate(90deg)}
#rating-targets .quality-rating-heading{animation:ratingHeadingIn .4s .2s both}#rating-targets .rating-target{animation:ratingTargetIn .48s cubic-bezier(.2,.8,.2,1) both;background:linear-gradient(145deg,#fff,#f8faff);border-color:#dde6f2;box-shadow:0 8px 22px rgba(15,23,42,.055);transition:border-color .2s,box-shadow .2s,transform .2s}#rating-targets .rating-target:nth-child(2){animation-delay:.08s}#rating-targets .rating-target:nth-child(3){animation-delay:.14s}#rating-targets .rating-target:nth-child(4){animation-delay:.2s}#rating-targets .rating-target:hover{border-color:#b9cdf6;box-shadow:0 13px 30px rgba(37,99,235,.11);transform:translateY(-2px)}
#rating-targets .product-quality-target>img{box-shadow:0 7px 18px rgba(15,23,42,.13);transition:transform .35s ease}#rating-targets .product-quality-target:hover>img{transform:scale(1.06) rotate(-1deg)}
#rating-targets .quality-choice-buttons button{box-shadow:0 3px 9px rgba(15,23,42,.07);transition:box-shadow .2s,filter .2s,transform .2s}#rating-targets .quality-choice-buttons button:hover{transform:translateY(-2px)}#rating-targets .quality-choice-buttons button.active{animation:ratingChoicePop .35s ease both;box-shadow:0 0 0 4px rgba(37,99,235,.16),0 7px 16px rgba(37,99,235,.13)}
#rating-targets .score-buttons button{position:relative;transition:background .2s,color .2s,transform .18s,box-shadow .2s}#rating-targets .score-buttons button:hover{box-shadow:0 6px 14px rgba(37,99,235,.2);transform:translateY(-2px) scale(1.06)}#rating-targets .score-buttons button.active{animation:ratingScorePop .34s ease both;box-shadow:0 0 0 4px rgba(37,99,235,.17),0 7px 16px rgba(37,99,235,.22)}
html[data-theme="dark"] #rating-modal .rating-modal-content{background:linear-gradient(180deg,#1d293b,#141e2e);border-color:#34445f}html[data-theme="dark"] #rating-targets .rating-target{background:linear-gradient(145deg,#202d40,#192536);border-color:#3a4960}html[data-theme="dark"] #rating-targets .rating-target h3,html[data-theme="dark"] .rating-modal-content>h2{color:#f4f7fc}html[data-theme="dark"] #rating-targets .score-buttons button{background:#26364e;border-color:#496284;color:#dce8ff}
@keyframes ratingSheetIn{from{opacity:.35;transform:translateY(48px) scale(.975)}to{opacity:1;transform:none}}@keyframes ratingHeadingIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ratingTargetIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes ratingChoicePop{45%{transform:translateY(-2px) scale(1.07)}100%{transform:translateY(-1px) scale(1)}}@keyframes ratingScorePop{45%{transform:scale(1.18) rotate(-3deg)}100%{transform:scale(1)}}
@media(max-width:600px){#rating-modal .rating-modal-content{padding:27px 14px 16px}.rating-modal-content>h2{font-size:26px}#rating-targets .rating-target{border-radius:16px;padding:13px}#rating-targets .score-buttons{gap:7px}#rating-targets .score-buttons button{border-radius:9px;height:37px;width:37px}}
@media(prefers-reduced-motion:reduce){#rating-modal:not(.hidden) .rating-modal-content,.rating-modal-content>.eyebrow,.rating-modal-content>h2,.rating-modal-content>.modal-intro,#rating-targets .quality-rating-heading,#rating-targets .rating-target,#rating-targets .quality-choice-buttons button.active,#rating-targets .score-buttons button.active{animation:none!important}}

/* Final phone layout: compact first screen and iOS safe-area aware controls. */
@media(max-width:700px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .header{padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px}
  .header-top{min-height:42px}
  .page{padding:12px 12px 28px}
  .hero{border-radius:20px;gap:11px;padding:17px 16px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:6px}
  .hero-copy h1{font-size:clamp(24px,7.2vw,29px);line-height:1.12}
  .hero-copy h1>span+span{margin-top:4px}
  .hero-copy h1::after{height:3px;margin-top:8px;width:42px}
  .hero-copy .hero-text{font-size:11px;line-height:1.45;margin-top:8px;-webkit-line-clamp:2}
  .hero-copy>.courier-delivery-strip{height:54px;margin-top:10px}
  .hero-copy>.courier-delivery-strip .delivery-building{bottom:12px;transform:scale(.82);transform-origin:bottom}
  .hero-copy>.courier-delivery-strip .delivery-destination{bottom:12px;height:25px;width:25px}
  .hero-copy>.courier-delivery-strip .delivery-road{bottom:9px}
  .news-carousel{border-radius:15px;min-height:128px;padding:10px 11px}
  .news-carousel-top{margin-bottom:5px}
  .news-carousel-top>span{font-size:9px;padding:5px 9px}
  .news-slide.active{gap:9px;grid-template-columns:38px minmax(0,1fr)}
  .news-visual{border-radius:10px;font-size:19px;height:38px;width:38px}
  .news-slide h3{font-size:13px;line-height:1.22;margin:2px 0}
  .news-slide p{font-size:9px;line-height:1.32;-webkit-line-clamp:2}
  .news-tag{font-size:8px}
  .news-carousel-controls{margin-top:4px}
  .news-arrow{height:25px;width:25px}
  .mobile-bottom-nav{bottom:0!important;height:calc(62px + env(safe-area-inset-bottom,0px))!important;min-height:calc(62px + env(safe-area-inset-bottom,0px))!important;padding:4px 5px calc(4px + env(safe-area-inset-bottom,0px))!important}
  .mobile-bottom-nav>button,.mobile-bottom-nav .floating-cart{height:52px!important;min-height:52px!important;gap:5px!important;padding:4px 6px!important}
  .mobile-bottom-nav>button b,.mobile-bottom-nav .floating-cart-copy b{font-size:clamp(9px,2.7vw,12px)!important;overflow:hidden;text-overflow:ellipsis}
  .back-categories-button{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;right:8px!important}
  .toast{bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  #cart-modal{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
  #cart-modal .modal-content{max-height:calc(100dvh - 62px - env(safe-area-inset-bottom,0px))}
}

@media(max-width:380px){
  .page{padding-left:9px;padding-right:9px}
  .hero{padding:15px 13px}
  .hero-copy h1{font-size:23px}
  .hero-copy .hero-text{font-size:10px}
  .mobile-bottom-nav>button,.mobile-bottom-nav .floating-cart{padding-left:4px!important;padding-right:4px!important}
  .mobile-bottom-nav>button>span:not(.floating-cart-copy),.mobile-bottom-nav .floating-cart-icon{height:25px!important;width:25px!important}
}

/* Final compact action dock overrides legacy full-width mobile navigation. */
.header-search-toggle~.header-actions{margin-left:0}.mobile-discovery,.catalog-section .search-box{display:none!important}
@media(max-width:700px){
  body .mobile-bottom-nav{left:auto!important;right:36px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:auto!important;min-height:0!important;max-width:calc(100vw - 72px)!important;padding:0!important;grid-template-columns:auto!important;grid-auto-flow:column!important;gap:8px!important}
  body .mobile-bottom-nav .floating-cart,body .mobile-bottom-nav .active-order-button{width:68px!important;height:68px!important;min-height:68px!important;padding:0!important;border-radius:50%!important}
  body .mobile-bottom-nav .floating-cart-copy{display:none!important}
  body .mobile-bottom-nav .floating-cart-eta{display:grid!important;right:-4px!important;top:-7px!important;bottom:auto!important}
  body .mobile-bottom-nav .active-order-actions{display:flex!important;gap:8px!important}
  body .mobile-bottom-nav .active-order-button{display:grid!important;grid-template-columns:1fr!important;place-items:center!important}
  body .mobile-bottom-nav .active-order-button b{font-size:7px!important}
  body .mobile-bottom-nav #floating-support,body .mobile-bottom-nav #mobile-orders-nav{display:none!important}
  body .mobile-bottom-nav{top:86px!important;bottom:auto!important;align-items:start!important}
  body .mobile-bottom-nav .rating-action-button{background:linear-gradient(145deg,#ffb52e,#f47b20)!important;border-color:#fff0bc!important;box-shadow:0 12px 30px #bd5c244f,inset 0 2px 0 #ffffff70!important}
  body .mobile-bottom-nav .floating-cart{border:2px solid #dff8ff!important;background:linear-gradient(145deg,#3fd1f0 0%,#168fcf 58%,#3157dc 100%)!important;box-shadow:0 13px 30px #087da657,inset 0 2px 0 #ffffff8a,inset 0 -8px 14px #195bc32e!important}
  body .mobile-bottom-nav .floating-cart:after{content:"";position:absolute;inset:5px;border:1px solid #ffffff38;border-radius:50%;pointer-events:none}
  body .mobile-bottom-nav .floating-cart:before{content:"";position:absolute;z-index:3;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff36d,#ff8b28);box-shadow:0 0 0 3px #ffffff25,0 0 12px #ffe14e;pointer-events:none;animation:cartOrbiter 2.6s linear infinite}
  body .mobile-bottom-nav .floating-cart-icon{display:grid!important;width:38px!important;height:38px!important;place-items:center!important;border-radius:50%!important;background:#ffffff18!important;filter:drop-shadow(0 3px 5px #07598055)}
  body .mobile-bottom-nav .floating-cart-icon svg{width:27px!important;height:27px!important;stroke-width:2.1!important}
  body .mobile-bottom-nav .floating-cart-eta{right:-10px!important;top:-9px!important;bottom:auto!important;width:auto!important;min-width:55px!important;height:24px!important;padding:0 7px!important;border:2px solid #fff!important;border-radius:999px!important;white-space:nowrap!important;font-size:9px!important;line-height:1!important;letter-spacing:-.01em!important;background:linear-gradient(145deg,#ffe96a,#ffbd24)!important;box-shadow:0 5px 13px #74500045!important}
  body .mobile-bottom-nav .floating-cart>strong{left:-6px!important;right:auto!important;top:-6px!important;width:23px!important;height:23px!important;min-width:23px!important;border:2px solid #fff!important;border-radius:50%!important;font-size:11px!important;line-height:1!important;z-index:2}
}
@keyframes cartOrbiter{to{transform:rotate(360deg) translateX(37px) rotate(-360deg)}from{transform:rotate(0deg) translateX(37px) rotate(0deg)}}
@media(prefers-reduced-motion:reduce){body .mobile-bottom-nav .floating-cart:before{animation:none;transform:translateX(37px)}}

/* Keep the item-count badge and total amount badge readable on compact screens. */
@media(max-width:700px){
  body .mobile-bottom-nav .floating-cart>strong{
    left:-12px!important;
    right:auto!important;
    top:-9px!important;
    z-index:6!important;
  }
  body .mobile-bottom-nav .floating-cart .floating-cart-eta{
    right:-24px!important;
    top:-15px!important;
    bottom:auto!important;
    min-width:56px!important;
    height:23px!important;
    padding:0 8px!important;
    z-index:6!important;
    font-size:9px!important;
  }
}
.rating-target textarea{width:100%;min-height:72px;margin-top:10px;padding:10px 12px;border:1px solid #d8e1f1;border-radius:12px;resize:vertical;font:inherit}
html[data-customer-view="grocery"] .catalog-products-heading{display:none!important}

/* Customer decision card for a product that the originally selected branch cannot fulfil. */
.replacement-choice{background:linear-gradient(145deg,#fffaf0,#f8fbff);border:1px solid #f0d492;border-radius:15px;display:grid;gap:11px;margin-top:3px;padding:13px}.replacement-choice>header{align-items:center;display:flex;gap:9px}.replacement-choice>header>span{align-items:center;background:linear-gradient(135deg,#fff1c5,#ffd36f);border-radius:11px;display:grid;font-size:18px;height:35px;place-items:center;width:35px}.replacement-choice header div{display:grid;gap:1px}.replacement-choice header small{color:#9a5b00;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.replacement-choice h3{color:#263b68;font-size:15px;margin:0}.replacement-intro{color:#53627a;font-size:11px;line-height:1.45;margin:0}.replacement-rows{display:grid;gap:8px}.replacement-row{background:#fff;border:1px solid #dbe5f2;border-radius:12px;display:grid;gap:7px;padding:11px}.replacement-row.unavailable{background:#fff6f4;border-color:#f2c4bd}.replacement-row-head{align-items:center;display:flex;gap:7px;min-width:0}.replacement-row-head>span{align-items:center;background:#eef4ff;border-radius:8px;color:#175cd3;display:grid;font-size:15px;font-weight:900;height:24px;place-items:center;width:24px}.replacement-row.unavailable .replacement-row-head>span{background:#ffe0db;color:#b42318}.replacement-row-head b{color:#263b68;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replacement-row-head em{background:#fff0ed;border-radius:99px;color:#b42318;font-size:9px;font-style:normal;font-weight:800;margin-left:auto;padding:4px 6px;white-space:nowrap}.replacement-state{border-radius:99px;font-size:9px;font-weight:800;margin-left:auto;padding:4px 6px;white-space:nowrap}.replacement-state.ready{background:#eef4ff;color:#175cd3}.replacement-state.confirmed{background:#e8f8ef;color:#087443}.replacement-row p{color:#58677e;font-size:11px;line-height:1.4;margin:0}.replacement-row .replacement-store{color:#263b68;font-size:12px;font-weight:800}.replacement-row>small{color:#8a4e45;font-size:10px;line-height:1.35}.replacement-price-grid{align-items:stretch;display:grid;gap:7px;grid-template-columns:1fr 1fr auto}.replacement-price-grid span{background:#f7f9fc;border-radius:8px;display:grid;gap:2px;padding:7px}.replacement-price-grid small{color:#75839a;font-size:9px}.replacement-price-grid b{color:#344054;font-size:10px;white-space:nowrap}.replacement-price-grid strong{align-items:center;border-radius:8px;display:grid;font-size:11px;padding:0 8px}.replacement-price-grid strong.increase{background:#fff0ed;color:#b42318}.replacement-price-grid strong.decrease{background:#e9fbf1;color:#067647}.replacement-price-grid strong.same{background:#f2f4f7;color:#667085}.replacement-line-remove{background:transparent;border:1px solid #e0a99f;border-radius:8px;color:#b42318;font-size:10px;font-weight:800;justify-self:end;padding:6px 8px}.replacement-line-remove:hover{background:#fff0ed}.replacement-impact{align-items:center;background:#eef5ff;border:1px solid #cdddfa;border-radius:11px;display:flex;gap:9px;justify-content:space-between;padding:10px 11px}.replacement-impact>div{display:grid;gap:2px}.replacement-impact span{color:#58677e;font-size:9px}.replacement-impact b{color:#174a9c;font-size:17px}.replacement-impact small{color:#53627a;font-size:9px;line-height:1.35;max-width:205px;text-align:right}.replacement-actions{grid-template-columns:1fr 1fr!important}.replacement-actions .track-button{font-size:10px}.replacement-actions .replacement-accept{background:linear-gradient(135deg,#1d70d8,#315fc7)!important;border:0!important;color:#fff!important;grid-column:1/-1}.replacement-actions .replacement-remove{background:#fff!important;border:1px solid #d1dcec!important;color:#344054!important}.replacement-actions .replacement-cancel{background:#fff0ed!important;border:1px solid #f3c6bd!important;color:#b42318!important}.replacement-actions button:disabled,.replacement-line-remove:disabled{cursor:wait;opacity:.58}

@media(max-width:700px){
  body.header-search-open .mobile-bottom-nav{top:154px!important}
  body .mobile-bottom-nav .user-positioned-floating-control{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;z-index:170!important;touch-action:none!important;cursor:grab!important}
  body .mobile-bottom-nav .user-positioned-floating-control.dragging-floating-control{animation:none!important;cursor:grabbing!important;transition:none!important;filter:brightness(1.06)}
}
@media(max-width:600px){.replacement-choice{padding:11px}.replacement-price-grid{grid-template-columns:1fr 1fr}.replacement-price-grid strong{grid-column:1/-1;justify-content:center;min-height:27px}.replacement-impact{align-items:flex-start;flex-direction:column}.replacement-impact small{max-width:none;text-align:left}.replacement-actions{display:grid!important;grid-template-columns:1fr!important}.replacement-actions .replacement-accept{grid-column:auto}.replacement-line-remove{justify-self:stretch}}

/* Individual fallback decisions deliberately stay scoped to one product. */
.replacement-line-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.replacement-line-accept,.replacement-line-remove{border-radius:8px;font-size:10px;font-weight:800;padding:6px 8px}.replacement-line-accept{background:#eaf2ff;border:1px solid #bcd3fb;color:#175cd3}.replacement-line-accept:hover{background:#dfeaff}.replacement-line-remove{background:transparent;border:1px solid #e0a99f;color:#b42318;justify-self:auto}.replacement-line-remove:hover{background:#fff0ed}.replacement-actions{grid-template-columns:1fr!important}.replacement-actions .replacement-accept,.replacement-actions .replacement-remove{display:none}.replacement-actions button:disabled,.replacement-line-accept:disabled,.replacement-line-remove:disabled{cursor:wait;opacity:.58}
@media(max-width:600px){.replacement-line-actions{display:grid;grid-template-columns:1fr}.replacement-line-accept,.replacement-line-remove{width:100%}}

.test-payment-bypass-note{background:#ecfdf3;border:1px solid #a6e3c4;border-radius:12px;color:#087443;font-size:12px;font-weight:700;line-height:1.45;margin:14px 0;padding:11px 13px}

/* Store picker: carry the blue MOWO card language into the bottom sheet. */
#stores-modal .modal-content{background:linear-gradient(155deg,#0b2b69 0,#1c55bc 35%,#f4f8ff 35.5%,#fff 100%);border:1px solid #9fc1ff;border-radius:26px;box-shadow:0 28px 74px #071b4a66;isolation:isolate;max-width:680px;overflow:hidden;padding:24px 20px 20px;position:relative}#stores-modal .modal-content:before{background:radial-gradient(circle at 88% 18%,#8dc7ff58 0 2px,transparent 3px),radial-gradient(circle at 88% 18%,transparent 0 66px,#b7daff45 67px 68px,transparent 69px),radial-gradient(circle at 6% 8%,#7d5ff04a,transparent 39%);content:"";inset:0 0 auto;height:160px;pointer-events:none;position:absolute;z-index:-1}#stores-modal .eyebrow{color:#dceaff;font-size:10px;font-weight:900;letter-spacing:.16em;margin:0 0 7px}#stores-modal h2{color:#fff;font-size:28px;letter-spacing:-.035em;line-height:1.12;margin:0 52px 25px 0;max-width:340px}#stores-modal .modal-close{background:#ffffff24;border:1px solid #ffffff45;color:#fff;transition:background .2s,transform .25s;z-index:2}#stores-modal .modal-close:hover{background:#fff;color:#174898;transform:rotate(90deg)}#stores-modal .store-list{gap:10px;position:relative}#stores-modal .store-directory-search{background:#ffffffec;border-color:#d4e3ff;box-shadow:0 8px 18px #0b317b20}#stores-modal .store-type-filters button{background:#eaf2ff;border-color:#ccdcf9;color:#24519d}#stores-modal .store-type-filters button.active{background:linear-gradient(135deg,#2a6de6,#4c49d9);border-color:transparent;box-shadow:0 7px 15px #244ecb30;color:#fff}#stores-modal .store-directory-caption{color:#47658f;font-weight:700}#stores-modal .store-directory-row{box-shadow:0 7px 18px #173b7f12}#stores-modal .store-directory-row:hover{border-color:#7ca8f3;box-shadow:0 10px 24px #173b7f20}@media(max-width:700px){#stores-modal .modal-content{background:linear-gradient(155deg,#0b2b69 0,#1c55bc 30%,#f4f8ff 30.5%,#fff 100%);border-bottom:0;border-left:0;border-radius:25px 25px 0 0;border-right:0;max-height:82dvh;padding:22px 16px 18px}#stores-modal .modal-content:before{height:135px}#stores-modal h2{font-size:25px;margin-bottom:22px}#stores-modal:not(.hidden) .modal-content{animation:stores-sheet-rise .44s cubic-bezier(.18,.82,.24,1) both}}@keyframes stores-sheet-rise{from{opacity:.35%;transform:translateY(54px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#stores-modal:not(.hidden) .modal-content{animation:none}}