.halloween-collection{background:var(--halloween-cream);color:var(--halloween-ink);overflow:hidden}
.halloween-collection__hero{position:relative;min-height:510px;padding:76px 0 68px;background:var(--halloween-ink);color:var(--halloween-cream);overflow:hidden;isolation:isolate}
.halloween-collection__hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:70px}
.halloween-collection__copy h1{max-width:900px;margin:0 0 24px;font-size:clamp(4.4rem,8vw,8.2rem);line-height:.82;text-transform:uppercase}
.halloween-collection__kicker{margin:0 0 18px;color:var(--halloween-orange);font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.halloween-collection__description{max-width:650px;margin:0;color:rgba(243,240,231,.8);font-size:1.05rem;line-height:1.6}
.halloween-collection__art{position:relative;min-height:330px}
.halloween-collection__moon{position:absolute;right:60px;top:18px;width:250px;height:250px;border-radius:50%;background:var(--halloween-orange);box-shadow:0 0 0 10px rgba(255,107,26,.13)}
.halloween-collection__bats{position:absolute;z-index:2;left:0;top:70px;width:245px;fill:var(--halloween-ink)}
.halloween-collection__stamp{position:absolute;z-index:3;right:12px;bottom:18px;display:grid;width:145px;height:145px;place-items:center;padding:16px;border:3px solid var(--halloween-cream);border-radius:50%;background:var(--halloween-purple);color:#fff;font-family:var(--font-heading);font-size:1rem;line-height:1.05;text-align:center;transform:rotate(7deg)}
.halloween-collection__web{position:absolute;z-index:1;right:-72px;top:-85px;width:390px;fill:none;stroke:var(--halloween-orange);stroke-width:4;opacity:.72;transform:rotate(90deg)}
.halloween-collection__strip{display:flex;min-height:68px;align-items:center;justify-content:center;gap:26px;padding:0 24px;border-block:3px solid var(--halloween-ink);background:var(--halloween-orange);font-family:var(--font-heading);font-size:1.08rem;text-transform:uppercase;letter-spacing:var(--heading-letter-spacing,1px)}
.halloween-collection__strip i{color:var(--halloween-cream);font-style:normal}
.halloween-collection__products{padding:82px 0 96px}
.halloween-collection__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:52px}
.halloween-collection__toolbar h2{margin:0;font-size:clamp(3.2rem,5vw,5.2rem);line-height:.88;text-transform:uppercase}
.halloween-collection__toolbar select{height:48px;padding:0 42px 0 18px;border:2px solid var(--halloween-ink);border-radius:0;background:#fff;clip-path:polygon(2% 6%,97% 0,100% 18%,98% 90%,94% 100%,4% 96%,0 80%,1% 18%)}
.halloween-collection__grid{gap:58px 28px}
.halloween-collection__grid .product-card__media{height:410px}
.halloween-collection__grid .product-card__backdrop{top:12%;border:3px solid var(--halloween-ink);border-radius:48% 52% 12% 12% / 22% 24% 8% 8%;background:var(--halloween-orange)}
.halloween-collection__grid .product-card:nth-child(3n+2) .product-card__backdrop{background:var(--halloween-yellow)}
.halloween-collection__grid .product-card:nth-child(3n+3) .product-card__backdrop{background:var(--halloween-purple)}
.halloween-collection__grid .product-card__backdrop::after{content:"☾";color:var(--halloween-ink);opacity:.36}
.halloween-collection__grid img.product-card__image{top:12%;left:0;width:100%;height:88%;box-sizing:border-box;border:3px solid var(--halloween-ink);border-radius:48% 52% 12% 12% / 22% 24% 8% 8%;object-fit:cover;object-position:center;filter:none}
.halloween-collection__grid .product-card__media:hover img.product-card__image{transform:none}
.halloween-collection__grid .product-card__info{justify-content:space-between;padding-top:20px;text-align:left}
.halloween-collection__grid .product-card__info h3{font-size:1.35rem}
.halloween-collection__grid .quick-add__button{position:relative;isolation:isolate;min-height:58px;justify-content:center;gap:12px;padding:0 24px;border:0;background:transparent;color:var(--halloween-ink);font-family:var(--font-heading);font-size:.88rem;letter-spacing:var(--heading-letter-spacing,1px);transform:rotate(-.6deg);transition:transform .18s ease}
.halloween-collection__grid .quick-add__button::before,.halloween-collection__grid .quick-add__button::after{content:"";position:absolute;z-index:-2;inset:-5px;background:#fff;clip-path:polygon(2% 7%,96% 1%,100% 17%,98% 88%,94% 100%,4% 96%,0 80%,1% 18%)}
.halloween-collection__grid .quick-add__button::after{z-index:-1;inset:2px;background:var(--halloween-yellow);clip-path:polygon(2% 9%,97% 2%,99% 20%,97% 87%,94% 98%,4% 95%,1% 78%,2% 17%)}
.halloween-collection__grid .quick-add__button span{display:inline-flex;align-items:center;gap:12px}
.halloween-collection__grid .quick-add__button span::before{content:"✦";font-size:1.05rem}
.halloween-collection__grid .quick-add__button b{display:none}
.halloween-collection__grid .quick-add__button:hover{transform:rotate(.5deg) translateY(-2px) scale(1.005)}

@media (max-width:990px){
  .halloween-collection__hero-inner{grid-template-columns:1fr;gap:20px}.halloween-collection__art{min-height:230px}.halloween-collection__moon{right:8%;width:210px;height:210px}.halloween-collection__bats{left:auto;right:20%;width:200px}.halloween-collection__stamp{right:4%;width:120px;height:120px;font-size:.82rem}.halloween-collection__strip{justify-content:flex-start;overflow:hidden;white-space:nowrap}
}

@media (max-width:700px){
  .halloween-collection__hero{min-height:0;padding:54px 0 38px}.halloween-collection__copy h1{font-size:4rem}.halloween-collection__description{font-size:.96rem}.halloween-collection__art{min-height:190px}.halloween-collection__moon{right:12px;width:170px;height:170px}.halloween-collection__bats{right:48px;top:55px;width:160px}.halloween-collection__stamp{right:0;bottom:0;width:98px;height:98px;padding:10px;font-size:.68rem}.halloween-collection__strip{min-height:56px;font-size:.9rem}.halloween-collection__products{padding:58px 0 70px}.halloween-collection__toolbar{align-items:flex-start;flex-direction:column;margin-bottom:34px}.halloween-collection__toolbar h2{font-size:3.15rem}.halloween-collection__grid .product-card__media{height:370px}
}