@font-face {
  font-family:'KINJO Halloween Neon';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../img/hero-summer/kaushan-script-regular.ttf') format('truetype');
}
@property --countdown-neon-angle {syntax:'<angle>';inherits:false;initial-value:0deg}
.halloween-countdown {display:none}
html[data-site-theme="halloween"] .halloween-countdown {
  display:block;position:relative;isolation:isolate;height:54px;overflow:hidden;color:#FFF0DB;
  background:radial-gradient(ellipse at 44% 100%,#8A286F55,transparent 46%),
    radial-gradient(ellipse at 75% 0%,#6B31A85C,transparent 42%),linear-gradient(100deg,#1D092A,#2C103D 48%,#190B27);
  border-bottom:1px solid #BF77DA70;
  box-shadow:inset 0 1px #EDB1F633,inset 0 -1px 10px #DD6AB32B;
}
.halloween-countdown[hidden] {display:none!important}
.halloween-countdown__wrap {
  position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:22px;
  max-width:1200px;height:100%;padding:3px 24px;margin:0 auto;white-space:nowrap;
}
.halloween-countdown__title {display:flex;flex-direction:column;align-items:center;gap:0;transform:rotate(-3deg)}
.halloween-countdown__brand {color:#EFBDFF;font-family:var(--font-body);font-size:8px;font-weight:700;line-height:1;letter-spacing:.25em}
.halloween-countdown__brand [data-countdown-year] {margin-left:4px;letter-spacing:.15em}
.halloween-countdown__name {
  display:block;font:400 33px/1.12 'KINJO Halloween Neon',cursive;letter-spacing:.015em;color:#FFE9D5;
  -webkit-text-stroke:.25px #FFBD9B;
  text-shadow:0 0 2px #FFEDD9,0 0 6px #FF9B66,0 0 14px #FF577C,0 0 25px #EC3CA899;
  animation:countdown-neon-flicker 7.2s linear infinite;
}
.halloween-countdown__date {display:flex;flex-direction:column;align-items:center;gap:2px;padding-left:20px;border-left:1px solid #BA7ACB66}
.halloween-countdown__date span {font:400 8px/1 var(--font-body);letter-spacing:.2em;color:#CFA9E2}
.halloween-countdown__date b {font:400 26px/1 var(--font-eyebrow);letter-spacing:.04em;color:#F3D5FF;text-shadow:0 0 8px #BC6BFFAA}
.halloween-countdown__counter {
  display:flex;align-items:center;gap:12px;height:42px;padding:3px 17px;border:1px solid transparent;border-radius:10px;
  background:linear-gradient(110deg,#16091F,#2D122F) padding-box,
    conic-gradient(from var(--countdown-neon-angle),#AE633B 0deg,#C9824D 230deg,#FFAD60 275deg,#FFF4C9 305deg,#FFB260 330deg,#AE633B 360deg) border-box;
  box-shadow:0 0 5px #FF9B4E55,0 0 18px #F19B361F,inset 0 0 10px #F6B24D12;
  animation:countdown-neon-trace 4.2s linear infinite;
}
.halloween-countdown__lead {font-size:10px;font-weight:700;letter-spacing:.05em;color:#FFE2B0}
.halloween-countdown__amount {display:flex;align-items:baseline;gap:5px;line-height:1}
.halloween-countdown__amount span {font-size:10px;font-weight:700;color:#FFD694}
.halloween-countdown__amount b {
  min-width:1.1em;text-align:center;font:400 36px/.9 var(--font-eyebrow);letter-spacing:.025em;
  font-variant-numeric:tabular-nums;color:#FFF4BB;text-shadow:0 0 2px #FFF6D7,0 0 9px #FFC24A,0 0 19px #FA6F3099;
  animation:countdown-number-glow 3.8s ease-in-out infinite alternate;
}
.halloween-countdown__counter[data-countdown-state="today"] .halloween-countdown__amount b {font-size:26px;letter-spacing:.08em}
.halloween-countdown__pumpkin {width:40px;height:44px;flex:none;filter:drop-shadow(0 0 4px #FA92268C);animation:countdown-pumpkin-glow 4.6s ease-in-out infinite alternate}
.halloween-countdown__bat {width:42px;height:28px;flex:none;transform:rotate(9deg);filter:drop-shadow(0 0 4px #C976E780)}
.halloween-countdown__mobile-date {display:none}
.halloween-countdown__lights,.halloween-countdown__sparkles {position:absolute;inset:0;z-index:1;pointer-events:none}
.halloween-countdown__lights {display:flex;align-items:flex-start;justify-content:space-around;padding:0 10px;border-top:1px solid #B083B152}
.halloween-countdown__lights i {
  display:block;width:5px;height:7px;border-radius:1px 1px 4px 4px;flex:none;background:#FCA461;
  box-shadow:0 0 4px #FFB267,0 0 10px #EE7D33AA;animation:countdown-light-glow 2.8s ease-in-out infinite alternate;
}
.halloween-countdown__lights i:nth-child(3n+2) {background:#D99FFF;box-shadow:0 0 4px #C887FF,0 0 10px #B261D9BB;animation-delay:-1.7s}
.halloween-countdown__lights i:nth-child(3n) {background:#FFEFB3;box-shadow:0 0 4px #FFF1B9,0 0 10px #FFCE64AA;animation-delay:-2.8s}
.halloween-countdown__sparkles i {
  position:absolute;left:7%;top:24%;width:8px;height:8px;background:#FFE5BC;
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);
  filter:drop-shadow(0 0 3px #FFD896);animation:countdown-sparkle 4s ease-in-out infinite;
}
.halloween-countdown__sparkles i:nth-child(2) {left:18%;top:71%;width:5px;height:5px;animation-delay:-1.4s}
.halloween-countdown__sparkles i:nth-child(3) {left:29%;top:27%;width:5px;height:5px;animation-delay:-2.6s}
.halloween-countdown__sparkles i:nth-child(4) {left:71%;top:66%;width:6px;height:6px;animation-delay:-.7s}
.halloween-countdown__sparkles i:nth-child(5) {left:82%;top:22%;width:9px;height:9px;animation-delay:-2s}
.halloween-countdown__sparkles i:nth-child(6) {left:94%;top:70%;width:5px;height:5px;animation-delay:-3.2s}
@keyframes countdown-neon-flicker {
  0%,8%,14%,17%,74%,77%,100% {opacity:1;filter:brightness(1.2)}
  10%,15%,75% {opacity:.68;filter:brightness(.75)}
  25%,55% {opacity:.94;filter:brightness(1.05)}
}
@keyframes countdown-neon-trace {to{--countdown-neon-angle:360deg}}
@keyframes countdown-number-glow {
  from{text-shadow:0 0 2px #FFF6D7,0 0 5px #FFB44599,0 0 12px #FA6F3055}
  to{text-shadow:0 0 3px #FFFDE4,0 0 12px #FFD46A,0 0 25px #FF914BDD}
}
@keyframes countdown-pumpkin-glow {from{filter:drop-shadow(0 0 2px #FA92266B)}to{filter:drop-shadow(0 0 7px #FFBC54DD)}}
@keyframes countdown-light-glow {from{opacity:.35}to{opacity:1}}
@keyframes countdown-sparkle {0%,100%{opacity:.2;transform:scale(.55) rotate(-12deg)}50%{opacity:1;transform:scale(1.15) rotate(12deg)}}
html[data-halloween-motion="paused"] .halloween-countdown * {animation-play-state:paused}
@media (max-width:600px) {
  html[data-site-theme="halloween"] .halloween-countdown {height:56px}
  .halloween-countdown__wrap {gap:12px;padding:4px 12px}
  .halloween-countdown__pumpkin {width:30px;height:36px}
  .halloween-countdown__brand {font-size:7px;letter-spacing:.14em}
  .halloween-countdown__name {font-size:28px}
  .halloween-countdown__mobile-date {display:inline;letter-spacing:.1em}
  .halloween-countdown__date,.halloween-countdown__bat {display:none}
  .halloween-countdown__counter {flex-direction:column;justify-content:center;gap:3px;height:43px;padding:4px 12px;border-radius:9px}
  .halloween-countdown__lead {font-size:9px;line-height:1}
  .halloween-countdown__amount {gap:4px}
  .halloween-countdown__amount b {font-size:30px}
  .halloween-countdown__amount span {font-size:9px}
  .halloween-countdown__counter[data-countdown-state="today"] .halloween-countdown__amount b {font-size:23px}
  .halloween-countdown__lights {padding:0 4px}
  .halloween-countdown__lights i {width:3px;height:5px}
  .halloween-countdown__sparkles i:nth-child(3),.halloween-countdown__sparkles i:nth-child(4) {display:none}
}
@media (prefers-reduced-motion:reduce) {
  .halloween-countdown * {animation:none}
}
@media print {.halloween-countdown {display:none!important}}