/* Visual layer only: no menu dimensions, order state or stock selectors changed. */
body.mid-autumn-ui{--autumn-navy:#132b4b;--autumn-gold:#edc77b;--autumn-paper:#fff8e9}
body.mid-autumn-ui .shell{background:linear-gradient(#f0e4c9,#fffaf0 62%)}
body.mid-autumn-ui #brandHeader{background:linear-gradient(90deg,#132b4b,#203c57);border-bottom-color:var(--autumn-gold)}
body.mid-autumn-ui #brandHeader:before{animation:none;background:radial-gradient(circle,#edc77b 0 1px,transparent 2px) 0 0/110px 71px;opacity:.32}
body.mid-autumn-ui .mid-autumn-moon{position:absolute;left:16px;top:8px;width:108px;height:108px;z-index:0;pointer-events:none;background:#fff0bc;clip-path:polygon(24% 0,76% 0,76% 8%,88% 8%,88% 20%,96% 20%,96% 32%,100% 32%,100% 68%,96% 68%,96% 80%,88% 80%,88% 92%,76% 92%,76% 100%,24% 100%,24% 92%,12% 92%,12% 80%,4% 80%,4% 68%,0 68%,0 32%,4% 32%,4% 20%,12% 20%,12% 8%,24% 8%);opacity:.82}
body.mid-autumn-ui #pixelChef{animation:pixelChefActions 7.5s steps(1,end) infinite}
body.mid-autumn-ui #pixelChef:before,body.mid-autumn-ui #pixelChef:after{display:none}
body.mid-autumn-ui #brandHeader .brand small{color:#ffe7ad;letter-spacing:.08em}
body.mid-autumn-ui .menu-title h2{text-shadow:none}
body.mid-autumn-ui .experience-panel,body.mid-autumn-ui .checkout-panel{box-shadow:5px 5px 0 var(--autumn-gold)}
body.mid-autumn-ui .checkout-head{background:var(--autumn-paper)}
body.mid-autumn-ui .totals{background:var(--autumn-navy)}
body.mid-autumn-ui .payable{color:#ffe4a3}
body.mid-autumn-ui .pickup-card{background-color:var(--autumn-navy)}
/* Header art shares the same palette on the real preorder page, without seasonal fortune rules. */
body.pixel-brand-ui.mid-autumn-ui{background:linear-gradient(#e8d7b5 0,#fff8e9 560px,#f8fbff 100%)}
body.pixel-brand-ui.mid-autumn-ui #pixelBrandHero{height:220px;border-color:var(--autumn-navy);background:#132b4b url('/preorder/assets/events/mid-autumn-2026/moon-courtyard.svg') center/cover no-repeat;box-shadow:4px 4px 0 var(--autumn-gold)}
body.mid-autumn-ui #pixelBrandHero:after{background:linear-gradient(90deg,rgba(8,25,43,.25),transparent 80%)}
body.mid-autumn-ui #pixelBrandHero .pixel-sun,body.mid-autumn-ui #pixelBrandHero .pixel-lantern-mark,body.mid-autumn-ui #pixelBrandHero .pixel-steam,body.mid-autumn-ui #pixelHeroSign{display:none}
body.mid-autumn-ui #pixelBrandHero .pixel-chef-actions{left:6px;bottom:0;animation:pixelChefActions 10.5s steps(1,end) infinite}
body.mid-autumn-ui #pixelBrandHero .pixel-hero-copy{left:104px;right:10px;top:26px;bottom:auto}
body.mid-autumn-ui #pixelHeroKicker{font-size:11px;color:#ffe2a1;letter-spacing:.07em}
body.mid-autumn-ui #pixelHeroTitle{font-size:clamp(21px,4.5vw,30px);line-height:1.4;margin-top:9px;color:#fff6dd}
body.mid-autumn-ui #pixelHeroSubtitle{font-size:12px;color:#f8e3bc;margin-top:6px}
body.mid-autumn-ui #pixelHeroCta{background:#edc77b;color:#132b4b;border-color:#fff3cf;bottom:17px;right:17px;text-shadow:none}
@media(max-width:500px){body.mid-autumn-ui .mid-autumn-moon{left:0;top:15px;width:67px;height:67px}body.mid-autumn-ui #brandHeader .brand small{font-size:9px}body.pixel-brand-ui.mid-autumn-ui #pixelBrandHero{background-position:66% center}body.mid-autumn-ui #pixelBrandHero .pixel-hero-copy{left:92px;right:6px}body.mid-autumn-ui #pixelHeroTitle{font-size:21px}body.mid-autumn-ui #pixelHeroSubtitle{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.mid-autumn-ui #pixelChef,body.mid-autumn-ui #pixelBrandHero .pixel-chef-actions{animation:none!important;background-position:0 0!important}}