/* IMPOMIN · Halloween 2026. Decorative assets never intercept interactions. */
.halloween-season-date,.halloween-sky,.halloween-pumpkins,.halloween-credits{display:none}
html.halloween-active .halloween-default-date{display:none}
html.halloween-active .halloween-season-date{display:inline-block;color:#f9d5a5;font-size:11px;letter-spacing:.16em}
html.halloween-active .featured-home{background:#171c40;color:#fff5e7}
html.halloween-active .featured-home__grid{position:relative;background:radial-gradient(ellipse at 38% 38%,#45466b 0,#2b3167 36%,#191e44 73%);height:clamp(565px,40vw,640px)}
html.halloween-active .featured-home__intro{position:relative;justify-content:flex-start;padding-top:53px;padding-bottom:225px;isolation:isolate}
html.halloween-active .featured-home__intro h1{color:#fff3e2;margin:36px 0 25px;font-size:clamp(56px,5.7vw,96px);text-shadow:0 3px 24px #14193633}
html.halloween-active .featured-home__intro h1 span{color:#ff9650}
html.halloween-active .featured-home__intro p{color:#f1e5db;font-size:clamp(16px,1.35vw,23px);font-weight:400;line-height:1.35}
html.halloween-active .featured-home__intro:before{content:'';position:absolute;left:-62px;top:-63px;width:177px;height:177px;background:url('assets/halloween-2026/cobweb.svg') center/contain no-repeat;opacity:.13;pointer-events:none;z-index:-1}
html.halloween-active .halloween-pumpkins{display:block;position:absolute;width:86%;max-width:385px;aspect-ratio:1.5;bottom:1px;left:6%;background:url('assets/halloween-2026/pumpkins.webp') center/contain no-repeat;pointer-events:none;z-index:-1}
html.halloween-active .featured-home__visual{background:transparent;overflow:visible;isolation:isolate}
html.halloween-active .featured-home__visual:after{background:radial-gradient(ellipse,#060a2599,transparent 66%);bottom:11%;width:85%;height:35px;filter:blur(12px);border:0;z-index:-1}
html.halloween-active .halloween-sky{display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
html.halloween-active .halloween-moon{position:absolute;width:83%;aspect-ratio:1;left:5%;top:14%;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff9df 0,#f6dfae 47%,#dba870 100%);box-shadow:0 0 75px #efbd6c24,inset -15px -12px 38px #ac6d2526}
html.halloween-active .halloween-moon:after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.5;background:radial-gradient(ellipse at 28% 22%,#d2ae7936 0 5%,transparent 6%),radial-gradient(ellipse at 72% 30%,#b1906624 0 12%,transparent 13%),radial-gradient(ellipse at 19% 65%,#c2986433 0 10%,transparent 11%),radial-gradient(ellipse at 65% 75%,#e9bc8136 0 13%,transparent 14%)}
html.halloween-active .halloween-bat{position:absolute;background:#111631;mask:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzYyLjAwNSAxNDkuMTE1cy03IDU1Ljc3LTc5IDgzLjM2di0yNC42OWMtMi43Ni0xLTQuNjMgNy44OC03LjI2IDkuMTVoLTM5LjQ5Yy0yLjYzLTEuMjctNC41LTEwLjExLTcuMjYtOS4xNXYyNC42OWMtNzItMjcuNTktNzktODMuMzYtNzktODMuMzYtNjAuNzEgNjcuNjgtMTIxLjQxIDgwLTEyMS40MSA4MCAxMDIuNTMtMTYuMTEgMTAxLjM2IDQ0Ljg5IDEwMS4zNiA0NC44OSA2OS43MS0xMS45MSA2NS42NCAzNi4zMSA2NS42NCAzNi4zMSA2MC42My02LjkgNjAuNDEgNTIuNTcgNjAuNDEgNTIuNTdzLS4yMi01OS40NyA2MC40MS01Mi41N2MwIDAtNC4wNy00OC4yMiA2NS42NC0zNi4zMSAwIDAtMS4xNi02MSAxMDEuMzctNDQuODguMDIuMDEtNjAuNjktMTIuMzMtMTIxLjQxLTgwLjAxeiIvPjwvc3ZnPg==') center/contain no-repeat;aspect-ratio:1;z-index:2}
html.halloween-active .halloween-bat--one{width:126px;top:4%;right:0;transform:rotate(18deg)}
html.halloween-active .halloween-bat--two{width:79px;top:4%;right:31%;transform:rotate(-15deg)}
html.halloween-active .halloween-bat--three{width:62px;top:24%;left:0;transform:rotate(-26deg)}
html.halloween-active .featured-home__visual img[data-featured-image]{width:min(87%,510px);height:min(415px,calc(100% - 115px));filter:drop-shadow(0 22px 20px #0a0c3970);z-index:1}
html.halloween-active .featured-home__offer{background:linear-gradient(125deg,#252b59dd,#171c40);padding-top:44px;padding-bottom:44px;border-left:1px solid #ffffff0c}
html.halloween-active .featured-home__offer:before{content:'';position:absolute;right:-34px;top:-36px;width:155px;height:155px;background:url('assets/halloween-2026/cobweb.svg') center/contain no-repeat;opacity:.2;pointer-events:none}
html.halloween-active .featured-home__offer h2{position:relative;color:#fff6ec}
html.halloween-active .featured-home__group{color:#ffd4a6}
html.halloween-active .featured-home__offer a[data-featured-product]{box-shadow:0 8px 30px #ff641b1f}
html.halloween-active .featured-home__thumbs{padding-top:18px;margin-top:0;background:#171c40}
html.halloween-active .featured-home__thumbs button{background:#fff9f0;border-color:#ffffff20;box-shadow:none}
html.halloween-active .featured-home__thumbs button[aria-pressed=true]{border-color:#ff9650;box-shadow:0 0 0 2px #ff96502b}
html.halloween-active .featured-home__all{color:#ffdab4;font-weight:400}
html.halloween-active .halloween-credits{display:block;background:#f7f7fb;color:#686879;text-align:center;font:10px/1.5 sans-serif;padding:9px 20px}
html.halloween-active .halloween-credits a{color:inherit;text-decoration:underline}
@media(min-width:901px) and (max-width:1150px){
 html.halloween-active .featured-home__intro{padding-top:60px}
 html.halloween-active .featured-home__intro h1{font-size:5.7vw}
 html.halloween-active .halloween-pumpkins{bottom:35px;width:98%;left:0}
 html.halloween-active .halloween-moon{top:22%}
}
@media(max-width:900px){
 html.halloween-active .featured-home__grid{height:auto;grid-template-columns:48% 52%;grid-template-rows:360px auto}
 html.halloween-active .featured-home__intro{padding:35px 0 155px 9%;min-height:360px}
 html.halloween-active .featured-home__intro h1{font-size:clamp(43px,7vw,63px);margin:28px 0 18px}
 html.halloween-active .featured-home__intro p{font-size:16px}
 html.halloween-active .halloween-pumpkins{width:230px;max-width:82%;left:8%;bottom:-8px}
 html.halloween-active .featured-home__visual{min-height:360px}
 html.halloween-active .halloween-moon{width:80%;top:12%}
 html.halloween-active .featured-home__visual img[data-featured-image]{height:270px;width:86%}
 html.halloween-active .halloween-bat--one{width:92px;top:0;right:1%}
 html.halloween-active .halloween-bat--two{width:60px;top:-3%;right:38%}
 html.halloween-active .halloween-bat--three{width:50px;top:21%;left:0}
 html.halloween-active .featured-home__offer{grid-column:1/-1;min-height:290px;padding:28px 6%;border-top:1px solid #fff2;border-left:0;background:linear-gradient(125deg,#272d60,#171c40)}
 html.halloween-active .featured-home__offer h2{margin:18px 0;min-height:0}
 html.halloween-active .featured-home__offer:before{width:145px;height:145px}
}
@media(max-width:560px){
 html.halloween-active .featured-home__grid{grid-template-columns:46% 54%;grid-template-rows:320px auto}
 html.halloween-active .featured-home__intro{padding:28px 0 105px 10%;min-height:320px}
 html.halloween-active .halloween-season-date{font-size:8px;letter-spacing:.08em;white-space:nowrap}
 html.halloween-active .halloween-season-date:before{width:12px;height:3px;margin-right:5px}
 html.halloween-active .featured-home__intro h1{font-size:clamp(33px,9.7vw,47px);margin:26px 0 17px;line-height:.83;letter-spacing:-.06em}
 html.halloween-active .featured-home__intro h1 span{margin-top:7px;font-size:.7em}
 html.halloween-active .featured-home__intro p{font-size:12px;line-height:1.45;white-space:nowrap}
 html.halloween-active .halloween-pumpkins{width:175px;max-width:104%;bottom:1px;left:3%}
 html.halloween-active .featured-home__intro:before{width:110px;height:110px;left:-37px;top:-37px}
 html.halloween-active .featured-home__visual{min-height:320px}
 html.halloween-active .halloween-moon{width:91%;left:0;top:24%}
 html.halloween-active .featured-home__visual img[data-featured-image]{width:98%;height:211px;margin-top:30px;filter:drop-shadow(0 15px 12px #11163366)}
 html.halloween-active .halloween-bat--one{width:88px;right:0;top:9%;transform:rotate(17deg)}
 html.halloween-active .halloween-bat--two{width:51px;right:40%;top:6%}
 html.halloween-active .halloween-bat--three{width:41px;left:-4%;top:28%}
 html.halloween-active .featured-home__offer{padding:26px 6%;min-height:315px}
 html.halloween-active .featured-home__offer h2{font-size:28px;max-width:92%;margin:15px 0 18px}
 html.halloween-active .featured-home__price{font-size:46px}
 html.halloween-active .featured-home__offer:before{width:125px;height:125px;right:-26px;top:-29px;opacity:.15}
 html.halloween-active .featured-home__thumbs{padding-top:15px}
 html.halloween-active .featured-home__all{font-size:12px}
}
@media(prefers-reduced-motion:no-preference){
 html.halloween-active .halloween-sky{animation:halloween-arrive 800ms ease-out both}
 @keyframes halloween-arrive{from{opacity:0}to{opacity:1}}
}

/* Flight uses the original Skoll silhouette, with wings hinged around its body. */
.halloween-bat__flight{display:none}
@media(prefers-reduced-motion:no-preference){
 html.halloween-active .halloween-bat{background:none;mask:none;pointer-events:none;animation:halloween-bat-flight var(--flight-time,7s) ease-in-out infinite;animation-delay:var(--flight-delay,0s)}
 html.halloween-active .halloween-bat__flight{display:block;width:100%;height:100%;overflow:visible;fill:#111631}
 .halloween-bat__flight path{fill:#111631;stroke:none;stroke-width:0}
 .halloween-bat__body{clip-path:inset(0 44%)}
 .halloween-bat__wing-left{clip-path:inset(0 54% 0 0);transform-origin:46% 47%}
 .halloween-bat__wing-right{clip-path:inset(0 0 0 54%);transform-origin:54% 47%}
 .halloween-bat__wing-left,.halloween-bat__wing-right{transform-box:view-box;animation:halloween-bat-flap var(--flap-time,1.1s) ease-in-out infinite;animation-delay:var(--flight-delay,0s)}
 html.halloween-active .halloween-bat--one{--flight-time:7.6s;--flap-time:1.15s;--flight-delay:-2.3s}
 html.halloween-active .halloween-bat--two{--flight-time:6.3s;--flap-time:.95s;--flight-delay:-4.1s}
 html.halloween-active .halloween-bat--three{--flight-time:8.4s;--flap-time:1.3s;--flight-delay:-1.6s}
 @keyframes halloween-bat-flight{
  0%,100%{translate:0 0;rotate:0deg}
  25%{translate:-9px 7px;rotate:-4deg}
  50%{translate:-17px -5px;rotate:3deg}
  75%{translate:-5px -10px;rotate:-2deg}
 }
 @keyframes halloween-bat-flap{
  0%,100%{transform:scale(1,1)}
  48%{transform:scale(.87,.48)}
 }
}