:root{--green:#0b3d32;--green2:#11614f;--mint:#19b98b;--cream:#f6f0e4;--gold:#e8ae4d;--ink:#17231f;--muted:#6b7772;--white:#fff;--shadow:0 20px 60px rgba(9,45,37,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:#fff;direction:rtl}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid #edf0ee}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--green);color:var(--gold);font-weight:900;font-size:24px;box-shadow:0 8px 20px rgba(11,61,50,.2)}.brand b{font-size:22px;color:var(--green);display:block;line-height:1}.brand small{font-size:10px;color:var(--muted)}nav{display:flex;gap:32px;font-weight:700;font-size:14px}nav a:hover{color:var(--mint)}.cart-button{border:0;background:var(--green);color:#fff;border-radius:14px;padding:11px 16px;display:flex;gap:10px;align-items:center;font-weight:800}.cart-button b{background:var(--gold);color:var(--green);min-width:24px;height:24px;border-radius:8px;display:grid;place-items:center}.hero{min-height:620px;background:linear-gradient(135deg,#f8f3e8 0%,#eff7f2 100%);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px max(7vw,28px);overflow:hidden}.hero-copy{max-width:650px}.eyebrow,.section-kicker{color:var(--green2);font-weight:800;font-size:13px;letter-spacing:.5px}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#fff;padding:9px 14px;border-radius:30px;box-shadow:0 8px 30px rgba(11,61,50,.08)}.pulse{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 6px rgba(25,185,139,.13)}h1{font-size:clamp(47px,6vw,82px);line-height:1.02;margin:26px 0 22px;color:var(--green);letter-spacing:-2px}h1 em{font-style:normal;color:var(--mint)}.hero-copy>p{font-size:19px;color:var(--muted);line-height:1.9;max-width:530px}.hero-actions{display:flex;gap:12px;margin:30px 0}.primary,.secondary{border:0;padding:15px 25px;border-radius:14px;font-weight:800;display:inline-block}.primary{background:var(--green);color:#fff;box-shadow:0 12px 28px rgba(11,61,50,.2)}.primary:hover{background:var(--green2);transform:translateY(-1px)}.secondary{border:1px solid #cfd9d5;background:#fff;color:var(--green)}.trust-row{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-weight:700}.trust-row span::first-letter{color:var(--mint)}.hero-art{height:480px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:420px;height:420px;border-radius:50%;background:var(--gold);opacity:.23}.plate{width:355px;height:355px;border:24px solid #fff;background:radial-gradient(circle,#faf5e9,#e8dfcf);border-radius:50%;box-shadow:0 35px 70px rgba(33,58,49,.2);display:flex;align-items:center;justify-content:center;gap:5px;font-size:74px;transform:rotate(-6deg);position:relative}.plate:after{content:"";position:absolute;inset:10px;border:2px dashed rgba(11,61,50,.16);border-radius:50%}.floating-card{position:absolute;background:#fff;border-radius:16px;padding:13px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column}.floating-card b{color:var(--green)}.floating-card small{color:var(--muted)}.card-one{top:75px;right:5px}.card-two{bottom:65px;left:2px}.quick-facts{width:min(1120px,90%);margin:-42px auto 0;background:#fff;border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:3;padding:26px}.quick-facts div{text-align:center;border-left:1px solid #edf0ee}.quick-facts div:last-child{border:0}.quick-facts b,.quick-facts span{display:block}.quick-facts b{color:var(--green);font-size:17px}.quick-facts span{color:var(--muted);font-size:12px;margin-top:5px}.section{padding:100px max(7vw,28px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:20px}.section h2{font-size:clamp(35px,4vw,56px);line-height:1.2;color:var(--green);margin:9px 0}.about-grid p{color:var(--muted);font-size:17px;line-height:2}.about-meta{display:flex;flex-direction:column;gap:10px;color:var(--green);margin-top:25px}.offers{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-head>a{color:var(--green2);font-weight:800}.offers-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.offers-grid article{background:#fff;border-radius:24px;padding:30px;min-height:240px;position:relative;overflow:hidden}.offers-grid h3{font-size:23px;color:var(--green);margin:20px 0 8px}.offers-grid p{color:var(--muted);line-height:1.8}.offer-featured{background:var(--green)!important;color:#fff}.offer-featured h3{color:#fff;font-size:32px}.offer-featured p{color:#c7ddd6;max-width:65%}.offer-featured>a{color:var(--gold);font-weight:800}.offer-tag{background:var(--gold);color:var(--green);padding:7px 12px;border-radius:20px;font-size:12px;font-weight:800}.offer-icon{position:absolute;left:-10px;bottom:-18px;font-size:125px;transform:rotate(-12deg)}.mini-icon{width:54px;height:54px;background:var(--cream);border-radius:16px;display:grid;place-items:center;font-size:27px}.menu-section{background:#fff}.menu-title{align-items:center}.search{width:320px;background:#f4f6f5;border-radius:14px;padding:0 15px;display:flex;align-items:center;gap:8px}.search input{border:0;background:transparent;outline:0;width:100%;padding:13px}.categories{display:flex;gap:9px;overflow:auto;padding:4px 0 20px;scrollbar-width:none}.categories button{white-space:nowrap;border:1px solid #dce3e0;background:#fff;color:var(--muted);border-radius:28px;padding:10px 18px;font-weight:700}.categories button.active{background:var(--green);border-color:var(--green);color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.menu-card{border:1px solid #e7ecea;border-radius:19px;padding:18px;transition:.2s;background:#fff;display:flex;flex-direction:column;min-height:184px}.menu-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(11,61,50,.1);border-color:#b9d7cc}.item-symbol{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#e7f4ee,#fbefda);display:grid;place-items:center;font-size:24px}.menu-card h3{font-size:16px;line-height:1.5;margin:14px 0 4px;color:var(--ink)}.menu-card p{font-size:12px;color:var(--muted);margin:0 0 14px}.item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.price{color:var(--green);font-size:18px;font-weight:900}.add{width:38px;height:38px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:22px}.add:hover{background:var(--mint)}.loading,.no-results{grid-column:1/-1;text-align:center;padding:70px;color:var(--muted)}.more-button{display:block;margin:30px auto 0;border:1px solid var(--green);background:#fff;color:var(--green);padding:12px 30px;border-radius:12px;font-weight:800}.hidden{display:none!important}footer{background:#072f27;color:#fff;padding:55px max(7vw,28px);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:start}footer p,footer small{color:#9fc1b7}.footer-links{display:flex;gap:20px;font-weight:700}.footer-brand b{color:#fff}.overlay{position:fixed;inset:0;background:rgba(2,20,16,.55);opacity:0;pointer-events:none;transition:.25s;z-index:40}.overlay.show{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;left:0;top:0;height:100%;width:min(430px,100%);background:#fff;z-index:50;transform:translateX(-105%);transition:.3s;display:flex;flex-direction:column;padding:25px}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:18px}.drawer-head small{color:var(--mint);font-weight:800}.drawer-head h2{margin:3px 0;color:var(--green)}.close{border:0;background:#f0f3f2;width:38px;height:38px;border-radius:12px;font-size:24px;color:var(--green)}.cart-items{overflow:auto;flex:1}.cart-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid #eee}.cart-row h4{margin:0 0 5px}.cart-row small{color:var(--muted)}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;background:#edf3f0;border-radius:8px;width:29px;height:29px}.cart-empty{text-align:center;margin:auto;color:var(--muted)}.cart-empty span{font-size:50px}.cart-summary{border-top:1px solid #eee;padding-top:18px}.cart-summary>div,.final-total{display:flex;justify-content:space-between;font-size:18px}.cart-summary small{color:var(--muted)}.checkout,.submit-order{width:100%;margin-top:18px}.modal,.success-modal{position:fixed;inset:0;background:rgba(2,20,16,.65);z-index:60;display:none;place-items:center;padding:20px}.modal.show,.success-modal.show{display:grid}.modal-card{background:#fff;border-radius:24px;padding:30px;width:min(650px,100%);max-height:92vh;overflow:auto;position:relative}.modal-card h2{color:var(--green);margin:5px 0 20px}.modal-close{position:absolute;left:22px;top:22px}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.type-switch input{display:none}.type-switch span{display:block;text-align:center;border:1px solid #dce3e0;border-radius:12px;padding:12px;font-weight:700}.type-switch input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}form label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}form input,form select,form textarea{display:block;width:100%;border:1px solid #dce3e0;border-radius:11px;padding:12px;margin-top:6px;outline:0;background:#fafbfb}form textarea{resize:vertical;min-height:70px}form input:focus,form select:focus,form textarea:focus{border-color:var(--mint)}.final-total{padding:16px;background:var(--cream);border-radius:13px}.final-total b{color:var(--green)}.form-error{color:#b42318;text-align:center}.success-modal>div{width:min(410px,100%);background:#fff;padding:38px;border-radius:25px;text-align:center}.success-modal span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#def7ed;color:var(--mint);font-size:36px;font-weight:900;margin:auto}.success-modal h2{color:var(--green)}.success-modal b{display:block;font-size:38px;color:var(--gold);margin:5px}.success-modal small{display:block;color:var(--muted);margin-bottom:22px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:360px}.plate{width:280px;height:280px;font-size:56px}.sun{width:320px;height:320px}.quick-facts{grid-template-columns:1fr 1fr;gap:22px}.quick-facts div:nth-child(2){border:0}.about-grid{grid-template-columns:1fr;gap:10px}.offers-grid{grid-template-columns:1fr 1fr}.offer-featured{grid-column:1/-1}.menu-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:580px){.nav{height:68px;padding:0 14px}.brand small,.cart-button span{display:none}.brand-mark{width:39px;height:39px}.hero{padding:42px 20px 75px;min-height:auto}.hero h1{font-size:47px}.hero-copy>p{font-size:16px}.hero-art{height:290px}.plate{width:230px;height:230px;border-width:16px;font-size:45px}.sun{width:260px;height:260px}.floating-card{padding:9px 12px;font-size:12px}.quick-facts{width:92%;padding:20px 10px}.section{padding:72px 18px}.about-meta{font-size:13px}.offers-grid{grid-template-columns:1fr}.offer-featured{grid-column:auto}.offer-featured p{max-width:75%}.menu-title{display:block}.search{width:100%;margin-top:20px}.menu-grid{grid-template-columns:1fr 1fr;gap:10px}.menu-card{padding:13px;min-height:175px}.menu-card h3{font-size:14px}.item-symbol{width:41px;height:41px}.price{font-size:15px}.section h2{font-size:35px}.form-row{grid-template-columns:1fr}.modal-card{padding:24px 18px}footer{grid-template-columns:1fr;padding:45px 20px}.footer-links{flex-wrap:wrap}}
/* Three order modes: delivery, pickup, and QR table ordering. */
.type-switch{grid-template-columns:repeat(3,1fr)}

/* Order tracking */
#trackNavLink{color:var(--mint);font-weight:800}
.success-actions{display:flex;gap:10px;margin-top:8px}
.success-actions .primary,.success-actions .secondary{flex:1;margin:0}
.tracking-card{width:min(480px,100%)}
.track-status{display:inline-flex;align-items:center;gap:8px;background:var(--cream);color:var(--green);font-weight:800;padding:10px 16px;border-radius:30px;margin-bottom:22px}
.track-status.cancelled{background:#fde8e8;color:#b42318}
.track-timeline{list-style:none;margin:0 0 24px;padding:0}
.track-timeline li{display:flex;align-items:center;gap:14px;padding:9px 0;position:relative}
.track-timeline li:not(:last-child):after{content:"";position:absolute;right:17px;top:38px;bottom:-9px;width:2px;background:#e7ecea}
.track-timeline li.done:not(:last-child):after{background:var(--mint)}
.track-dot{width:34px;height:34px;min-width:34px;border-radius:50%;background:#f0f3f2;display:grid;place-items:center;font-size:15px;color:var(--muted);border:1px solid #e1e8e5}
.track-timeline li.done .track-dot{background:var(--mint);border-color:var(--mint);color:#fff}
.track-timeline li.active .track-dot{background:var(--green);border-color:var(--green);color:#fff}
.track-timeline li b{font-weight:700;color:var(--muted);font-size:14px}
.track-timeline li.done b,.track-timeline li.active b{color:var(--ink)}
.track-driver{display:flex;align-items:center;gap:12px;background:var(--cream);border-radius:16px;padding:14px;margin-bottom:18px}
.track-driver-icon{width:42px;height:42px;min-width:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:20px}
.track-driver-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.track-driver-info small{color:var(--muted);font-size:11px}
.track-driver-info b{color:var(--green);font-size:15px}
.track-driver-call{background:var(--green);color:#fff;border-radius:12px;padding:9px 14px;font-weight:800;font-size:13px;white-space:nowrap}
.track-refresh{width:100%}

/* Loyalty program */
#loyaltyNavLink{color:var(--gold);font-weight:800}
.loyalty-box{background:var(--cream);border-radius:14px;padding:12px 14px;margin-bottom:16px}
.loyalty-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--green)}
.loyalty-redeem{display:flex;gap:8px;margin-top:10px}
.loyalty-redeem input{flex:1;border:1px solid #dce3e0;border-radius:10px;padding:10px;background:#fff;outline:0}
.loyalty-redeem input:focus{border-color:var(--mint)}
.loyalty-redeem button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:10px;padding:0 14px;font-weight:800;white-space:nowrap}
.loyalty-line b{color:var(--mint)}
.loyalty-earn-hint{background:var(--cream);color:var(--green);border-radius:10px;padding:10px;font-size:13px;font-weight:700;text-align:center;margin:14px 0 0}
.track-loyalty{background:var(--cream);color:var(--green);border-radius:10px;padding:10px;font-size:13px;font-weight:700;text-align:center;margin-bottom:14px}
.loyalty-modal-balance{background:var(--cream);border-radius:16px;padding:20px;text-align:center;margin:6px 0 14px}
.loyalty-modal-balance b:first-child{display:block;font-size:38px;color:var(--gold)}
.loyalty-modal-balance span{color:var(--green);font-size:13px}
.loyalty-modal-note{color:var(--muted);font-size:13px;line-height:1.8}
.loyalty-promo{width:min(1120px,90%);margin:28px auto 0;background:linear-gradient(135deg,var(--green),var(--green2));border-radius:22px;box-shadow:var(--shadow);padding:26px 30px;display:flex;align-items:center;gap:22px;color:#fff;position:relative;z-index:2}
.loyalty-promo-icon{font-size:38px;background:rgba(255,255,255,.15);width:70px;height:70px;min-width:70px;border-radius:50%;display:grid;place-items:center}
.loyalty-promo-text{flex:1}
.loyalty-promo-text h3{margin:0 0 6px;font-size:19px;color:var(--gold)}
.loyalty-promo-text p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.8}
.loyalty-promo-text b{color:var(--gold)}
.loyalty-promo-btn{background:var(--gold);color:var(--green);border:0;border-radius:12px;padding:14px 24px;font-weight:800;white-space:nowrap;font-size:14px}
@media(max-width:760px){.loyalty-promo{flex-direction:column;text-align:center;padding:24px 20px;margin-top:20px}}

/* Order-confirmation invoice inside the success modal — uses .si-name/.si-label/
   .si-value divs rather than bare span/b, since .success-modal span/b (styled
   for the big checkmark icon and order number) match ANY span/b anywhere
   inside .success-modal and would otherwise force every invoice line into a
   giant 70px circle / 38px gold block, overlapping everything. */
.success-modal>div{max-height:88vh;overflow-y:auto}
.success-invoice{margin-top:18px;padding-top:14px;border-top:1px dashed #e1e8e5;text-align:right}
.success-invoice-item{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink);padding:4px 0;line-height:1.5}
.success-invoice-item .si-name{color:var(--muted)}
.success-invoice-item .si-price{font-weight:700;white-space:nowrap}
.success-invoice-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;color:var(--muted);line-height:1.5}
.success-invoice-row .si-value{color:var(--ink);font-weight:700}
.success-invoice-total{border-top:1px solid #eee;margin-top:6px;padding-top:8px;font-size:16px}
.success-invoice-total .si-label,.success-invoice-total .si-value{color:var(--green);font-weight:900}
#successInvoiceLoyalty{color:var(--mint)!important}

.card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.note-btn{width:38px;height:38px;padding:0;border:1px solid var(--green);border-radius:12px;background:#fff;color:var(--green);font-size:17px;line-height:1;cursor:pointer;transition:.15s}
.note-btn:hover{background:#f0f7f4}
.card-stepper{display:flex;align-items:center;gap:2px;background:var(--cream);border-radius:12px;padding:3px}
.card-stepper button{min-width:28px;height:30px;border:0;background:transparent;font-size:18px;font-weight:800;color:var(--green);cursor:pointer;line-height:1}
.card-stepper button:active{background:#fff;border-radius:8px}
.card-qty{min-width:24px;text-align:center;font-weight:800;font-size:15px;color:var(--ink);cursor:pointer}
@media(max-width:420px){.note-btn,.menu-card .add{width:34px;height:34px;font-size:15px}.card-stepper button{min-width:26px;height:28px;font-size:16px}}

.qty-numpad{position:fixed;inset:0;background:rgba(2,20,16,.65);z-index:70;display:grid;place-items:center;padding:20px}
.qty-numpad.hidden{display:none}
.qty-numpad-card{background:#fff;border-radius:22px;padding:20px;width:min(320px,100%);box-shadow:var(--shadow)}
.qty-numpad-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--ink);margin-bottom:10px}
.qty-numpad-close{border:0;background:#f0f2f1;width:34px;height:34px;border-radius:10px;font-size:18px;cursor:pointer}
.qty-numpad-display{text-align:center;font-size:34px;font-weight:900;color:var(--green);background:var(--cream);border-radius:14px;padding:8px 0;margin-bottom:14px}
.qty-numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qty-numpad-grid button{border:1px solid #e2e8e5;background:#fff;border-radius:14px;padding:15px 0;font-size:19px;font-weight:800;color:var(--ink);cursor:pointer}
.qty-numpad-grid button:active{background:var(--cream)}
.qty-numpad-grid button[data-k="clear"],.qty-numpad-grid button[data-k="back"]{font-size:15px;color:var(--muted)}
.qty-numpad-done{margin-top:14px;width:100%;border:0;border-radius:14px;padding:14px 0;font-size:17px;font-weight:800;background:var(--green);color:#fff;cursor:pointer}
.qty-val{cursor:pointer;border-bottom:2px dotted var(--muted)}
#itemQty{cursor:pointer;border-bottom:2px dotted var(--muted)}

.suggest-intro{color:var(--muted);font-size:14px;margin:6px 0 16px;line-height:1.7}
.suggest-done{color:var(--green);font-weight:800;margin-top:10px}
#suggestForm textarea{width:100%;min-height:96px}

.eyebrow.closed{color:#a13a2f;background:#fdecea}
.eyebrow.closed .pulse{background:#a13a2f;box-shadow:0 0 0 6px rgba(161,58,47,.13)}
.checkout:disabled,.primary:disabled{opacity:.55;cursor:not-allowed;background:var(--muted)}

/* Item temporarily out of stock (staff toggle in the cashier app) — stays
   visible in the store so it doesn't look removed, just marked unavailable. */
.menu-card--unavailable{opacity:.55;filter:grayscale(.4)}
.menu-card--unavailable:hover{transform:none;box-shadow:none;border-color:#e7ecea}
.unavailable-badge{display:inline-block;background:#fdecea;color:#a13a2f;font-size:12px;font-weight:800;padding:7px 12px;border-radius:10px;white-space:nowrap}

/* driver-map */
.track-map-box{margin-bottom:18px;border-radius:16px;overflow:hidden;border:1px solid #e7ecea;background:#fff}
#trackMap{height:240px}
#trackMapInfo{display:block;text-align:center;padding:8px;color:var(--muted,#6b7b75);font-size:12px}
.drv-pin{font-size:28px;line-height:34px;text-align:center;filter:drop-shadow(0 2px 3px #0006)}

/* my-orders */
#myOrdersList{display:grid;gap:12px;margin-top:10px;max-height:62vh;overflow:auto}
.mo-card{border:1px solid #e7ecea;border-radius:16px;padding:14px;background:#fff}
.mo-card.active{border-color:#f0b27a;box-shadow:0 4px 14px rgba(240,178,122,.25)}
.mo-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mo-badge{font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#fff3e0;color:#b45309;white-space:nowrap}
.mo-badge.done{background:#e8f5e9;color:#2e7d32}.mo-badge.cancelled{background:#fdecea;color:#c62828}
.mo-meta{color:#6b7a75;font-size:.85rem;margin:4px 0}
.mo-sum{font-size:.92rem;margin:6px 0;color:#33413d}
.mo-total{display:flex;justify-content:space-between;font-weight:700;margin-top:6px}
.mo-details{margin-top:10px;border-top:1px dashed #d5dcd9;padding-top:8px}
.mo-line{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:.9rem}
.mo-sub{font-weight:700;border-top:1px solid #eee;margin-top:4px;padding-top:6px}
.mo-note{margin-top:6px;font-size:.85rem;color:#51605b}
.mo-actions{display:flex;gap:8px;margin-top:10px}.mo-actions button{flex:1}
.mo-empty{text-align:center;color:#6b7a75;padding:24px 8px;line-height:1.8}

/* suggestion-replies */
#suggestReplies{margin-top:18px;border-top:1px dashed #d5dcd9;padding-top:12px}
.sr-title{font-size:1rem;margin:0 0 10px}
.sr-card{border:1px solid #e7ecea;border-radius:14px;padding:12px;margin-bottom:10px;background:#fff}
.sr-card.sr-new{border-color:#f0b27a;box-shadow:0 4px 14px rgba(240,178,122,.25)}
.sr-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sr-text{font-size:.92rem;color:#33413d;line-height:1.6}
.sr-badge{font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#eef2f1;color:#51605b;white-space:nowrap}
.sr-badge.sr-planned,.sr-badge.sr-reviewing{background:#fff3e0;color:#b45309}.sr-badge.sr-done{background:#e8f5e9;color:#2e7d32}.sr-badge.sr-declined{background:#fdecea;color:#c62828}
.sr-reply{margin-top:10px;background:#f1f8f5;border-radius:12px;padding:10px 12px}
.sr-reply p{margin:6px 0 0;line-height:1.8;white-space:pre-wrap}
.sr-wait{margin-top:8px;color:#6b7a75;font-size:.85rem}

/* option-groups */
.og-group{margin-bottom:14px}.og-group h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.og-rule{font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:999px;background:#eef2f1;color:#51605b}.og-rule.req{background:#fdecea;color:#c62828}

/* order-notice */
.active-order-banner{position:sticky;top:82px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(5vw,16px);background:#e8f5e9;color:#1b5e20;border-bottom:1px solid #c8e6c9;font-size:.92rem;line-height:1.6}
.active-order-banner.pending{background:#fff3e0;color:#8a4b00;border-bottom-color:#ffe0b2}
.active-order-banner .aob-hint{opacity:.85}
.aob-btn{flex:none;border:0;border-radius:999px;padding:8px 16px;font:inherit;font-weight:800;background:#0b3d32;color:#fff;cursor:pointer}
@media(max-width:580px){.active-order-banner{top:68px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 14px;font-size:.85rem}.aob-btn{width:100%}}
.checkout-warn{display:flex;flex-direction:column;gap:6px;margin:6px 0 14px;padding:12px 14px;border-radius:14px;background:#fff3e0;border:1px solid #ffcc80;color:#6d3b00;line-height:1.7}
.checkout-warn .secondary{align-self:flex-start;margin:4px 0 0}
.success-notice{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:10px 14px;border-radius:14px;background:#fff3e0;border:1px solid #ffcc80;color:#6d3b00;line-height:1.7;text-align:center}

/* store-extras */
.cart-progress{margin:0 0 10px;padding:10px 12px;border-radius:14px;background:#f1f8f5;color:#0b3d32;font-size:.88rem;line-height:1.6}
.cp-bar{height:8px;border-radius:999px;background:#d7e6df;margin-top:6px;overflow:hidden}.cp-bar i{display:block;height:100%;background:#19b98b;border-radius:999px;transition:width .3s}
.cp-ok{font-weight:800}.cp-warn{margin-top:6px;color:#c62828;font-weight:700}
.upsell{margin:0 0 10px}.upsell h4{margin:0 0 6px;font-size:.95rem}
.upsell-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.upsell-card{flex:none;position:relative;min-width:120px;text-align:right;border:1px solid #e7ecea;border-radius:14px;background:#fff;padding:10px 12px;cursor:pointer;font:inherit}
.upsell-card b{display:block;font-size:.85rem}.upsell-card small{color:#6b7772}.upsell-card span{position:absolute;left:8px;bottom:8px;width:24px;height:24px;border-radius:50%;background:#0b3d32;color:#fff;display:grid;place-items:center;font-weight:800}
.coupon-box{margin:8px 0}.coupon-row{display:flex;gap:8px;margin-top:6px}.coupon-row input{flex:1;text-transform:uppercase}.coupon-row .secondary{margin:0;flex:none}
.coupon-msg{margin:4px 0 0;font-size:.85rem;min-height:1em}.coupon-msg.ok{color:#1b7a4b;font-weight:700}.coupon-msg.bad{color:#c62828}
.free-progress{margin:6px 0;padding:8px 12px;border-radius:12px;background:#f1f8f5;color:#0b3d32;font-size:.88rem}.free-progress.bad{background:#fdecea;color:#c62828;font-weight:700}
.saved-addresses{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.addr-chip{border:1px solid #cfe0d8;background:#f1f8f5;color:#0b3d32;border-radius:999px;padding:6px 12px;font:inherit;font-size:.82rem;cursor:pointer}
.store-toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);z-index:60;max-width:92vw;padding:10px 16px;border-radius:14px;background:#0b3d32;color:#fff;font-size:.9rem;line-height:1.6;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.store-toast.hidden{display:none}

/* store-sched */
.sched-box{margin:10px 0}.sched-mode{display:flex;gap:8px}.sched-mode label{flex:1;display:block;cursor:pointer}
.sched-mode input{position:absolute;opacity:0;pointer-events:none}
.sched-mode span{display:block;text-align:center;padding:10px 8px;border:1px solid #dce3e0;border-radius:12px;background:#fafbfb;font-weight:800;font-size:.9rem}
.sched-mode input:checked+span{background:#0b3d32;color:#fff;border-color:#0b3d32}.sched-mode input:disabled+span{opacity:.45;cursor:not-allowed}
.sched-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.sched-pick select{width:100%;border:1px solid #dce3e0;border-radius:12px;padding:12px;background:#fff;font:inherit;font-weight:700}
.sched-note{margin:6px 0 0;font-size:.85rem;color:#8a4b00;background:#fff3e0;border-radius:10px;padding:6px 10px}
.rating-badge{color:#b45309;font-weight:800}
.track-rate{margin-top:14px;padding:14px;border-radius:16px;background:#fff8e1;border:1px solid #ffe082;text-align:center}
.track-rate h4{margin:0 0 8px}.rate-stars{display:flex;justify-content:center;gap:6px;margin-bottom:8px}
.rate-stars button{border:0;background:none;font-size:2.1rem;line-height:1;color:#d0a000;cursor:pointer;padding:2px}.rate-stars button.on{transform:scale(1.08)}
.track-rate textarea{width:100%;min-height:70px;border:1px solid #ffe082;border-radius:12px;padding:10px;font:inherit;margin-bottom:8px}
.rate-done{font-size:1.8rem;color:#d0a000;letter-spacing:2px}.track-rate p{margin:6px 0 0;color:#51605b}
.mo-rating{color:#d0a000;font-size:1.1rem;margin-top:4px}.mo-rating small{color:#6b7772;font-size:.75rem}
.rate-nudge{position:sticky;top:82px;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px max(5vw,16px);background:#fff8e1;color:#7a5600;border-bottom:1px solid #ffe082;font-size:.92rem}
.rn-actions{display:flex;align-items:center;gap:8px}.rn-x{border:0;background:none;font-size:1.4rem;line-height:1;color:#7a5600;cursor:pointer}
@media(max-width:580px){.rate-nudge{top:68px;font-size:.85rem;padding:8px 14px}}

/* store-geo */
.pin-box{margin:0 0 10px;display:grid;gap:6px}.pin-box small{color:#6b7772}
.pin-btn{width:100%;border:1px dashed #0b3d32;background:#f1f8f5;color:#0b3d32;border-radius:12px;padding:12px;font:inherit;font-weight:800;cursor:pointer}
.pin-status{font-size:.9rem;background:#e8f5e9;color:#1b5e20;border-radius:10px;padding:8px 10px}
.map-card{max-width:560px}.map-hint{margin:0 0 8px;color:#51605b;font-size:.92rem}
.map-wrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid #dce3e0}
#mapCanvas{height:min(52vh,420px);width:100%;background:#e8eeea}
.map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);font-size:2.2rem;line-height:1;pointer-events:none;z-index:1000;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.map-quote{min-height:2.6em;margin:10px 0;padding:8px 10px;border-radius:10px;background:#f4f6f5;font-size:.92rem}
.map-quote.good{background:#e8f5e9;color:#1b5e20}.map-quote.bad{background:#fff3e0;color:#8a4b00}
.map-actions{display:flex;gap:8px}.map-actions button{flex:1}
.map-actions .primary:disabled{opacity:.5;cursor:not-allowed}
.map-actions .ghost{border:1px solid #0b3d32;background:#fff;color:#0b3d32;border-radius:12px;padding:12px;font:inherit;font-weight:800;cursor:pointer}

/* store-offers + i18n */
.promo-bar{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:8px max(5vw,16px);background:#0b3d32;color:#fff;font-weight:800;font-size:.92rem}
.usual-strip{background:#e8f5e9;color:#1b5e20;border-bottom-color:#c8e6c9}.usual-strip .rn-x{color:#1b5e20}
.lang-btn{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:4px 12px;font:inherit;font-weight:800;cursor:pointer;margin-inline-start:8px}
body.lang-en{direction:ltr;text-align:left}
body.lang-en .rate-nudge,body.lang-en .promo-bar{direction:ltr}

/* store-video */
.offer-video{margin-top:8px;border:1px solid currentColor;background:rgba(255,255,255,.14);color:inherit;border-radius:999px;padding:8px 16px;font:inherit;font-weight:800;cursor:pointer}
.offer-video:hover{background:rgba(255,255,255,.28)}
.video-card{max-width:820px;width:min(94vw,820px)}
.video-card h3{margin:0 0 10px;padding-inline-end:36px}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}
.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.video-link{position:absolute;inset:0;display:grid;place-items:center;margin:0}.video-link a{color:#fff;font-weight:800;font-size:1.1rem}
.offer-promo .offer-image{aspect-ratio:16/9;height:auto;object-fit:cover}
.offer-promo .offer-video{background:#e53935;border-color:#e53935;color:#fff;font-size:1.02rem;padding:10px 20px}
.offer-promo .offer-video:hover{background:#c62828}

/* store-topvideo */
.promo-video-top{width:100%;background:#000}
.promo-video-top .pv-frame{position:relative;width:100%;height:min(56.25vw,62vh);min-height:180px;background:#000;overflow:hidden}
.promo-video-top iframe,.promo-video-top video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.pv-title{position:absolute;inset-inline:0;bottom:0;padding:26px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-weight:800;font-size:1.05rem;pointer-events:none}
.pv-hide{position:absolute;top:8px;inset-inline-end:8px;z-index:3;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:1.05rem;line-height:1;cursor:pointer}
.pv-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:8px 12px;background:#111}
.pv-chips button{border:1px solid #555;background:transparent;color:#ddd;border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer}
.pv-chips button.on{background:#fff;color:#111;border-color:#fff}