/* 2026 Doughboy × Valere Halloween theme — visual styling ONLY.
   All selectors are opt-in under html.dbe-halloween. Regular storefront styles remain intact. */
:root.dbe-halloween {
  --dbe-fire: #ff7a16;
  --dbe-flame: #ffb038;
  --dbe-purple: #be5cff;
  --dbe-neon: #b9fb50;
  --dbe-blue: #438eff;
  --dbe-ink: #0b0619;
  color-scheme: dark;
}
html.dbe-halloween, html.dbe-halloween body { background-color:#080512; }
html.dbe-halloween body {
  background-image: radial-gradient(ellipse 90% 850px at 50% 20%,rgba(132,34,172,.19),transparent 75%),
    radial-gradient(ellipse 650px 650px at 95% 22%,rgba(238,71,22,.095),transparent 80%),
    linear-gradient(180deg,#100820 0%,#080510 44%,#08040f 100%);
  background-attachment: fixed;
  color:#f9efff;
}
/* Seasonal site chrome: narrow selectors to avoid disrupting account/payment forms. */
html.dbe-halloween header,
html.dbe-halloween nav {
  border-color:rgba(189,79,255,.45);
  box-shadow:0 2px 30px rgba(128,24,192,.12);
}
html.dbe-halloween :is(header, nav) :is(a,button):hover,
html.dbe-halloween :is(header, nav) :is(a,button):focus-visible { color:#ffc26a; }
html.dbe-halloween :is(.product-card, .catalog-card, [class*="product-card"], [class*="catalog-card"]) {
  background:linear-gradient(150deg,rgba(31,16,48,.96),rgba(12,8,24,.98));
  border:1px solid rgba(164,74,255,.44);
  box-shadow:0 6px 25px rgba(0,0,0,.22), 0 0 17px rgba(115,45,195,.10);
  color:#faf4ff;
}
html.dbe-halloween :is(.product-card,.catalog-card,[class*="product-card"],[class*="catalog-card"]):hover {
  border-color:rgba(255,135,25,.75);
  box-shadow:0 12px 34px rgba(0,0,0,.4),0 0 24px rgba(255,112,20,.23);
}
html.dbe-halloween :is(.product-card,.catalog-card,[class*="product-card"],[class*="catalog-card"]) :is(h2,h3,h4,strong) {color:#fef7ff;}
html.dbe-halloween :is(.product-card,.catalog-card,[class*="product-card"],[class*="catalog-card"]) :is(button, select):focus-visible {outline:3px solid var(--dbe-flame);outline-offset:3px;}
.dbe-halloween-ribbon {
  box-sizing:border-box;position:relative;z-index:1000;text-align:center;
  width:100%;padding:11px 18px;color:#fff5d7;
  font:800 clamp(10px,1.25vw,14px)/1.3 Arial,Helvetica,sans-serif;
  letter-spacing:.15em;text-shadow:0 0 11px rgba(255,159,46,.6);
  background:linear-gradient(100deg,#230d3c 0%,#601a68 25%,#a3302a 49%,#5e166c 70%,#160821 100%);
  border-bottom:2px solid #f78929;box-shadow:0 3px 22px rgba(251,100,0,.25);
}
.dbe-ribbon-sigil {color:#ffb64d;margin:0 16px;font-size:17px;}
.dbe-halloween-hero {box-sizing:border-box;isolation:isolate;position:relative;width:100%;overflow:hidden;clear:both;
  background:radial-gradient(circle at 75% 27%,rgba(255,109,15,.20),transparent 25%),
  radial-gradient(circle at 47% 77%,rgba(141,28,222,.30),transparent 55%),
  linear-gradient(115deg,#0a0512,#17092a 45%,#0d0617);
  border-top:1px solid #632f84;border-bottom:2px solid #bf48fe;color:white;
  box-shadow:inset 0 -14px 52px rgba(113,47,153,.20),0 10px 40px rgba(66,5,104,.20);
}
.dbe-halloween-hero::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.33;pointer-events:none;
  background-image:repeating-linear-gradient(124deg,transparent 0,transparent 42px,rgba(197,85,255,.075) 43px,transparent 44px);}
.dbe-halloween-hero::after {content:"";pointer-events:none;position:absolute;bottom:-100px;left:0;right:0;height:240px;
  background:radial-gradient(ellipse 70% 60% at 50% 70%,rgba(190,68,255,.22),transparent);}
.dbe-halloween-hero-inner {width:min(1440px,100%);box-sizing:border-box;margin:auto;padding:clamp(25px,4vw,65px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.79fr);align-items:center;gap:clamp(18px,4vw,65px);}
.dbe-halloween-hero-copy {min-width:0;position:relative;z-index:1;}
.dbe-halloween-eyebrow {display:inline-block;color:#ffe1a0;border:1px solid rgba(255,165,60,.6);border-radius:6px;
  background:rgba(255,114,31,.13);padding:11px 13px;font:800 clamp(10px,1.04vw,14px)/1.45 Arial,sans-serif;
  letter-spacing:.1em;margin-bottom:clamp(15px,2.5vw,30px);}
.dbe-halloween-pretitle {font:900 clamp(27px,3.5vw,52px)/1.1 Impact,'Arial Black',sans-serif;letter-spacing:.075em;
  color:#fff;text-shadow:0 0 12px rgba(195,96,255,.6);}
.dbe-halloween-title {font:900 clamp(57px,8vw,122px)/.91 Impact,'Arial Black',sans-serif!important;letter-spacing:.018em!important;
  color:#ff922a!important;margin:5px 0 4px!important;overflow-wrap:anywhere;
  -webkit-text-stroke:1px #ef5812;text-shadow:0 2px #a52b1e,0 5px #602046,0 9px 22px #ff52158c,0 0 46px #ff750d99;}
.dbe-halloween-title-sub {font:900 clamp(36px,5.2vw,80px)/1 Impact,'Arial Black',sans-serif;letter-spacing:.06em;
  color:#d58aff;text-shadow:0 3px #57226c,0 0 19px #e95effa8;}
.dbe-halloween-description {font:500 clamp(15px,1.2vw,19px)/1.7 Arial,Helvetica,sans-serif;max-width:590px;
  margin:clamp(15px,2vw,29px) 0!important;color:#e7dbf3;}
.dbe-halloween-actions {display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 24px;}
.dbe-halloween-btn {appearance:none;box-sizing:border-box;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;
  min-height:55px;padding:15px 22px;border-radius:6px;font:900 12px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.11em;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.dbe-halloween-btn:hover{transform:translateY(-3px)}
.dbe-halloween-btn:focus-visible {outline:3px solid #d6f968;outline-offset:4px;}
.dbe-halloween-btn-fire {background:linear-gradient(125deg,#ffba3e,#ff6c0a 59%,#c8301c);color:#22050e!important;border:2px solid #ffc566;
  box-shadow:0 0 32px #ff7b175c,inset 0 2px 0 rgba(255,255,255,.42);}
.dbe-halloween-btn-ghost {border:2px solid #bc54ef;background:rgba(34,11,56,.8);color:#fceaff!important;
  box-shadow:0 0 21px rgba(157,39,228,.24);}
.dbe-halloween-date {font:800 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.07em;color:#cbb5da;}
.dbe-halloween-poster {min-width:0;border-radius:14px;position:relative;background:#170b24;overflow:hidden;
  transform:perspective(1300px) rotateY(-5deg);border:3px solid #a044e2;
  box-shadow:0 0 0 6px rgba(36,10,44,.88),0 0 25px #ae48ff80,0 0 88px rgba(255,108,17,.31),15px 25px 65px #000a;}
.dbe-halloween-poster img {width:100%;height:auto;display:block;aspect-ratio:1103/1426;object-fit:cover;}
@media (max-width: 900px) {
 .dbe-halloween-hero-inner {grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);padding:26px;gap:24px;}
 .dbe-halloween-btn {min-height:49px;font-size:11px;padding:12px 15px;}
 .dbe-halloween-title {font-size:clamp(49px,6.2vw,72px)!important;}
 .dbe-halloween-title-sub {font-size:clamp(33px,4.9vw,54px);}
}
@media (max-width: 670px) {
 .dbe-ribbon-sigil {margin:0 4px;}
 .dbe-halloween-ribbon {font-size:9px;letter-spacing:.06em;padding:9px 4px;}
 .dbe-halloween-hero-inner {grid-template-columns:1fr;text-align:center;padding:31px 16px 41px;}
 .dbe-halloween-hero-copy {order:1;}
 .dbe-halloween-poster {order:0;width:min(350px,82vw);justify-self:center;transform:none;box-shadow:0 0 35px #a142df6c,0 0 45px #ff651454;}
 .dbe-halloween-eyebrow {font-size:10px;}
 .dbe-halloween-title{font-size:clamp(58px,14vw,90px)!important;}
 .dbe-halloween-title-sub {font-size:clamp(38px,9vw,55px);}
 .dbe-halloween-description {max-width:540px;margin:17px auto!important;}
 .dbe-halloween-actions {justify-content:center;}
 .dbe-halloween-date {max-width:340px;margin:auto;}
}
@media (prefers-reduced-motion:reduce) {.dbe-halloween-btn {transition:none;}.dbe-halloween-btn:hover {transform:none;}}