:root{
  --bg:#141A17; --bg-soft:#1B2420; --bg-deep:#0E1210; --bg-card:#1F2820;
  --ink:#ECF4F0; --fg:#C8D4CC; --fg2:#8FA898; --fg3:#5A7065; --fg4:#3A4E46;
  --accent:#10B981; --accent-d:#059669; --accent-bg:rgba(16,185,129,.08);
  --accent-2:#14B8A6; --accent-3:#4A9EFF; --accent-4:#6B5EE8;
  --open:#10B981; --closed:#E05050;
  --border:rgba(16,185,129,.12); --border-d:rgba(16,185,129,.25);
  --sh-light:rgba(180,255,200,.055); --sh-dark:rgba(0,0,0,.75);
  --neo-raise:-7px -7px 18px var(--sh-light),9px 9px 22px var(--sh-dark);
  --neo-raise-sm:-4px -4px 10px var(--sh-light),5px 5px 12px var(--sh-dark);
  --neo-press:inset 5px 5px 12px var(--sh-dark),inset -3px -3px 8px var(--sh-light);
  --neo-press-d:inset 7px 7px 16px var(--sh-dark),inset -4px -4px 10px var(--sh-light);
  --serif:'Outfit',system-ui,sans-serif;
  --sans:'DM Sans',system-ui,sans-serif;
  --sh-xs:0 2px 6px rgba(0,0,0,.3); --sh-sm:0 4px 12px rgba(0,0,0,.35);
  --sh-md:0 8px 24px rgba(0,0,0,.4); --sh-lg:0 16px 40px rgba(0,0,0,.45);
  --sh-xl:0 24px 56px rgba(0,0,0,.5);
  --r-sm:8px; --r:16px; --r-lg:24px; --r-xl:32px; --r-pill:999px;
  --px:clamp(1.25rem,5vw,4rem); --py:clamp(3.5rem,7vw,6rem);
  --header-h:64px;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(0,0,.2,1);
  --t-fast:160ms; --t:300ms; --t-slow:500ms; --t-img:700ms;
}
/* Font imports */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap');
/* Typography */
body{font-size:16px;line-height:1.6;}
p,.t-body,.desc,.info-val,.rv-text,.cc-desc{font-size:1rem!important;line-height:1.6!important;}
.t-h2,.section-h2{font-size:clamp(1.5rem,3.5vw,2rem)!important;line-height:1.05!important;}


@font-face{font-family:'Outfit';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/playfair-display-latin.woff2')format('woff2');}
@font-face{font-family:'Outfit';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/playfair-display-italic-latin.woff2')format('woff2');}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:300 600;font-display:swap;src:url('../fonts/source-sans-3-latin.woff2')format('woff2');}

/* ── SAME DESIGN SYSTEM AS NEWBOMBAY.DE — PIZZA ACCENT ─── */


@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ── MAX ANIMATIONS ── */
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 16px rgba(192,192,192,.2)}50%{box-shadow:0 0 32px rgba(192,192,192,.5),0 0 60px rgba(212,175,94,.2)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(3deg)}}

/* ── COLOUR SWAP: old blue → silver/gold ── */
{/* tokens above */}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
body::before{content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
a{color:inherit;text-decoration:none;}button{border:none;background:none;cursor:pointer;font:inherit;}ul{list-style:none;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--bg-soft);}::-webkit-scrollbar-thumb{background:var(--fg4);border-radius:4px;}
@keyframes fill{to{transform:translateX(0)}}
@keyframes fup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fdown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.55)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes heroZoom{to{transform:scale(1);}}
@keyframes wordUp{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}
@keyframes scrollDrop{0%{transform:translateY(-100%)}50%,100%{transform:translateY(100%)}}
#sp{position:fixed;top:0;left:0;height:2px;z-index:9997;background:var(--accent);width:0;transition:width .1s linear;}
#loader{position:fixed;inset:0;z-index:9996;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;transition:opacity .7s var(--ease),visibility .7s;}
#loader.out{opacity:0;visibility:hidden;pointer-events:none;}
.ld-logo{font-family:var(--serif);font-size:clamp(2.5rem,8vw,4rem);font-weight:800;font-style:italic;color:var(--ink);animation:fup .8s var(--ease-out) both;}
.ld-sub{font-size:.6rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--fg4);animation:fup .8s var(--ease-out) .1s both;}
.ld-bar{width:56px;height:1px;background:var(--border);overflow:hidden;}
.ld-bar::after{content:'';display:block;height:100%;background:var(--accent);transform:translateX(-100%);animation:fill .9s var(--ease-out) .4s forwards;}
header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 var(--px);transition:background var(--t),box-shadow var(--t);}
header.stuck{background:rgba(8,11,14,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border);}
header.hero-mode{background:transparent;}
.logo{display:flex;flex-direction:column;gap:2px;}
.logo-name{font-family:var(--serif);font-size:1.25rem;font-weight:800;font-style:italic;color:var(--ink);transition:color var(--t-fast);}
.logo-sub{font-size:.5rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--fg4);}
header.hero-mode .logo-name{color:#E0EAF4;}
header.hero-mode .logo-sub{color:rgba(244,243,240,.5);}
.hn{display:flex;align-items:center;gap:2rem;}
.hn a{font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);position:relative;transition:color var(--t-fast);}
.hn a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--accent);transition:width var(--t);}
.hn a:hover{color:var(--fg);}
.hn a:hover::after{width:100%;}
header.hero-mode .hn a{color:rgba(244,243,240,.6);}
header.hero-mode .hn a:hover{color:#E0EAF4;}
.hr{display:flex;align-items:center;gap:.75rem;}
.hstatus{display:flex;align-items:center;gap:.4rem;font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg4);}
.hdot{width:6px;height:6px;border-radius:50%;background:var(--fg4);}
.hdot.open{background:var(--open);animation:pulse 2.5s ease-in-out infinite;}
.hdot.closed{background:var(--closed);}
header.hero-mode .hstatus{color:rgba(244,243,240,.5);}
.cart-btn{position:relative;display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:var(--r-pill);border:1px solid var(--border-d);background:var(--bg-card);color:var(--fg2);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:all var(--t-fast);}
.cart-btn:hover{border-color:var(--accent-d);color:var(--ink);box-shadow:var(--sh-sm);}
.cart-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.cart-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--accent-d);color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .25s var(--ease);}
.cart-badge.show{opacity:1;transform:scale(1);}
header.hero-mode .cart-btn{background:rgba(244,243,240,.1);border-color:rgba(244,243,240,.25);color:rgba(244,243,240,.85);backdrop-filter:blur(6px);}
header.hero-mode .cart-btn:hover{background:rgba(244,243,240,.18);}
.hburger{display:none;flex-direction:column;gap:5px;width:24px;padding:4px 0;}
.hburger span{display:block;height:1.5px;background:var(--fg);border-radius:2px;transition:all var(--t) var(--ease);}
.hburger.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px);}
.hburger.open span:nth-child(2){opacity:0;}
.hburger.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px);}
header.hero-mode .hburger span{background:#E0EAF4;}
#drawer{position:fixed;inset:0;z-index:600;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;opacity:0;pointer-events:none;transition:opacity var(--t-slow);}
#drawer.open{opacity:1;pointer-events:all;}
#drawer a{font-family:var(--serif);font-size:clamp(1.75rem,6vw,2.75rem);font-weight:700;font-style:italic;color:var(--fg3);transition:color var(--t-fast);}
#drawer a:hover{color:var(--ink);}
.dc{position:absolute;top:1.5rem;right:var(--px);font-size:.62rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--fg3);}
#cart-overlay{position:fixed;inset:0;z-index:700;background:rgba(12,11,9,0);pointer-events:none;transition:background var(--t-slow);}
#cart-overlay.open{background:rgba(12,11,9,.45);pointer-events:all;}
#cart-panel{position:fixed;top:0;right:0;bottom:0;z-index:701;width:min(420px,100vw);background:var(--bg-card);display:flex;flex-direction:column;box-shadow:var(--sh-xl);transform:translateX(100%);transition:transform var(--t-slow) var(--ease);}
#cart-panel.open{transform:translateX(0);}
.cart-head{padding:1.5rem var(--px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.cart-title{font-family:var(--serif);font-size:1.3rem;font-weight:700;font-style:italic;color:var(--ink);}
.cart-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--fg3);transition:all var(--t-fast);}
.cart-close:hover{background:var(--bg-deep);color:var(--ink);}
.cart-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;}
.cart-type{padding:1rem var(--px);border-bottom:1px solid var(--border);flex-shrink:0;}
.type-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-deep);border-radius:var(--r-pill);padding:3px;}
.type-btn{padding:.55rem;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-pill);color:var(--fg2);transition:all var(--t-fast);text-align:center;}
.type-btn.active{background:#C0C0C0;color:#05070A;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.cart-items{flex:1;overflow-y:auto;padding:1rem var(--px);}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;text-align:center;color:var(--fg4);}
.cart-empty-icon{font-size:2.5rem;opacity:.4;}
.cart-empty p{font-size:.875rem;line-height:1.6;}
.cart-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 0;border-bottom:1px solid var(--border);}
.cart-item:last-child{border-bottom:none;}
.ci-info{flex:1;min-width:0;}
.ci-name{font-size:.9rem;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:.2rem;}
.ci-sub{font-size:.75rem;color:var(--fg4);}
.ci-price{font-size:.9rem;font-weight:700;color:var(--accent-d);white-space:nowrap;flex-shrink:0;}
.ci-qty{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;}
.qty-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-d);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--fg2);transition:all var(--t-fast);}
.qty-btn:hover{border-color:var(--accent-d);color:var(--ink);background:var(--bg-soft);}
.qty-num{font-size:.875rem;font-weight:600;color:var(--ink);min-width:20px;text-align:center;}
.cart-foot{padding:1.25rem var(--px);border-top:1px solid var(--border);flex-shrink:0;background:var(--bg-card);}
.cart-totals{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem;}
.ct-row{display:flex;justify-content:space-between;align-items:center;}
.ct-label{font-size:.8rem;color:var(--fg3);}
.ct-val{font-size:.8rem;font-weight:600;color:var(--fg);}
.ct-row.total{padding-top:.6rem;border-top:1px solid var(--border);margin-top:.2rem;}
.ct-row.total .ct-label{font-size:.9rem;font-weight:600;color:var(--ink);}
.ct-row.total .ct-val{font-size:1.1rem;font-weight:800;color:var(--ink);}
.btn-checkout{width:100%;padding:.9rem;background:var(--accent);color:#05070A;font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all var(--t-fast);}
.btn-checkout:hover{background:var(--accent-d);transform:translateY(-2px);box-shadow:var(--sh-md);}
.btn-checkout svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.cart-note{text-align:center;font-size:.7rem;color:var(--fg4);margin-top:.6rem;}
/* SIZE MODAL */
#size-overlay{position:fixed;inset:0;z-index:800;background:rgba(12,11,9,0);pointer-events:none;transition:background .3s;}
#size-overlay.open{background:rgba(12,11,9,.5);pointer-events:all;}
#size-modal{position:fixed;bottom:0;left:0;right:0;z-index:801;background:var(--bg-card);border-radius:24px 24px 0 0;padding:0 var(--px) calc(1.5rem + env(safe-area-inset-bottom,0));max-width:560px;margin:0 auto;transform:translateY(100%);transition:transform .35s var(--ease);max-height:92svh;overflow-y:auto;}
#size-modal.open{transform:translateY(0);}
.sm-handle{width:40px;height:4px;background:var(--fg4);border-radius:2px;margin:14px auto 0;}
.sm-name{font-family:var(--serif);font-size:1.2rem;font-weight:700;font-style:italic;color:var(--ink);padding:1rem 0 .25rem;}
.sm-desc{font-size:.78rem;color:var(--fg3);margin-bottom:1rem;line-height:1.5;}
.sm-sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.25rem;}
@media(min-width:480px){.sm-sizes{grid-template-columns:repeat(4,1fr);}}
.sm-size-btn{padding:.75rem .5rem;border:2px solid var(--border-d);border-radius:var(--r);text-align:center;cursor:pointer;transition:all var(--t-fast);background:var(--bg-soft);}
.sm-size-btn:hover{border-color:var(--accent);}
.sm-size-btn.active{border-color:var(--accent);background:var(--accent);color:#05070A;}
.sm-size-label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);margin-bottom:.3rem;}
.sm-size-price{font-family:var(--serif);font-size:.95rem;font-weight:700;color:var(--ink);}
.sm-section{margin:1rem 0;}
.sm-section-title{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--fg3);margin-bottom:.6rem;}
.sm-extras-grid{display:flex;flex-wrap:wrap;gap:.4rem;}
.sm-mozz-opts{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem;}
.sm-mozz-opt{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;border:1.5px solid var(--border-d);border-radius:var(--r-pill);background:var(--bg-soft);cursor:pointer;font-size:.78rem;color:var(--fg2);transition:all var(--t-fast);}
.sm-mozz-opt.selected{border-color:var(--accent);background:var(--accent);color:#05070A;}
.sm-confirm-btn{width:100%;padding:.9rem;background:var(--bg-soft);color:var(--fg3);border:2px solid var(--border-d);border-radius:var(--r-pill);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:not-allowed;margin-top:1rem;font-family:inherit;transition:all var(--t-fast);opacity:.55;}
.sm-confirm-btn.ready{background:var(--accent);color:#05070A;border-color:var(--accent);cursor:pointer;opacity:1;}
.sm-confirm-btn.ready:hover{background:var(--accent-d);border-color:var(--accent-d);}
.mc-opt-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3);margin:.75rem 0 .4rem;}
.ohne-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:1.5px solid var(--border-d);border-radius:var(--r-pill);background:var(--bg-soft);font-size:.75rem;font-weight:500;color:var(--fg2);cursor:pointer;transition:all .15s;user-select:none;}
.ohne-btn::before{content:'';width:14px;height:14px;border:1.5px solid var(--border-d);border-radius:3px;flex-shrink:0;transition:all .15s;}
.ohne-btn.active{border-color:var(--accent);background:var(--accent);color:#05070A;}
.ohne-btn.active::before{background:var(--accent-d);border-color:var(--accent-d);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;}
.topping-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:1.5px solid var(--border-d);border-radius:var(--r-pill);background:var(--bg-soft);font-size:.75rem;font-weight:500;color:var(--fg2);cursor:pointer;transition:all .15s;user-select:none;}
.topping-btn::before{content:'';width:13px;height:13px;border:1.5px solid var(--border-d);border-radius:3px;flex-shrink:0;transition:all .15s;}
.topping-btn.active{border-color:var(--accent);background:var(--accent);color:#05070A;}
.topping-btn.active::before{border-color:var(--accent-d);background:var(--accent-d);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;}
.tp-price{font-size:.68rem;opacity:.75;margin-left:.2rem;}
.topping-btn.active .tp-price{opacity:.9;}
/* HERO */
.main-hero{min-height:70svh;position:relative;overflow:hidden;background:var(--fg);display:flex;flex-direction:column;}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.42);transform:scale(1.04);animation:heroZoom 12s ease-out forwards;}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,11,9,.88) 0%,rgba(12,11,9,.3) 55%,rgba(12,11,9,.06) 100%);}
.hero-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--header-h) + 3rem) var(--px) 3rem;}
.hero-eyebrow{display:flex;align-items:center;gap:.75rem;font-size:.6rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:rgba(244,243,240,.45);margin-bottom:1rem;animation:fdown .9s ease-out .5s both;}
.hero-eyebrow::before{content:'';width:28px;height:1px;background:var(--accent);flex-shrink:0;}
.hero-h1{font-family:var(--serif);font-size:clamp(2.75rem,8vw,6rem);font-weight:800;line-height:.92;letter-spacing:-.025em;color:#E0EAF4;margin-bottom:1.25rem;}
.hero-h1 span{display:block;overflow:hidden;}
.hero-h1 .word{display:inline-block;animation:wordUp .9s var(--ease-out) both;}
.hero-h1 span:nth-child(1) .word{animation-delay:.6s;}
.hero-h1 span:nth-child(2) .word{animation-delay:.75s;}
.hero-h1 span:nth-child(3) .word{animation-delay:.9s;}
.hero-h1 span:nth-child(4) .word{animation-delay:1.05s;}
.hero-h1 em{font-style:italic;color:var(--accent);}
.hero-sub{font-size:clamp(.9rem,1.5vw,1rem);line-height:1.75;color:rgba(244,243,240,.6);max-width:480px;margin-bottom:2rem;animation:fup .9s var(--ease-out) 1s both;}
.hero-btns{display:flex;gap:.875rem;flex-wrap:wrap;animation:fup .9s var(--ease-out) 1.1s both;}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;border-radius:var(--r-pill);border:1px solid transparent;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all var(--t-fast);}
.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.btn-primary{background:var(--bg);color:var(--ink);border-color:var(--bg);}
.btn-primary:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);}
.btn-ghost{background:rgba(244,243,240,.1);color:rgba(244,243,240,.85);border-color:rgba(244,243,240,.25);backdrop-filter:blur(6px);}
.btn-ghost:hover{background:rgba(244,243,240,.18);border-color:rgba(244,243,240,.5);transform:translateY(-2px);}
.hero-scroll{position:absolute;bottom:2rem;right:var(--px);z-index:2;display:flex;align-items:center;gap:.5rem;font-size:.58rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(244,243,240,.35);animation:fup 1s ease .9s both;}
.scroll-line{width:1px;height:32px;background:rgba(244,243,240,.2);position:relative;overflow:hidden;}
.scroll-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(244,243,240,.6);animation:scrollDrop 2s ease-in-out infinite;}
.status-strip{background:var(--bg-card);padding:.9rem var(--px);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.ss-left{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;}
.ss-item{display:flex;align-items:center;gap:.5rem;font-size:.68rem;color:rgba(244,243,240,.6);}
.ss-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0;}
.ss-status{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
.ss-dot{width:6px;height:6px;border-radius:50%;}
.ss-dot.open{background:var(--open);animation:pulse 2.5s ease-in-out infinite;}
.ss-dot.closed{background:var(--closed);}
.ss-open{color:var(--open);}.ss-closed{color:var(--closed);}
.marquee-wrap{overflow:hidden;padding:.9rem 0;background:var(--bg-deep);border-top:1px solid rgba(255,255,255,.05);}
.marquee-track{display:flex;gap:3rem;animation:marquee 28s linear infinite;width:max-content;}
.marquee-track:hover{animation-play-state:paused;}
.marquee-item{display:flex;align-items:center;gap:.75rem;white-space:nowrap;font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg2);}
.marquee-dot{width:3px;height:3px;border-radius:50%;background:var(--accent);flex-shrink:0;}
.menu-nav{position:sticky;top:var(--header-h);z-index:400;background:rgba(8,11,14,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;}
.menu-nav::-webkit-scrollbar{display:none;}
.menu-nav-inner{display:flex;align-items:center;padding:0 var(--px);min-width:max-content;}
.menu-tab-btn{flex-shrink:0;padding:.875rem 1rem;border:none;background:none;font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);cursor:pointer;white-space:nowrap;position:relative;transition:color var(--t-fast);}
.menu-tab-btn::after{content:'';position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background:var(--accent);transform:scaleX(0);transition:transform var(--t) var(--ease);}
.menu-tab-btn:hover,.menu-tab-btn.active{color:var(--ink);}
.menu-tab-btn.active::after{transform:scaleX(1);}
.filter-bar{padding:.875rem var(--px) .75rem;border-bottom:1px solid var(--border);background:var(--bg);}
.search-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem;}
.search-input{flex:1;padding:.55rem 1rem;border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--bg-card);color:var(--fg);font-family:var(--sans);font-size:.875rem;transition:border-color var(--t-fast);}
.search-input:focus{outline:none;border-color:var(--accent);}
.search-clear{padding:.55rem .875rem;font-size:.65rem;color:var(--fg3);display:none;white-space:nowrap;}
.filter-pills{display:flex;gap:.375rem;overflow-x:auto;scrollbar-width:none;}
.filter-pills::-webkit-scrollbar{display:none;}
.fpill{flex-shrink:0;padding:.32rem .875rem;border-radius:var(--r-pill);border:1px solid var(--border-d);background:transparent;font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--t-fast);color:var(--fg3);}
.fpill:hover{border-color:var(--accent-d);color:var(--accent-d);}
.fpill.active{background:#C0C0C0;border-color:#C0C0C0;color:#05070A;}
.menu-wrap{max-width:1280px;margin:0 auto;padding:0 var(--px) 6rem;}
.menu-section{padding:2.5rem 0 1rem;}
.menu-section-title{font-family:var(--serif);font-size:1.5rem;font-weight:800;font-style:italic;color:var(--ink);margin-bottom:.3rem;}
.menu-section-sub{font-size:.75rem;color:var(--fg3);line-height:1.55;margin-bottom:1.25rem;}
/* 4-COLUMN GRID */
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;}
@media(max-width:1100px){.menu-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:720px){.menu-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.menu-grid{grid-template-columns:1fr;}}
.menu-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);}
.menu-card:hover{border-color:var(--accent);box-shadow:var(--sh-sm);transform:translateY(-2px);}
.mc-body{padding:1rem 1.125rem;cursor:pointer;display:flex;gap:.875rem;align-items:flex-start;}
.mc-body:hover .add-btn{opacity:1;transform:scale(1);}
.mc-info{flex:1;min-width:0;}
.mc-num{font-size:.58rem;font-weight:700;letter-spacing:.18em;color:var(--fg2);margin-bottom:.2rem;}
.mc-name{font-family:var(--serif);font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:.275rem;}
.mc-desc{font-size:.75rem;color:var(--fg3);line-height:1.5;}
.mc-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem;}
.badge{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .5rem;border-radius:var(--r-pill);font-size:.6rem;font-weight:600;}
.badge-veg{background:rgba(74,124,89,.1);color:var(--open);}
.badge-hot{background:rgba(176,84,53,.1);color:var(--closed);}
.mc-allergen{font-size:.6rem;letter-spacing:.08em;color:var(--fg4);margin-top:.3rem;font-weight:600;}
.mc-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0;}
.mc-price{font-family:var(--serif);font-size:.95rem;font-weight:700;color:var(--accent-d);white-space:nowrap;}
.add-btn{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#05070A;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.75);transition:all .2s var(--ease);}
.add-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;}
.mc-options{padding:.1rem 1.125rem .875rem;display:flex;flex-direction:column;gap:.4rem;}
.mc-opt-label{font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg4);display:block;margin-top:.25rem;}
.mc-heat-row{display:flex;flex-wrap:wrap;gap:.875rem;font-size:.8rem;}
.mc-heat-row label{display:flex;align-items:center;gap:.35rem;cursor:pointer;}

.mc-sel{width:100%;padding:.4rem .75rem;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:.85rem;transition:border-color var(--t-fast);}
.mc-sel:focus{outline:none;border-color:var(--accent);}
.no-results{text-align:center;padding:3.5rem 0;color:var(--fg3);font-size:.9rem;}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);}
.reveal.visible{opacity:1;transform:none;}
@media(max-width:900px){.hn{display:none;}.hburger{display:flex;}}
@media(max-width:600px){.ss-left .ss-item:nth-child(n+2){display:none;}}

/* ── THEME TOGGLE BUTTON ──────────────────────────────────── */
.theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-pill);border:1px solid var(--border-d);background:var(--bg-card);font-size:.95rem;line-height:1;transition:all var(--t-fast);flex-shrink:0;}
.theme-btn:hover{border-color:var(--accent);box-shadow:var(--sh-sm);}
header.hero-mode .theme-btn{background:rgba(244,243,240,.1);border-color:rgba(244,243,240,.25);backdrop-filter:blur(6px);}
header.hero-mode .theme-btn:hover{background:rgba(244,243,240,.18);}

/* ── LIGHT MODE (manual toggle) ──────────────────────────── */
html.light{
  --bg:#F4F7FA;
  --bg-soft:#EBF1F7;
  --bg-deep:#DDE8F2;
  --bg-card:#FFFFFF;
  --ink:#0B1A27;
  --fg:#1A3A52;
  --fg2:#4A6C8A;
  --fg3:#6B8BA8;
  --fg4:#B8D0E4;
  --border:rgba(192,192,192,0.22);
  --border-d:rgba(192,192,192,0.48);
  --sh-xs:0 2px 6px rgba(8,20,40,.06);
  --sh-sm:0 4px 12px rgba(8,20,40,.09);
  --sh-md:0 8px 24px rgba(8,20,40,.12);
  --sh-xl:0 24px 56px rgba(8,20,40,.18);
}
html.light header.stuck{background:rgba(244,247,250,.97);}
html.light body::before{opacity:.006;}
html.light .ss-item{color:var(--fg2);}
html.light .ss-item svg{stroke:var(--fg3);}
/* hero light mode — swap black tint for soft ice-blue */
html.light .hero-bg img{filter:saturate(.8) brightness(.62);}
html.light .hero-bg::after{background:linear-gradient(to top,rgba(244,247,250,.62) 0%,rgba(244,247,250,.22) 55%,rgba(244,247,250,.04) 100%);}
html.light .hero-eyebrow{color:rgba(8,20,40,.55);}
html.light .hero-h1{color:#0B1A27;}
html.light .hero-sub{color:rgba(8,20,40,.65);}
html.light .btn-ghost{background:rgba(8,20,40,.08);color:rgba(8,20,40,.85);border-color:rgba(8,20,40,.22);}
html.light .btn-ghost:hover{background:rgba(8,20,40,.14);border-color:rgba(8,20,40,.4);}
html.light .hero-scroll{color:rgba(8,20,40,.4);}
html.light .scroll-line{background:rgba(8,20,40,.2);}
html.light .scroll-line::after{background:rgba(8,20,40,.5);}