/* Halloween Sale theme: overrides on top of styles.css */
:root{--copper:#E2731E;--copper-l:#f08a3a;--ember:#E2731E;--violet:#6f4f9a}
.topbar{background:linear-gradient(90deg,#c95f12,#E2731E 50%,#c95f12)}
.topbar a{color:#120a04}
.btn-copper{color:#120a04}
.btn-copper:hover{background:var(--copper-l)}
.hero-glow{background:
  radial-gradient(ellipse 55% 40% at 50% 32%,rgba(190,192,200,.10),rgba(12,12,12,0) 70%),
  radial-gradient(ellipse 40% 30% at 82% 16%,rgba(111,79,154,.22),rgba(12,12,12,0) 70%)}
.hero-fog{position:absolute;left:-10%;right:-10%;bottom:-6%;height:46%;pointer-events:none;
  background:radial-gradient(ellipse 50% 60% at 30% 100%,rgba(226,115,30,.16),transparent 70%),
             radial-gradient(ellipse 45% 55% at 75% 100%,rgba(111,79,154,.18),transparent 70%);
  animation:fog 18s ease-in-out infinite alternate}
@keyframes fog{from{transform:translateX(-2%)}to{transform:translateX(2%)}}
.m-moon{position:absolute;top:clamp(36px,7vw,84px);right:clamp(28px,9vw,150px);width:clamp(42px,5vw,70px);height:auto;color:#ece6d8;filter:drop-shadow(0 0 22px rgba(111,79,154,.65)) drop-shadow(0 0 6px rgba(236,230,216,.25))}
.m-bat{position:absolute;fill:#6e6e76;height:auto}
.m-bat.b1{top:clamp(30px,5vw,64px);right:clamp(96px,17vw,260px);width:clamp(26px,2.6vw,38px)}
.m-bat.b2{top:clamp(92px,12vw,160px);right:clamp(70px,13vw,210px);width:clamp(18px,1.7vw,24px);fill:#55555c}
.m-bat.b3{bottom:clamp(40px,8vw,100px);left:clamp(26px,10vw,170px);width:clamp(20px,2vw,28px);fill:#4a4a51}
.m-web{position:absolute;top:0;left:0;width:clamp(120px,17vw,250px);height:auto;color:rgba(255,255,255,.13)}
.hero .m-moon,.hero .m-bat,.hero .m-web{pointer-events:none}
.sale{background:linear-gradient(180deg,#151210,#121014)}
.sale-inner{position:relative}
.sale .m-strip{width:26px;fill:var(--ember);opacity:.9;margin-right:10px;vertical-align:-1px}
.insta-card{box-shadow:0 30px 60px -20px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.04)}
@media (max-width:640px){.m-bat.b3{display:none}.m-web{width:110px}}
@media (prefers-reduced-motion:reduce){.hero-fog{animation:none}}







/* --- photo hero --- */
.hero{padding-bottom:clamp(96px,13vw,170px)}
.hero-photo{position:absolute;inset:0;pointer-events:none;
  background:
   radial-gradient(ellipse 34% 52% at 50% 44%,rgba(12,12,12,.88),rgba(12,12,12,.55) 55%,rgba(12,12,12,0) 100%),
   linear-gradient(180deg,#0c0c0c 0%,rgba(12,12,12,.5) 22%,rgba(12,12,12,.12) 62%,rgba(12,12,12,.35) 88%,#0c0c0c 100%),
   url("assets/hero-halloween-1280.webp") center 62%/cover no-repeat}
@media (min-width:1500px),(min-width:1000px) and (min-resolution:1.5dppx){
  .hero-photo{background:
   radial-gradient(ellipse 34% 52% at 50% 44%,rgba(12,12,12,.88),rgba(12,12,12,.55) 55%,rgba(12,12,12,0) 100%),
   linear-gradient(180deg,#0c0c0c 0%,rgba(12,12,12,.5) 22%,rgba(12,12,12,.12) 62%,rgba(12,12,12,.35) 88%,#0c0c0c 100%),
   url("assets/hero-halloween-1600.webp") center 62%/cover no-repeat}}
.hero-glow,.hero-fog{display:none}
/* --- photo sale strip --- */
.sale{overflow:hidden;background:#0a0a0a}
.sale::before{z-index:2}
.sale-photo{position:absolute;top:0;bottom:0;width:46%;pointer-events:none;background-repeat:no-repeat;background-size:auto 100%}
.sale-photo.left{left:0;background-image:url("assets/sale-halloween-left.webp");background-position:left bottom}
.sale-photo.right{right:0;background-image:url("assets/sale-halloween-right.webp");background-position:right bottom}
.sale-inner{position:relative;z-index:1;flex-direction:column;justify-content:center;text-align:center;gap:26px;padding-top:56px;padding-bottom:60px}
.sale .display{margin:10px 0 8px}
.sale-text{text-shadow:0 2px 18px rgba(0,0,0,.85)}
.sale .btn-copper{box-shadow:0 10px 30px -8px rgba(0,0,0,.7)}
.hero-inner{text-shadow:0 2px 24px rgba(0,0,0,.85)}
.hero-inner .btn{text-shadow:none}
.hero-sub{color:#b4b5ba}
@media (max-width:1100px){.sale-photo{opacity:.55}}
@media (max-width:640px){
  .hero{padding-bottom:calc(56.25vw + 24px)}
  .hero-photo{background:
    linear-gradient(180deg,#0c0c0c 0%,#0c0c0c calc(100% - 56.25vw - 10px),rgba(12,12,12,.2) calc(100% - 40vw),rgba(12,12,12,0) calc(100% - 20vw),rgba(12,12,12,.55) 100%),
    url("assets/hero-halloween-1280.webp") center bottom/100% auto no-repeat}
  .sale-photo.left{display:none}
  .sale-photo.right{left:0;right:0;width:auto;height:230px;bottom:auto;opacity:1;background-position:50% 100%}
  .sale-inner{padding-top:214px;gap:22px}
}

.sale{background:radial-gradient(ellipse 40% 90% at 50% 100%,rgba(226,115,30,.10),transparent 70%),#0a0a0a}