.halloween-home-feature { display: none; }
html[lang="vi"] [data-halloween-language="en"],
html:not([lang="vi"]) [data-halloween-language="vi"] { display: none; }

html[data-social-season="halloween"] {
  --halloween-orange: #f4a04c;
  --halloween-cream: #f8e9d3;
  --halloween-plum: #9c75ad;
  --halloween-line: #684452;
  --gold: #f4a04c;
  --cream: #f8e9d3;
  --green: #825f8b;
  --bg: #17141a;
  --panel: #241e27;
  --line: #60444e;
  background: #17141a;
}
html[data-social-season="halloween"] body {
  background-color: #17141a;
  background-image: radial-gradient(ellipse 950px 480px at 100% 0,rgba(109,62,130,.17),transparent 75%),radial-gradient(ellipse 800px 450px at 0 15%,rgba(193,89,27,.075),transparent 75%);
}
html[data-social-season="halloween"] :is(.social-primary-nav,.site-header) {
  background: rgba(20,16,23,.98);
  border-bottom-color: #74444f;
  box-shadow: 0 2px 0 rgba(244,160,76,.18),0 10px 35px rgba(65,28,78,.18);
}
html[data-social-season="halloween"] :is(.social-primary-nav,.site-header)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg,#c96930,#efa856 35%,#825791 75%,#c96930);
  pointer-events: none;
}

html[data-social-season="halloween"] :is(.site-logo,.social-primary-nav div:has(> img[alt="The Social Logo"]),footer div:has(> img[alt="The Social Logo"])) {
  position: relative;
  isolation: isolate;
}
html[data-social-season="halloween"] :is(.site-logo,.social-primary-nav div:has(> img[alt="The Social Logo"]),footer div:has(> img[alt="The Social Logo"]))::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 90px;
  transform: translate(-50%,-50%);
  background: url('/images/seasonal/halloween-2026/logo-decor.svg?v=2') center / contain no-repeat;
  z-index: 2;
  pointer-events: none;
}
html[data-social-season="halloween"] footer div:has(> img[alt="The Social Logo"])::after {
  width: 150px;
  height: 84.375px;
}
html[data-social-season="halloween"] :is(.site-links a,.site-mobile-links a,.social-primary-nav a):hover {
  color: #ffba6e;
}
html[data-social-season="halloween"] :is(main h1,main h2,.intro h1) {
  color: #f8e9d3;
}
html[data-social-season="halloween"] :is(.eyebrow,.badge,.text-link,.place-overline .area,.local-info-label,[class~="text-[#D9841F]"]) {
  color: #f4a04c;
}
html[data-social-season="halloween"] :is(.blog-post,.facts,.menu-quick-nav,.local-info-card,.about-review-grid blockquote,[class~="border-[#5A3428]"]) {
  border-color: #684452;
}
html[data-social-season="halloween"] :is(.facts,.menu-quick-nav,.local-info-card) {
  background-color: #241e27;
}
html[data-social-season="halloween"] :is(.home-hero-action-primary,.button.primary,.directions,[class~="bg-[#D9841F]"]) {
  background-color: #f4a04c;
  border-color: #f4a04c;
  color: #1b1215;
}
html[data-social-season="halloween"] :is(.home-hero-action,.menu-quick-nav a,.site-language) {
  border-color: #9b633e;
}
html[data-social-season="halloween"] :is(.home-hero-action,.button.primary,.menu-quick-nav a,.directions):hover {
  background: #ffbb75;
  border-color: #ffbb75;
  color: #1b1215;
}
html[data-social-season="halloween"] :is(.tabs button[aria-pressed="true"],.filters button[aria-pressed="true"]) {
  background: #f4a04c;
  border-color: #f4a04c;
  color: #1b1215;
}
html[data-social-season="halloween"] :focus-visible {
  outline-color: #ffbd7a;
}
html[data-social-season="halloween"] footer {
  position: relative;
  background-color: #141018;
  border-top-color: #684452;
}
html[data-social-season="halloween"] footer::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 150px;
  background: url('/images/seasonal/halloween-2026/web-left.svg') left top / contain no-repeat;
  transform: rotate(180deg);
  opacity: .32;
  pointer-events: none;
}


html[data-social-season="halloween"] .group\/hero::before {
  background-image: url('/images/seasonal/halloween-2026/hero-logo-decor.svg?v=2'),url('/images/responsive/the-social-approved-share-fe586d/w1600.webp');
}
@media(max-width:800px) {
  html[data-social-season="halloween"] .group\/hero::before {
    background-image: url('/images/seasonal/halloween-2026/hero-logo-decor.svg?v=2'),url('/images/responsive/the-social-approved-share-fe586d/w960.webp');
  }
}
html[data-social-season="halloween"] .group\/hero {
  border-color: #9c5a36;
  box-shadow: 0 0 0 1px rgba(243,160,76,.2),0 14px 42px rgba(0,0,0,.5),0 0 45px rgba(127,60,136,.1);
  background: #211923;
}
html[data-social-season="halloween"] .group\/hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  background-image: url('/images/seasonal/halloween-2026/web-left.svg'),url('/images/seasonal/halloween-2026/web-right.svg'),url('/images/seasonal/halloween-2026/bats.svg');
  background-position: left top,right top,right 95px top 30px;
  background-size: 190px 190px,190px 190px,125px 72px;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 65px rgba(226,109,36,.09);
  pointer-events: none;
}
html[data-social-season="halloween"] .group\/hero > .relative.z-10 {
  background: linear-gradient(110deg,rgba(103,47,74,.13),rgba(31,23,35,.7));
  border-top: 1px solid #684452;
}


html[data-social-season="halloween"] .halloween-home-feature {
  display: grid;
  grid-template-columns: 84px minmax(0,1fr) auto;
  gap: 22px;
  align-items: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 20px 24px;
  margin: 0 0 24px;
  border: 1px solid #9f603d;
  border-radius: 5px;
  background: linear-gradient(110deg,#2e1c24,#221a2c 75%,#311e2d);
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
.halloween-home-feature::after {
  content: "";
  position: absolute;
  top: -20px;
  right: 200px;
  width: 190px;
  height: 150px;
  background: url('/images/seasonal/halloween-2026/bats.svg') center / 155px auto no-repeat;
  opacity: .3;
  z-index: -1;
  pointer-events: none;
}
.halloween-home-poster {
  display: block;
  width: 84px;
  height: 105px;
  object-fit: cover;
  border: 1px solid #b78256;
  border-radius: 3px;
}
.halloween-home-eyebrow {
  margin: 0 0 6px;
  color: #f4a04c;
  font: 700 10px/1.5 Arial,sans-serif;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.halloween-home-heading {
  margin: 0 0 7px;
  color: #ffedcf;
  font: 700 clamp(24px,2.55vw,34px)/1.15 Georgia,'Noto Serif',serif;
  letter-spacing: -.015em;
}
.halloween-home-description {
  margin: 0;
  color: #dbc9c1;
  font: 14px/1.6 Arial,sans-serif;
}
.halloween-home-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid #f5a75e;
  border-radius: 3px;
  background: #f4a04c;
  color: #1b1215;
  text-align: center;
  text-decoration: none;
  font: 700 12px/1.4 Arial,sans-serif;
  transition: background-color .2s;
}
.halloween-home-action:hover,.halloween-home-action:focus-visible {
  background: #ffd091;
  color: #1b1215;
}
.halloween-home-pumpkin { width: 27px; height: 27px; flex: none; }
@media(max-width:900px) {
  html[data-social-season="halloween"] .halloween-home-feature { grid-template-columns: 70px minmax(0,1fr);gap:16px;padding:18px; }
  .halloween-home-poster { width:70px;height:87.5px; }
  .halloween-home-action { grid-column:1 / -1;justify-self:start; }
  .halloween-home-feature::after { right:4px;opacity:.18; }
}
@media(max-width:600px) {
  html[data-social-season="halloween"] .halloween-home-feature { grid-template-columns:64px minmax(0,1fr);gap:12px;padding:15px;margin-bottom:18px; }
  .halloween-home-poster { width:64px;height:80px; }
  .halloween-home-eyebrow { font-size:9px;letter-spacing:.1em; }
  .halloween-home-heading { font-size:24px; }
  .halloween-home-description { font-size:12px;line-height:1.5; }
  .halloween-home-action { width:100%;min-height:44px;padding:9px 12px;font-size:12px; }
  html[data-social-season="halloween"] .group\/hero::after {
    background-image:url('/images/seasonal/halloween-2026/web-right.svg'),url('/images/seasonal/halloween-2026/bats.svg');
    background-position:right top,right 48px top 12px;
    background-size:85px 85px,65px 38px;
  }
  html[data-social-season="halloween"] footer::after { width:90px;height:90px;opacity:.22; }
}
@media(prefers-reduced-motion:reduce) {
  .halloween-home-action { transition:none; }
}