/* Homepage-only, decorative campaign palettes. All prices come from Tebex. */
.hero--sale-active[data-sale-theme] { --campaign-ink: #f8f8f7; --campaign-accent: #f3bf68; --campaign-bg: #132017; background: var(--campaign-bg); color: var(--campaign-ink); }
:root[data-theme='dark'] .hero--sale-active[data-sale-theme] { background: var(--campaign-bg); }
.hero--sale-active[data-sale-theme] .sale-hero h1 { color: var(--campaign-ink); }
.hero--sale-active[data-sale-theme] .sale-hero__copy > p,
.hero--sale-active[data-sale-theme] .sale-hero__assurance,
.hero--sale-active[data-sale-theme] .sale-hero__offer-count { color: color-mix(in srgb, var(--campaign-ink) 78%, transparent); }
.hero--sale-active[data-sale-theme] .sale-hero__eyebrow,
.hero--sale-active[data-sale-theme] .sale-hero__eyebrow span,
.hero--sale-active[data-sale-theme] .sale-hero__visual-label .icon { color: var(--campaign-accent); }
.hero--sale-active[data-sale-theme] .sale-hero__cta { background: var(--campaign-accent); color: #181d19; }
.hero--sale-active[data-sale-theme] .sale-hero__discount { right: 0; background: var(--campaign-accent); color: #181d19; }
.hero--sale-active[data-sale-theme] .sale-hero__orb { border-color: color-mix(in srgb, var(--campaign-accent) 23%, transparent); }
.hero--sale-active[data-sale-theme] .sale-hero__spark { background: var(--campaign-accent); }
.hero--sale-active[data-sale-theme]::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .22; background: repeating-linear-gradient(120deg, transparent 0 85px, color-mix(in srgb, var(--campaign-accent) 13%, transparent) 86px 87px); }
.hero--sale-active[data-sale-theme] > * { position: relative; z-index: 1; }
.hero--sale-active[data-sale-theme='black-friday'] { --campaign-accent: #d8c39a; --campaign-bg: radial-gradient(ellipse at 79% 18%, #514736, transparent 43%), linear-gradient(125deg, #070808, #1c1d1b 56%, #090a0a); }
.hero--sale-active[data-sale-theme='black-friday']::after { opacity: .3; background: radial-gradient(circle, rgb(216 195 154 / 26%) 0 1px, transparent 1.5px) 0 0 / 22px 22px, linear-gradient(90deg, transparent 0 49.95%, rgb(216 195 154 / 18%) 50%, transparent 50.05%); mask-image: linear-gradient(90deg, #000, transparent 65%); }
.hero--sale-active[data-sale-theme='halloween'] { --campaign-accent: #ffae55; --campaign-bg: radial-gradient(circle at 78% 22%, #80451d, transparent 33%), linear-gradient(120deg, #12111d, #271526); }
.hero--sale-active[data-sale-theme='halloween']::after { background: radial-gradient(circle, #ffe3bd 0 1px, transparent 2px) 0 0 / 130px 110px, radial-gradient(circle, #b88cda 0 1px, transparent 2px) 38px 42px / 190px 145px, linear-gradient(180deg, transparent 60%, rgb(136 78 150 / 24%)); opacity: .38; }
.hero--sale-active[data-sale-theme='cyber-monday'] { --campaign-accent: #89d7ff; --campaign-bg: radial-gradient(circle at 79% 18%, #1b5078, transparent 38%), radial-gradient(circle at 10% 94%, #252455, transparent 42%), linear-gradient(120deg, #060e1b, #102537); }
.hero--sale-active[data-sale-theme='cyber-monday']::after { opacity: .5; background: radial-gradient(circle, rgb(137 215 255 / 55%) 0 1px, transparent 2px) 0 0 / 80px 80px, linear-gradient(90deg, transparent 0 49.9%, rgb(100 185 235 / 12%) 50%, transparent 50.1%); mask-image: linear-gradient(90deg, transparent 5%, #000 60%, transparent 100%); }
.hero--sale-active[data-sale-theme='christmas'] { --campaign-accent: #e9ca89; --campaign-bg: radial-gradient(circle at 78% 14%, #416a55, transparent 40%), radial-gradient(circle at 8% 90%, #244d43, transparent 42%), linear-gradient(120deg, #0b211c, #1c3c30); }
.hero--sale-active[data-sale-theme='new-year'] { --campaign-accent: #edda9c; --campaign-bg: radial-gradient(circle at 80% 17%, #5a457b, transparent 39%), radial-gradient(circle at 12% 93%, #293b68, transparent 42%), linear-gradient(120deg, #090e24, #241c3f); }
.hero--sale-active[data-sale-theme='easter'] { --campaign-accent: #f4d5a9; --campaign-bg: radial-gradient(circle at 80% 18%, #436c65, transparent 40%), linear-gradient(120deg, #193a35, #475071); }
.hero--sale-active[data-sale-theme='summer'] { --campaign-accent: #ffdf83; --campaign-bg: radial-gradient(circle at 80% 18%, #317f66, transparent 40%), linear-gradient(120deg, #124738, #205864); }

/* Black Friday: dark editorial print, metallic ticket, burst and a barcode. */
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero::before {
  opacity: 1;
  background: repeating-linear-gradient(0deg, transparent 0 59px, rgb(216 195 154 / 10%) 60px 61px);
  mask-image: linear-gradient(90deg, transparent, #000 24%, #000 85%, transparent);
}
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero h1 { max-width: 720px; color: #f8f4ec; font-weight: 950; text-transform: uppercase; letter-spacing: -.075em; text-shadow: 0 12px 45px rgb(0 0 0 / 34%); }
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-title__event,
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-title__offer { display: block; }
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-title__offer { margin-top: .13em; color: #d8c39a; font-size: .78em; line-height: .98; letter-spacing: -.055em; }
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero__eyebrow { width: fit-content; padding-bottom: 12px; border-bottom: 1px solid var(--campaign-accent); letter-spacing: .23em; }
.hero--sale-active[data-sale-theme='black-friday'] .sale-gallery__stage { border: 2px solid rgb(216 195 154 / 85%); border-radius: 6px; transform: rotate(-2deg); box-shadow: 0 0 0 8px rgb(216 195 154 / 8%), -24px 32px 80px rgb(0 0 0 / 52%); }
.hero--sale-active[data-sale-theme='black-friday'] .sale-gallery__overlay { background: linear-gradient(180deg, rgb(0 0 0 / 5%) 25%, rgb(0 0 0 / 38%) 60%, rgb(0 0 0 / 93%) 100%); }
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero__discount { border: 3px solid #f5e9d0; border-radius: 3px; background: #d8c39a; box-shadow: -12px 20px 42px rgb(0 0 0 / 45%); animation: none; transform: rotate(8deg); transition: transform .42s cubic-bezier(.16,.84,.2,1); }
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero__discount::after { border-color: rgb(0 0 0 / 34%); border-radius: 1px; }
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero__cta { border-radius: 4px; }
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero__visual-label,
.hero--sale-active[data-sale-theme='black-friday'] .sale-gallery__controls { border-color: rgb(216 195 154 / 31%); border-radius: 5px; background: rgb(11 12 11 / 86%); }
.hero--sale-active[data-sale-theme='black-friday'] .sale-gallery__controls button { border-radius: 3px; }
.hero--sale-active[data-sale-theme='black-friday'] .sale-hero__copy { border-left: 2px solid rgb(216 195 154 / 64%); padding-left: clamp(16px, 2.4vw, 30px); }
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__watermark { position: absolute; top: -102px; left: -74px; color: rgb(216 195 154 / 7%); font-size: clamp(270px, 29vw, 430px); font-weight: 950; line-height: 1; letter-spacing: -.14em; white-space: nowrap; }
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__burst { position: absolute; top: -57px; right: 30%; width: clamp(66px, 7vw, 92px); filter: drop-shadow(0 9px 18px rgb(0 0 0 / 38%)); transition: transform .5s cubic-bezier(.16,.84,.2,1); }
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__ticket { position: absolute; bottom: -42px; left: 34%; width: clamp(150px, 12.5vw, 178px); filter: drop-shadow(0 18px 23px rgb(0 0 0 / 43%)); transform: rotate(-9deg); transition: transform .45s cubic-bezier(.16,.84,.2,1); }
.hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__barcode { position: absolute; right: 7%; bottom: -34px; width: 105px; height: 45px; border-block: 3px solid #d8c39a; background: repeating-linear-gradient(90deg, #d8c39a 0 2px, transparent 2px 5px, #d8c39a 5px 9px, transparent 9px 12px, #d8c39a 12px 13px, transparent 13px 17px); opacity: .78; transform: rotate(8deg); transition: transform .45s ease, opacity .45s ease; }
@media (hover: hover) {
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .black-friday-decor__burst { transform: rotate(38deg) scale(1.1); }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .black-friday-decor__ticket { transform: translateY(-13px) rotate(-2deg); }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .black-friday-decor__barcode { transform: translateY(-6px) rotate(2deg); opacity: 1; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .sale-hero__discount { transform: rotate(-4deg) scale(1.04); }
}

/* Halloween: an illustrated moonlit scene; artwork is scoped to this theme only. */
.hero--sale-active[data-sale-theme='halloween'] .sale-hero::before {
  opacity: .8;
  background: radial-gradient(circle at 77% 16%, #ffd29c 0 72px, #f39b75 73px 78px, transparent 80px),
    radial-gradient(ellipse at 80% 90%, rgb(162 84 183 / 23%), transparent 57%);
  mask-image: none;
}
.hero--sale-active[data-sale-theme='halloween'] .sale-hero h1 { color: #fff2e5; text-shadow: 0 4px 34px rgb(255 136 74 / 24%); }
.hero--sale-active[data-sale-theme='halloween'] .sale-gallery__stage { border: 2px solid rgb(255 174 85 / 50%); border-radius: 44px 12px 44px 12px; transform: rotate(2deg); box-shadow: -12px 34px 90px rgb(8 6 20 / 45%), 0 0 0 8px rgb(255 174 85 / 7%); }
.hero--sale-active[data-sale-theme='halloween'] .sale-hero__discount { border-radius: 42% 58% 53% 47%; background: #ffae55; }
.hero--sale-active[data-sale-theme='halloween'] .sale-hero__orb--two { border-style: dashed; }
.hero--sale-active[data-sale-theme='halloween'] .sale-hero__visual-label { background: rgb(27 15 39 / 79%); }
.hero--sale-active[data-sale-theme='halloween'] .sale-gallery__controls { background: rgb(27 15 39 / 86%); }
.hero--sale-active[data-sale-theme='halloween'] .sale-hero__copy { padding-bottom: 22px; }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor svg { position: absolute; display: block; overflow: visible; pointer-events: none; will-change: transform; }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor__bats { top: -37px; right: 11%; width: clamp(145px, 16vw, 225px); fill: #1c1425; filter: drop-shadow(0 2px 1px rgb(255 191 124 / 35%)); }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor__ghost { top: 39%; right: -4px; width: clamp(75px, 8.2vw, 110px); filter: drop-shadow(0 12px 24px rgb(170 113 212 / 40%)); }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor__ghost-glow { fill: #b183d4; opacity: .38; }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor__ghost-sheet { fill: #f9edff; stroke: #d0b2e5; stroke-width: 3; }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor__pumpkins { bottom: -48px; left: 26%; width: clamp(145px, 17vw, 216px); filter: drop-shadow(0 14px 18px rgb(0 0 0 / 31%)); }
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor__pumpkin-light { opacity: 0; transition: opacity .2s ease; }
@media (hover: hover) {
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero:hover .halloween-decor__ghost { animation: halloween-ghost-hover 1.7s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero:hover .halloween-decor__pumpkins { animation: halloween-pumpkin-hover .95s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero:hover .halloween-decor__pumpkin-light { opacity: .9; }
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero:hover .halloween-decor__bat--one { animation: halloween-bat-hover .58s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero:hover .halloween-decor__bat--two { animation: halloween-bat-hover .7s -.22s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero:hover .halloween-decor__bat--three { animation: halloween-bat-hover .65s -.35s ease-in-out infinite alternate; }
}
.hero--sale-active[data-sale-theme='halloween'] .halloween-decor__bat { transform-box: fill-box; transform-origin: center; }
@keyframes halloween-ghost-hover { from { transform: translateY(1px) rotate(-5deg); } to { transform: translateY(-18px) rotate(6deg); } }
@keyframes halloween-pumpkin-hover { from { transform: rotate(-3deg) translateY(2px); } to { transform: rotate(3deg) translateY(-5px); } }
@keyframes halloween-bat-hover { from { transform: scaleY(1) translateY(0); } to { transform: scaleY(.62) translateY(-9px); } }
@media (min-width: 901px) and (max-width: 1150px) {
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero__actions { gap: 10px; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero__cta { padding-inline: 12px; font-size: .83rem; white-space: nowrap; }
}

/* Cyber Monday: neon circuitry, a microchip and a responsive signal deck. */
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero::before {
  opacity: .8;
  background-image: linear-gradient(rgb(137 215 255 / 11%) 1px, transparent 1px), linear-gradient(90deg, rgb(137 215 255 / 11%) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 70% 45%, #000, transparent 75%);
}
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero h1 { color: #f2faff; font-weight: 900; text-shadow: 0 0 38px rgb(92 207 255 / 23%); }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-title__event,
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-title__offer { display: block; }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-title__offer { margin-top: .16em; color: #a2e5ff; font-size: .78em; line-height: 1; letter-spacing: -.057em; text-shadow: 0 0 35px rgb(89 196 255 / 29%); }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__eyebrow { font-family: ui-monospace, Consolas, monospace; letter-spacing: .16em; }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__copy { border-left: 2px solid rgb(137 215 255 / 48%); padding-left: clamp(16px, 2vw, 27px); }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-gallery__stage { border: 2px solid #89d7ff; border-radius: 8px; box-shadow: 0 0 0 7px rgb(137 215 255 / 9%), 0 25px 80px rgb(0 152 246 / 25%); }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-gallery__stage::before { content: ''; position: absolute; z-index: 7; inset: 0; background: linear-gradient(180deg, transparent 47%, rgb(137 215 255 / 5%) 49%, rgb(137 215 255 / 78%) 50%, rgb(137 215 255 / 5%) 51%, transparent 53%); opacity: 0; transform: translateY(-100%); transition: transform 1.15s ease, opacity .2s ease; pointer-events: none; }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__visual:hover .sale-gallery__stage::before { opacity: .75; transform: translateY(100%); }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-gallery__overlay { background: linear-gradient(180deg, rgb(3 12 28 / 5%) 26%, rgb(3 12 28 / 32%) 57%, rgb(3 12 28 / 95%) 100%); }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__cta,
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__discount { border-radius: 8px; }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__discount { border: 3px solid #d7f5ff; background: linear-gradient(145deg, #c3f1ff, #74c9fa); box-shadow: 0 0 0 6px rgb(137 215 255 / 11%), 0 14px 38px rgb(0 129 221 / 35%); }
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__visual-label,
.hero--sale-active[data-sale-theme='cyber-monday'] .sale-gallery__controls { border-color: rgb(137 215 255 / 34%); border-radius: 8px; background: rgb(5 18 32 / 86%); }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__chip { position: absolute; bottom: -43px; left: 31%; width: clamp(145px, 12.5vw, 175px); filter: drop-shadow(0 15px 25px rgb(0 0 0 / 44%)) drop-shadow(0 0 16px rgb(90 205 255 / 28%)); transform: rotate(-7deg); transition: transform .5s cubic-bezier(.16,.84,.2,1); }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__reticle { position: absolute; top: -57px; right: 17%; width: clamp(77px, 8vw, 108px); filter: drop-shadow(0 0 16px rgb(75 203 255 / 32%)); transition: transform .65s cubic-bezier(.16,.84,.2,1); }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__signal { position: absolute; top: 43%; right: -4px; display: flex; align-items: center; justify-content: space-evenly; width: 79px; height: 27px; border: 1px solid rgb(137 215 255 / 67%); border-radius: 5px; background: #081d30; box-shadow: 0 0 20px rgb(48 163 236 / 30%); transform: rotate(90deg); }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__signal i { width: 7px; height: 7px; border-radius: 50%; background: #9eeaff; box-shadow: 0 0 10px #67c9ff; }
.hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__signal i:nth-child(2) { background: #d290ff; box-shadow: 0 0 10px #d290ff; }
@media (hover: hover) {
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__chip { transform: translateY(-12px) rotate(2deg); }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__reticle { transform: rotate(60deg) scale(1.08); }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__signal i { animation: cyber-signal 1.1s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__signal i:nth-child(2) { animation-delay: -.35s; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__signal i:nth-child(3) { animation-delay: -.7s; }
}
@keyframes cyber-signal { from { opacity: .4; transform: scale(.7); } to { opacity: 1; transform: scale(1.2); } }
@media (min-width: 701px) and (max-width: 900px) {
  .hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__signal { top: 72%; right: 2%; }
}

/* Christmas: snowfall, a branded ornament tree and a snow-capped gallery. */
.hero--sale-active[data-sale-theme='christmas']::after {
  opacity: .55;
  background-image: radial-gradient(circle, #fff 1.5px, transparent 2px), radial-gradient(circle, #fff 1px, transparent 2px), radial-gradient(circle, #e9ca89 1px, transparent 2px);
  background-size: 110px 110px, 165px 165px, 240px 190px;
  background-position: 0 0, 48px 68px;
}
.hero--sale-active[data-sale-theme='christmas'] .sale-hero::before {
  opacity: .68;
  background: radial-gradient(circle at 74% 10%, rgb(252 236 184 / 22%), transparent 28%), repeating-linear-gradient(145deg, transparent 0 40px, rgb(233 202 137 / 9%) 41px 42px, transparent 43px 82px);
  mask-image: linear-gradient(90deg, transparent 20%, #000 65%, transparent 100%);
}
.hero--sale-active[data-sale-theme='christmas'] .sale-hero h1 { color: #fff9ec; font-family: Georgia, serif; font-weight: 700; letter-spacing: -.055em; text-shadow: 0 10px 38px rgb(0 0 0 / 25%); }
.hero--sale-active[data-sale-theme='christmas'] .christmas-title__event,
.hero--sale-active[data-sale-theme='christmas'] .christmas-title__offer { display: block; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-title__offer { margin-top: .13em; color: #f0d99e; font-size: .77em; line-height: 1.02; }
.hero--sale-active[data-sale-theme='christmas'] .sale-hero__eyebrow { letter-spacing: .18em; }
.hero--sale-active[data-sale-theme='christmas'] .sale-gallery__stage { border: 3px double rgb(233 202 137 / 88%); border-radius: 24px; box-shadow: 0 0 0 7px rgb(255 245 218 / 6%), -16px 30px 80px rgb(3 24 17 / 40%); }
.hero--sale-active[data-sale-theme='christmas'] .sale-gallery__stage::before { content: ''; position: absolute; z-index: 7; top: 0; right: 0; left: 0; height: 13px; background: #eef9f4; clip-path: polygon(0 0,100% 0,100% 60%,94% 80%,88% 55%,82% 95%,75% 52%,67% 80%,60% 56%,53% 92%,45% 55%,37% 82%,29% 56%,20% 93%,12% 55%,5% 82%,0 64%); opacity: .85; pointer-events: none; }
.hero--sale-active[data-sale-theme='christmas'] .sale-gallery__overlay { background: linear-gradient(180deg, rgb(5 27 20 / 5%) 26%, rgb(5 27 20 / 31%) 58%, rgb(5 27 20 / 94%) 100%); }
.hero--sale-active[data-sale-theme='christmas'] .sale-hero__discount { border: 5px double #fff7df; background: linear-gradient(145deg, #f9e8b8, #e2bd73); box-shadow: 0 0 0 2px #e9ca89, 0 18px 40px rgb(0 0 0 / 30%); }
.hero--sale-active[data-sale-theme='christmas'] .sale-hero__visual-label,
.hero--sale-active[data-sale-theme='christmas'] .sale-gallery__controls { border-color: rgb(233 202 137 / 34%); background: rgb(9 35 26 / 84%); }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__tree { position: absolute; bottom: -54px; left: 33%; width: clamp(160px, 17vw, 220px); filter: drop-shadow(0 15px 22px rgb(0 0 0 / 31%)); transform: rotate(-3deg); transform-origin: 50% 100%; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__bauble { transform-box: fill-box; transform-origin: 50% 0; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__star { transform-box: fill-box; transform-origin: center; filter: drop-shadow(0 0 6px #ffe6a5); }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake { position: absolute; display: block; color: #e7f7f5; opacity: .8; filter: drop-shadow(0 0 7px rgb(255 255 255 / 43%)); }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--one { top: -26px; left: 11%; width: 21px; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--two { top: 9%; left: 48%; width: 30px; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--three { top: 9%; right: 13%; width: 23px; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--four { bottom: 12%; left: 6%; width: 20px; }
.hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--five { bottom: 1%; right: 13%; width: 27px; }
@media (hover: hover) {
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__tree { animation: christmas-tree-sway 2.2s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__bauble { animation: christmas-bauble-swing 1.7s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__star { animation: christmas-star-glow 1.3s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__snowflake--one,
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__snowflake--three,
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__snowflake--five { animation: christmas-snow-drift 2.5s ease-in-out infinite alternate; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__snowflake--two,
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero:hover .christmas-decor__snowflake--four { animation: christmas-snow-drift 3s -.7s ease-in-out infinite alternate-reverse; }
}
@keyframes christmas-tree-sway { from { transform: rotate(-3deg); } to { transform: rotate(2deg); } }
@keyframes christmas-bauble-swing { from { transform: rotate(-6deg); } to { transform: rotate(7deg); } }
@keyframes christmas-star-glow { from { opacity: .8; transform: scale(.95); } to { opacity: 1; transform: scale(1.15); } }
@keyframes christmas-snow-drift { from { transform: translate3d(0,0,0) rotate(0); } to { transform: translate3d(8px,18px,0) rotate(28deg); } }

/* New Year: staggered firework bursts and a celebratory, animated greeting. */
.hero--sale-active[data-sale-theme='new-year']::after {
  opacity: .6;
  background: radial-gradient(circle, #fff3d7 0 1px, transparent 2px) 0 0 / 116px 97px, radial-gradient(circle, #b3c8ff 0 1px, transparent 2px) 36px 58px / 163px 139px, linear-gradient(180deg, transparent 60%, rgb(181 139 230 / 15%));
}
.hero--sale-active[data-sale-theme='new-year'] .sale-hero::before {
  opacity: .5;
  background: radial-gradient(circle at 78% 13%, rgb(236 199 137 / 22%), transparent 27%), radial-gradient(circle at 17% 79%, rgb(175 165 240 / 16%), transparent 29%);
  mask-image: none;
}
.hero--sale-active[data-sale-theme='new-year'] .sale-hero h1 { max-width: 720px; color: #f7e8bf; font-family: Georgia, serif; font-size: clamp(3.1rem, 5.2vw, 5.8rem); letter-spacing: -.06em; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-title__greeting,
.hero--sale-active[data-sale-theme='new-year'] .new-year-title__offer { display: block; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-title__greeting { position: relative; font-style: italic; line-height: .98; animation: new-year-greeting-in .9s cubic-bezier(.16,.84,.2,1) both, new-year-greeting-glow 4s 1s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-title__greeting::after { content: '✦'; display: inline-block; margin-left: .15em; color: #fff7d2; font-family: Georgia, serif; font-size: .34em; font-style: normal; vertical-align: top; animation: new-year-title-star 2.4s 1s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-title__offer { margin-top: .28em; color: #f8f5ff; font-family: system-ui, sans-serif; font-size: .57em; font-style: normal; font-weight: 800; letter-spacing: -.053em; line-height: 1.1; animation: new-year-offer-in .8s .35s cubic-bezier(.16,.84,.2,1) both; }
.hero--sale-active[data-sale-theme='new-year'] .sale-hero__eyebrow { letter-spacing: .19em; }
.hero--sale-active[data-sale-theme='new-year'] .sale-gallery__stage { border: 2px solid rgb(237 218 156 / 80%); border-radius: 8px 44px 8px 44px; box-shadow: 0 0 0 8px rgb(237 218 156 / 7%), -14px 28px 80px rgb(5 8 28 / 46%); }
.hero--sale-active[data-sale-theme='new-year'] .sale-gallery__overlay { background: linear-gradient(180deg, rgb(8 9 31 / 5%) 24%, rgb(8 9 31 / 33%) 58%, rgb(8 9 31 / 94%) 100%); }
.hero--sale-active[data-sale-theme='new-year'] .sale-hero__discount { border: 3px solid #fff3d6; border-radius: 10px; background: linear-gradient(145deg, #fff0ba, #dfba71); box-shadow: 0 0 0 6px rgb(237 218 156 / 10%), 0 20px 45px rgb(4 4 23 / 34%); }
.hero--sale-active[data-sale-theme='new-year'] .sale-hero__visual-label,
.hero--sale-active[data-sale-theme='new-year'] .sale-gallery__controls { border-color: rgb(237 218 156 / 32%); background: rgb(17 16 43 / 86%); }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework { position: absolute; display: block; overflow: visible; filter: drop-shadow(0 0 8px currentColor); }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__rays { transform-box: fill-box; transform-origin: center; animation: new-year-firework-burst 4.2s ease-out infinite; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--one { top: -48px; right: 16%; width: clamp(118px, 13vw, 174px); color: #f7df9d; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--two { top: 25%; left: 42%; width: clamp(90px, 9vw, 123px); color: #b5c5ff; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--three { bottom: -39px; left: 45%; width: clamp(88px, 9vw, 120px); color: #f7b5d9; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--two .new-year-decor__rays { animation-delay: -1.4s; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--three .new-year-decor__rays { animation-delay: -2.8s; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star { position: absolute; color: #ffedbc; font-size: 18px; line-height: 1; opacity: .75; animation: new-year-twinkle 3s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star--one { top: 5%; left: 35%; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star--two { top: 40%; right: 5%; animation-delay: -1.4s; }
.hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star--three { bottom: 8%; left: 25%; animation-delay: -2.2s; }
@keyframes new-year-firework-burst { 0%, 7% { opacity: 0; transform: scale(.25) rotate(-14deg); } 22% { opacity: 1; transform: scale(.9) rotate(0); } 38% { opacity: .9; transform: scale(1); } 72%, 100% { opacity: 0; transform: scale(1.18) rotate(12deg); } }
@keyframes new-year-greeting-in { from { opacity: 0; transform: translateY(18px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes new-year-greeting-glow { from { text-shadow: 0 0 12px rgb(237 218 156 / 12%); } to { text-shadow: 0 0 34px rgb(237 218 156 / 46%); } }
@keyframes new-year-offer-in { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: none; } }
@keyframes new-year-title-star { from { opacity: .55; transform: rotate(-20deg) scale(.8); } to { opacity: 1; transform: rotate(20deg) scale(1.18); } }
@keyframes new-year-twinkle { from { opacity: .35; transform: scale(.8); } to { opacity: 1; transform: scale(1.18); } }

/* Easter: an illustrated spring garden with painted eggs, a bunny and drifting petals. */
.hero--sale-active[data-sale-theme='easter'] {
  --campaign-ink: #1b3d38;
  --campaign-accent: #a83e70;
  --campaign-bg: radial-gradient(circle at 76% 16%, #fff7d8 0 92px, transparent 220px), radial-gradient(ellipse at 7% 86%, #d8edcc, transparent 43%), linear-gradient(122deg, #f7faed, #e3f2e8 56%, #f4e5f0);
}
.hero--sale-active[data-sale-theme='easter']::after {
  opacity: .62;
  background: radial-gradient(ellipse 74% 32% at 17% 109%, #bbdaba 0 98%, transparent 100%), radial-gradient(ellipse 60% 27% at 84% 108%, #b4d3bd 0 98%, transparent 100%), radial-gradient(circle, rgb(255 255 255 / 80%) 0 3px, transparent 4px) 0 0 / 95px 90px;
}
.hero--sale-active[data-sale-theme='easter'] .sale-hero::before {
  opacity: .65;
  background: radial-gradient(circle at 82% 20%, rgb(255 255 255 / 95%) 0 4px, transparent 5px) 0 0 / 102px 88px, radial-gradient(circle at 64% 72%, rgb(240 173 199 / 48%) 0 3px, transparent 4px) 0 0 / 142px 126px;
  mask-image: none;
}
.hero--sale-active[data-sale-theme='easter'] .sale-hero h1 { max-width: 700px; font-weight: 800; letter-spacing: -.065em; }
.hero--sale-active[data-sale-theme='easter'] .easter-title__greeting,
.hero--sale-active[data-sale-theme='easter'] .easter-title__offer { display: block; }
.hero--sale-active[data-sale-theme='easter'] .easter-title__greeting { width: fit-content; color: #24594a; font-family: Georgia, serif; font-style: italic; letter-spacing: -.075em; line-height: 1.04; text-shadow: 0 4px 0 rgb(255 255 255 / 64%); animation: easter-greeting-in .9s cubic-bezier(.16,.84,.2,1) both; }
.hero--sale-active[data-sale-theme='easter'] .easter-title__offer { margin-top: .22em; color: #a83e70; font-size: .69em; font-weight: 900; line-height: 1.05; animation: easter-offer-in .75s .32s cubic-bezier(.16,.84,.2,1) both; }
.hero--sale-active[data-sale-theme='easter'] .sale-gallery__stage { border: 5px solid rgb(255 255 255 / 90%); border-radius: 52px 52px 24px 24px; box-shadow: 0 0 0 1px rgb(92 126 100 / 13%), 0 30px 75px rgb(51 99 74 / 20%); }
.hero--sale-active[data-sale-theme='easter'] .sale-gallery__overlay { background: linear-gradient(180deg, transparent 24%, rgb(10 37 27 / 14%) 48%, rgb(10 37 27 / 91%) 100%); }
.hero--sale-active[data-sale-theme='easter'] .sale-hero__discount { border: 4px solid white; border-radius: 50% 50% 46% 46% / 62% 62% 38% 38%; background: linear-gradient(150deg, #f7c9dc, #dc79a7); color: #382230; box-shadow: 0 0 0 7px rgb(255 255 255 / 34%), 0 15px 38px rgb(59 105 71 / 25%); }
.hero--sale-active[data-sale-theme='easter'] .sale-hero__visual-label { background: rgb(29 75 60 / 84%); }
.hero--sale-active[data-sale-theme='easter'] .sale-hero__cta { color: white; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor { position: absolute; z-index: 3; left: 31%; bottom: -35px; width: 250px; height: 180px; pointer-events: none; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__scene { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 12px 12px rgb(77 108 83 / 17%)); }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__egg,
.hero--sale-active[data-sale-theme='easter'] .easter-decor__bunny { transform-box: fill-box; transform-origin: center bottom; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__egg--one { animation: easter-egg-sway 4.8s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__egg--two { animation: easter-egg-sway 5.2s -2s ease-in-out infinite alternate-reverse; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__egg--three { animation: easter-egg-sway 4.5s -1s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__bunny { animation: easter-bunny-peek 5s ease-in-out infinite; }
.hero--sale-active[data-sale-theme='easter'] .sale-hero:hover .easter-decor__egg { animation: easter-egg-wiggle .72s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='easter'] .sale-hero:hover .easter-decor__egg--two { animation-delay: -.25s; }
.hero--sale-active[data-sale-theme='easter'] .sale-hero:hover .easter-decor__egg--three { animation-delay: -.48s; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__petal { position: absolute; display: block; width: 11px; height: 17px; border-radius: 80% 10% 70% 10%; background: #e99bbc; opacity: .75; animation: easter-petal-drift 6s ease-in-out infinite; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__petal--one { top: 4px; left: 4%; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__petal--two { top: 23px; right: 14%; width: 9px; height: 14px; animation-delay: -2s; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__petal--three { top: 59px; left: 49%; width: 8px; height: 12px; background: #f3cbaa; animation-delay: -3.5s; }
.hero--sale-active[data-sale-theme='easter'] .easter-decor__petal--four { top: 80px; right: 2%; width: 8px; height: 13px; background: #b593d6; animation-delay: -1.2s; }
@keyframes easter-greeting-in { from { opacity: 0; transform: translateY(19px) rotate(-3deg) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes easter-offer-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes easter-egg-sway { from { transform: rotate(-3deg) translateY(1px); } to { transform: rotate(4deg) translateY(-5px); } }
@keyframes easter-egg-wiggle { from { transform: rotate(-7deg) translateY(2px); } to { transform: rotate(8deg) translateY(-7px); } }
@keyframes easter-bunny-peek { 0%, 68%, 100% { transform: translateY(0) rotate(0); } 77% { transform: translateY(-9px) rotate(-4deg); } 88% { transform: translateY(-9px) rotate(3deg); } }
@keyframes easter-petal-drift { 0% { transform: translate(0, -6px) rotate(-32deg); opacity: 0; } 20% { opacity: .8; } 72% { opacity: .7; } 100% { transform: translate(24px, 54px) rotate(140deg); opacity: 0; } }

/* Summer: a bright coast with an animated sea, parasol and beach-ball vignette. */
.hero--sale-active[data-sale-theme='summer'] {
  --campaign-ink: #123b45;
  --campaign-accent: #b94b22;
  --campaign-bg: radial-gradient(circle at 82% 16%, #ffedaa 0 77px, rgb(255 237 170 / 36%) 78px 142px, transparent 210px), linear-gradient(156deg, #fff7dd 0%, #def6ed 48%, #b3e2e4 100%);
}
.hero--sale-active[data-sale-theme='summer']::after {
  opacity: .8;
  background: radial-gradient(ellipse 83% 25% at 5% 117%, #f7e4b2 0 99%, transparent 100%), radial-gradient(ellipse 66% 19% at 94% 115%, rgb(51 174 183 / 42%) 0 99%, transparent 100%), radial-gradient(circle, rgb(255 255 255 / 72%) 0 2px, transparent 3px) 0 0 / 130px 110px;
}
.hero--sale-active[data-sale-theme='summer'] .sale-hero::before { opacity: .38; background: radial-gradient(circle, rgb(255 255 255 / 90%) 0 2px, transparent 3px) 0 0 / 98px 82px; mask-image: none; }
.hero--sale-active[data-sale-theme='summer'] .sale-hero h1 { max-width: 710px; letter-spacing: -.075em; }
.hero--sale-active[data-sale-theme='summer'] .summer-title__event,
.hero--sale-active[data-sale-theme='summer'] .summer-title__offer { display: block; }
.hero--sale-active[data-sale-theme='summer'] .summer-title__event { width: fit-content; color: #0c6771; font-weight: 950; line-height: 1; text-shadow: 0 4px 0 rgb(255 255 255 / 68%); animation: summer-title-rise .82s cubic-bezier(.16,.84,.2,1) both; }
.hero--sale-active[data-sale-theme='summer'] .summer-title__offer { margin-top: .2em; color: #bd4d23; font-size: .72em; font-weight: 900; line-height: 1.05; animation: summer-offer-rise .8s .3s cubic-bezier(.16,.84,.2,1) both; }
.hero--sale-active[data-sale-theme='summer'] .sale-gallery__stage { border: 5px solid rgb(255 255 255 / 92%); border-radius: 45px 45px 23px 23px; box-shadow: 0 0 0 1px rgb(22 107 118 / 13%), 0 28px 75px rgb(16 99 109 / 22%); transform: rotate(-1.2deg); }
.hero--sale-active[data-sale-theme='summer'] .sale-gallery__overlay { background: linear-gradient(180deg, transparent 22%, rgb(7 54 58 / 12%) 49%, rgb(7 42 45 / 91%) 100%); }
.hero--sale-active[data-sale-theme='summer'] .sale-hero__discount { border: 4px solid white; background: linear-gradient(145deg, #ffe29a, #faac53); color: #42312c; box-shadow: 0 0 0 7px rgb(255 241 191 / 33%), 0 18px 42px rgb(30 91 96 / 22%); }
.hero--sale-active[data-sale-theme='summer'] .sale-hero__visual-label { background: rgb(10 76 83 / 83%); }
.hero--sale-active[data-sale-theme='summer'] .sale-hero__cta { color: white; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor { position: absolute; z-index: 3; left: 29%; bottom: -39px; width: 260px; height: 170px; pointer-events: none; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__scene { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 11px 11px rgb(43 116 121 / 15%)); }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__wave--back { animation: summer-wave-back 3.2s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__wave--front { animation: summer-wave-front 2.7s -1s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__foam,
.hero--sale-active[data-sale-theme='summer'] .summer-decor__ripple { animation: summer-ripple 2.8s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__ripple--two { animation-delay: -1.3s; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__parasol { transform-box: fill-box; transform-origin: center bottom; animation: summer-parasol-sway 4.4s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='summer'] .sale-hero:hover .summer-decor__parasol { animation: summer-parasol-hover .9s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__ball { transform-box: fill-box; transform-origin: center; transition: transform .7s cubic-bezier(.16,.84,.2,1); }
.hero--sale-active[data-sale-theme='summer'] .sale-hero:hover .summer-decor__ball { transform: rotate(18deg) translateX(4px); }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__gull { animation: summer-gull-drift 6s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__glint { position: absolute; color: #fffaf0; font-size: 17px; line-height: 1; text-shadow: 0 0 8px rgb(255 255 255 / 90%); animation: summer-glint 2.8s ease-in-out infinite alternate; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__glint--one { top: 20px; right: 24%; }
.hero--sale-active[data-sale-theme='summer'] .summer-decor__glint--two { top: 71px; right: 5%; font-size: 12px; animation-delay: -1.3s; }
@keyframes summer-title-rise { from { opacity: 0; transform: translateY(18px) skewY(2deg); } to { opacity: 1; transform: none; } }
@keyframes summer-offer-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes summer-wave-back { from { transform: translate(-9px, 0); } to { transform: translate(8px, 5px); } }
@keyframes summer-wave-front { from { transform: translate(8px, 2px); } to { transform: translate(-7px, -4px); } }
@keyframes summer-ripple { from { opacity: .35; transform: translateX(-8px); } to { opacity: .95; transform: translateX(11px); } }
@keyframes summer-parasol-sway { from { transform: rotate(-2deg); } to { transform: rotate(2deg); } }
@keyframes summer-parasol-hover { from { transform: rotate(-5deg); } to { transform: rotate(6deg); } }
@keyframes summer-gull-drift { from { transform: translateX(-4px); } to { transform: translateX(8px); } }
@keyframes summer-glint { from { opacity: .25; transform: scale(.7) rotate(-15deg); } to { opacity: 1; transform: scale(1.1) rotate(12deg); } }

.hero--sale-active[data-sale-theme='easter'] .sale-hero__copy > p,
.hero--sale-active[data-sale-theme='summer'] .sale-hero__copy > p,
.hero--sale-active[data-sale-theme='easter'] .sale-hero__assurance,
.hero--sale-active[data-sale-theme='summer'] .sale-hero__assurance,
.hero--sale-active[data-sale-theme='easter'] .sale-hero__offer-count,
.hero--sale-active[data-sale-theme='summer'] .sale-hero__offer-count { color: color-mix(in srgb, var(--campaign-ink) 78%, transparent); }
.hero--sale-active[data-sale-theme] .sale-hero__offer-count strong { color: var(--campaign-accent); }
.hero--sale-active[data-sale-theme] .sale-hero__assurance .icon { color: var(--campaign-accent); }
.hero--sale-active[data-sale-theme] .sale-hero__eyebrow > span { border-color: var(--campaign-accent); background: var(--campaign-accent); color: var(--campaign-icon-ink, #18221e); box-shadow: 0 10px 30px color-mix(in srgb, var(--campaign-accent) 24%, transparent); }
.hero--sale-active[data-sale-theme] .sale-hero__eyebrow .icon { color: inherit; }
.hero--sale-active[data-sale-theme] .sale-gallery__copy small,
.hero--sale-active[data-sale-theme] .sale-gallery__copy b { color: var(--campaign-accent); }
.hero--sale-active[data-sale-theme] .sale-gallery__status i,
.hero--sale-active[data-sale-theme] .sale-gallery__controls button:hover { background: var(--campaign-accent); }
.hero--sale-active[data-sale-theme] .sale-gallery__controls button:focus-visible { outline-color: var(--campaign-accent); }
.hero--sale-active[data-sale-theme] .sale-hero__cta:hover { color: #181d19; }
.hero--sale-active[data-sale-theme='easter'] .sale-hero__cta:hover { color: white; }
.hero--sale-active[data-sale-theme='summer'] .sale-hero__cta:hover { color: white; }
.hero--sale-active[data-sale-theme='easter'] { --campaign-icon-ink: #fff; }
@media (min-width: 901px) and (max-width: 1180px) {
  .hero--sale-active[data-sale-theme='easter'] .easter-decor { left: 28%; bottom: -39px; width: 170px; height: 120px; }
  .hero--sale-active[data-sale-theme='summer'] .summer-decor { left: 27%; bottom: -39px; width: 170px; height: 115px; }
}
@media (max-width: 900px) {
  .hero--sale-active[data-sale-theme='summer'] .sale-hero { gap: 16px; }
  .hero--sale-active[data-sale-theme='summer'] .sale-hero__copy { grid-row: 1; }
  .hero--sale-active[data-sale-theme='summer'] .summer-decor { position: relative; grid-row: 2; justify-self: center; left: auto; bottom: auto; width: min(100%, 300px); height: 170px; }
  .hero--sale-active[data-sale-theme='summer'] .sale-hero__visual { grid-row: 3; }
  .hero--sale-active[data-sale-theme='easter'] .sale-hero { gap: 16px; }
  .hero--sale-active[data-sale-theme='easter'] .sale-hero__copy { grid-row: 1; }
  .hero--sale-active[data-sale-theme='easter'] .easter-decor { position: relative; grid-row: 2; justify-self: center; left: auto; bottom: auto; width: min(100%, 280px); height: 184px; }
  .hero--sale-active[data-sale-theme='easter'] .sale-hero__visual { grid-row: 3; }
  .hero--sale-active[data-sale-theme='new-year'] .sale-hero { gap: 16px; }
  .hero--sale-active[data-sale-theme='new-year'] .sale-hero__copy { grid-row: 1; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor { position: relative; grid-row: 2; height: 143px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--one { top: -11px; left: 5%; right: auto; width: 112px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--two { top: 18px; left: 43%; width: 88px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--three { right: 3%; bottom: -8px; left: auto; width: 84px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star--one { top: 12px; left: 35%; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star--two { top: 7px; right: 7%; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star--three { bottom: 7px; left: 22%; }
  .hero--sale-active[data-sale-theme='new-year'] .sale-hero__visual { grid-row: 3; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero { gap: 17px; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero__copy { grid-row: 1; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor { position: relative; grid-row: 2; height: 172px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__tree { bottom: -11px; left: 7%; width: 162px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--one { top: 14px; left: 56%; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--two { top: 52px; left: 72%; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--three { top: 12px; right: 7%; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--four { bottom: 22px; left: 53%; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--five { bottom: 12px; right: 9%; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero__visual { grid-row: 3; }
}
@media (max-width: 700px) {
  .hero--sale-active[data-sale-theme='summer'] .sale-hero h1 { font-size: clamp(2.5rem, 10.5vw, 3.7rem); }
  .hero--sale-active[data-sale-theme='summer'] .summer-decor { width: min(100%, 245px); height: 139px; }
  .hero--sale-active[data-sale-theme='summer'] .sale-gallery__stage { border-radius: 29px 29px 17px 17px; }
  .hero--sale-active[data-sale-theme='easter'] .sale-hero h1 { font-size: clamp(2.45rem, 10.5vw, 3.7rem); }
  .hero--sale-active[data-sale-theme='easter'] .easter-decor { width: min(100%, 230px); height: 152px; }
  .hero--sale-active[data-sale-theme='easter'] .sale-gallery__stage { border-radius: 31px 31px 18px 18px; }
  .hero--sale-active[data-sale-theme] .sale-hero__eyebrow { max-width: 100%; }
  .hero--sale-active[data-sale-theme] .sale-hero__copy h1 { overflow-wrap: anywhere; }
  .hero--sale-active[data-sale-theme] .sale-gallery__stage { transform: none; }
  .hero--sale-active[data-sale-theme] .sale-hero::before { inset: -30px -7vw; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero { gap: 15px; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero__copy { grid-row: 1; padding-left: 15px; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero h1 { font-size: clamp(2.35rem, 10.8vw, 3.6rem); }
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor { position: relative; grid-row: 2; height: 78px; }
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__watermark { top: -44px; left: 16%; font-size: 165px; }
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__ticket { bottom: -4px; left: 4%; width: 125px; }
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__burst { top: -10px; left: auto; right: 21%; width: 70px; }
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__barcode { right: 1%; bottom: 9px; width: 57px; height: 27px; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero__visual { grid-row: 3; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero { gap: 16px; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__copy { grid-row: 1; padding-left: 15px; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero h1 { font-size: clamp(2.35rem, 10.8vw, 3.6rem); }
  .hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor { position: relative; grid-row: 2; height: 78px; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__chip { bottom: -8px; left: 0; width: 143px; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__reticle { top: -10px; right: 22%; width: 72px; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__signal { top: 26px; right: 2%; width: 58px; height: 23px; transform: none; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__visual { grid-row: 3; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero { gap: 14px; }
  .hero--sale-active[data-sale-theme='christmas'] .sale-hero h1 { font-size: clamp(2.5rem, 11vw, 3.6rem); }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor { height: 139px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__tree { bottom: -11px; left: 1%; width: 136px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--one { top: 8px; left: 58%; width: 17px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--two { top: 49px; left: 70%; width: 23px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--three { top: 4px; right: 4%; width: 20px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--four { bottom: 16px; left: 49%; width: 18px; }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake--five { bottom: 6px; right: 7%; width: 22px; }
  .hero--sale-active[data-sale-theme='new-year'] .sale-hero h1 { font-size: clamp(2.5rem, 10.5vw, 3.7rem); }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor { height: 92px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--one { top: -9px; left: -4px; width: 82px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--two { top: 12px; left: 39%; width: 72px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__firework--three { right: 0; bottom: -7px; width: 72px; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star { font-size: 14px; }
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero__copy { padding-bottom: 0; }
  .hero--sale-active[data-sale-theme='halloween'] .halloween-decor__bats { top: auto; bottom: 372px; right: 6%; width: 112px; }
  .hero--sale-active[data-sale-theme='halloween'] .halloween-decor__ghost { top: auto; bottom: 178px; right: -13px; width: 62px; }
  .hero--sale-active[data-sale-theme='halloween'] .halloween-decor__pumpkins { bottom: -39px; left: -22px; width: 105px; }
  .hero--sale-active[data-sale-theme='halloween'] .sale-hero::before { background: radial-gradient(circle at 86% 47%, #ffd29c 0 38px, #f39b75 39px 42px, transparent 44px), radial-gradient(ellipse at 75% 94%, rgb(162 84 183 / 25%), transparent 60%); }
}
@media (prefers-reduced-motion: reduce) {
  .hero--sale-active[data-sale-theme='summer'] .summer-decor__wave,
  .hero--sale-active[data-sale-theme='summer'] .summer-decor__foam,
  .hero--sale-active[data-sale-theme='summer'] .summer-decor__ripple,
  .hero--sale-active[data-sale-theme='summer'] .summer-decor__parasol,
  .hero--sale-active[data-sale-theme='summer'] .summer-decor__gull,
  .hero--sale-active[data-sale-theme='summer'] .summer-decor__glint,
  .hero--sale-active[data-sale-theme='summer'] .summer-title__event,
  .hero--sale-active[data-sale-theme='summer'] .summer-title__offer { animation: none !important; }
  .hero--sale-active[data-sale-theme='summer'] .summer-decor__ball { transition: none; }
  .hero--sale-active[data-sale-theme='summer'] .sale-hero:hover .summer-decor__ball { transform: none; }
  .hero--sale-active[data-sale-theme='easter'] .easter-decor__egg,
  .hero--sale-active[data-sale-theme='easter'] .easter-decor__bunny,
  .hero--sale-active[data-sale-theme='easter'] .easter-decor__petal,
  .hero--sale-active[data-sale-theme='easter'] .easter-title__greeting,
  .hero--sale-active[data-sale-theme='easter'] .easter-title__offer { animation: none !important; }
  .hero--sale-active[data-sale-theme='easter'] .easter-decor__petal { opacity: .7; }
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__burst,
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__ticket,
  .hero--sale-active[data-sale-theme='black-friday'] .black-friday-decor__barcode,
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero__discount { transition: none; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .black-friday-decor__burst { transform: none; }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .black-friday-decor__ticket { transform: rotate(-9deg); }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .black-friday-decor__barcode { transform: rotate(8deg); }
  .hero--sale-active[data-sale-theme='black-friday'] .sale-hero:hover .sale-hero__discount { transform: rotate(8deg); }
  .hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__chip,
  .hero--sale-active[data-sale-theme='cyber-monday'] .cyber-monday-decor__reticle,
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-gallery__stage::before { transition: none; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__chip { transform: rotate(-7deg); }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__reticle { transform: none; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero:hover .cyber-monday-decor__signal i { animation: none; }
  .hero--sale-active[data-sale-theme='cyber-monday'] .sale-hero__visual:hover .sale-gallery__stage::before { opacity: 0; transform: translateY(-100%); }
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__tree,
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__bauble,
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__star,
  .hero--sale-active[data-sale-theme='christmas'] .christmas-decor__snowflake { animation: none !important; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__rays,
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__star,
  .hero--sale-active[data-sale-theme='new-year'] .new-year-title__greeting,
  .hero--sale-active[data-sale-theme='new-year'] .new-year-title__greeting::after,
  .hero--sale-active[data-sale-theme='new-year'] .new-year-title__offer { animation: none !important; }
  .hero--sale-active[data-sale-theme='new-year'] .new-year-decor__rays { opacity: .75; transform: scale(.8); }
  .hero--sale-active[data-sale-theme='halloween'] .halloween-decor svg,
  .hero--sale-active[data-sale-theme='halloween'] .halloween-decor__bat { animation: none !important; }
  .hero--sale-active[data-sale-theme='halloween'] .halloween-decor__pumpkin-light { transition: none; }
}