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

/* ── SAME DESIGN TOKENS AS NEWBOMBAY.DE ─────────────────── */
:root{
  --bg:#0A080F;--bg-soft:#110D1A;--bg-deep:#07060C;--bg-card:#130F1E;
  --ink:#EDE8FF;--fg:#DDD8F8;--fg2:#A09AC8;--fg3:#6A6090;--fg4:#3A3060;
  --accent:#9B7FE8;--accent-d:#7B5FC8;
  --border:rgba(155,127,232,0.18);--border-d:rgba(155,127,232,0.35);
  --open:#9B7FE8;--closed:#E05888;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Source Sans 3',system-ui,sans-serif;
  --sh-xs:0 2px 6px rgba(12,11,9,.04);--sh-sm:0 4px 12px rgba(12,11,9,.06);
  --sh-md:0 8px 24px rgba(12,11,9,.08);--sh-xl:0 24px 56px rgba(12,11,9,.13);
  --r-sm:8px;--r:16px;--r-lg:24px;--r-pill:999px;
  --px:clamp(1.25rem,5vw,4rem);--header-h:70px;
  --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;
}
*,*::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;}
/* ANIMATIONS */
@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%)}}
/* SCROLL PROGRESS */
#sp{position:fixed;top:0;left:0;height:2px;z-index:9997;background:var(--accent);width:0;transition:width .1s linear;}
/* LOADER */
#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 */
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(10,8,15,.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:#EDE8FF;}
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:#EDE8FF;}
.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:#EDE8FF;}
/* DRAWER */
#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 SIDEBAR */
#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:#9B7FE8;color:#07060C;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:#07060C;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;}
/* 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:#EDE8FF;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 */
.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 */
.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 */
.menu-nav{position:sticky;top:var(--header-h);z-index:400;background:rgba(10,8,15,.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 */
.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:#9B7FE8;border-color:#9B7FE8;color:#07060C;}
/* MENU */
.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 — 4 → 3 → 2 → 1 */
.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 */
.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-left{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-vegan{background:rgba(74,124,89,.07);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:#07060C;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;}
/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);}
.reveal.visible{opacity:1;transform:none;}
/* MOBILE */
@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:#F6F4FF;
  --bg-soft:#EDE9FF;
  --bg-deep:#DDD7FF;
  --bg-card:#FFFFFF;
  --ink:#100828;
  --fg:#22104A;
  --fg2:#5A4080;
  --fg3:#7A6898;
  --fg4:#C8BCE8;
  --border:rgba(155,127,232,0.25);
  --border-d:rgba(155,127,232,0.52);
  --sh-xs:0 2px 6px rgba(20,8,40,.06);
  --sh-sm:0 4px 12px rgba(20,8,40,.09);
  --sh-md:0 8px 24px rgba(20,8,40,.12);
  --sh-xl:0 24px 56px rgba(20,8,40,.18);
}
html.light body{background:#F6F4FF;color:#22104A;}
html.light header.stuck{background:rgba(246,244,255,.97);}
html.light body::before{opacity:.006;}
html.light .ss-item{color:#5A4080;}
html.light .ss-item svg{stroke:#7A6898;}
/* hero light mode — swap black tint for soft lavender */
html.light .hero-bg img{filter:saturate(.8) brightness(.62);}
html.light .hero-bg::after{background:linear-gradient(to top,rgba(246,244,255,.62) 0%,rgba(246,244,255,.22) 55%,rgba(246,244,255,.04) 100%);}
html.light .hero-eyebrow{color:rgba(16,8,40,.55);}
html.light .hero-h1{color:#100828;}
html.light .hero-sub{color:rgba(16,8,40,.65);}
html.light .btn-ghost{background:rgba(16,8,40,.08);color:rgba(16,8,40,.85);border-color:rgba(16,8,40,.22);}
html.light .btn-ghost:hover{background:rgba(16,8,40,.14);border-color:rgba(16,8,40,.4);}
html.light .hero-scroll{color:rgba(16,8,40,.4);}
html.light .scroll-line{background:rgba(16,8,40,.2);}
html.light .scroll-line::after{background:rgba(16,8,40,.5);}