/* Halloween collection: four distinct case artworks share one event treatment. */
.campaign-slide[data-campaign="halloween"] {
  background: radial-gradient(ellipse at 77% 40%, #8b3d50 0%, #472338 38%, transparent 69%),
    radial-gradient(ellipse at 32% 110%, #8a391a 0%, transparent 58%), #110e19;
  border-bottom: 2px solid #ef8748;
}
.campaign-slide[data-campaign="halloween"]::before {
  background: linear-gradient(90deg, #0d0a12f9 0%, #130c1fe8 33%, #160e2099 56%, #100a1860 100%);
}
.campaign-slide[data-campaign="halloween"] .campaign-content { position: relative; z-index: 1; }
.campaign-slide[data-campaign="halloween"] .campaign-content > small { color: #ffac6a; }
.campaign-slide[data-campaign="halloween"] .campaign-content > strong {
  color: #fff3e5; font-size: clamp(34px, 5.2vw, 66px); letter-spacing: -.055em;
  text-shadow: 0 3px 0 #63263e, 0 11px 32px #000d;
}
.campaign-slide[data-campaign="halloween"] .campaign-content > em {
  color: #241017; border: 1px solid #ffd0a4; border-left: 4px solid #fff0dc;
  background: linear-gradient(115deg, #ffc47a, #ec7c4c 75%); box-shadow: 0 7px 24px #e8665933;
}
.halloween-banner-art { position: absolute; z-index: -2; inset: 0 0 0 37%; overflow: hidden; pointer-events: none; }
.halloween-banner-art::before {
  content: ''; position: absolute; inset: -15% 0; background:
    radial-gradient(circle at 62% 52%, #e58d6a70 0%, #95447032 25%, transparent 58%),
    repeating-linear-gradient(122deg, transparent 0 31px, #ffd4a808 32px 33px);
}
.halloween-banner-art img { position: absolute; width: 43%; height: 95%; object-fit: contain; filter: drop-shadow(0 13px 18px #08050cc9); }
.halloween-banner-art img:nth-child(1) { left: 5%; top: 12%; transform: rotate(-13deg) scale(.88); z-index: 1; }
.halloween-banner-art img:nth-child(2) { left: 26%; top: -9%; transform: rotate(9deg); z-index: 2; }
.halloween-banner-art img:nth-child(3) { left: 48%; top: 19%; transform: rotate(-6deg) scale(.87); z-index: 1; }
.halloween-banner-art img:nth-child(4) { left: 69%; top: -4%; transform: rotate(13deg) scale(.94); z-index: 3; }

.home-page #sections .chip[data-section="holiday"] {
  color: #ffd4ae; border-color: #e17b5a75; background: linear-gradient(135deg, #362033, #3a2223);
}
.home-page #sections .chip[data-section="holiday"].on { color: #170c16; border-color: #ffc59a; background: #ffaf71; }
.home-page .section-head.holiday-heading { margin-top: 22px; padding-bottom: 11px; border-bottom: 1px solid #e97d5950; }
.home-page .section-head.holiday-heading h3 { color: #ffd8b4; font-family: var(--display); font-size: 21px; }
.home-page .section-head.holiday-heading h3::before { background: #ff8d4c; box-shadow: 0 0 15px #ff8d4c8c; }
.home-page .section-head.holiday-heading > .small { color: #f7aa8a; }
.case-card.holiday-case {
  border-color: transparent; background: transparent; box-shadow: none;
}
.case-card.holiday-case:hover {
  border-color: transparent;
  background: radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--case-accent) 8%, transparent), transparent 72%);
}
.case-card.holiday-case .case-name { color: #fff0e6; font-weight: 800; }
.case-card.holiday-case .case-halo { opacity: 1; }
.case-card.holiday-case .price-tag { color: #ffe0a4; border-color: #110e17; background: #342330; }
.case-card .tag.holiday-tag {
  top: 11px; left: 10px; z-index: 3; padding: 5px 7px;
  color: #fff4e8; font-size: 8px; letter-spacing: .07em;
  border: 1px solid #ffd0a375; background: linear-gradient(105deg, #a34842, #632e73);
  box-shadow: 0 4px 12px #0008;
}
@media (max-width: 600px) {
  .campaign-slide[data-campaign="halloween"] .campaign-content { width: 74%; }
  .campaign-slide[data-campaign="halloween"] .campaign-content > strong { font-size: clamp(27px, 7vw, 38px); }
  .campaign-slide[data-campaign="halloween"] .campaign-content > span { max-width: 210px; }
  .halloween-banner-art { left: 32%; }
  .halloween-banner-art img { width: 67%; height: 77%; }
  .halloween-banner-art img:nth-child(1) { left: 12%; top: 41%; }
  .halloween-banner-art img:nth-child(2) { left: 43%; top: -3%; }
  .halloween-banner-art img:nth-child(3) { left: 65%; top: 43%; }
  .halloween-banner-art img:nth-child(4) { left: 81%; top: 8%; }
  .home-page .section-head.holiday-heading h3 { font-size: 17px; }
  .case-card .tag.holiday-tag { top: 6px; left: 5px; font-size: 6px; padding: 4px 5px; }
}