/* Bounded hero; shared readable shelves; two rows of four on desktop. */
body{background:#291b30}
.preview{display:none!important}
body .haunted-hero{width:calc(100% - 48px);max-width:1360px;min-height:0!important;height:560px!important;margin:24px auto 0;border:1px solid #aa804f55;border-radius:8px;overflow:hidden}
body .haunted-hero .hero-scene{transform:none!important}
body .haunted-hero .hero-scene img{object-fit:cover;object-position:center;transform:none!important}
body .haunted-hero-copy{left:5%!important;max-width:440px;padding:48px 0!important}
body .haunted-hero h1{font-size:66px!important;line-height:1.04!important}
body .haunted-hero .season-ticket{margin-bottom:20px}
body .haunted-hero .hero-mini-label{margin-top:22px}
body .section{max-width:1240px}
body .scene-building{max-width:1240px;margin-left:auto;margin-right:auto}
body #home-products,body #cozy-haunt .products,body .phase-best .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 18px!important;overflow:visible}
body .product-card{min-width:0}
body .product-card h3{min-height:44px}
body #cozy-haunt .festival-scene h2{font-size:46px;line-height:1.12}
body #cozy-haunt .festival-scene{min-height:360px}
body #cozy-haunt .festival-scene>div{max-width:630px}
body .phase-best{padding:65px 0}
.phase-banner{padding:54px 48px;min-height:340px;border:1px solid #c2945455;border-bottom:0;border-radius:8px 8px 0 0;background-size:cover;background-position:center}
.best-art{background-image:linear-gradient(90deg,#1d1228f2,#201325b8 48%,#20132510),url('../memeii-halloween-2026/assets/scene-night-market.png')}
.phase-banner h2{font-size:48px;line-height:1.08;margin:12px 0 18px}
.phase-banner h2 em{font-size:.78em}
.phase-banner p{line-height:1.7;color:#e5ccd2;margin-bottom:24px}
body .phase-best-shelf{padding:28px;background:linear-gradient(#39263c,#211628);border:1px solid #c2945488;border-bottom:8px solid #9f7a49;box-shadow:inset 0 0 0 6px #201626}
body .phase-collection-banner{max-width:1240px;width:calc(100% - 48px);margin:32px auto 0!important;min-height:300px;padding:62px 48px!important;text-align:left!important;background-size:cover;background-position:center;border:1px solid #c2945466;border-radius:8px}
body .phase-collection-banner h1{font-size:60px!important;margin:14px 0!important}
body .phase-collection-banner p{max-width:580px;margin:0!important}
@media(min-width:1500px){body .haunted-hero{height:560px!important}}
@media(max-width:800px){body .haunted-hero{width:calc(100% - 24px);height:500px!important;margin-top:12px}body .haunted-hero h1{font-size:48px!important}body .haunted-hero-copy{max-width:55%;padding:35px 0!important}body #home-products,body #cozy-haunt .products,body .phase-best .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important}.phase-banner{padding:32px 24px}.phase-banner h2{font-size:37px}body .phase-best-shelf{padding:18px}body .phase-collection-banner{padding:38px 24px!important;width:calc(100% - 28px)}body .phase-collection-banner h1{font-size:44px!important}}
@media(max-width:480px){body .haunted-hero{height:570px!important}body .haunted-hero-copy{max-width:86%;left:7%!important;padding-top:24px!important}body .haunted-hero .hero-scene img{object-position:65% bottom}body .haunted-hero h1{font-size:48px!important}body .haunted-hero-copy p{font-size:14px}body #cozy-haunt .festival-scene h2{font-size:36px}body .phase-banner{min-height:320px}.phase-banner h2 em{font-size:.72em}body .phase-best-shelf{padding:14px 10px}body .product-copy h3{font-size:13px}body .phase-collection-banner h1{font-size:40px!important}}
body.scene-designed .phase-best{background:none}
body.scene-designed .phase-best>.section{background:none;padding-top:0}
body.scene-designed .castle-department>.section,body.scene-designed #cozy-haunt>.section,body.scene-designed .phase-best>.section{width:calc(100% - 48px);max-width:1240px;padding-left:0;padding-right:0}
body .haunted-hero .hero-mini-label,body .haunted-hero .hero-secondary{position:relative;z-index:5}
body .haunted-hero .hero-secondary{margin-left:0}
@media(max-width:800px){body.scene-designed .castle-department>.section,body.scene-designed #cozy-haunt>.section,body.scene-designed .phase-best>.section{width:calc(100% - 28px)}}
body .haunted-hero .hero-pumpkin-decoration{width:100px!important;opacity:.85;left:auto!important;right:12px!important;bottom:55px!important}
@media(max-width:480px){body .haunted-hero .hero-mini-label{display:none!important}}
/* Review correction: banner and ribbon share the same bounded frame. */
body.halloween-v2 .halloween-ribbon{width:calc(100% - 48px);max-width:1360px;margin:0 auto!important;transform:none!important;box-sizing:border-box;overflow:hidden;border-radius:0 0 8px 8px}
body .haunted-hero{border-radius:8px 8px 0 0}
@media(max-width:800px){body.halloween-v2 .halloween-ribbon{width:calc(100% - 24px)}}