/* Experience components build on the restaurant's brand tokens. */
html{scroll-padding-top:156px}section[id]{scroll-margin-top:16px}h1,h2,h3{text-wrap:balance}.hero{overflow:clip;padding-block:64px 52px}.hero-inner{position:relative;grid-template-columns:1fr 1.05fr;gap:0 44px}.hero-copy{align-self:center;padding-block:28px}.hero h1{font-size:clamp(88px,10.1vw,146px);line-height:.91}.hero h1>span{transform-origin:0 100%;padding-bottom:4px}.hero-image{border-radius:12px;aspect-ratio:1.02}.hero-figure{grid-row:1/span 3}.hero-figure figcaption{padding-top:18px}.hero-figure h2{font-size:18px}.hero-sizes{grid-row:2;max-width:460px;background:#0e201b;border:1px solid var(--line);border-radius:8px;overflow:hidden}.hero-sizes button{min-height:76px;padding:14px 18px;transition:background-color 180ms ease,color 180ms ease}.hero-sizes button[aria-pressed=true]{background:var(--paper);color:var(--forest)}.hero-sizes button[aria-pressed=true]::before{display:none}.hero-tools{grid-column:1;grid-row:3;display:flex;gap:22px;align-items:center;margin-top:18px}.hero-tools button{display:flex;align-items:center;gap:8px;padding:10px 0;min-height:44px;background:none;font-size:12px;color:var(--muted)}.hero-tools button:hover{color:var(--paper)}.hero-actions{margin-bottom:28px}.hero .lede{font-size:18px;max-width:360px}.menu-rail{position:sticky;top:88px;z-index:19;background:var(--paper);color:var(--forest);border-bottom:1px solid var(--paper-line);box-shadow:0 3px 12px #06161008}.menu-rail>.shell{display:flex;gap:36px;overflow-x:auto;scrollbar-width:none;align-items:center}.menu-rail a{position:relative;min-height:58px;display:flex;align-items:center;white-space:nowrap;font-size:14px;font-weight:600;border-bottom:3px solid transparent;padding:14px 0 11px}.menu-rail a[aria-current]{border-color:var(--accent);color:#a8321d}.desktop-nav a{position:relative}.desktop-nav a::after{content:'';position:absolute;bottom:9px;inset-inline:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:inline-start;transition:transform 220ms var(--ease)}.desktop-nav a:hover::after{transform:scaleX(1)}.section{padding-block:112px}.section-heading{margin-bottom:52px;max-width:840px}.section-heading p{font-size:18px}.size-gallery{transition:grid-template-columns 420ms var(--ease);grid-template-columns:1fr 1.25fr 1fr}.size-gallery[data-selected=single]{grid-template-columns:1.25fr 1fr 1fr}.size-gallery[data-selected=triple]{grid-template-columns:1fr 1fr 1.25fr}.size-tile{transition:border-color 180ms ease,background-color 180ms ease,transform 250ms var(--ease)}.size-tile img{height:clamp(220px,27vw,350px);aspect-ratio:auto;object-fit:contain;background:var(--deep)}.size-tile[aria-pressed=true]{border-color:var(--accent)}.food-card .card-media{overflow:hidden;border-radius:12px}.food-card .card-content{padding-top:25px}.card-media img{transition:transform 650ms var(--ease)}.small-button{min-height:44px}.offers .section-heading{display:flex;justify-content:space-between;align-items:end;max-width:none;gap:40px}.offers .section-heading p{max-width:280px}.offer-copy{padding:24px}.offer-copy h3{min-height:52px}.meal-summary{position:sticky;bottom:0;background:var(--deep);z-index:2;border-top:1px solid var(--line);padding-top:22px}.meal-step legend{font-size:18px}.meal-choice{transition:border-color 160ms ease,background-color 160ms ease,transform 220ms var(--ease)}.meal-choice[aria-pressed=true]{box-shadow:0 0 0 1px var(--paper)}.side-card h3{line-height:1.25}.location-card{padding:32px;background:#ebe6db;border-radius:12px;border:0}.location-card .location-index{display:none}.location-card address{min-height:60px}.location-actions a{font-size:14px}.footer{align-items:start;gap:50px;padding-top:44px}.footer>div>p{margin-top:20px;font-size:13px}.footer-nav{display:flex;flex-wrap:wrap;gap:16px 26px}.footer-nav a,.footer-end button{display:flex;align-items:center;min-height:44px;font-size:14px;background:none;padding:0}.footer-end>p{margin-top:0!important}.footer-end button{margin-top:12px;text-decoration:underline;text-underline-offset:5px}.toast{display:flex;align-items:center;gap:20px;pointer-events:none}.toast.visible{pointer-events:auto}.toast button{background:var(--forest);color:var(--paper);min-height:44px;padding:8px 16px;border-radius:6px}.product-dialog{border-radius:18px;max-height:90dvh}.product-media{padding:32px}.product-media .image-stage{border-radius:12px}.product-content{padding-top:32px}.product-add{position:sticky;bottom:0;background:var(--paper);padding-block:16px;margin-top:12px;z-index:2;border-top:1px solid var(--paper-line)}.cart-item{grid-template-columns:84px minmax(0,1fr);padding-block:24px}.cart-item img{width:84px;border-radius:10px}.cart-dialog{border-radius:18px 0 0 18px}.nav-dialog{width:540px}.nav-dialog nav a{padding:18px 0;border-bottom:1px solid var(--paper-line);font-family:Display,Body,sans-serif;font-size:36px}.nav-dialog nav a:last-child{border:0}.sheet-grip{display:none}.motion-dialog{width:560px}.motion-dialog h2{font-size:36px}.motion-body{padding:28px}.motion-body>p{color:var(--ink-muted);font-size:15px}.motion-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-block:24px}.motion-options button{padding:14px 8px;min-height:64px;background:transparent;border:1px solid var(--paper-line);border-radius:8px;font-size:14px}.motion-options button[aria-pressed=true]{background:var(--forest);color:var(--paper)}#motionState{min-height:50px;margin-bottom:22px}.field-error{display:block;color:#ae2e19;font-size:12px;margin-top:6px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ae2e19;box-shadow:0 0 0 1px #ae2e19}body:has(#stickyCart:not([hidden])) main{padding-bottom:72px}:focus-visible{scroll-margin-block:175px 120px}dialog::backdrop{background:#061610cc;backdrop-filter:blur(4px)}
@media(hover:hover) and (pointer:fine){.food-card:hover .card-media img,.side-card:hover .card-media img{transform:scale(1.045)}.meal-choice:hover{transform:translateY(-3px)}.add-square:hover{background:var(--accent);color:var(--forest);border-color:var(--accent)}.size-tile:hover{transform:translateY(-4px)}}
@media(max-width:1100px){.hero-inner{gap:0 28px}.hero h1{font-size:clamp(78px,9.9vw,110px)}.section{padding-block:86px}.hero-tools{gap:16px}.hero-sizes button{padding-inline:12px}.footer{gap:28px}}
@media(max-width:800px){.menu-rail{top:76px}.hero-inner{gap:22px}.hero h1{font-size:74px}.hero-figure{grid-row:1/span 3}.hero-tools{flex-wrap:wrap;gap:0 18px}.hero .lede{font-size:16px}.hero-sizes button{padding:12px 8px}.offers .section-heading{display:block}.offers .section-heading p{margin-top:22px}.menu-rail>.shell{gap:28px}.location-card{padding:24px}.footer{flex-wrap:wrap}}
@media(max-width:600px){html{scroll-padding-top:138px}.menu-rail{top:72px}.menu-rail>.shell{width:100%;padding-inline:20px;gap:25px}.menu-rail a{font-size:13px;min-height:54px}.hero{padding-block:32px}.hero-inner{grid-template-columns:1fr;gap:22px}.hero-copy{grid-row:1;padding:0}.hero h1{font-size:clamp(76px,17vw,100px)}.hero .lede{margin-top:20px;max-width:320px}.hero-actions{margin-block:24px 0;gap:22px}.hero-figure{grid-column:1;grid-row:2}.hero-image{aspect-ratio:1.14;border-radius:10px}.hero-sizes{grid-row:3}.hero-sizes button{min-height:68px;padding:12px 15px}.hero-tools{grid-row:4;margin-top:-8px;justify-content:space-between}.hero-tools button{font-size:12px}.section{padding-block:70px}.section-heading p{font-size:16px}.section-heading{margin-bottom:30px}.size-gallery,.size-gallery[data-selected]{grid-template-columns:repeat(3,minmax(0,1fr))}.size-tile img{height:auto;aspect-ratio:1}.size-tile-copy{padding:12px 6px}.size-tile-copy span{font-size:12px}.offer-copy{padding:16px}.offer-copy h3{min-height:48px}.meal-summary{position:static}.product-dialog{max-height:94dvh;border-radius:20px 20px 0 0}.sheet-grip{display:grid;place-items:center;height:22px;background:var(--paper);touch-action:none;cursor:grab;position:sticky;top:0;z-index:4}.sheet-grip>span{width:42px;height:4px;background:#87948b;border-radius:2px}.product-dialog>.dialog-top{top:22px}.product-media{padding:18px 20px 0}.product-content{padding:20px}.product-add{bottom:-1px}.cart-item{grid-template-columns:70px minmax(0,1fr)}.cart-item img{width:70px}.cart-dialog{border-radius:0}.motion-body{padding:20px}.motion-options button{font-size:12px}.motion-dialog h2{font-size:30px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-nav{display:grid;gap:0;justify-content:end}.footer-end{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.footer-end button{margin:0}.footer-end p{margin:0!important}.location-card address{min-height:0}[dir=rtl] .hero h1{font-size:clamp(58px,14vw,76px)}[dir=rtl] .nav-dialog nav a{font-family:Arabic,sans-serif;font-size:28px}[dir=rtl] .motion-dialog h2{font-size:26px}}
html[data-motion=reduced] .card-media img,html[data-motion=reduced] .meal-choice,html[data-motion=reduced] .size-tile{transform:none!important}html[data-motion=reduced] dialog::backdrop{backdrop-filter:none}

/* Final presentation: viewport-aware builder, optional choices and offer composition. */
@media(min-width:801px){.meal-intro{top:var(--meal-sticky-top,162px);height:min(560px,calc(100dvh - var(--meal-sticky-top,162px) - 112px));display:flex;flex-direction:column;align-items:stretch;min-height:0}.meal-intro h2,[dir=rtl] .meal-intro h2{font-size:clamp(38px,3.6vw,52px);flex-shrink:0}.meal-intro>p{margin-top:14px;font-size:15px;line-height:1.5;flex-shrink:0}.meal-intro .meal-preview{flex:1;min-height:0;max-width:100%;width:100%;aspect-ratio:auto;margin-top:18px;background:transparent}.meal-preview img{object-fit:contain}.meal-intro .meal-caption{margin-top:10px;line-height:1.4;font-size:14px}.meal-summary{position:static}}
.meal-choice[data-meal-id=""]{grid-column:1/-1;min-height:48px;display:flex;flex-direction:row}.meal-choice[data-meal-id=""] .choice-text{flex-direction:row;align-items:center;justify-content:space-between;padding-inline-end:38px}.sauce-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.offers .section-heading{align-items:center;gap:32px;margin-bottom:38px}.offer-statement{border-inline-start:2px solid #10251d;padding-inline-start:28px;max-width:310px;flex-shrink:0}.offer-statement>strong{font:800 clamp(46px,5.5vw,80px)/1 Display,Impact,sans-serif;letter-spacing:-.02em}.offer-statement>p{font-size:15px!important;margin-top:12px!important;max-width:235px!important}.offer-copy{gap:12px;padding:22px}.offer-copy h3{min-height:0;line-height:1.35}.offer-card .card-media img{aspect-ratio:1;object-fit:contain;background:var(--deep)}.offer-bottom{padding-top:12px}.offers-grid{align-items:stretch}.concept-note{display:block;margin-top:8px;color:var(--muted);font-size:11px}.drink-showcase[data-flavor=oreo-nutella]{--flavor:#e1c7a8}.sticky-cart{border:1px solid #c3cabe;gap:12px;font-weight:600}.sticky-cart #stickyCount{display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:5px;background:var(--forest);color:var(--paper)}
@media(max-width:800px){.offer-statement{margin-top:24px;padding-inline-start:20px}.offer-statement>strong{font-size:52px}}
@media(max-width:600px){.offer-copy{padding:16px 12px}.offer-copy h3{font-size:16px;min-height:44px}.offer-statement{max-width:none;display:flex;align-items:center;gap:20px}.offer-statement>strong{font-size:44px;white-space:nowrap}.offer-statement>p{margin-top:0!important;max-width:150px!important;font-size:13px!important}.sticky-cart{padding:10px 14px;gap:10px;bottom:max(12px,env(safe-area-inset-bottom));min-height:58px}.sticky-cart strong{font-size:15px}.concept-note{max-width:160px}}