/* Glass is an independent 3D surface. Text remains at its native pixel size. */
.scene{width:1200px;max-width:calc(100% - 56px);padding:22px 0 24px;margin:0 auto;perspective:1800px}
.scene-top{margin:0 0 18px;font-size:9px}.motion-toggle{right:0;top:4px}
.menu-glass{width:100%;padding:28px 35px 23px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;animation:none;isolation:isolate;overflow:visible}
.menu-glass:after{display:none}.glass-sheen{inset:0;z-index:-1;overflow:visible;pointer-events:none;border:1px solid #ffe3b4;border-radius:21px;background:linear-gradient(112deg,#fff0cd20 0%,#25190ee8 23%,#271b10ec 71%,#ffdf9b22);box-shadow:inset 2px 2px 2px #fff7d8cc,inset -3px -2px 2px #e7b16799,4px 3px 0 #fff1d547,8px 5px 0 #6b422e,9px 6px 0 #f7ce8c80,0 18px 35px #160b0866;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:perspective(1800px) rotateY(0) rotateZ(0);transform-origin:center;transition:transform .65s var(--ease)}
.glass-sheen:before{content:'';position:absolute;inset:5px;border:1px solid #ffe2a64d;border-radius:16px;background:linear-gradient(120deg,#fff3d017,transparent 25% 75%,#fff3d019);pointer-events:none}.glass-sheen:after{display:none}
.is-inspecting .menu-glass{width:calc(100% - 360px)}.is-inspecting .glass-sheen{transform:perspective(1800px) rotateY(17deg) rotateZ(1.2deg)}
.brand{gap:13px;min-height:95px;margin:0 0 25px}.original-portrait{width:64px;height:87px;object-fit:contain}.original-wordmark{width:330px;height:auto;overflow:hidden;max-width:calc(100% - 77px)}
.quick-categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:30px}.category-tab{min-height:82px;padding:10px 8px;gap:8px;font-size:20px}.category-tab .food-thumb{width:43px;height:48px;flex-basis:43px}.is-inspecting .quick-categories{grid-template-columns:repeat(6,minmax(0,1fr))}.is-inspecting .category-tab{grid-column:span 2}.is-inspecting .category-tab:nth-child(n+4){grid-column:span 3}
.section-heading h1{font-size:46px;line-height:1.08}.interaction-hint{font-size:11px}.products{gap:13px;overflow:visible}.product-slot{position:relative;overflow:visible}.product-row{width:100%;grid-template-columns:74px minmax(0,1fr) auto 12px;min-height:105px;padding:16px 14px;overflow:visible}.product-row .food-thumb{width:74px;height:74px}.food-thumb,.food-photo{background-size:cover;background-position:center}.item-copy{min-width:0;display:flex;flex-direction:column;gap:8px}.item-name{font-size:26px;font-weight:600;line-height:1.12}.item-ingredients{font:12px/1.55 var(--sans);color:#dfcbb1}.item-price{font-size:24px}.product-row[aria-pressed=true]:after{display:none}.selection-dot{display:none;position:absolute;right:-4px;top:calc(50% - 4px);width:8px;height:8px;background:#ffe3a0;border-radius:50%;box-shadow:0 0 11px #ffc66c;z-index:4}.product-row[aria-pressed=true] .selection-dot{display:block}
.detail-space{display:none!important}.category-note{font-size:11px;margin-top:18px}.explore-button{margin-top:23px;min-height:48px}.back-to-menu{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 14px;color:#ffe1ad;font-size:29px}.back-to-menu span{font:12px var(--sans)}.back-to-menu[hidden]{display:none}.site-footer{margin:24px 0 0}.selection-link{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.selection-link[hidden]{display:none}.selection-link path{fill:none;stroke:#ffe1a3;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #ffbd5b88)}
.product-popover{width:300px;max-width:none;right:8px;padding:0;border:0;box-shadow:none;border-radius:20px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;will-change:auto;overflow:visible;z-index:3;transition:none}
.product-popover[hidden]{display:none}.product-popover:before{display:none}.presentation-entrance{position:relative;isolation:isolate;overflow:visible;transform:none}
.product-glass-plane{position:absolute;inset:0;z-index:-1;pointer-events:none;border:1px solid #ffebbf;border-radius:18px;background:linear-gradient(120deg,#fbe2ae21,#22160edb 28%,#2a1d11eb 80%,#f6cf9020);box-shadow:inset 2px 1px 2px #fff2cbbb,inset -3px -2px 2px #c58c47,0 0 0 3px #fff1cc29,5px 3px 0 #6c4525,6px 4px 0 #fbe0a973,0 20px 30px #120b0866;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transform:perspective(1000px) rotateY(-12deg) rotateZ(-2deg);transform-origin:left center}
.product-glass-plane:after{content:'';position:absolute;inset:5px;border-radius:13px;border:1px solid #ffe0b13d;background:linear-gradient(135deg,#fff3d417,transparent 35% 65%,#fff3d410)}
.photo-button{width:100%;height:220px;aspect-ratio:auto;position:relative;overflow:visible;border-radius:0;padding:0;isolation:isolate;outline-offset:12px}.photo-button:active{scale:1}.food-cutout{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;overflow:visible;z-index:3;transform:translate(8px,-50px) scale(1.08) rotate(-3.5deg);filter:drop-shadow(0 15px 8px #12070066);pointer-events:none}
.food-shadow{position:absolute;width:67%;height:24px;left:15%;bottom:22px;background:#120700;opacity:.4;border-radius:50%;filter:blur(12px);transform:translate(14px,8px) scale(1.13);z-index:1}.food-glow{position:absolute;inset:3% -5% 8%;background:radial-gradient(ellipse,#ffc36b80,transparent 65%);opacity:.12;z-index:0;pointer-events:none}.expand-icon{right:13px;bottom:8px;z-index:5;font:22px var(--sans);background:#281a10c9;color:#ffe9c3;width:31px;height:31px}
.popover-caption{padding:8px 18px 20px;position:relative;z-index:4;text-align:center;transform:none;filter:none;backface-visibility:visible;text-shadow:none}.popover-caption h2{font:600 25px/1.14 var(--serif);margin:0 0 10px;color:#fff0d5}.popover-caption #popoverPrice{font:600 27px/1.2 var(--serif);color:#ffdda0;margin:0 0 12px}.popover-caption .popover-ingredients{font:12px/1.6 var(--sans);color:#e2ceb4;margin:0 0 12px}.popover-caption .photo-disclaimer{font-size:9px}.card-anchor{position:absolute;left:-2px;top:60%;width:4px;height:4px;pointer-events:none}
.large-photo{height:auto;aspect-ratio:1;background-size:cover;background-position:center}.photo-dialog{max-height:92svh}.photo-dialog-copy{max-height:40svh}.directory-group h3{font-size:11px}.directory-item{min-height:72px}
@media(min-width:801px) and (max-width:1100px){.scene{max-width:calc(100% - 40px)}.is-inspecting .menu-glass{width:calc(100% - 310px);padding:25px 22px}.product-popover{width:260px}.category-tab{font-size:17px}.category-tab .food-thumb{width:34px;flex-basis:34px}.product-row{grid-template-columns:50px minmax(0,1fr) auto 6px;gap:9px}.product-row .food-thumb{width:50px;height:56px}.item-name{font-size:22px}.item-price{font-size:21px}.photo-button{height:200px}}
@media(max-width:800px){
 .scene{width:600px;max-width:calc(100% - 26px);padding:12px 0 20px;margin:0 auto;perspective:none}.scene-top{font-size:7px;margin:0 23px 15px;letter-spacing:1.3px}.motion-toggle{right:-5px;top:-6px}.menu-glass,.is-inspecting .menu-glass{width:100%;padding:22px 16px 18px;transform:none}.glass-sheen{border-radius:19px}.is-inspecting .glass-sheen{transform:perspective(1800px) rotateY(10deg) rotateZ(.4deg)}
 .brand{min-height:75px;margin:0 0 20px;gap:7px}.original-portrait{width:47px;height:65px}.original-wordmark{width:255px;max-width:calc(100% - 54px)}
 .quick-categories,.is-inspecting .quick-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:25px}.category-tab,.is-inspecting .category-tab{grid-column:span 2;min-height:76px;padding:8px 5px;flex-direction:column;justify-content:center;gap:5px;font-size:16px;text-align:center;line-height:1.05}.category-tab:nth-child(n+4),.is-inspecting .category-tab:nth-child(n+4){grid-column:span 3;flex-direction:row}.category-tab .food-thumb{width:32px;height:30px;flex:0 0 30px}.category-tab:nth-child(n+4){min-height:56px}.section-heading h1{font-size:36px;margin-bottom:13px;letter-spacing:-.7px}.interaction-hint{font-size:9px;margin:13px 0}.products{gap:12px}.product-row{grid-template-columns:48px minmax(0,1fr) auto 7px;gap:8px;padding:13px 9px;min-height:97px}.product-row .food-thumb{width:48px;height:55px}.item-name{font-size:21px;line-height:1.12}.item-ingredients{font-size:11px;line-height:1.5}.item-price{font-size:20px}.selection-dot{top:auto;bottom:-4px;right:10px}.item-copy{gap:7px}
 .product-popover{position:relative;right:auto;width:min(290px,calc(100% - 28px));margin:90px auto 30px;overflow:visible;transform:none}.photo-button{height:220px}.popover-caption h2{font-size:24px}.popover-caption #popoverPrice{font-size:27px}.popover-caption .popover-ingredients{font-size:12px}.popover-caption .photo-disclaimer{font-size:9px}.card-anchor{left:auto;right:0;top:4px}.back-to-menu{margin:-2px 0 12px;min-height:44px}.back-to-menu span{font-size:11px}.site-footer{margin-top:20px;letter-spacing:1.1px;font-size:7px}.category-note{font-size:10px}.explore-button{margin-top:20px}.category-dialog{padding:20px 16px}
}
@media(max-width:360px){.scene{max-width:calc(100% - 22px)}.menu-glass,.is-inspecting .menu-glass{padding:20px 12px 16px}.category-tab{font-size:14px}.product-row{grid-template-columns:38px minmax(0,1fr) auto 5px;gap:6px;padding:12px 7px}.product-row .food-thumb{width:38px;height:48px}.item-name{font-size:19px}.item-price{font-size:18px}.section-heading h1{font-size:32px}.product-popover{width:calc(100% - 20px)}.photo-button{height:200px}.popover-caption{padding:8px 14px 18px}}
@media(prefers-reduced-motion:reduce){.glass-sheen,.product-glass-plane{transition:none}.food-cutout{transition:none}}
.is-inspecting .glass-sheen{right:-25px;left:-5px}.back-to-menu{position:relative;z-index:6}.is-inspecting .menu-glass{padding-right:45px}.is-inspecting .back-to-menu{margin-bottom:32px}
@media(max-width:800px){.is-inspecting .glass-sheen{right:-3px;left:0}.is-inspecting .menu-glass{padding-right:16px}.is-inspecting .back-to-menu{margin-bottom:22px}}
@media(max-width:360px){.is-inspecting .menu-glass{padding-right:12px}}
/* The frame starts below the food's stage so the final silhouette breaks its rim. */
.product-glass-plane{top:62px}.card-anchor{top:60%;left:0}
@media(max-width:800px){.card-anchor{top:2px;right:2px;left:auto}}
.product-row{scroll-margin-top:18px}.presentation-close{display:block;width:100%;min-height:44px;font:11px var(--sans);color:#f5d5a0;border-top:1px solid #e7be7e33;margin-top:13px;padding-top:9px}
.food-cutout{inset:auto;left:0;top:-20px;width:100%;height:calc(100% + 80px)}
/* Selection composition: the entire menu recedes, leaving the product beside it. */
.menu-stage{position:relative;width:100%;overflow:visible}
.menu-glass{transform-origin:center;transition:transform .7s var(--ease),width .7s var(--ease)}
.scene.is-inspecting .menu-glass{transform:perspective(1800px) rotateY(20deg) rotateZ(1.2deg)}
.scene .glass-sheen,.scene.is-inspecting .glass-sheen{inset:0;transform:none;transition:none}
.product-row[aria-pressed=true]{border-color:#ffedc6;box-shadow:inset 0 0 15px #f9bb5626,0 0 0 1px #ffd17d88,0 0 10px #ffb43c88,0 0 22px #ffb43c33}
.selection-link path{stroke:#ffe6af;stroke-width:1.7;filter:drop-shadow(0 0 2px #fff0cbb0) drop-shadow(0 0 5px #ffba5f99)}
.selection-dot{box-shadow:0 0 5px #fff0cbaa,0 0 12px #ffc66c}
.photo-button{cursor:default}
.scene.is-inspecting .back-to-menu{margin-bottom:12px}
@media(max-width:800px){
 .scene{max-width:calc(100% - 18px);padding-top:10px}
 .scene.is-inspecting .menu-glass{width:100%;padding:22px 16px 18px;transform:translate(-13%,calc(var(--panel-height,700px) * -.14)) scale(.69) perspective(650px) rotateY(24deg) rotateZ(1.2deg)}
 .menu-glass{transition:transform .7s var(--ease)}
 .scene.is-inspecting .product-popover{position:absolute;right:5px;width:29%;max-width:none;margin:0;transform:none}
 .product-popover .photo-button{height:auto;aspect-ratio:1/1}
 .product-popover .food-cutout{top:-8px;height:calc(100% + 30px)}
 .product-glass-plane{top:26px;border-radius:12px;transform:perspective(650px) rotateY(-14deg) rotateZ(-2deg)}
 .product-glass-plane:after{inset:3px;border-radius:9px}
 .product-popover .popover-caption{padding:3px 7px 10px}
 .product-popover .popover-caption h2{font-size:18px;line-height:1.08;margin-bottom:7px;overflow-wrap:normal}
 .product-popover .popover-caption #popoverPrice{font-size:21px;margin-bottom:8px}
 .product-popover .popover-caption .popover-ingredients{font-size:10px;line-height:1.5;margin-bottom:7px}
 .product-popover .popover-caption .photo-disclaimer{font-size:7px;letter-spacing:0}
 .product-popover .presentation-close{font-size:9px;line-height:1.4;margin-top:8px;padding:5px 0;min-height:44px}
 .selection-dot{top:calc(50% - 4px);bottom:auto;right:-4px}
 .card-anchor{left:0;right:auto;top:50%}
 .food-shadow{height:12px;bottom:8px;filter:blur(6px)}
 .back-to-menu{margin:0 0 8px}.scene.is-inspecting .back-to-menu{margin-bottom:8px}
}
@media(max-width:360px){
 .scene.is-inspecting .menu-glass{padding:20px 12px 16px}
 .product-popover .popover-caption{padding-left:5px;padding-right:5px}
 .product-popover .popover-caption h2{font-size:16px}
 .product-popover .popover-caption #popoverPrice{font-size:19px}
}


@media(max-width:800px){.is-inspecting .item-ingredients{display:none}.is-inspecting .site-footer{margin-top:8px}.is-inspecting .brand{margin-bottom:14px}.is-inspecting .quick-categories{margin-bottom:18px}}
@media(max-width:800px){.scene.is-inspecting{padding-bottom:8px}}
/* Compact the selected composition, keeping the complete 9:16 board in view. */
@media(max-width:800px){
 .is-inspecting .brand{min-height:65px;margin-bottom:12px}
 .is-inspecting .original-portrait{height:57px}
 .is-inspecting .category-tab{min-height:66px}
 .is-inspecting .category-tab:nth-child(n+4){min-height:48px}
 .is-inspecting .quick-categories{margin-bottom:15px}
 .is-inspecting .section-heading .eyebrow{display:none}
 .is-inspecting .product-row{min-height:86px;padding-top:10px;padding-bottom:10px}
 .is-inspecting .interaction-hint{margin:10px 0}
 .is-inspecting .explore-button{margin-top:14px}
}
@media(max-width:360px){
 .is-inspecting .brand{min-height:55px;margin-bottom:10px}
 .is-inspecting .original-portrait{height:50px}
 .is-inspecting .category-tab{min-height:58px}
 .is-inspecting .category-tab:nth-child(n+4){min-height:44px}
 .is-inspecting .menu-glass{padding-top:16px;padding-bottom:12px}
}

.presentation-close svg{display:block;width:24px;height:24px;margin:0 auto}

/* Product pagination keeps the category controls at the top. */
.item-code,.product-code{display:block;font:10px var(--sans);color:#d1b894;letter-spacing:.025em;margin-top:0}
.item-copy{gap:4px}
.product-code{margin:0 0 9px;font-size:9px}
.product-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 0;color:#dfc39a;font:11px var(--sans)}
.product-pagination[hidden]{display:none}
.product-pagination button{min-width:44px;min-height:44px;font:24px var(--serif);color:#f5d5a0;border:1px solid #d8ae6955;border-radius:10px}
.product-pagination button:disabled{opacity:.25;cursor:default}
.product-pagination button:focus-visible{outline:2px solid #ffdd9e;outline-offset:3px}
.category-note{line-height:1.5}
@media(max-width:800px){.is-inspecting .product-pagination{gap:14px;margin-top:6px}.is-inspecting .category-note{font-size:9px}.product-popover .product-code{font-size:8px}.item-code{font-size:9px}}

.category-note summary{cursor:pointer;min-height:32px;display:list-item;align-content:center}.category-note details p{margin:4px 0 0}

/* Four products per page; full ingredients remain in the selected product card. */
.original-wordmark{filter:none;image-rendering:auto}
@media(max-width:800px){
 .menu-glass,.scene.is-inspecting .menu-glass{padding-top:12px;padding-bottom:12px}
 .brand,.is-inspecting .brand{min-height:60px;margin-bottom:6px}
 .original-portrait,.is-inspecting .original-portrait{height:57px}
 .quick-categories,.is-inspecting .quick-categories{margin-bottom:10px}
 .category-tab,.is-inspecting .category-tab{min-height:64px;padding:4px;gap:2px;font-size:14px}
 .category-tab .food-thumb{width:25px;height:22px;flex:0 0 22px}
 .category-tab:nth-child(n+4),.is-inspecting .category-tab:nth-child(n+4){min-height:46px}
 .section-heading .eyebrow{display:none}
 .section-heading h1{font-size:32px;margin-bottom:10px}
 .interaction-hint,.is-inspecting .interaction-hint{display:none}
 .products{gap:8px;margin-top:10px}
 .product-row,.is-inspecting .product-row{min-height:70px;padding:7px;grid-template-columns:32px minmax(0,1fr) auto 5px;gap:6px}
 .product-row .food-thumb{width:32px;height:42px}
 .item-name{font-size:18px}
 .item-price{font-size:18px}
 .item-ingredients{display:none}
 .item-copy{gap:4px}
 .site-footer{margin-top:16px}
 .category-note{margin-top:10px}
}
@media(max-width:360px){
 .item-name{font-size:18px}
 .section-heading h1{font-size:29px}
 .brand,.is-inspecting .brand{min-height:54px}
 .original-portrait,.is-inspecting .original-portrait{height:50px}
 .category-tab,.is-inspecting .category-tab{min-height:60px}
 .category-tab:nth-child(n+4),.is-inspecting .category-tab:nth-child(n+4){min-height:44px}
}