:root{--yellow:#f2bd18;--pearl:#fffdf5;--ink:#191812;--muted:#756f61;--line:#ded8c9}*{box-sizing:border-box}body{margin:0;background:#f4f0e5;color:var(--ink);font:16px/1.5 Arial,sans-serif}button,input,select,textarea{font:inherit}.order-nav{height:72px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px)}.order-nav a{color:white;text-decoration:none;font-size:14px}.logo{font-size:22px!important;font-weight:800;letter-spacing:-.07em}.logo b{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--yellow);color:var(--ink);border-radius:50%}.table-chip{background:var(--yellow);color:var(--ink);padding:8px 12px;border-radius:99px;font-weight:700}.ordering{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 72px)}.catalog{padding:45px clamp(20px,5vw,70px) 100px}.catalog-head p{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#8d6a00;font-weight:700;margin:0}.catalog-head h1{font:400 clamp(43px,5vw,72px)/1 Georgia,serif;letter-spacing:-.04em;margin:12px 0}.discount-badge{display:inline-block;background:#dcefe4;color:#175e3e;padding:7px 11px;border-radius:99px;font-size:13px}.category-nav{display:flex;gap:8px;overflow:auto;margin:35px 0 25px}.category-nav button{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:10px 15px;border-radius:99px}.category-nav button.active{background:var(--ink);color:#fff}.food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.food-card{background:var(--pearl);border:1px solid var(--line);padding:23px;min-height:230px;display:flex;flex-direction:column}.food-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.food-top b{background:var(--yellow);padding:3px 7px}.food-card h2{font:400 28px/1.08 Georgia,serif;margin:24px 0 8px}.food-card p{color:var(--muted);margin:0 0 25px}.food-card>div:last-child{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.food-card strong{font-size:20px}.food-card button,.checkout,.customizer>button:last-of-type{border:0;background:var(--yellow);padding:10px 14px;font-weight:700}.cart{position:sticky;top:0;height:calc(100vh - 72px);background:#fff;padding:26px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.cart-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.cart-head span{font-size:12px;color:var(--muted)}.cart-head h2{font:400 25px Georgia,serif;margin:4px 0}.cart-head>b{display:grid;place-items:center;width:32px;height:32px;background:var(--yellow);border-radius:50%}.cart-items{flex:1;overflow:auto}.empty-cart{text-align:center;color:var(--muted);padding:60px 10px}.empty-cart span{font-size:50px}.empty-cart p{color:var(--ink);margin:8px}.cart-items article{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:9px}.cart-items article>div:first-child{grid-column:1/3}.cart-items strong,.cart-items small{display:block}.cart-items small{color:var(--muted);font-size:12px}.cart-items article>span{font-weight:700}.qty{display:flex;gap:10px;align-items:center}.qty button{border:1px solid var(--line);background:white;width:27px;height:27px}.cart-summary{border-top:1px solid var(--line);padding-top:18px}.cart-summary>div{display:flex;justify-content:space-between;margin:7px 0}.cart-summary .total{font-size:21px;margin:15px 0}.checkout{width:100%;padding:14px}.checkout:disabled{opacity:.35}.customizer{padding:34px;position:relative}.customizer>p{text-transform:uppercase;letter-spacing:.14em;color:#8d6a00;font-size:11px}.customizer h2{font:400 39px Georgia,serif;margin:0 0 22px}.customizer label{display:grid;gap:6px;margin:14px 0;font-size:13px;font-weight:700}.customizer input,.customizer select,.customizer textarea{width:100%;padding:12px;border:1px solid var(--line)}.customizer fieldset{border:1px solid var(--line);margin:18px 0}.customizer fieldset label{display:flex;justify-content:space-between;align-items:center}.customizer fieldset input{width:auto}.customizer .close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px}dialog{width:min(530px,calc(100% - 20px));border:0;padding:0}dialog::backdrop{background:#111b}.order-toast{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%,25px);opacity:0;background:var(--ink);color:white;padding:14px 20px;transition:.3s}.order-toast.show{opacity:1;transform:translate(-50%,0)}.checkout-form small{display:block;color:var(--muted);margin-top:10px}@media(max-width:960px){.ordering{grid-template-columns:1fr}.cart{position:relative;height:auto;min-height:440px;border-left:0}.catalog{padding-bottom:30px}}@media(max-width:580px){.food-grid{grid-template-columns:1fr}.order-nav>div{display:none}.catalog{padding:30px 14px}.cart{padding:20px 14px}.food-card{min-height:200px}}

/* SpiceL 2026 warm palette and visual menu */
:root{--cream:#f3f2ee;--amber:#f4ad45;--orange:#e98c0b;--chili:#f04425;--brown:#87301f}
body{background:var(--cream);font-family:"DM Sans",Arial,sans-serif}.order-nav{background:var(--brown)}.table-chip,.food-card button,.checkout,.customizer>button:last-of-type{background:var(--amber)}
.category-nav{gap:12px;padding:4px 0 12px}.category-nav button{border:0;background:#ececea;box-shadow:5px 5px 12px #cbc9c3,-5px -5px 12px #fff;border-radius:15px;padding:13px 19px}.category-nav button.active{background:linear-gradient(135deg,var(--orange),var(--chili));box-shadow:none}
.food-card{position:relative;overflow:hidden;border:0;border-radius:23px;box-shadow:0 16px 35px #6f481b14;padding-top:156px;transition:transform .25s,box-shadow .25s}.food-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #6f481b25}.food-card:before{content:"";position:absolute;inset:0 0 auto;height:138px;background:center/cover no-repeat;filter:saturate(1.06)}
.food-card[data-category="1"]:before{background-image:url('/assets/menu-spread.png')}.food-card[data-category="2"]:before{background-image:url('/assets/burger-builder-v2.png');background-position:center 42%;background-size:cover}.food-card[data-category="3"]:before{background-image:url('/assets/hero-restaurant-poster-v2.jpg')}.food-card[data-category="4"]:before{background-image:url('/assets/menu-spread.png');background-position:64% 60%}.food-card[data-category="5"]:before{background-image:linear-gradient(#87301f33,#87301f33),url('/assets/dining-room.png')}
.food-card h2{font-family:"Gloock",Georgia,serif}.food-top b{background:var(--chili);color:white;border-radius:99px}.cart{box-shadow:-18px 0 45px #5c3a1010}.cart-head>b{background:var(--chili);color:#fff}
#customize{width:min(900px,calc(100% - 20px));background:#f2f3f5;border-radius:26px}.customizer{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);column-gap:35px}.customizer>*:not(.builder-visual):not(.close){grid-column:2}.builder-visual{grid-column:1;grid-row:1/20;background:linear-gradient(145deg,var(--brown),#31100b);border-radius:20px;min-height:600px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;overflow:hidden}.builder-visual span{text-transform:uppercase;letter-spacing:.16em;font-size:10px}.builder-visual img{width:100%;max-height:500px;object-fit:contain;filter:hue-rotate(var(--heat));transition:filter .35s}.builder-visual b{background:var(--amber);color:#25160a;padding:8px 13px;border-radius:99px;font-size:12px}
@media(max-width:680px){.customizer{grid-template-columns:1fr}.customizer>*:not(.close){grid-column:1}.builder-visual{grid-row:auto;min-height:270px}.builder-visual img{height:220px}.food-card{padding-top:145px}}

/* Video-inspired interactive burger assembly */
#customize{width:min(900px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow:auto}.customizer,.customizer>*{min-width:0}.customizer fieldset{min-inline-size:0}.builder-visual{gap:12px}.builder-kicker{flex:0 0 auto}.builder-stage{position:relative;width:min(100%,310px);aspect-ratio:2/3;flex:0 1 440px;min-height:310px;outline:0;cursor:default}.builder-stage:focus-visible{border-radius:18px;box-shadow:0 0 0 3px var(--amber)}.builder-fallback,.burger-layers,.burger-layer,.burger-layer img{position:absolute;inset:0;width:100%;height:100%}.builder-fallback{object-fit:contain;filter:hue-rotate(var(--heat));transition:opacity .25s,transform .5s}.burger-layers{display:none;filter:drop-shadow(0 23px 28px #1205006e);perspective:900px}.builder-visual.is-burger .builder-stage{cursor:pointer}.builder-visual.is-burger .builder-fallback{opacity:0;transform:scale(.9)}.builder-visual.is-burger .burger-layers{display:block}.burger-layer{display:block;overflow:hidden;transform:translate3d(0,0,0);opacity:1;transition:transform .78s cubic-bezier(.18,.82,.22,1),opacity .32s,filter .35s;transition-delay:var(--delay,0ms);will-change:transform}.burger-layer img{object-fit:contain;filter:hue-rotate(var(--heat));transition:filter .35s}.layer-bun-top{clip-path:inset(0 0 76% 0);--stack-shift:25%;--delay:35ms}.layer-lettuce{clip-path:inset(18% 0 62% 0);--stack-shift:17%;--delay:70ms}.layer-tomato{clip-path:inset(31% 0 55% 0);--stack-shift:10%;--delay:105ms}.layer-onion{clip-path:inset(39% 0 48% 0);--stack-shift:6%;--delay:140ms}.layer-patty-one{clip-path:inset(48% 0 35% 0);--stack-shift:0%;--delay:175ms}.layer-patty-two{clip-path:inset(61% 0 21% 0);--stack-shift:-8%;--delay:210ms}.layer-sauce{clip-path:inset(74% 0 13% 0);--stack-shift:-15%;--delay:245ms}.layer-bun-bottom{clip-path:inset(81% 0 0 0);--stack-shift:-23%;--delay:280ms}.burger-layers.view-stacked .burger-layer{transform:translate3d(0,var(--stack-shift),0) scale(.98)}.burger-layers:not(.extra-chicken) .layer-patty-two{opacity:0;transform:translate3d(0,-15%,0) scale(.88)}.burger-layers.extra-cheese .layer-patty-one img,.burger-layers.extra-cheese .layer-patty-two img{filter:hue-rotate(var(--heat)) saturate(1.28) brightness(1.08) drop-shadow(0 0 12px #f4ad4588)}.burger-layers.extra-sauce .layer-sauce img{filter:hue-rotate(var(--heat)) saturate(1.35) drop-shadow(0 0 13px #f04425aa)}.burger-view-controls{display:flex;gap:7px;padding:5px;border-radius:99px;background:#40170f;box-shadow:inset 3px 3px 8px #160704,inset -2px -2px 7px #743124}.burger-view-controls[hidden]{display:none}.burger-view-controls button{border:0;border-radius:99px;padding:7px 12px;background:transparent;color:#dfbaa6;font-size:10px;font-weight:800;letter-spacing:.06em}.burger-view-controls button.active{background:linear-gradient(135deg,var(--amber),var(--chili));color:white;box-shadow:0 6px 14px #16070475}.builder-hint{max-width:270px;min-height:31px;color:#d7b7a6;text-align:center;font-size:9px;line-height:1.45}.builder-visual>b{flex:0 0 auto}
@media(max-width:680px){#customize{width:calc(100vw - 12px);max-width:calc(100vw - 12px)}.customizer>*:not(.builder-visual):not(.close){grid-column:1}.builder-visual{grid-column:1;min-height:430px}.builder-stage{width:220px;min-height:330px;flex-basis:330px}.builder-visual.is-burger .burger-layer img{height:100%}.burger-view-controls button{padding:7px 11px}}
@media(prefers-reduced-motion:reduce){.burger-layer{transition-duration:.01ms;transition-delay:0ms}}
@media(max-width:960px){.catalog{min-width:0}.category-nav{width:100%;max-width:100%}}

/* OneHub-aligned ordering UI */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--ui-ink:#182033;--ui-muted:#687180;--ui-line:#e3e8ef;--ui-bg:#f6f8fb}body{background:var(--ui-bg);color:var(--ui-ink);font:400 14px/1.5 Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif}.order-nav{height:68px;background:linear-gradient(135deg,#522116,#87301f);box-shadow:0 5px 18px #2c17101f}.order-nav a{font-size:12px;font-weight:600}.logo{font-size:21px!important}.ordering{grid-template-columns:minmax(0,1fr) clamp(330px,27vw,390px);min-width:0}.catalog{padding:40px clamp(20px,4vw,58px) 90px}.catalog-head p{font-size:10px}.catalog-head h1{font:800 clamp(38px,4vw,58px)/1.05 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.055em;margin:9px 0;color:var(--ui-ink)}.category-nav{position:sticky;z-index:4;top:0;margin:28px -8px 22px;padding:10px 8px;background:#f6f8fbe8;backdrop-filter:blur(12px)}.category-nav button{border-radius:8px;padding:11px 15px;color:#3a4558;font-size:12px;font-weight:600;box-shadow:0 2px 8px #2030500d}.food-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.food-card{min-height:335px;padding:168px 20px 20px;border-radius:12px;background:#fff;box-shadow:0 3px 12px #2030500d;transition:transform .2s,box-shadow .2s}.food-card:hover{transform:translateY(-3px);box-shadow:0 12px 27px #2030501a}.food-card:before{height:148px}.food-card h2{font:700 19px/1.25 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em;margin:18px 0 7px}.food-card p{color:var(--ui-muted);font-size:12px;line-height:1.55}.food-card strong{font-size:16px}.food-card button,.checkout,.customizer>button:last-of-type{border-radius:7px;background:linear-gradient(135deg,var(--amber),var(--orange));padding:10px 14px}.cart{top:0;height:calc(100vh - 68px);border-color:var(--ui-line);box-shadow:-8px 0 24px #2030500a}.cart-head h2{font:700 21px Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.02em}.cart-items article{border-color:var(--ui-line)}.cart-summary .total{font-weight:700}.checkout{height:47px}.customizer h2{font:800 clamp(27px,3vw,38px)/1.1 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.04em}.customizer label{font-size:11px}.customizer input,.customizer select,.customizer textarea{border-radius:7px;border-color:var(--ui-line)}#customize{border-radius:12px}.builder-visual{border-radius:10px}.order-toast{border-radius:8px}.burger-view-controls,.burger-view-controls button{border-radius:7px}
@media(max-width:1100px) and (min-width:961px){.food-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.catalog{padding-left:25px;padding-right:25px}}
@media(max-width:960px){.ordering{grid-template-columns:1fr}.catalog{padding-bottom:35px}.cart{position:relative;height:auto;min-height:360px}.category-nav{top:0}.food-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
@media(max-width:580px){.order-nav{height:60px}.catalog{padding:26px 14px 25px}.catalog-head h1{font-size:36px}.category-nav{top:0;margin:20px -14px 16px;padding:9px 14px}.food-grid{grid-template-columns:1fr;gap:12px}.food-card{min-height:300px;padding:154px 17px 17px}.food-card:before{height:137px}.food-card h2{font-size:18px}.cart{padding:18px 14px}.customizer{padding:22px}.customizer h2{font-size:27px}}