/* assets/css/app.css */
/* Imaginary Takeout responsive interface */
:root{--bg:#0a0e16;--panel:#0f1722;--panel-2:#131d2a;--line:#233142;--text:#f4f8fb;--muted:#8ca0b3;--cyan:#22d3ee;--teal:#2dd4bf;--mint:#5eead4;--lime:#a3e635;--amber:#f59e0b;--danger:#fb7185;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;background-image:radial-gradient(circle at 75% 0,rgba(34,211,238,.07),transparent 30rem),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(10,14,22,.86);backdrop-filter:blur(18px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.4);border-radius:9px;background:rgba(34,211,238,.1);color:var(--cyan);font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:26px}.nav-links>a:not(.cart-link){color:var(--muted);font-weight:650}.nav-links>a:hover{color:var(--text)}.cart-link{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 11px}.cart-link svg{width:18px}.cart-link b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--cyan);color:#071016;font:800 11px/1 ui-monospace,monospace}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero{min-height:660px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;padding-block:78px}.eyebrow,.tag{color:var(--cyan);font:700 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.pulse{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(163,230,53,.5);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(163,230,53,0)}}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-.065em;margin:20px 0 24px}.hero h1 span,.tracking-head h1 span{color:var(--cyan)}.lede{max-width:640px;color:#b6c5d2;font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{min-height:48px;padding:0 21px;border-radius:11px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:.18s ease}.button-primary{background:linear-gradient(135deg,var(--cyan),var(--teal));color:#061014;box-shadow:0 10px 28px rgba(34,211,238,.16)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(34,211,238,.22)}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.02)}.button-ghost:hover{border-color:#456079}.microcopy{margin:18px 0 0;color:#667b8e;font:12px/1.5 ui-monospace,monospace}.hero-console{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(19,29,42,.97),rgba(10,15,23,.98));box-shadow:var(--shadow);transform:perspective(900px) rotateY(-3deg);position:relative}.hero-console:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(34,211,238,.2),transparent 28%);pointer-events:none}.console-top{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.console-top span{width:7px;height:7px;border-radius:50%;background:#405365}.console-top span:first-child{background:var(--amber)}.console-top code{margin-left:auto;color:#708599;font-size:10px}.console-body{padding:34px}.console-label{color:var(--muted);font:11px/1 ui-monospace,monospace;letter-spacing:.14em}.big-stat{font-size:68px;line-height:1;font-weight:850;letter-spacing:-.06em;margin:15px 0}.big-stat span{font-size:24px;color:var(--lime)}.mini-progress{height:9px;border-radius:99px;background:#1c2a39;overflow:hidden}.mini-progress i{display:block;width:89%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--lime));animation:stall 4s ease-in-out infinite}@keyframes stall{0%,100%{width:87%}50%{width:90%}}.status-row{display:flex;align-items:center;gap:13px;margin:25px 0;padding:17px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.16)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}.status-row strong,.status-row small{display:block}.status-row small{color:var(--amber);font:11px/1.5 ui-monospace,monospace;margin-top:3px}.signal{display:grid;grid-template-columns:82px 1fr 45px;align-items:center;gap:10px;margin-top:13px;color:var(--muted);font:10px/1 ui-monospace,monospace}.signal i{height:3px;background:var(--cyan)}.signal i.empty{background:var(--line)}.signal b{text-align:right;color:var(--text)}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:92px}.promise-grid article{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,23,34,.74)}.icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:21px;border-radius:10px;color:var(--cyan);background:rgba(34,211,238,.09)}.icon svg{width:21px}.promise-grid h2{font-size:17px;margin-bottom:8px}.promise-grid p{color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);background:#080c12}.footer-inner{padding-block:40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.footer-inner p,.footer-inner small{margin:0;color:#71869a}.footer-inner p{text-align:center}.footer-inner small{font:10px/1.5 ui-monospace,monospace}.page-pad{padding-block:64px 96px}.page-intro{max-width:760px;margin-bottom:38px}.page-intro h1,.tracking-head h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.05em;margin:13px 0}.page-intro>p:last-child,.tracking-head>p:last-child{color:var(--muted);font-size:17px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:32px;scrollbar-width:none}.chip{flex:none;border:1px solid var(--line);background:var(--panel);padding:9px 15px;border-radius:99px;color:var(--muted);cursor:pointer;font:700 11px/1 ui-monospace,monospace}.chip.active{background:var(--cyan);border-color:var(--cyan);color:#071016}.restaurant{margin-bottom:70px}.restaurant-hero{height:300px;border-radius:22px;overflow:hidden;position:relative;border:1px solid var(--line)}.restaurant-hero img{width:100%;height:100%;object-fit:cover}.restaurant-shade{position:absolute;inset:0;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(90deg,rgba(5,9,14,.94),rgba(5,9,14,.25) 70%),linear-gradient(0deg,rgba(5,9,14,.8),transparent)}.restaurant-shade p{font:700 11px/1 ui-monospace,monospace;color:var(--cyan);letter-spacing:.14em;margin-bottom:9px}.restaurant-shade h2{font-size:36px;line-height:1;margin-bottom:14px;letter-spacing:-.04em}.restaurant-shade span{display:flex;align-items:center;gap:7px;color:#c0cfda;font-size:13px}.restaurant-shade svg{width:16px;color:var(--lime)}.menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px}.food-card{min-width:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel);transition:.2s}.food-card:hover{transform:translateY(-3px);border-color:#36516a}.food-card>img{width:100%;aspect-ratio:1/1;object-fit:cover}.food-body{padding:17px}.food-body .tag{font-size:9px;margin-bottom:8px}.food-body h3{font-size:16px;line-height:1.25;margin-bottom:7px}.food-body>p:not(.tag){height:60px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.55}.food-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.food-bottom strong{font-size:16px}.add-button{height:35px;border-radius:9px;border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.08);color:var(--cyan);display:flex;align-items:center;gap:6px;padding:0 10px;cursor:pointer;font-size:12px;font-weight:800}.add-button svg{width:15px}.add-button.added{color:#071016;background:var(--lime);border-color:var(--lime)}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.cart-items{display:grid;gap:12px}.cart-row{display:grid;grid-template-columns:96px 1fr auto auto;align-items:center;gap:18px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.cart-row>img{width:96px;height:96px;border-radius:10px;object-fit:cover}.cart-info small{color:var(--cyan);font:10px/1 ui-monospace,monospace}.cart-info h2{font-size:17px;margin:5px 0}.qty-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.qty-control button,.remove-line{width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.qty-control svg,.remove-line svg{width:16px}.qty-control span{min-width:26px;text-align:center;font-weight:800}.remove-line{color:#6f8293}.remove-line:hover{color:var(--danger)}.summary-card,.form-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:25px;box-shadow:var(--shadow)}.summary-card{position:sticky;top:92px}.summary-card>div{display:flex;justify-content:space-between;gap:16px;margin:13px 0;color:var(--muted);font-size:13px}.summary-card>div strong{color:var(--text);text-align:right}.summary-card .lime{color:var(--lime)}.summary-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.summary-card .summary-total{font-size:16px;color:var(--text)}.summary-card .summary-total strong{font-size:23px}.amber-note{padding:10px;border:1px solid rgba(245,158,11,.25);border-radius:8px;background:rgba(245,158,11,.07);color:var(--amber);font:700 11px/1.4 ui-monospace,monospace;text-align:center}.full{width:100%}.empty-state{text-align:center;padding:70px 24px;border:1px dashed var(--line);border-radius:var(--radius)}.empty-state svg{width:34px;color:var(--cyan)}.empty-state h2{margin:17px 0 7px}.empty-state p{color:var(--muted);margin-bottom:24px}.no-charge-banner{max-width:100%;display:flex;gap:17px;align-items:center;margin-bottom:24px;padding:18px 22px;border:1px solid rgba(163,230,53,.3);border-radius:14px;background:rgba(163,230,53,.07)}.no-charge-banner>svg{flex:none;width:27px;color:var(--lime)}.no-charge-banner strong{color:var(--lime);font:800 12px/1 ui-monospace,monospace;letter-spacing:.1em}.no-charge-banner p{margin:5px 0 0;color:#aabdca}.form-card h2{font-size:18px;margin:4px 0 21px}.form-card h2:not(:first-child){margin-top:32px;padding-top:27px;border-top:1px solid var(--line)}label{display:block;color:#8297aa;font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em;margin-top:15px}input{width:100%;height:48px;border:1px solid var(--line);border-radius:9px;margin-top:8px;padding:0 14px;background:#0a111a;color:#c9d6df;outline:none}input[readonly]{cursor:not-allowed}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-hint{display:flex;align-items:center;gap:7px;color:#64798b;font-size:12px}.form-hint svg{width:15px}.actual-total{padding:14px;border-radius:10px;background:rgba(163,230,53,.08);color:var(--lime)!important}.actual-total strong{color:var(--lime)!important;font-size:20px}.error{color:var(--danger);font-size:12px}.tracking-page{max-width:1000px}.tracking-head{text-align:center;max-width:750px;margin:0 auto 38px}.tracking-head code{color:var(--cyan)}.tracker-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.map-grid{height:380px;position:relative;overflow:hidden;background-color:#0c141e;background-image:linear-gradient(28deg,transparent 48%,rgba(34,211,238,.09) 49%,rgba(34,211,238,.09) 51%,transparent 52%),linear-gradient(125deg,transparent 48%,rgba(255,255,255,.04) 49%,rgba(255,255,255,.04) 51%,transparent 52%);background-size:170px 130px,210px 160px}.map-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent,rgba(10,14,22,.42));pointer-events:none}.route-line{position:absolute;left:8%;right:8%;top:57%;height:4px;border-top:4px dashed rgba(34,211,238,.35);transform:rotate(-7deg)}.route-line i{display:block;width:89%;border-top:4px solid var(--cyan);transform:translateY(-4px);filter:drop-shadow(0 0 7px var(--cyan))}.driver-marker{position:absolute;z-index:4;top:43%;left:7%;width:68px;transition:left .8s ease}.driver-marker img{width:68px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55));animation:bob .8s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-3px) rotate(-1deg)}}.driver-marker span{position:absolute;top:-26px;left:14px;background:var(--lime);color:#0a1015;border-radius:6px;padding:3px 8px;font:800 10px/1.4 ui-monospace,monospace}.map-pin{position:absolute;z-index:3;color:var(--cyan);display:flex;flex-direction:column;align-items:center;gap:4px;font:700 10px/1 ui-monospace,monospace}.map-pin svg{width:29px;fill:#0b1720}.restaurant-pin{left:6%;top:54%}.home-pin{right:5%;top:40%;color:var(--lime)}.progress-panel{padding:28px}.progress-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.progress-meta small{display:block;color:var(--muted);font:10px/1 ui-monospace,monospace;letter-spacing:.12em;margin-bottom:7px}.progress-meta strong{font-size:18px}.progress-meta>b{color:var(--lime);font:800 25px/1 ui-monospace,monospace}.tracking-progress{height:10px;margin:20px 0;border-radius:99px;background:#1a2836;overflow:hidden}.tracking-progress i{display:block;height:100%;width:8%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--lime));box-shadow:0 0 16px rgba(163,230,53,.3);transition:width .8s ease}.tracking-steps{display:flex;justify-content:space-between;color:#586d80;font-size:12px}.tracking-steps span{display:flex;align-items:center;gap:6px}.tracking-steps svg{width:15px}.tracking-steps .done{color:var(--lime)}.tracking-steps .active{color:var(--cyan)}.forever-note{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:22px;padding:22px;border:1px solid rgba(245,158,11,.25);border-radius:14px;background:rgba(245,158,11,.06)}.forever-note>span{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:rgba(245,158,11,.12);color:var(--amber)}.forever-note svg{width:24px}.forever-note h2{font-size:16px;margin-bottom:4px}.forever-note p{margin:0;color:#9cafbd;font-size:13px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.about-grid article{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.about-grid article>span{color:var(--cyan);font:800 12px/1 ui-monospace,monospace}.about-grid h2{font-size:19px;line-height:1.3;margin:26px 0 12px}.about-grid p{color:var(--muted);margin:0}.manifesto{text-align:center;margin-top:80px;padding:70px 24px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(34,211,238,.1),transparent 55%),var(--panel)}.manifesto h2{font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-.05em;margin:22px 0 32px}.toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translate(-50%,20px);padding:12px 18px;border:1px solid rgba(34,211,238,.35);border-radius:10px;background:#10202b;color:#d8f9fd;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;font-weight:700}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:42px;padding-top:58px}.hero-console{max-width:620px;transform:none}.menu-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-inner .brand{justify-content:center}.cart-layout,.checkout-layout{grid-template-columns:1fr 320px}.about-grid{grid-template-columns:1fr}}
@media(max-width:720px){.shell{width:min(100% - 24px,1180px)}.nav{height:62px}.nav-links{gap:10px}.nav-links>a:not(.cart-link){display:none}.cart-link span{display:none}.hero{min-height:auto;padding-block:56px}.hero h1{font-size:47px}.lede{font-size:17px}.hero-actions{flex-direction:column}.console-body{padding:24px}.big-stat{font-size:56px}.promise-grid{grid-template-columns:1fr;padding-bottom:64px}.page-pad{padding-block:45px 70px}.page-intro{margin-bottom:28px}.restaurant{margin-bottom:52px}.restaurant-hero{height:245px}.restaurant-shade{padding:24px}.restaurant-shade h2{font-size:30px}.menu-grid{grid-template-columns:1fr 1fr}.food-body{padding:13px}.food-body>p:not(.tag){height:57px}.add-button span{display:none}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary-card{position:static}.cart-row{grid-template-columns:72px 1fr auto;gap:12px}.cart-row>img{width:72px;height:72px}.qty-control{grid-column:2/3;width:max-content}.remove-line{grid-column:3;grid-row:1}.map-grid{height:280px}.progress-panel{padding:21px}.tracking-steps{font-size:10px}.tracking-steps span{flex-direction:column}.forever-note{grid-template-columns:auto 1fr}.forever-note .button{grid-column:1/-1}.about-page .page-intro br{display:none}.manifesto{padding:48px 17px;margin-top:45px}}
@media(max-width:420px){.menu-grid{grid-template-columns:1fr}.food-card{display:grid;grid-template-columns:126px 1fr}.food-card>img{height:100%;aspect-ratio:auto}.food-body>p:not(.tag){height:auto}.food-bottom{margin-top:10px}.field-grid{grid-template-columns:1fr}.tracking-head h1{font-size:37px}.map-grid{height:240px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Warm food-brand theme: cream, toasted orange, tomato red, and burger brown */
:root{--bg:#fff8ef;--panel:#fffdf9;--panel-2:#fff1df;--line:#ead8c5;--text:#3b1d13;--muted:#7d675e;--cyan:#f97316;--teal:#dc4f20;--mint:#fb923c;--lime:#4f772d;--amber:#b45309;--danger:#c62828;--shadow:0 18px 50px rgba(80,35,20,.12)}
body{background-color:var(--bg);background-image:radial-gradient(circle at 78% 0,rgba(249,115,22,.13),transparent 31rem),linear-gradient(rgba(80,35,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(80,35,20,.025) 1px,transparent 1px)}
.site-header{border-bottom-color:rgba(80,35,20,.1);background:rgba(255,253,249,.9)}
.brand-mark{border-color:rgba(249,115,22,.4);background:#fff0df;color:#e85d16}
.cart-link{background:#fff}.cart-link b{background:var(--cyan);color:#fff}
.hero h1 span,.tracking-head h1 span{color:#dc4f20}.lede{color:#6f594f}.microcopy{color:#9b8175}
.button-primary{background:linear-gradient(135deg,#f97316,#dc4f20);color:#fff;box-shadow:0 10px 26px rgba(220,79,32,.22)}
.button-primary:hover{box-shadow:0 14px 32px rgba(220,79,32,.3)}.button-ghost{background:#fff;border-color:#dec8b4}.button-ghost:hover{border-color:#c58f6f}
.hero-console{color:#fff8ef;border-color:#5e3324;background:linear-gradient(145deg,#4a2418,#2f180f);box-shadow:0 24px 60px rgba(74,36,24,.25)}
.hero-console:before{background:linear-gradient(120deg,rgba(249,115,22,.28),transparent 30%)}.hero-console .console-top{border-bottom-color:rgba(255,248,239,.14)}
.hero-console .console-label,.hero-console .signal{color:#d7b9a8}.hero-console .signal b{color:#fff8ef}.hero-console .status-row{border-color:rgba(255,248,239,.15);background:rgba(255,255,255,.06)}
.hero-console .mini-progress{background:#6b3a28}.hero-console .mini-progress i{background:linear-gradient(90deg,#f97316,#ffb23f)}.hero-console .signal i{background:#f97316}.hero-console .signal i.empty{background:#6b3a28}.hero-console .console-top code{color:#c89f88}
.promise-grid article,.food-card,.cart-row,.summary-card,.form-card,.about-grid article,.tracker-card{background:#fff;border-color:var(--line)}
.icon{color:#e85d16;background:#fff0df}.site-footer{background:#3b1d13;border-top-color:#3b1d13;color:#fff8ef}.site-footer .brand>span:last-child>span{color:#fb923c}.footer-inner p,.footer-inner small{color:#d9bdae}
.chip{background:#fff}.chip.active{background:#f97316;border-color:#f97316;color:#fff}
.restaurant-hero{border-color:#d9b89d;box-shadow:0 14px 34px rgba(80,35,20,.13)}.restaurant-shade{background:linear-gradient(90deg,rgba(59,29,19,.96),rgba(59,29,19,.2) 72%),linear-gradient(0deg,rgba(59,29,19,.78),transparent)}.restaurant-shade p{color:#ff9a54}.restaurant-shade span{color:#f8dfd0}.restaurant-shade svg{color:#ffb23f}
.food-card:hover{border-color:#f2a36f;box-shadow:0 12px 28px rgba(80,35,20,.11)}.add-button{border-color:rgba(249,115,22,.35);background:#fff1df;color:#df5517}.add-button.added{color:#fff;background:#4f772d;border-color:#4f772d}
.qty-control{background:#fff8ef}.remove-line{color:#9a7d70}.summary-card .lime{color:#4f772d}.amber-note{border-color:rgba(180,83,9,.25);background:#fff7e3;color:#9a4508}
.no-charge-banner{border-color:rgba(79,119,45,.3);background:#f3f8e9}.no-charge-banner>svg,.no-charge-banner strong{color:#4f772d}.no-charge-banner p{color:#637052}
label{color:#7d675e}input{border-color:#dec8b4;background:#fffaf4;color:#3b1d13}.form-hint{color:#8f7569}.actual-total{background:#eef5e4;color:#4f772d!important}
.map-grid{background-color:#fff0dd;background-image:linear-gradient(28deg,transparent 48%,rgba(220,79,32,.12) 49%,rgba(220,79,32,.12) 51%,transparent 52%),linear-gradient(125deg,transparent 48%,rgba(80,35,20,.06) 49%,rgba(80,35,20,.06) 51%,transparent 52%)}
.map-grid:after{background:radial-gradient(circle at 50% 50%,transparent,rgba(255,248,239,.35))}.route-line{border-top-color:rgba(220,79,32,.3)}.route-line i{border-top-color:#dc4f20;filter:drop-shadow(0 0 6px rgba(220,79,32,.35))}.driver-marker span{background:#f97316;color:#fff}.map-pin svg{fill:#fff8ef}.tracking-progress{background:#f1dfcf}.tracking-progress i{background:linear-gradient(90deg,#f97316,#dc4f20);box-shadow:0 0 14px rgba(220,79,32,.22)}.tracking-steps{color:#9a8175}.tracking-steps .active{color:#dc4f20}
.forever-note{border-color:rgba(180,83,9,.25);background:#fff6e5}.forever-note>span{background:#ffe8c2}.forever-note p{color:#7d675e}.manifesto{background:radial-gradient(circle at 50% 0,rgba(249,115,22,.14),transparent 56%),#fff;border-color:#ead8c5}
.toast{border-color:rgba(249,115,22,.35);background:#3b1d13;color:#fff8ef}

/* Image-led restaurant homepage layout */
.skip-link{position:fixed;z-index:200;left:12px;top:-60px;background:#3b1d13;color:#fff;padding:10px 16px;border-radius:0 0 8px 8px}.skip-link:focus{top:0}
.announcement{min-height:38px;display:grid;place-items:center;padding:7px 16px;background:#fff3e5;border-bottom:1px solid #f0dfce;text-align:center}.announcement p{margin:0;color:#5f463b;font-size:12px}.announcement a{color:#dc4f20;font-weight:850;margin-left:5px}
.nav{height:82px}.brand{font-size:19px}.brand-mark{width:42px;height:42px;border-radius:50%;font-size:13px;background:#f97316;color:#fff;border-color:#f97316;box-shadow:inset 0 0 0 4px #fff0df}.nav-links{gap:30px}.nav-links>a:not(.cart-link){color:#3b1d13;font-size:14px}.nav-links>a:hover{color:#dc4f20}.nav-links .nav-order{padding:11px 18px;border-radius:99px;background:#f97316;color:#fff!important;font-weight:850}.cart-link{border:0;background:transparent;padding-inline:4px}.cart-link svg{width:23px;height:23px}
.order-ribbon{min-height:68px;display:flex;align-items:center;justify-content:center;gap:28px;padding:12px 20px;background:#dc4f20;color:#fff}.order-ribbon span{display:flex;align-items:center;gap:9px;font-weight:750}.order-ribbon span svg{width:20px}.order-ribbon strong{padding:10px 26px;border-radius:99px;background:#ffbe3d;color:#3b1d13;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.restaurant-hero-home{min-height:620px;grid-template-columns:.9fr 1.1fr;gap:35px;padding-block:58px;overflow:hidden}.restaurant-hero-home .hero-copy{position:relative;z-index:3}.restaurant-hero-home h1{font-size:clamp(52px,6.3vw,86px)}.restaurant-hero-home .lede{max-width:560px}.hero-food{position:relative;min-height:520px}.hero-food:before{content:"";position:absolute;width:520px;height:520px;right:-40px;top:0;border-radius:50%;background:#ffbe3d}.hero-food:after{content:"";position:absolute;width:180px;height:180px;right:5%;bottom:1%;border:18px solid #dc4f20;border-radius:50%;opacity:.9}.hero-main-food{position:absolute;z-index:2;width:min(470px,76%);aspect-ratio:1;object-fit:cover;border-radius:50%;right:5%;top:10px;border:14px solid #fff;box-shadow:0 26px 55px rgba(80,35,20,.25);transform:rotate(3deg)}.hero-side-food{position:absolute;z-index:4;width:190px;aspect-ratio:1;object-fit:cover;border-radius:50%;left:0;bottom:4%;border:10px solid #fff;box-shadow:0 18px 40px rgba(80,35,20,.22);transform:rotate(-7deg)}.food-burst{position:absolute;z-index:6;right:0;bottom:12%;width:105px;height:105px;display:grid;place-content:center;text-align:center;border-radius:50%;background:#dc4f20;color:#fff;font:900 25px/1 ui-sans-serif,system-ui;transform:rotate(7deg);box-shadow:0 12px 25px rgba(80,35,20,.2)}.food-burst small{display:block;font-size:10px;letter-spacing:.09em;margin-top:5px}
.campaign{overflow:hidden}.split-promo{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:64px}.campaign-red{background:#dc4f20;color:#fff}.campaign-red .eyebrow{color:#ffcf66}.campaign-red .campaign-copy p:not(.eyebrow){color:#ffe9df}.campaign-cream{background:#fff0dd}.split-promo.reverse .campaign-image{order:2}.campaign-image{position:relative}.campaign-image:before{content:"";position:absolute;inset:5% -4% -4% 5%;border-radius:50% 44% 48% 42%;background:#ffbe3d;transform:rotate(-4deg)}.campaign-red .campaign-image:before{background:#ffbe3d}.campaign-image img{position:relative;z-index:2;width:min(480px,90%);aspect-ratio:1;object-fit:cover;border-radius:50%;margin:auto;border:12px solid rgba(255,255,255,.95);box-shadow:0 22px 45px rgba(80,35,20,.24)}.campaign-copy{max-width:510px}.campaign-copy h2{font-size:clamp(40px,5vw,65px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 24px}.campaign-copy>p:not(.eyebrow){font-size:17px;margin-bottom:30px}.button-cream{background:#fff;color:#b43c1d}.button-cream:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(80,35,20,.18)}
.category-section{padding-block:90px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-title .eyebrow{margin-bottom:10px}.section-title h2{font-size:clamp(38px,5vw,58px);letter-spacing:-.05em;line-height:1;margin:0}.section-title>a{color:#dc4f20;font-weight:850}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{position:relative;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 14px 35px rgba(80,35,20,.12)}.category-card img{width:100%;aspect-ratio:1/.9;object-fit:cover;transition:transform .28s}.category-card:hover img{transform:scale(1.035)}.category-card span{position:absolute;left:14px;right:14px;bottom:14px;padding:13px 16px;border-radius:12px;background:rgba(255,253,249,.94);color:#3b1d13;font-size:19px;font-weight:900;text-align:center;box-shadow:0 7px 20px rgba(80,35,20,.12)}.home-promises{padding-top:76px}
@media(max-width:900px){.restaurant-hero-home{grid-template-columns:1fr;padding-bottom:35px}.hero-food{min-height:470px}.split-promo{grid-template-columns:1fr;gap:34px}.split-promo.reverse .campaign-image{order:0}.campaign-copy{max-width:680px}.category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.announcement{min-height:34px}.announcement p{font-size:10px}.nav{height:66px}.brand{font-size:16px}.brand-mark{width:36px;height:36px}.order-ribbon{min-height:56px;gap:14px;font-size:11px}.order-ribbon strong{padding:9px 17px}.restaurant-hero-home{padding-top:42px}.restaurant-hero-home h1{font-size:48px}.hero-food{min-height:390px}.hero-food:before{width:360px;height:360px;right:-45px}.hero-main-food{width:330px;max-width:82%;right:1%}.hero-side-food{width:145px}.food-burst{width:82px;height:82px;font-size:19px}.split-promo{min-height:0;padding-block:50px}.campaign-image img{width:min(370px,88%)}.campaign-copy h2{font-size:42px}.category-section{padding-block:62px}.section-title{align-items:start;flex-direction:column}.category-grid{gap:12px}.category-card span{left:9px;right:9px;bottom:9px;padding:9px;font-size:15px}.home-promises{padding-top:55px}}
@media(max-width:420px){.order-ribbon span{max-width:150px}.restaurant-hero-home h1{font-size:42px}.hero-food{min-height:340px}.hero-main-food{width:285px;border-width:9px}.hero-side-food{width:125px;border-width:7px}.category-grid{grid-template-columns:1fr 1fr}}

/* Real-time arrival and installable app */
.pwa-install{border:1px solid #f97316;border-radius:99px;background:#fff;color:#dc4f20;padding:9px 14px;font-weight:850;cursor:pointer}.pwa-install[hidden]{display:none}.progress-meta time{display:block;margin-top:5px;color:#8f7569;font:700 11px/1.4 ui-monospace,monospace}.arrival-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:22px;padding:24px;border:1px solid rgba(79,119,45,.35);border-radius:16px;background:#eff7e7;box-shadow:0 16px 35px rgba(79,119,45,.12)}.arrival-card[hidden]{display:none}.arrival-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#4f772d;color:#fff}.arrival-card>span svg{width:27px}.arrival-card h2{margin:4px 0;font-size:23px}.arrival-card p{margin:0;color:#617052}.arrival-card .tag{color:#4f772d}.arrival-note{margin-top:14px}.is-arrived .driver-marker{left:calc(94% - 34px)!important}.is-arrived .driver-marker span{background:#4f772d}.is-arrived .tracking-progress i,.is-arrived .route-line i{background:#4f772d;border-color:#4f772d}.is-arrived .tracker-card{border-color:rgba(79,119,45,.45)}
@media(max-width:720px){.pwa-install{position:fixed;right:14px;bottom:14px;z-index:80;box-shadow:0 10px 25px rgba(80,35,20,.22)}.arrival-card{grid-template-columns:auto 1fr}.arrival-card .button{grid-column:1/-1}.arrival-note{grid-template-columns:auto 1fr}.arrival-note .button{grid-column:1/-1}}

/* Arrival unboxing, digital meal, fictional drivers, and Craving Museum */
.driver-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:20px;padding:22px;border:1px solid #ead8c5;border-radius:16px;background:#fff}.driver-card h2{margin:3px 0 0;font-size:21px}.driver-card p{margin:4px 0;color:#7d675e}.driver-card #driver-message{color:#3b1d13;font-weight:700}.driver-avatar{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:#f97316;color:#fff;font:900 18px/1 ui-monospace,monospace;box-shadow:inset 0 0 0 5px rgba(255,255,255,.5)}.driver-green{background:#4f772d}.driver-red{background:#c94124}.driver-brown{background:#6a3928}
.unboxing{display:grid;grid-template-columns:minmax(250px,390px) 1fr;gap:38px;align-items:center;margin-top:24px;padding:34px;border:1px solid rgba(79,119,45,.32);border-radius:22px;background:linear-gradient(135deg,#fff4df,#fff);overflow:hidden}.unboxing[hidden],.meal-presentation[hidden]{display:none}.bag-stage{min-height:310px;display:grid;place-items:end center;background:radial-gradient(circle,#ffcf70 0 34%,transparent 35%)}.delivery-bag{position:relative;width:230px;height:245px;border:0;border-radius:15px 15px 24px 24px;background:#d86824;color:#fff;cursor:pointer;box-shadow:0 24px 38px rgba(91,42,21,.24);transition:transform .28s}.delivery-bag:hover,.delivery-bag:focus-visible{transform:translateY(-7px) rotate(-1deg)}.delivery-bag:focus-visible{outline:4px solid #4f772d;outline-offset:5px}.delivery-bag strong{position:absolute;left:0;right:0;bottom:27px;font-size:14px}.bag-handles{position:absolute;width:110px;height:80px;left:60px;top:-49px;border:16px solid #8f451c;border-bottom:0;border-radius:60px 60px 0 0}.bag-seal{position:absolute;left:50%;top:78px;translate:-50% 0;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#fff3dc;color:#dc4f20;font:900 20px/1 ui-monospace,monospace;box-shadow:inset 0 0 0 6px #ffbd4a}.unboxing.is-open .delivery-bag{transform:translateY(80px) scale(.82);opacity:0}.unboxing-copy h2{font-size:clamp(32px,5vw,50px);line-height:1.05;letter-spacing:-.045em;margin:12px 0}.unboxing-copy>p:last-child{font-size:17px;color:#7d675e}
.meal-presentation{margin-top:24px;padding:34px;border:1px solid #e5cbb4;border-radius:22px;background:#fff;box-shadow:0 22px 55px rgba(80,35,20,.12)}.meal-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.meal-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;margin:8px 0}.meal-heading p{color:#7d675e}.money-not-spent{min-width:220px;padding:18px;border-radius:15px;background:#eff7e7;color:#4f772d;text-align:right}.money-not-spent small,.money-not-spent strong{display:block}.money-not-spent small{font:800 10px/1.4 ui-monospace,monospace}.money-not-spent strong{font-size:31px}.meal-items{display:grid;gap:15px}.meal-item{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:14px;border:1px solid #ead8c5;border-radius:16px;background:#fffaf4}.meal-item img{width:150px;aspect-ratio:1;object-fit:cover;border-radius:12px}.meal-item h3{font-size:22px;margin:5px 0}.meal-item p{margin:4px 0;color:#7d675e}.meal-item .tag{color:#dc4f20;font-size:10px}.meal-item strong{display:block;margin-top:8px}.collection-note{margin:18px 0;padding:14px 17px;border-radius:11px;background:#eff7e7;color:#4f772d;font-weight:750}.arrival-choices{display:flex;flex-wrap:wrap;gap:10px}.ending-message{margin-top:16px;padding:16px;border-left:4px solid #f97316;background:#fff3e5;font-weight:700}.button-danger{border-color:#c62828;background:#fff;color:#a51e1e}
.museum-controls{display:flex;align-items:end;gap:14px;margin-bottom:28px;padding:18px;border:1px solid #ead8c5;border-radius:15px;background:#fff}.museum-controls label{min-width:180px;margin:0}.museum-controls select{width:100%;height:45px;margin-top:7px;border:1px solid #dec8b4;border-radius:9px;background:#fffaf4;color:#3b1d13;padding:0 12px}.museum-controls .button{margin-left:auto}.museum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.craving-card{overflow:hidden;border:1px solid #e1c5ae;border-radius:20px;background:#fff;box-shadow:0 15px 34px rgba(80,35,20,.1)}.card-view{display:block;width:100%;padding:0 0 19px;border:0;background:transparent;text-align:left;cursor:pointer}.card-view:focus-visible{outline:4px solid #f97316;outline-offset:-4px}.craving-card img{width:100%;aspect-ratio:1.15;object-fit:cover}.craving-card .tag,.craving-card h2,.craving-card p{margin-left:19px;margin-right:19px}.craving-card .tag{margin-top:18px;margin-bottom:7px}.craving-card h2{margin-bottom:4px;font-size:23px}.card-restaurant{color:#dc4f20;font-weight:800}.card-meta{color:#7d675e;font-size:12px}.card-remove{margin:0 19px 19px;border:0;background:transparent;color:#a51e1e;text-decoration:underline;cursor:pointer}.museum-empty{text-align:center;padding:70px 24px;border:2px dashed #e1c5ae;border-radius:20px;background:#fff}.museum-empty svg{width:48px;color:#f97316}.museum-empty h2{font-size:29px;margin:18px 0 8px}.museum-empty p{color:#7d675e}.card-dialog{width:min(620px,calc(100% - 28px));padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(59,29,19,.35)}.card-dialog::backdrop{background:rgba(59,29,19,.68)}.dialog-close{position:absolute;z-index:2;right:12px;top:12px;width:43px;height:43px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#3b1d13;cursor:pointer;box-shadow:0 5px 18px rgba(59,29,19,.2)}.dialog-close svg{width:22px}.craving-card-large{border:0;box-shadow:none}.craving-card-large img{aspect-ratio:1.5}.craving-card-large>p:last-child{margin-bottom:25px}
@media(max-width:900px){.museum-grid{grid-template-columns:1fr 1fr}.meal-heading{align-items:stretch;flex-direction:column}.money-not-spent{text-align:left}}
@media(max-width:720px){.unboxing{grid-template-columns:1fr;padding:24px}.bag-stage{min-height:280px}.unboxing-copy{text-align:center}.meal-presentation{padding:22px}.meal-item{grid-template-columns:100px 1fr}.meal-item img{width:100px}.meal-item h3{font-size:18px}.arrival-choices{display:grid}.museum-controls{align-items:stretch;flex-direction:column}.museum-controls label{width:100%}.museum-controls .button{margin-left:0}.museum-grid{grid-template-columns:1fr}.driver-card{align-items:start}.nav-links{gap:8px}}
@media(max-width:420px){.meal-item{grid-template-columns:1fr}.meal-item img{width:100%;aspect-ratio:1.6}.delivery-bag{width:200px}.bag-handles{left:45px}.money-not-spent{min-width:0}}

/* Mobile navigation, predictable image geometry, and touch-friendly controls */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-toggle{display:none}.hero-main-food{height:min(470px,76%)}.hero-side-food{height:190px}.campaign-image img{width:min(480px,82vw);height:min(480px,82vw)}
@media(max-width:720px){
  .site-header{position:relative}.announcement p{font-size:11px;line-height:1.45}.nav{position:relative}.nav-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e4cdb8;border-radius:50%;background:#fff;color:#3b1d13;cursor:pointer}.nav-toggle svg{width:22px}.nav-toggle:focus-visible{outline:3px solid #f97316;outline-offset:3px}.nav-links{display:none;position:absolute;z-index:50;top:calc(100% - 2px);left:0;right:0;align-items:stretch;gap:4px;padding:12px;border:1px solid #ead8c5;border-radius:0 0 16px 16px;background:#fffdf9;box-shadow:0 18px 35px rgba(80,35,20,.18)}.nav-links.is-open{display:flex;flex-direction:column}.nav-links>a:not(.cart-link){display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:10px;font-size:15px}.nav-links .nav-order{justify-content:center;margin-top:4px}.cart-link{justify-content:center;min-height:46px;padding:0 14px;border:1px solid #ead8c5;background:#fff}.cart-link span{display:inline}.pwa-install{position:static;min-height:46px;box-shadow:none}.restaurant-hero-home h1{font-size:clamp(40px,12vw,48px)}.hero-main-food{height:min(330px,82vw)}.hero-side-food{height:145px}.add-button,.qty-control button,.remove-line{min-width:44px;height:44px}.chip{min-height:44px;padding:0 17px}.card-remove{min-height:44px;padding:8px 0}.footer-inner small{font-size:11px;line-height:1.6}
}
@media(max-width:420px){.hero-main-food{height:min(285px,78vw)}.hero-side-food{height:125px}.food-card>img{height:100%;min-height:178px}}