@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{
  --brand:#103D2F;
  --brand-strong:#0C3D2F;
  --brand-dark:#082F24;
  --brand-soft:#E9F1EA;
  --accent:#C08A50;
  --accent-strong:#AB7740;
  --accent-soft:#F7EDDF;
  --secondary:#B6C6AC;
  --secondary-soft:#EFF3E9;
  --mint:#E9F1EA;
  --mint-strong:#103D2F;
  --ink:#193A2E;
  --ink-2:#466358;
  --muted:#707D73;
  --surface:#FFFFFF;
  --surface-2:#FCFBF7;
  --page:#FAF7F1;
  --line:#E5E8E0;
  --danger:#C74C48;
  --danger-soft:#FFF0EE;
  --ok:#24764A;
  --ok-soft:#E7F5E9;
  --warning:#9B6B28;
  --warning-soft:#F9EED7;
  --shadow-sm:0 2px 10px rgba(16,61,47,.055);
  --shadow:0 12px 34px rgba(16,61,47,.09);
  --shadow-lg:0 26px 70px rgba(16,61,47,.16);
  --radius-xl:28px;
  --radius:20px;
  --radius-sm:14px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Tahoma,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body[dir=rtl],html[dir=rtl] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
.container{width:min(var(--max),100%);margin:auto;padding-inline:24px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
img{max-width:100%;display:block}
.muted{color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--brand)}
.eyebrow:before{content:"";width:18px;height:3px;border-radius:999px;background:var(--accent)}
.section{padding:34px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-head h2{margin:4px 0 0;font-size:clamp(24px,2.5vw,34px);line-height:1.1;letter-spacing:-.035em;color:var(--ink)}
.section-head p{margin:7px 0 0;color:var(--muted);font-size:14px}
.btn{min-height:44px;border:0;border-radius:14px;padding:11px 18px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(16,61,47,.14);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.btn:hover{transform:translateY(-1px);background:var(--brand-strong);box-shadow:0 8px 20px rgba(16,61,47,.18)}
.btn:active{transform:translateY(0)}
.btn.gold{background:var(--accent);color:#4d2b12;box-shadow:none}
.btn.gold:hover{background:var(--accent-strong)}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{background:var(--surface-2);border-color:#ded3d7}
.btn.danger{background:var(--danger)}
.btn.small{min-height:36px;padding:7px 11px;border-radius:11px;font-size:12px}
.link{color:var(--brand);font-weight:800;text-decoration:none}
.link:hover{text-decoration:underline;text-underline-offset:4px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:800;color:var(--ink-2)}
.field input,.field select,.field textarea,.input{width:100%;border:1px solid #e5dde0;background:#fff;border-radius:13px;padding:12px 13px;outline:0;color:var(--ink);transition:border .15s,box-shadow .15s,background .15s}
.field input:hover,.field select:hover,.field textarea:hover,.input:hover{border-color:#d7c9cf}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,61,47,.10)}
.field textarea{min-height:100px;resize:vertical}
.check{display:flex;gap:9px;align-items:center;font-size:13px}
.check input{width:auto;accent-color:var(--brand)}
.price{font-weight:900;color:var(--ink);font-size:17px;letter-spacing:-.025em}
.compare{text-decoration:line-through;color:#a49a9e;font-size:12px;margin-inline-start:5px}
.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border-radius:8px;background:#f2edef;color:#685d62;font-weight:800;font-size:10px;line-height:1.15;text-transform:capitalize}
.badge.gold{background:var(--accent-soft);color:#844d18}
.badge.red{background:var(--danger-soft);color:#9f343d}
.badge.green{background:var(--ok-soft);color:var(--ok)}
.badge.gray{background:#f0edef;color:#70676b}
.toast{position:fixed;z-index:9999;top:84px;left:50%;transform:translateX(-50%);max-width:min(560px,90vw);padding:12px 16px;border-radius:13px;background:#33272c;color:white;box-shadow:var(--shadow-lg);font-weight:750;font-size:13px}
.toast.error{background:#9b313a}.toast.success{background:#246646}

/* Customer shell */
.site-header{background:rgba(255,255,255,.96);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(235,226,230,.88);backdrop-filter:blur(14px)}
.header-row{min-height:72px;display:grid;grid-template-columns:150px minmax(260px,1fr) auto;gap:18px;align-items:center}
.brand{display:inline-flex;align-items:center}
.brand img{width:135px;height:auto}
.header-search{position:relative;max-width:650px;width:100%;justify-self:center}
.header-search input{width:100%;border:1px solid var(--line);background:#f7f4f5;border-radius:14px;padding:12px 16px 12px 43px;outline:0;transition:.15s}
[dir=rtl] .header-search input{padding:12px 43px 12px 16px}
.header-search input:focus{background:#fff;border-color:#d7bcc6;box-shadow:0 0 0 3px rgba(16,61,47,.07)}
.header-search .icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8d8186;width:19px;height:19px;display:grid;place-items:center}
[dir=rtl] .header-search .icon{left:auto;right:15px}
.header-actions{display:flex;align-items:center;gap:8px}
.delivery-chip{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 11px;border-radius:12px;background:var(--accent-soft);border:1px solid #f4ddc2;color:#6e431d;font-size:11px;font-weight:800;white-space:nowrap}.delivery-chip svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.delivery-chip small{display:block;color:#9a704c;font-size:8px;font-weight:750;line-height:1}.delivery-chip span{display:block;line-height:1.25;margin-top:2px}
.icon-btn,.avatar,.pill-link,.cart-btn{min-height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0 12px;font-weight:800;font-size:13px;transition:.15s}
.icon-btn:hover,.pill-link:hover,.cart-btn:hover{background:var(--surface-2);border-color:#dfd3d8}
.icon-btn svg,.cart-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
.avatar{width:40px;padding:0;border-radius:50%;background:var(--brand);color:#fff;border-color:var(--brand)}
.cart-btn{gap:7px;background:var(--brand);color:#fff;border-color:var(--brand)}
.cart-btn:hover{background:var(--brand-strong);border-color:var(--brand-strong)}
.cart-btn b{background:#fff;color:var(--brand);min-width:21px;height:21px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:10px}
.announcement{background:var(--brand-soft);color:var(--brand-dark);font-size:12px;border-bottom:1px solid #f3dce5}
.announcement .container{min-height:34px;display:flex;align-items:center;justify-content:center;gap:18px;text-align:center}
.announcement a{color:var(--brand);font-weight:850}

/* Home */
.hero{padding:24px 0 8px}
.hero-grid{min-height:420px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(118deg,var(--brand-strong) 0%,var(--brand) 54%,#146D5D 100%);display:grid;grid-template-columns:1.08fr .92fr;position:relative;box-shadow:0 18px 45px rgba(103,18,50,.16)}
.hero-grid:before{content:"";position:absolute;width:420px;height:420px;border:90px solid rgba(255,255,255,.06);border-radius:50%;right:-130px;top:-175px}
.hero-copy{padding:52px;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hero-copy .eyebrow{color:#ffe9d2}.hero-copy .eyebrow:before{background:var(--accent)}
.hero-copy h1{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px;max-width:650px}
.hero-copy p{max-width:540px;font-size:16px;color:#f9e8ef;margin:0 0 24px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-actions .btn{box-shadow:none}
.hero-actions .btn.hero-secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}
.hero-art{position:relative;overflow:hidden;padding:36px 36px 30px 12px;display:grid;align-content:center;z-index:2}
[dir=rtl] .hero-art{padding:36px 12px 30px 36px}
.hero-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transform:rotate(-2deg)}
[dir=rtl] .hero-products{transform:rotate(2deg)}
.hero-product{background:#fff;border-radius:22px;padding:11px;box-shadow:0 18px 34px rgba(58,14,32,.18);min-width:0}
.hero-product:first-child{grid-row:span 2;align-self:center;transform:translateY(12px)}
.hero-product img{aspect-ratio:1/1;object-fit:cover;border-radius:15px;background:#f7f3f5}
.hero-product .hero-product-name{font-size:12px;font-weight:850;margin:8px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.hero-product .hero-product-price{font-size:11px;color:var(--brand);font-weight:900;margin:0 2px 2px}
.hero-orb,.hero-bag,.hero-leaf{display:none}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.trust-item{background:#fff;padding:15px 16px;border:1px solid var(--line);border-radius:16px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-sm)}
.trust-item>div:first-child{width:34px;height:34px;border-radius:11px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-weight:900}
.trust-item b{font-size:12px;color:var(--ink)}
.trust-item span{font-size:11px;color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.category-card{background:transparent;border:0;padding:5px;text-align:center;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:9px;transition:.16s transform}
.category-card:hover{transform:translateY(-2px)}
.category-visual{width:74px;height:74px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--brand);font-size:25px}
.category-card:nth-child(3n+2) .category-visual{background:var(--accent-soft);color:#9b5b18}
.category-card:nth-child(3n+3) .category-visual{background:var(--mint);color:var(--mint-strong)}
.category-card b{font-size:12px;line-height:1.25;max-width:100%;color:var(--ink)}

/* Product cards */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;display:flex;flex-direction:column;min-width:0;position:relative;box-shadow:var(--shadow-sm);transition:.16s transform,.16s box-shadow,.16s border}
.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#e3d7dc}
.product-media{aspect-ratio:1/1;border-radius:14px;background:#faf8f8;display:grid;place-items:center;overflow:hidden;position:relative}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.product-card:hover .product-media img{transform:scale(1.018)}
.product-placeholder{font-size:46px;color:#c7bbc0}
.product-chip{position:absolute;top:8px;left:8px;background:var(--brand);color:white;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.02em;box-shadow:0 3px 8px rgba(88,19,45,.14)}
[dir=rtl] .product-chip{left:auto;right:8px}
.product-body{padding:10px 2px 2px;display:flex;flex-direction:column;flex:1;min-width:0}
.product-meta{font-size:10px;line-height:1.25;color:#988d91;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card h3{font-size:13px;margin:4px 0 11px;line-height:1.35;min-height:35px;color:var(--ink);font-weight:750}
.product-footer{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.add-btn,.bell-btn{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 11px rgba(16,61,47,.17);transition:.15s}
.add-btn:hover{background:var(--brand-strong);transform:translateY(-1px)}
.bell-btn{background:var(--accent-soft);color:#955817;font-size:17px;box-shadow:none;border:1px solid #f8dfbd}
.stock-note{font-size:10px;color:var(--danger);font-weight:800;margin-top:2px}

/* Shop / search */
.filter-bar{display:flex;gap:8px;overflow:auto;padding:2px 1px 8px;margin-bottom:16px;scrollbar-width:none}
.filter-bar::-webkit-scrollbar{display:none}
.filter-pill{white-space:nowrap;padding:8px 13px;border-radius:12px;background:white;border:1px solid var(--line);font-size:12px;font-weight:800;color:var(--ink-2)}
.filter-pill.active{background:var(--brand);color:white;border-color:var(--brand)}
.page-head{padding:30px 0 18px}
.page-head h1{font-size:clamp(30px,4.2vw,48px);line-height:1.05;letter-spacing:-.045em;color:var(--ink);margin:5px 0 0}
.page-head p{color:var(--muted);max-width:700px;font-size:14px;margin-bottom:0}
.empty-state{padding:50px 28px;text-align:center;background:var(--surface);border:1px dashed #d9ced2;border-radius:22px}
.empty-state h3{font-size:22px;color:var(--ink);margin:8px 0}
.search-page{padding-bottom:70px}
.suggest-box{margin-top:24px;padding:22px;background:linear-gradient(135deg,var(--accent-soft),#fff8ef);border:1px solid #f4d9b7;border-radius:20px}

/* Cart + checkout */
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.cart-list{display:flex;flex-direction:column;gap:10px}
.cart-item{padding:12px;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:13px;align-items:center}
.cart-thumb{width:78px;height:78px;border-radius:13px;background:#f8f5f6;overflow:hidden;display:grid;place-items:center}
.cart-thumb img{width:100%;height:100%;object-fit:cover}
.cart-item h3{margin:0 0 3px;font-size:14px}
.cart-item.unavailable{border-color:#e9b5b9;background:var(--danger-soft)}
.unavailable-message{font-size:11px;color:var(--danger);font-weight:750;margin-top:4px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}
.qty button{width:32px;height:32px;border:0;background:#fff;cursor:pointer;color:var(--brand);font-size:18px}
.qty span{min-width:28px;text-align:center;font-size:12px;font-weight:850}
.summary-card{padding:19px;position:sticky;top:94px}
.summary-card h3{margin:0 0 13px}
.summary-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #f0eaec;font-size:13px}
.summary-row:last-child{border-bottom:0}
.summary-row.total{font-size:16px;font-weight:900;padding-top:14px;color:var(--ink)}
.summary-card .btn{width:100%;margin-top:14px}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.checkout-section{padding:18px;margin-bottom:12px}
.checkout-section h3{margin:0 0 12px;font-size:16px}
.address-option,.payment-option{padding:13px;border:1px solid var(--line);border-radius:14px;display:flex;gap:10px;align-items:flex-start;margin:8px 0;background:#fff;cursor:pointer}
.address-option:has(input:checked),.payment-option:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,61,47,.06);background:#fffafb}

/* Orders */
.order-card{padding:16px;margin-bottom:10px}
.order-card h3{margin:0;font-size:15px}
.order-card .order-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}
.timeline{display:flex;gap:0;overflow:auto;padding:12px 0 6px}
.timeline-step{position:relative;min-width:110px;padding-top:31px;text-align:center;color:#9b9195;font-size:10px;font-weight:750}
.timeline-step:before{content:"";position:absolute;top:4px;left:50%;width:16px;height:16px;border:3px solid #ded5d9;background:#fff;border-radius:50%;transform:translateX(-50%);z-index:2}
.timeline-step:after{content:"";position:absolute;top:12px;left:0;width:100%;height:2px;background:#e7dfe2}
.timeline-step:first-child:after{width:50%;left:50%}.timeline-step:last-child:after{width:50%}
.timeline-step.done{color:var(--brand)}
.timeline-step.done:before,.timeline-step.current:before{background:var(--brand);border-color:var(--brand-soft)}
.timeline-step.done:after{background:#8ABCAF}
.tracking-card{background:linear-gradient(145deg,var(--brand-strong),var(--brand));color:white;border-radius:22px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}
.tracking-card .driver-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.tracking-map{height:250px;background:#f7edf1;border-radius:15px;margin-top:15px;color:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tracking-dot{width:16px;height:16px;background:var(--brand);border:4px solid white;box-shadow:0 0 0 5px rgba(16,61,47,.16);border-radius:50%}
.rating-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow-sm)}
.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin:12px 0}
.stars input{display:none}
.stars label{font-size:30px;color:#ddd3d7;cursor:pointer}
.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:#C08A50}

/* Account / support */
.support-thread{background:#f7f3f5;border-radius:18px;padding:14px;min-height:260px}
.message{max-width:75%;background:#fff;border:1px solid var(--line);border-radius:15px 15px 15px 4px;padding:10px 12px;margin:8px 0;box-shadow:var(--shadow-sm)}
.message.mine{margin-inline-start:auto;background:var(--brand-soft);border-color:#f0d9e2;border-radius:15px 15px 4px 15px}
.message small{display:block;color:var(--muted);margin-top:4px;font-size:10px}
.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.account-tile{padding:18px;min-height:118px;transition:.15s}
.account-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.account-tile h3{margin:6px 0;font-size:15px}

/* Footer + mobile navigation */
.site-footer{margin-top:60px;background:#082F24;color:#f9eef2;padding:44px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}
.footer-grid>div{display:flex;flex-direction:column;gap:8px;font-size:12px}
.footer-grid strong{color:#fff}.footer-logo{width:130px;margin-bottom:5px}.site-footer .muted{color:#c7afb9}
.mobile-nav{display:none}

/* Auth */
.auth-page{min-height:calc(100vh - 106px);display:grid;place-items:center;padding:45px 20px;background:radial-gradient(circle at 15% 12%,#ffe9d4,transparent 27%),radial-gradient(circle at 90% 80%,#f7dbe5,transparent 30%),var(--page)}
.auth-card{width:min(450px,100%);padding:28px}
.auth-card h1{margin:5px 0 3px;font-size:32px;letter-spacing:-.04em}
.auth-card form{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 12%,#ffe8d1,transparent 28%),radial-gradient(circle at 95% 85%,#f3d9e2,transparent 29%),var(--page);padding:60px 20px 30px;position:relative}
.auth-brand{position:absolute;top:22px;left:28px;display:flex;align-items:center}
[dir=rtl] .auth-brand{left:auto;right:28px}
.auth-brand img{width:130px}

/* Driver */
.driver-app{background:#f5f1f3;min-height:100vh}
.driver-header{min-height:72px;background:var(--brand-strong);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 900px)/2));gap:18px;position:sticky;top:0;z-index:50}
.driver-header img{width:118px}
.driver-header>div{display:flex;gap:14px;align-items:center;font-size:12px}.driver-header a{color:#EDE4D7}
.driver-main{max-width:900px;margin:auto;padding:24px 20px 70px}
.driver-card{padding:18px;margin-bottom:16px}
.driver-order{display:block;padding:16px;margin-bottom:10px;transition:.15s}.driver-order:hover{border-color:#ddcbd2;box-shadow:var(--shadow)}
.driver-order .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.driver-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.driver-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}
.driver-stat small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.driver-stat b{display:block;font-size:24px;color:var(--brand);margin-top:4px}

/* Detail pages */
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:34px;align-items:start;margin-bottom:50px}
.product-detail-media{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:420px;display:grid;place-items:center}.product-detail-media img{width:100%;height:100%;max-height:580px;object-fit:contain}
.product-detail-copy{padding-top:16px}.product-detail-copy h1{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.04em;margin:7px 0 12px}.detail-price{font-size:30px;font-weight:900;color:var(--brand);margin:14px 0}.offer-note,.notice{background:var(--accent-soft);border:1px solid #f2d9b9;color:#714519;padding:12px 14px;border-radius:13px;font-size:12px;margin:12px 0}.notice.ok{background:var(--ok-soft);border-color:#cce9d8;color:var(--ok)}
.address-map{min-height:280px;border-radius:16px;background:#eee7ea;border:1px solid var(--line);overflow:hidden;margin-top:10px}

@media(max-width:1050px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .category-grid{grid-template-columns:repeat(5,1fr)}
  .hero-grid{grid-template-columns:1fr .82fr}
  .hero-copy{padding:44px 38px}
  .trust-strip{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
  .footer-grid>div:last-child{display:none}
}
@media(max-width:780px){
  body{padding-bottom:66px}
  .container{padding-inline:16px}
  .site-header{position:sticky}
  .header-row{min-height:auto;padding:10px 0 11px;grid-template-columns:1fr auto;gap:9px}
  .brand img{width:112px}
  .header-search{grid-column:1/-1;grid-row:2;max-width:none}
  .header-search input{height:44px;background:#f5f1f3}
  .header-actions .icon-btn,.header-actions .avatar,.header-actions .pill-link,.delivery-chip{display:none}
  .header-actions{justify-self:end}
  .cart-btn{min-height:38px;border-radius:12px;padding-inline:10px}
  .cart-btn span{display:none}
  .announcement{display:none}
  .hero{padding-top:14px}
  .hero-grid{grid-template-columns:1fr;min-height:0;border-radius:22px}
  .hero-copy{padding:28px 24px 18px}
  .hero-copy h1{font-size:38px;max-width:460px}
  .hero-copy p{font-size:14px;margin-bottom:18px}
  .hero-art{padding:10px 22px 24px}
  .hero-products{grid-template-columns:repeat(3,1fr);transform:none}
  [dir=rtl] .hero-products{transform:none}
  .hero-product:first-child{grid-row:auto;transform:none}
  .hero-product{border-radius:16px;padding:7px}.hero-product img{border-radius:11px}.hero-product .hero-product-name{font-size:10px}.hero-product .hero-product-price{font-size:10px}
  .trust-strip{display:flex;overflow:auto;gap:8px;margin-top:10px;scrollbar-width:none}.trust-strip::-webkit-scrollbar{display:none}.trust-item{min-width:220px;padding:12px}
  .section{padding:25px 0}
  .section-head{margin-bottom:13px;align-items:center}.section-head h2{font-size:23px}.section-head p{font-size:12px}
  .category-grid{display:flex;overflow:auto;gap:6px;margin-inline:-16px;padding:0 16px 7px;scrollbar-width:none}.category-grid::-webkit-scrollbar{display:none}.category-card{flex:0 0 84px}.category-visual{width:64px;height:64px;border-radius:20px}.category-card b{font-size:11px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-card{padding:8px;border-radius:16px}.product-media{border-radius:12px}.product-card h3{font-size:12px;min-height:33px}.price{font-size:15px}.add-btn,.bell-btn{width:35px;height:35px;flex-basis:35px;border-radius:11px}
  .page-head{padding:22px 0 14px}.page-head h1{font-size:32px}
  .cart-layout,.checkout-grid{grid-template-columns:1fr}.summary-card{position:static}
  .cart-item{grid-template-columns:68px minmax(0,1fr);padding:10px}.cart-thumb{width:68px;height:68px}.cart-item>div:last-child{grid-column:2;justify-self:start}
  .form-grid{grid-template-columns:1fr}
  .account-grid{grid-template-columns:1fr 1fr}
  .product-detail{grid-template-columns:1fr;gap:18px}.product-detail-media{min-height:280px}.product-detail-copy{padding-top:0}
  .footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:86px}
  .mobile-nav{position:fixed;z-index:100;left:10px;right:10px;bottom:9px;height:58px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 12px 38px rgba(62,31,43,.16);display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(14px);padding:5px}
  .mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#766a6f;font-size:10px;font-weight:700;border-radius:13px}.mobile-nav a:hover{background:var(--brand-soft);color:var(--brand)}
  .mobile-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.mobile-nav span{font-size:9px}.mobile-nav i{position:absolute;top:1px;right:18%;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brand);color:white;font-size:8px;font-style:normal;display:grid;place-items:center}
  .driver-stat-grid{grid-template-columns:1fr 1fr}.driver-stat-grid .driver-stat:last-child{grid-column:1/-1}
  .driver-header{padding-inline:16px}.driver-header>div b{display:none}.driver-header>div{gap:9px}.driver-header img{width:98px}
}
@media(max-width:430px){
  .container{padding-inline:13px}
  .hero-copy{padding:25px 20px 16px}.hero-copy h1{font-size:34px}.hero-art{padding:8px 18px 20px}.hero-product:nth-child(3){display:none}.hero-products{grid-template-columns:repeat(2,1fr)}
  .product-grid{gap:8px}.product-card{padding:7px}.product-body{padding-top:8px}.product-card h3{font-size:11.5px}
  .category-grid{margin-inline:-13px;padding-inline:13px}
  .account-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:not(:first-child){display:none}
}

/* ========================================================================
   The Fair Basket 2026 brand refresh — approved mobile-commerce direction
   Primary #103D2F · Accent #C08A50 · Secondary #B6C6AC
   ======================================================================== */
body{background:var(--page);color:var(--ink)}
.customer-app{background:#fff}
.btn{background:var(--brand);border-radius:16px;box-shadow:none;font-weight:800}
.btn:hover{background:var(--brand-strong);box-shadow:none}
.btn.accent{background:var(--accent);color:#fff}.btn.accent:hover{background:var(--accent-strong)}
.btn.gold{background:var(--accent);color:#fff}.btn.gold:hover{background:var(--accent-strong)}
.btn.ghost{background:#fff;color:var(--brand);border-color:var(--line)}
.link{color:var(--brand)}
.card{border-color:var(--line);box-shadow:none}
.eyebrow,.promo-kicker{color:var(--brand);font-weight:850;letter-spacing:.13em;text-transform:uppercase;font-size:10px;line-height:1.3}
.eyebrow:before{background:var(--accent)}
.with-arrow{display:inline-flex;align-items:center;gap:5px}.with-arrow span{font-size:21px;line-height:1}
.field input,.field select,.field textarea,.input{border-color:#DDE7E1;background:#fff;border-radius:15px;min-height:46px}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,61,47,.10)}
.check input{accent-color:var(--brand)}
.badge.green{background:var(--ok-soft);color:var(--ok)}
.badge.gold{background:var(--accent-soft);color:#A7472F}
.badge.red{background:var(--danger-soft);color:var(--danger)}

/* Customer header */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #EBF0EC;backdrop-filter:blur(18px)}
.header-row{min-height:78px;grid-template-columns:150px minmax(260px,1fr) auto;gap:20px}
.header-brand-block{display:flex;align-items:center}.brand img{width:118px;max-height:48px;object-fit:contain}.mobile-delivery{display:none}
.header-search input{background:#F6F7F2;border-color:#E4EBE6;border-radius:16px;height:46px;padding-inline-start:45px}
.header-search input:focus{border-color:#BFD8CF;box-shadow:0 0 0 3px rgba(16,61,47,.08)}
.delivery-chip{background:var(--brand-soft);border-color:#D5E7D9;color:var(--brand);border-radius:14px}
.delivery-chip small{color:#65857E}.icon-btn,.avatar,.pill-link,.cart-btn{border-radius:14px;border-color:#E5E8E0}
.icon-btn{color:var(--brand)}.avatar{background:var(--brand);border-color:var(--brand)}
.cart-btn{background:var(--accent);border-color:var(--accent);color:#fff}.cart-btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.cart-btn b{color:var(--accent)}
.site-footer{background:var(--brand-dark);color:#FAF4E9}.site-footer .muted{color:#BFD4CE}.footer-logo{width:128px;max-height:52px;object-fit:contain}

/* Home */
.home-hero{padding:24px 0 4px;background:#fff}
.promo-hero{min-height:360px;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(120deg,#F7EEDF 0%,#FAF7F1 46%,#E9F1EA 100%);border:1px solid #F0E9E2;position:relative}
.promo-hero:before{content:"";position:absolute;inset:auto auto -150px -100px;width:330px;height:330px;border-radius:50%;background:rgba(192,138,80,.11)}
.promo-hero:after{content:"";position:absolute;right:-90px;top:-100px;width:270px;height:270px;border-radius:50%;background:rgba(182,198,172,.18)}
.promo-copy{padding:48px 48px 44px;align-self:center;position:relative;z-index:2}.promo-copy h1{font-size:clamp(40px,5.2vw,66px);line-height:.98;letter-spacing:-.055em;margin:13px 0 17px;color:var(--brand-dark);max-width:620px}.promo-copy p{font-size:16px;color:var(--ink-2);max-width:540px;margin:0 0 24px}.promo-copy .btn{min-width:140px}
.promo-art{position:relative;min-height:360px;display:grid;place-items:center;padding:24px;z-index:2}.bag-shape{position:relative;width:min(390px,90%);height:255px;margin-top:58px;border-radius:28px 28px 18px 18px;background:#E9D4B7;transform:rotate(-2deg);box-shadow:0 24px 42px rgba(16,61,47,.13)}.bag-shape:before{content:"";position:absolute;left:18%;right:18%;top:-38px;height:66px;border:12px solid #CDAE86;border-bottom:0;border-radius:60px 60px 0 0}.bag-shape>img:first-child{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:125px;height:auto;z-index:5}.bag-product{position:absolute!important;width:130px!important;height:130px!important;object-fit:contain!important;background:#fff;border-radius:24px;padding:8px;box-shadow:0 12px 24px rgba(16,61,47,.12);z-index:4}.bag-product-1{left:-18px;top:-66px;transform:rotate(-8deg)}.bag-product-2{right:14px;top:-84px;transform:rotate(7deg)}.bag-product-3{left:37%;top:-115px;transform:rotate(1deg)}.bag-line{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.28em;color:rgba(16,61,47,.7);font-weight:900}.promo-note{position:absolute;right:24px;bottom:28px;max-width:150px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);padding:12px 14px;border-radius:22px;color:var(--brand);font-weight:800;font-size:12px;transform:rotate(2deg)}
.home-section{background:#fff}.home-section+.home-section{padding-top:16px}.section{padding:32px 0}.section-head{margin-bottom:16px;align-items:center}.section-head h2{font-size:clamp(25px,3vw,34px);color:#172B27;margin:0;letter-spacing:-.035em}
.product-rail{display:flex;gap:14px;overflow:auto;padding:2px 2px 8px;scrollbar-width:none;scroll-snap-type:x proximity}.product-rail::-webkit-scrollbar{display:none}.product-rail>.product-card{flex:0 0 228px;scroll-snap-align:start}
.category-explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.explore-card{min-height:112px;border-radius:25px;padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:hidden;position:relative;font-size:16px;font-weight:850;color:var(--ink);border:1px solid rgba(16,61,47,.06)}.explore-card span:first-child{max-width:62%;position:relative;z-index:2}.explore-1{background:#EAF6E1}.explore-2{background:#F7EDDF}.explore-3{background:#E9F1EA}.explore-4{background:#FFF6DE}.explore-5{background:#EDF2FA}.explore-mark{width:64px;height:64px;border-radius:24px;background:rgba(255,255,255,.7);display:grid;place-items:center;position:relative;transform:rotate(-6deg)}.explore-mark i:before,.explore-mark i:after{content:"";position:absolute;width:19px;height:30px;border-radius:100% 0 100% 0;top:6px}.explore-mark i:before{background:var(--accent);left:11px;transform:rotate(-38deg)}.explore-mark i:after{background:var(--secondary);right:10px;transform:rotate(38deg)}.explore-mark b{color:var(--brand);font-size:24px;margin-top:20px}
.home-values{background:#fff;padding-bottom:60px}.value-banner{border-radius:28px;background:var(--brand);color:white;padding:34px 38px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden;position:relative}.value-banner:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(182,198,172,.18);right:-60px;top:-90px}.value-banner .promo-kicker{color:var(--secondary)}.value-banner h2{font-size:30px;line-height:1.1;margin:9px 0 10px}.value-banner p{color:#DDEBE7;margin:0}.value-pills{display:flex;flex-direction:column;gap:9px;position:relative;z-index:2}.value-pills span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:11px 13px;font-size:12px;font-weight:750}

/* Product cards */
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-card{border:1px solid #E7EDE9;border-radius:20px;padding:10px;background:#fff;box-shadow:0 4px 16px rgba(16,61,47,.04);min-width:0}.product-card:hover{border-color:#D6E2DC;box-shadow:0 10px 28px rgba(16,61,47,.08);transform:translateY(-2px)}
.product-media{background:#FBFCFB;border-radius:17px;aspect-ratio:1/1;overflow:hidden}.product-media img{object-fit:contain;padding:5px}.product-card:hover .product-media img{transform:scale(1.02)}
.product-chip{left:8px;top:8px;border-radius:9px;padding:5px 8px;box-shadow:none;text-transform:none;letter-spacing:0;font-size:9px}.product-chip.offer{background:var(--accent);color:#fff}.product-chip.save,.product-chip.points{background:#DDF6E1;color:#11713E}.soldout-chip{position:absolute;top:8px;left:8px;background:#ECEFED;color:#687470;padding:5px 8px;border-radius:9px;font-size:9px;font-weight:800}.product-chip+.soldout-chip{top:38px}
.product-body{padding:10px 2px 1px}.product-price-line{display:flex;align-items:baseline;gap:5px;min-height:23px}.product-price-line .price{font-size:17px;color:#172B27}.compare{color:#9AA5A1}.product-card h3{font-size:13px;line-height:1.3;min-height:34px;margin:3px 0 5px;color:#29423D;font-weight:650}.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:7px;margin-top:auto}.product-meta{min-height:auto;font-size:10px;color:#8A9792;max-width:calc(100% - 44px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-btn,.bell-btn{width:40px;height:40px;flex-basis:40px;border-radius:50%;box-shadow:none;background:var(--accent);font-size:25px}.add-btn:hover{background:var(--accent-strong)}.bell-btn{background:var(--accent-soft);border:0;color:var(--accent)}.bell-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Pages + shop/search */
.app-page{padding-bottom:56px}.desktop-page-head{display:block}.mobile-page-title,.product-topbar,.cart-page-head,.checkout-page-head,.orders-page-head{display:none}
.page-head h1{color:#172B27}.filter-bar{gap:10px;margin-bottom:22px}.filter-pill{border-radius:999px;padding:9px 16px;border-color:#DCE6E0;color:#5F706B;background:#fff}.filter-pill.active{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand)}
.category-product-grid{align-items:stretch}.search-page .header-search{display:block!important}
.suggest-box{background:linear-gradient(135deg,var(--brand-soft),#F9FFF7);border-color:#D6E8D9}

/* Product detail */
.product-topbar{align-items:center;justify-content:space-between;padding:16px 0 10px}.product-topbar>a:first-child,.mobile-page-title>a:first-child,.checkout-page-head>a,.orders-page-head>a,.cart-back{font-size:36px;line-height:1;color:var(--brand);width:38px}.product-top-logo img{width:106px;max-height:40px;object-fit:contain}.mini-cart{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--brand)}.mini-cart svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
.modern-detail{grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:44px}.modern-detail .product-detail-media{min-height:520px;border:0;border-radius:30px;background:linear-gradient(135deg,#F7EDDF,#FAF7F1 54%,#E9F1EA);position:relative;overflow:hidden}.modern-detail .product-detail-media img{position:relative;z-index:2;max-height:440px;width:80%;object-fit:contain;padding:20px}.product-hero-backdrop{position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(182,198,172,.18);right:-80px;bottom:-80px}.product-hero-note{position:absolute;right:24px;bottom:24px;background:rgba(255,255,255,.78);border-radius:18px;padding:9px 12px;color:var(--brand);font-weight:800;font-size:11px;z-index:3}.modern-detail .product-detail-copy{padding-top:34px}.modern-detail h1{font-size:clamp(40px,5vw,60px);color:#172B27}.product-brand-name{color:#82908B;font-size:16px}.stock-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850}.stock-pill.in{background:#E2F5E5;color:#1D7A45}.stock-pill.out{background:#F0F1F0;color:#6F7774}.modern-detail .detail-price{margin:18px 0 2px}.modern-detail .detail-price .price{font-size:31px;color:#172B27}.product-size{margin-top:2px}.product-description{color:#51645E;line-height:1.7;max-width:560px}.offer-note{background:var(--accent-soft);border-color:#FFD7CC;color:#8A3E2A}.related-section{padding-bottom:120px}.product-sticky-action{position:fixed;z-index:120;left:50%;transform:translateX(-50%);bottom:18px;width:min(760px,calc(100% - 32px));background:rgba(255,255,255,.97);border:1px solid #E4ECE7;border-radius:24px;padding:11px;display:flex;gap:12px;box-shadow:0 18px 60px rgba(16,61,47,.16);backdrop-filter:blur(16px)}.detail-qty{min-width:190px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#FFF7F4;border-radius:17px}.detail-qty button{height:54px;border:0;background:transparent;color:var(--accent);font-size:25px;cursor:pointer}.detail-qty span{text-align:center;font-size:18px;font-weight:850}.detail-add{flex:1;min-height:54px;background:var(--accent);font-size:16px}.detail-add:hover{background:var(--accent-strong)}.detail-add span{font-weight:700}.detail-restock{width:100%;min-height:54px;display:flex;gap:8px}.detail-restock svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Cart */
.cart-page-head,.checkout-page-head,.orders-page-head{align-items:center;justify-content:space-between;padding:22px 0 18px}.cart-page-head h1,.checkout-page-head h1,.orders-page-head h1{margin:0;font-size:30px;letter-spacing:-.035em;color:#172B27}.text-action{border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer}.loyalty-banner{background:linear-gradient(100deg,#F7EDDF,#FAF7F1);border:1px solid #FBE1D9;border-radius:24px;padding:17px 20px;display:flex;align-items:center;gap:14px;margin-bottom:22px;position:relative;overflow:hidden}.loyalty-icon{width:48px;height:48px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:22px;flex:0 0 48px}.loyalty-banner b{display:block;color:#263E38}.loyalty-banner small{display:block;color:#657670;margin-top:2px}.brand-leaves{margin-inline-start:auto;display:flex;gap:3px}.brand-leaves i{display:block;width:22px;height:32px;border-radius:100% 0 100% 0;background:var(--accent);transform:rotate(-35deg)}.brand-leaves i:last-child{background:var(--secondary);transform:rotate(35deg)}
.modern-cart-layout{grid-template-columns:minmax(0,1fr) 350px;gap:26px}.cart-list{gap:0;background:#fff;border:1px solid #E8EEEA;border-radius:24px;padding:0 18px}.cart-item{border:0!important;box-shadow:none!important;border-radius:0;padding:16px 0;grid-template-columns:86px minmax(0,1fr) auto;border-bottom:1px solid #EEF2EF!important;background:#fff}.cart-item:last-child{border-bottom:0!important}.cart-thumb{width:86px;height:86px;border-radius:18px;background:#FBFCFB}.cart-thumb img{object-fit:contain;padding:4px}.cart-item-copy h3{font-size:15px;margin-bottom:0}.cart-item-copy small{color:#87948F;display:block}.cart-item-copy .price{display:block;margin-top:4px}.cart-item.unavailable{background:#FFF8F6}.cart-item-actions{display:flex;align-items:center;gap:7px}.qty{border:0;background:#F7EDDF;border-radius:16px;padding:3px}.qty button{width:38px;height:38px;border-radius:50%;background:transparent;color:var(--accent)}.qty button:last-child{background:var(--accent);color:#fff}.qty .qty-trash{background:transparent!important;color:var(--danger)!important;font-size:20px}.qty span{min-width:38px;font-size:14px}.cart-summary{border-radius:24px;border-color:#E4ECE7;top:100px}.cart-summary .checkout-cta{background:var(--accent)}.cart-recommendations{margin-top:30px}.delivery-info-strip{margin-top:22px;background:var(--brand-soft);border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:13px}.delivery-truck{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:22px}.delivery-info-strip b{display:block}.delivery-info-strip small{display:block;color:#61766F}.mobile-cart-checkout{display:none}.cart-empty .empty-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);margin:auto;color:var(--brand)}.cart-empty svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.8}.btn.disabled{opacity:.45;pointer-events:none}.replacement-drawer{background:#fff!important;border-top:1px solid var(--line)}

/* Checkout */
.checkout-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.checkout-main-column{display:flex;flex-direction:column;gap:16px}.checkout-block,.checkout-section-flat,.checkout-summary-card{background:#fff;border:1px solid #E5ECE8;border-radius:24px}.checkout-block{padding:18px;display:flex;gap:14px;align-items:flex-start}.checkout-block-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:0 0 48px}.checkout-block-icon.green{background:var(--brand-soft);color:var(--brand)}.checkout-block-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.checkout-block-copy b,.checkout-block-copy strong,.checkout-block-copy small{display:block}.checkout-block-copy strong{color:var(--ok);font-size:17px;margin-top:1px}.checkout-block-copy small{color:#71817C;margin-top:2px}.checkout-block-content{min-width:0;flex:1}.checkout-block-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.checkout-block-title>a{color:var(--brand);font-weight:800}.address-choice-list{display:grid;gap:7px}.address-choice{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #E9EEEB;border-radius:16px;cursor:pointer}.address-choice:has(input:checked){border-color:#9EC9BC;background:#F8FCF9}.address-choice input{display:none}.address-radio,.payment-radio{width:20px;height:20px;border:2px solid #C7D3CE;border-radius:50%;flex:0 0 20px;margin-top:2px;position:relative}.address-choice input:checked+.address-radio,.payment-card input:checked+.payment-radio{border-color:var(--brand)}.address-choice input:checked+.address-radio:after,.payment-card input:checked+.payment-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--brand)}.address-choice b,.address-choice small,.address-choice em{display:block}.address-choice small{color:#677873;margin-top:2px}.address-choice em{font-style:normal;color:#88958F;font-size:10px;margin-top:2px}.delivery-note-field{margin-top:12px}.checkout-section-flat{padding:19px}.checkout-section-flat h2,.checkout-summary-card h2{font-size:19px;margin:0 0 13px;color:#172B27}.payment-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-card{border:1px solid #E3EAE6;border-radius:20px;padding:14px;display:grid;grid-template-columns:20px 42px 1fr;gap:10px;align-items:center;cursor:pointer;background:#fff}.payment-card input{display:none}.payment-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px rgba(16,61,47,.07);background:#FBFEFC}.payment-card.disabled{opacity:.45;pointer-events:none}.pay-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:11px}.pay-icon.cash{background:#EFF3E9;color:#4D812A}.pay-icon.insta{background:#E8F2F7;color:#2B6B89}.payment-card b,.payment-card small{display:block}.payment-card small{color:#73817D;margin-top:1px}.instapay-panel{margin-top:12px;background:var(--accent-soft);border:1px solid #FFD7CB;border-radius:20px;padding:14px}.instapay-panel>div:first-child b,.instapay-panel>div:first-child small{display:block}.instapay-panel>div:first-child small{color:#795B52}.instapay-panel .btn{margin-top:10px}.proof-upload{margin-top:12px;background:#fff;border:1px dashed #F0AA96;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.proof-upload input{position:absolute;opacity:0;pointer-events:none}.proof-upload span{color:var(--accent);font-weight:800;display:flex;align-items:center;gap:7px}.proof-upload svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.proof-upload small{color:#8E837F}.wallet-toggle-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;cursor:pointer;padding-bottom:15px;border-bottom:1px solid #EEF2EF}.wallet-toggle-row b,.wallet-toggle-row small{display:block}.wallet-toggle-row small{color:#73817D}.switch-input{display:none}.switch-ui{width:48px;height:28px;border-radius:999px;background:#D9DFDC;position:relative;transition:.18s}.switch-ui:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.12);transition:.18s}.switch-input:checked+.switch-ui{background:var(--brand)}.switch-input:checked+.switch-ui:after{left:23px}.checkout-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px}.checkout-summary-card{padding:20px;position:sticky;top:100px}.checkout-items-preview{padding-bottom:10px;border-bottom:1px solid #EEF2EF;margin-bottom:6px}.checkout-items-preview>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:5px 0}.points-earned-strip{margin-top:12px;background:linear-gradient(90deg,#F7EDDF,#F1F9E9);border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:var(--brand);font-size:11px}.points-earned-strip b{color:#2F774B}.checkout-security-note{font-size:10px;color:#8B9793;line-height:1.5}.place-order-btn{width:100%;background:var(--accent);margin-top:12px}.place-order-btn:hover{background:var(--accent-strong)}

/* Order history – explicit grid prevents the previous corruption */
.history-tabs{width:min(480px,100%);margin:0 auto 22px;background:#F2F5F3;border-radius:999px;padding:4px;display:grid;grid-template-columns:1fr 1fr;text-align:center;font-weight:800}.history-tabs span{padding:10px;border-radius:999px;color:#66756F}.history-tabs .active{background:var(--brand);color:#fff}.order-history-list{display:flex;flex-direction:column;gap:14px;max-width:900px;margin:auto}.history-order-card{background:#fff;border:1px solid #E4ECE7;border-radius:24px;padding:20px;overflow:hidden;min-width:0}.history-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.history-order-top h2{font-size:17px;margin:0;color:#172B27}.history-order-top a{font-size:11px;color:#84918D;display:inline-block;margin-top:2px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#F0F2F1;color:#61716C;font-size:10px;font-weight:850;white-space:nowrap}.status-pill.delivered{background:#E2F5E5;color:#267849}.status-pill.cancelled,.status-pill.rejected{background:var(--danger-soft);color:var(--danger)}.status-pill.preparing,.status-pill.confirmed,.status-pill.ready{background:#FFF4DE;color:#946424}.status-pill.on_the_way,.status-pill.assigned,.status-pill.picked_up{background:#E9F1EA;color:var(--brand)}.status-pill svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.history-order-body{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.history-products{display:flex;gap:7px;min-width:0;overflow:hidden}.history-thumb{width:62px;height:62px;flex:0 0 62px;border-radius:14px;background:#F6F7F2;display:grid;place-items:center;overflow:hidden;color:var(--brand);font-weight:900}.history-thumb:nth-child(2n){background:#F7EDDF}.history-thumb:nth-child(3n){background:#EFF3E9}.history-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.history-thumb.extra{background:#F7EDDF;color:var(--accent);font-size:16px}.reorder-btn{border:0;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:10px 14px;font-weight:850;white-space:nowrap;cursor:pointer}.history-order-meta{display:flex;align-items:center;gap:9px;padding:12px 0 10px;border-bottom:1px solid #EEF2EF;color:#7B8984;font-size:12px}.history-order-meta b{font-size:17px;color:#172B27}.history-order-meta a{margin-inline-start:auto;color:var(--brand);font-size:20px}.history-rating{display:flex;align-items:center;gap:12px;padding-top:10px;color:#85918D;font-size:11px}.history-stars{display:flex;gap:2px}.history-stars i{font-style:normal;font-size:18px;color:#CFD7D3}.history-stars i.filled{color:var(--accent)}

/* Order detail */
.tracking-card{background:linear-gradient(145deg,var(--brand-dark),var(--brand));box-shadow:none}.tracking-map{background:#F3F8F5}.tracking-dot{background:var(--accent);box-shadow:0 0 0 5px rgba(192,138,80,.18)}.timeline-step.done{color:var(--brand)}.timeline-step.done:before,.timeline-step.current:before{background:var(--brand);border-color:#CFE4DB}.timeline-step.done:after{background:#8ABCAF}.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:var(--accent)}

/* Account */
.account-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 0 18px}.account-hero-head>div>img{width:120px;max-height:45px;object-fit:contain;margin-bottom:16px}.account-person{display:flex;align-items:center;gap:13px}.account-initial{width:54px;height:54px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:900;display:grid;place-items:center}.account-person h1{margin:0;color:#172B27;font-size:30px;letter-spacing:-.04em}.account-person p{margin:2px 0 0;color:#707D73}.account-utility{width:46px;height:46px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.account-utility svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.account-promo{min-height:250px;border-radius:28px;background:linear-gradient(110deg,#F7EDDF,#FAF7F1 55%,#E9F1EA);padding:34px;display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center;overflow:hidden}.account-promo h2{font-size:34px;line-height:1.05;margin:9px 0;color:#193A2E}.account-promo p{color:#60736D}.account-promo-mark{display:grid;place-items:center}.account-promo-mark img{width:170px;border-radius:36px;box-shadow:0 20px 44px rgba(16,61,47,.12)}.account-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.account-feature{border-radius:23px;padding:18px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.account-feature.mint{background:#EAF5EC}.account-feature.coral{background:#F7EDDF}.account-feature .feature-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.7);display:grid;place-items:center;color:var(--brand);font-size:22px}.account-feature svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.account-feature b,.account-feature strong,.account-feature small{display:block}.account-feature strong{color:var(--accent);font-size:20px}.account-feature small{color:#667771}.account-feature i{font-style:normal;font-size:26px;color:var(--brand)}.account-menu-section{margin-top:28px}.account-menu-section h2{font-size:20px;margin-bottom:10px}.account-menu{border:1px solid #E6ECE8;border-radius:22px;background:#fff;overflow:hidden}.account-menu>a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #EDF2EF}.account-menu>a:last-child{border-bottom:0}.menu-icon{width:44px;height:44px;border-radius:14px;background:#F7FAF8;color:var(--brand);display:grid;place-items:center}.menu-icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.account-menu b,.account-menu small{display:block}.account-menu small{color:#7E8C87}.account-menu i{font-style:normal;font-size:24px;color:#95A29E}.profile-panel{margin-top:28px;background:#fff;border:1px solid #E5ECE8;border-radius:24px;padding:20px}.profile-panel .check{margin:12px 0}.logout-link{display:inline-block;margin:22px 0;color:var(--danger);font-weight:800}

/* Other customer surfaces */
.support-thread{background:#F6F9F7}.message.mine{background:var(--brand-soft);border-color:#D9E9DF}.address-map{background:#F1F6F3}.auth-page,.auth-screen{background:radial-gradient(circle at 10% 12%,#F7EDDF,transparent 30%),radial-gradient(circle at 94% 86%,#E9F1EA,transparent 30%),var(--page)}
.auth-brand img{width:128px}.auth-card,.login-panel{border-color:#DDE8E1}

/* Driver */
.driver-app{background:#F6F7F2}.driver-header{background:var(--brand-dark)}.driver-header img{width:112px;max-height:44px;object-fit:contain}.driver-header a{color:#F2ECE1}.driver-stat b{color:var(--brand)}

/* Responsive */
@media(max-width:1050px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-explore-grid{grid-template-columns:repeat(3,1fr)}
  .promo-copy{padding:42px 36px}.promo-hero{grid-template-columns:1fr .82fr}.bag-shape{width:330px}
}
@media(max-width:780px){
  body{padding-bottom:72px}.container{padding-inline:18px}.customer-app{background:#fff}.site-header{position:relative;border-bottom:0}.header-row{min-height:132px;padding:15px 0 12px;grid-template-columns:1fr auto;gap:10px;align-items:start}.header-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand img{width:104px;max-height:38px}.mobile-delivery{display:flex;flex-direction:column;gap:6px}.delivery-title{display:flex;align-items:center;gap:5px;color:#283F39;font-size:13px;font-weight:780}.delivery-title svg{width:18px;height:18px;fill:none;stroke:var(--brand);stroke-width:1.8}.delivery-title b{color:var(--brand)}.eta-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;background:#E7F7E9;color:#217840;border-radius:9px;padding:5px 8px;font-size:11px;font-weight:800}.eta-pill svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.header-search{display:none}.header-actions{align-self:start;gap:5px}.header-actions .delivery-chip,.header-actions .avatar,.header-actions .pill-link{display:none}.header-actions .icon-btn{display:flex;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--brand)}.cart-btn{width:43px;height:43px;min-height:43px;padding:0;border:0;background:transparent;color:var(--brand);position:relative}.cart-btn:hover{background:var(--brand-soft);color:var(--brand)}.cart-btn span{display:none}.cart-btn b{position:absolute;top:-3px;right:-3px;background:var(--accent);color:#fff;border:2px solid #fff;min-width:19px;height:19px;font-size:8px}.site-footer{display:none}
  .home-hero{padding:5px 0 8px}.promo-hero{grid-template-columns:1fr;min-height:0;border-radius:24px}.promo-copy{padding:26px 22px 16px}.promo-copy h1{font-size:38px;margin:9px 0 11px}.promo-copy p{font-size:13px;margin-bottom:16px}.promo-art{min-height:210px;padding:5px 18px 18px}.bag-shape{height:150px;width:270px;margin-top:38px;border-radius:20px}.bag-shape:before{top:-28px;height:48px;border-width:9px}.bag-shape>img:first-child{width:90px;bottom:17px}.bag-product{width:83px!important;height:83px!important;border-radius:17px}.bag-product-1{top:-42px;left:-6px}.bag-product-2{top:-51px;right:7px}.bag-product-3{top:-70px}.bag-line{bottom:7px;font-size:8px}.promo-note{right:13px;bottom:15px;font-size:9px;padding:8px 9px;max-width:110px}.section{padding:25px 0}.home-section+.home-section{padding-top:5px}.section-head{margin-bottom:12px}.section-head h2{font-size:25px}.section-head .link{font-size:12px}.product-rail{margin-inline:-18px;padding-inline:18px;gap:10px}.product-rail>.product-card{flex-basis:164px}.category-explore-grid{grid-template-columns:1fr 1fr;gap:9px}.explore-card{min-height:90px;border-radius:22px;padding:15px 13px;font-size:13px}.explore-mark{width:54px;height:54px;border-radius:19px}.explore-card span:first-child{max-width:58%}.value-banner{grid-template-columns:1fr;padding:25px 22px;border-radius:24px}.value-banner h2{font-size:25px}.value-pills{gap:7px}.home-values{padding-bottom:30px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{padding:8px;border-radius:18px}.product-media{border-radius:15px}.product-price-line .price{font-size:15px}.product-card h3{font-size:12px;min-height:31px}.add-btn,.bell-btn{width:37px;height:37px;flex-basis:37px}
  .desktop-page-head{display:none}.mobile-page-title,.product-topbar,.cart-page-head,.checkout-page-head,.orders-page-head{display:flex}.mobile-page-title{align-items:center;justify-content:space-between;padding:12px 0 16px}.mobile-page-title>div{flex:1;min-width:0}.mobile-page-title h1{font-size:29px;margin:0;color:#172B27}.mobile-page-title p{font-size:11px;color:#7C8A85;margin:2px 0 0}.filter-bar{margin-inline:-18px;padding-inline:18px;margin-bottom:18px}.filter-pill{padding:8px 14px}.app-page{padding-bottom:28px}
  .modern-detail{grid-template-columns:1fr;gap:18px}.modern-detail .product-detail-media{min-height:330px;border-radius:24px}.modern-detail .product-detail-media img{max-height:300px;width:88%;padding:10px}.product-hero-note{right:14px;bottom:14px}.modern-detail .product-detail-copy{padding-top:0}.modern-detail h1{font-size:38px;margin:12px 0 6px}.product-brand-name{font-size:14px}.modern-detail .detail-price .price{font-size:26px}.product-description{font-size:13px}.related-section{padding-bottom:105px}.product-sticky-action{bottom:12px;width:calc(100% - 24px);border-radius:21px;padding:8px;gap:8px}.detail-qty{min-width:125px}.detail-qty button{height:50px}.detail-add{min-height:50px;font-size:14px}.detail-add span{white-space:nowrap}.product-topbar{display:flex}.product-top-logo img{width:100px}
  body:has(.product-page),body:has(.checkout-page){padding-bottom:0}body:has(.product-page) .mobile-nav,body:has(.checkout-page) .mobile-nav{display:none}
  .modern-cart-layout{grid-template-columns:1fr}.cart-list{padding:0 13px;border-radius:22px}.cart-item{grid-template-columns:72px minmax(0,1fr);gap:11px;padding:14px 0}.cart-thumb{width:72px;height:72px}.cart-item-actions{grid-column:2;justify-self:start}.qty button{width:35px;height:35px}.qty span{min-width:34px}.cart-summary{display:none}.loyalty-banner{padding:14px;border-radius:21px}.loyalty-icon{width:42px;height:42px;flex-basis:42px}.loyalty-banner small{font-size:10px}.brand-leaves{display:none}.cart-recommendations .product-rail{margin-inline:-18px}.delivery-info-strip{margin-bottom:78px}.mobile-cart-checkout{display:grid;grid-template-columns:1fr 1.45fr;gap:10px;align-items:center;position:fixed;z-index:115;left:0;right:0;bottom:68px;background:rgba(255,255,255,.98);border-top:1px solid #E4ECE7;padding:10px 16px;box-shadow:0 -8px 24px rgba(16,61,47,.08)}.mobile-cart-checkout small,.mobile-cart-checkout b{display:block}.mobile-cart-checkout small{font-size:9px;color:#7C8985}.mobile-cart-checkout b{font-size:18px}.mobile-cart-checkout .btn{min-height:48px;background:var(--accent)}
  .checkout-modern-grid{grid-template-columns:1fr}.checkout-block,.checkout-section-flat{border-radius:21px;padding:15px}.payment-cards{grid-template-columns:1fr}.checkout-two-fields{grid-template-columns:1fr}.checkout-summary-card{position:static;border-radius:21px;margin-bottom:14px}.checkout-page-head{padding-top:18px}.place-order-btn{min-height:52px}.proof-upload{align-items:flex-start;flex-direction:column}
  .history-tabs{margin-bottom:14px}.order-history-list{gap:11px}.history-order-card{padding:15px;border-radius:21px}.history-order-top h2{font-size:15px}.history-order-body{align-items:flex-end}.history-thumb{width:50px;height:50px;flex-basis:50px;border-radius:12px}.reorder-btn{padding:9px 11px;font-size:11px}.history-order-meta{font-size:11px}.history-order-meta b{font-size:15px}.history-rating{gap:8px}.history-stars i{font-size:16px}
  .account-hero-head{padding:18px 0 12px}.account-hero-head>div>img{width:108px;margin-bottom:11px}.account-initial{width:48px;height:48px}.account-person h1{font-size:26px}.account-person p{font-size:11px}.account-promo{min-height:205px;border-radius:24px;padding:24px;grid-template-columns:1fr 130px}.account-promo h2{font-size:27px}.account-promo p{font-size:12px}.account-promo-mark img{width:115px;border-radius:27px}.account-feature-grid{gap:9px}.account-feature{grid-template-columns:42px 1fr auto;padding:14px;gap:8px;border-radius:20px}.account-feature .feature-icon{width:42px;height:42px}.account-feature strong{font-size:17px}.account-feature small{font-size:10px}.account-menu-section{margin-top:22px}.account-menu>a{padding:12px}.profile-panel{padding:16px}
  .mobile-nav{left:0;right:0;bottom:0;height:68px;border-radius:0;border:0;border-top:1px solid #E3E9E5;box-shadow:0 -6px 20px rgba(16,61,47,.06);padding:5px 8px;background:rgba(255,255,255,.985)}.mobile-nav a{color:#89948F;border-radius:12px;gap:1px}.mobile-nav a:hover{background:transparent;color:var(--brand)}.mobile-nav a.active{color:var(--brand);font-weight:850}.mobile-nav svg{width:22px;height:22px}.mobile-nav span{font-size:9px}.mobile-nav i{top:0;right:24%;background:var(--accent);border:2px solid #fff}
  .replacement-drawer{padding:20px 16px!important;border-radius:24px 24px 0 0!important}.replacement-options{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:430px){
  .container{padding-inline:14px}.header-row{min-height:128px}.promo-copy h1{font-size:34px}.promo-copy{padding-inline:19px}.promo-art{min-height:195px}.bag-shape{width:245px}.product-rail{margin-inline:-14px;padding-inline:14px}.product-rail>.product-card{flex-basis:158px}.filter-bar{margin-inline:-14px;padding-inline:14px}.category-explore-grid{gap:8px}.explore-card{padding:13px 11px}.explore-mark{width:49px;height:49px}.history-order-card{padding:13px}.history-thumb:nth-child(n+4){display:none}.history-thumb.extra{display:grid}.history-order-body{gap:8px}.reorder-btn{padding:8px 9px}.account-promo{grid-template-columns:1fr 90px;padding:20px}.account-promo-mark img{width:85px}.account-promo h2{font-size:24px}.account-feature-grid{grid-template-columns:1fr}.payment-card{grid-template-columns:20px 38px 1fr}.pay-icon{width:38px;height:38px}.loyalty-banner{gap:10px}.detail-qty{min-width:112px}.detail-add{font-size:13px}.mobile-cart-checkout{grid-template-columns:.9fr 1.5fr;padding-inline:12px}
}

/* Wallet + notification surfaces */
.wallet-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.wallet-balance-card{border-radius:24px;padding:24px;min-height:170px;display:flex;flex-direction:column;justify-content:center}.wallet-balance-card.primary{background:linear-gradient(135deg,var(--brand),#145F54);color:#fff}.wallet-balance-card.secondary{background:linear-gradient(135deg,#EFF3E9,#FAF7F1);border:1px solid #DFEADB}.wallet-balance-card span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.wallet-balance-card strong{font-size:38px;line-height:1.05;margin:8px 0}.wallet-balance-card small{opacity:.78}.wallet-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.transaction-panel{background:#fff;border:1px solid #E5ECE8;border-radius:22px;padding:18px}.transaction-panel h2{font-size:18px;margin:0 0 10px}.transaction-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #EDF2EF}.transaction-row:last-child{border-bottom:0}.transaction-row b,.transaction-row small{display:block}.transaction-row small{color:#88958F;margin-top:2px}.transaction-row .positive{color:#27794A}.transaction-row .negative{color:var(--danger)}
.inbox-list{display:flex;flex-direction:column;gap:10px;max-width:880px}.inbox-item{background:#fff;border:1px solid #E5ECE8;border-radius:20px;padding:15px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center}.inbox-item.unread{border-color:#CFE4DB;background:#FCFEFC}.inbox-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.inbox-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.inbox-item b,.inbox-item small,.inbox-item em{display:block}.inbox-item small{color:#6E7F79;margin-top:2px}.inbox-item em{font-style:normal;color:#98A39F;font-size:9px;margin-top:4px}.inbox-item>i{font-style:normal;color:#91A09A;font-size:24px}
.order-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #E5ECE8;border-radius:20px;background:#fff;box-shadow:none}
@media(max-width:780px){.wallet-balance-grid,.wallet-history-grid{grid-template-columns:1fr}.wallet-balance-card{min-height:145px;padding:20px}.wallet-balance-card strong{font-size:34px}.inbox-item{grid-template-columns:42px 1fr auto;padding:13px}.inbox-icon{width:42px;height:42px}.inbox-item small{font-size:11px}}

/* Search + addresses */
.search-main-form{position:relative;margin:0 0 22px}.search-main-form svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:21px;height:21px;fill:none;stroke:#707D73;stroke-width:1.8}.search-main-form input{width:100%;height:54px;border:1px solid #E0E8E3;border-radius:18px;background:#F7FAF8;padding:0 18px 0 48px;font:inherit;outline:0}.search-main-form input:focus{background:#fff;border-color:#A8CFC3;box-shadow:0 0 0 3px rgba(16,61,47,.08)}[dir=rtl] .search-main-form svg{left:auto;right:16px}[dir=rtl] .search-main-form input{padding:0 48px 0 18px}.search-empty{margin-top:10px}
.address-page-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:start}.saved-addresses h2,.address-form-panel h2{font-size:20px;margin:0 0 12px;color:#193A2E}.saved-addresses{display:flex;flex-direction:column;gap:10px}.saved-address-card{background:#fff;border:1px solid #E4ECE7;border-radius:21px;padding:15px;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start}.address-card-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.address-card-icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.saved-address-card b{font-size:15px}.saved-address-card p{margin:4px 0;color:#5F726C;font-size:12px}.saved-address-card small{color:#8D9995}.address-form-panel{background:#fff;border:1px solid #E4ECE7;border-radius:24px;padding:20px}.address-map{min-height:260px;display:grid;place-items:center;padding:18px;text-align:center}.address-map-actions{display:flex;gap:9px;align-items:center;margin-top:9px;flex-wrap:wrap}
@media(max-width:780px){.search-main-form input{height:50px}.address-page-grid{grid-template-columns:1fr}.address-form-panel{padding:16px;border-radius:21px}.address-map{min-height:220px}}

/* Support */
.support-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:start}.support-ticket-list h2,.support-new-ticket h2{font-size:20px;margin:0 0 12px}.support-ticket-list{display:flex;flex-direction:column;gap:9px}.support-ticket-card{background:#fff;border:1px solid #E5ECE8;border-radius:20px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.support-ticket-card b,.support-ticket-card strong,.support-ticket-card small{display:block}.support-ticket-card strong{color:#2C4640;margin-top:1px}.support-ticket-card small{color:#909B97;margin-top:3px}.support-ticket-card>i{font-style:normal;font-size:24px;color:#93A19B}.ticket-status{display:inline-flex;padding:6px 8px;border-radius:999px;background:#EEF2EF;color:#6F7C78;font-size:9px;font-weight:850;text-transform:capitalize}.ticket-status.open,.ticket-status.in_progress{background:#E9F1EA;color:var(--brand)}.ticket-status.closed{background:#EDF0EE;color:#72807B}.ticket-status.resolved{background:#E5F5E6;color:#24764A}.support-new-ticket,.ticket-reply-panel{background:#fff;border:1px solid #E5ECE8;border-radius:22px;padding:18px}.support-new-ticket .field+.field{margin-top:11px}.support-new-ticket .btn{margin-top:13px}.empty-state.compact{padding:24px}.modern-thread{max-width:860px;margin:0 auto;border:1px solid #E3EBE6;min-height:360px}.ticket-reply-panel{max-width:860px;margin:12px auto 0}.message{border-radius:17px 17px 17px 5px}.message.mine{border-radius:17px 17px 5px 17px}
@media(max-width:780px){.support-page-grid{grid-template-columns:1fr}.support-new-ticket,.ticket-reply-panel{padding:15px}.modern-thread{min-height:280px}}

/* Final shell fixes */
.cart-page-head,.checkout-page-head,.orders-page-head{display:flex}
.rating-prompt-overlay{position:fixed;inset:0;background:rgba(7,63,54,.48);z-index:500;display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}
.rating-modal{width:min(520px,100%);position:relative;box-shadow:0 30px 90px rgba(16,61,47,.24)}
.modal-close{position:absolute;top:12px;inset-inline-end:12px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--brand);font-size:22px;cursor:pointer}.modal-actions{display:flex;gap:10px;margin-top:14px}.modal-actions .btn{min-width:110px}
@media(max-width:780px){.cart-page-head,.checkout-page-head,.orders-page-head{display:flex}.rating-modal{padding:20px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}

/* Modern order detail */
.order-detail-page{padding-top:24px;padding-bottom:80px}.order-detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:18px}.round-back{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--brand);font-size:29px;line-height:1;background:#fff}.order-detail-head h1{margin:4px 0 1px;font-size:clamp(27px,3.5vw,38px);letter-spacing:-.04em;color:#172B27}.order-detail-head p{margin:0;color:var(--muted);font-size:12px}.section-head.compact{margin-bottom:12px;align-items:center}.section-head.compact h2{font-size:20px}.order-progress-card,.order-detail-card,.order-payment-card,.order-rating-panel,.modern-driver-card{background:#fff;border:1px solid #E3EBE6;border-radius:24px;padding:20px;margin-bottom:14px}.modern-timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.modern-timeline-step{min-width:0;position:relative;text-align:center;color:#96A39E;font-size:10px;font-weight:750}.modern-timeline-step:before{content:"";position:absolute;height:3px;top:15px;left:-50%;right:50%;background:#E5EBE7;z-index:0}.modern-timeline-step:first-child:before{display:none}.modern-timeline-step i{width:32px;height:32px;border-radius:50%;background:#F0F3F1;display:grid;place-items:center;margin:0 auto 7px;position:relative;z-index:1;font-style:normal;font-weight:900}.modern-timeline-step.active{color:var(--brand)}.modern-timeline-step.active:before{background:#A9D0C4}.modern-timeline-step.active i{background:var(--brand-soft);color:var(--brand)}.modern-timeline-step.current i{background:var(--brand);color:#fff}.modern-driver-card{background:linear-gradient(135deg,var(--brand),#145F54);color:#fff;border:0}.modern-driver-card .driver-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.driver-avatar{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--brand);display:grid;place-items:center;font-size:20px;font-weight:900}.driver-copy h2{margin:2px 0 1px;font-size:20px}.modern-driver-card .promo-kicker{color:var(--secondary)}.modern-driver-card .tracking-map{margin-top:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:17px;min-height:120px;color:#E9F1EA}.modern-driver-card .tracking-dot{background:var(--accent);box-shadow:0 0 0 7px rgba(192,138,80,.17)}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.order-detail-card{margin-bottom:12px}.order-item-list{display:flex;flex-direction:column}.order-line{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:11px 0;border-bottom:1px solid #EDF2EF}.order-line:last-child{border-bottom:0}.order-line b,.order-line small{display:block}.order-line b{font-size:13px}.order-line small{font-size:10px;color:#81908B;margin-top:3px}.order-line strong{font-size:14px;white-space:nowrap}.order-address-row{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start}.order-address-row p{margin:3px 0;color:#596D67}.order-address-row small{color:#899690}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.order-actions form{margin:0}.order-payment-card{position:sticky;top:96px;margin:0}.order-payment-card h2{font-size:21px;margin:5px 0 15px}.order-payment-card .summary-row{padding:8px 0}.order-payment-card .summary-row.total{border-top:1px solid #E8EEEA;margin-top:6px;padding-top:14px;font-size:17px}.payment-status-row{margin-top:13px}.payment-review-note{font-size:11px;color:#6F817B;background:var(--brand-soft);padding:11px;border-radius:13px}.order-rating-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;background:linear-gradient(135deg,#F7EEDF,#FAF7F1)}.order-rating-panel h2{margin:6px 0;font-size:24px}.order-rating-panel p{font-size:12px;color:#667B74}.order-rating-panel textarea{min-height:74px}.order-rating-panel .btn{margin-top:10px}.order-rating-saved{display:flex;gap:12px;align-items:center;background:var(--secondary-soft);border:1px solid #DFEAD6;padding:14px 16px;border-radius:19px;margin-bottom:14px}.order-rating-saved>span{font-size:28px;color:var(--accent)}.order-rating-saved b,.order-rating-saved p{display:block;margin:0}.order-rating-saved p{font-size:11px;color:#66756F;margin-top:3px}
@media(max-width:900px){.modern-timeline{grid-template-columns:repeat(4,1fr);row-gap:16px}.modern-timeline-step:nth-child(5):before{display:none}.order-detail-grid{grid-template-columns:1fr}.order-payment-card{position:static}.order-rating-panel{grid-template-columns:1fr}}
@media(max-width:600px){.order-detail-page{padding-top:16px}.order-detail-head{grid-template-columns:auto 1fr}.order-detail-head>.badge{grid-column:2;justify-self:start}.order-detail-head h1{font-size:24px}.order-progress-card,.order-detail-card,.order-payment-card,.order-rating-panel,.modern-driver-card{padding:15px;border-radius:20px}.modern-timeline{grid-template-columns:repeat(2,1fr)}.modern-timeline-step:nth-child(odd):before{display:none}.modern-driver-card .driver-row{grid-template-columns:auto 1fr}.modern-driver-card .badge{grid-column:2;justify-self:start}.order-actions{display:grid;grid-template-columns:1fr 1fr}.order-actions .btn,.order-actions form,.order-actions form .btn{width:100%}.order-rating-panel .stars{transform:scale(.9);transform-origin:inline-start}.order-line{align-items:flex-start}.order-payment-card{margin-bottom:8px}}

/* ==========================================================
   Customer UX QA refresh — 2026-09-10
   Responsive quantity controls, address chooser and RTL fixes
   ========================================================== */
html,body{max-width:100%;overflow-x:hidden}
.customer-app main{min-width:0;max-width:100%;overflow-x:clip}
.customer-app .container{max-width:100%}
.is-hidden{display:none!important}

/* Product card cart quantity state */
.card-cart-control{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-width:40px;max-width:100%}
.card-qty-stepper{height:40px;display:grid;grid-template-columns:34px minmax(26px,auto) 34px;align-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);overflow:hidden;border:1px solid rgba(192,138,80,.14);box-shadow:0 3px 10px rgba(192,138,80,.08)}
.card-qty-stepper button{width:34px;height:40px;border:0;background:transparent;color:var(--accent-strong);font-size:20px;font-weight:800;display:grid;place-items:center;cursor:pointer;padding:0}
.card-qty-stepper button:hover{background:rgba(192,138,80,.09)}
.card-qty-stepper span{min-width:26px;text-align:center;font-size:12px;font-weight:900;color:var(--brand-dark);font-variant-numeric:tabular-nums}
.product-bottom:has(.card-qty-stepper:not(.is-hidden)) .product-meta{max-width:calc(100% - 116px)}

/* All categories stay visible on home */
#categories .category-explore-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.category-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-index-card{min-width:0;min-height:132px;border-radius:24px;padding:18px;background:#fff;border:1px solid #E3EBE6;display:grid;grid-template-columns:minmax(0,1fr) 68px auto;align-items:center;gap:10px;overflow:hidden}
.category-index-card .category-index-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.category-index-card .category-index-copy b{font-size:18px;line-height:1.15}.category-index-card .category-index-copy small{font-size:11px;color:var(--muted)}.category-index-card .category-arrow{font-size:28px;color:var(--brand)}
.subcategory-tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:5px}.subcategory-tabs::-webkit-scrollbar{display:none}.subcategory-tabs .filter-pill{flex:0 0 auto}

/* Product detail navigation and rail */
.product-page-back{display:flex;align-items:center;margin:18px 0 8px;position:relative;z-index:3}.product-page-back button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);font-size:31px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:var(--shadow-sm)}
.related-product-rail{padding-bottom:10px}.related-product-rail>.product-card{flex:0 0 228px}

/* Cart: prohibit any page-level horizontal overflow */
.cart-page{min-width:0;width:100%;overflow:visible}
.modern-cart-layout,.cart-main-column,.cart-list,.cart-item,.cart-item-copy,.cart-item-actions,.cart-summary,.cart-recommendations{min-width:0;max-width:100%}
.modern-cart-layout{width:100%;grid-template-columns:minmax(0,1fr) minmax(280px,340px)}
.cart-main-column{overflow:hidden}
.cart-list{width:100%}
.cart-item{width:100%;grid-template-columns:78px minmax(0,1fr) auto}
.cart-item-copy{overflow:hidden}.cart-item-copy h3,.cart-item-copy small{overflow-wrap:anywhere;word-break:normal}
.cart-item-actions{justify-self:end;max-width:100%}
.qty{display:grid;grid-template-columns:36px minmax(30px,auto) 36px;max-width:126px;flex-shrink:0}
.qty button{width:36px;height:36px;display:grid;place-items:center;padding:0}.qty span{min-width:30px;font-variant-numeric:tabular-nums}
.qty-trash svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.cart-recommendations{overflow:hidden}.cart-recommendations .product-rail{max-width:100%;overflow-x:auto}
.mobile-cart-checkout{max-width:100vw;left:0;right:0}
.replacement-drawer{max-width:min(660px,calc(100vw - 24px));overflow:auto}

/* Checkout wallet preview */
.wallet-preview-row[hidden]{display:none!important}.wallet-preview-row .savings{color:var(--ok);font-weight:900}.checkout-summary-card [data-preview-total]{font-variant-numeric:tabular-nums}

/* Single non-interactive history section label */
.history-label{display:flex;align-items:center;margin:8px 0 18px}.history-label span{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:14px;font-weight:900}

/* Order item thumbnails */
.order-line-product{display:grid;grid-template-columns:52px minmax(0,1fr);gap:11px;align-items:center;min-width:0;flex:1}.order-line-product>div{min-width:0}.order-line-thumb{width:52px;height:52px;border-radius:13px;background:#F6F9F7;border:1px solid #E7EEE9;overflow:hidden;display:grid;place-items:center;flex:none}.order-line-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.order-line-thumb b{font-size:17px;color:var(--brand)}

/* Address chooser modal */
body.modal-open{overflow:hidden}
.address-modal[hidden]{display:none!important}.address-modal{position:fixed;inset:0;z-index:900;background:rgba(7,63,54,.46);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}
.address-modal-sheet{width:min(620px,100%);max-height:min(88vh,820px);overflow:auto;overscroll-behavior:contain;background:var(--page);border-radius:28px;border:1px solid rgba(255,255,255,.55);box-shadow:0 28px 100px rgba(7,63,54,.28);padding:22px}
.address-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.address-modal-head h2{margin:4px 0 0;font-size:25px;line-height:1.1}.address-modal-head>button{width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--brand);border-radius:50%;font-size:22px;cursor:pointer;flex:none}
.address-modal-list{display:flex;flex-direction:column;gap:9px}.address-modal-option{appearance:none;width:100%;border:1px solid #DFE8E2;background:#fff;border-radius:19px;padding:12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:start;color:var(--ink);cursor:pointer}.address-modal-option.selected{border-color:#BBD7C3;background:#F5FBF4}.address-modal-option>span:nth-child(2){min-width:0}.address-modal-option b,.address-modal-option small,.address-modal-option em{display:block}.address-modal-option b{font-size:14px}.address-modal-option small{font-size:11px;color:#526A63;margin-top:2px;overflow-wrap:anywhere}.address-modal-option em{font-style:normal;color:var(--muted);font-size:10px;margin-top:3px}.address-modal-option>i{font-style:normal;color:var(--brand);font-size:18px}.address-add-trigger{width:100%;margin-top:12px}.address-modal-form{margin-top:14px;border-top:1px solid var(--line);padding-top:16px}.address-modal-form h3{margin:0 0 13px}.compact-map{min-height:190px}

/* Order progress: direction-safe horizontal timeline; no RTL corruption */
.modern-timeline{display:flex!important;grid-template-columns:none!important;gap:0!important;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scrollbar-width:none;direction:inherit}.modern-timeline::-webkit-scrollbar{display:none}.modern-timeline-step{flex:1 0 112px;min-width:112px;position:relative;text-align:center;padding-inline:4px}.modern-timeline-step:before{display:block!important;content:"";position:absolute;height:3px;top:15px;left:auto!important;right:auto!important;inset-inline-start:-50%;inset-inline-end:50%;background:#E5EBE7;z-index:0}.modern-timeline-step:first-child:before{display:none!important}.modern-timeline-step.active:before{background:#A9D0C4}.modern-timeline-step span{display:block;line-height:1.25;overflow-wrap:anywhere}.modern-timeline-step i{direction:ltr}
[dir=rtl] .modern-timeline{scroll-snap-type:x proximity}[dir=rtl] .modern-timeline-step{scroll-snap-align:start}

/* Responsive customer refinements */
@media(max-width:1000px){
  #categories .category-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modern-cart-layout{grid-template-columns:1fr}.cart-summary{position:static!important}
}
@media(max-width:780px){
  html,body,.customer-app{width:100%;max-width:100%;overflow-x:hidden}
  .customer-app main{width:100%;max-width:100%;overflow-x:clip}
  .container{width:100%;max-width:100%;padding-inline:16px}
  #categories .category-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #categories .explore-card{min-width:0;min-height:104px;padding:14px 12px;border-radius:20px;font-size:14px}
  #categories .explore-mark{width:54px;height:54px;flex:none}
  .category-index-grid{grid-template-columns:1fr;gap:10px}.category-index-card{min-height:108px;padding:14px;border-radius:20px;grid-template-columns:minmax(0,1fr) 58px auto}.category-index-card .explore-mark{width:56px;height:56px}
  .product-rail{width:auto;max-width:none;margin-inline:-16px;padding-inline:16px;overflow-x:auto;overflow-y:hidden}.product-rail>.product-card,.related-product-rail>.product-card{flex-basis:158px;max-width:158px}
  .product-card{min-width:0}.product-bottom{gap:5px}.product-meta{max-width:calc(100% - 39px)}
  .card-qty-stepper{height:36px;grid-template-columns:29px minmax(23px,auto) 29px}.card-qty-stepper button{width:29px;height:36px;font-size:18px}.card-qty-stepper span{min-width:23px;font-size:11px}.product-bottom:has(.card-qty-stepper:not(.is-hidden)) .product-meta{display:none}
  .product-page-back{margin:10px 0 7px}.product-page-back button{width:38px;height:38px;font-size:28px}
  .modern-cart-layout{display:block;width:100%}.cart-main-column{width:100%;overflow:visible}.cart-list{gap:0;background:#fff;border:1px solid #E5ECE8;border-radius:21px;overflow:hidden}
  .cart-item{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:10px!important;padding:12px 10px!important;border:0!important;border-bottom:1px solid #EDF2EF!important;border-radius:0!important;align-items:center!important;max-width:100%}.cart-item:last-child{border-bottom:0!important}.cart-thumb{width:58px!important;height:58px!important;border-radius:12px}.cart-item>div:last-child{grid-column:auto!important;justify-self:end!important}.cart-item-copy h3{font-size:13px;line-height:1.25;margin:0 0 2px}.cart-item-copy small{font-size:10px}.cart-item-copy .price{font-size:13px;display:block;margin-top:3px}.qty{grid-template-columns:31px 27px 31px;max-width:89px;border-radius:12px}.qty button{width:31px;height:34px;font-size:17px}.qty span{min-width:27px;font-size:11px}.qty-trash svg{width:15px;height:15px}
  .cart-recommendations{margin-top:23px;width:100%;max-width:100%;overflow:visible}.cart-summary{display:none}.mobile-cart-checkout{display:grid!important;position:fixed;z-index:105;bottom:69px;left:0;right:0;width:100%;max-width:100%;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:9px;align-items:center;background:rgba(255,255,255,.98);border-top:1px solid #E3EAE6;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px rgba(16,61,47,.08)}.mobile-cart-checkout>div{min-width:0}.mobile-cart-checkout small,.mobile-cart-checkout b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-cart-checkout small{font-size:9px;color:var(--muted)}.mobile-cart-checkout b{font-size:15px}.mobile-cart-checkout .btn{min-width:0;width:100%;padding-inline:10px;font-size:12px;white-space:nowrap}
  .cart-page{padding-bottom:152px}
  .address-modal{padding:0;align-items:end}.address-modal-sheet{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom,0px));border-bottom:0}.address-modal-head h2{font-size:22px}.address-modal-option{grid-template-columns:40px minmax(0,1fr) auto;padding:11px}.address-modal-form .form-grid{grid-template-columns:1fr}.compact-map{min-height:170px}
  .order-line-product{grid-template-columns:46px minmax(0,1fr);gap:9px}.order-line-thumb{width:46px;height:46px}.order-line{gap:10px}.order-line strong{font-size:12px}
  .modern-timeline-step{flex-basis:102px;min-width:102px;font-size:9px}
}
@media(max-width:420px){
  .container{padding-inline:12px}.product-rail{margin-inline:-12px;padding-inline:12px}.product-rail>.product-card,.related-product-rail>.product-card{flex-basis:150px;max-width:150px}
  .cart-item{grid-template-columns:52px minmax(0,1fr) auto!important;padding:11px 8px!important;gap:8px!important}.cart-thumb{width:52px!important;height:52px!important}.qty{grid-template-columns:28px 24px 28px;max-width:80px}.qty button{width:28px}.qty span{min-width:24px}
  .mobile-cart-checkout{padding-inline:10px;grid-template-columns:minmax(0,.82fr) minmax(0,1.45fr)}
}

/* Order history stability */
.order-history-list,.history-order-card,.history-order-top,.history-order-body,.history-products,.history-order-meta,.history-rating{min-width:0;max-width:100%}
.history-order-card{width:100%}.history-order-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.history-products{width:100%;overflow:hidden}.history-order-top>div{min-width:0}.history-order-top h2,.history-order-top a{overflow-wrap:anywhere}.history-rating{flex-wrap:wrap}
@media(max-width:560px){
  .history-order-card{padding:13px!important;border-radius:20px}.history-order-top{gap:8px}.status-pill{padding:6px 8px;font-size:9px}.history-order-body{grid-template-columns:1fr;gap:10px;align-items:start}.history-products{overflow:hidden}.history-thumb{width:48px;height:48px;flex-basis:48px}.history-thumb:nth-child(n+4):not(.extra){display:none}.reorder-btn{justify-self:start;max-width:100%}.history-order-meta{gap:6px;flex-wrap:wrap}.history-rating{gap:6px}.history-rating>span:last-child{font-size:10px}.orders-page{padding-bottom:92px}
}

/* Auth row */
.otp-field-row{display:flex;gap:8px;align-items:stretch}.otp-field-row>input{min-width:0;flex:1}.otp-field-row .btn{flex:none}
@media(max-width:430px){.otp-field-row{flex-direction:column}.otp-field-row .btn{width:100%}}

/* Cart viewport hardening — prevents populated-cart content from widening the mobile layout */
@media(max-width:780px){
  .cart-page,.cart-page .modern-cart-layout,.cart-page .cart-main-column,.cart-page .cart-list,.cart-page .cart-recommendations{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
  .cart-page .cart-item{box-sizing:border-box;min-width:0;width:100%}
  .cart-page .cart-item-copy,.cart-page .cart-item-actions,.cart-page .qty{min-width:0}
  .cart-page .cart-recommendations .product-rail{width:100%;max-width:100%;margin-inline:0!important;padding-inline:0 10px!important;overflow-x:auto;overflow-y:hidden}
  .cart-page-head{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;column-gap:8px;width:100%}
  .cart-page-head h1{text-align:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cart-page-head .text-action{max-width:92px;white-space:nowrap;font-size:12px;padding:6px 0}
  .mobile-cart-checkout{box-sizing:border-box;overflow:hidden}
  .mobile-cart-checkout .btn{overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:340px){
  .cart-page .cart-item{grid-template-columns:46px minmax(0,1fr) auto!important;gap:6px!important;padding-inline:6px!important}
  .cart-page .cart-thumb{width:46px!important;height:46px!important}
  .cart-page .qty{grid-template-columns:26px 22px 26px;max-width:74px}
  .cart-page .qty button{width:26px;height:32px}.cart-page .qty span{min-width:22px;font-size:10px}
  .mobile-cart-checkout{grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr);padding-inline:8px;gap:6px}
  .mobile-cart-checkout .btn{font-size:11px}
}

/* Mobile order progress uses a vertical, direction-safe timeline so every stage stays readable in EN/AR. */
@media(max-width:780px){
  .order-progress-card .modern-timeline{display:grid!important;grid-template-columns:1fr!important;gap:0!important;overflow:visible!important;padding:2px 0!important;direction:inherit}
  .order-progress-card .modern-timeline-step{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0!important;flex:none!important;text-align:start;padding:7px 0!important;font-size:11px;scroll-snap-align:none}
  .order-progress-card .modern-timeline-step i{width:30px;height:30px;margin:0;position:relative;z-index:2}
  .order-progress-card .modern-timeline-step span{min-width:0;font-size:11px;font-weight:750}
  .order-progress-card .modern-timeline-step:before{display:block!important;content:"";position:absolute!important;width:3px!important;height:calc(100% + 4px)!important;top:-11px!important;bottom:auto!important;left:auto!important;right:auto!important;inset-inline-start:14px!important;inset-inline-end:auto!important;background:#E5EBE7!important;z-index:0}
  .order-progress-card .modern-timeline-step:first-child:before{display:none!important}
  .order-progress-card .modern-timeline-step.active:before{background:#A9D0C4!important}
}

/* ===== 2026-09-10 interaction + responsiveness QA refresh ===== */
button:disabled,[aria-disabled="true"]{cursor:not-allowed!important;opacity:.42!important;pointer-events:none!important}

/* Active order strip on Home */
.active-order-home-wrap{background:#fff;padding:8px 0 4px}
.active-order-home-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;background:linear-gradient(115deg,#F2FAF4 0%,#FAF7F1 62%,#FFF1EB 100%);border:1px solid #DCEBE2;border-radius:22px;padding:14px 16px;box-shadow:0 7px 22px rgba(16,61,47,.06)}
.active-order-home-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#fff;color:var(--brand);box-shadow:0 4px 14px rgba(16,61,47,.06)}
.active-order-home-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.active-order-home-copy{min-width:0}.active-order-home-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.active-order-home-top>div{min-width:0}.active-order-home-top small{display:block;color:var(--brand);font-size:9px;letter-spacing:.12em;font-weight:900;margin-bottom:2px}.active-order-home-top b{display:block;font-size:13px;color:var(--brand-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-order-home-top a{flex:none;background:#fff;border:1px solid #DCE8E1;border-radius:999px;padding:7px 10px;color:var(--brand);font-size:10px;font-weight:850}.active-order-home-top a span{font-size:15px;vertical-align:-1px}.active-order-eta{display:flex;align-items:center;gap:7px;margin:7px 0 8px;font-size:10px;color:var(--muted)}.active-order-eta strong{color:#2D4B44;font-size:10px}.active-order-progress{height:6px;border-radius:999px;background:#DDE9E1;overflow:hidden}.active-order-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--secondary));transition:width .35s ease}

/* Image-led category cards */
.category-explore-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
.explore-card{min-height:126px!important;padding:12px 10px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;gap:5px!important;background:#F8FBF9!important;border:1px solid #E4ECE7!important;font-size:13px!important;box-shadow:0 3px 12px rgba(16,61,47,.035)}
.explore-card:nth-child(5n+1){background:#EAF6E1!important}.explore-card:nth-child(5n+2){background:#F7EDDF!important}.explore-card:nth-child(5n+3){background:#E9F1EA!important}.explore-card:nth-child(5n+4){background:#FFF6DE!important}.explore-card:nth-child(5n){background:#EDF5F2!important}
.category-card-copy{max-width:none!important;position:relative;z-index:2;line-height:1.15;font-weight:850;color:#193B34;min-height:30px}
.category-card-art{display:flex;justify-content:flex-end;align-items:flex-end;height:70px;overflow:hidden}.category-card-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:none!important}
.category-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.category-index-card{min-height:150px!important;padding:14px!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) 104px auto!important;background:#F8FBF9!important;position:relative}
.category-index-card:nth-child(5n+1){background:#EAF6E1!important}.category-index-card:nth-child(5n+2){background:#F7EDDF!important}.category-index-card:nth-child(5n+3){background:#E9F1EA!important}.category-index-card:nth-child(5n+4){background:#FFF6DE!important}.category-index-card:nth-child(5n){background:#EDF5F2!important}
.category-index-art{height:104px;min-width:0;display:grid;place-items:center}.category-index-art img{width:100%;height:100%;object-fit:contain}.category-index-card .category-arrow{font-size:24px}

/* Clean product detail hero */
.modern-detail .product-detail-media{background:#fff!important;border:0!important;box-shadow:none!important}
.product-hero-backdrop,.product-hero-note{display:none!important}

/* Product/cart steppers stay anchored exactly where the + action lives */
.product-bottom{position:relative;min-height:40px;align-items:center!important}
.card-cart-control{margin-inline-start:auto;align-self:center;max-width:108px;position:relative;z-index:2}
.card-qty-stepper{max-width:108px;width:auto}
.card-qty-stepper button:disabled,.detail-qty button:disabled,.qty button:disabled{background:#EEF2EF!important;color:#AAB4B0!important;opacity:1!important}
.cart-item-actions{min-width:0}.qty{box-sizing:border-box;overflow:hidden}.qty button:last-child:disabled{background:#EEF2EF!important;color:#AAB4B0!important}

/* Checkout validation */
.field-error{display:block;color:#C83A39;font-size:10px;line-height:1.35;margin:5px 2px 0;font-weight:650}.field-error[hidden]{display:none!important}
.points-field.has-error input{border-color:#D94745!important;background:#FFF7F6!important;box-shadow:0 0 0 3px rgba(217,71,69,.08)!important}.points-field.has-error label{color:#B52F2E}

/* Theme-native custom select component */
.luma-select{position:relative;width:100%;min-width:0}.luma-select.open{z-index:700}.luma-native-select{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;pointer-events:none!important;inset-inline-start:8px;bottom:3px}
.luma-select-button{width:100%;min-height:46px;border:1px solid #DDE7E1;border-radius:15px;background:#fff;color:var(--ink);padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:start;cursor:pointer;transition:border .15s,box-shadow .15s,background .15s}
.luma-select-button:hover{border-color:#C9D8D0}.luma-select-button:focus-visible,.luma-select.open .luma-select-button{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,61,47,.10)}.luma-select.placeholder .luma-select-button span{color:#8C9994}.luma-select-button i{font-style:normal;color:var(--brand);font-size:18px;line-height:1;transition:transform .15s}.luma-select.open .luma-select-button i{transform:rotate(180deg)}
.luma-select-menu{position:fixed;z-index:1200;max-height:250px;overflow:auto;background:#fff;border:1px solid #DDE7E1;border-radius:16px;padding:6px;box-shadow:0 18px 50px rgba(16,61,47,.15)}.luma-select-menu[hidden]{display:none!important}.luma-select-option{width:100%;border:0;background:transparent;border-radius:11px;padding:10px 11px;text-align:start;color:#29423D;cursor:pointer;display:block}.luma-select-option:hover,.luma-select-option:focus-visible{outline:0;background:#F1F8F4}.luma-select-option.selected{background:var(--brand-soft);color:var(--brand);font-weight:850}.luma-select-option:disabled{opacity:.45!important}.luma-select.invalid .luma-select-button{border-color:#D94745!important;box-shadow:0 0 0 3px rgba(217,71,69,.08)!important}

/* Notification unread badge + one-time popup */
.notification-icon-btn{position:relative}.notification-count{position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff!important;border:2px solid #fff;display:grid;place-items:center;font-size:8px;font-weight:900;line-height:1;box-shadow:0 3px 9px rgba(192,138,80,.3)}.notification-count[hidden]{display:none!important}
.live-notification-popup{position:fixed;z-index:1000;top:max(16px,env(safe-area-inset-top));inset-inline-end:18px;width:min(390px,calc(100vw - 36px));background:#fff;border:1px solid #DDE9E2;border-radius:22px;padding:14px;display:grid;grid-template-columns:46px minmax(0,1fr) 28px;gap:11px;align-items:start;box-shadow:0 22px 70px rgba(16,61,47,.22);opacity:0;transform:translateY(-12px) scale(.985);transition:.22s ease}.live-notification-popup.show{opacity:1;transform:none}.live-notification-icon{width:46px;height:46px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.live-notification-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.live-notification-copy{min-width:0}.live-notification-copy small{display:block;color:var(--accent);font-size:8px;letter-spacing:.12em;font-weight:900;margin-bottom:2px}.live-notification-copy b{display:block;font-size:13px;color:var(--brand-dark);overflow-wrap:anywhere}.live-notification-copy p{font-size:11px;color:#63756F;margin:3px 0 6px;line-height:1.4;overflow-wrap:anywhere}.live-notification-copy a{font-size:10px;color:var(--brand);font-weight:850}.live-notification-close{border:0;background:#F6F7F2;color:#6F7F79;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1;cursor:pointer}

/* Global narrow-screen hardening */
html,body{max-width:100%;overflow-x:hidden}.customer-app main,.admin-app,.driver-app{max-width:100%}.product-card,.product-body,.product-bottom,.card-cart-control,.card-qty-stepper,.cart-item,.cart-item-copy,.cart-item-actions,.qty{box-sizing:border-box;min-width:0}
@media(max-width:1000px){.category-explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  .active-order-home-card{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px;border-radius:19px}.active-order-home-icon{width:44px;height:44px;border-radius:14px}.active-order-home-top{gap:7px}.active-order-home-top b{font-size:11px}.active-order-home-top a{padding:6px 8px;font-size:9px}.active-order-eta{margin:5px 0 7px}.active-order-home-wrap{padding-top:5px}
  .category-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.explore-card{min-height:116px!important;padding:10px 8px!important;border-radius:18px!important}.category-card-copy{font-size:11px;min-height:26px}.category-card-art{height:66px}
  .category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-index-card{min-height:126px!important;padding:10px!important;grid-template-columns:minmax(0,1fr) 72px!important;grid-template-rows:1fr auto!important}.category-index-card .category-arrow{display:none}.category-index-art{height:72px}.category-index-copy b{font-size:13px!important}.category-index-copy small{font-size:9px!important}
  .product-bottom{min-height:37px}.card-cart-control{width:auto;max-width:101px;margin-inline-start:auto!important;align-self:center!important;position:static!important}.card-qty-stepper{height:36px!important;grid-template-columns:29px 23px 29px!important;max-width:81px!important}.card-qty-stepper button{width:29px!important;height:36px!important}.card-qty-stepper span{min-width:23px!important}.product-bottom:has(.card-qty-stepper:not(.is-hidden)) .product-meta{display:block!important;max-width:calc(100% - 88px)!important}
  .cart-item-actions{justify-self:end!important;width:auto!important;max-width:100%!important}.cart-page .qty{grid-template-columns:30px 25px 30px!important;max-width:85px!important;width:85px!important}.cart-page .qty button{width:30px!important;height:34px!important}.cart-page .qty span{min-width:25px!important}
  .live-notification-popup{top:max(10px,env(safe-area-inset-top));inset-inline:10px;width:auto;border-radius:19px;padding:12px;grid-template-columns:42px minmax(0,1fr) 26px}.live-notification-icon{width:42px;height:42px;border-radius:13px}
  .luma-select-menu{border-radius:18px;padding:7px;box-shadow:0 20px 70px rgba(16,61,47,.24)}.luma-select-option{padding:12px 11px;font-size:14px}
}
@media(max-width:420px){.category-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.explore-card{min-height:108px!important}.category-card-art{height:61px}.cart-page .cart-item{grid-template-columns:50px minmax(0,1fr) 82px!important;gap:7px!important}.cart-page .qty{grid-template-columns:28px 24px 28px!important;width:80px!important;max-width:80px!important}.cart-page .qty button{width:28px!important}.cart-page .qty span{min-width:24px!important}.product-meta{font-size:9px}}
@media(max-width:340px){.cart-page .cart-item{grid-template-columns:44px minmax(0,1fr) 76px!important;gap:5px!important}.cart-page .qty{grid-template-columns:26px 22px 26px!important;width:74px!important;max-width:74px!important}.cart-page .qty button{width:26px!important}.cart-page .qty span{min-width:22px!important}.card-cart-control{max-width:78px}.card-qty-stepper{grid-template-columns:27px 22px 27px!important;max-width:76px!important}.card-qty-stepper button{width:27px!important}.card-qty-stepper span{min-width:22px!important}}
/* Final narrow-stepper correction: exact grid width includes no hidden inner padding. */
.cart-page .qty{padding:0!important}

/* 2026-09-10 customer QA refinements */
body:has(.search-page),body:has(.search-page) main{background:#fff}
.search-page{min-height:calc(100svh - 190px);background:#fff}

.product-detail-notify{margin-top:14px;width:min(440px,100%);border:1px solid #CFE3D7;background:#F1F8F4;border-radius:18px;padding:12px 14px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;text-align:start;color:var(--brand);cursor:pointer}
.product-detail-notify svg{width:24px;height:24px;justify-self:center;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-detail-notify span{min-width:0;display:block}.product-detail-notify b{display:block;font-size:13px}.product-detail-notify small{display:block;color:#60756E;font-size:10px;line-height:1.4;margin-top:2px}.product-detail-notify:disabled{opacity:.7;cursor:default}

.account-profile-icon{display:grid!important;place-items:center}.account-profile-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.active-order-carousel{position:relative}.active-order-home-card[hidden]{display:none!important}.active-order-switcher{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;color:#65766F;font-size:10px;font-weight:750}
.active-order-switcher button{width:30px;height:30px;border:1px solid #DCE8E1;border-radius:50%;background:#fff;color:var(--brand);font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}.active-order-switcher button:hover{background:var(--brand-soft)}.active-order-switcher span{min-width:42px;text-align:center}.active-order-switcher b{color:var(--brand);font-size:11px}

.cart-item.unavailable .cart-item-actions{display:flex;align-items:center;gap:7px;max-width:100%;min-width:0}.cart-replace-btn{white-space:nowrap}.cart-remove-unavailable{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:12px;background:#FFF0EF;color:var(--danger);font-size:23px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}
.cart-remove-unavailable:hover{background:#FDE3E1}
@media(max-width:780px){
  .cart-page .cart-item.unavailable{grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:start!important}
  .cart-page .cart-item.unavailable .cart-thumb{grid-column:1;grid-row:1 / span 2}
  .cart-page .cart-item.unavailable .cart-item-copy{grid-column:2;grid-row:1}
  .cart-page .cart-item.unavailable .cart-item-actions{grid-column:2!important;grid-row:2;justify-self:stretch!important;width:100%!important;max-width:100%!important;margin-top:5px}
  .cart-page .cart-item.unavailable .cart-replace-btn{flex:1;min-width:0;text-align:center;padding:8px 10px;overflow:hidden;text-overflow:ellipsis}
  .cart-page .cart-remove-unavailable{width:36px;height:36px;flex-basis:36px;border-radius:11px}
}
@media(max-width:420px){
  .cart-page .cart-item.unavailable{grid-template-columns:50px minmax(0,1fr)!important}
  .product-detail-notify{grid-template-columns:36px minmax(0,1fr);padding:11px 12px;border-radius:16px}.product-detail-notify svg{width:21px;height:21px}
}
@media(max-width:340px){.cart-page .cart-item.unavailable{grid-template-columns:44px minmax(0,1fr)!important}.cart-page .cart-item.unavailable .cart-replace-btn{font-size:10px}}
.avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Homepage CMS promotional content */
.home-custom-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-radius:26px;background:linear-gradient(120deg,var(--brand-soft,#E9F1EA),#F7EDDF);border:1px solid rgba(16,61,47,.10)}.home-custom-promo h2{margin:4px 0 7px}.home-custom-promo p{margin:0;color:var(--muted);max-width:680px}.home-custom-promo .btn{flex:0 0 auto}
@media(max-width:640px){.home-custom-promo{align-items:flex-start;flex-direction:column;padding:22px}.home-custom-promo .btn{width:100%}}

/* Checkout coupon application */
.coupon-apply-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.coupon-apply-row .btn{min-height:43px;white-space:nowrap}.coupon-field.has-error input[data-coupon-entry]{border-color:#C94D3B!important;box-shadow:0 0 0 3px rgba(201,77,59,.08)!important}.coupon-success{display:block;color:var(--brand)!important;font-weight:800;margin-top:5px}.coupon-preview-row .savings{color:var(--brand)}
@media(max-width:380px){.coupon-apply-row{grid-template-columns:1fr}.coupon-apply-row .btn{width:100%}}

/* 2026-09-13b: immediate / scheduled checkout and automatic promotion summary */
.delivery-choice-section{margin:8px 0 18px}.delivery-method-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.delivery-method-card{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;padding:13px 14px;border:1px solid #dce8e2;border-radius:17px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.delivery-method-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,61,47,.08);background:#f7fbf9}.delivery-method-card input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand)}.delivery-method-card span{display:grid;gap:3px}.delivery-method-card b{font-size:12px;color:var(--ink)}.delivery-method-card small{font-size:9px;color:var(--muted);line-height:1.45}.scheduled-slot-field{margin-top:10px;padding:12px;border-radius:16px;background:#f7faf8;border:1px solid #e0eae5}.scheduled-slot-field[hidden]{display:none!important}.scheduled-slot-field label{display:block;margin-bottom:6px;font-size:10px;font-weight:850;color:var(--ink)}.scheduled-slot-field select{width:100%}.checkout-method-warning{margin:9px 0;padding:11px 12px;border:1px solid #f2c6bc;border-radius:14px;background:#fff3ef;color:#a54031;font-size:10px;line-height:1.45}.promotion-summary-list{display:grid}.summary-row.auto-promotion-row span{display:flex;align-items:center;gap:6px}.summary-row.auto-promotion-row span:before{content:'✦';font-size:9px;color:var(--accent,#C08A50)}.summary-row.auto-promotion-row b{color:var(--brand)}
.order-delivery-method{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #dce9e3;border-radius:16px;background:#f7fbf9}.order-delivery-method svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.order-delivery-method div{display:grid;gap:2px}.order-delivery-method b{font-size:11px}.order-delivery-method small{font-size:9px;color:var(--muted)}
@media(max-width:520px){.delivery-method-cards{grid-template-columns:1fr}.delivery-method-card{padding:12px}}
.driver-delivery-slot{display:grid;gap:2px;margin:12px 0;padding:10px 12px;border:1px solid #d8e7df;border-radius:13px;background:#f5faf7}.driver-delivery-slot b{font-size:12px;color:var(--brand)}.driver-delivery-slot span{font-size:10px;color:var(--muted)}

/* 2026-09-13c: polished checkout delivery-method selector */
.delivery-method-card{grid-template-columns:20px 42px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:13px 14px;overflow:hidden}
.delivery-method-card>input{display:none!important}
.delivery-method-card .payment-radio{grid-column:1;margin:0;align-self:center}
.delivery-method-card .checkout-block-icon{grid-column:2;width:42px;height:42px;flex-basis:42px;margin:0}
.delivery-method-card .checkout-block-icon svg{width:21px;height:21px}
.delivery-method-card>span:last-child{grid-column:3;display:grid;gap:3px;min-width:0;align-self:center}
.delivery-method-card input:checked+.payment-radio{border-color:var(--brand)}
.delivery-method-card input:checked+.payment-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--brand)}
.delivery-method-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,61,47,.08);background:#f7fbf9}
.scheduled-slot-field{position:relative;overflow:visible;z-index:30}
.scheduled-slot-field .luma-select{position:relative;z-index:31}
.scheduled-slot-field .luma-select-menu{z-index:1250}
@media(max-width:780px){
  .delivery-method-cards{grid-template-columns:1fr;gap:8px}
  .delivery-method-card{min-height:72px;grid-template-columns:20px 40px minmax(0,1fr);padding:11px 12px}
  .delivery-method-card .checkout-block-icon{width:40px;height:40px;flex-basis:40px}
  .scheduled-slot-field .luma-select-menu{border-radius:16px!important;padding:6px!important;box-shadow:0 18px 50px rgba(16,61,47,.17)!important}
  .scheduled-slot-field .luma-select-option{padding:11px 10px;font-size:12px}
}

/* Free map UI (Leaflet + OpenStreetMap raster tiles) */
.address-map{position:relative!important;display:block!important;padding:0!important;text-align:initial!important;min-height:280px;background:#EAF2ED!important;overflow:hidden}
.compact-map{min-height:220px!important}
.address-map.leaflet-container,.tracking-map.leaflet-container{font-family:inherit}
.address-map .leaflet-pane,.tracking-map .leaflet-pane{outline:0}
.map-picker-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;margin:8px 0 9px}
.map-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0}
.map-search-row input{min-width:0;height:42px;border-radius:13px;border:1px solid var(--line);background:#fff;padding:0 13px;color:var(--ink);font:inherit}
.map-search-row input:focus{outline:2px solid rgba(16,61,47,.15);border-color:var(--brand)}
.map-location-btn{white-space:nowrap;height:42px}
.map-search-results{position:relative;z-index:4;border:1px solid #DCE8E1;border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(27,68,58,.13);margin:0 0 9px;padding:5px;max-height:220px;overflow:auto}
.map-search-result{appearance:none;border:0;background:#fff;width:100%;text-align:start;padding:10px 11px;border-radius:11px;color:var(--ink);cursor:pointer;display:block}
.map-search-result:hover,.map-search-result:focus{background:var(--brand-soft);outline:0}.map-search-result b,.map-search-result span{display:block}.map-search-result b{font-size:11px;line-height:1.45}.map-search-result span{font-size:9px;color:var(--muted);margin-top:2px;text-transform:capitalize}
.map-search-empty{font-size:10px;color:var(--muted);padding:12px}
.map-picker-hint{font-size:10px;color:#63756F;line-height:1.45;flex:1 1 280px}.address-map-actions [data-location-status]{font-weight:750;color:var(--brand)}
.map-load-error{height:100%;min-height:220px;display:grid;place-items:center;padding:22px;text-align:center;color:var(--muted);font-size:11px}
.leaflet-control-zoom{border:0!important;border-radius:12px!important;overflow:hidden;box-shadow:0 4px 14px rgba(21,62,52,.15)!important}.leaflet-control-zoom a{width:34px!important;height:34px!important;line-height:34px!important;color:var(--brand)!important}.leaflet-control-attribution{font-size:9px!important;background:rgba(255,255,255,.84)!important}.leaflet-control-attribution a{color:var(--brand)!important}.leaflet-container{background:#EAF2ED}.tracking-marker-shell{background:transparent!important;border:0!important}
.tracking-map-wrap{position:relative;margin-top:14px}.modern-driver-card .tracking-map{margin-top:0!important;height:250px;min-height:250px!important;display:block!important;padding:0!important;border-radius:17px;overflow:hidden;background:#E9F3EE;color:var(--ink)}
.tracking-map-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#547169;z-index:0}
.tracking-refocus{position:absolute;right:10px;bottom:28px;z-index:6;width:38px;height:38px;border:1px solid rgba(16,61,47,.18);border-radius:12px;background:#fff;color:var(--brand);box-shadow:0 5px 18px rgba(22,65,55,.18);font-size:22px;line-height:1;cursor:pointer}
[dir="rtl"] .tracking-refocus{right:auto;left:10px}.tracking-map-hint{display:block;margin:8px 2px 0;color:#DCEBE5;font-size:9px;line-height:1.5}
.tracking-map-marker{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 5px 14px rgba(0,0,0,.22);font-size:19px;line-height:1}.tracking-map-marker.driver{background:var(--accent)}.tracking-map-marker.destination{background:var(--brand);color:#fff;font-size:22px;font-weight:900}
@media(max-width:620px){.map-picker-tools{grid-template-columns:1fr}.map-search-row{grid-template-columns:minmax(0,1fr) auto}.map-location-btn{width:100%}.address-map{min-height:235px}.compact-map{min-height:205px!important}.modern-driver-card .tracking-map{height:225px;min-height:225px!important}}

/* 2026-09-17: persistent alerts, address validation, cart AJAX and install prompts */
.eta-pill.busy{background:#fff1ed;color:#a74c3b;border:1px solid #f5d1c8}
.bell-btn{position:relative}.bell-btn .bell-subscribed-mark{display:none;position:absolute;right:-3px;top:-3px;width:17px;height:17px;border-radius:50%;place-items:center;background:var(--brand);color:#fff;border:2px solid #fff;font-size:9px;font-weight:900;line-height:1}.bell-btn.subscribed{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px rgba(16,61,47,.18)}.bell-btn.subscribed .bell-subscribed-mark{display:grid}.bell-btn.subscribed svg{stroke-width:2.2}
.product-detail-notify{position:relative}.product-detail-notify .detail-restock-check{display:none;width:22px;height:22px;border-radius:50%;place-items:center;background:var(--brand);color:#fff;font-style:normal;font-size:11px;font-weight:900}.product-detail-notify.subscribed{border-color:rgba(16,61,47,.28);background:#f3faf6}.product-detail-notify.subscribed .detail-restock-check{display:grid}
.address-form-intro{margin:-3px 0 13px;color:var(--muted);font-size:11px;line-height:1.55}.address-inline-message{margin:0 0 12px;padding:11px 12px;border:1px solid #f1c9be;border-radius:14px;background:#fff3ef;color:#9c4032;font-size:11px;font-weight:700;line-height:1.45}.address-inline-message[hidden]{display:none!important}
.saved-address-card{grid-template-columns:46px minmax(0,1fr) auto}.saved-address-delete{width:36px;height:36px;border:0;border-radius:11px;background:#fff3ef;color:#b14b3c;display:grid;place-items:center;cursor:pointer}.saved-address-delete:hover{background:#ffe6df}.saved-address-delete svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.address-zone-warning{display:block!important;color:#a74c3b!important;font-weight:750;margin-top:5px}.saved-address-copy{min-width:0}
.address-choice.is-outside-zone{opacity:.72;background:#fafafa;cursor:not-allowed}.address-choice.is-outside-zone input{cursor:not-allowed}.address-outside-note{color:#ad4c3d!important;font-style:normal;font-weight:750}.checkout-zone-warning{display:grid;gap:4px;margin:8px 0 12px;padding:12px 13px;border:1px solid #f1c9be;border-radius:15px;background:#fff4f0;color:#944335}.checkout-zone-warning b{font-size:11px}.checkout-zone-warning span{font-size:10px;line-height:1.5}
.cart-qty-stepper{display:grid!important;grid-template-columns:34px minmax(30px,auto) 34px!important;align-items:center!important;border:1px solid #dce8e2!important;border-radius:999px!important;background:#f6faf8!important;overflow:hidden!important;min-height:36px!important;width:max-content!important}.cart-qty-stepper button{width:34px!important;height:34px!important;border:0!important;background:transparent!important;color:var(--brand)!important;font-size:20px!important;font-weight:650!important;display:grid!important;place-items:center!important;cursor:pointer!important}.cart-qty-stepper button:hover{background:#eaf5ef!important}.cart-qty-stepper button:disabled{opacity:.35!important;cursor:not-allowed!important}.cart-qty-stepper span{min-width:30px;text-align:center;font-size:12px;font-weight:850;color:var(--ink)}
.luma-prompt-overlay,.luma-confirm-overlay{position:fixed;inset:0;z-index:1500;display:grid;place-items:end center;padding:18px;background:rgba(10,33,28,.46);backdrop-filter:blur(5px)}.luma-prompt-overlay[hidden],.luma-confirm-overlay[hidden]{display:none!important}.luma-prompt-card,.luma-confirm-card{position:relative;width:min(440px,100%);background:#fff;border-radius:26px;padding:24px;box-shadow:0 24px 70px rgba(10,43,35,.24);text-align:center}.luma-prompt-card{padding-top:26px}.luma-prompt-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f7f5;color:#667771;font-size:20px;cursor:pointer}.luma-prompt-icon{width:72px;height:72px;margin:0 auto 13px;border-radius:22px;background:var(--brand-soft);display:grid;place-items:center;overflow:hidden}.luma-prompt-icon img{width:56px;height:56px;object-fit:contain}.notification-prompt-icon svg{width:34px;height:34px;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.luma-prompt-card h2{margin:5px 0 8px;font-size:22px;color:var(--ink)}.luma-prompt-card>p{margin:0 auto;color:var(--muted);font-size:12px;line-height:1.65;max-width:350px}.luma-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.ios-install-steps{display:grid;gap:4px;margin-top:14px;padding:11px 12px;border-radius:14px;background:#f4f8f6;text-align:start;color:var(--ink)}.ios-install-steps b{font-size:11px}.ios-install-steps span{font-size:10px;color:var(--muted);line-height:1.5}.luma-confirm-overlay{place-items:center}.luma-confirm-card{width:min(390px,100%);padding:25px 22px}.luma-confirm-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff0ec;color:#b44d3e;font-size:22px;font-weight:900}.luma-confirm-card h3{margin:0 0 7px;font-size:19px}.luma-confirm-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.luma-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.btn.danger{background:#b94f40;border-color:#b94f40;color:#fff}.btn.danger:hover{background:#a44235;border-color:#a44235}
@media(min-width:700px){.luma-prompt-overlay{place-items:center}.luma-prompt-card{border-radius:28px}}
@media(max-width:520px){.luma-prompt-overlay,.luma-confirm-overlay{padding:12px}.luma-prompt-card{border-radius:25px 25px 20px 20px;padding:22px 18px}.luma-prompt-actions,.luma-confirm-actions{grid-template-columns:1fr}.saved-address-card{grid-template-columns:42px minmax(0,1fr) auto}.saved-address-delete{width:34px;height:34px}.cart-qty-stepper{grid-template-columns:32px minmax(28px,auto) 32px!important}.cart-qty-stepper button{width:32px!important;height:32px!important}}

.address-modal-option.is-outside-zone:disabled{opacity:.58;cursor:not-allowed;background:#fafafa}.address-modal-option.is-outside-zone:disabled:hover{transform:none;box-shadow:none}

/* ===== 2026-09-17 Explore The Fair Basket category-card refresh + cart stepper containment ===== */
/* Homepage only: compact image-first category tiles inspired by the supplied mobile reference. */
#categories .category-explore-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:12px!important;
}
#categories .explore-card{
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:0!important;
  background:#EFF8E9!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  text-align:start!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
#categories .explore-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 20px rgba(30,61,53,.08)!important;
}
#categories .explore-card:nth-child(8n+1){background:#EAF8E4!important}
#categories .explore-card:nth-child(8n+2){background:#FBE9F3!important}
#categories .explore-card:nth-child(8n+3){background:#F8EEDB!important}
#categories .explore-card:nth-child(8n+4){background:#FBE7EF!important}
#categories .explore-card:nth-child(8n+5){background:#E8F4FB!important}
#categories .explore-card:nth-child(8n+6){background:#F2EAF8!important}
#categories .explore-card:nth-child(8n+7){background:#E8F7EB!important}
#categories .explore-card:nth-child(8n){background:#FBEAF1!important}
#categories .category-card-art{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  padding:7px 7px 0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
#categories .category-card-art img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important;
}
#categories .category-card-copy{
  display:block!important;
  max-width:none!important;
  min-height:0!important;
  padding:2px 9px 10px!important;
  color:#111!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.08!important;
  letter-spacing:-.01em!important;
  text-align:start!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:1100px){
  #categories .category-explore-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:780px){
  #categories .category-explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  #categories .explore-card{border-radius:13px!important}
  #categories .category-card-art{padding:5px 5px 0!important}
  #categories .category-card-copy{padding:2px 7px 8px!important;font-size:10.5px!important;line-height:1.06!important}
}
@media(max-width:360px){
  #categories .category-explore-grid{gap:6px!important}
  #categories .explore-card{border-radius:12px!important}
  #categories .category-card-copy{padding:1px 6px 7px!important;font-size:9.5px!important}
}

/* Cart only: use an exact flex stepper width so borders can never push the + button outside. */
.cart-page .cart-qty-stepper{
  display:flex!important;
  align-items:center!important;
  justify-content:stretch!important;
  width:92px!important;
  max-width:92px!important;
  min-width:92px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:1px solid #DCE8E2!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#F6FAF8!important;
  box-sizing:border-box!important;
}
.cart-page .cart-qty-stepper button{
  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.cart-page .cart-qty-stepper span{
  flex:1 1 auto!important;
  min-width:26px!important;
  padding:0!important;
  text-align:center!important;
  line-height:34px!important;
  overflow:hidden!important;
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:780px){
  .cart-page .cart-item{grid-template-columns:58px minmax(0,1fr) 88px!important}
  .cart-page .cart-qty-stepper{width:88px!important;max-width:88px!important;min-width:88px!important}
  .cart-page .cart-qty-stepper button{flex-basis:30px!important;width:30px!important;min-width:30px!important;max-width:30px!important}
  .cart-page .cart-qty-stepper span{min-width:26px!important}
}
@media(max-width:420px){
  .cart-page .cart-item{grid-template-columns:50px minmax(0,1fr) 82px!important}
  .cart-page .cart-qty-stepper{width:82px!important;max-width:82px!important;min-width:82px!important}
  .cart-page .cart-qty-stepper button{flex-basis:28px!important;width:28px!important;min-width:28px!important;max-width:28px!important}
  .cart-page .cart-qty-stepper span{min-width:24px!important;font-size:11px!important}
}
@media(max-width:340px){
  .cart-page .cart-item{grid-template-columns:44px minmax(0,1fr) 76px!important}
  .cart-page .cart-qty-stepper{width:76px!important;max-width:76px!important;min-width:76px!important;height:34px!important;min-height:34px!important}
  .cart-page .cart-qty-stepper button{flex-basis:26px!important;width:26px!important;min-width:26px!important;max-width:26px!important;height:32px!important;font-size:18px!important}
  .cart-page .cart-qty-stepper span{min-width:22px!important;line-height:32px!important;font-size:10px!important}
}


/* ===== 2026-09-17 v2.6 Explore The Fair Basket visual correction ===== */
/*
   Match the supplied category reference more closely: generous artwork, a clear
   label band below it, four balanced tiles per normal phone row, and no tiny
   letterboxed fallback artwork. Scoped to the homepage section only.
*/
#categories .category-explore-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
#categories .explore-card{
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(25px,auto)!important;
  align-content:start!important;
  gap:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  isolation:isolate!important;
}
#categories .category-card-art{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1.48 / 1!important;
  min-height:0!important;
  padding:2px 3px 0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
#categories .category-card-art img{
  display:block!important;
  flex:none!important;
  width:96%!important;
  height:96%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateY(2px)!important;
  transform-origin:center bottom!important;
}
/* The bundled SVG fallbacks include their own wide pastel canvas. Fill the art
   area with them instead of shrinking that entire canvas into a tiny icon. */
#categories .explore-card.has-fallback-art .category-card-art img{
  width:130%!important;
  height:130%!important;
  object-fit:contain!important;
  transform:translateY(5px)!important;
}
#categories .category-card-copy{
  display:flex!important;
  align-items:flex-end!important;
  max-width:none!important;
  min-height:25px!important;
  padding:1px 7px 7px!important;
  color:#111!important;
  font-size:clamp(10.8px,2.9vw,12.5px)!important;
  font-weight:850!important;
  line-height:1.06!important;
  letter-spacing:-.018em!important;
  text-align:start!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
#categories .explore-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 18px rgba(30,61,53,.07)!important;
}
@media(min-width:900px){
  #categories .category-explore-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:420px){
  #categories .category-explore-grid{gap:8px!important}
  #categories .explore-card{border-radius:13px!important}
  #categories .category-card-copy{padding:1px 6px 7px!important;min-height:25px!important}
}
@media(max-width:340px){
  #categories .category-explore-grid{gap:6px!important}
  #categories .category-card-copy{font-size:10.5px!important;padding-inline:5px!important}
}

/* v2.7 — keep the mobile header stable even when the delivery summary wraps. */
@media(max-width:780px){
  .header-row{grid-template-columns:minmax(0,1fr) auto!important}
  .header-brand-block{min-width:0;max-width:100%;overflow:hidden}
  .mobile-delivery{min-width:0;max-width:100%;width:100%;overflow:hidden}
  .delivery-title{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .delivery-title svg,.delivery-title b{flex:0 0 auto}
  .eta-pill{display:grid!important;grid-template-columns:15px minmax(0,1fr);align-items:start;width:fit-content!important;max-width:100%!important;min-width:0;line-height:1.35;box-sizing:border-box}
  .eta-pill svg{flex:none;margin-top:1px}
  .eta-pill>span{min-width:0;overflow-wrap:anywhere;word-break:normal}
  .header-actions{flex:0 0 auto;min-width:max-content;position:relative;z-index:2}
  .header-actions .icon-btn,.header-actions .cart-btn{flex:0 0 auto}
}

/* v2.7 — checkout shows one default address and keeps the card flush with the section. */
.checkout-address-single{display:grid!important;grid-template-columns:48px minmax(0,1fr);column-gap:13px;row-gap:10px;align-items:start}
.checkout-address-single>.checkout-block-icon{grid-column:1;grid-row:1;align-self:start}
.checkout-address-single>.checkout-block-content{grid-column:2;grid-row:1;align-self:center;min-width:0}
.checkout-address-intro{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:var(--muted)}
.checkout-address-card-wrap{grid-column:1/-1;grid-row:2;min-width:0;width:100%;margin:0}
.checkout-address-card-wrap .checkout-address-card,.checkout-address-card-wrap .checkout-default-address{width:100%;max-width:none;box-sizing:border-box;margin:0}

/* Keep the Profile language picker attached to its field instead of the mobile bottom sheet. */
.profile-language-field{position:relative;overflow:visible;z-index:35}
.profile-language-field .luma-select{position:relative;z-index:36}
.profile-language-field .luma-select-menu{z-index:1250}
@media(max-width:780px){
  .profile-language-field .luma-select-menu{border-radius:16px!important;padding:6px!important;box-shadow:0 18px 50px rgba(16,61,47,.17)!important}
  .profile-language-field .luma-select-option{padding:11px 10px;font-size:12px}
}

/* Notification control on the customer account page. */
.notification-control-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:16px;padding:14px;border:1px solid #dce8e2;border-radius:18px;background:#f8fbf9;box-sizing:border-box}
.notification-control-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.notification-control-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-control-copy{display:grid;gap:3px;min-width:0}.notification-control-copy b{font-size:12px;color:var(--ink)}.notification-control-copy small{font-size:10px;color:var(--muted);line-height:1.45}
.notification-control-card.enabled{border-color:#cfe9d7;background:#f4fbf5}.notification-control-card.enabled .notification-control-icon{background:#dff4e3;color:#237845}
.notification-control-card.blocked{border-color:#f0d4cd;background:#fff7f4}.notification-control-card.blocked .notification-control-icon{background:#fce9e4;color:#a84c3d}
@media(max-width:480px){.notification-control-card{grid-template-columns:40px minmax(0,1fr);gap:10px}.notification-control-icon{width:40px;height:40px}.notification-control-card>[data-manage-notifications]{grid-column:1/-1;width:100%}}

/* OS-specific install guidance. */
.android-install-panel{margin-top:15px}.install-device-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;padding:11px 12px;border:1px solid #d9eadf;border-radius:15px;background:#f3faf5;text-align:start}.install-device-note>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#dff4e3;color:#237845;font-weight:900}.install-device-note div{display:grid;gap:2px}.install-device-note b{font-size:11px;color:var(--ink)}.install-device-note small{font-size:9.5px;line-height:1.45;color:var(--muted)}
.ios-install-guide{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;margin-top:16px;padding:14px;border-radius:18px;background:linear-gradient(145deg,#f4faf6,#fff7f4);border:1px solid #dfebe5;text-align:start}
.ios-phone-illustration{display:grid;place-items:center}.ios-mini-screen{position:relative;width:78px;height:132px;border:5px solid #1d2926;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgba(16,61,47,.13)}.ios-mini-screen:before{content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width:29px;height:5px;border-radius:8px;background:#1d2926}.ios-mini-logo{margin:22px 8px 6px;color:var(--brand);font-weight:950;font-size:11px;letter-spacing:.06em}.ios-mini-card{height:51px;margin:0 8px;border-radius:9px;background:linear-gradient(135deg,#e4f5e8,#ffe6df)}.ios-share-dock{position:absolute;left:0;right:0;bottom:0;height:31px;border-top:1px solid #e5ece8;background:#f9fbfa;display:grid;place-items:center}.ios-share-icon,.ios-step-icon{display:grid;place-items:center;color:var(--brand)}.ios-share-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ios-install-copy{display:grid;gap:8px}.ios-install-copy>b{font-size:12px;color:var(--ink)}.ios-install-copy ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ios-install-copy li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:7px;align-items:center;font-size:10px;line-height:1.4;color:#52645f}.ios-step-icon{width:26px;height:26px;border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(16,61,47,.08)}.ios-step-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.ios-step-icon.plus{font-size:16px;font-weight:700}
@media(max-width:390px){.ios-install-guide{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:11px}.ios-mini-screen{width:67px;height:114px}.ios-mini-logo{margin-top:19px;font-size:9px}.ios-mini-card{height:42px}.luma-prompt-card.install-prompt-card{padding-inline:18px}}

/* v2.8 · InstaPay rejection recovery */
.payment-proof-rejected-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start;margin:0 0 14px;padding:20px;border:1px solid #f1c9c1;border-radius:24px;background:linear-gradient(135deg,#fff8f5,#fffdfb)}
.payment-proof-rejected-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#fff0ec;color:#b94f40;font-size:24px;font-weight:900}
.payment-proof-rejected-copy h2{margin:4px 0 6px;font-size:21px;color:#3d2823}.payment-proof-rejected-copy>p{margin:0;color:#755f59;font-size:12px;line-height:1.6;max-width:760px}
.payment-rejection-reason{display:grid;gap:4px;margin-top:13px;padding:12px 14px;border:1px solid #f2d6cf;border-radius:15px;background:#fff}.payment-rejection-reason small{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#aa6b5e}.payment-rejection-reason b{font-size:12px;line-height:1.55;color:#4d3732}
.payment-proof-reupload-form{display:flex;gap:10px;align-items:end;margin-top:13px}.payment-proof-file{display:grid;gap:6px;min-width:0;flex:1}.payment-proof-file span{font-size:10px;font-weight:850;color:#526760}.payment-proof-file input{width:100%;min-width:0;padding:10px;border:1px solid #dce7e2;border-radius:13px;background:#fff;font-size:11px}.payment-proof-help{display:block;margin-top:7px;color:#8a9993;font-size:9px}
@media(max-width:600px){.payment-proof-rejected-card{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px;border-radius:20px}.payment-proof-rejected-icon{width:42px;height:42px;border-radius:14px}.payment-proof-reupload-form{display:grid;grid-template-columns:1fr}.payment-proof-reupload-form .btn{width:100%}}

/* v2.9 product-card price hierarchy: current price/currency stay together;
   any crossed-out compare price sits on its own line underneath. */
.product-price-line{flex-direction:column;align-items:flex-start!important;justify-content:flex-start;gap:1px!important;min-height:38px!important}
.product-price-line .price{display:block;white-space:nowrap;line-height:1.15}
.product-price-line .compare{display:block;white-space:nowrap;margin-inline-start:0!important;line-height:1.15}

/* Search autocomplete is anchored to its own form, so it moves with the field
   and cannot become a viewport-floating suggestion box while scrolling. */
.header-search,.search-main-form{position:relative;overflow:visible}
.product-search-suggestions{position:absolute;z-index:260;top:calc(100% + 7px);inset-inline:0;background:#fff;border:1px solid #E1E9E4;border-radius:17px;box-shadow:0 18px 48px rgba(27,61,52,.16);padding:6px;max-height:min(420px,58vh);overflow:auto;overscroll-behavior:contain}
.product-search-suggestion{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background .12s ease}
.product-search-suggestion:hover,.product-search-suggestion.is-active{background:#F2F8F4}
.search-suggestion-image{width:48px;height:48px;border-radius:11px;background:#F6F8F6;display:grid;place-items:center;overflow:hidden;color:#91A09B;font-size:18px}
.search-suggestion-image img{width:100%;height:100%;object-fit:contain;padding:3px}
.search-suggestion-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.search-suggestion-copy b{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-suggestion-copy small{font-size:10px;color:#81908B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-search-suggestion>strong{font-size:12px;white-space:nowrap;color:#213B35}
.header-search .product-search-suggestions{top:calc(100% + 6px)}
.search-main-form .product-search-suggestions{top:calc(100% + 6px)}
@media(max-width:780px){
  .product-price-line{min-height:34px!important}.product-price-line .price{font-size:15px!important}.product-price-line .compare{font-size:10px}
  .product-search-suggestions{border-radius:15px;padding:5px;max-height:52vh}.product-search-suggestion{grid-template-columns:44px minmax(0,1fr) auto;padding:6px}.search-suggestion-image{width:44px;height:44px}
}

/* Homepage CMS promotional image carousel */
.home-promo-carousel{position:relative;width:100%;border-radius:24px;overflow:hidden;background:#F3F6F4;border:1px solid #E7ECE9;box-shadow:0 10px 32px rgba(26,63,53,.07)}
.home-promo-track{position:relative;width:100%;aspect-ratio:16/5.6;overflow:hidden}
.home-promo-slide{position:absolute;inset:0;opacity:0;transition:opacity .28s ease}.home-promo-slide.is-active{opacity:1}.home-promo-slide>a{display:block;width:100%;height:100%}.home-promo-slide img{width:100%;height:100%;object-fit:contain;background:#fff;display:block;padding:0}
.home-promo-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#26443C;font-size:26px;line-height:1;box-shadow:0 4px 14px rgba(20,53,44,.15);cursor:pointer}.home-promo-nav.prev{inset-inline-start:12px}.home-promo-nav.next{inset-inline-end:12px}
.home-promo-dots{position:absolute;z-index:3;inset-inline:0;bottom:10px;display:flex;justify-content:center;gap:6px}.home-promo-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(23,60,51,.08);cursor:pointer;transition:.2s}.home-promo-dots button.active{width:20px;background:#fff}
.home-custom-promo.with-carousel{margin-top:10px;border-radius:18px 18px 24px 24px}
@media(max-width:780px){.home-promo-carousel{border-radius:18px}.home-promo-track{aspect-ratio:16/7.5}.home-promo-nav{width:32px;height:32px;font-size:22px}.home-promo-nav.prev{inset-inline-start:8px}.home-promo-nav.next{inset-inline-end:8px}.home-promo-dots{bottom:7px}.home-custom-promo.with-carousel{margin-top:8px}}

/* v2.12.1 product-card image fit fix: always show the complete product image. */
.product-card .product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
  padding:8px!important;
  transform:none!important;
}
.product-card:hover .product-media img{transform:none!important}

/* v2.12.2 definitive product-card image containment fix.
   Size the image by its intrinsic aspect ratio and constrain both axes inside
   the media box. This avoids any crop caused by forcing width/height to 100%. */
.product-card .product-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
.product-card .product-media img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:auto!important;
  transform:none!important;
}
.product-card:hover .product-media img{transform:none!important}


/* v2.14 cart image, guest language and mobile navigation refinements */
.cart-thumb{display:grid!important;place-items:center!important;padding:4px!important;box-sizing:border-box!important}.cart-thumb img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:auto!important;transform:none!important}
.guest-language-switch{gap:6px;white-space:nowrap}.guest-language-switch svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.guest-language-switch span{font-size:11px}
@media(max-width:780px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .header-actions .guest-language-switch{display:flex;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--brand)}
  .guest-language-switch span{display:none}
  .mobile-nav{height:calc(78px + env(safe-area-inset-bottom,0px))!important;padding:5px 8px calc(12px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box;align-items:stretch}
  .mobile-nav a{min-height:54px}
  .mobile-cart-checkout{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  .cart-page{padding-bottom:calc(164px + env(safe-area-inset-bottom,0px))}
}

/* The Fair Basket brand refresh · 2026-10-31 · visual-only overrides */
:root{--brand:#103D2F;--brand-strong:#0C3529;--brand-dark:#082F24;
--brand-soft:#E9F1EA;--accent:#C08A50;--accent-strong:#AA7441;--accent-soft:#F7EDDF;
--secondary:#B6C6AC;--secondary-soft:#EFF3E9;--mint:#E9F1EA;--mint-strong:#103D2F;
--ink:#193A2E;--ink-2:#466358;--muted:#707D73;--surface:#fff;
--surface-2:#FCFBF7;--page:#FAF7F1;--line:#E5E8E0;
--shadow-sm:0 2px 10px rgba(16,61,47,.05);--shadow:0 12px 34px rgba(16,61,47,.085);
--shadow-lg:0 26px 70px rgba(16,61,47,.15)}
body{font-family:'DM Sans',Inter,'Segoe UI',Arial,sans-serif}
body[dir=rtl],html[dir=rtl] body{font-family:Tajawal,'Noto Sans Arabic',Tahoma,'Segoe UI',Arial,sans-serif}
h1,h2,.section-head h2,.page-head h1,.home-hero h1,.promo-copy h1{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.022em}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .section-head h2,[dir=rtl] .page-head h1,[dir=rtl] .home-hero h1,[dir=rtl] .promo-copy h1{font-family:Tajawal,'Noto Sans Arabic',Tahoma,sans-serif;letter-spacing:normal}
.site-header{border-bottom-color:#E5E8E0;background:rgba(255,255,255,.97)}
.brand img{width:205px;max-width:100%;max-height:66px;object-fit:contain}
.footer-logo{width:230px;max-height:76px;object-fit:contain}
.auth-brand img{width:205px;max-height:82px;object-fit:contain}
.driver-header img{width:190px;max-height:64px;object-fit:contain}
.site-footer{background:var(--brand-dark)}
.site-footer .muted{color:#D6DDD5}
.site-footer a:hover{color:#E5B985}
.promo-kicker,.eyebrow,.section-kicker{color:var(--accent-strong)}
.btn.accent,.btn.gold{background:var(--accent);color:#1F3329}
.btn.accent:hover,.btn.gold:hover{background:var(--accent-strong);color:#fff}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:780px){.brand img{width:158px;max-height:55px}.footer-logo{width:210px}.driver-header img{width:144px;max-height:54px}}
@media(max-width:380px){.brand img{width:144px;max-height:53px}}

/* Space for the longer official wordmark; no overlap with search at desktop widths. */
@media(min-width:781px){.header-row{grid-template-columns:210px minmax(210px,1fr) auto;gap:19px}}
.promo-copy h1{font-size:clamp(31px,3.65vw,50px);line-height:1.09;letter-spacing:-.02em;overflow-wrap:break-word}
@media(max-width:780px){.promo-copy h1{font-size:clamp(29px,7.8vw,36px);line-height:1.12}}
@media(max-width:390px){.promo-copy h1{font-size:29px}}

/* ========================================================================
   The Fair Basket · Integrated customer support chat (v2.15.1)
   Isolated to /ticket; keep /support ticket creation and API contracts intact.
   ======================================================================== */
.ticket-chat-page{max-width:1000px;padding-block:22px 34px}
.ticket-conversation{height:min(810px,calc(100dvh - 112px));min-height:430px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #DFE9E0;border-radius:25px;box-shadow:0 18px 55px rgba(8,47,36,.09)}
.ticket-chat-header{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:83px;padding:13px 21px;background:#fff;border-bottom:1px solid #E8EEE8}
.ticket-chat-back{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;color:var(--brand);transition:background .15s}
.ticket-chat-back:hover{background:var(--brand-soft)}
.ticket-chat-back svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .ticket-chat-back svg{transform:rotate(180deg)}
.ticket-chat-avatar{width:47px;height:47px;flex:0 0 47px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#E4BD87;box-shadow:0 0 0 3px #EDF4EC}
.ticket-chat-avatar svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ticket-chat-heading{min-width:0;flex:1}
.ticket-chat-heading h1{font-family:'DM Sans','Tajawal',sans-serif;font-size:16px;font-weight:800;color:var(--brand-dark);line-height:1.3;margin:0}
.ticket-chat-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71857B;font-size:12px;margin:3px 0 0;max-width:570px}
.ticket-chat-header .ticket-chat-status{flex:0 0 auto;font-size:10px;padding:7px 10px}
.ticket-chat-messages{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:21px clamp(15px,3vw,32px) 23px;background:radial-gradient(circle at 20% 0%,rgba(237,244,234,.8),transparent 36%),linear-gradient(145deg,#FBFAF6,#F5F7F0);scrollbar-color:#C7D6CB transparent;scrollbar-width:thin;overflow-anchor:none}
.ticket-chat-intro{display:flex;flex-direction:column;align-items:center;gap:3px;width:min(340px,92%);margin:2px auto 22px;padding:13px 16px;background:rgba(255,255,255,.9);border:1px solid #E5EAE0;border-radius:15px;text-align:center;font-size:12px;color:#4E695B;box-shadow:0 4px 16px rgba(8,47,36,.035)}
.ticket-chat-intro-mark{font-size:17px;color:var(--accent);line-height:1}
.ticket-chat-intro small{font-size:10px;color:#87948B;direction:ltr;unicode-bidi:isolate}
.ticket-chat-day{display:flex;justify-content:center;margin:21px 0 13px}
.ticket-chat-day span{direction:ltr;unicode-bidi:isolate;padding:5px 12px;border-radius:99px;background:#E7ECE5;color:#60796A;font-size:10px;font-weight:750}
.ticket-chat-row{display:flex;margin:9px 0;max-width:100%}
.ticket-chat-row.mine{justify-content:flex-end}
.ticket-chat-row.theirs{justify-content:flex-start}
.ticket-chat-bubble{max-width:min(74%,560px);min-width:90px;padding:11px 13px 8px;border:1px solid #E8EBE3;border-radius:17px 17px 17px 5px;background:#fff;box-shadow:0 2px 9px rgba(10,51,38,.035);overflow-wrap:anywhere}
.ticket-chat-row.mine .ticket-chat-bubble{background:#E5EFE4;border-color:#D8E6D8;border-radius:17px 17px 5px 17px}
[dir=rtl] .ticket-chat-row.theirs .ticket-chat-bubble{border-radius:17px 17px 5px 17px}
[dir=rtl] .ticket-chat-row.mine .ticket-chat-bubble{border-radius:17px 17px 17px 5px}
.ticket-chat-sender{color:var(--brand);font-size:11px;font-weight:800;margin-bottom:4px}
.ticket-chat-text{color:#263E32;font-size:14px;line-height:1.55;white-space:normal}
.ticket-chat-attachment{display:inline-flex;align-items:center;gap:8px;margin-top:9px;padding:8px 10px;border-radius:10px;background:rgba(16,61,47,.065);color:var(--brand);font-size:12px;font-weight:750;max-width:100%}
.ticket-chat-attachment:hover{text-decoration:underline}
.ticket-chat-attachment svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}
.ticket-chat-time{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:10px;color:#82918A;margin-top:5px;direction:ltr;unicode-bidi:isolate}
.ticket-chat-time span{color:#3D8A62;font-size:12px;font-weight:800}
.ticket-chat-composer{flex:0 0 auto;background:#fff;border-top:1px solid #E5EBE3;padding:12px 19px 9px;margin:0}
.ticket-chat-compose-row{display:flex;gap:10px;align-items:flex-end}
.ticket-chat-attach{display:grid;place-items:center;flex:0 0 42px;width:42px;height:44px;color:var(--brand);border-radius:13px;cursor:pointer;position:relative;overflow:hidden}
.ticket-chat-attach:hover,.ticket-chat-attach:focus-visible{background:#E9F1EA;outline:2px solid transparent}
.ticket-chat-attach:focus-visible{box-shadow:0 0 0 3px rgba(16,61,47,.16)}
.ticket-chat-attach svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ticket-chat-attach input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.ticket-chat-input-wrap{display:flex;align-items:center;flex:1;min-width:0;min-height:45px;border:1px solid #DDE7DC;border-radius:20px;background:#FAFBF9;padding:10px 15px;transition:border-color .15s,box-shadow .15s}
.ticket-chat-input-wrap:focus-within{background:#fff;border-color:#A2C5A6;box-shadow:0 0 0 3px rgba(16,61,47,.08)}
.ticket-chat-input-wrap textarea{width:100%;height:24px;min-height:24px;max-height:120px;resize:none;overflow-y:hidden;border:0;outline:0;box-shadow:none;background:transparent;font-size:16px;line-height:24px;color:#1C3F30;padding:0;margin:0;display:block}
.ticket-chat-input-wrap textarea::placeholder{color:#96A39A}
.ticket-chat-send{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;background:var(--brand);color:#fff;border:0;border-radius:15px;cursor:pointer;box-shadow:0 4px 13px rgba(16,61,47,.18)}
.ticket-chat-send:hover{background:var(--brand-dark)}
.ticket-chat-send:disabled{opacity:.65;cursor:wait}
.ticket-chat-send svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .ticket-chat-send svg{transform:scaleX(-1)}
.ticket-chat-composer-hint{text-align:center;font-size:10px;color:#94A199;margin:8px 0 0;line-height:1.25}
.ticket-chat-file-preview{display:flex;gap:9px;align-items:center;width:max-content;max-width:100%;background:#F5F7EE;border:1px solid #E5EADC;padding:6px 8px 6px 10px;border-radius:11px;margin:0 0 9px;font-size:11px;color:var(--ink-2)}
.ticket-chat-file-preview[hidden]{display:none!important}
.ticket-chat-file-preview svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.ticket-chat-file-preview span{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ticket-chat-file-preview button{border:0;background:transparent;border-radius:6px;color:var(--brand);font-size:18px;line-height:20px;cursor:pointer}
.ticket-chat-closed{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;padding:18px 20px;background:#F6F8F4;border-top:1px solid #E5EBE3;color:#65766C;text-align:center;font-size:12px}
.ticket-chat-closed svg{width:19px;height:19px;fill:none;stroke:#3D8A62;stroke-width:2}
.ticket-chat-closed a{color:var(--brand);font-weight:800;text-decoration:underline}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.customer-support-chat .site-footer{display:none}
@media(max-width:780px){
  html:has(.customer-support-chat){overflow:hidden}
  body.customer-support-chat{overflow:hidden;height:100%;padding:0!important;background:#fff}
  body.customer-support-chat .site-header,body.customer-support-chat .mobile-nav,body.customer-support-chat .site-footer{display:none!important}
  .ticket-chat-page{position:fixed;inset-inline:0;top:var(--chat-viewport-top,0px);z-index:110;width:100%;max-width:none;height:var(--chat-viewport-height,100dvh);padding:0!important;margin:0!important;background:#fff}
  .ticket-conversation{height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
  .ticket-chat-header{min-height:75px;padding:9px 13px;gap:9px;padding-top:max(9px,env(safe-area-inset-top))}
  .ticket-chat-back{width:34px;flex-basis:34px}
  .ticket-chat-avatar{width:43px;height:43px;flex-basis:43px}
  .ticket-chat-heading h1{font-size:14px}
  .ticket-chat-heading p{font-size:11px;max-width:65vw}
  .ticket-chat-header .ticket-chat-status{font-size:9px;padding:6px 8px}
  .ticket-chat-messages{padding:13px 12px 21px}
  .ticket-chat-bubble{max-width:85%;padding:10px 12px 7px}
  .ticket-chat-text{font-size:14px}
  .ticket-chat-composer{padding:9px 10px max(9px,env(safe-area-inset-bottom))}
  .ticket-chat-compose-row{gap:6px}
  .ticket-chat-attach{flex-basis:38px;width:38px;height:44px}
  .ticket-chat-send{flex-basis:44px;width:44px;height:44px;border-radius:14px}
  .ticket-chat-composer-hint{display:none}
  .ticket-chat-closed{flex-wrap:wrap;padding-bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-width:350px){.ticket-chat-avatar{width:36px;height:36px;flex-basis:36px}.ticket-chat-heading h1{font-size:13px}.ticket-chat-header .ticket-chat-status{max-width:74px;text-align:center}.ticket-chat-bubble{max-width:91%}}