/* Both seasons share the POPO light-blue backdrop and existing motion controls. */
.seasonal-controls{height:auto;display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-bottom:10px}
.season-select{font-family:var(--popo-font,'Be Vietnam Pro',sans-serif);font-size:14px;line-height:1.4;border:1px solid #c4d9f5;border-radius:999px;background:#fff;color:#274a7c;min-height:36px;padding:7px 30px 7px 12px;max-width:180px}
.seasonal-controls #christmas-toggle{position:static!important;inset:auto!important;box-shadow:none;font-size:12px!important;min-height:36px}
.santa-flight{--flight-height:calc(var(--flight-width) * var(--flight-ratio,.333333))}
.santa-drop--2,.santa-drop--3,.boo-ghost{display:none}
html[data-season="halloween"] .hero.hero-showcase .hero-copy{background:radial-gradient(ellipse at 0 0,rgba(137,95,232,.18),transparent 65%),linear-gradient(135deg,#0a1c43,#173567)}
html[data-season="halloween"] .hero.hero-showcase .hero-banner-wrap{background:#102a5a;border-color:#7795c6}
html[data-season="halloween"] .hero.hero-showcase .hero-grid::after{display:none}
html[data-season="halloween"] .hero.hero-showcase h1 span{-webkit-text-fill-color:#c2b4ff;color:#c2b4ff}
html[data-season="halloween"] .noel-bulb{--bulb-color:#ffb873!important}
html[data-season="halloween"] .noel-bulb:nth-child(3n){--bulb-color:#a59bff!important}
html[data-season="halloween"] .noel-bulb:nth-child(3n + 1){--bulb-color:#84c4ff!important}
/* Wrapped candies reuse the existing finite particle layer rather than spawning nodes. */
html[data-season="halloween"] :is(.snowflake,.santa-drop,.noel-confetti i){--candy-color:#ffb26e;background:repeating-linear-gradient(115deg,var(--candy-color) 0 4px,#fff0d8 4px 6px);width:13px;height:8px;border-radius:4px;border:1px solid rgba(120,79,25,.12);box-shadow:none}
html[data-season="halloween"] :is(.snowflake,.noel-confetti i):nth-child(3n){--candy-color:#a89aff}
html[data-season="halloween"] :is(.snowflake,.noel-confetti i):nth-child(3n + 1){--candy-color:#72baff}
html[data-season="halloween"] :is(.snowflake,.santa-drop,.noel-confetti i)::before,html[data-season="halloween"] :is(.snowflake,.santa-drop,.noel-confetti i)::after{content:'';position:absolute;width:5px;height:8px;top:-1px;left:-5px;background:var(--candy-color);clip-path:polygon(0 0,100% 30%,100% 70%,0 100%);border:0}
html[data-season="halloween"] :is(.snowflake,.santa-drop,.noel-confetti i)::after{left:auto;right:-5px;transform:scaleX(-1)}
html[data-season="halloween"] .snowflake{opacity:.65;animation-name:candy-fall}
@keyframes candy-fall{from{transform:translate3d(0,-24px,0) rotate(0)}to{transform:translate3d(var(--drift),calc(100vh + 36px),0) rotate(380deg)}}
html[data-season="halloween"] .santa-trail i{color:#ffd9a2}
html[data-season="halloween"] .santa-drop{display:block;animation:candy-scatter 8s -1s ease-in infinite;--scatter-x:-35px;left:20%;top:55%}
html[data-season="halloween"] .santa-drop--2{animation-delay:-3.5s;left:30%;--scatter-x:45px;--candy-color:#ae94ff}
html[data-season="halloween"] .santa-drop--3{animation-delay:-5.8s;left:40%;--scatter-x:15px;--candy-color:#71bcff}
@keyframes candy-scatter{0%,20%{opacity:0;transform:translate(0,0) rotate(0)}22%{opacity:1}55%{opacity:0;transform:translate(var(--scatter-x),140px) rotate(260deg)}100%{opacity:0}}
html[data-season="halloween"] .noel-gift-card{background:linear-gradient(115deg,#fffaf3,#edf1ff);border-color:#f5e4ca}
html[data-season="halloween"] .noel-present{background:linear-gradient(115deg,#2d2257,#254778)}
html[data-season="halloween"] .gift-art{z-index:3;position:relative}
html[data-season="halloween"] .gift-box{background:linear-gradient(110deg,#ffa34f,#ed712c);box-shadow:inset -5px 0 rgba(109,37,0,.12)}
html[data-season="halloween"] .gift-lid{background:#ffc588}
html[data-season="halloween"] .gift-box::after,html[data-season="halloween"] .gift-lid::after{background:#a99be4}
html[data-season="halloween"] .gift-bow,html[data-season="halloween"] .gift-bow::after{border-color:#a99be4}
html[data-season="halloween"] .noel-confetti i{animation-name:candy-burst;left:20%;top:45%}
@keyframes candy-burst{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translate(var(--piece-x),var(--piece-y)) rotate(var(--piece-spin))}}
html[data-season="halloween"] .boo-ghost{display:block;position:absolute;z-index:4;width:70px;height:95px;left:-10px;bottom:14px;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(25px) scale(.1);transform-origin:50% 100%}
.boo-ghost svg{display:block;width:70px;height:74px;filter:drop-shadow(0 6px 6px rgba(38,41,93,.2))}
.boo-word{display:block;color:#fff0c2;text-align:center;font-size:17px!important;font-weight:900;line-height:1.2}
html[data-season="halloween"] .is-unwrapped .boo-ghost{visibility:visible;animation:boo-peek .7s cubic-bezier(.2,.7,.3,1.3) forwards}
@keyframes boo-peek{0%{opacity:0;transform:translateY(20px) scale(.1)}45%{opacity:1;transform:translateY(-42px) scale(1.18) rotate(-8deg)}75%{opacity:1;transform:translateY(-20px) scale(.98) rotate(5deg)}100%{opacity:1;transform:translateY(-25px) scale(1) rotate(0)}}
html[data-season="halloween"] .noel-gift-card:has(.noel-present[aria-expanded="true"]){overflow:visible}
html[data-season="halloween"] .noel-confetti{inset:-50px 0 0;overflow:hidden;border-radius:16px}
html[data-season="halloween"] .noel-gift-card.is-unwrapped .gift-intro{padding-left:12px}
html.christmas-paused .boo-ghost{animation-play-state:paused}
@media(max-width:700px){.seasonal-controls{justify-content:space-between;gap:8px}.season-select{font-size:16px;min-height:38px;padding:7px 24px 7px 10px;max-width:175px}html.popo-home .seasonal-controls #christmas-toggle{font-size:11px!important;min-height:38px;padding:7px 9px}html[data-season="halloween"] .snowflake{width:10px;height:6px;opacity:.55}html[data-season="halloween"] .snowflake:nth-child(n+11){display:none}html[data-season="halloween"] .santa-drop--3{display:none}html[data-season="halloween"] .noel-present{overflow:visible}html[data-season="halloween"] .boo-ghost{width:54px;height:76px;left:-2px;bottom:7px}.boo-ghost svg{width:54px;height:57px}.boo-word{font-size:14px!important}html[data-season="halloween"] .noel-gift-card.is-unwrapped .gift-intro{padding-left:0}}
@media(prefers-reduced-motion:reduce){html[data-season="halloween"] :is(.santa-drop,.snowflake,.noel-confetti){display:none!important}html[data-season="halloween"] .is-unwrapped .boo-ghost{animation:none;opacity:1;transform:translateY(-25px);visibility:visible}}
html.christmas-paused[data-season] .santa-drop,html.christmas-paused[data-season] .is-unwrapped .boo-ghost{animation-play-state:paused}
@media(max-width:700px){.season-select{min-width:0;flex:1;max-width:180px}.seasonal-controls #christmas-toggle{flex:0 0 auto}}