/** Shopify CDN: Minification failed

Line 13087:5 Expected "}" to go with "{"

**/
/* ==========================================================================
   HEALTENCE BLACK FRIDAY / CYBER MONDAY (BFCM) 2026 THEME STYLES
   Executive Wellness Palette:
     - Primary Brand Deep: #0D1F12 (Obsidian Forest) & #1B4A12 (Forest Green)
     - BFCM High-Contrast Accent: #F59E0B / #FFB800 (Warm Cyber Gold) & #E11D48 (Urgency Crimson)
     - Surfaces & Neutrals: #FFFFFF, #F4F7F4, #DCE6DA, #64748B
   ========================================================================== */

:root {
  /* Healtence Executive Black Friday Palette */
  --color-bfcm-obsidian: #0D1F12;
  --color-bfcm-forest: #1B4A12;
  --color-bfcm-forest-deep: #13350C;
  --color-bfcm-gold: #F59E0B;
  --color-bfcm-gold-bright: #FFB800;
  --color-bfcm-gold-glow: rgba(245, 158, 11, 0.32);
  --color-bfcm-crimson: #E11D48;
  --color-bfcm-crimson-bg: #FFF5F5;
  --color-bfcm-crimson-border: #FDA4AF;
  --color-bfcm-sage-mist: #F4F7F4;
  --color-bfcm-sage: #DCE6DA;
  --color-bfcm-text-muted: #64748B;
  --color-bfcm-card-bg: #FFFFFF;

  /* Universal Seasonal Aliases */
  --hw-accent: var(--color-bfcm-gold);
  --hw-accent-hover: var(--color-bfcm-gold-bright);
  --hw-glow: var(--color-bfcm-gold-glow);
  --hw-green: var(--color-bfcm-forest);
  --hw-dark-green: var(--color-bfcm-obsidian);
  --hw-sage: var(--color-bfcm-sage);
}


/* 1. Header & Navigation */
.hw-header-decorated {
  position: relative;
}

.hw-cobweb-corner {
  position: absolute;
  top: 0;
  width: 70px;
  height: 70px;
  background-image: url('halloween-cobweb.svg');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 5;
  opacity: 0.65;
}

.hw-web-top-left {
  left: 0;
}

.hw-web-top-right {
  right: 0;
  transform: scaleX(-1);
}

.hw-nav-sale-pulse {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--hw-accent) !important;
  font-weight: 700 !important;
  position: relative;
  animation: hwNavGlow 2.4s ease-in-out infinite;
}

@keyframes hwNavGlow {

  0%,
  100% {
    text-shadow: 0 0 0 transparent;
  }

  50% {
    text-shadow: 0 0 8px var(--hw-glow);
  }
}

/* 2. Announcement Bar & Countdown */
.hw-announcement-bar {
  background-color: var(--hw-green) !important;
  color: #FFFFFF !important;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  position: relative;
  z-index: 100;
}

.hw-announcement-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  gap: 12px;
}

.hw-announcement-slider {
  flex: 1;
  text-align: center;
  position: relative;
  min-height: 20px;
}

.hw-announcement-slide {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.hw-announcement-slide.active {
  display: flex;
}

.hw-code-badge {
  background: var(--hw-accent);
  color: #fff;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.hw-top-countdown {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.25);
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 12px;
  white-space: nowrap;
}

.hw-timer-digits {
  color: var(--hw-accent);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 768px) {
  .hw-top-countdown {
    display: none;
  }
}

/* 3. Hero Section Overlay & Countdown Strip */
.section-halloween-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 4;
}

.hw-hero-overlay-section {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 480px;
  overflow: hidden;
  pointer-events: none;
}

.hw-hero-overlay-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Ambient Mist / Moon Glow */
.hw-hero-glow-mist {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(255, 117, 24, 0.12) 0%, rgba(27, 74, 18, 0.05) 50%, transparent 75%);
  pointer-events: none;
  animation: hwMistPulse 6s ease-in-out infinite alternate;
}

@keyframes hwMistPulse {
  0% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

/* Corner Cobwebs */
.hw-hero-cobweb {
  position: absolute;
  top: 0;
  width: 110px;
  height: 110px;
  background-image: var(--hw-web-url, url('halloween-cobweb.svg'));
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: 0.55;
  transition: opacity 0.3s ease;
}

.hw-hero-cobweb-left {
  left: 0;
}

.hw-hero-cobweb-right {
  right: 0;
  transform: scaleX(-1);
}

/* Animated Bats */
.hw-hero-bat {
  position: absolute;
  background-image: var(--hw-bat-url, url('halloween-bats.svg'));
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.82;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25));
}

.hw-bat-1 {
  width: 44px;
  height: 24px;
  top: 14%;
  right: 15%;
  animation: hwBatFlight1 7s ease-in-out infinite alternate;
}

.hw-bat-2 {
  width: 32px;
  height: 18px;
  top: 26%;
  right: 6%;
  animation: hwBatFlight2 5.5s ease-in-out infinite alternate;
  animation-delay: 1.2s;
}

.hw-bat-3 {
  width: 38px;
  height: 22px;
  top: 10%;
  left: 12%;
  animation: hwBatFlight3 6.8s ease-in-out infinite alternate;
  animation-delay: 0.6s;
}

.hw-bat-4 {
  width: 26px;
  height: 15px;
  top: 38%;
  left: 22%;
  animation: hwBatFlight1 8s ease-in-out infinite alternate;
  animation-delay: 2.5s;
  opacity: 0.65;
}

.hw-bat-5 {
  width: 34px;
  height: 20px;
  top: 22%;
  right: 32%;
  animation: hwBatFlight2 6s ease-in-out infinite alternate;
  animation-delay: 3.2s;
  opacity: 0.75;
}

@keyframes hwBatFlight1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }

  50% {
    transform: translate3d(-18px, -12px, 0) rotate(-6deg) scale(0.96);
  }

  100% {
    transform: translate3d(12px, -6px, 0) rotate(4deg) scale(1.02);
  }
}

@keyframes hwBatFlight2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  50% {
    transform: translate3d(14px, -15px, 0) rotate(5deg);
  }

  100% {
    transform: translate3d(-10px, -4px, 0) rotate(-3deg);
  }
}

@keyframes hwBatFlight3 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  50% {
    transform: translate3d(-12px, -8px, 0) rotate(-4deg);
  }

  100% {
    transform: translate3d(16px, -14px, 0) rotate(6deg);
  }
}

/* Hero Badge / Static Hero Deal Pill */
.hw-hero-badge-container,
.hw-floating-bar {
  display: none !important;
  position: static !important;
}

.hw-hero-static-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(13, 31, 18, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 50px !important;
  padding: 6px 16px 6px 12px !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  white-space: nowrap !important;
  width: fit-content !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {

  .hw-hero-static-pill,
  .hw-hero-static-pill.bfcm-hero-pill,
  .hw-hero-badge,
  .spooky-season-badge {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    padding: 5px 14px !important;
    margin: 8px auto 14px auto !important;
    max-width: 95% !important;
    width: fit-content !important;
    border-radius: 9999px !important;
    box-sizing: border-box !important;
  }

  /* Text adjustments */
  .hw-hero-static-pill .hw-pill-text,
  .hw-hero-badge .hw-pill-text,
  .spooky-season-badge span:first-of-type {
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    display: inline-block !important;
  }

  /* Coupon code pill */
  .hw-hero-static-pill .hw-pill-code,
  .hw-hero-badge .hw-pill-code,
  .spooky-season-badge .coupon-tag,
  .spooky-season-badge span:last-of-type {
    font-size: 9.5px !important;
    padding: 2.5px 6px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    border-radius: 20px !important;
  }

  .hw-hero-static-pill .hw-pill-icon,
  .hw-hero-badge .hw-pill-icon,
  .spooky-season-badge .hw-pill-icon {
    font-size: 12px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    display: inline-block !important;
    margin: 0 !important;
  }

  /* Hero Content Spacing & Alignment (Proper breathing room) */
  .hw-hero-banner .hw-hero-container,
  [id*="slideshow"] .slide__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding-top: 16px !important;
    padding-bottom: 64px !important;
  }

  .hw-hero-title,
  [id*="slideshow"] h2,
  [id*="slideshow"] .heading {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    font-size: clamp(20px, 5.5vw, 28px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  .hw-hero-subtitle,
  [id*="slideshow"] p:not(.hw-pill-text) {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  /* Mobile Hero Banner Spacing & Primary Button Clearance */
  .hw-hero-banner,
  .section-halloween-hero {
    padding-top: 20px !important;
    padding-bottom: 72px !important;
  }

  [id*="slideshow"] .button,
  [id*="slideshow"] a[href*="best-selling"],
  .hw-hero-cta,
  .hw-hero-actions {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 480px) {

  .hw-hero-static-pill,
  .hw-hero-badge,
  .spooky-season-badge {
    padding: 5px 8px !important;
    gap: 5px !important;
    max-width: calc(100% - 20px) !important;
    margin: 6px auto 16px auto !important;
    border-radius: 24px !important;
  }

  .hw-hero-static-pill .hw-pill-text,
  .spooky-season-badge span:first-of-type {
    font-size: 11px !important;
  }

  .hw-hero-static-pill .hw-pill-code,
  .spooky-season-badge .coupon-tag,
  .spooky-season-badge span:last-of-type {
    font-size: 10px !important;
    padding: 2.5px 6px !important;
  }
}

.hw-pill-icon {
  font-size: 15px !important;
  line-height: 1 !important;
}

.hw-pill-text {
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.hw-pill-code {
  background: #0A0A0A !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  letter-spacing: 0.05em !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.hw-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(27, 74, 18, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #FFFFFF;
  padding: 8px 18px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 117, 24, 0.55);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25), 0 0 14px rgba(255, 117, 24, 0.3);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
  max-width: 90vw;
  overflow: visible;
}

.hw-hero-badge:hover {
  background: #14370d;
  border-color: var(--hw-accent);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.3), 0 0 18px rgba(255, 117, 24, 0.5);
}

.hw-hero-badge-code {
  background: var(--hw-accent);
  color: #FFFFFF;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-weight: 800;
}

.hw-hero-badge-arrow {
  transition: transform 0.2s ease;
}

.hw-hero-badge:hover .hw-hero-badge-arrow {
  transform: translateX(3px);
}

/* 3.1 Sage Countdown Strip */
/* 3.1 Luxury Black Friday Countdown Strip */
.hw-countdown-strip,
.bfcm-countdown-strip {
  background: #0D1F12 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  border-radius: 16px !important;
  max-width: 1240px !important;
  margin: 28px auto 36px !important;
  padding: 18px 32px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}

.hw-strip-inner {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.hw-strip-label {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hw-strip-icon {
  font-size: 20px;
  color: #F59E0B;
  line-height: 1;
}

.hw-strip-main-heading {
  font-weight: 800;
  font-size: 14px;
  color: #FFFFFF !important;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hw-strip-subheading {
  font-size: 12px;
  color: #DCE6DA !important;
  font-weight: 500;
  margin-top: 3px;
}

.hw-timer-boxes {
  display: flex;
  align-items: center;
  gap: 6px;
}

.hw-time-box {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  text-align: center;
  min-width: 50px;
}

.hw-time-box strong {
  display: block;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #F59E0B !important;
  line-height: 1.1;
  font-variant-numeric: tabular-nums !important;
}

.hw-time-box span {
  font-size: 9px;
  text-transform: uppercase;
  color: #94A3B8 !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.hw-timer-colon {
  font-size: 16px;
  font-weight: 800;
  color: #F59E0B !important;
  opacity: 0.6;
}

.bfcm-strip-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.bfcm-strip-auto-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 9999px;
  border: 1px solid rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.08);
  color: #F59E0B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hw-strip-cta,
.bfcm-strip-cta {
  background: #FFFFFF !important;
  color: #0D1F12 !important;
  padding: 10px 22px !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  white-space: nowrap !important;
}

.hw-strip-cta:hover,
.bfcm-strip-cta:hover {
  background: #F4F7F4 !important;
  color: #0D1F12 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
}

.bfcm-strip-vip-link {
  color: #DCE6DA !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
}

.bfcm-strip-vip-link:hover {
  color: #F59E0B !important;
}

@media (max-width: 990px) {

  .hw-countdown-strip,
  .bfcm-countdown-strip {
    margin: 0 16px 24px !important;
    padding: 16px 20px !important;
  }

  .hw-strip-inner {
    flex-direction: column;
    text-align: center;
    gap: 14px;
  }

  .hw-strip-label,
  .bfcm-strip-actions {
    justify-content: center;
  }
}

@media (max-width: 900px) {
  .hw-strip-inner {
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 600px) {

  .hw-countdown-strip,
  .bfcm-countdown-strip {
    padding: 12px 14px;
  }

  .hw-strip-inner {
    flex-direction: column;
    gap: 12px;
  }

  .hw-time-box {
    min-width: 46px;
    padding: 4px 6px;
  }

  .hw-time-box strong {
    font-size: 15px;
  }

  .hw-strip-cta {
    width: 100%;
    justify-content: center;
  }
}

/* 4. Halloween Deals Product Carousel */
.section-halloween-deals {
  background-color: #FFFFFF !important;
  color: #0A0A0A !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.hw-deals-section {
  padding: 56px 20px 72px 20px;
  max-width: 1240px;
  margin: 0 auto;
}

.hw-deals-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 28px;
  flex-wrap: wrap;
  gap: 16px;
}

.hw-deals-title {
  font-size: 28px;
  font-weight: 800;
  color: #111827 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  letter-spacing: -0.5px;
}

.hw-deals-pumpkin-icon {
  font-size: 26px;
  animation: hwPumpkinBob 3s ease-in-out infinite alternate;
}

@keyframes hwPumpkinBob {
  0% {
    transform: translateY(0) rotate(0deg);
  }

  100% {
    transform: translateY(-4px) rotate(4deg);
  }
}

.hw-deals-subtitle {
  color: #4B5563 !important;
  font-size: 15px;
  margin-top: 6px;
  margin-bottom: 0;
  max-width: 600px;
}

.hw-deals-header-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.hw-deals-view-all {
  color: #1B4A12 !important;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
}

.hw-deals-view-all:hover {
  color: #13380D !important;
  transform: translateX(2px);
}

.hw-carousel-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hw-carousel-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(27, 74, 18, 0.2);
  background: #FFFFFF;
  color: var(--hw-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.hw-carousel-btn:hover:not(:disabled) {
  background: var(--hw-green);
  color: #FFFFFF;
  border-color: var(--hw-green);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(27, 74, 18, 0.2);
}

.hw-carousel-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
}

/* Carousel Track & Viewport */
.hw-carousel-wrapper {
  position: relative;
  width: 100%;
}

.hw-carousel-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 4px 20px;
  margin: -8px -4px -20px;
  -webkit-overflow-scrolling: touch;
}

.hw-carousel-track::-webkit-scrollbar {
  display: none;
}

/* Product Card in Carousel */
.hw-carousel-card {
  scroll-snap-align: start;
  flex: 0 0 calc(25% - 15px);
  min-width: 250px;
  max-width: 320px;
  background: #FFFFFF;
  border: 1px solid rgba(27, 74, 18, 0.12);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}

@media (max-width: 1024px) {
  .hw-carousel-card {
    flex: 0 0 calc(33.333% - 14px);
  }
}

@media (max-width: 768px) {
  .hw-carousel-card {
    flex: 0 0 calc(50% - 10px);
    min-width: 220px;
  }
}

@media (max-width: 500px) {
  .hw-carousel-card {
    flex: 0 0 82%;
    min-width: 240px;
  }
}

.hw-carousel-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(27, 74, 18, 0.1);
  border-color: rgba(255, 117, 24, 0.35);
}

.hw-card-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  padding: 4px 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.hw-badge-sale {
  background: var(--hw-accent);
  color: #FFFFFF;
}

.hw-badge-spooky {
  background: var(--hw-green);
  color: #FFFFFF;
}

.hw-card-media {
  display: block;
  aspect-ratio: 1;
  background: #F8FAF7;
  overflow: hidden;
  position: relative;
}

.hw-card-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hw-carousel-card:hover .hw-card-img {
  transform: scale(1.06);
}

.hw-card-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
}

.hw-placeholder-svg {
  width: 70%;
  height: 70%;
  opacity: 0.4;
}

.hw-mock-art {
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(135deg, #F3F7F2 0%, #E8EFE7 100%);
  padding: 20px;
  text-align: center;
}

.hw-mock-icon {
  font-size: 40px;
}

.hw-mock-label {
  font-size: 12px;
  color: var(--hw-green);
  font-weight: 600;
}

.hw-card-info {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.hw-card-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 12px;
}

.hw-card-rating:empty,
.product-card__rating-row:empty,
.jdgm-widget.jdgm-preview-badge:empty {
  display: none !important;
}

.hw-card-rating .jdgm-prev-badge {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}

.hw-card-rating .jdgm-star {
  color: #D97706 !important;
}

.hw-card-rating .jdgm-prev-badge__text {
  color: #666666 !important;
  font-size: 11px !important;
}

.hw-stars {
  color: #e67e22;
  letter-spacing: 1px;
}

.hw-review-count {
  color: #6b7280;
  font-size: 11px;
}

.hw-card-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--hw-green);
  text-decoration: none;
  line-height: 1.35;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.hw-card-title:hover {
  color: var(--hw-accent);
}

.hw-card-pricing {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 14px;
}

.hw-price-current {
  font-size: 18px;
  font-weight: 800;
  color: var(--hw-green);
}

.hw-price-compare {
  font-size: 13px;
  color: #9ca3af;
  text-decoration: line-through;
}

.hw-price-saving {
  font-size: 11px;
  font-weight: 700;
  color: var(--hw-accent);
  background: rgba(255, 117, 24, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
}

.hw-quick-add-btn {
  width: 100%;
  background: var(--hw-green);
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(27, 74, 18, 0.12);
}

.hw-quick-add-btn:hover:not(:disabled) {
  background: #14370d;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(27, 74, 18, 0.22);
}

.hw-quick-add-btn:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
  box-shadow: none;
}

.hw-quick-add-btn.hw-btn-success {
  background: #22c55e !important;
  color: #FFFFFF !important;
}

.hw-carousel-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.hw-dot {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: rgba(27, 74, 18, 0.2);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hw-dot.active {
  width: 24px;
  background: var(--hw-green);
}

/* 5. 4-Feature Trust Bar (Desktop & Mobile) */
.hw-trust-bar-section,
.section-halloween-trust-strip,
.section-halloween-trust-bar {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

.hw-trust-bar-container,
.hw-trust-strip {
  max-width: 1140px !important;
  margin: 24px auto !important;
  padding: 14px 28px !important;
  background: #FFFFFF !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(27, 74, 18, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.hw-trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-sizing: border-box !important;
}

.hw-trust-item:last-child {
  border-right: none !important;
}

.hw-trust-item .icon,
.hw-trust-item .hw-trust-icon {
  font-size: 22px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.hw-trust-item .hw-trust-content {
  display: flex !important;
  flex-direction: column !important;
}

.hw-trust-item h4,
.hw-trust-item strong {
  font-size: 13.5px !important;
  color: #1B4A12 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.hw-trust-item p,
.hw-trust-item span:not(.hw-trust-icon):not(.icon) {
  font-size: 11px !important;
  color: #4b5563 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.hw-trust-divider {
  display: none !important;
}

@media (max-width: 768px) {

  .hw-trust-bar-container,
  .hw-trust-strip {
    border-radius: 16px !important;
    padding: 14px 12px !important;
    margin: 16px 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    max-width: calc(100% - 24px) !important;
  }

  .hw-trust-item {
    border-right: none !important;
    justify-content: flex-start !important;
    padding: 4px 6px !important;
    gap: 8px !important;
  }

  .hw-trust-item .icon,
  .hw-trust-item .hw-trust-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 18px !important;
  }

  .hw-trust-item h4,
  .hw-trust-item strong {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  .hw-trust-item p,
  .hw-trust-item span:not(.hw-trust-icon):not(.icon) {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}

/* 5. Harmonize Standard Product Cards (Automated Collection Grid) */
.product-card,
product-card.product-card {
  background: #FFFFFF !important;
  border-radius: 18px !important;
  padding: 16px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(27, 74, 18, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Neutralize inner Horizon container so it never duplicates border or padding */
product-card.product-card>.product-card__content,
product-card.product-card>.product-grid__card,
.product-card>.product-card__content,
.product-card>.product-grid__card,
.product-recommendations product-card>.product-card__content,
.product-recommendations product-card>.product-grid__card {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

product-card.product-card:hover,
.product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(27, 74, 18, 0.1), 0 0 16px rgba(255, 117, 24, 0.12) !important;
}

.product-card .card-gallery,
.product-grid__card .card-gallery {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Sale Badge: Sleek Obsidian Black Friday Pill */
.product-badges__badge,
.product-badges__badge--rectangle,
.product-card .badge--sale,
.product-badges [class*="badge"],
.badge--sale,
.hw-sale-badge,
.hw-pdp-media-badge {
  background: #0A0A0A !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* ==========================================================================
   Standardized Product Card & "You May Also Like" Grid Layout Fixes
   ========================================================================== */
.product-recommendations,
#shopify-section-template--product__recommendations,
[id*="product_recommendations"] {
  padding-bottom: 20px !important;
  /* Clears bottom floating sticky ATC bar */
  overflow: visible !important;
}

.product-recommendations .section-resource-list__content p {
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: #1B4A12 !important;
  font-weight: 700 !important;
  margin: 0 0 6px 0 !important;
}

.product-recommendations .section-resource-list__content h2,
.product-recommendations .section-resource-list__content h3 {
  font-size: clamp(24px, 3vw, 34px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #0A0A0A !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2 !important;
}

/* Ensure equal height grid columns */
.product-recommendations .resource-list--grid,
.product-recommendations .resource-list,
.product-grid {
  display: grid !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

.product-recommendations .resource-list__item {
  display: flex !important;
  height: 100% !important;
  min-height: 100% !important;
}

/* Outer card container: consistent luxury surface */
.product-recommendations .product-card,
.product-recommendations product-card,
.product-grid .product-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
  position: relative !important;
  overflow: visible !important;
}

.product-recommendations .product-card:hover,
.product-recommendations product-card:hover,
.product-grid .product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(27, 74, 18, 0.25) !important;
}

/* Inner content flex wrapper: must stretch 100% height to push CTA to bottom */
.product-recommendations product-card>.product-card__content,
.product-recommendations .product-card>.product-card__content,
.product-recommendations .product-grid__card {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 100% !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* ==========================================================================
   UNIVERSAL LUXURY DTC PRODUCT CARD DESIGN (ui-ux-pro-max standard)
   Matches Reference: 1:1 Square Image, Dynamic Discount % Badge,
   Reviews, 2-Line Title, Price + Save Chip, Black "⚡ Quick Add" Button
   Applies across Home, Collections, Search & "You May Also Like"
   ========================================================================== */

/* ==========================================================================
   UNIVERSAL LUXURY DTC PRODUCT CARD DESIGN (ui-ux-pro-max standard)
   Matches Reference: 1:1 Square Image, Dynamic Discount % Badge,
   Reviews, Compact 2-Line Title, Price + Save Chip, Black "⚡ Quick Add" Button
   Applies across Home, Collections, Search & "You May Also Like"
   ========================================================================== */

/* 1. Main Card Container */
.product-card,
.product-grid__card,
.resource-list__item .product-card,
.product-recommendations .product-card,
.product-recommendations .product-grid__card,
.collection .product-card,
.search .product-card {
  position: relative !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  padding: 10px 10px 12px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  height: 100% !important;
}

@media screen and (min-width: 750px) {

  .product-card,
  .product-grid__card,
  .resource-list__item .product-card,
  .product-recommendations .product-card {
    padding: 14px 14px 16px 14px !important;
  }
}

.product-card:hover,
.product-grid__card:hover,
.product-recommendations .product-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Ensure Compact Vertical Alignment - NO HUGE GAPS */
.product-card .product-card__content,
.product-card .product-grid__card,
.product-card .layout-panel-flex,
.product-card .layout-panel-flex--column,
.product-card .group-block {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

/* 2. 1:1 Aspect Ratio Square Image Well & Product Alignment */
.product-card .card-gallery,
.product-grid__card .card-gallery,
.product-recommendations .card-gallery,
.product-recommendations .product-card-gallery,
.product-recommendations [class*="product_card_gallery"] {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  background: #FAFBF9 !important;
  overflow: hidden !important;
  display: block !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

.product-card .card-gallery a,
.product-card .card-gallery a.contents,
.product-card .card-gallery slideshow-component,
.product-card .card-gallery slideshow-container {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Slideshow Slides: Scroller Container with 1 slide visible at a time */
.product-card .card-gallery slideshow-slides {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product-card .card-gallery slideshow-slides::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Individual Slide: MUST BE 100% WIDTH - NEVER SPLIT 50/50 */
.product-card .card-gallery slideshow-slide {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  content-visibility: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
}

/* Slideshow Arrows & Navigation Controls */
.product-card .card-gallery slideshow-arrows {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 6px !important;
  pointer-events: none !important;
  z-index: 8 !important;
  mix-blend-mode: normal !important;
}

.product-card .card-gallery .slideshow-control {
  pointer-events: auto !important;
  cursor: pointer !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0A0A0A !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.2s ease, transform 0.18s ease, background-color 0.2s ease, color 0.2s ease !important;
  z-index: 9 !important;
}

.product-card .card-gallery .slideshow-control svg {
  width: 12px !important;
  height: 12px !important;
  stroke: currentColor !important;
  fill: none !important;
  pointer-events: none !important;
}

/* Desktop Hover: Reveal Arrows on Product Card */
@media (hover: hover) and (pointer: fine) {

  .product-card:hover .card-gallery .slideshow-control,
  .product-card .card-gallery:hover .slideshow-control {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

.product-card .card-gallery .slideshow-control:hover {
  background: #0A0A0A !important;
  color: #FFFFFF !important;
  border-color: #0A0A0A !important;
  transform: scale(1.12) !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.3) !important;
}

/* Touch/Mobile: keep subtle interactive arrows */
@media screen and (max-width: 749px) {
  .product-card .card-gallery .slideshow-control {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    opacity: 0.85 !important;
    visibility: visible !important;
    background: rgba(255, 255, 255, 0.92) !important;
  }

  .product-card .card-gallery .slideshow-control svg {
    width: 10px !important;
    height: 10px !important;
  }
}

.product-card .card-gallery .product-media-container,
.product-card .card-gallery .product-media {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.product-card .card-gallery img,
.product-grid__card .card-gallery img,
.product-recommendations .card-gallery img,
.product-card .product-media__image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  content-visibility: visible !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@media screen and (min-width: 750px) {

  .product-card .card-gallery img,
  .product-grid__card .card-gallery img,
  .product-recommendations .card-gallery img,
  .product-card .product-media__image {
    padding: 12px !important;
  }
}

.product-card:hover .card-gallery img {
  transform: scale(1.04) !important;
}

/* Hide Redundant Quick-Add Bag Icon and Wishlist circles */
.product-card .card-gallery quick-add-component,
.product-card .card-gallery .quick-add,
.product-card .card-gallery .quick-add__button,
.product-card [data-testid="quick-add-button"],
.product-card .quick-add-modal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 3. Dynamic Top-Left Discount Badge */
.product-card .product-badges,
.product-badges.product-badges--top-left,
.product-card .card-gallery .product-badges {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.product-card .hw-card-discount-badge,
.product-card .product-badges__badge--sale,
.product-badges__badge.hw-card-discount-badge {
  background: #0A0A0A !important;
  color: #FFFFFF !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
  line-height: 1.2 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

@media screen and (min-width: 750px) {

  .product-card .hw-card-discount-badge,
  .product-card .product-badges__badge--sale,
  .product-badges__badge.hw-card-discount-badge {
    font-size: 11px !important;
    padding: 3px 8px !important;
  }
}

.product-card .product-badges__badge--sold-out {
  background: #E5E7EB !important;
  color: #374151 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
}

/* 4. Star Ratings & Review Row - Compact */
.product-card__rating-row {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin-top: 6px !important;
  margin-bottom: 2px !important;
  line-height: 1 !important;
  min-height: auto !important;
  width: 100% !important;
}

.product-card__star-rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}

.product-card__stars {
  color: #D97706 !important;
  /* Rich amber gold */
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  line-height: 1 !important;
}

.product-card__review-count {
  color: #666666 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

/* Product Card Review Stars & Badges (Always Visible, Vibrant Gold) */
.product-card .rating-wrapper,
.product-card .hw-card-rating,
.product-card .product-card__rating-row,
.product-card .jdgm-widget.jdgm-preview-badge,
.product-card .jdgm-prev-badge {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 3px !important;
  margin-bottom: 2px !important;
  padding: 0 !important;
  min-height: 18px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.product-card .rating-wrapper svg.stars,
.product-card .rating-wrapper .stars,
.product-card .product-card__stars,
.product-card .jdgm-star,
.product-card .jdgm-star.jdgm--on,
.product-card .jdgm-prev-badge__stars,
.product-card .jdgm-stars .jdgm-star {
  color: #D97706 !important;
  fill: #D97706 !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

/* Fallback: if Judge.me icon webfont is unloaded, guarantee 5 visible stars */
.product-card .jdgm-prev-badge__stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1px !important;
  color: #D97706 !important;
}

.product-card .jdgm-star:empty::before,
.product-card .jdgm-star.jdgm--on:empty::before {
  content: "★" !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  color: #D97706 !important;
  display: inline-block !important;
  font-size: 12.5px !important;
}

.product-card .rating-count,
.product-card .product-card__review-count,
.product-card .jdgm-prev-badge__text {
  color: #6B7280 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.product-card .product-card__price-wrapper,
.product-card [class*="price"],
.product-card .price {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 6px !important;
}

.product-card .price__badge-sale,
.product-card .badge--sale,
.product-card .price .badge,
.product-card .hw-saving-pill {
  white-space: nowrap !important;
  max-width: none !important;
  flex-shrink: 0 !important;
}

/* 5. Product Title: Compact 2-line clamp */
.product-card [class*="product-title"],
.product-card [class*="product_title"],
.product-card .product-title {
  margin-top: 2px !important;
  margin-bottom: 4px !important;
  width: 100% !important;
}

.product-card [class*="product-title"] p,
.product-card [class*="product-title"] h3,
.product-card [class*="product-title"] a,
.product-card .product-title a,
.product-card [class*="product_title"] * {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #113619 !important;
  /* Healtence Forest Green */
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  height: 2.6em !important;
  min-height: 2.6em !important;
}

@media screen and (min-width: 750px) {

  .product-card [class*="product-title"] p,
  .product-card [class*="product-title"] h3,
  .product-card [class*="product-title"] a,
  .product-card .product-title a,
  .product-card [class*="product_title"] * {
    font-size: 14px !important;
    height: 2.7em !important;
    min-height: 2.7em !important;
  }
}

/* 6. Product Card Price Row: Strictly In-Line (Sale Price + Compare Price + Save Chip) */
.product-card product-price,
.product-card [ref="priceContainer"],
.product-card .product-card__price-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 6px !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  line-height: 1.2 !important;
  min-height: 24px !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
}

/* Sale / Current Price */
.product-card .price-item__group.price,
.product-card product-price span.price,
.product-card .product-card__price-row .price {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-height: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.product-card .price-item__group.price bdi,
.product-card product-price span.price bdi,
.product-card .product-card__price-row .price bdi,
.product-card .price-item__group.price,
.product-card product-price span.price {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
}

@media screen and (min-width: 750px) {

  .product-card .price-item__group.price bdi,
  .product-card product-price span.price bdi,
  .product-card .product-card__price-row .price bdi,
  .product-card .price-item__group.price,
  .product-card product-price span.price {
    font-size: 16px !important;
  }
}

/* Compare-At Price (Strikethrough) - In-Line Sibling */
.product-card .compare-at-price,
.product-card .price-item--regular.compare-at-price,
.product-card .price-item__group.compare-at-price,
.product-card .product-card__price-row .compare-at-price {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-height: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #888888 !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.product-card .compare-at-price bdi,
.product-card .price-item--regular.compare-at-price bdi {
  color: #888888 !important;
  text-decoration: line-through !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

/* Save Chip Badge - Compact In-Line Pill */
.product-card__save-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #FEF3C7 !important;
  /* Soft warm amber */
  color: #B45309 !important;
  /* Deep warm amber text */
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

@media screen and (min-width: 750px) {
  .product-card__save-chip {
    font-size: 10.5px !important;
    padding: 2px 6px !important;
  }
}

/* Hide bulky in-stock badge on cards for clean luxury look */
.product-card .relief-instock-badge {
  display: none !important;
}

/* 7. Pinned Bottom Quick Add Button - Compact & Perfectly Aligned */
.product-card .product-card__cta-wrapper,
.product-card .hw-card-cta-wrapper {
  margin-top: auto !important;
  padding-top: 6px !important;
  width: 100% !important;
  display: block !important;
}

.product-card .product-card__standard-cta.hw-quick-add-btn {
  width: 100% !important;
  height: 38px !important;
  background: #0A0A0A !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

@media screen and (min-width: 750px) {
  .product-card .product-card__standard-cta.hw-quick-add-btn {
    height: 42px !important;
    font-size: 13.5px !important;
    padding-top: 8px !important;
  }
}

.product-card .product-card__standard-cta.hw-quick-add-btn:hover {
  background: #1B4A12 !important;
  /* Healtence Forest Green Reveal */
  border-color: #1B4A12 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 16px rgba(27, 74, 18, 0.25) !important;
  transform: translateY(-2px) !important;
}

.product-card .product-card__standard-cta.hw-quick-add-btn .hw-bolt-icon {
  color: #F59E0B !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.product-card .product-card__standard-cta.hw-quick-add-btn.is-sold-out {
  background: #E5E7EB !important;
  color: #9CA3AF !important;
  border: 1px solid #D1D5DB !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

/* 5.2 4 Value Props / Trust Feature Cards */
/* =========================================================================
   5. MINIMALIST 4-COLUMN FEATURE CARDS (section_dnyLbt) - LUXURY REDESIGN
   ========================================================================= */
[id*="section_dnyLbt"],
.section-wrapper:has([id*="section_dnyLbt"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding: 50px 0 !important;
  background-color: #FFFFFF !important;
}

[id*="section_dnyLbt"] .section,
[id*="section_dnyLbt"] .custom-section-content {
  width: 100% !important;
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

[id*="section_dnyLbt"] .section-content-wrapper,
[id*="section_dnyLbt"] .layout-panel-flex,
[id*="section_dnyLbt"] .section-content,
[id*="section_dnyLbt"] .hw-features-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Outer Card Container */
[id*="section_dnyLbt"] .group-block {
  background: #FFFFFF !important;
  border: 1px solid #E5EBE3 !important;
  border-radius: 20px !important;
  padding: 36px 24px 30px !important;
  min-height: 180px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
}

[id*="section_dnyLbt"] .group-block:hover {
  transform: translateY(-4px) !important;
  border-color: #1B4A12 !important;
  box-shadow: 0 14px 32px rgba(27, 74, 18, 0.08) !important;
}

/* Eliminate Double Outline & Inner Ghost Boxes */
[id*="section_dnyLbt"] .group-block-content {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

[id*="section_dnyLbt"] *::before,
[id*="section_dnyLbt"] *::after {
  box-sizing: border-box;
}

[id*="section_dnyLbt"] .decorative-capsule,
[id*="section_dnyLbt"] .capsule-outline,
[id*="section_dnyLbt"] .card-decorative-shape,
[id*="section_dnyLbt"] .overlay,
[id*="section_dnyLbt"] .group-block__media-wrapper {
  display: none !important;
  content: none !important;
  border: none !important;
  outline: none !important;
}

/* Feature Icon Badges */
[id*="section_dnyLbt"] .group-block:nth-of-type(1) .group-block-content::before {
  content: "🛡️";
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: #EBF5EA;
  border: 1px solid rgba(27, 74, 18, 0.15);
  border-radius: 50%;
  margin: 0 auto 16px auto;
  box-shadow: 0 4px 12px rgba(27, 74, 18, 0.06);
}

[id*="section_dnyLbt"] .group-block:nth-of-type(2) .group-block-content::before {
  content: "🏷️";
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: #FEF3C7;
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 50%;
  margin: 0 auto 16px auto;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.06);
}

[id*="section_dnyLbt"] .group-block:nth-of-type(3) .group-block-content::before {
  content: "⚡";
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: #E0F2FE;
  border: 1px solid rgba(14, 165, 233, 0.25);
  border-radius: 50%;
  margin: 0 auto 16px auto;
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.06);
}

[id*="section_dnyLbt"] .group-block:nth-of-type(4) .group-block-content::before {
  content: "💬";
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: #F3E8FF;
  border: 1px solid rgba(147, 51, 234, 0.25);
  border-radius: 50%;
  margin: 0 auto 16px auto;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.06);
}

/* Feature Typography */
[id*="section_dnyLbt"] .group-block [name="heading"] p,
[id*="section_dnyLbt"] .group-block h2,
[id*="section_dnyLbt"] .group-block h3,
[id*="section_dnyLbt"] .group-block p:first-child {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
}

[id*="section_dnyLbt"] .group-block [name="description"] p,
[id*="section_dnyLbt"] .group-block p:not(:first-child) {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #4B5563 !important;
  margin: 0 !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {

  [id*="section_dnyLbt"] .section-content-wrapper,
  [id*="section_dnyLbt"] .layout-panel-flex {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 600px) {

  [id*="section_dnyLbt"] .section-content-wrapper,
  [id*="section_dnyLbt"] .layout-panel-flex {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  [id*="section_dnyLbt"] .group-block {
    min-height: auto !important;
    padding: 24px 18px !important;
  }
}


/* =========================================================================
   6. JUDGE.ME & LUXURY REVIEWS CAROUSEL SECTION (.hw-reviews-section)
   ========================================================================= */
.hw-reviews-section,
.section-reviews-carousel {
  padding: 70px 0 60px !important;
  background-color: #F9FAF8 !important;
  border-top: 1px solid #EBEFE8 !important;
  border-bottom: 1px solid #EBEFE8 !important;
  width: 100% !important;
  position: relative !important;
}

.hw-reviews-inner {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.hw-reviews-header {
  text-align: center !important;
  margin-bottom: 36px !important;
}

.hw-reviews-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #FFFFFF !important;
  border: 1px solid #DCE6DA !important;
  border-radius: 9999px !important;
  padding: 6px 16px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.hw-reviews-stars {
  color: #F59E0B !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
}

.hw-reviews-badge-text {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #1B4A12 !important;
  letter-spacing: 0.04em !important;
}

.hw-reviews-title {
  font-size: clamp(26px, 3.4vw, 36px) !important;
  font-weight: 800 !important;
  color: #111827 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
}

.hw-reviews-sub {
  font-size: clamp(14px, 1.8vw, 16px) !important;
  color: #4B5563 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  line-height: 1.55 !important;
}

/* Slider Track & Navigation */
.hw-carousel-container {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.hw-reviews-track {
  display: flex !important;
  gap: 24px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  padding: 16px 8px 28px !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  width: 100% !important;
}

.hw-reviews-track::-webkit-scrollbar {
  display: none !important;
}

.hw-carousel-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1px solid #D1D5DB !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #111827 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hw-carousel-prev {
  left: -18px !important;
}

.hw-carousel-next {
  right: -18px !important;
}

.hw-carousel-arrow:hover {
  background: #1B4A12 !important;
  color: #FFFFFF !important;
  border-color: #1B4A12 !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 8px 20px rgba(27, 74, 18, 0.25) !important;
}

/* Individual Review Card */
.hw-review-card {
  flex: 0 0 calc(33.333% - 16px) !important;
  min-width: 320px !important;
  scroll-snap-align: start !important;
  background: #FFFFFF !important;
  border: 1px solid #E5EBE3 !important;
  border-radius: 20px !important;
  padding: 28px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.hw-review-card:hover {
  transform: translateY(-4px) !important;
  border-color: #1B4A12 !important;
  box-shadow: 0 14px 32px rgba(27, 74, 18, 0.08) !important;
}

.hw-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
}

.hw-card-stars {
  color: #F59E0B !important;
  font-size: 15px !important;
  letter-spacing: 2px !important;
}

.hw-card-verified {
  background: #EBF5EA !important;
  color: #1B4A12 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  padding: 4px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.hw-card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.35 !important;
}

.hw-card-body {
  font-size: 13.5px !important;
  color: #4B5563 !important;
  line-height: 1.6 !important;
  margin: 0 0 20px 0 !important;
  flex-grow: 1 !important;
}

.hw-card-author-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-top: 14px !important;
  border-top: 1px solid #F3F4F6 !important;
}

.hw-card-avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #1B4A12 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.03em !important;
}

.hw-card-meta {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

.hw-author-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

.hw-author-loc {
  font-size: 12px !important;
  color: #6B7280 !important;
}

.hw-card-product-tag {
  background: #F3F4F6 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  margin-top: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.hw-reviews-trust-footer {
  display: flex !important;
  justify-content: center !important;
  gap: 24px !important;
  margin-top: 36px !important;
  flex-wrap: wrap !important;
}

.hw-trust-pill-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #374151 !important;
}

.hw-trust-check {
  color: #1B4A12 !important;
  font-weight: 800 !important;
}

/* Judge.me App Element & Backend Reviews Overrides (Pure Authentic Backend Data) */
.jdgm-carousel-wrapper {
  margin: 30px auto !important;
  width: 100% !important;
  max-width: 1260px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.jdgm-carousel-title-and-link {
  text-align: center !important;
  margin-bottom: 24px !important;
}

.jdgm-carousel-title {
  font-size: clamp(24px, 3.2vw, 34px) !important;
  font-weight: 800 !important;
  color: #111827 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 8px !important;
}

.jdgm-star,
.jdgm-star.jdgm--on,
.jdgm-stars .jdgm-star {
  color: #F59E0B !important;
}

.jdgm-carousel-item {
  background: #FFFFFF !important;
  border: 1px solid #E5EBE3 !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.jdgm-carousel-item:hover {
  transform: translateY(-4px) !important;
  border-color: #1B4A12 !important;
  box-shadow: 0 12px 28px rgba(27, 74, 18, 0.08) !important;
}

.jdgm-carousel-item__review-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 8px 0 !important;
  line-height: 1.35 !important;
}

.jdgm-carousel-item__review-body {
  font-size: 13.5px !important;
  color: #4B5563 !important;
  line-height: 1.6 !important;
  margin-bottom: 14px !important;
}

.jdgm-carousel-item__reviewer-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

.jdgm-verified-badge {
  color: #1B4A12 !important;
}

.jdgm-carousel__arrow-prev,
.jdgm-carousel__arrow-next {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1px solid #D1D5DB !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  color: #111827 !important;
  transition: all 0.25s ease !important;
}

.jdgm-carousel__arrow-prev:hover,
.jdgm-carousel__arrow-next:hover {
  background: #1B4A12 !important;
  color: #FFFFFF !important;
  border-color: #1B4A12 !important;
  transform: scale(1.06) !important;
}


/* =========================================================================
   7. NEWSLETTER SECTION (.hw-email-strip) - LUXURY DTC OVERHAUL
   ========================================================================= */
.hw-email-strip,
.section-halloween-email-strip {
  background-color: #FFFFFF !important;
  padding: 60px 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.hw-email-container {
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.hw-email-card {
  background: linear-gradient(135deg, #0A1C0E 0%, #15371B 50%, #0A1C0E 100%) !important;
  border-radius: 28px !important;
  padding: 54px 40px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(10, 28, 14, 0.22) !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  box-sizing: border-box !important;
}

.hw-email-glow {
  position: absolute !important;
  inset: -60% -30% !important;
  background: radial-gradient(circle at 50% 30%, rgba(34, 197, 94, 0.16) 0%, transparent 65%) !important;
  pointer-events: none !important;
}

.hw-email-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

.hw-email-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  border-radius: 9999px !important;
  padding: 6px 16px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #F59E0B !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 18px !important;
}

.hw-email-badge-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #F59E0B !important;
  box-shadow: 0 0 10px #F59E0B !important;
}

.hw-email-title {
  color: #FFFFFF !important;
  font-size: clamp(26px, 3.4vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.25 !important;
}

.hw-email-sub {
  color: #D1DCD0 !important;
  font-size: clamp(14px, 1.8vw, 16px) !important;
  line-height: 1.6 !important;
  margin: 0 auto 30px auto !important;
  opacity: 1 !important;
}

.hw-email-input-capsule {
  display: flex !important;
  align-items: center !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  background: #FFFFFF !important;
  border-radius: 9999px !important;
  padding: 6px 8px 6px 18px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
  border: 2px solid transparent !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.hw-email-input-capsule:focus-within {
  border-color: #22C55E !important;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25), 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.hw-input-icon-wrap {
  color: #9CA3AF !important;
  margin-right: 12px !important;
  display: flex !important;
  align-items: center !important;
}

.hw-email-input {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  font-size: 15px !important;
  color: #111827 !important;
  background: transparent !important;
  padding: 10px 0 !important;
}

.hw-email-input::placeholder {
  color: #9CA3AF !important;
  font-size: 14.5px !important;
}

.hw-email-submit {
  background: linear-gradient(135deg, #1B4A12 0%, #29701C 100%) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 14px 28px !important;
  border-radius: 9999px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 14px rgba(27, 74, 18, 0.35) !important;
}

.hw-email-submit:hover {
  background: #14370D !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(27, 74, 18, 0.45) !important;
}

.hw-email-micro-trust {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
  color: #A3B899 !important;
  font-size: 12.5px !important;
  flex-wrap: wrap !important;
}

.hw-micro-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.hw-micro-sep {
  opacity: 0.5 !important;
}

.hw-email-success-card {
  background: rgba(34, 197, 94, 0.15) !important;
  border: 1px solid rgba(34, 197, 94, 0.4) !important;
  padding: 18px 24px !important;
  border-radius: 16px !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  max-width: 500px !important;
  margin: 0 auto !important;
  text-align: left !important;
}

.hw-success-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #22C55E !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

@media (max-width: 600px) {
  .hw-email-card {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }

  .hw-email-input-capsule {
    flex-direction: column !important;
    border-radius: 16px !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  .hw-email-input {
    width: 100% !important;
    text-align: center !important;
  }

  .hw-email-submit {
    width: 100% !important;
    justify-content: center !important;
    padding: 14px 20px !important;
  }
}


/* =========================================================================
   8. FOOTER SECTION - LUXURY DARK OBSIDIAN DTC OVERHAUL
   ========================================================================= */
footer,
.footer,
footer .shopify-section,
footer .section-background,
footer .section,
#shopify-section-sections--24673645396289__footer_m9NzUG,
#shopify-section-sections--24673645396289__footer_utilities_jLGE8U {
  background-color: #0A1C0E !important;
  background: #0A1C0E !important;
  color: #FFFFFF !important;
}

footer .footer-content {
  padding: 60px 20px 40px !important;
  max-width: 1260px !important;
  margin: 0 auto !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-sizing: border-box !important;
}

/* Headings in Footer */
footer .footer-content h3,
footer .footer-content h4,
footer .menu__heading__default,
footer .menu__heading {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin: 0 0 18px 0 !important;
}

/* Brand Logo & Mission */
.footer-brand-title {
  color: #FFFFFF !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  margin: 0 0 4px 0 !important;
  display: block !important;
}

.footer-brand-sub {
  color: #A3B899 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 0 16px 0 !important;
  display: block !important;
}

footer .footer-content [class*="group"] p {
  color: #D1DCD0 !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  margin: 0 0 16px 0 !important;
}

.footer-doctor-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 9999px !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
}

/* Navigation Links in Footer */
footer .menu__item a,
footer .footer-nav-list a {
  color: #D1DCD0 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  padding: 5px 0 !important;
  transition: all 0.2s ease !important;
}

footer .menu__item a:hover,
footer .footer-nav-list a:hover {
  color: #F59E0B !important;
  transform: translateX(4px) !important;
}

/* Contact Info Card */
.footer-contact-list p {
  color: #D1DCD0 !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  margin: 0 0 8px 0 !important;
}

.footer-contact-list a {
  color: #F59E0B !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.footer-support-hours {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(34, 197, 94, 0.12) !important;
  color: #86EFAC !important;
  border: 1px solid rgba(34, 197, 94, 0.25) !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
}

/* Payment Badges */
footer .payment-icons {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
}

footer .payment-icons svg,
footer .payment-icons .icon,
footer .payment-icons li {
  background: #FFFFFF !important;
  border-radius: 6px !important;
  padding: 3px 6px !important;
  height: 28px !important;
  width: auto !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Footer Bottom Bar & Copyright - Seamless Blend (No Box) */
footer .utilities,
.footer-utilities,
#shopify-section-sections--24673645396289__footer_utilities_jLGE8U,
#shopify-section-sections--24673645396289__footer_utilities_jLGE8U .utilities,
#shopify-section-footer_utilities_jLGE8U,
#shopify-section-footer_utilities_jLGE8U .utilities {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 20px 0 28px 0 !important;
  color: #A3B899 !important;
  font-size: 12.5px !important;
  width: 100% !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

footer .utilities a {
  color: #D1DCD0 !important;
}

footer .utilities a:hover {
  color: #F59E0B !important;
}

/* 7. Product Page Features */
.hw-deal-ribbon {
  background: var(--hw-sage);
  border-left: 4px solid var(--hw-accent);
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  color: var(--hw-green);
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hw-product-timer-line {
  font-size: 13px;
  font-weight: 700;
  color: var(--hw-accent);
  margin: 8px 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.hw-coupon-box {
  background: #FFFDF9;
  border: 1.5px dashed var(--hw-accent);
  border-radius: 10px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 14px 0;
  gap: 12px;
}

.hw-coupon-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hw-coupon-tag {
  background: var(--hw-accent);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
}

.hw-coupon-text {
  font-size: 13px;
  color: #333;
}

.hw-copy-btn {
  background: var(--hw-green);
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.hw-copy-btn:hover {
  background: #14370d;
}

/* Frequently Bought Together Bundle */
.hw-fbt-container {
  background: #F9FAF8;
  border: 1px solid var(--hw-sage);
  border-radius: 12px;
  padding: 18px;
  margin: 20px 0;
}

.hw-fbt-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--hw-green);
  margin-bottom: 12px;
}

.hw-fbt-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 13px;
  color: #333;
}

.hw-fbt-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hw-fbt-total-row {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #E5E7EB;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.hw-fbt-total-price {
  font-size: 15px;
  font-weight: 700;
  color: var(--hw-green);
}

.hw-fbt-btn {
  background: var(--hw-green);
  color: #FFFFFF;
  border: none;
  padding: 8px 18px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  font-size: 13px;
}

/* 8. Cart Drawer Enhancements */
.hw-cart-shipping-bar {
  background: #F3F5F2;
  border-radius: 8px;
  padding: 10px 14px;
  margin: 10px 16px;
}

.hw-cart-shipping-msg {
  font-size: 12px;
  font-weight: 600;
  color: var(--hw-green);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hw-cart-shipping-track {
  width: 100%;
  height: 8px;
  background: #E5E7EB;
  border-radius: 9999px;
  overflow: hidden;
  position: relative;
}

.hw-cart-shipping-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--hw-green), var(--hw-accent));
  border-radius: 9999px;
  transition: width 0.4s ease;
  position: relative;
}

.hw-cart-discount-applied {
  background: #FFF7ED;
  border: 1px dashed var(--hw-accent);
  border-radius: 6px;
  padding: 8px 14px;
  margin: 6px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  color: #C2410C;
}

/* 9. Minimalist Luxury Floating VIP Trigger (Single Instance, Dismissible) */
.bfcm-floating-widgets,
.hw-floating-widgets {
  position: fixed !important;
  bottom: 20px !important;
  left: 20px !important;
  z-index: 990 !important;
  display: block !important;
  pointer-events: auto !important;
}

.bfcm-floating-pill-wrap {
  display: inline-flex !important;
  align-items: center !important;
  background: #0A0A0A !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 9999px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  padding: 0 8px 0 14px !important;
  height: 40px !important;
  gap: 8px !important;
  transition: transform 0.25s ease, opacity 0.25s ease, background 0.25s ease !important;
}

.bfcm-floating-pill-wrap:hover {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

.hw-floating-claim-tab,
.hw-claim-discount-btn,
.bfcm-claim-discount-btn {
  position: static !important;
  background: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.hw-floating-claim-tab:hover,
.hw-claim-discount-btn:hover,
.bfcm-claim-discount-btn:hover {
  background: transparent !important;
  color: #E2E8F0 !important;
  transform: none !important;
  box-shadow: none !important;
}

.bfcm-floating-dismiss-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #94A3B8 !important;
  border: none !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
}

.bfcm-floating-dismiss-btn:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #FFFFFF !important;
}

.bfcm-floating-star {
  color: #FFB800 !important;
  font-size: 13px !important;
}

/* Hard single-instance enforcement & PDP suppression */
.hw-claim-discount-btn~.hw-claim-discount-btn,
.hw-floating-claim-tab~.hw-floating-claim-tab,
.hw-floating-widgets~.hw-floating-widgets {
  display: none !important;
}

body.template-product .hw-claim-discount-btn,
body.template-product .hw-floating-claim-tab,
body.template-product .hw-floating-widgets,
body.template-product .bfcm-floating-widgets,
.template-product .hw-claim-discount-btn,
.template-product .hw-floating-claim-tab,
.template-product .hw-floating-widgets,
.template-product .bfcm-floating-widgets {
  display: none !important;
}

.hw-scroll-top-btn,
.hw-back-to-top-btn {
  position: fixed !important;
  bottom: 24px !important;
  right: 20px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #0A0A0A !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 995 !important;
  transition: transform 0.25s ease, opacity 0.25s ease, background 0.25s ease !important;
  opacity: 0;
  visibility: hidden;
  padding: 0 !important;
  box-sizing: border-box !important;
  color: #FFFFFF !important;
}

.hw-scroll-top-btn.is-visible,
.hw-back-to-top-btn.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.hw-scroll-top-btn:hover,
.hw-back-to-top-btn:hover {
  transform: translateY(-3px) scale(1.05) !important;
  background: #1B4A12 !important;
  border-color: #1B4A12 !important;
  box-shadow: 0 8px 20px rgba(27, 74, 18, 0.35) !important;
}

.hw-pumpkin-icon {
  font-size: 16px !important;
  line-height: 1 !important;
  margin-top: -2px !important;
}

.hw-arrow-indicator {
  margin-top: -2px !important;
}

@media (max-width: 768px) {

  body:has(#hwMobileStickyBar) .hw-scroll-top-btn,
  body:has(#hwMobileStickyBar) .hw-back-to-top-btn,
  .has-sticky-bar .hw-scroll-top-btn,
  .has-sticky-bar .hw-back-to-top-btn {
    bottom: 74px !important;
  }
}

/* Remove old redundant .scroll-top-button styling and tiny corner pumpkin pseudo-element */
.scroll-top-button,
.hw-mini-pumpkin,
.scroll-top-button::before,
.scroll-top-button::after {
  display: none !important;
}

@media (max-width: 640px) {
  .hw-floating-claim-tab {
    bottom: 56px;
  }
}

/* 10. Spin the Wheel Modal */
.hw-spin-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4px);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.hw-spin-modal-card {
  background: #FFFFFF;
  border-radius: 16px;
  width: 100%;
  max-width: 440px;
  padding: 28px 24px;
  position: relative;
  text-align: center;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.hw-spin-close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  color: #888;
  cursor: pointer;
}

.hw-spin-title {
  font-size: 22px;
  font-weight: 800;
  color: var(--hw-green);
  margin-bottom: 6px;
}

.hw-spin-sub {
  font-size: 13px;
  color: #555;
  margin-bottom: 18px;
}

.hw-wheel-canvas-container {
  position: relative;
  width: 260px;
  height: 260px;
  margin: 0 auto 18px;
}

.hw-wheel-pointer {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 18px solid var(--hw-green);
  z-index: 10;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
}

#hwWheelCanvas {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.hw-spin-action-btn {
  background: var(--hw-accent);
  color: #FFFFFF;
  border: none;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  transition: background 0.2s ease;
}

.hw-spin-action-btn:hover {
  background: var(--hw-accent-hover);
}

.hw-spin-no-thanks {
  background: none;
  border: none;
  font-size: 12px;
  color: #888;
  margin-top: 10px;
  cursor: pointer;
  text-decoration: underline;
}

.hw-spin-win-box {
  background: #F4F8F3;
  border: 1px solid var(--hw-sage);
  border-radius: 12px;
  padding: 18px;
  margin-top: 12px;
}

.hw-spin-win-code {
  font-size: 22px;
  font-weight: 800;
  color: var(--hw-accent);
  letter-spacing: 1px;
  margin: 8px 0;
}

/* 11. Footer Silhouette Strip */
.hw-footer-silhouette-strip {
  height: 24px;
  background-image: url('halloween-pumpkin-patch.svg');
  background-repeat: repeat-x;
  background-size: contain;
  opacity: 0.9;
  margin-bottom: 12px;
}

.hw-footer-greeting {
  text-align: center;
  font-size: 13px;
  color: var(--hw-sage);
  margin-top: 12px;
  font-weight: 600;
}

/* 12. Halloween Cart Drawer Enhancements */
.hw-cart-shipping-banner {
  background: #fdf6ec;
  border: 1px solid #ffe3c2;
  border-radius: 8px;
  padding: 10px 14px;
  margin: 12px 16px 8px;
  font-size: 13px;
  color: var(--hw-green);
}

.hw-cart-shipping-msg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  font-weight: 500;
}

.hw-cart-shipping-msg strong {
  color: var(--hw-accent);
}

.hw-cart-shipping-track {
  width: 100%;
  height: 6px;
  background: #eee;
  border-radius: 3px;
  overflow: hidden;
}

.hw-cart-shipping-fill {
  height: 100%;
  background: var(--hw-accent);
  border-radius: 3px;
  transition: width 0.3s ease;
}

/* 13. Mobile Sticky Bottom Deal Bar */
.hw-mobile-sticky-bar,
.hw-bottom-bar {
  display: none;
}

@media (max-width: 768px) {

  .hw-mobile-sticky-bar,
  .hw-bottom-bar {
    position: fixed !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px) !important;
    background: #0D1F12 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
    z-index: 40 !important;
    box-sizing: border-box !important;
  }

  .hw-mobile-sticky-bar .timer-box {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  .hw-mobile-sticky-bar .timer-countdown {
    color: #FFB800 !important;
    font-weight: 700 !important;
  }

  .hw-mobile-sticky-bar .cta-link {
    background: #0A0A0A !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    transition: background 0.2s ease !important;
  }

  .hw-mobile-sticky-bar .cta-link:hover {
    background: #1B4A12 !important;
    border-color: #1B4A12 !important;
  }
}

/* ==========================================================================
   14. Phase 4: Collection Pages Layer
   ========================================================================== */

/* 14.1 Collection Hero Banner */
.hw-col-banner {
  background: linear-gradient(135deg, #1B4A12 0%, #13390c 100%);
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
  padding: 48px 20px 40px;
  border-bottom: 2px solid rgba(255, 117, 24, 0.3);
}

.hw-col-banner-inner {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.hw-col-cobweb {
  position: absolute;
  top: 0;
  width: 90px;
  height: 90px;
  background-image: url('halloween-cobweb.svg');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.45;
  z-index: 1;
}

.hw-col-cobweb-left {
  left: 0;
}

.hw-col-cobweb-right {
  right: 0;
  transform: scaleX(-1);
}

.hw-col-bat {
  position: absolute;
  background-image: url('halloween-bats.svg');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.75;
}

.hw-col-bat-1 {
  width: 36px;
  height: 20px;
  top: 18%;
  left: 8%;
  animation: hwBatFloat 5s ease-in-out infinite alternate;
}

.hw-col-bat-2 {
  width: 28px;
  height: 16px;
  top: 25%;
  right: 10%;
  animation: hwBatFloat 6s ease-in-out infinite alternate;
  animation-delay: 1.5s;
}

.hw-col-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 117, 24, 0.2);
  border: 1px solid rgba(255, 117, 24, 0.5);
  color: #FFA559;
  padding: 4px 14px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
}

.hw-col-title {
  font-size: 34px;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 10px;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.hw-col-description {
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  max-width: 640px;
  margin: 0 auto 20px;
}

.hw-col-meta-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.hw-col-timer-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 0, 0, 0.25);
  padding: 6px 14px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.hw-col-timer-label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}

.hw-col-timer-boxes {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--hw-accent);
  font-weight: 800;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.hw-col-coupon-box {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px dashed rgba(255, 117, 24, 0.5);
}

.hw-coupon-text {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

.hw-col-coupon-btn {
  background: var(--hw-accent);
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.hw-col-coupon-btn:hover {
  background: var(--hw-accent-hover);
  transform: translateY(-1px);
}

.hw-copy-badge {
  background: rgba(0, 0, 0, 0.25);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

/* 14.2 Collection Quick Filter Chips */
.hw-col-quick-filters {
  padding: 16px 20px 8px;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(27, 74, 18, 0.08);
}

.hw-filters-scroll-container {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.hw-filters-scroll-container::-webkit-scrollbar {
  display: none;
}

.hw-filters-list {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding-bottom: 6px;
}

.hw-filters-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 800;
  color: var(--hw-green);
  margin-right: 4px;
}

.hw-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #F4F7F3;
  color: var(--hw-green);
  border: 1px solid rgba(27, 74, 18, 0.15);
  border-radius: 9999px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.hw-filter-chip:hover {
  background: rgba(27, 74, 18, 0.08);
  border-color: var(--hw-green);
  transform: translateY(-1px);
}

.hw-filter-chip.active {
  background: var(--hw-green);
  color: #FFFFFF;
  border-color: var(--hw-green);
  box-shadow: 0 2px 8px rgba(27, 74, 18, 0.25);
}

.hw-chip-icon {
  font-size: 13px;
}

/* 14.3 Sticky Promo Bar for Collections */
.hw-sticky-promo-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(27, 74, 18, 0.96);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #FFFFFF;
  border-top: 1px solid rgba(255, 117, 24, 0.4);
  padding: 10px 20px;
  z-index: 990;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.hw-sticky-promo-bar.hw-visible {
  transform: translateY(0);
}

.hw-sticky-bar-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.hw-sticky-left {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.hw-sticky-pumpkin {
  font-size: 18px;
}

.hw-sticky-msg strong {
  color: #FFFFFF;
}

.hw-sticky-subtext {
  color: rgba(255, 255, 255, 0.8);
}

.hw-sticky-center {
  display: flex;
  align-items: center;
  gap: 14px;
}

.hw-sticky-timer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.25);
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 12px;
}

.hw-sticky-timer-label {
  color: rgba(255, 255, 255, 0.7);
}

.hw-sticky-digits {
  color: var(--hw-accent);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.hw-sticky-code-btn {
  background: var(--hw-accent);
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.hw-sticky-code-btn:hover {
  background: var(--hw-accent-hover);
}

.hw-sticky-copy-hint {
  background: rgba(0, 0, 0, 0.2);
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 10px;
  text-transform: uppercase;
}

.hw-sticky-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hw-sticky-shipping {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
}

.hw-sticky-close {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
  padding: 0 4px;
  transition: color 0.2s ease;
}

.hw-sticky-close:hover {
  color: #FFFFFF;
}

@media (max-width: 900px) {
  .hw-sticky-shipping {
    display: none;
  }
}

@media (max-width: 650px) {
  .hw-sticky-bar-inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  .hw-sticky-left {
    display: none;
  }

  .hw-col-title {
    font-size: 26px;
  }
}

/* ==========================================================================
   15. Product Page (PDP) Halloween Layer
   ========================================================================== */

/* 15.1 Media Gallery Ribbon Deal Badge */
.product-information__media {
  position: relative;
}

.hw-pdp-media-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(27, 74, 18, 0.94);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1.5px solid var(--hw-accent);
  color: #FFFFFF;
  padding: 7px 14px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18), 0 0 10px rgba(255, 117, 24, 0.3);
  animation: hwMediaBadgePulse 3.5s ease-in-out infinite;
  pointer-events: none;
}

.hw-pdp-badge-icon {
  font-size: 14px;
  line-height: 1;
}

.hw-pdp-badge-text {
  line-height: 1;
}

@keyframes hwMediaBadgePulse {

  0%,
  100% {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18), 0 0 8px rgba(255, 117, 24, 0.25);
  }

  50% {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22), 0 0 16px rgba(255, 117, 24, 0.55);
  }
}

@media (max-width: 749px) {
  .hw-pdp-media-badge {
    top: 10px;
    left: 10px;
    padding: 5px 11px;
    font-size: 11px;
    gap: 6px;
  }
}

/* 15.2 Product Buy Box Deal Card */
.hw-pdp-deal-card {
  background: #f4f8f3;
  border: 1.5px solid #cce0cb;
  border-top: 3.5px solid var(--hw-accent);
  border-radius: 14px;
  padding: 14px 16px;
  margin: 10px 0 16px 0;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(27, 74, 18, 0.06);
}

.hw-pdp-deal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 8px;
}

.hw-pdp-deal-title-wrap {
  display: flex;
  align-items: center;
  gap: 7px;
}

.hw-pdp-deal-icon {
  font-size: 16px;
  line-height: 1;
}

.hw-pdp-deal-title {
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  color: var(--hw-green);
  letter-spacing: 0.2px;
}

.hw-pdp-deal-badge {
  background: var(--hw-accent);
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  padding: 3px 8px;
  border-radius: 9999px;
  white-space: nowrap;
}

/* Countdown row */
.hw-pdp-deal-timer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid #d8e8d7;
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 10px;
  gap: 8px;
}

.hw-pdp-timer-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #4a5d48;
}

.hw-pdp-timer-clock {
  font-size: 13px;
  font-weight: 700;
  color: var(--hw-accent);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.3px;
}

/* Minimal Luxury VIP Unlock Bar */
.bfcm-vip-unlock-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(27, 74, 18, 0.15) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin-bottom: 10px !important;
  box-sizing: border-box !important;
}

.bfcm-unlock-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.bfcm-unlock-dot {
  color: #F59E0B !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.bfcm-unlock-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #0D1F12 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
}

.bfcm-unlock-link {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #1B4A12 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}

.bfcm-unlock-link:hover {
  color: #F59E0B !important;
}

.bfcm-card-badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 4 !important;
  border-radius: 9999px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.bfcm-badge-obsidian {
  background: #0D1F12 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.bfcm-badge-crimson {
  background: #E11D48 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(225, 29, 72, 0.3) !important;
}

/* Footer / Scarcity & Guarantee */
.hw-pdp-deal-footer {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 2px;
}

.hw-pdp-demand-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  line-height: 1.4;
  color: #3b5038;
  padding: 2px 0;
  flex-wrap: wrap;
}

.hw-pdp-guarantee-note {
  font-size: 11px;
  line-height: 1.4;
  color: #61775e;
  padding: 2px 0;
  word-break: normal;
}

/* ==========================================================================
   15.2.1 HEALTENCE MODERN PDP VARIANT PICKER DESIGN SYSTEM
   ========================================================================== */

/* 1. Container & Fieldset Reset (Abolish Rigid 2-Column Grid) */
.variant-picker,
.variant-picker__form {
  width: 100% !important;
}

.variant-picker .variant-option,
.variant-picker .variant-option--buttons,
.variant-picker .variant-option--equal-width-buttons,
.variant-option.variant-option--equal-width-buttons,
fieldset.variant-option {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* 2. Variant Option Label ("Color: 16 head") */
.variant-option legend,
.variant-option__legend,
.variant-picker legend {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1c1c1c !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  line-height: 1.4 !important;
}

.variant-option__label-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.variant-option__label-name {
  color: #1c1c1c !important;
  font-weight: 600 !important;
}

.variant-option__label-separator {
  color: #1c1c1c !important;
  font-weight: 600 !important;
  margin-right: 2px !important;
}

.variant-option__selected-value,
.variant-option__swatch-value {
  color: #4a5568 !important;
  font-weight: 500 !important;
  margin-left: 2px !important;
}

/* 3. Swatch / Pill List Container (Natural Flex-Wrap, No Rigid Grid) */
.variant-picker__swatches,
.variant-pill-list,
.variant-option--pill-row,
.variant-option--buttons:not(:has(.variant-picker__swatches)),
.variant-picker .variant-option--buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: none !important;
}

/* 4. Unselected Variant Button */
.variant-swatch-pill,
.variant-pill,
.variant-picker .variant-option__button-label,
.variant-option--buttons .variant-option__button-label,
.product-form__input input[type='radio']+label {
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 10px !important;
  padding: 9px 18px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #2D3748 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  min-height: 42px !important;
  min-width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

.variant-swatch-pill .variant-option__button-label__text,
.variant-pill .variant-pill__text,
.variant-picker .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label__text {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* 5. Hover State (Unselected Variant Pill - Subtle Mint Tint with Dark Green Text, NEVER White Text) */
.variant-swatch-pill:hover:not(:has(input:checked)):not(.is-active):not(:has([data-option-available='false'])),
.variant-pill:hover:not(:has(input:checked)):not(.is-active):not(:has([data-option-available='false'])),
.variant-picker .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active):not(:has([data-option-available='false'])),
.variant-option--buttons .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active):not(:has([data-option-available='false'])),
.product-form__input input[type='radio']+label:hover:not(:checked):not(:disabled) {
  border-color: #1B4A12 !important;
  background-color: #F0FDF4 !important;
  background: #F0FDF4 !important;
  color: #1B4A12 !important;
  transform: translateY(-1px) !important;
}

.variant-swatch-pill:hover:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text,
.variant-swatch-pill:hover:not(:has(input:checked)):not(.is-active) .variant-pill__text,
.variant-pill:hover:not(:has(input:checked)):not(.is-active) .variant-pill__text,
.variant-picker .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text {
  color: #1B4A12 !important;
  -webkit-text-fill-color: #1B4A12 !important;
}

/* 6. Active / Selected State (Solid Forest Green #1B4A12 + Pure White Text) */
.variant-swatch-pill:has(input:checked),
.variant-swatch-pill.is-active,
.variant-swatch-pill[aria-checked="true"],
.variant-pill:has(input:checked),
.variant-pill.is-active,
.variant-pill[aria-checked="true"],
.variant-picker .variant-option__button-label:has(input:checked),
.variant-picker .variant-option__button-label.is-active,
.variant-picker .variant-option__button-label[aria-checked="true"],
.variant-option--buttons .variant-option__button-label:has(input:checked),
.variant-option--buttons .variant-option__button-label.is-active,
.variant-option--buttons .variant-option__button-label[aria-checked="true"],
.product-form__input input[type='radio']:checked+label {
  background-color: #1B4A12 !important;
  background: #1B4A12 !important;
  border-color: #1B4A12 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 10px rgba(27, 74, 18, 0.28) !important;
  transform: none !important;
}

.variant-swatch-pill:has(input:checked) .variant-option__button-label__text,
.variant-swatch-pill:has(input:checked) .variant-pill__text,
.variant-swatch-pill.is-active .variant-option__button-label__text,
.variant-swatch-pill.is-active .variant-pill__text,
.variant-pill:has(input:checked) .variant-pill__text,
.variant-pill.is-active .variant-pill__text,
.variant-picker .variant-option__button-label:has(input:checked) .variant-option__button-label__text,
.variant-picker .variant-option__button-label:has(input:checked) .variant-pill__text,
.variant-picker .variant-option__button-label.is-active .variant-option__button-label__text,
.variant-picker .variant-option__button-label.is-active .variant-pill__text,
.variant-option--buttons .variant-option__button-label:has(input:checked) .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label.is-active .variant-option__button-label__text {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* 7. Active / Selected State on Hover (Stays Deep Solid Forest Green #153C0E + Pure White Text) */
.variant-swatch-pill:has(input:checked):hover,
.variant-swatch-pill.is-active:hover,
.variant-pill:has(input:checked):hover,
.variant-pill.is-active:hover,
.variant-picker .variant-option__button-label:has(input:checked):hover,
.variant-picker .variant-option__button-label.is-active:hover,
.variant-option--buttons .variant-option__button-label:has(input:checked):hover,
.variant-option--buttons .variant-option__button-label.is-active:hover {
  background-color: #153C0E !important;
  background: #153C0E !important;
  border-color: #153C0E !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.variant-swatch-pill:has(input:checked):hover .variant-option__button-label__text,
.variant-swatch-pill:has(input:checked):hover .variant-pill__text,
.variant-swatch-pill.is-active:hover .variant-pill__text,
.variant-pill:has(input:checked):hover .variant-pill__text,
.variant-pill.is-active:hover .variant-pill__text,
.variant-picker .variant-option__button-label:has(input:checked):hover .variant-option__button-label__text,
.variant-picker .variant-option__button-label.is-active:hover .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label:has(input:checked):hover .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label.is-active:hover .variant-option__button-label__text {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Force unselected pills to remain clean white with dark text */
.variant-swatch-pill:not(:has(input:checked)):not(.is-active),
.variant-pill:not(:has(input:checked)):not(.is-active),
.variant-picker .variant-option__button-label:not(:has(input:checked)):not(.is-active),
.variant-option--buttons .variant-option__button-label:not(:has(input:checked)):not(.is-active) {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #0A1C0E !important;
  -webkit-text-fill-color: #0A1C0E !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

.variant-swatch-pill:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text,
.variant-swatch-pill:not(:has(input:checked)):not(.is-active) .variant-pill__text,
.variant-pill:not(:has(input:checked)):not(.is-active) .variant-pill__text,
.variant-picker .variant-option__button-label:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text,
.variant-picker .variant-option__button-label:not(:has(input:checked)):not(.is-active) .variant-pill__text,
.variant-option--buttons .variant-option__button-label:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text {
  color: #0A1C0E !important;
  -webkit-text-fill-color: #0A1C0E !important;
  font-weight: 500 !important;
}

/* 7. Sold Out / Disabled State */
.variant-swatch-pill.is-sold-out,
.variant-swatch-pill.is-disabled,
.variant-swatch-pill:has(input:disabled),
.variant-swatch-pill:has([aria-disabled="true"]),
.variant-swatch-pill:has([data-option-available="false"]),
.variant-pill.is-sold-out,
.variant-pill.is-disabled,
.variant-pill:has(input:disabled),
.variant-picker .variant-option__button-label:has([data-option-available="false"]),
.variant-option--buttons .variant-option__button-label:has([data-option-available="false"]),
.variant-option--buttons .variant-option__button-label:has(input:disabled) {
  opacity: 0.45 !important;
  background-color: #F8FAFC !important;
  background: #F8FAFC !important;
  border: 1px dashed #CBD5E1 !important;
  color: #64748B !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  transform: none !important;
  box-shadow: none !important;
  position: relative !important;
}

.variant-swatch-pill.is-sold-out::after,
.variant-swatch-pill.is-disabled::after,
.variant-swatch-pill:has(input:disabled)::after,
.variant-swatch-pill:has([data-option-available="false"])::after,
.variant-pill.is-sold-out::after,
.variant-pill.is-disabled::after,
.variant-pill:has(input:disabled)::after,
.variant-picker .variant-option__button-label:has([data-option-available="false"])::after,
.variant-option--buttons .variant-option__button-label:has([data-option-available="false"])::after {
  content: "" !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top right, transparent calc(50% - 1px), #94A3B8, transparent calc(50% + 1px)) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* 8. Purge Old Dawn/Horizon Pill Artifacts */
.variant-option__button-label__pill,
.variant-option__button-label::before,
.variant-swatch-pill .variant-option__button-label__pill,
.variant-swatch-pill::before,
.variant-pill::before {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.variant-swatch-pill:not(.is-sold-out):not(:has([data-option-available="false"]))::after,
.variant-pill:not(.is-sold-out):not(:has([data-option-available="false"]))::after,
.variant-option__button-label:not(:has([data-option-available="false"]))::after {
  display: none !important;
}

.variant-swatch-pill:has([data-option-available="false"]) svg,
.variant-option__button-label:has([data-option-available="false"]) svg {
  display: none !important;
}

/* 9. Responsive Mobile Minimum Touch Target */
@media screen and (max-width: 749px) {

  .variant-swatch-pill,
  .variant-pill,
  .variant-picker .variant-option__button-label,
  .variant-option--buttons .variant-option__button-label {
    min-height: 42px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
  }
}

/* ==========================================================================
   15.2.2 HEALTENCE MODERN PDP ACCORDION / TABS DESIGN SYSTEM
   ========================================================================== */

/* 1. Accordion Container & Row Container (<details>, .accordion, .product__accordion) */
.product-details .accordion,
.product-information .accordion,
.product__accordion,
.accordion {
  --color-border: rgba(27, 74, 18, 0.12) !important;
  width: 100% !important;
  margin-top: 14px;
  margin-bottom: 20px;
}

.product-details accordion-custom,
.product-information accordion-custom,
.product__accordion accordion-custom,
.accordion accordion-custom {
  display: block !important;
  margin: 0 0 4px 0 !important;
}

.product-details .accordion .details,
.product-information .accordion .details,
.product__accordion .details,
.accordion--dividers .details,
.accordion .details {
  border: none !important;
  border-bottom: 1px solid rgba(27, 74, 18, 0.12) !important;
  border-top: none !important;
  margin: 0 0 4px 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, border-radius 0.25s ease, box-shadow 0.25s ease !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* First Row Top Border */
.product-details accordion-custom:first-child .details,
.product-information accordion-custom:first-child .details,
.product__accordion accordion-custom:first-child .details,
.accordion accordion-custom:first-child .details,
.accordion--dividers accordion-custom:first-child .details {
  border-top: 1px solid rgba(27, 74, 18, 0.12) !important;
}

/* Active / Expanded Row State */
.product-details .accordion .details[open],
.product-information .accordion .details[open],
.product__accordion .details[open],
.accordion .details[open] {
  border: 1px solid rgba(27, 74, 18, 0.18) !important;
  border-radius: 12px !important;
  background-color: #FAFCF9 !important;
  margin: 6px 0 !important;
  box-shadow: 0 2px 8px rgba(27, 74, 18, 0.04) !important;
}

/* 2. Accordion Header / Trigger (summary / .details__header / .accordion__title) */
.product-details .accordion summary,
.product-details .accordion .details__header,
.product-information .accordion summary,
.product-information .accordion .details__header,
.product__accordion summary,
.product__accordion .details__header,
.accordion summary,
.accordion .details__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 14px !important;
  cursor: pointer !important;
  user-select: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  list-style: none !important;
  outline: none !important;
  border: none !important;
  min-height: auto !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
}

/* Remove default browser disclosure marker */
.product-details .accordion summary::-webkit-details-marker,
.product-information .accordion summary::-webkit-details-marker,
.accordion summary::-webkit-details-marker {
  display: none !important;
}

/* Hover State (Subtle Sage Tint #DCE6DA) */
.product-details .accordion summary:hover,
.product-details .accordion .details__header:hover,
.product-information .accordion summary:hover,
.product-information .accordion .details__header:hover,
.product__accordion summary:hover,
.accordion summary:hover,
.accordion .details__header:hover {
  background-color: rgba(220, 230, 218, 0.35) !important;
}

/* Open / Active State */
.product-details .accordion .details[open] summary,
.product-details .accordion .details[open] .details__header,
.product-information .accordion .details[open] summary,
.product-information .accordion .details[open] .details__header,
.product__accordion .details[open] summary,
.accordion .details[open] summary,
.accordion .details[open] .details__header {
  background-color: rgba(220, 230, 218, 0.5) !important;
  color: #1B4A12 !important;
}

/* 3. Title & Leading Icon Group */
.details__header-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Leading Icon Box */
.details__icon-wrapper {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 8px !important;
  background: #EBF1EA !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.details__header:hover .details__icon-wrapper,
summary:hover .details__icon-wrapper,
.details[open] summary .details__icon-wrapper {
  background: #DCE6DA !important;
}

.details__icon-wrapper svg,
.details__icon-wrapper .details__icon,
.details__header .details__icon {
  width: 20px !important;
  height: 20px !important;
  color: #1B4A12 !important;
  stroke: #1B4A12 !important;
  fill: currentColor !important;
  display: block !important;
  margin: 0 !important;
}

/* Title Text */
.details__header-title,
.accordion__title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1c1c1c !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  transition: color 0.25s ease !important;
}

.accordion .details[open] .details__header-title,
.product-details .details[open] .details__header-title,
.details[open] .accordion__title {
  color: #1B4A12 !important;
}

/* 4. Chevron / Toggle Icon */
.accordion summary .icon-caret,
.accordion summary .svg-wrapper.icon-caret,
.product-details summary .icon-caret,
.product-details summary .svg-wrapper.icon-caret,
.details summary .icon-caret,
.details summary svg.chevron {
  color: #1B4A12 !important;
  stroke: #1B4A12 !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline-start: auto !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.accordion summary .icon-caret svg,
.accordion summary .svg-wrapper.icon-caret svg,
.product-details summary .icon-caret svg,
.product-details summary .svg-wrapper.icon-caret svg,
details summary .icon-caret,
details summary svg.chevron {
  width: 14px !important;
  height: 14px !important;
  stroke: #1B4A12 !important;
  color: #1B4A12 !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Smooth Rotation When Expanded */
.accordion .details[open] summary .icon-caret,
.accordion .details[open] summary .svg-wrapper.icon-caret,
.accordion .details[open] summary .icon-caret svg,
.accordion .details[open] summary .svg-wrapper.icon-caret svg,
.product-details .details[open] summary .icon-caret,
.product-details .details[open] summary .icon-caret svg,
details[open] summary .icon-caret,
details[open] summary .icon-caret svg,
details[open] summary svg.chevron {
  transform: rotate(180deg) !important;
}

/* 5. Accordion Body Content (.accordion__content / .details-content) */
.product-details .accordion .details-content,
.product-details .accordion .accordion__content,
.product-information .accordion .details-content,
.product-information .accordion .accordion__content,
.product__accordion .accordion__content,
.accordion .details-content,
.accordion .accordion__content {
  padding: 12px 14px 18px 14px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #4A5568 !important;
  box-sizing: border-box !important;
}

.accordion .details-content p,
.accordion .accordion__content p,
.product-details .accordion .details-content p,
.product-details .accordion .accordion__content p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #4A5568 !important;
  margin: 0 0 10px 0 !important;
}

.accordion .details-content p:last-child,
.accordion .accordion__content p:last-child {
  margin-bottom: 0 !important;
}

.accordion .details-content strong,
.accordion .accordion__content strong,
.product-details .accordion .details-content strong,
.product-details .accordion .accordion__content strong {
  color: #1c1c1c !important;
  font-weight: 600 !important;
}

.accordion .details-content a,
.accordion .accordion__content a,
.product-details .accordion .details-content a,
.product-details .accordion .accordion__content a {
  color: #1B4A12 !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.accordion .details-content a:hover,
.accordion .accordion__content a:hover {
  color: #2F6E22 !important;
}

/* ==========================================================================
   15.3 HEALTENCE FREQUENTLY BOUGHT TOGETHER (FBT) BUNDLE SECTION
   ========================================================================== */

/* 1. Constrain Container Width & Center */
.hw-bundle-section,
.frequently-bought-together {
  max-width: 1080px !important;
  margin: 40px auto !important;
  padding: 28px 32px !important;
  background: #FFFFFF !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(27, 74, 18, 0.1) !important;
  box-sizing: border-box !important;
  width: calc(100% - 32px) !important;
}

.hw-bundle-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* 2. Section Header & Badge */
.hw-bundle-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

.hw-bundle-title-group {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
}

.hw-bundle-pumpkin-badge {
  font-size: 26px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

.hw-bundle-heading {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1B4A12 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

.hw-bundle-subtitle {
  font-size: 13.5px !important;
  color: #5c6e5a !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.hw-bundle-deal-chip {
  background: #0A0A0A !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  white-space: nowrap !important;
  margin-left: auto !important;
}

/* 3. Two-Column Flex Layout */
.hw-bundle-body,
.hw-bundle-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  width: 100% !important;
}

/* 4. Product Items Column (Left Side ~65%) */
.hw-bundle-products-list,
.hw-bundle-items-track {
  flex: 1 1 65% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  overflow-x: visible !important;
  padding: 0 !important;
}

.hw-bundle-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 1 0 !important;
  max-width: 170px !important;
  width: 100% !important;
  position: relative !important;
}

.hw-bundle-item-top {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 110px !important;
  height: 110px !important;
  margin: 0 auto !important;
}

.hw-bundle-checkbox {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 4 !important;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer !important;
  accent-color: #1B4A12 !important;
  border-radius: 6px !important;
  margin: 0 !important;
}

.hw-bundle-thumb-label {
  cursor: pointer !important;
  display: block !important;
  margin: 0 auto !important;
  width: 100% !important;
  height: 100% !important;
}

.hw-bundle-thumb-wrap {
  position: relative !important;
  width: 110px !important;
  height: 110px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #F8FAF8 !important;
  border: 1px solid #E2E8F0 !important;
  padding: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, transform 0.2s ease !important;
}

.hw-bundle-item:hover .hw-bundle-thumb-wrap {
  border-color: #1B4A12 !important;
}

.hw-bundle-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.25s ease !important;
  display: block !important;
}

.hw-bundle-item:hover .hw-bundle-thumb {
  transform: scale(1.05) !important;
}

.hw-bundle-thumb-placeholder {
  font-size: 32px !important;
}

.hw-bundle-thumb-tag {
  position: absolute !important;
  bottom: 6px !important;
  left: 6px !important;
  background: rgba(27, 74, 18, 0.92) !important;
  color: #FFFFFF !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  letter-spacing: 0.3px !important;
  z-index: 3 !important;
}

.hw-bundle-item-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  text-align: center !important;
  align-items: center !important;
}

.hw-bundle-item-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 8px 0 4px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  text-align: center !important;
}

.hw-bundle-item-title:hover {
  color: #1B4A12 !important;
}

.hw-bundle-variant-select {
  height: 34px !important;
  font-size: 12px !important;
  border-radius: 8px !important;
  border: 1px solid #c9d8c8 !important;
  background: #FFFFFF !important;
  color: #2D3748 !important;
  cursor: pointer !important;
  width: 100% !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
  margin-top: 2px !important;
  outline: none !important;
}

.hw-bundle-item-price {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1B4A12 !important;
  margin-top: 4px !important;
  text-align: center !important;
}

.hw-bundle-plus {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0A0A0A !important;
  margin: 0 4px !important;
  user-select: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* 5. Summary & Checkout Card (Right Side ~35%) */
.hw-bundle-summary-card,
.hw-bundle-pricing-box {
  flex: 0 0 310px !important;
  width: 310px !important;
  background: #F9FAF8 !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 16px !important;
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  position: static !important;
}

.hw-bundle-pricing-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.hw-bundle-total-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2D3748 !important;
}

.hw-bundle-price-stack {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.hw-bundle-final-price {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1B4A12 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.hw-bundle-original-price {
  font-size: 14px !important;
  text-decoration: line-through !important;
  color: #94A3B8 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.hw-bundle-savings-row {
  margin-top: -2px !important;
}

.hw-bundle-savings-badge {
  display: inline-block !important;
  background: #F4F7F4 !important;
  color: #1B4A12 !important;
  border: 1px solid rgba(27, 74, 18, 0.2) !important;
  border-radius: 20px !important;
  padding: 5px 12px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-align: center !important;
  letter-spacing: 0.2px !important;
}

.hw-bundle-atc-btn,
.hw-bundle-add-button {
  background: #0A0A0A !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

.hw-bundle-atc-btn:hover:not(:disabled),
.hw-bundle-add-button:hover:not(:disabled) {
  background: #1B4A12 !important;
  border-color: #1B4A12 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(27, 74, 18, 0.35) !important;
}

.hw-bundle-atc-btn:disabled,
.hw-bundle-add-button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

.hw-bundle-reassurance {
  font-size: 12px !important;
  color: #64748B !important;
  text-align: center !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

/* 6. Mobile Responsiveness (@media (max-width: 768px)) */
@media (max-width: 768px) {

  .hw-bundle-section,
  .frequently-bought-together {
    padding: 22px 18px !important;
    margin: 28px 12px !important;
    border-radius: 16px !important;
    width: calc(100% - 24px) !important;
  }

  .hw-bundle-header {
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  .hw-bundle-deal-chip {
    margin-left: 0 !important;
    align-self: flex-start !important;
  }

  .hw-bundle-body,
  .hw-bundle-content {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .hw-bundle-products-list,
  .hw-bundle-items-track {
    width: 100% !important;
    flex: 1 1 100% !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .hw-bundle-item {
    max-width: 140px !important;
    min-width: 110px !important;
  }

  .hw-bundle-item-top,
  .hw-bundle-thumb-wrap {
    width: 95px !important;
    height: 95px !important;
  }

  .hw-bundle-plus {
    margin: 0 !important;
    font-size: 18px !important;
  }

  .hw-bundle-summary-card,
  .hw-bundle-pricing-box {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: none !important;
  }
}

/* 15.4 Sticky Add to Cart PDP Floating Bar */
.sticky-add-to-cart__bar {
  position: fixed !important;
  bottom: max(20px, var(--safe-area-inset-bottom, 20px)) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(calc(100% + 40px)) !important;
  z-index: calc(var(--layer-sticky, 900) - 1) !important;
  width: min(720px, calc(100% - 32px)) !important;
  max-width: 720px !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14) !important;
  background: #FFFFFF !important;
  border: 1.5px solid #dce6da !important;
  border-top: 2.5px solid var(--hw-accent) !important;
  padding: 10px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  box-sizing: border-box !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
}

.sticky-add-to-cart__bar[data-stuck='true'] {
  transform: translateX(-50%) translateY(0%) !important;
  opacity: 1 !important;
}

.sticky-add-to-cart__image {
  width: 48px !important;
  height: 48px !important;
  flex-shrink: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f4f8f3 !important;
  border: 1px solid #d8e6d7 !important;
}

.sticky-add-to-cart__image-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sticky-add-to-cart__info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

.hw-sticky-deal-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: rgba(255, 117, 24, 0.12) !important;
  border: 1px solid var(--hw-accent) !important;
  color: var(--hw-accent) !important;
  border-radius: 9999px !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  width: fit-content !important;
  white-space: nowrap !important;
  margin-bottom: 2px !important;
}

.hw-sticky-pumpkin {
  font-size: 11px !important;
  line-height: 1 !important;
}

.hw-sticky-pill-text {
  line-height: 1 !important;
}

.sticky-add-to-cart__title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  max-width: 280px !important;
}

.sticky-add-to-cart__variant {
  font-size: 11px !important;
  color: #667064 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  max-width: 280px !important;
  margin: 0 !important;
}

.sticky-add-to-cart__price {
  flex-shrink: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--hw-green) !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.sticky-add-to-cart__price .compare-at-price {
  font-size: 12px !important;
  color: #889986 !important;
  text-decoration: line-through !important;
}

.sticky-add-to-cart__button {
  flex-shrink: 0 !important;
  height: 46px !important;
  border-radius: 10px !important;
  background-color: var(--hw-green) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 20px !important;
  border: none !important;
  box-shadow: 0 3px 10px rgba(27, 74, 18, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.sticky-add-to-cart__button:hover:not(:disabled) {
  background-color: #14370d !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(27, 74, 18, 0.35) !important;
}

@media (max-width: 749px) {
  .sticky-add-to-cart__bar {
    bottom: max(12px, var(--safe-area-inset-bottom, 12px)) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(calc(100% + 40px)) !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    border-radius: 14px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
  }

  .sticky-add-to-cart__bar[data-stuck='true'] {
    transform: translateX(-50%) translateY(0%) !important;
  }

  .sticky-add-to-cart__image {
    width: 40px !important;
    height: 40px !important;
  }

  .hw-sticky-deal-pill {
    font-size: 10px !important;
    padding: 1px 6px !important;
  }

  .sticky-add-to-cart__title {
    max-width: 150px !important;
    font-size: 12px !important;
  }

  .sticky-add-to-cart__variant {
    max-width: 150px !important;
    font-size: 10px !important;
  }

  .sticky-add-to-cart__price {
    font-size: 12px !important;
  }

  .sticky-add-to-cart__button {
    height: 40px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }
}

/* 15.5 PDP Buy Box & Variant Selector Enhancements */
.product-details .variant-option--buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 8px !important;
  margin-bottom: 16px !important;
  border: none !important;
  padding: 0 !important;
}

.product-details .variant-option--buttons legend {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.product-details .variant-option__button-label__pill {
  display: none !important;
}

.variant-option__label-group,
.variant-option__legend {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0A0A0A !important;
  margin-bottom: 8px !important;
}

.variant-option__selected-value {
  color: #1B4A12 !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
}

.product-details .variant-option__button-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 18px !important;
  border-radius: 24px !important;
  border: 1.5px solid #d1d8d0 !important;
  background-color: #FFFFFF !important;
  color: #222222 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.product-details .variant-option__button-label:hover {
  border-color: var(--hw-green) !important;
  background-color: #f7faf6 !important;
  color: var(--hw-green) !important;
}

/* Unified Active / Checked State for ALL Option Pills: ONLY THE ONE CURRENTLY CHECKED */
.product-details .variant-option__button-label:has(input:checked),
.variant-picker .variant-option__button-label:has(input:checked),
.variant-option--buttons .variant-option__button-label:has(input:checked),
.variant-pill:has(input:checked),
.variant-swatch-pill:has(input:checked) {
  border-color: #1B4A12 !important;
  background-color: #1B4A12 !important;
  background: #1B4A12 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(27, 74, 18, 0.25) !important;
  transform: none !important;
}

/* Ensure text inside selected pill is ALWAYS pure white */
.product-details .variant-option__button-label:has(input:checked) .variant-option__button-label__text,
.variant-picker .variant-option__button-label:has(input:checked) .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label:has(input:checked) .variant-option__button-label__text,
.variant-pill:has(input:checked) .variant-pill__text,
.variant-swatch-pill:has(input:checked) .variant-pill__text {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Unselected Option Pills: ALWAYS White with Slate Border and Dark Text */
.product-details .variant-option__button-label:not(:has(input:checked)),
.variant-picker .variant-option__button-label:not(:has(input:checked)),
.variant-option--buttons .variant-option__button-label:not(:has(input:checked)),
.variant-pill:not(:has(input:checked)),
.variant-swatch-pill:not(:has(input:checked)) {
  border-color: #E2E8F0 !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #1c1c1c !important;
  box-shadow: none !important;
}

.product-details .variant-option__button-label:not(:has(input:checked)) .variant-option__button-label__text,
.variant-picker .variant-option__button-label:not(:has(input:checked)) .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label:not(:has(input:checked)) .variant-option__button-label__text,
.variant-pill:not(:has(input:checked)) .variant-pill__text,
.variant-swatch-pill:not(:has(input:checked)) .variant-pill__text {
  color: #1c1c1c !important;
  font-weight: 500 !important;
}

/* Eliminate fake double rings, pseudo borders and checkmark text injections */
.product-details .variant-option__button-label::before,
.product-details .variant-option__button-label::after,
.variant-option__button-label::before,
.variant-option__button-label::after,
.product-details .variant-option__button-label:has(:checked) .variant-option__button-label__text::before,
.product-details .variant-option__button-label:has([data-current-checked="true"]) .variant-option__button-label__text::before,
.variant-option__button-label:has(:checked) .variant-option__button-label__text::before {
  content: none !important;
  display: none !important;
}

/* Out of Stock Variant Styling: Red Diagonal Strikethrough + Crimson Dashed Border + Clickable for Waitlist */
.variant-option__button-label.is-sold-out,
.variant-option__button-label.bfcm-sold-out-pill,
.product-details .variant-option__button-label:has([data-option-available="false"]),
.variant-picker .variant-option__button-label[data-variant-status="out-of-stock"] {
  opacity: 1 !important;
  cursor: pointer !important;
  background-color: var(--color-bfcm-crimson-bg, #FFF5F5) !important;
  border: 1.5px dashed var(--color-bfcm-crimson, #E11D48) !important;
  color: var(--color-bfcm-text-muted, #64748B) !important;
  position: relative !important;
  overflow: hidden !important;
  background-image: linear-gradient(to top right, transparent calc(50% - 1.5px), #E11D48 calc(50% - 1px), #E11D48 calc(50% + 1px), transparent calc(50% + 1.5px)) !important;
}

.variant-option__button-label.is-sold-out:hover,
.variant-option__button-label.bfcm-sold-out-pill:hover {
  border-color: #BE123C !important;
  box-shadow: 0 0 0 1px #E11D48 !important;
}

.variant-option__button-label.is-sold-out.is-active,
.variant-option__button-label.bfcm-sold-out-pill.is-active,
.product-details .variant-option__button-label:has([data-option-available="false"]):has(:checked) {
  border: 2px solid #E11D48 !important;
  box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.25) !important;
  background-color: #FEE2E2 !important;
  color: #111827 !important;
}

.bfcm-out-of-stock-micro-tag {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 800;
  background: #E11D48;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 1px 5px;
  margin-left: 6px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1.4;
}

/* Quantity Stepper: rounded pill corners, smooth 1px solid #1B4A12, subtle hover #DCE6DA */
.product-details .quantity-selector,
.buy-buttons-block .quantity-selector {
  border: 1px solid var(--hw-green) !important;
  border-radius: 9999px !important;
  background: #FFFFFF !important;
  height: 52px !important;
  min-height: 52px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.product-details .quantity-selector:focus-within,
.buy-buttons-block .quantity-selector:focus-within {
  border-color: var(--hw-green) !important;
  box-shadow: 0 0 0 2px rgba(27, 74, 18, 0.2) !important;
}

.product-details .quantity-selector :is(.quantity-minus, .quantity-plus),
.buy-buttons-block .quantity-selector :is(.quantity-minus, .quantity-plus) {
  width: 44px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--hw-green) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.product-details .quantity-selector :is(.quantity-minus, .quantity-plus):hover,
.buy-buttons-block .quantity-selector :is(.quantity-minus, .quantity-plus):hover {
  background-color: var(--hw-sage) !important;
  color: var(--hw-green) !important;
}

.product-details .quantity-selector input[type='number'],
.buy-buttons-block .quantity-selector input[type='number'] {
  color: var(--hw-green) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  width: 40px !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
}

/* Primary Add to Cart Button */
.product-details .add-to-cart-button,
.buy-buttons-block .add-to-cart-button {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 12px !important;
  background-color: var(--hw-green) !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(27, 74, 18, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, background-color 0.2s ease !important;
  cursor: pointer !important;
}

.product-details .add-to-cart-button:hover:not(:disabled),
.buy-buttons-block .add-to-cart-button:hover:not(:disabled) {
  background-color: #14370d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(27, 74, 18, 0.35) !important;
}

.product-details .add-to-cart-button:active:not(:disabled),
.buy-buttons-block .add-to-cart-button:active:not(:disabled) {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(27, 74, 18, 0.2) !important;
}

.product-details .add-to-cart-button .svg-wrapper,
.buy-buttons-block .add-to-cart-button .svg-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 6px !important;
}

.product-details .add-to-cart-button .svg-wrapper svg,
.buy-buttons-block .add-to-cart-button .svg-wrapper svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

/* Buy It Now / Dynamic Checkout */
.product-details .shopify-payment-button__button,
.buy-buttons-block .shopify-payment-button__button,
.product-details .shopify-payment-button__button--unbranded,
.buy-buttons-block .shopify-payment-button__button--unbranded {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  background-color: #13350c !important;
  /* Deep forest accent with clear contrast */
  color: #FFFFFF !important;
  border: 1.5px solid var(--hw-green) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  cursor: pointer !important;
}

.product-details .shopify-payment-button__button:hover:not(:disabled),
.buy-buttons-block .shopify-payment-button__button:hover:not(:disabled) {
  background-color: #0c2308 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   16. Cart Drawer & Cart Page Halloween Layer
   ========================================================================== */

/* 16.1 Urgency Reservation Bar & Free Shipping Progress */
.hw-cart-banner-wrap {
  background: #F4F8F3;
  border: 1px solid #DCE6DA;
  border-radius: 12px;
  margin: 12px 16px 8px 16px;
  padding: 12px 14px;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
  animation: hwCartBannerFadeIn 0.3s ease-out;
}

@keyframes hwCartBannerFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hw-cart-urgency-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 11.5px;
}

.hw-cart-urgency-left {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #1B4A12;
  font-weight: 700;
  letter-spacing: 0.1px;
}

.hw-cart-urgency-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1B4A12;
  box-shadow: 0 0 0 3px rgba(27, 74, 18, 0.2);
  display: inline-block;
  animation: hwDotBlink 1.8s ease-in-out infinite;
}

.hw-cart-urgency-clock {
  background: #0D1F12;
  border: 1px solid #1B4A12;
  border-radius: 9999px;
  padding: 2px 9px;
  display: flex;
  align-items: center;
}

.hw-cart-reserved-digits {
  color: #F59E0B;
  font-weight: 800;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.6px;
}

.hw-cart-shipping-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hw-cart-shipping-msg {
  font-size: 12px;
  color: #1B4A12;
  text-align: center;
  line-height: 1.35;
  font-weight: 500;
}

.hw-cart-shipping-msg strong {
  color: #0D1F12;
  font-weight: 800;
}

.hw-cart-shipping-track {
  width: 100%;
  height: 7px;
  background: #DCE6DA;
  border-radius: 9999px;
  position: relative;
  overflow: visible;
}

.hw-cart-shipping-fill {
  height: 100%;
  background: linear-gradient(90deg, #1B4A12 0%, #2E7D32 60%, #43A047 100%);
  border-radius: 9999px;
  transition: width 0.4s ease-out;
  box-shadow: 0 1px 4px rgba(27, 74, 18, 0.25);
}

.hw-cart-shipping-goal-icon {
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 1;
  pointer-events: none;
}

/* 16.2 Cart Page Placement */
.cart-page__halloween-banner {
  margin-bottom: 24px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #dce6da;
}

/* 16.3 Cart Drawer Upsell ("Spooky Treats") */
.hw-cart-upsell-section {
  background: #f7faf6;
  border: 1px dashed #cde0cc;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 12px 16px;
  box-sizing: border-box;
}

.hw-cart-upsell-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

.hw-cart-upsell-icon {
  font-size: 14px;
  line-height: 1;
}

.hw-cart-upsell-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--hw-green);
  letter-spacing: 0.2px;
}

.hw-cart-upsell-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hw-cart-upsell-item {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  border: 1px solid #e1ede0;
  border-radius: 8px;
  padding: 6px 8px;
  transition: all 0.2s ease;
}

.hw-cart-upsell-thumb-wrap {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  overflow: hidden;
  background: #f0f5ef;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hw-cart-upsell-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hw-cart-upsell-placeholder {
  font-size: 18px;
}

.hw-cart-upsell-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hw-cart-upsell-name {
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hw-cart-upsell-prices {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.hw-cart-upsell-price {
  font-size: 12px;
  font-weight: 700;
  color: var(--hw-green);
}

.hw-cart-upsell-compare {
  font-size: 10px;
  color: #889986;
}

.hw-cart-upsell-add-btn {
  background: var(--hw-accent);
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.hw-cart-upsell-add-btn:hover:not(:disabled) {
  background: var(--hw-accent-hover);
  transform: translateY(-1px);
}

.hw-cart-upsell-add-btn.hw-btn-added {
  background: var(--hw-green) !important;
}

/* 16.4 1-Click Halloween Coupon Box in Cart */
.hw-cart-coupon-box {
  background: #FFFFFF;
  border: 1.5px dashed var(--hw-accent);
  border-radius: 10px;
  padding: 9px 12px;
  margin: 10px 0;
  box-sizing: border-box;
}

.hw-cart-coupon-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hw-cart-coupon-tag {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.hw-cart-coupon-icon {
  font-size: 15px;
  line-height: 1;
}

.hw-cart-coupon-text-group {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.hw-cart-coupon-title {
  font-size: 10px;
  font-weight: 700;
  color: #71876e;
  letter-spacing: 0.5px;
}

.hw-cart-coupon-code {
  font-family: monospace, inherit;
  font-size: 13px;
  font-weight: 800;
  color: var(--hw-green);
  letter-spacing: 0.8px;
}

.hw-cart-coupon-apply-btn {
  background: var(--hw-accent);
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.hw-cart-coupon-apply-btn:hover {
  background: var(--hw-accent-hover);
}

.hw-cart-coupon-apply-btn.hw-btn-applied {
  background: var(--hw-green) !important;
}

.hw-cart-coupon-note {
  font-size: 10px;
  color: #61775e;
  margin-top: 4px;
  text-align: left;
}

/* 16.5 Cart Trust & Security Badges */
.hw-cart-trust-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 11px;
  color: #556b53;
  flex-wrap: wrap;
}

.hw-cart-trust-item {
  display: flex;
  align-items: center;
  gap: 4px;
}

.hw-cart-trust-item svg {
  color: var(--hw-green);
  flex-shrink: 0;
}

.hw-cart-trust-divider {
  color: #b5c7b3;
}

@media (max-width: 480px) {
  .hw-cart-trust-strip {
    font-size: 10px;
    gap: 6px;
  }
}

/* ==========================================================================
   16.6 Luxury Cart Drawer UI/UX Overhaul (DTC High-Converting Quality)
   ========================================================================== */

/* Master Drawer Elevation & Top Layer Stacking */
#shopify-section-cart-drawer-section,
theme-drawer,
theme-drawer#cart-drawer,
.theme-drawer__dialog,
dialog.theme-drawer__dialog,
#cart-drawer .theme-drawer__dialog {
  z-index: 100000 !important;
}

.theme-drawer__dialog::backdrop {
  background: rgba(10, 28, 14, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

.page-wrapper--drawer-open {
  margin-inline-end: 0 !important;
}

body:has(theme-drawer[open]) #header-group,
body:has(theme-drawer[open]) .header-section,
body:has(theme-drawer[open]) #header-component,
body:has(dialog.theme-drawer__dialog[open]) #header-group,
body:has(dialog.theme-drawer__dialog[open]) .header-section,
body:has(dialog.theme-drawer__dialog[open]) #header-component {
  z-index: 900 !important;
}

body:has(theme-drawer[open]) .sticky-add-to-cart__bar,
body:has(dialog.theme-drawer__dialog[open]) .sticky-add-to-cart__bar,
body:has(theme-drawer[open]) .hw-mobile-sticky-bar,
body:has(dialog.theme-drawer__dialog[open]) .hw-mobile-sticky-bar {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Cart Drawer Header & Badge */
.theme-drawer__header {
  padding: 16px 20px !important;
  border-bottom: 1px solid #EEF2EC !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #FFFFFF !important;
}

.theme-drawer__header .theme-drawer__title {
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  letter-spacing: -0.2px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.theme-drawer__header .theme-drawer__badge {
  background: #1B4A12 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  border-radius: 9999px !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
  box-shadow: 0 2px 6px rgba(27, 74, 18, 0.25) !important;
}

.theme-drawer__close-button {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #F3F4F6 !important;
  border: 1px solid #E5E7EB !important;
  color: #4B5563 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.theme-drawer__close-button:hover {
  background: #E5E7EB !important;
  color: #111827 !important;
  transform: rotate(90deg) !important;
}

.theme-drawer__close-button svg {
  width: 14px !important;
  height: 14px !important;
}

/* Scroll Container */
.cart-drawer__content {
  scrollbar-width: thin;
  scrollbar-color: #DCE6DA transparent;
}

.cart-drawer__content::-webkit-scrollbar {
  width: 5px;
}

.cart-drawer__content::-webkit-scrollbar-thumb {
  background: #DCE6DA;
  border-radius: 9999px;
}

/* Cart Items Spacing & Grid Layout */
.cart-drawer__items {
  padding-inline: 16px !important;
  display: flex !important;
  flex-direction: column !important;
}

.cart-drawer__items .cart-items__table-row {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) auto !important;
  grid-template-areas:
    'media details price'
    'media variants variants'
    'media unit_price unit_price'
    'media quantity quantity'
    'media error error' !important;
  column-gap: 14px !important;
  row-gap: 4px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid #EEF2EC !important;
  margin-bottom: 0 !important;
  align-items: start !important;
  position: relative !important;
}

.cart-drawer__items .cart-items__table-row:last-child {
  border-bottom: none !important;
}

/* Product Thumbnail */
.cart-drawer__items .cart-items__media {
  grid-area: media !important;
  padding: 0 !important;
}

.cart-drawer__items .cart-items__media-container {
  width: 74px !important;
  height: 74px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #F8FAF7 !important;
  border: 1px solid #E2ECE0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cart-drawer__items .cart-items__media-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 9px !important;
  border: none !important;
}

/* Product Title */
.cart-drawer__items .cart-items__product-info {
  grid-area: details !important;
  min-width: 0 !important;
  padding-right: 8px !important;
}

.cart-drawer__items .cart-items__title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.cart-drawer__items .cart-items__title:hover {
  color: #1B4A12 !important;
}

/* Price in Top Right */
.cart-drawer__items .cart-items__price {
  grid-area: price !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0D1F12 !important;
  text-align: right !important;
  white-space: nowrap !important;
  line-height: 1.35 !important;
  padding: 0 !important;
}

/* Variant Chips / Pills */
.cart-drawer__items .cart-items__variants-wrapper {
  grid-area: variants !important;
  margin-top: 2px !important;
}

.cart-drawer__items .cart-items__variants {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.cart-drawer__items .cart-items__variant {
  display: inline-flex !important;
}

.cart-drawer__items .cart-items__variant dd {
  display: inline-flex !important;
  align-items: center !important;
  background: #F3F6F2 !important;
  color: #2D472B !important;
  border: 1px solid #DCE6DA !important;
  border-radius: 6px !important;
  padding: 2px 7px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

/* Strikethrough & Savings Badge */
.cart-drawer__items .cart-items__unit-price-wrapper {
  grid-area: unit_price !important;
  margin-top: 3px !important;
  line-height: 1.3 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

.hw-cart-unit-each {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #4B5563 !important;
  margin-right: 4px !important;
}

.hw-cart-compare-price {
  font-size: 12px !important;
  color: #9CA3AF !important;
  text-decoration: line-through !important;
}

.hw-cart-item-savings-pill {
  display: inline-flex !important;
  align-items: center !important;
  background: #E8F5E9 !important;
  color: #1B4A12 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 9999px !important;
  border: 1px solid #C8E6C9 !important;
  letter-spacing: 0.1px !important;
  margin-left: 4px !important;
  box-shadow: 0 1px 2px rgba(27, 74, 18, 0.08) !important;
}

/* Quantity Controls & Stepper */
.cart-drawer__items .cart-items__quantity {
  grid-area: quantity !important;
  margin-top: 6px !important;
  padding: 0 !important;
}

.cart-drawer__items .cart-items__quantity-controls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.cart-drawer__items .quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  min-height: 32px !important;
  background: #F4F6F3 !important;
  border: 1px solid #DCE5DB !important;
  border-radius: 9999px !important;
  padding: 0 3px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  width: fit-content !important;
}

.cart-drawer__items .quantity-selector .button {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: none !important;
  color: #1B4A12 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.cart-drawer__items .quantity-selector .button:hover:not(:disabled) {
  background: #E2ECE0 !important;
  color: #0D1F12 !important;
}

.cart-drawer__items .quantity-selector .button:active:not(:disabled) {
  transform: scale(0.92) !important;
}

.cart-drawer__items .quantity-selector .button svg {
  width: 11px !important;
  height: 11px !important;
  stroke-width: 2.5px !important;
}

.cart-drawer__items .quantity-selector input {
  width: 32px !important;
  min-width: 32px !important;
  height: 26px !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #111827 !important;
  padding: 0 !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.cart-drawer__items .quantity-selector input::-webkit-outer-spin-button,
.cart-drawer__items .quantity-selector input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Delete Button */
.cart-drawer__items .cart-items__remove {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 50% !important;
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
  color: #9CA3AF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: none !important;
}

.cart-drawer__items .cart-items__remove:hover {
  background: #FEE2E2 !important;
  border-color: #FCA5A5 !important;
  color: #DC2626 !important;
  transform: scale(1.08) !important;
}

.cart-drawer__items .cart-items__remove svg {
  width: 14px !important;
  height: 14px !important;
}

/* Cart Drawer Summary & Checkout Button */
.cart-drawer__summary {
  padding: 16px 20px 20px !important;
  background: #FFFFFF !important;
  border-top: 1px solid #EEF2EC !important;
}

.cart-drawer__summary .cart-totals {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.cart-drawer__summary .cart-totals__total {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

.cart-drawer__summary .cart-totals__total-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #4B5563 !important;
}

.cart-drawer__summary .cart-totals__total-value {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0D1F12 !important;
  letter-spacing: -0.3px !important;
}

.cart-drawer__summary .cart__checkout-button {
  background: #1B4A12 !important;
  color: #FFFFFF !important;
  border: none !important;
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 4px 14px rgba(27, 74, 18, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  cursor: pointer !important;
}

.cart-drawer__summary .cart__checkout-button:hover {
  background: #13380D !important;
  box-shadow: 0 6px 20px rgba(27, 74, 18, 0.35) !important;
  transform: translateY(-1px) !important;
}

.cart-drawer__summary .cart__checkout-button:active {
  transform: translateY(0) !important;
}

/* ==========================================================================
   17. Responsive Breadcrumbs Navigation (PDP & Collection)
   ========================================================================== */
.breadcrumbs {
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  line-height: 1.4;
  min-height: 46px;
  /* Pre-allocates space to eliminate Cumulative Layout Shift (CLS) */
}

.breadcrumbs__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 14px 20px;
  box-sizing: border-box;
}

.breadcrumbs ol,
.breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  box-sizing: border-box;
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.breadcrumbs__link {
  color: #4A5568;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.breadcrumbs__link:hover {
  color: #1B4A12;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.breadcrumbs__separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94A3B8;
  flex-shrink: 0;
  line-height: 1;
}

.breadcrumbs__separator svg {
  display: block;
  width: 12px;
  height: 12px;
}

.breadcrumbs__current,
.breadcrumbs__item--current {
  color: #1B4A12;
  font-weight: 600;
  cursor: default;
  display: inline-flex;
  align-items: center;
}

/* When rendered directly inside product-information grid column */
.product-information>.breadcrumbs {
  grid-column: 2;
  margin-bottom: 8px;
}

.product-information>.breadcrumbs .breadcrumbs__container {
  padding-left: 0;
  padding-right: 0;
}

/* Mobile Viewports: Single-line layout, horizontal scroll, title truncation */
@media (max-width: 768px) {
  .breadcrumbs {
    min-height: 38px;
  }

  .breadcrumbs__container {
    padding: 10px 16px;
  }

  .breadcrumbs ol,
  .breadcrumbs__list {
    font-size: 12px;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
  }

  .breadcrumbs ol::-webkit-scrollbar,
  .breadcrumbs__list::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Edge */
  }

  .breadcrumbs__current--truncate {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
  }
}

/* ==========================================================================
   18. Mobile Product Card Optimization & Single-Surface Refinement
   ========================================================================== */
@media (max-width: 768px) {

  /* 1. Outer card container: Single clean surface with balanced padding & borders */
  .card-wrapper,
  .product-card,
  .hw-product-card,
  product-card.product-card,
  .product-recommendations .product-card,
  .product-recommendations product-card,
  .product-grid .product-card,
  .results-list .product-card,
  .collection-wrapper .product-card {
    padding: 8px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    background: #FFFFFF !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: unset !important;
    box-sizing: border-box !important;
  }

  /* Remove redundant inner card/wrapper borders, margins & padding */
  .card__inner,
  .card__media,
  .product-card__image-wrapper,
  .product-card .product-card__content,
  .product-card .product-grid__card,
  product-card .product-card__content,
  product-card .product-grid__card,
  .product-card .card-gallery,
  .product-grid__card .card-gallery,
  .product-card .card-gallery-wrapper {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  /* 2. Image Aspect Ratio & Sizing: 1/1 natural proportion without excess margins */
  .card__media img,
  .product-card__image img,
  .product-card .card-gallery img,
  .product-card .product-media-container img,
  .product-card picture img,
  .product-card .product-media-container,
  .product-card .card-gallery {
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    background: #F8F9FA !important;
  }

  .product-card .card-gallery {
    position: relative !important;
    margin-bottom: 6px !important;
    width: 100% !important;
  }

  .product-card .product-media-container {
    width: 100% !important;
    height: 100% !important;
  }

  /* 3. Compact Badges ("SALE") & Quick Add Icon */
  .card__badge .badge,
  .hw-sale-badge,
  .product-badges,
  .product-badges__badge,
  .product-badges__badge--rectangle,
  .product-card .badge--sale,
  .product-badges [class*="badge"],
  .badge--sale {
    font-size: 10px !important;
    padding: 3px 7px !important;
    top: 6px !important;
    right: 6px !important;
    border-radius: 12px !important;
    min-height: unset !important;
    line-height: 1.2 !important;
    letter-spacing: 0.3px !important;
  }

  .quick-add-button-bubble,
  .card__quick-add-trigger,
  .product-card .quick-add,
  .product-card .quick-add button,
  .product-card .quick-add-button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    bottom: 6px !important;
    right: 6px !important;
    padding: 0 !important;
  }

  .product-card .quick-add svg,
  .product-card .quick-add-button svg {
    width: 14px !important;
    height: 14px !important;
  }

  /* 4. Typography & Spacing Adjustments: Tighten text and line gaps */
  .card__information,
  .product-card__info {
    padding: 8px 4px 4px !important;
  }

  .card__heading,
  .product-card__title,
  .product-card [role="heading"],
  .product-card [ref="productTitleLink"] p,
  .product-card .text-block:has(p[role="heading"]),
  .product-card a:has(p[role="heading"]),
  .product-card .product-title {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 32px !important;
    color: #1a1a1a !important;
  }

  .price,
  .price__container {
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
  }

  .price__sale .price-item--regular,
  .product-card .price .compare-at-price,
  .product-card .price-item--regular {
    font-size: 11px !important;
  }

  .product-card .review,
  .product-card .star-rating {
    margin-bottom: 4px !important;
    font-size: 11px !important;
  }

  /* 5. Refine "View Product" / Action Button */
  .product-card__cta-wrapper,
  .hw-card-cta-wrapper {
    margin-top: auto !important;
    padding-top: 4px !important;
    width: 100% !important;
  }

  .card-wrapper .button,
  .product-card .btn,
  .product-card .button--view-product,
  .product-card__standard-cta,
  .product-card .product-card__standard-cta {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    gap: 4px !important;
    white-space: nowrap !important;
    border-radius: 9999px !important;
    background: #0A0A0A !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 4px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  .card-wrapper .button:hover,
  .product-card .btn:hover,
  .product-card .button--view-product:hover,
  .product-card__standard-cta:hover,
  .product-card .product-card__standard-cta:hover {
    background: #1B4A12 !important;
    border-color: #1B4A12 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(27, 74, 18, 0.28) !important;
  }
}

/* ==========================================================================
   BFCM 2026 ENHANCEMENTS: RESTOCK WAITLIST, DYNAMIC NET PRICING & TABULAR TIMERS
   ========================================================================== */

/* 1. Black Friday Restock Waitlist Card */
.bfcm-waitlist-card {
  background: #FFFFFF !important;
  border: 1.5px solid #E11D48 !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin: 14px 0 !important;
  box-shadow: 0 4px 16px rgba(225, 29, 72, 0.08) !important;
  box-sizing: border-box !important;
  animation: bfcmFadeSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes bfcmFadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bfcm-waitlist-header {
  margin-bottom: 12px;
}

.bfcm-waitlist-headline {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  color: #111827;
  line-height: 1.4;
}

.bfcm-soldout-dot {
  display: inline-block;
  font-size: 12px;
  animation: bfcmPulseDot 2s ease-in-out infinite;
}

@keyframes bfcmPulseDot {

  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.3);
    opacity: 0.7;
  }
}

.bfcm-waitlist-subtext {
  font-size: 12.5px;
  color: #475569;
  margin: 6px 0 0 0;
  line-height: 1.4;
}

.bfcm-waitlist-input-group {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.bfcm-waitlist-input {
  flex: 1;
  min-width: 0;
  padding: 10px 14px;
  border: 1.5px solid #CBD5E1;
  border-radius: 8px;
  font-size: 13px;
  color: #0F172A;
  background: #FFFFFF;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.bfcm-waitlist-input:focus {
  outline: none;
  border-color: #E11D48;
  box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.15);
}

.bfcm-waitlist-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #E11D48;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.15s ease;
}

.bfcm-waitlist-submit-btn:hover {
  background: #BE123C;
  transform: translateY(-1px);
}

.bfcm-waitlist-success {
  background: #F0FDF4;
  border: 1px solid #86EFAC;
  border-radius: 8px;
  padding: 12px 14px;
  color: #166534;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
}

/* 2. Out-of-Stock Main ATC Button State */
.add-to-cart-button.is-disabled-soldout {
  background-color: #E2E8F0 !important;
  color: #64748B !important;
  border-color: #CBD5E1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* 3. Dynamic Net Price Row in PDP Deal Card */
.bfcm-dynamic-net-price-row {
  background: #F4F7F4;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 13px;
  color: #1E293B;
  margin-top: 10px;
  border-left: 3.5px solid #F59E0B;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bfcm-net-price {
  color: #1B4A12;
  font-size: 15.5px;
  font-weight: 800;
  letter-spacing: -0.2px;
}

/* 4. Zero Layout Shift & Tabular Timers with Subtle Cyber Gold Border Glow */
.hw-timer-digits,
.bfcm-timer-digits,
#hwProductTimer,
#hw-top-timer-display,
#hwMobileTimerDigits,
#hwStickyBarDigits,
.hw-time-box strong {
  font-variant-numeric: tabular-nums !important;
}

.hw-time-box,
.hw-timer-digits {
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.2);
}

/* 5. Executive Black Friday Header Bar for PDP Deal Card */
.bfcm-deal-header {
  background: #0D1F12 !important;
  margin: -14px -16px 14px -16px;
  padding: 12px 16px;
  border-bottom: 2px solid #F59E0B;
}

.bfcm-deal-header .hw-pdp-deal-title {
  color: #FFFFFF !important;
  letter-spacing: 0.5px;
  font-weight: 800;
}

.bfcm-gold-badge {
  background: #F59E0B !important;
  color: #0D1F12 !important;
  font-weight: 900 !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.4) !important;
}

/* 6. Mobile Responsiveness */
@media (max-width: 640px) {
  .bfcm-waitlist-input-group {
    flex-direction: column;
  }

  .bfcm-waitlist-submit-btn {
    width: 100%;
  }
}

/* =========================================================================
   7. LUXURY MINIMAL BLACK FRIDAY DTC OVERHAUL (THERABODY / AESOP AESTHETIC)
   ========================================================================= */

/* 7.1 Universal Pure White Luxury Canvas - Scoped to MainContent so Footer remains Dark Obsidian */
html,
body,
.page-wrapper,
#MainContent,
.content-for-layout,
#MainContent .shopify-section:not(.hw-announcement-bar),
#MainContent .shopify-section:not(.hw-announcement-bar) .section-background,
.section-resource-list[data-testid="collection-list"],
.ui-test-collection-list,
[id*="collection_list_j3CLQB"],
[id*="hero_KaTagB"],
[id*="hero_KepmyR"],
[id*="section_phhcr3"] {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* 7.2 Top Hero Slideshow Banner (Full-Fidelity Merchant Image Display) */
#shopify-section-slideshow_qYzGEa,
#shopify-section-slideshow_qYzGEa .slideshow,
#shopify-section-slideshow_qYzGEa .slideshow-section,
.section-slideshow {
  position: relative !important;
  width: 100% !important;
  min-height: 480px !important;
  background: #0A0A0A !important;
  overflow: hidden !important;
}

#shopify-section-slideshow_qYzGEa slideshow-slide,
#shopify-section-slideshow_qYzGEa .slide {
  position: relative !important;
  width: 100% !important;
  min-height: 480px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}

#shopify-section-slideshow_qYzGEa .slide__image-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  display: block !important;
  overflow: hidden !important;
}

#shopify-section-slideshow_qYzGEa .slide__image-container img.slide__image,
#shopify-section-slideshow_qYzGEa .slide__image-container img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

#shopify-section-slideshow_qYzGEa .slide__content {
  position: relative !important;
  z-index: 3 !important;
  opacity: 1 !important;
  animation: none !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
  padding: 60px 24px !important;
}

#shopify-section-slideshow_qYzGEa .slide__content h1,
#shopify-section-slideshow_qYzGEa .slide__content h2,
#shopify-section-slideshow_qYzGEa .slide__content p {
  color: #FFFFFF !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.7) !important;
}

/* Purge empty overlay block that displaced the slideshow */
.hw-hero-overlay-section,
.section-halloween-hero-overlay {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Purge cartoon placeholder SVGs/graphics in hero and supply luxury cinematic wellness background */
#shopify-section-slideshow_qYzGEa,
#shopify-section-slideshow_qYzGEa .slideshow,
#shopify-section-slideshow_qYzGEa .slide,
#shopify-section-slideshow_qYzGEa .slide__image-container {
  background: radial-gradient(ellipse at 50% 30%, #17421E 0%, #0D2613 50%, #07150B 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

#shopify-section-slideshow_qYzGEa .slide svg,
#shopify-section-slideshow_qYzGEa svg.slide__image,
.slide__image-container svg.slide__image,
.slide svg[class*="placeholder"],
.hw-hero-banner svg.placeholder-svg,
svg.slide__image {
  display: none !important;
}

.slide__luxury-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: radial-gradient(ellipse at 50% 30%, #17421E 0%, #0D2613 50%, #07150B 100%) !important;
  z-index: 0 !important;
}

.hw-hero-static-pill.bfcm-hero-pill {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  background: rgba(13, 31, 18, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  margin-bottom: 16px !important;
  white-space: nowrap !important;
}

.hw-hero-static-pill .hw-pill-icon {
  color: #F59E0B !important;
  font-size: 13px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

.hw-hero-static-pill .hw-pill-text {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* 7.3 Luxury Mid-Page Callout Banners (Full-Bleed Cinematic Art Direction - No Box Overlay) */
[id*="hero_KaTagB"],
[id*="hero_KepmyR"] {
  padding: 32px 0 !important;
  background: #FFFFFF !important;
}

[id*="hero_KaTagB"] .hero,
[id*="hero_KaTagB"] .section,
[id*="hero_KepmyR"] .hero,
[id*="hero_KepmyR"] .section {
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
  min-height: 420px !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;
  background: transparent !important;
  border: none !important;
}

/* Eliminate duplicate blurred reflection only */
[id*="hero_KaTagB"] .hero__blurred-image,
[id*="hero_KepmyR"] .hero__blurred-image {
  display: none !important;
}

/* Media grid fills full container with zero letterboxing */
[id*="hero_KaTagB"] .hero__media-grid,
[id*="hero_KepmyR"] .hero__media-grid {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

/* Seamless, full-bleed cinematic gradient scrim across whole banner (NO UGLY BOX) */
[id*="hero_KaTagB"] .hero__media-grid::after,
[id*="hero_KepmyR"] .hero__media-grid::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(13, 31, 18, 0.25) 0%, rgba(13, 31, 18, 0.5) 45%, rgba(13, 31, 18, 0.75) 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: 20px !important;
}

/* Ensure media wrapper adapts responsively without ever vanishing on mobile */
/* Ensure media wrapper and image always render full-bleed, visible, and responsive */
[id*="hero_KaTagB"] .hero__media-wrapper,
[id*="hero_KepmyR"] .hero__media-wrapper {

  [id*="hero_KepmyR"] .hero__media-wrapper,
  .hero .hero__media-wrapper {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border-radius: 20px !important;
  }

  @media screen and (min-width: 750px) {

    [id*="hero_KaTagB"] .hero__media-wrapper--desktop,
    [id*="hero_KepmyR"] .hero__media-wrapper--desktop {
      display: block !important;
    }

    [id*="hero_KaTagB"] .hero__media-wrapper--mobile,
    [id*="hero_KepmyR"] .hero__media-wrapper--mobile {
      display: none !important;
    }
  }

  @media screen and (max-width: 749px) {

    [id*="hero_KaTagB"] .hero__media-wrapper--desktop,
    [id*="hero_KepmyR"] .hero__media-wrapper--desktop {
      display: none !important;
    }

    [id*="hero_KaTagB"] .hero__media-wrapper--mobile,
    [id*="hero_KepmyR"] .hero__media-wrapper--mobile {
      display: block !important;
    }

    /* Fallback: If only desktop wrapper is populated by merchant */
    [id*="hero_KaTagB"] .hero__media-grid:not(:has(.hero__media-wrapper--mobile img)) .hero__media-wrapper--desktop,
    [id*="hero_KepmyR"] .hero__media-grid:not(:has(.hero__media-wrapper--mobile img)) .hero__media-wrapper--desktop {
      display: block !important;
    }
  }

  /* Force the banner image to render full-bleed with cover */
  [id*="hero_KaTagB"] .hero__media,
  [id*="hero_KaTagB"] img.hero__media,
  [id*="hero_KaTagB"] .hero__media img,
  [id*="hero_KaTagB"] picture.hero__media,
  [id*="hero_KepmyR"] .hero__media,
  [id*="hero_KepmyR"] img.hero__media,
  [id*="hero_KepmyR"] .hero__media img,
  [id*="hero_KepmyR"] picture.hero__media {

    [id*="hero_KepmyR"] picture.hero__media,
    .hero .hero__media,
    .hero img.hero__media,
    .hero picture.hero__media {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      min-height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
      visibility: visible !important;
      opacity: 1 !important;
      border-radius: 20px !important;
    }

    /* Clean, transparent content wrapper - NO UGLY BOX OVERLAY */
    [id*="hero_KaTagB"] .hero__content-wrapper,
    [id*="hero_KepmyR"] .hero__content-wrapper {
      position: relative !important;
      z-index: 3 !important;
      background: transparent !important;
      width: 100% !important;
      min-height: 420px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      text-align: center !important;
      padding: 48px 32px !important;
      box-sizing: border-box !important;
      max-width: 780px !important;
      margin: 0 auto !important;
    }

    [id*="hero_KaTagB"] h1,
    [id*="hero_KaTagB"] h2,
    [id*="hero_KaTagB"] h3,
    [id*="hero_KepmyR"] h1,
    [id*="hero_KepmyR"] h2,
    [id*="hero_KepmyR"] h3 {
      font-size: clamp(28px, 4vw, 44px) !important;
      font-weight: 800 !important;
      letter-spacing: -0.025em !important;
      color: #FFFFFF !important;
      line-height: 1.18 !important;
      margin: 0 0 14px 0 !important;
      text-shadow: 0 2px 18px rgba(0, 0, 0, 0.7) !important;
    }

    [id*="hero_KaTagB"] p,
    [id*="hero_KepmyR"] p {
      font-size: clamp(14px, 1.8vw, 16.5px) !important;
      color: rgba(255, 255, 255, 0.95) !important;
      line-height: 1.55 !important;
      margin: 0 0 26px 0 !important;
      max-width: 620px !important;
      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
    }

    [id*="hero_KaTagB"] .button-custom,
    [id*="hero_KepmyR"] .button-custom {
      background: #FFFFFF !important;
      color: #111827 !important;
      border: none !important;
      border-radius: 9999px !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      padding: 13px 34px !important;
      box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28) !important;
      transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 6px !important;
      text-decoration: none !important;
      cursor: pointer !important;
    }

    [id*="hero_KaTagB"] .button-custom:hover,
    [id*="hero_KepmyR"] .button-custom:hover {
      background: #F4F6F3 !important;
      color: #1B4A12 !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 8px 26px rgba(0, 0, 0, 0.38) !important;
    }

    /* ==========================================================================
   7.4 UNIVERSAL TEXT CONTRAST GUARDS (PREVENT WHITE TEXT ON WHITE BG)
   ========================================================================== */

    /* 1. Icons With Text Section (section_phhcr3) */
    [id*="section_phhcr3"],
    [id*="section_phhcr3"] .section,
    [id*="section_phhcr3"] .section-content-wrapper,
    [id*="section_phhcr3"] .group-block {
      background-color: #FFFFFF !important;
      background: #FFFFFF !important;
    }

    [id*="section_phhcr3"] h1,
    [id*="section_phhcr3"] h2,
    [id*="section_phhcr3"] h3,
    [id*="section_phhcr3"] h4,
    [id*="section_phhcr3"] h5,
    [id*="section_phhcr3"] p,
    [id*="section_phhcr3"] span,
    [id*="section_phhcr3"] .text-block {
      color: #111827 !important;
    }

    [id*="section_phhcr3"] h5,
    [id*="section_phhcr3"] [name="heading"] p {
      font-weight: 700 !important;
      font-size: 14.5px !important;
      letter-spacing: -0.01em !important;
      margin-top: 6px !important;
    }

    /* 2. Product Collection Grids Header (product_list_grKYXD, product_list_Qy99z9) */
    [data-testid="product-list"] .section-resource-list__header h1,
    [data-testid="product-list"] .section-resource-list__header h2,
    [data-testid="product-list"] .section-resource-list__header h3,
    [data-testid="product-list"] .section-resource-list__header h4,
    [data-testid="product-list"] .section-resource-list__header p,
    .section-resource-list__header h3,
    .section-resource-list__header p {
      color: #111827 !important;
    }

    [data-testid="product-list"] .section-resource-list__header a,
    .section-resource-list__header a {
      color: #1B4A12 !important;
      font-weight: 700 !important;
    }

    /* 3. Newsletter Email Signup (section_dLbWza) */
    [id*="section_dLbWza"] {
      background-color: #F8FAF7 !important;
      background: #F8FAF7 !important;
    }

    [id*="section_dLbWza"] h1,
    [id*="section_dLbWza"] h2,
    [id*="section_dLbWza"] h3,
    [id*="section_dLbWza"] p,
    [id*="section_dLbWza"] strong {
      color: #111827 !important;
    }

    [id*="section_dLbWza"] input {
      color: #111827 !important;
      background: #FFFFFF !important;
      border: 1px solid #DCE6DA !important;
    }

    /* 4. Blanket Guard: Scoped strictly to #MainContent sections on White Background */
    #MainContent .shopify-section:not(.hw-announcement-bar):not(#shopify-section-slideshow_qYzGEa):not([id*="slideshow"]):not([id*="hero_KaTagB"]):not([id*="hero_KepmyR"]):not(#shopify-section-halloween_countdown_strip):not(.hw-countdown-strip) {
      --color-foreground: #111827 !important;
      --color-foreground-rgb: 17, 24, 39 !important;
    }

    /* Cart Drawer Auto-Applied Badge */
    .bfcm-cart-applied-badge {
      display: inline-flex;
      align-items: center;
      background: rgba(27, 74, 18, 0.1);
      color: #1B4A12;
      border: 1px solid rgba(27, 74, 18, 0.2);
      padding: 4px 10px;
      border-radius: 9999px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    /* ==========================================================================
   HEALTENCE LUXURY BLACK FRIDAY BUTTON & ACCENT OVERRIDES (ZERO ORANGE)
   ========================================================================== */
    .hw-bundle-atc-btn,
    .newsletter-form__button,
    .hw-scroll-top-btn,
    .hw-claim-discount-btn,
    .bfcm-claim-discount-btn,
    [class*="hw-"][class*="btn"]:not(.hw-email-submit),
    button[style*="#FF7518"],
    button[style*="#FF6B00"] {
      background: #0A0A0A !important;
      background-color: #0A0A0A !important;
      color: #FFFFFF !important;
      border: 1px solid rgba(255, 255, 255, 0.14) !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .hw-bundle-atc-btn:hover:not(:disabled),
    .newsletter-form__button:hover,
    .hw-scroll-top-btn:hover {
      background: #1B4A12 !important;
      background-color: #1B4A12 !important;
      border-color: #1B4A12 !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 8px 24px rgba(27, 74, 18, 0.3) !important;
    }

    /* Sale & Deal Badges */
    .badge--sale,
    .hw-sale-badge,
    .hw-pdp-media-badge,
    .product-card .badge--sale,
    .product-badges__badge {
      background: #0A0A0A !important;
      color: #FFFFFF !important;
      border: 1px solid rgba(255, 255, 255, 0.18) !important;
      text-transform: uppercase !important;
      letter-spacing: 0.06em !important;
      border-radius: 9999px !important;
      font-weight: 700 !important;
      font-size: 10.5px !important;
    }

    /* ==========================================================================
   BFCM LUXURY 5-COLUMN BENTO CATEGORY GRID ("Find the Right Solution")
   Redesigned for Ultra-Premium DTC Health & Wellness Standard
   ========================================================================== */
    .section-resource-list[data-testid="collection-list"],
    .ui-test-collection-list {
      max-width: 1320px !important;
      margin: 0 auto !important;
      padding: 64px 24px 56px 24px !important;
      box-sizing: border-box !important;
    }

    .section-resource-list[data-testid="collection-list"] .section-resource-list__content {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      gap: 10px !important;
      margin-bottom: 32px !important;
      width: 100% !important;
    }

    /* Eyebrow Pill: Only first paragraph */
    .section-resource-list[data-testid="collection-list"] .section-resource-list__content p:first-child,
    .bfcm-curation-pill {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      background: rgba(27, 74, 18, 0.08) !important;
      color: #1B4A12 !important;
      border: 1px solid rgba(27, 74, 18, 0.22) !important;
      border-radius: 999px !important;
      padding: 6px 14px !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.1em !important;
      text-transform: uppercase !important;
      line-height: 1 !important;
      margin: 0 !important;
      width: fit-content !important;
    }

    /* Section Heading */
    .section-resource-list[data-testid="collection-list"] .section-resource-list__content h2,
    .bfcm-curation-title {
      font-size: clamp(28px, 3.4vw, 40px) !important;
      font-weight: 800 !important;
      letter-spacing: -0.03em !important;
      color: #0A1C0E !important;
      line-height: 1.16 !important;
      margin: 4px 0 0 0 !important;
      padding: 0 !important;
    }

    /* Subtitle Description: Sentence Case, Sophisticated Dark Slate */
    .section-resource-list[data-testid="collection-list"] .section-resource-list__content p:last-child:not(:first-child),
    .bfcm-curation-desc {
      font-size: 15px !important;
      color: #4B5563 !important;
      font-weight: 450 !important;
      line-height: 1.55 !important;
      margin: 2px 0 0 0 !important;
      max-width: 640px !important;
      text-transform: none !important;
      letter-spacing: -0.01em !important;
    }

    /* Desktop 5-Column Grid */
    @media screen and (min-width: 990px) {

      .section-resource-list[data-testid="collection-list"] .resource-list--grid,
      .section-resource-list[data-testid="collection-list"] .resource-list {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 20px !important;
        width: 100% !important;
      }
    }

    /* Tablet 3-Column Grid */
    @media screen and (min-width: 750px) and (max-width: 989px) {

      .section-resource-list[data-testid="collection-list"] .resource-list--grid,
      .section-resource-list[data-testid="collection-list"] .resource-list {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(4) {
        grid-column: span 1 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) {
        grid-column: span 2 !important;
      }
    }

    /* =========================================================================
       LUXURY MEDICAL-GRADE WELLNESS COLLECTION CARDS (REDESIGNED)
       ========================================================================= */
    .collection-card {
      background: #FFFFFF !important;
      border-radius: 20px !important;
      border: 1px solid #E8EFE6 !important;
      padding: 12px 12px 18px 12px !important;
      box-shadow: 0 4px 16px rgba(10, 28, 14, 0.04) !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      position: relative !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      height: 100% !important;
      cursor: pointer !important;
    }

    .collection-card:hover {
      transform: translateY(-5px) !important;
      border-color: #1B4A12 !important;
      box-shadow: 0 16px 36px -4px rgba(10, 28, 14, 0.12), 0 0 0 1px #1B4A12 !important;
    }

    .collection-card .collection-card__inner {
      display: flex !important;
      flex-direction: column !important;
      height: 100% !important;
      justify-content: space-between !important;
      width: 100% !important;
    }

    /* Media Wrap: Luminous Image Well with Ambient Circle Arrow */
    .bfcm-card-media-wrap {
      position: relative !important;
      width: 100% !important;
      border-radius: 16px !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      background: linear-gradient(180deg, #F6F9F5 0%, #EBF2EA 100%) !important;
      border: 1px solid rgba(27, 74, 18, 0.06) !important;
      background: #F1F5F0 !important;
      border: 1px solid rgba(27, 74, 18, 0.08) !important;
      aspect-ratio: 1 / 1 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 16px !important;
      padding: 0 !important;
      box-sizing: border-box !important;
      transition: background 0.3s ease !important;
    }

    .collection-card:hover .bfcm-card-media-wrap {
      background: linear-gradient(180deg, #EDF5EC 0%, #E2ECE1 100%) !important;
      background: #E5EFE4 !important;
    }

    .collection-card .collection-card__image,
    .collection-card .resource-image {
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .collection-card .resource-image img,
    .collection-card .resource-image__image,
    .collection-card .collection-card__image img {
      width: 100% !important;
      height: 100% !important;
      max-width: 86% !important;
      max-height: 86% !important;
      object-fit: contain !important;
      mix-blend-mode: multiply !important;
      filter: drop-shadow(0 6px 14px rgba(10, 28, 14, 0.08)) !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
      mix-blend-mode: normal !important;
      filter: none !important;
      border-radius: 14px !important;
      display: block !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .collection-card:hover .resource-image img,
    .collection-card:hover .resource-image__image,
    .collection-card:hover .collection-card__image img {
      transform: translateY(-3px) scale(1.08) !important;
      filter: drop-shadow(0 12px 20px rgba(10, 28, 14, 0.14)) !important;
      transform: scale(1.06) !important;
      filter: none !important;
    }

    /* Floating Arrow Badge (Top-Right on image, ZERO text collision) */
    .bfcm-category-arrow-badge {
      position: absolute !important;
      top: 10px !important;
      right: 10px !important;
      width: 30px !important;
      height: 30px !important;
      min-width: 30px !important;
      min-height: 30px !important;
      border-radius: 50% !important;
      background: rgba(10, 28, 14, 0.9) !important;
      color: #FFFFFF !important;
      backdrop-filter: blur(4px) !important;
      -webkit-backdrop-filter: blur(4px) !important;
      border: 1px solid rgba(255, 255, 255, 0.3) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      line-height: 1 !important;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
      z-index: 2 !important;
    }

    .bfcm-category-arrow-badge svg {
      width: 13px !important;
      height: 13px !important;
      stroke: #FFFFFF !important;
      transition: transform 0.25s ease !important;
    }

    .collection-card:hover .bfcm-category-arrow-badge {
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      transform: scale(1.1) !important;
      box-shadow: 0 6px 14px rgba(27, 74, 18, 0.35) !important;
    }

    .collection-card:hover .bfcm-category-arrow-badge svg {
      transform: translateX(2px) !important;
    }

    /* Card Content Stack: Clean, balanced typography */
    .collection-card__content {
      width: 100% !important;
      margin-top: 12px !important;
      padding: 0 2px !important;
      box-sizing: border-box !important;
    }

    .bfcm-category-info-stack {
      width: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 4px !important;
      align-items: flex-start !important;
    }

    .bfcm-category-tag-row {
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
    }

    .bfcm-category-tag {
      font-size: 10px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.06em !important;
      color: #1B4A12 !important;
      line-height: 1 !important;
      background: rgba(27, 74, 18, 0.08) !important;
      border: 1px solid rgba(27, 74, 18, 0.16) !important;
      padding: 4px 8px !important;
      border-radius: 999px !important;
      display: inline-block !important;
      width: fit-content !important;
    }

    .bfcm-category-title-wrap {
      width: 100% !important;
    }

    .bfcm-category-title-wrap h3,
    .bfcm-category-title-wrap p,
    .bfcm-category-title-wrap a,
    .bfcm-category-title-wrap .collection-title {
      font-size: 15.5px !important;
      font-weight: 750 !important;
      color: #0A1C0E !important;
      letter-spacing: -0.015em !important;
      line-height: 1.25 !important;
      margin: 4px 0 0 0 !important;
      padding: 0 !important;
      background: transparent !important;
      text-decoration: none !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      min-height: 2.5em !important;
      transition: color 0.25s ease !important;
    }

    .collection-card:hover .bfcm-category-title-wrap h3,
    .collection-card:hover .bfcm-category-title-wrap p,
    .collection-card:hover .bfcm-category-title-wrap a,
    .collection-card:hover .bfcm-category-title-wrap .collection-title {
      color: #1B4A12 !important;
    }

    .bfcm-category-meta-row {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      margin-top: 4px !important;
    }

    .bfcm-category-count {
      font-size: 12px !important;
      color: #6B7280 !important;
      font-weight: 500 !important;
      line-height: 1 !important;
    }

    .bfcm-category-action-link {
      font-size: 12px !important;
      color: #1B4A12 !important;
      font-weight: 700 !important;
      line-height: 1 !important;
      transition: transform 0.2s ease !important;
    }

    .collection-card:hover .bfcm-category-action-link {
      transform: translateX(3px) !important;
    }

    .bfcm-category-featured-desc {
      display: none !important;
    }

    /* =========================================================================
       MOBILE RESPONSIVE SYSTEM (< 750px)
       2-Column for 1-4 + Full-Width 5th Spotlight Banner Card!
       ========================================================================= */
    @media screen and (max-width: 749px) {

      .section-resource-list[data-testid="collection-list"],
      .ui-test-collection-list {
        padding: 32px 14px 28px 14px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list,
      .ui-test-collection-list .resource-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
      }

      /* Cards 1 to 4 on mobile */
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .collection-card,
      .ui-test-collection-list .resource-list .resource-list__item:not(:nth-child(5)) .collection-card {
        padding: 10px 10px 14px 10px !important;
        border-radius: 16px !important;
        position: relative !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-card-media-wrap,
      .ui-test-collection-list .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-card-media-wrap {
        border-radius: 12px !important;
        aspect-ratio: 1 / 1 !important;
        padding: 10px !important;
        padding: 0 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-arrow-badge,
      .ui-test-collection-list .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-arrow-badge {
        top: 8px !important;
        right: 8px !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-arrow-badge svg,
      .ui-test-collection-list .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-arrow-badge svg {
        width: 11px !important;
        height: 11px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-tag,
      .ui-test-collection-list .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-tag {
        font-size: 9px !important;
        letter-spacing: 0.05em !important;
        padding: 3px 6px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-title-wrap h3,
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-title-wrap p,
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-title-wrap a,
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-title-wrap .collection-title {
        font-size: 13.5px !important;
        font-weight: 750 !important;
        line-height: 1.25 !important;
        letter-spacing: -0.015em !important;
        min-height: unset !important;
        margin: 2px 0 0 0 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-count,
      .ui-test-collection-list .resource-list .resource-list__item:not(:nth-child(5)) .bfcm-category-count {
        font-size: 11px !important;
      }

      /* =========================================================================
         CARD 5: THE FEATURED HORIZONTAL SPOTLIGHT CARD (Balances the 2-col grid!)
         ========================================================================= */
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5),
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:last-child:nth-child(odd),
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5),
      .ui-test-collection-list .resource-list .resource-list__item:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .collection-card,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .collection-card {
        padding: 12px 14px !important;
        border-radius: 18px !important;
        background: linear-gradient(135deg, #FFFFFF 0%, #F8FAF8 100%) !important;
        border: 1px solid rgba(27, 74, 18, 0.18) !important;
        box-shadow: 0 4px 16px rgba(27, 74, 18, 0.06) !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .collection-card__inner,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .collection-card__inner {
        flex-direction: row !important;
        align-items: center !important;
        gap: 14px !important;
        height: auto !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
        height: 88px !important;
        aspect-ratio: 1 / 1 !important;
        flex-shrink: 0 !important;
        border-radius: 12px !important;
        padding: 8px !important;
        background: linear-gradient(180deg, #F0F5F0 0%, #E6EFE6 100%) !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #F1F5F0 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-arrow-badge,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-category-arrow-badge {
        display: none !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .collection-card__content,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .collection-card__content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin-top: 0 !important;
        height: auto !important;
        justify-content: center !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-info-stack,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-category-info-stack {
        gap: 3px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-tag,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-category-tag {
        font-size: 9.5px !important;
        letter-spacing: 0.05em !important;
        padding: 3px 8px !important;
        background: #1B4A12 !important;
        color: #FFFFFF !important;
        border: none !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-title-wrap h3,
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-title-wrap p,
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-title-wrap a,
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-title-wrap .collection-title {
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        color: #0A1C0E !important;
        letter-spacing: -0.02em !important;
        margin: 2px 0 0 0 !important;
        min-height: unset !important;
        -webkit-line-clamp: 1 !important;
        line-clamp: 1 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-meta-row,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-category-meta-row {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 3px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-count,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-category-count {
        display: none !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-featured-desc,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-category-featured-desc {
        display: inline-block !important;
        font-size: 11.5px !important;
        color: #1B4A12 !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-category-action-link,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-category-action-link {
        font-size: 12px !important;
        font-weight: 800 !important;
      }
    }

    /* Ensure whole card is clickable without outline focus bugs */
    .collection-card__link {
      position: absolute !important;
      inset: 0 !important;
      z-index: 2 !important;
    }

    /* Standardized Section Eyebrows & Headings */
    .bfcm-section-eyebrow {
      display: inline-block !important;
      text-transform: uppercase !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.12em !important;
      color: #1B4A12 !important;
      margin-bottom: 6px !important;
    }

    .bfcm-section-heading {
      font-size: clamp(26px, 3.2vw, 38px) !important;
      font-weight: 700 !important;
      letter-spacing: -0.02em !important;
      color: #0A0A0A !important;
      line-height: 1.15 !important;
      margin: 0 0 12px 0 !important;
    }

    .bfcm-header-link {
      font-size: 14px !important;
      font-weight: 600 !important;
      color: #0A0A0A !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      transition: color 0.2s ease, transform 0.2s ease !important;
    }

    .bfcm-header-link:hover {
      color: #1B4A12 !important;
      transform: translateX(2px) !important;
    }

    /* ==========================================================================
   PERMANENT REMOVAL: Spin Wheel Modal & Floating Claim Trigger
   ========================================================================== */
    #hwSpinModal,
    #hwSpinModalBackdrop,
    .hw-spin-modal,
    .hw-spin-modal-backdrop,
    .hw-spin-overlay,
    .hw-spin-wheel-wrapper,
    .hw-spin-trigger,
    .hw-floating-claim-tab,
    .hw-claim-discount-btn,
    .bfcm-claim-discount-btn,
    .hw-floating-widgets,
    .bfcm-floating-widgets,
    #bfcmFloatingContainer,
    .bfcm-floating-pill-wrap,
    .bfcm-floating-dismiss-btn,
    [id*="spin-wheel"],
    [class*="spin-wheel"],
    [id*="hwSpin"],
    [class*="hw-spin"],
    [id*="hwFloating"] {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
      height: 0 !important;
      width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }

    /* ==========================================================================
   HEADER STACKING FIX: Sticky Header Stays Firmly On Top, Solid Background
   ========================================================================== */
    #header-group {
      z-index: 990 !important;
    }

    .header-section {
      z-index: 990 !important;
    }

    #header-component {
      z-index: 990 !important;
      background-color: #FFFFFF !important;
    }

    .header-section:has(> #header-component[sticky='always']),
    .header-section:has(> #header-component[sticky='scroll-up']) {
      position: sticky !important;
      top: -1px !important;
      z-index: 990 !important;
      background-color: #FFFFFF !important;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    }

    /* Ensure countdown strip stays strictly below sticky header in normal flow */
    .hw-countdown-strip,
    .bfcm-countdown-strip,
    .section-halloween-countdown-strip {
      position: relative !important;
      z-index: 5 !important;
      margin: 24px auto 32px !important;
      clear: both !important;
    }

    /* ==========================================================================
   RECOMMENDATIONS BOTTOM GAP REMOVAL: Clean, compact spacing
   ========================================================================== */
    .product-recommendations,
    [id*="product_recommendations"],
    .product-recommendations-wrapper {
      padding-block-end: 16px !important;
      margin-block-end: 0 !important;
    }

    .product-recommendations .section,
    .product-recommendations-wrapper .section {
      padding-block-end: 16px !important;
    }

    /* ==========================================================================
   VARIANT PILLS: Strict Single Selection (Only ONE Active Forest Green Pill)
   ========================================================================== */
    .variant-picker .variant-option__button-label:not(:has(input:checked)):not(.is-active),
    .variant-option--buttons .variant-option__button-label:not(:has(input:checked)):not(.is-active),
    .variant-pill:not(:has(input:checked)):not(.is-active),
    .variant-swatch-pill:not(:has(input:checked)):not(.is-active) {
      background-color: #FFFFFF !important;
      background: #FFFFFF !important;
      border: 1.5px solid #CBD5E1 !important;
      color: #0A1C0E !important;
      -webkit-text-fill-color: #0A1C0E !important;
      box-shadow: none !important;
    }

    .variant-picker .variant-option__button-label:not(:has(input:checked)):not(.is-active) .variant-pill__text,
    .variant-picker .variant-option__button-label:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text,
    .variant-pill:not(:has(input:checked)):not(.is-active) .variant-pill__text,
    .variant-swatch-pill:not(:has(input:checked)):not(.is-active) .variant-pill__text {
      color: #0A1C0E !important;
      -webkit-text-fill-color: #0A1C0E !important;
      font-weight: 500 !important;
    }

    .variant-picker .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active),
    .variant-option--buttons .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active),
    .variant-pill:hover:not(:has(input:checked)):not(.is-active),
    .variant-swatch-pill:hover:not(:has(input:checked)):not(.is-active) {
      background-color: #F0FDF4 !important;
      background: #F0FDF4 !important;
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }

    .variant-picker .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active) .variant-pill__text,
    .variant-picker .variant-option__button-label:hover:not(:has(input:checked)):not(.is-active) .variant-option__button-label__text,
    .variant-pill:hover:not(:has(input:checked)):not(.is-active) .variant-pill__text,
    .variant-swatch-pill:hover:not(:has(input:checked)):not(.is-active) .variant-pill__text {
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }

    .variant-picker .variant-option__button-label:has(input:checked),
    .variant-picker .variant-option__button-label.is-active,
    .variant-option--buttons .variant-option__button-label:has(input:checked),
    .variant-option--buttons .variant-option__button-label.is-active,
    .variant-pill:has(input:checked),
    .variant-pill.is-active,
    .variant-swatch-pill:has(input:checked),
    .variant-swatch-pill.is-active {
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      box-shadow: 0 4px 12px rgba(27, 74, 18, 0.28) !important;
    }

    .variant-picker .variant-option__button-label:has(input:checked) .variant-pill__text,
    .variant-picker .variant-option__button-label:has(input:checked) .variant-option__button-label__text,
    .variant-picker .variant-option__button-label.is-active .variant-pill__text,
    .variant-picker .variant-option__button-label.is-active .variant-option__button-label__text,
    .variant-pill:has(input:checked) .variant-pill__text,
    .variant-pill.is-active .variant-pill__text,
    .variant-swatch-pill:has(input:checked) .variant-pill__text,
    .variant-swatch-pill.is-active .variant-pill__text {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      font-weight: 700 !important;
    }

    .variant-picker .variant-option__button-label:has(input:checked):hover,
    .variant-picker .variant-option__button-label.is-active:hover,
    .variant-pill:has(input:checked):hover,
    .variant-pill.is-active:hover,
    .variant-swatch-pill:has(input:checked):hover,
    .variant-swatch-pill.is-active:hover {
      background-color: #153C0E !important;
      background: #153C0E !important;
      border-color: #153C0E !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }

    /* ==========================================================================
   GLOBAL MOBILE VIEWPORT CONTAINMENT: Zero Horizontal Overflow
   ========================================================================== */
    html,
    body {
      overflow-x: hidden !important;
      max-width: 100% !important;
      width: 100% !important;
    }

    #MainContent,
    .content-for-layout,
    .page-wrapper {
      overflow-x: clip !important;
      max-width: 100% !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    .hero,
    .slideshow,
    .section,
    .page-width,
    .product-card {
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    /* ==========================================================================
   CONTRAST SAFEGUARD: Prevent White Text on White Background
   ========================================================================== */
    /* Scoped strictly to general light sections, explicitly excluding all hero, slideshow, and dark banners */
    #MainContent .shopify-section:not(.hw-announcement-bar):not([id*="hero"]):not([id*="slideshow"]):not(.section-slideshow):not(.section-halloween-countdown-strip):not(.hw-countdown-strip):not(.hw-email-card) :is(.rich-text, .page, .page-content) :is(h1, h2, h3, h4, p):not([class*="white"]):not(.badge) {
      color: #111827 !important;
    }





    /* ==========================================================================
   26. MOBILE HAMBURGER MENU & DRAWER REDESIGN (LUXURY DTC EXPERIENCE)
   ========================================================================== */

    /* Header Hamburger Trigger Button */
    .header__icon--menu.header__icon--summary {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      border-radius: 10px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 !important;
      color: #111827 !important;
      cursor: pointer !important;
      transition: background-color 0.15s ease, transform 0.15s ease !important;
    }

    .header__icon--menu.header__icon--summary:active {
      background-color: #F1F5F0 !important;
      transform: scale(0.95) !important;
    }

    .header__icon--menu.header__icon--summary svg {
      width: 22px !important;
      height: 22px !important;
    }

    /* Fullscreen Menu Drawer Shell */
    .menu-drawer {
      position: fixed !important;
      top: 0 !important;
      inset-inline-start: 0 !important;
      height: 100dvh !important;
      width: min(88vw, 375px) !important;
      max-width: 380px !important;
      background-color: #FFFFFF !important;
      z-index: 10000 !important;
      box-shadow: 14px 0 40px rgba(10, 28, 14, 0.22) !important;
      border-inline-end: 1px solid rgba(0, 0, 0, 0.08) !important;
      display: flex !important;
      flex-direction: column !important;
      padding: 0 !important;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      -webkit-overflow-scrolling: touch !important;
    }

    /* Menu Drawer Backdrop */
    .menu-drawer__backdrop {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100dvh !important;
      background: rgba(10, 28, 14, 0.65) !important;
      backdrop-filter: blur(4px) !important;
      -webkit-backdrop-filter: blur(4px) !important;
      z-index: 9999 !important;
    }

    /* Guarantee Sticky Bar is completely hidden when Drawer or Cart is Open */
    body:has(#Details-menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(.menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(#Details-menu-drawer-container.menu-open) .hw-mobile-sticky-bar,
    details.menu-open~.hw-mobile-sticky-bar,
    details#Details-menu-drawer-container.menu-open~* .hw-mobile-sticky-bar,
    .menu-open~.hw-mobile-sticky-bar {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
      visibility: hidden !important;
    }

    /* Branded Drawer Top Bar */
    .hw-drawer-header {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 16px 20px !important;
      background: #FFFFFF !important;
      border-bottom: 1px solid #EDF2EB !important;
      position: sticky !important;
      top: 0 !important;
      z-index: 10 !important;
    }

    .hw-drawer-brand {
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
      text-decoration: none !important;
    }

    .hw-drawer-brand-name {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      font-size: 1.15rem !important;
      font-weight: 800 !important;
      letter-spacing: 0.08em !important;
      color: #0A1C0E !important;
      line-height: 1 !important;
    }

    .hw-drawer-brand-dot {
      width: 6px !important;
      height: 6px !important;
      border-radius: 50% !important;
      background: #1B4A12 !important;
      display: inline-block !important;
    }

    .hw-drawer-close-btn {
      width: 36px !important;
      height: 36px !important;
      border-radius: 50% !important;
      background: #F1F5F0 !important;
      border: 1px solid #E2EADF !important;
      color: #1B4A12 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      cursor: pointer !important;
      padding: 0 !important;
      outline: none !important;
      transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .hw-drawer-close-btn:hover,
    .hw-drawer-close-btn:active {
      background: #1B4A12 !important;
      color: #FFFFFF !important;
      transform: rotate(90deg) !important;
    }

    /* Flash Promo Banner inside Drawer */
    .hw-drawer-promo-strip {
      background: linear-gradient(90deg, #0A1C0E 0%, #1B4A12 100%) !important;
      color: #FFFFFF !important;
      padding: 8px 16px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .hw-drawer-promo-inner {
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
      font-size: 0.74rem !important;
      font-weight: 600 !important;
      letter-spacing: 0.02em !important;
      color: #E2EADF !important;
    }

    .hw-drawer-promo-inner strong {
      color: #FFB800 !important;
    }

    .hw-drawer-promo-icon {
      color: #FFB800 !important;
      font-size: 0.85rem !important;
    }

    /* Menu Items & Typography */
    .menu-drawer__navigation {
      padding: 12px 14px !important;
      flex: 1 0 auto !important;
      background: #FFFFFF !important;
    }

    .menu-drawer__menu {
      padding: 0 !important;
      margin: 0 !important;
      list-style: none !important;
    }

    .menu-drawer__list-item,
    .menu-drawer__list-item--divider,
    .menu-drawer__menu-container--divider,
    .menu-drawer__navigation li {
      border-block-end: 1px solid #EEF3ED !important;
      border-bottom: 1px solid #EEF3ED !important;
      margin-bottom: 0 !important;
      list-style: none !important;
    }

    .menu-drawer__menu-item,
    .menu-drawer__menu-item--mainlist,
    .menu-drawer__menu-item--parent,
    .menu-drawer__menu-item-text,
    .menu-drawer__menu-item-text.wrap-text {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 15.5px !important;
      font-weight: 600 !important;
      letter-spacing: -0.015em !important;
      color: #0A1C0E !important;
      line-height: 1.3 !important;
      text-transform: none !important;
      white-space: normal !important;
    }

    .menu-drawer__menu-item,
    .menu-drawer__menu-item--mainlist,
    .menu-drawer__menu-item--parent {
      min-height: 48px !important;
      padding: 12px 14px !important;
      border-radius: 10px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      text-decoration: none !important;
      transition: all 0.15s ease !important;
      box-sizing: border-box !important;
      width: 100% !important;
    }

    .menu-drawer__menu-item:hover,
    .menu-drawer__menu-item:active,
    .menu-drawer__menu-item--mainlist:hover,
    .menu-drawer__menu-item--mainlist:active {
      background-color: #F4F8F3 !important;
      color: #1B4A12 !important;
    }

    .menu-drawer__menu-item>.svg-wrapper {
      padding: 0 !important;
      margin: 0 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    /* Micro-pills for key links */
    .hw-drawer-badge-pill {
      display: inline-flex !important;
      align-items: center !important;
      padding: 3px 8px !important;
      border-radius: 9999px !important;
      font-size: 0.65rem !important;
      font-weight: 700 !important;
      letter-spacing: 0.04em !important;
      margin-left: 8px !important;
      vertical-align: middle !important;
      line-height: 1 !important;
    }

    .hw-badge-gold {
      background: #FEF3C7 !important;
      color: #92400E !important;
      border: 1px solid #FDE68A !important;
    }

    .hw-badge-green {
      background: #ECFDF5 !important;
      color: #065F46 !important;
      border: 1px solid #A7F3D0 !important;
    }

    /* Accordion Expand/Collapse Plus Icon */
    .menu-drawer__menu-item .icon-plus,
    .menu-drawer__menu-item .svg-wrapper.icon-plus {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 26px !important;
      height: 26px !important;
      min-width: 26px !important;
      min-height: 26px !important;
      border-radius: 50% !important;
      background: #F1F5F0 !important;
      color: #1B4A12 !important;
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, color 0.2s ease !important;
    }

    .menu-drawer__menu-item .icon-plus svg,
    .menu-drawer__menu-item .svg-wrapper.icon-plus svg {
      width: 13px !important;
      height: 13px !important;
    }

    details[open]>summary .icon-plus,
    details[open]>summary .svg-wrapper.icon-plus {
      transform: rotate(45deg) !important;
      background: #1B4A12 !important;
      color: #FFFFFF !important;
    }

    /* Drawer Currency / Localization Selector */
    .drawer-localization,
    .menu-drawer__localization,
    drawer-localization-component {
      padding: 8px 14px !important;
      margin: 10px 0 !important;
      display: block !important;
    }

    .drawer-localization .drawer-localization__button,
    .drawer-localization__button.h3 {
      background: #F8FAF8 !important;
      border: 1px solid #E2EADF !important;
      border-radius: 12px !important;
      padding: 8px 14px !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      color: #0A1C0E !important;
      cursor: pointer !important;
      width: fit-content !important;
      text-decoration: none !important;
      transition: all 0.2s ease !important;
    }

    .drawer-localization .drawer-localization__button:hover {
      background: #EEF5EC !important;
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
    }

    /* Nested Child Navigation */
    .menu-drawer__menu--childlist {
      padding: 6px 0 10px 14px !important;
      border-left: 2px solid #E2EADF !important;
      margin: 4px 0 10px 16px !important;
      list-style: none !important;
    }

    .menu-drawer__menu-item--child,
    .menu-drawer__menu-item--child .menu-drawer__menu-item-text {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      color: #4B5563 !important;
      padding: 8px 12px !important;
      border-radius: 8px !important;
      text-decoration: none !important;
      display: block !important;
      transition: all 0.15s ease !important;
    }

    .menu-drawer__menu-item--child:hover,
    .menu-drawer__menu-item--child:active,
    .menu-drawer__menu-item--child.menu-drawer__menu-item--active {
      background-color: #F4F8F3 !important;
      color: #1B4A12 !important;
      font-weight: 600 !important;
    }

    /* Featured Deals in Drawer */
    .hw-drawer-featured-header {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 16px 18px 8px !important;
      border-top: 1px solid #EDF2EB !important;
      margin-top: 6px !important;
    }

    .hw-drawer-featured-title {
      font-size: 0.78rem !important;
      font-weight: 700 !important;
      letter-spacing: 0.05em !important;
      color: #1B4A12 !important;
    }

    .hw-drawer-featured-viewall {
      font-size: 0.75rem !important;
      font-weight: 600 !important;
      color: #6B7280 !important;
      text-decoration: none !important;
    }

    .hw-drawer-featured-viewall:hover {
      color: #1B4A12 !important;
    }

    .menu-drawer__featured-content {
      padding: 0 14px 16px !important;
      overflow: hidden !important;
    }

    .menu-drawer__featured-content-list {
      display: flex !important;
      gap: 12px !important;
      overflow-x: auto !important;
      scroll-snap-type: x mandatory !important;
      padding: 6px 4px 14px !important;
      margin: 0 !important;
      list-style: none !important;
      -webkit-overflow-scrolling: touch !important;
    }

    .menu-drawer__featured-content-list::-webkit-scrollbar {
      height: 4px;
    }

    .menu-drawer__featured-content-list::-webkit-scrollbar-thumb {
      background: #D1D5DB;
      border-radius: 4px;
    }

    .menu-drawer__featured-content-list-item--product {
      flex: 0 0 145px !important;
      width: 145px !important;
      scroll-snap-align: start !important;
      background: #FFFFFF !important;
      border-radius: 12px !important;
      border: 1px solid #E5E7EB !important;
      overflow: hidden !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
      transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }

    .menu-drawer__featured-content-list-item--product:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08) !important;
    }

    .menu-drawer__featured-content-list-item:first-child {
      margin-inline-start: 0 !important;
    }

    .menu-drawer__featured-content-list-item:last-child {
      margin-inline-end: 0 !important;
    }

    /* Drawer Footer & Trust Utilities */
    .hw-drawer-footer {
      padding: 16px 18px 32px !important;
      background: #F9FAF8 !important;
      border-top: 1px solid #EDF2EB !important;
      margin-top: auto !important;
    }

    .hw-drawer-trust-row {
      display: flex !important;
      flex-direction: column !important;
      gap: 8px !important;
      margin-bottom: 14px !important;
      padding-bottom: 12px !important;
      border-bottom: 1px dashed #E2EADF !important;
    }

    .hw-drawer-trust-item {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      font-size: 0.76rem !important;
      font-weight: 600 !important;
      color: #374151 !important;
    }

    .hw-drawer-trust-item svg {
      color: #1B4A12 !important;
      flex-shrink: 0 !important;
    }

    .hw-drawer-utility-links {
      display: flex !important;
      flex-direction: column !important;
      gap: 8px !important;
    }

    .hw-drawer-util-btn {
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
      padding: 10px 14px !important;
      background: #FFFFFF !important;
      border: 1px solid #E5E7EB !important;
      border-radius: 8px !important;
      font-size: 0.82rem !important;
      font-weight: 600 !important;
      color: #111827 !important;
      text-decoration: none !important;
      transition: all 0.15s ease !important;
    }

    .hw-drawer-util-btn svg {
      color: #1B4A12 !important;
      flex-shrink: 0 !important;
    }

    .hw-drawer-util-btn:hover,
    .hw-drawer-util-btn:active {
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
      background-color: #F4F8F3 !important;
    }

    /* ==========================================================================
   27. HERO LINE, CATEGORY CARDS, PDP SALES BANNER & STICKY CART ENHANCEMENTS
   ========================================================================== */

    /* 1. HERO SECTION LINE REMOVAL (Clean, Flush Header-to-Hero Transition) */
    #header-group,
    .header-section,
    #header-component,
    .header__row--top,
    .header__row--bottom,
    .header__row--top.divider--page-width .header__columns,
    #header-component[data-menu-style='drawer'] .header__row--top.divider--page-width .header__columns {
      border-bottom: none !important;
      border-bottom-width: 0 !important;
      border-top: none !important;
      box-shadow: none !important;
    }

    #shopify-section-slideshow_qYzGEa,
    .section-slideshow,
    .slideshow {
      border-top: none !important;
      border-bottom: none !important;
      margin-top: 0 !important;
      box-shadow: none !important;
    }

    /* 3. PRODUCT RECOMMENDATIONS ("YOU MAY ALSO LIKE") PRODUCT CARD FIX */
    /* Completely purge carousel left/right arrows on all product cards */
    .card-gallery slideshow-arrows,
    .card-gallery .slideshow-control,
    .card-gallery slideshow-controls,
    .card-gallery .slideshow-arrows,
    .product-card slideshow-arrows,
    .product-card .slideshow-control,
    .product-card slideshow-controls,
    .resource-card slideshow-arrows,
    .resource-card .slideshow-control,
    .product-recommendations slideshow-arrows,
    .product-recommendations .slideshow-control,
    .product-recommendations slideshow-controls {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
      visibility: hidden !important;
    }

    /* Harmonize recommendation grid & card layout */
    .product-recommendations .product-card,
    .product-recommendations product-card,
    .product-recommendations .product-grid__item {
      display: flex !important;
      flex-direction: column !important;
      height: 100% !important;
      border-radius: 16px !important;
      border: 1px solid #E5E7EB !important;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
      padding: 12px !important;
      background: #FFFFFF !important;
      transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }

    .product-recommendations .product-card:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
    }

    .product-recommendations .product-card__content,
    .product-recommendations .product-grid__card {
      display: flex !important;
      flex-direction: column !important;
      flex: 1 1 auto !important;
      height: 100% !important;
      justify-content: space-between !important;
    }

    /* Never display zoom-out details title in standard product grids or recommendations */
    .product-grid-view-zoom-out--details,
    .product-card .product-grid-view-zoom-out--details,
    .product-recommendations .product-grid-view-zoom-out--details,
    [data-testid="product-list"] .product-grid-view-zoom-out--details {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
    }

    .product-recommendations .product-card .product-title,
    .product-recommendations .product-card .product-title h3,
    .product-recommendations .product-title {
      font-size: 13px !important;
      font-weight: 600 !important;
      line-height: 1.35 !important;
      color: #111827 !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      min-height: 2.7em !important;
      margin: 6px 0 !important;
    }

    .product-recommendations .product-card .price,
    .product-recommendations .price,
    .product-recommendations .product-card__price-row {
      min-height: 24px !important;
      height: auto !important;
      max-height: none !important;
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 4px 6px !important;
      margin-bottom: 8px !important;
    }

    .product-recommendations .quick-add,
    .product-recommendations .product-card__cta-wrapper,
    .product-recommendations .quick-add-button,
    .product-recommendations .product-card .button {
      margin-top: auto !important;
      width: 100% !important;
    }

    /* 4. PRODUCT PAGE SALES BANNER CARD (RESPONSIVE & BALANCED ALIGNMENT) */
    .hw-pdp-deal-card {
      background: #FAFDF9 !important;
      border: 1.5px solid #D1E5D0 !important;
      border-radius: 16px !important;
      padding: 14px 16px !important;
      margin: 12px 0 18px 0 !important;
      box-shadow: 0 4px 16px rgba(27, 74, 18, 0.07) !important;
      overflow: hidden !important;
    }

    /* Top Deal Header */
    .hw-pdp-deal-header {
      background: linear-gradient(90deg, #0A1C0E 0%, #1B4A12 100%) !important;
      color: #FFFFFF !important;
      margin: -14px -16px 12px -16px !important;
      padding: 10px 16px !important;
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
    }

    .hw-pdp-deal-title {
      font-size: 0.82rem !important;
      font-weight: 800 !important;
      letter-spacing: 0.05em !important;
      color: #FFFFFF !important;
    }

    .hw-pdp-deal-badge {
      background: #FFB800 !important;
      color: #0A1C0E !important;
      font-weight: 800 !important;
      font-size: 0.72rem !important;
      padding: 4px 10px !important;
      border-radius: 9999px !important;
    }

    /* Timer Row: Prevent awkward wrapping on mobile */
    .hw-pdp-deal-timer-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      background: #FFFFFF !important;
      border: 1px solid #E2EADF !important;
      border-radius: 10px !important;
      padding: 10px 12px !important;
      margin-bottom: 10px !important;
      gap: 8px !important;
    }

    .hw-pdp-timer-label {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      font-size: 0.78rem !important;
      font-weight: 600 !important;
      color: #374151 !important;
      white-space: nowrap !important;
    }

    .hw-pdp-timer-clock {
      flex-shrink: 0 !important;
    }

    .hw-pdp-timer-clock strong {
      white-space: nowrap !important;
      font-variant-numeric: tabular-nums !important;
      font-size: 0.82rem !important;
      font-weight: 700 !important;
      color: #D97706 !important;
      background: #FEF3C7 !important;
      border: 1px solid #FDE68A !important;
      border-radius: 6px !important;
      padding: 4px 8px !important;
      letter-spacing: 0.02em !important;
      display: inline-block !important;
    }

    /* VIP Unlock Bar */
    .bfcm-vip-unlock-bar {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 8px !important;
      background: #FFFFFF !important;
      border: 1px solid #E2EADF !important;
      border-radius: 10px !important;
      padding: 10px 12px !important;
      margin-bottom: 10px !important;
    }

    @media (max-width: 640px) {
      .bfcm-vip-unlock-bar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
      }
    }

    .bfcm-unlock-left {
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
    }

    .bfcm-unlock-text {
      font-size: 0.78rem !important;
      font-weight: 600 !important;
      color: #111827 !important;
      line-height: 1.3 !important;
    }

    .bfcm-unlock-link {
      font-size: 0.78rem !important;
      font-weight: 700 !important;
      color: #1B4A12 !important;
      text-decoration: underline !important;
      white-space: nowrap !important;
    }

    /* Dynamic Net Price Callout */
    .bfcm-dynamic-net-price-row {
      background: #ECFDF5 !important;
      border: 1px solid #A7F3D0 !important;
      border-radius: 10px !important;
      padding: 10px 14px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      margin-bottom: 10px !important;
    }

    .bfcm-net-price-label {
      font-size: 0.82rem !important;
      font-weight: 600 !important;
      color: #065F46 !important;
    }

    .bfcm-net-price-value-wrap {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
    }

    .bfcm-dynamic-net-price-row .bfcm-net-price {
      font-size: 1.15rem !important;
      font-weight: 800 !important;
      color: #065F46 !important;
    }

    .bfcm-auto-discount-badge {
      font-size: 0.65rem !important;
      font-weight: 800 !important;
      color: #065F46 !important;
      background: #D1FAE5 !important;
      padding: 3px 8px !important;
      border-radius: 9999px !important;
      border: 1px solid #A7F3D0 !important;
      letter-spacing: 0.04em !important;
    }

    /* Demand & Trust Footer */
    .hw-pdp-deal-footer {
      display: flex !important;
      flex-direction: column !important;
      gap: 5px !important;
      padding-top: 4px !important;
    }

    .hw-pdp-demand-indicator {
      font-size: 0.76rem !important;
      color: #92400E !important;
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
    }

    .hw-pdp-guarantee-note {
      font-size: 0.74rem !important;
      color: #4B5563 !important;
    }

    /* 5. STICKY CART BAR & FLOATING BUTTON COLLISION FIX ON PDP */
    /* Keep back-to-top button completely above the sticky ATC bar on PDP */
    body.template-product .hw-scroll-top-btn,
    body.template-product .hw-back-to-top-btn,
    body:has(.sticky-add-to-cart__bar) .hw-scroll-top-btn,
    body:has(.sticky-add-to-cart__bar) .hw-back-to-top-btn,
    body:has([data-testid="sticky-add-to-cart"]) .hw-scroll-top-btn,
    body:has([data-testid="sticky-add-to-cart"]) .hw-back-to-top-btn {
      bottom: 96px !important;
      right: 14px !important;
      z-index: 994 !important;
    }

    /* Sticky Add to Cart Bar Polish */
    .sticky-add-to-cart__bar {
      z-index: 1000 !important;
      background: #FFFFFF !important;
      border: 1px solid #E5E7EB !important;
      box-shadow: 0 6px 28px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    }

    @media (max-width: 749px) {
      .sticky-add-to-cart__bar {
        bottom: max(10px, var(--safe-area-inset-bottom, 10px)) !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(calc(100% + 40px)) !important;
        width: calc(100% - 16px) !important;
        max-width: 480px !important;
        border-radius: 16px !important;
        padding: 8px 12px !important;
        gap: 8px !important;
      }

      .sticky-add-to-cart__bar[data-stuck='true'] {
        transform: translateX(-50%) translateY(0%) !important;
      }

      /* Responsive deal pill inside sticky bar */
      .hw-sticky-pill-text--desktop {
        display: none !important;
      }

      .hw-sticky-pill-text--mobile {
        display: inline !important;
      }

      .hw-sticky-deal-pill {
        font-size: 9.5px !important;
        padding: 1px 6px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 170px !important;
      }

      .sticky-add-to-cart__image {
        width: 44px !important;
        height: 44px !important;
        border-radius: 10px !important;
        background: #F8FAF8 !important;
        border: 1px solid #EDF2EB !important;
        object-fit: contain !important;
        flex-shrink: 0 !important;
      }

      .sticky-add-to-cart__info {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        gap: 2px !important;
      }

      .sticky-add-to-cart__title {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #111827 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 130px !important;
        margin: 0 !important;
        line-height: 1.2 !important;
      }

      .sticky-add-to-cart__variant {
        font-size: 10px !important;
        color: #6B7280 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 130px !important;
        line-height: 1.1 !important;
      }

      .sticky-add-to-cart__price {
        font-size: 13px !important;
        font-weight: 800 !important;
        color: #065F46 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
      }

      .sticky-add-to-cart__button {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 16px !important;
        background-color: #1B4A12 !important;
        color: #FFFFFF !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em !important;
        border: none !important;
        box-shadow: 0 3px 12px rgba(27, 74, 18, 0.3) !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        cursor: pointer !important;
        z-index: 10 !important;
        margin-left: 4px !important;
      }

      .sticky-add-to-cart__button:active {
        transform: scale(0.96) !important;
        background-color: #14370D !important;
      }
    }

    @media (min-width: 750px) {
      .hw-sticky-pill-text--desktop {
        display: inline !important;
      }

      .hw-sticky-pill-text--mobile {
        display: none !important;
      }
    }

    /* ==========================================================================
   ENHANCED POLISH & RESPONSIVENESS FIXES (MOBILE & DESKTOP)
   ========================================================================== */

    /* 1. Global Document Horizontal Scroll Lockdown (Strict Zero-Overflow) */
    html,
    body {
      width: 100% !important;
      max-width: 100% !important;
      overflow-x: hidden !important;
      position: relative !important;
    }

    /* 2. Product Page Mobile Safe Margins & Balanced Layout */
    @media screen and (max-width: 749px) {
      .product-information {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
      }

      .product-information__grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .product-information__media {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        order: 0 !important;
      }

      .product-details {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        order: 1 !important;
      }

      .product-details>* {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      /* Key benefits & trust benefits on mobile */
      .benefits-wrap,
      .ht-trust-block {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }
    }

    /* 3. Global Star Rating & Review Count (PDP & Cards) */
    .rating-wrapper svg.stars,
    .rating-wrapper .stars,
    .rating-wrapper .filled-star,
    .rating-wrapper .stars use,
    .rating .filled-star,
    .rating svg.stars {
      color: #D97706 !important;
      fill: #D97706 !important;
    }

    .rating-wrapper .rating-count,
    .rating-wrapper .rating-number {
      color: #4B5563 !important;
      font-size: 13px !important;
      font-weight: 500 !important;
      margin-left: 6px !important;
      display: inline-block !important;
    }

    /* 4. Top-Left SAVE % Card Badge (Clear & Balanced) */
    .product-card .hw-card-discount-badge,
    .product-card .product-badges__badge--sale,
    .product-badges__badge.hw-card-discount-badge {
      background: #0A1C0E !important;
      color: #FFFFFF !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      letter-spacing: 0.5px !important;
      text-transform: uppercase !important;
      padding: 3px 6px !important;
      border-radius: 4px !important;
      line-height: 1.2 !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
      border: 1px solid rgba(255, 255, 255, 0.15) !important;
      display: inline-flex !important;
      align-items: center !important;
      z-index: 5 !important;
    }

    /* 5. Mobile Hamburger Drawer Polish & Sticky Bar Concealment */
    body:has(#Details-menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(.menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(#Details-menu-drawer-container.menu-open) .hw-mobile-sticky-bar,
    body:has(details.menu-drawer-container[open]) .hw-mobile-sticky-bar,
    details#Details-menu-drawer-container[open]~* .hw-mobile-sticky-bar,
    details#Details-menu-drawer-container.menu-open~* .hw-mobile-sticky-bar,
    header-drawer[open]~* .hw-mobile-sticky-bar,
    .menu-drawer[open]~* .hw-mobile-sticky-bar {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
      visibility: hidden !important;
    }

    .menu-drawer__list-item--divider {
      border-bottom: 1px solid #F3F4F6 !important;
    }

    /* ==========================================================================
   FINAL COMPREHENSIVE RESPONSIVE & POLISH SUITE (ui-ux-pro-max standard)
   Fixes: Mobile Menu Drawer, Cart Overlay, Hero Border Line, Scroll-To-Top
   Collision, Bottom Gap, Product Reviews, & You May Also Like Alignment
   ========================================================================== */

    /* 1. Mobile Menu Drawer Polish & Full Height */
    .menu-drawer,
    header-drawer .menu-drawer,
    #Details-menu-drawer-container .menu-drawer {
      position: fixed !important;
      top: 0 !important;
      bottom: 0 !important;
      inset-inline-start: 0 !important;
      height: 100vh !important;
      height: 100dvh !important;
      min-height: 100vh !important;
      width: min(88vw, 360px) !important;
      background-color: #FFFFFF !important;
      z-index: 10005 !important;
      box-shadow: 10px 0 35px rgba(0, 0, 0, 0.25) !important;
    }

    .menu-drawer,
    .menu-drawer * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    }

    .menu-drawer__backdrop,
    header-drawer .menu-drawer__backdrop {
      position: fixed !important;
      inset: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      height: 100dvh !important;
      background: rgba(10, 28, 14, 0.7) !important;
      backdrop-filter: blur(4px) !important;
      -webkit-backdrop-filter: blur(4px) !important;
      z-index: 10000 !important;
    }

    /* 2. Absolute Concealment of Floating Sticky Bars when any Drawer or Modal is Open */
    body.mobile-menu-is-open .hw-mobile-sticky-bar,
    body:has(#Details-menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(#Details-menu-drawer-container.menu-open) .hw-mobile-sticky-bar,
    body:has(.menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(details.menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(theme-drawer[open]) .hw-mobile-sticky-bar,
    body:has(dialog.theme-drawer__dialog[open]) .hw-mobile-sticky-bar,
    body:has(dialog[open]) .hw-mobile-sticky-bar,
    body:has(.theme-modal[open]) .hw-mobile-sticky-bar,
    header-drawer[open]~* .hw-mobile-sticky-bar,
    .menu-drawer[open]~* .hw-mobile-sticky-bar {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .hw-mobile-sticky-bar {
      z-index: 99 !important;
    }

    /* 3. Mobile Cart Drawer Full Width & Backdrop */
    @media screen and (max-width: 749px) {

      .theme-drawer__dialog,
      dialog.theme-drawer__dialog,
      #cart-drawer .theme-drawer__dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        inset-inline-end: 0 !important;
      }
    }

    .theme-drawer__dialog::backdrop {
      background: rgba(10, 28, 14, 0.65) !important;
      backdrop-filter: blur(4px) !important;
      -webkit-backdrop-filter: blur(4px) !important;
    }

    body:has(dialog.theme-drawer__dialog[open]) #header-group,
    body:has(dialog.theme-drawer__dialog[open]) .header-section,
    body:has(dialog.theme-drawer__dialog[open]) #header-component {
      z-index: 900 !important;
    }

    /* 4. Elimination of Dark Horizontal Line Above Hero / Below Header */
    #shopify-section-slideshow_qYzGEa,
    #shopify-section-slideshow_qYzGEa .slideshow,
    .section-slideshow,
    .header,
    #header-component,
    .header__row--top,
    .header__row--bottom {
      border-bottom: none !important;
      box-shadow: none !important;
    }

    #shopify-section-slideshow_qYzGEa {
      border-top: none !important;
    }

    /* 5. Mobile PDP Scroll-To-Top Button Collision Fix */
    @media (max-width: 768px) {

      .template-product .hw-scroll-top-btn,
      .template-product #hwScrollToTop,
      body:has(.product-information) .hw-scroll-top-btn,
      body:has(#MainProduct-product-information) .hw-scroll-top-btn {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
      }
    }

    /* 6. Mobile Safe Bottom Padding on Collection & Main Pages */
    @media (max-width: 768px) {

      body #MainContent,
      .collection,
      .product-grid {
        padding-bottom: 90px !important;
      }
    }

    /* 7. Footer Clean Copyright (No Box/Border) */
    .footer-utilities__group-copyright,
    .footer-utilities__text {
      border: none !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    /* 8. Neutralize Any Stray PDP Stock Badge in Recommendations */
    .product-recommendations .pdp-instock-badge,
    .product-recommendations .instock-badge,
    .product-recommendations [class*="instock"] {
      display: none !important;
    }

    /* ==========================================================================
   POLICIES & CONTENT PAGES LUXURY SUITE (ui-ux-pro-max DTC standard)
   Transforms Privacy Policy, Terms of Service, Refund Policy, Shipping
   & Legal Pages into a World-Class, High-Legibility Editorial Experience
   ========================================================================== */

    /* 1. Surrounding Canvas Background */
    body:has(.shopify-policy__container),
    .template-policy,
    .template-policy #MainContent,
    body:has(.shopify-policy__container) #MainContent {
      background-color: #F8FAF9 !important;
      background: #F8FAF9 !important;
    }

    /* 2. Elevated Luxury Policy Reading Card */
    .shopify-policy__container {
      max-width: 860px !important;
      margin: 48px auto 96px auto !important;
      padding: 56px 48px !important;
      background-color: #FFFFFF !important;
      background: #FFFFFF !important;
      border: 1px solid #E5E7EB !important;
      border-radius: 16px !important;
      box-shadow: 0 4px 24px rgba(10, 28, 14, 0.05) !important;
      box-sizing: border-box !important;
    }

    @media (max-width: 768px) {
      .shopify-policy__container {
        margin: 20px 14px 64px 14px !important;
        padding: 32px 20px !important;
        border-radius: 12px !important;
      }
    }

    /* 3. Policy Header & Verified Badge */
    .shopify-policy__title {
      text-align: center !important;
      margin-bottom: 36px !important;
      padding-bottom: 24px !important;
      border-bottom: 1px solid #EEF2F6 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 12px !important;
    }

    .shopify-policy__title::before {
      content: 'HEALTENCE • OFFICIAL STORE POLICY' !important;
      display: inline-block !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.08em !important;
      color: #1B4A12 !important;
      background-color: #EDF7EE !important;
      border: 1px solid rgba(27, 74, 18, 0.18) !important;
      padding: 5px 14px !important;
      border-radius: 9999px !important;
      text-transform: uppercase !important;
    }

    .shopify-policy__title h1,
    .shopify-policy__container h1,
    .main-page h1,
    .section-main-page h1,
    .template-policy h1 {
      color: #0A1C0E !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: clamp(26px, 3.5vw, 36px) !important;
      font-weight: 800 !important;
      letter-spacing: -0.02em !important;
      line-height: 1.25 !important;
      margin: 0 !important;
      text-align: center !important;
      text-transform: capitalize !important;
    }

    /* 4. Policy Section Headings (h2, h3, h4) */
    .shopify-policy__body h2,
    .shopify-policy__container h2,
    .template-policy h2,
    .section-main-page h2 {
      color: #0A1C0E !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: clamp(19px, 2.2vw, 23px) !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      line-height: 1.35 !important;
      margin-top: 40px !important;
      margin-bottom: 14px !important;
      padding-left: 12px !important;
      border-left: 3.5px solid #1B4A12 !important;
      border-bottom: none !important;
    }

    .shopify-policy__body h3,
    .shopify-policy__container h3,
    .template-policy h3,
    .section-main-page h3 {
      color: #111827 !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 17.5px !important;
      font-weight: 600 !important;
      margin-top: 24px !important;
      margin-bottom: 10px !important;
    }

    /* 5. Policy Text, Paragraphs, and Lead In */
    .shopify-policy__body,
    .shopify-policy__body p,
    .shopify-policy__body span,
    .shopify-policy__body li,
    .shopify-policy__body div,
    .shopify-policy__container p,
    .shopify-policy__container span,
    .shopify-policy__container li,
    .shopify-policy__container div,
    .template-policy p,
    .template-policy li,
    .template-policy span,
    .section-main-page p,
    .section-main-page li,
    .page-content p,
    .page-content li {
      color: #374151 !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 15.5px !important;
      line-height: 1.8 !important;
    }

    .shopify-policy__body p,
    .shopify-policy__container p {
      margin-bottom: 18px !important;
    }

    .shopify-policy__body strong,
    .shopify-policy__body b,
    .shopify-policy__container strong,
    .shopify-policy__container b,
    .template-policy strong,
    .template-policy b,
    .section-main-page strong,
    .section-main-page b {
      color: #0A1C0E !important;
      font-weight: 700 !important;
    }

    /* 6. Policy Links */
    .shopify-policy__body a,
    .shopify-policy__container a,
    .template-policy a,
    .section-main-page .rte a {
      color: #1B4A12 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px !important;
      font-weight: 600 !important;
      transition: color 0.15s ease !important;
    }

    .shopify-policy__body a:hover,
    .shopify-policy__container a:hover,
    .template-policy a:hover,
    .section-main-page .rte a:hover {
      color: #29701C !important;
    }

    /* 7. Policy Lists */
    .shopify-policy__body ul,
    .shopify-policy__body ol,
    .shopify-policy__container ul,
    .shopify-policy__container ol {
      padding-left: 24px !important;
      margin: 16px 0 24px 0 !important;
    }

    .shopify-policy__body li,
    .shopify-policy__container li {
      margin-bottom: 8px !important;
      color: #374151 !important;
    }

    /* 8. Policy Tables (Shipping Rates, Transit Times, Zones) */
    .shopify-policy__body table,
    .shopify-policy__container table {
      width: 100% !important;
      border-collapse: separate !important;
      border-spacing: 0 !important;
      margin: 24px 0 !important;
      border: 1px solid #E5E7EB !important;
      border-radius: 10px !important;
      overflow: hidden !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
    }

    .shopify-policy__body th,
    .shopify-policy__container th {
      background-color: #F8FAFC !important;
      color: #0A1C0E !important;
      font-weight: 700 !important;
      font-size: 13px !important;
      text-transform: uppercase !important;
      letter-spacing: 0.04em !important;
      padding: 12px 16px !important;
      border-bottom: 1px solid #E5E7EB !important;
      border-right: 1px solid #E5E7EB !important;
    }

    .shopify-policy__body td,
    .shopify-policy__container td {
      padding: 12px 16px !important;
      color: #374151 !important;
      font-size: 14.5px !important;
      border-bottom: 1px solid #F1F5F9 !important;
      border-right: 1px solid #F1F5F9 !important;
    }

    .shopify-policy__body th:last-child,
    .shopify-policy__body td:last-child {
      border-right: none !important;
    }

    .shopify-policy__body tr:last-child td {
      border-bottom: none !important;
    }

    /* ==========================================================================
   DYNAMIC BANNER COLOR CONTROLS (HERO & SLIDESHOW)
   Ensures section & block color settings instantly reflect on all banners
   ========================================================================== */

    /* 1. Slideshow Hero Banner Dynamic Color Integration */
    #shopify-section-slideshow_qYzGEa .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    #shopify-section-slideshow_qYzGEa .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) *,
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) * {
      color: var(--slide-heading-color, var(--slideshow-heading-color, #FFFFFF)) !important;
      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
    }

    #shopify-section-slideshow_qYzGEa .slide__content :is(p, .rte p),
    #shopify-section-slideshow_qYzGEa .slide__content :is(p, .rte p) *,
    .slide__content :is(p, .rte p),
    .slide__content :is(p, .rte p) * {
      color: var(--slide-text-color, var(--slideshow-text-color, #F3F4F6)) !important;
      text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
    }

    /* 2. Middle & Bottom Hero Banners Dynamic Color Integration */
    #Hero-hero_KaTagB :is(h1, h2, h3, h4, h5, h6, .heading),
    #Hero-hero_KaTagB :is(h1, h2, h3, h4, h5, h6, .heading) *,
    #Hero-hero_KepmyR :is(h1, h2, h3, h4, h5, h6, .heading),
    #Hero-hero_KepmyR :is(h1, h2, h3, h4, h5, h6, .heading) *,
    .hero :is(h1, h2, h3, h4, h5, h6, .heading) {
      color: var(--hero-heading-color, inherit);
    }

    #Hero-hero_KaTagB :is(p, .rte p, span, li),
    #Hero-hero_KaTagB :is(p, .rte p, span, li) *,
    #Hero-hero_KepmyR :is(p, .rte p, span, li),
    #Hero-hero_KepmyR :is(p, .rte p, span, li) *,
    .hero :is(p, .rte p, span, li) {
      color: var(--hero-text-color, inherit);
    }

    /* ==========================================================================
   JUDGE.ME REVIEWS LUXURY STYLING SUITE
   Crisp Black/Dark Typography, High-Contrast "Write Review" Button, & Gold Stars
   ========================================================================== */

    /* 1. Global Judge.me Widget Typography (Dark Black/Charcoal) */
    #judgeme_product_reviews,
    #judgeme_product_reviews *,
    .jdgm-widget,
    .jdgm-widget *,
    .jdgm-rev-widg,
    .jdgm-rev-widg *,
    .jdgm-rev,
    .jdgm-rev *,
    .jdgm-rev__body,
    .jdgm-rev__body p,
    .jdgm-rev__title,
    .jdgm-rev__author,
    .jdgm-rev__timestamp,
    .jdgm-rev__buyer-badge,
    .jdgm-widget__header,
    .jdgm-widget__title,
    .jdgm-sub-header,
    .jdgm-sub-header *,
    .jdgm-row-actions,
    .jdgm-paginate,
    .jdgm-sort-dropdown,
    .jdgm-form input,
    .jdgm-form textarea,
    .jdgm-form label,
    .jdgm-all-reviews-rating-wrapper,
    .jdgm-all-reviews__body {
      color: #000000 !important;
      -webkit-text-fill-color: #000000 !important;
    }

    /* 2. High-Contrast "Write a Review" Button (White text on Forest Green) */
    a.jdgm-write-rev-link,
    a.jdgm-write-rev-link *,
    .jdgm-write-rev-link,
    .jdgm-write-rev-link *,
    .jdgm-widget a.jdgm-write-rev-link,
    .jdgm-widget a.jdgm-write-rev-link *,
    .jdgm-widget .jdgm-write-rev-link,
    .jdgm-widget .jdgm-write-rev-link * {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      font-weight: 700 !important;
      font-size: 13.5px !important;
      letter-spacing: 0.02em !important;
      padding: 11px 24px !important;
      border-radius: 9999px !important;
      border: 1px solid #1B4A12 !important;
      text-decoration: none !important;
      box-shadow: 0 4px 14px rgba(27, 74, 18, 0.22) !important;
      transition: all 0.2s ease !important;
      cursor: pointer !important;
    }

    a.jdgm-write-rev-link:hover,
    a.jdgm-write-rev-link:hover *,
    .jdgm-write-rev-link:hover,
    .jdgm-write-rev-link:hover *,
    .jdgm-widget a.jdgm-write-rev-link:hover {
      background-color: #13350C !important;
      background: #13350C !important;
      border-color: #13350C !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 6px 20px rgba(27, 74, 18, 0.32) !important;
    }

    /* 3. Preserve Brilliant Luxury Gold Stars (Do NOT turn black) */
    .jdgm-widget .jdgm-star,
    .jdgm-widget .jdgm-star:before,
    .jdgm-widget .jdgm-star.jdgm--on,
    .jdgm-widget .jdgm-star.jdgm--on:before,
    .jdgm-widget .jdgm-star.jdgm--half,
    .jdgm-widget .jdgm-prev-badge__stars .jdgm-star,
    .jdgm-star,
    .jdgm-star:before,
    .jdgm-star.jdgm--on,
    .jdgm-star.jdgm--on:before,
    .jdgm-prev-badge__stars .jdgm-star,
    .jdgm-histogram__star .jdgm-star,
    .jdgm-form__rating .jdgm-star {
      color: #D97706 !important;
      -webkit-text-fill-color: #D97706 !important;
      fill: #D97706 !important;
    }

    .jdgm-star.jdgm--off,
    .jdgm-star.jdgm--off:before,
    .jdgm-widget .jdgm-star.jdgm--off,
    .jdgm-widget .jdgm-star.jdgm--off:before {
      color: #D1D5DB !important;
      -webkit-text-fill-color: #D1D5DB !important;
      fill: #D1D5DB !important;
    }

    /* 4. Judge.me Form & Review Input Inputs Styling */
    .jdgm-form,
    .jdgm-form-wrapper {
      background: #FAFDF9 !important;
      border: 1px solid #DCE6DA !important;
      border-radius: 16px !important;
      padding: 24px !important;
      margin-top: 20px !important;
    }

    .jdgm-form input[type="text"],
    .jdgm-form input[type="email"],
    .jdgm-form textarea {
      background: #FFFFFF !important;
      border: 1px solid #D1D5DB !important;
      border-radius: 8px !important;
      color: #111827 !important;
      padding: 10px 14px !important;
    }

    .jdgm-form input[type="submit"],
    .jdgm-submit-rev {
      background: #1B4A12 !important;
      color: #FFFFFF !important;
      border-radius: 9999px !important;
      border: none !important;
      padding: 12px 28px !important;
      font-weight: 700 !important;
      cursor: pointer !important;
    }

    /* ==========================================================================
   EXECUTIVE HERO SECONDARY CTA & CART OVERLAY REPAIR
   ========================================================================== */

    /* Hero Banner Unlock VIP Button Contrast */
    .hw-hero-actions .bfcm-btn-secondary,
    .bfcm-btn-secondary {
      background: rgba(10, 28, 14, 0.88) !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
      font-weight: 700 !important;
      font-size: 14px !important;
      padding: 13px 26px !important;
      border-radius: 12px !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
      transition: all 0.25s ease !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .hw-hero-actions .bfcm-btn-secondary:hover,
    .bfcm-btn-secondary:hover {
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 8px 24px rgba(27, 74, 18, 0.45) !important;
    }

    /* ==========================================================================
   COLLECTION GRID MOBILE CUT-OFF REPAIR
   Fixes "Quick A" truncation and right card overflow on mobile screens
   ========================================================================== */
    @media (max-width: 768px) {
      .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-inline: 12px !important;
        margin: 0 !important;
      }

      .product-grid .product-grid__item,
      .product-grid .product-card,
      .product-card {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
      }

      .product-card .product-card__cta-wrapper,
      .product-card .hw-card-cta-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 4px 0 0 0 !important;
      }

      .product-card .product-card__standard-cta.hw-quick-add-btn {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 11px !important;
        padding: 0 4px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        min-height: 34px !important;
        height: 34px !important;
        letter-spacing: 0 !important;
        gap: 3px !important;
      }

      .product-card .product-card__standard-cta.hw-quick-add-btn .hw-quick-add-label {
        font-size: 11px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }

      .product-card .product-card__standard-cta.hw-quick-add-btn .hw-bolt-icon {
        font-size: 10px !important;
        flex-shrink: 0 !important;
      }
    }

    /* ==========================================================================
   PRODUCT PAGE (PDP) MOBILE SAFE MARGINS & ZERO CUT-OFF
   Fixes "16-Head" becoming "6-Head", "$" cut-off, and "Color:" becoming "olor:"
   ========================================================================== */
    @media screen and (max-width: 749px) {
      .product-information {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
      }

      .product-information__grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .product-information__media {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        order: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .product-details,
      .product-details>.group-block,
      .product-details .group-block-content,
      .product-details [class*="group-block"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        order: 1 !important;
      }

      .product-details * {
        box-sizing: border-box !important;
      }

      /* Guarantee Scroll-To-Top button does not collide on PDP mobile */
      body[data-template*="product"] #hwScrollToTop,
      body[data-template*="product"] .hw-scroll-top-btn,
      body:has(.product-information) #hwScrollToTop,
      body:has(.product-information) .hw-scroll-top-btn,
      body:has(.sticky-add-to-cart) #hwScrollToTop,
      body:has(.sticky-add-to-cart) .hw-scroll-top-btn {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
      }
    }

    /* ==========================================================================
   CART DRAWER & HEADER Z-INDEX HIERARCHY REPAIR
   Fixes "VIP Sale ends in..." announcement bar & header overlapping cart drawer
   ========================================================================== */
    #shopify-section-cart-drawer-section,
    .cart-drawer-section,
    theme-drawer,
    theme-drawer#cart-drawer,
    .theme-drawer__dialog,
    dialog.theme-drawer__dialog,
    #cart-drawer .theme-drawer__dialog {
      z-index: 9999999 !important;
    }

    body:has(#cart-drawer[open]) #header-group,
    body:has(#cart-drawer[open]) .header-section,
    body:has(#cart-drawer[open]) #header-component,
    body:has(#cart-drawer[open]) .hw-announcement-bar,
    body:has(#cart-drawer[open]) .bfcm-announcement-bar,
    body:has(#cart-drawer[open]) .hw-top-countdown,
    body:has(dialog.theme-drawer__dialog[open]) #header-group,
    body:has(dialog.theme-drawer__dialog[open]) .header-section,
    body:has(dialog.theme-drawer__dialog[open]) #header-component,
    body:has(dialog.theme-drawer__dialog[open]) .hw-announcement-bar,
    body:has(dialog.theme-drawer__dialog[open]) .bfcm-announcement-bar,
    body:has(dialog.theme-drawer__dialog[open]) .hw-top-countdown,
    body:has(theme-drawer[open]) #header-group,
    body:has(theme-drawer[open]) .header-section,
    body:has(theme-drawer[open]) #header-component,
    body:has(theme-drawer[open]) .hw-announcement-bar,
    body:has(theme-drawer[open]) .bfcm-announcement-bar,
    body:has(theme-drawer[open]) .hw-top-countdown,
    body.mobile-menu-is-open #header-group,
    body.mobile-menu-is-open .header-section,
    body.mobile-menu-is-open #header-component,
    body.mobile-menu-is-open .hw-announcement-bar,
    body.mobile-menu-is-open .bfcm-announcement-bar,
    body.mobile-menu-is-open .hw-top-countdown {
      z-index: 10 !important;
    }

    @media screen and (max-width: 749px) {

      .theme-drawer__dialog,
      dialog.theme-drawer__dialog,
      #cart-drawer .theme-drawer__dialog {
        width: 100% !important;
        max-width: 100% !important;
        inset-inline-start: 0 !important;
        inset-inline-end: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        height: 100dvh !important;
      }
    }

    /* ==========================================================================
   MOBILE MENU DRAWER & STICKY BOTTOM BAR CONCEALMENT (Z-Index Fix)
   ========================================================================== */
    .header-drawer,
    header-drawer,
    .menu-drawer,
    .menu-drawer-container,
    #Details-menu-drawer-container {
      z-index: 999999 !important;
    }

    .menu-drawer__backdrop,
    .header-drawer__backdrop {
      z-index: 999998 !important;
    }

    body.mobile-menu-is-open #hwMobileStickyBar,
    body.mobile-menu-is-open .hw-mobile-sticky-bar,
    body:has(#Details-menu-drawer-container[open]) #hwMobileStickyBar,
    body:has(#Details-menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(.menu-drawer-container[open]) #hwMobileStickyBar,
    body:has(.menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(theme-drawer[open]) #hwMobileStickyBar,
    body:has(dialog[open]) #hwMobileStickyBar,
    body:has(.theme-modal[open]) #hwMobileStickyBar,
    body.cart-drawer-is-open #hwMobileStickyBar,
    body.cart-drawer-open #hwMobileStickyBar {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    /* Scroll-to-Top Button Permanent Exclusion on Product Pages */
    body.template-product #hwScrollToTop,
    .product-template #hwScrollToTop,
    body:has(variant-picker) #hwScrollToTop,
    body:has(.product-information) #hwScrollToTop,
    body:has(.product-form) #hwScrollToTop {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    /* ==========================================================================
   STICKY ADD TO CART: FLAWLESS ALIGNMENT & MODAL SUPPRESSION
   ========================================================================== */
    /* Suppress sticky add to cart inside quick-add modal */
    quick-add-dialog sticky-add-to-cart,
    .quick-add-modal sticky-add-to-cart,
    #quick-add-dialog sticky-add-to-cart {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    /* Redesigned Floating Sticky Bar Container */
    .sticky-add-to-cart__bar {
      position: fixed !important;
      bottom: 20px !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      width: calc(100% - 32px) !important;
      max-width: 540px !important;
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 14px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
      display: flex !important;
      align-items: center !important;
      padding: 8px 12px !important;
      gap: 12px !important;
      z-index: 99999 !important;
      transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
      box-sizing: border-box !important;
    }

    .sticky-add-to-cart__image {
      width: 48px !important;
      height: 48px !important;
      min-width: 48px !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      background: #F8FAFC !important;
      border: 1px solid #E2E8F0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
    }

    .sticky-add-to-cart__image-img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }

    .sticky-add-to-cart__info {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      gap: 2px !important;
    }

    .sticky-add-to-cart__text-wrap {
      display: flex !important;
      flex-direction: column !important;
      gap: 1px !important;
      min-width: 0 !important;
      overflow: hidden !important;
    }

    .sticky-add-to-cart__title {
      font-size: 13px !important;
      font-weight: 700 !important;
      color: #0D1F12 !important;
      line-height: 1.25 !important;
      margin: 0 !important;
      padding: 0 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .sticky-add-to-cart__variant {
      font-size: 11.5px !important;
      font-weight: 500 !important;
      color: #64748B !important;
      line-height: 1.2 !important;
      margin: 0 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .sticky-add-to-cart__pricing-row {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      margin-top: 2px !important;
      flex-wrap: nowrap !important;
    }

    .sticky-add-to-cart__price {
      font-size: 14.5px !important;
      font-weight: 800 !important;
      color: #1B4A12 !important;
      line-height: 1 !important;
      margin: 0 !important;
      white-space: nowrap !important;
    }

    .sticky-add-to-cart__price * {
      color: #1B4A12 !important;
      font-weight: 800 !important;
    }

    .hw-sticky-deal-badge {
      display: inline-flex !important;
      align-items: center !important;
      padding: 2px 7px !important;
      background: #EDF7EE !important;
      color: #1B4A12 !important;
      border: 1px solid rgba(27, 74, 18, 0.22) !important;
      border-radius: 4px !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      letter-spacing: 0.03em !important;
      white-space: nowrap !important;
      line-height: 1.2 !important;
    }

    .sticky-add-to-cart__button {
      height: 42px !important;
      min-height: 42px !important;
      padding: 0 18px !important;
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      color: #FFFFFF !important;
      border: none !important;
      border-radius: 8px !important;
      font-weight: 700 !important;
      font-size: 13px !important;
      letter-spacing: 0.02em !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 6px !important;
      cursor: pointer !important;
      flex-shrink: 0 !important;
      box-shadow: 0 4px 12px rgba(27, 74, 18, 0.25) !important;
      transition: all 0.2s ease !important;
    }

    .sticky-add-to-cart__button:hover {
      background-color: #14370D !important;
      background: #14370D !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 6px 16px rgba(27, 74, 18, 0.35) !important;
    }

    .sticky-add-to-cart__button svg {
      width: 16px !important;
      height: 16px !important;
      fill: currentColor !important;
    }

    @media screen and (max-width: 749px) {
      .sticky-add-to-cart__bar {
        bottom: 12px !important;
        width: calc(100% - 20px) !important;
        padding: 7px 10px !important;
        gap: 8px !important;
      }

      .sticky-add-to-cart__image {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
      }

      .sticky-add-to-cart__title {
        font-size: 12px !important;
      }

      .sticky-add-to-cart__button {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
      }
    }

    /* ==========================================================================
   MOBILE MENU DRAWER: 100% VISIBLE & LUXURY DTC TYPOGRAPHY
   ========================================================================== */
    .menu-drawer,
    .menu-drawer * {
      box-sizing: border-box !important;
    }

    .menu-drawer__animated-element,
    .menu-drawer__navigation,
    .menu-drawer__menu,
    .menu-drawer__list-item {
      opacity: 1 !important;
      visibility: visible !important;
      animation: none !important;
      transform: none !important;
    }

    .menu-drawer {
      background: #FFFFFF !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      z-index: 999999 !important;
    }

    .menu-drawer__menu-item,
    .menu-drawer__menu-item--mainlist,
    .menu-drawer__menu-item--parent,
    .menu-drawer__menu-item-text,
    .menu-drawer__menu-item-text.wrap-text,
    .menu-drawer__navigation a,
    .menu-drawer__navigation summary {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      letter-spacing: -0.01em !important;
      color: #0D1F12 !important;
      text-decoration: none !important;
    }

    .menu-drawer__menu-item,
    .menu-drawer__menu-item--mainlist {
      padding: 13px 20px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      border-bottom: 1px solid #F1F5F9 !important;
      background: transparent !important;
      transition: background 0.15s ease, color 0.15s ease !important;
    }

    .menu-drawer__menu-item:hover,
    .menu-drawer__menu-item--mainlist:hover {
      background: #F8FAF9 !important;
      color: #1B4A12 !important;
    }

    .menu-drawer__list-item,
    .menu-drawer__list-item--divider,
    .menu-drawer__list-item--deep,
    .menu-drawer__list-item--flat {
      border-bottom: 1px solid #F1F5F9 !important;
      border-top: none !important;
      border-color: #F1F5F9 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Hide horizontal scrollbar in trending deals carousel */
    .menu-drawer__featured-content-list {
      scrollbar-width: none !important;
      -ms-overflow-style: none !important;
    }

    .menu-drawer__featured-content-list::-webkit-scrollbar {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
    }

    /* Currency pill button */
    .drawer-localization__button--label {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 12.5px !important;
      font-weight: 600 !important;
      color: #334155 !important;
      background: #F8FAFC !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 8px !important;
      padding: 6px 14px !important;
    }

    /* Drawer footer trust row & utility links (horizontal inline layout) */
    .hw-drawer-footer {
      padding: 16px 20px 24px 20px !important;
      background: #FFFFFF !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
    }

    .hw-drawer-trust-row {
      display: flex !important;
      flex-direction: column !important;
      gap: 8px !important;
      padding: 12px 14px !important;
      background: #F8FAF9 !important;
      border-radius: 10px !important;
      border: 1px solid #EDF2EB !important;
    }

    .hw-drawer-trust-item {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 12.5px !important;
      font-weight: 600 !important;
      color: #334155 !important;
    }

    .hw-drawer-trust-item svg {
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      flex-shrink: 0 !important;
      display: block !important;
      stroke: #1B4A12 !important;
      color: #1B4A12 !important;
    }

    .hw-drawer-util-btn {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
      padding: 10px 14px !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 8px !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      color: #1E293B !important;
      text-decoration: none !important;
      background: #FFFFFF !important;
      transition: all 0.15s ease !important;
    }

    .hw-drawer-util-btn svg {
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      flex-shrink: 0 !important;
      display: block !important;
      stroke: #1B4A12 !important;
      color: #1B4A12 !important;
    }

    .hw-drawer-util-btn:hover {
      background: #F8FAF9 !important;
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
    }

    /* Suppress all floating sticky elements when menu drawer is open */
    details#Details-menu-drawer-container[open]~* .hw-mobile-sticky-bar,
    details#Details-menu-drawer-container[open]~* .sticky-add-to-cart__bar,
    details#Details-menu-drawer-container[open]~* .section-halloween-countdown-strip,
    body:has(details#Details-menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(details#Details-menu-drawer-container[open]) .sticky-add-to-cart__bar,
    body:has(details#Details-menu-drawer-container[open]) .section-halloween-countdown-strip,
    body.mobile-menu-is-open .hw-mobile-sticky-bar,
    body.mobile-menu-is-open .sticky-add-to-cart__bar,
    body.mobile-menu-is-open .section-halloween-countdown-strip {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
      visibility: hidden !important;
    }

    /* ==========================================================================
   COLLECTION LIST "FIND THE RIGHT SOLUTION": 5-CARD DTC LAYOUT & ZERO COLLISION
   ========================================================================== */
    @media screen and (min-width: 990px) {

      .section-resource-list[data-testid="collection-list"] .resource-list,
      .ui-test-collection-list .resource-list,
      [id*="collection_list_j3CLQB"] .resource-list {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 16px !important;
        width: 100% !important;
      }
    }

    @media screen and (max-width: 749px) {

      .section-resource-list[data-testid="collection-list"] .resource-list,
      .ui-test-collection-list .resource-list,
      [id*="collection_list_j3CLQB"] .resource-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
      }

      /* 5th card spans full width in a spotlight banner format */
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5),
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5),
      [id*="collection_list_j3CLQB"] .resource-list .resource-list__item:nth-child(5) {
        grid-column: 1 / -1 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .collection-card .collection-card__inner,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .collection-card .collection-card__inner,
      [id*="collection_list_j3CLQB"] .resource-list .resource-list__item:nth-child(5) .collection-card .collection-card__inner {
        flex-direction: row !important;
        align-items: center !important;
        gap: 16px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap,
      [id*="collection_list_j3CLQB"] .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap {
        width: 90px !important;
        height: 90px !important;
        min-width: 90px !important;
        flex-shrink: 0 !important;
      }
    }

    /* Category Arrow Badge strictly on top-right of image well (never colliding with tags) */
    .bfcm-category-arrow-badge {
      position: absolute !important;
      top: 8px !important;
      right: 8px !important;
      width: 26px !important;
      height: 26px !important;
      min-width: 26px !important;
      min-height: 26px !important;
      border-radius: 50% !important;
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      color: #1B4A12 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
      z-index: 2 !important;
      transition: all 0.2s ease !important;
    }

    .collection-card:hover .bfcm-category-arrow-badge {
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
    }

    .collection-card:hover .bfcm-category-arrow-badge svg {
      stroke: #FFFFFF !important;
    }

    /* Category pill tag */
    .bfcm-category-tag-row {
      display: flex !important;
      align-items: center !important;
      position: static !important;
      width: 100% !important;
      margin-bottom: 2px !important;
    }

    .bfcm-category-tag {
      display: inline-block !important;
      width: auto !important;
      max-width: fit-content !important;
      background: #EDF7EE !important;
      color: #1B4A12 !important;
      border: 1px solid rgba(27, 74, 18, 0.2) !important;
      border-radius: 9999px !important;
      padding: 3px 8px !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      letter-spacing: 0.05em !important;
      text-transform: uppercase !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      margin: 0 !important;
    }

    /* ==========================================================================
   VARIANT PICKER BUTTONS: BULLETPROOF HOVER & ZERO PHANTOM RING
   ========================================================================== */
    .variant-option__button-label::before,
    .variant-option__button-label::after,
    .variant-option__button-label__pill {
      display: none !important;
      content: none !important;
      border: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
    }

    .variant-picker .variant-option__button-label {
      background: #FFFFFF !important;
      border: 1.5px solid #CBD5E1 !important;
      color: #1E293B !important;
      border-radius: 10px !important;
      transition: all 0.15s ease !important;
    }

    .variant-picker .variant-option__button-label * {
      color: #1E293B !important;
      -webkit-text-fill-color: #1E293B !important;
    }

    /* Hover state on unselected buttons: Light green background with dark green text */
    .variant-picker .variant-option__button-label:hover:not(.is-active):not(:has(input:checked)) {
      background-color: #F0FDF4 !important;
      background: #F0FDF4 !important;
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }

    .variant-picker .variant-option__button-label:hover:not(.is-active):not(:has(input:checked)) * {
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }

    /* Active / Checked state: Dark forest green with crisp white text */
    .variant-picker .variant-option__button-label.is-active,
    .variant-picker .variant-option__button-label:has(input:checked),
    .variant-picker .variant-option__button-label[aria-checked="true"] {
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      box-shadow: 0 4px 12px rgba(27, 74, 18, 0.28) !important;
    }

    .variant-picker .variant-option__button-label.is-active *,
    .variant-picker .variant-option__button-label:has(input:checked) *,
    .variant-picker .variant-option__button-label[aria-checked="true"] * {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      font-weight: 700 !important;
    }

    .variant-picker .variant-option__button-label.is-active:hover,
    .variant-picker .variant-option__button-label:has(input:checked):hover {
      background-color: #14370D !important;
      background: #14370D !important;
      border-color: #14370D !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }

    .variant-picker .variant-option__button-label.is-active:hover * {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }

    /* Sold out state: Clear muted styling */
    .variant-picker .variant-option__button-label:has([data-option-available="false"]):not(.is-active):not(:has(input:checked)),
    .variant-picker .variant-option__button-label.is-sold-out:not(.is-active):not(:has(input:checked)) {
      background-color: #F8FAFC !important;
      background: #F8FAFC !important;
      border: 1.5px dashed #CBD5E1 !important;
      color: #94A3B8 !important;
      -webkit-text-fill-color: #94A3B8 !important;
      opacity: 0.65 !important;
    }

    .variant-picker .variant-option__button-label:has([data-option-available="false"]):not(.is-active) *,
    .variant-picker .variant-option__button-label.is-sold-out:not(.is-active) * {
      color: #94A3B8 !important;
      -webkit-text-fill-color: #94A3B8 !important;
    }

    /* ==========================================================================
   STICKY ADD TO CART BAR: ROBUST VISIBILITY & LAYOUT ALIGNMENT
   ========================================================================== */
    /* Hide in quick-add modals */
    quick-add-dialog .sticky-add-to-cart,
    quick-add-dialog .sticky-add-to-cart__bar,
    .quick-add-modal .sticky-add-to-cart,
    .quick-add-modal .sticky-add-to-cart__bar {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .sticky-add-to-cart__bar {
      position: fixed !important;
      bottom: max(16px, env(safe-area-inset-bottom, 16px)) !important;
      left: 50% !important;
      transform: translateX(-50%) translateY(120%) !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 16px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
      padding: 8px 16px !important;
      max-width: 520px !important;
      width: calc(100% - 24px) !important;
      margin: 0 auto !important;
      box-sizing: border-box !important;
      z-index: 9999 !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
      opacity: 0;
      pointer-events: none;
    }

    .sticky-add-to-cart__bar[data-stuck="true"] {
      transform: translateX(-50%) translateY(0) !important;
      opacity: 1 !important;
      pointer-events: auto !important;
    }

    .sticky-add-to-cart__image {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      flex-shrink: 0 !important;
      border: 1px solid #EDF2EB !important;
      background: #F8FAF9 !important;
    }

    .sticky-add-to-cart__image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
    }

    .sticky-add-to-cart__info {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      min-width: 0 !important;
      flex: 1 1 auto !important;
      overflow: hidden !important;
      gap: 2px !important;
    }

    .sticky-add-to-cart__text-wrap {
      min-width: 0 !important;
      overflow: hidden !important;
    }

    .sticky-add-to-cart__title {
      font-size: 13px !important;
      font-weight: 700 !important;
      color: #0D1F12 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 180px !important;
      border: none !important;
      background: transparent !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.25 !important;
    }

    .sticky-add-to-cart__variant {
      font-size: 11px !important;
      color: #64748B !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 180px !important;
      line-height: 1.2 !important;
      margin: 0 !important;
    }

    .sticky-add-to-cart__pricing-row {
      display: none !important;
    }

    .sticky-add-to-cart__price {
      font-size: 15px !important;
      font-weight: 800 !important;
      color: #1B4A12 !important;
      white-space: nowrap !important;
      flex-shrink: 0 !important;
    }

    .sticky-add-to-cart__button {
      height: 40px !important;
      min-height: 40px !important;
      padding: 0 16px !important;
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      color: #FFFFFF !important;
      border-radius: 8px !important;
      font-weight: 700 !important;
      font-size: 13px !important;
      flex-shrink: 0 !important;
      border: none !important;
      cursor: pointer !important;
      box-shadow: 0 4px 12px rgba(27, 74, 18, 0.25) !important;
      transition: all 0.2s ease !important;
    }

    .sticky-add-to-cart__button:hover {
      background-color: #14370D !important;
      background: #14370D !important;
      transform: translateY(-1px) !important;
    }

    /* ==========================================================================
   SLIDESHOW & HERO BANNER DYNAMIC COLORS (THEME EDITOR CONTROL)
   ========================================================================== */
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) *,
    [id*="slideshow"] .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    [id*="slideshow"] .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) *,
    .section-slideshow .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    .section-slideshow .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) * {
      color: var(--slide-heading-color, var(--slideshow-heading-color, #FFFFFF)) !important;
      text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55) !important;
    }

    .slide__content :is(p, .rte p, span:not(.hw-pill-text)),
    .slide__content :is(p, .rte p, span:not(.hw-pill-text)) *,
    [id*="slideshow"] .slide__content :is(p, .rte p, span:not(.hw-pill-text)),
    [id*="slideshow"] .slide__content :is(p, .rte p, span:not(.hw-pill-text)) *,
    .section-slideshow .slide__content :is(p, .rte p),
    .section-slideshow .slide__content :is(p, .rte p) * {
      color: var(--slide-text-color, var(--slideshow-text-color, #F3F4F6)) !important;
      text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) !important;
    }


    /* ==========================================================================
   POLICIES & CONTENT PAGES LUXURY SUITE (ui-ux-pro-max DTC standard)
   Transforms Privacy Policy, Terms of Service, Refund Policy, Shipping
   & Legal Pages into a World-Class, High-Legibility Editorial Experience
   ========================================================================== */

    /* 1. Surrounding Canvas Background */
    body:has(.shopify-policy__container),
    .template-policy,
    .template-policy #MainContent,
    body:has(.shopify-policy__container) #MainContent {
      background-color: #F8FAF9 !important;
      background: #F8FAF9 !important;
    }

    /* 2. Elevated Luxury Policy Reading Card */
    .shopify-policy__container {
      max-width: 860px !important;
      margin: 48px auto 96px auto !important;
      padding: 56px 48px !important;
      background-color: #FFFFFF !important;
      background: #FFFFFF !important;
      border: 1px solid #E5E7EB !important;
      border-radius: 16px !important;
      box-shadow: 0 4px 24px rgba(10, 28, 14, 0.05) !important;
      box-sizing: border-box !important;
    }

    @media (max-width: 768px) {
      .shopify-policy__container {
        margin: 20px 14px 64px 14px !important;
        padding: 32px 20px !important;
        border-radius: 12px !important;
      }
    }

    /* 3. Policy Header & Verified Badge */
    .shopify-policy__title {
      text-align: center !important;
      margin-bottom: 36px !important;
      padding-bottom: 24px !important;
      border-bottom: 1px solid #EEF2F6 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 12px !important;
    }

    .shopify-policy__title::before {
      content: 'HEALTENCE • OFFICIAL STORE POLICY' !important;
      display: inline-block !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.08em !important;
      color: #1B4A12 !important;
      background-color: #EDF7EE !important;
      border: 1px solid rgba(27, 74, 18, 0.18) !important;
      padding: 5px 14px !important;
      border-radius: 9999px !important;
      text-transform: uppercase !important;
    }

    .shopify-policy__title h1,
    .shopify-policy__container h1,
    .main-page h1,
    .section-main-page h1,
    .template-policy h1 {
      color: #0A1C0E !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: clamp(26px, 3.5vw, 36px) !important;
      font-weight: 800 !important;
      letter-spacing: -0.02em !important;
      line-height: 1.25 !important;
      margin: 0 !important;
      text-align: center !important;
      text-transform: capitalize !important;
    }

    /* 4. Policy Section Headings (h2, h3, h4) */
    .shopify-policy__body h2,
    .shopify-policy__container h2,
    .template-policy h2,
    .section-main-page h2 {
      color: #0A1C0E !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: clamp(19px, 2.2vw, 23px) !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      line-height: 1.35 !important;
      margin-top: 40px !important;
      margin-bottom: 14px !important;
      padding-left: 12px !important;
      border-left: 3.5px solid #1B4A12 !important;
      border-bottom: none !important;
    }

    .shopify-policy__body h3,
    .shopify-policy__container h3,
    .template-policy h3,
    .section-main-page h3 {
      color: #111827 !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 17.5px !important;
      font-weight: 600 !important;
      margin-top: 24px !important;
      margin-bottom: 10px !important;
    }

    /* 5. Policy Text, Paragraphs, and Lead In */
    .shopify-policy__body,
    .shopify-policy__body p,
    .shopify-policy__body span,
    .shopify-policy__body li,
    .shopify-policy__body div,
    .shopify-policy__container p,
    .shopify-policy__container span,
    .shopify-policy__container li,
    .shopify-policy__container div,
    .template-policy p,
    .template-policy li,
    .template-policy span,
    .section-main-page p,
    .section-main-page li,
    .page-content p,
    .page-content li {
      color: #374151 !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 15.5px !important;
      line-height: 1.8 !important;
    }

    .shopify-policy__body p,
    .shopify-policy__container p {
      margin-bottom: 18px !important;
    }

    .shopify-policy__body strong,
    .shopify-policy__body b,
    .shopify-policy__container strong,
    .shopify-policy__container b,
    .template-policy strong,
    .template-policy b,
    .section-main-page strong,
    .section-main-page b {
      color: #0A1C0E !important;
      font-weight: 700 !important;
    }

    /* 6. Policy Links */
    .shopify-policy__body a,
    .shopify-policy__container a,
    .template-policy a,
    .section-main-page .rte a {
      color: #1B4A12 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px !important;
      font-weight: 600 !important;
      transition: color 0.15s ease !important;
    }

    .shopify-policy__body a:hover,
    .shopify-policy__container a:hover,
    .template-policy a:hover,
    .section-main-page .rte a:hover {
      color: #29701C !important;
    }

    /* 7. Policy Lists */
    .shopify-policy__body ul,
    .shopify-policy__body ol,
    .shopify-policy__container ul,
    .shopify-policy__container ol {
      padding-left: 24px !important;
      margin: 16px 0 24px 0 !important;
    }

    .shopify-policy__body li,
    .shopify-policy__container li {
      margin-bottom: 8px !important;
      color: #374151 !important;
    }

    /* 8. Policy Tables (Shipping Rates, Transit Times, Zones) */
    .shopify-policy__body table,
    .shopify-policy__container table {
      width: 100% !important;
      border-collapse: separate !important;
      border-spacing: 0 !important;
      margin: 24px 0 !important;
      border: 1px solid #E5E7EB !important;
      border-radius: 10px !important;
      overflow: hidden !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
    }

    .shopify-policy__body th,
    .shopify-policy__container th {
      background-color: #F8FAFC !important;
      color: #0A1C0E !important;
      font-weight: 700 !important;
      font-size: 13px !important;
      text-transform: uppercase !important;
      letter-spacing: 0.04em !important;
      padding: 12px 16px !important;
      border-bottom: 1px solid #E5E7EB !important;
      border-right: 1px solid #E5E7EB !important;
    }

    .shopify-policy__body td,
    .shopify-policy__container td {
      padding: 12px 16px !important;
      color: #374151 !important;
      font-size: 14.5px !important;
      border-bottom: 1px solid #F1F5F9 !important;
      border-right: 1px solid #F1F5F9 !important;
    }

    .shopify-policy__body th:last-child,
    .shopify-policy__body td:last-child {
      border-right: none !important;
    }

    .shopify-policy__body tr:last-child td {
      border-bottom: none !important;
    }

    /* ==========================================================================
   DYNAMIC BANNER COLOR CONTROLS (HERO & SLIDESHOW)
   Ensures section & block color settings instantly reflect on all banners
   ========================================================================== */

    /* 1. Slideshow Hero Banner Dynamic Color Integration */
    #shopify-section-slideshow_qYzGEa .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    #shopify-section-slideshow_qYzGEa .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) *,
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) * {
      color: var(--slide-heading-color, var(--slideshow-heading-color, #FFFFFF)) !important;
      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
    }

    #shopify-section-slideshow_qYzGEa .slide__content :is(p, .rte p),
    #shopify-section-slideshow_qYzGEa .slide__content :is(p, .rte p) *,
    .slide__content :is(p, .rte p),
    .slide__content :is(p, .rte p) * {
      color: var(--slide-text-color, var(--slideshow-text-color, #F3F4F6)) !important;
      text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35) !important;
    }

    /* 2. Middle & Bottom Hero Banners Dynamic Color Integration */
    #Hero-hero_KaTagB :is(h1, h2, h3, h4, h5, h6, .heading),
    #Hero-hero_KaTagB :is(h1, h2, h3, h4, h5, h6, .heading) *,
    #Hero-hero_KepmyR :is(h1, h2, h3, h4, h5, h6, .heading),
    #Hero-hero_KepmyR :is(h1, h2, h3, h4, h5, h6, .heading) *,
    .hero :is(h1, h2, h3, h4, h5, h6, .heading) {
      color: var(--hero-heading-color, inherit);
    }

    #Hero-hero_KaTagB :is(p, .rte p, span, li),
    #Hero-hero_KaTagB :is(p, .rte p, span, li) *,
    #Hero-hero_KepmyR :is(p, .rte p, span, li),
    #Hero-hero_KepmyR :is(p, .rte p, span, li) *,
    .hero :is(p, .rte p, span, li) {
      color: var(--hero-text-color, inherit);
    }

    /* ==========================================================================
   JUDGE.ME REVIEWS LUXURY STYLING SUITE
   Crisp Black/Dark Typography, High-Contrast "Write Review" Button, & Gold Stars
   ========================================================================== */

    /* 1. Global Judge.me Widget Typography (Dark Black/Charcoal) */
    #judgeme_product_reviews,
    #judgeme_product_reviews *,
    .jdgm-widget,
    .jdgm-widget *,
    .jdgm-rev-widg,
    .jdgm-rev-widg *,
    .jdgm-rev,
    .jdgm-rev *,
    .jdgm-rev__body,
    .jdgm-rev__body p,
    .jdgm-rev__title,
    .jdgm-rev__author,
    .jdgm-rev__timestamp,
    .jdgm-rev__buyer-badge,
    .jdgm-widget__header,
    .jdgm-widget__title,
    .jdgm-sub-header,
    .jdgm-sub-header *,
    .jdgm-row-actions,
    .jdgm-paginate,
    .jdgm-sort-dropdown,
    .jdgm-form input,
    .jdgm-form textarea,
    .jdgm-form label,
    .jdgm-all-reviews-rating-wrapper,
    .jdgm-all-reviews__body {
      color: #000000 !important;
      -webkit-text-fill-color: #000000 !important;
    }

    /* 2. High-Contrast "Write a Review" Button (White text on Forest Green) */
    a.jdgm-write-rev-link,
    a.jdgm-write-rev-link *,
    .jdgm-write-rev-link,
    .jdgm-write-rev-link *,
    .jdgm-widget a.jdgm-write-rev-link,
    .jdgm-widget a.jdgm-write-rev-link *,
    .jdgm-widget .jdgm-write-rev-link,
    .jdgm-widget .jdgm-write-rev-link * {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      font-weight: 700 !important;
      font-size: 13.5px !important;
      letter-spacing: 0.02em !important;
      padding: 11px 24px !important;
      border-radius: 9999px !important;
      border: 1px solid #1B4A12 !important;
      text-decoration: none !important;
      box-shadow: 0 4px 14px rgba(27, 74, 18, 0.22) !important;
      transition: all 0.2s ease !important;
      cursor: pointer !important;
    }

    a.jdgm-write-rev-link:hover,
    a.jdgm-write-rev-link:hover *,
    .jdgm-write-rev-link:hover,
    .jdgm-write-rev-link:hover *,
    .jdgm-widget a.jdgm-write-rev-link:hover {
      background-color: #13350C !important;
      background: #13350C !important;
      border-color: #13350C !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 6px 20px rgba(27, 74, 18, 0.32) !important;
    }

    /* 3. Preserve Brilliant Luxury Gold Stars (Do NOT turn black) */
    .jdgm-widget .jdgm-star,
    .jdgm-widget .jdgm-star:before,
    .jdgm-widget .jdgm-star.jdgm--on,
    .jdgm-widget .jdgm-star.jdgm--on:before,
    .jdgm-widget .jdgm-star.jdgm--half,
    .jdgm-widget .jdgm-prev-badge__stars .jdgm-star,
    .jdgm-star,
    .jdgm-star:before,
    .jdgm-star.jdgm--on,
    .jdgm-star.jdgm--on:before,
    .jdgm-prev-badge__stars .jdgm-star,
    .jdgm-histogram__star .jdgm-star,
    .jdgm-form__rating .jdgm-star {
      color: #D97706 !important;
      -webkit-text-fill-color: #D97706 !important;
      fill: #D97706 !important;
    }

    .jdgm-star.jdgm--off,
    .jdgm-star.jdgm--off:before,
    .jdgm-widget .jdgm-star.jdgm--off,
    .jdgm-widget .jdgm-star.jdgm--off:before {
      color: #D1D5DB !important;
      -webkit-text-fill-color: #D1D5DB !important;
      fill: #D1D5DB !important;
    }

    /* 4. Judge.me Form & Review Input Inputs Styling */
    .jdgm-form,
    .jdgm-form-wrapper {
      background: #FAFDF9 !important;
      border: 1px solid #DCE6DA !important;
      border-radius: 16px !important;
      padding: 24px !important;
      margin-top: 20px !important;
    }

    .jdgm-form input[type="text"],
    .jdgm-form input[type="email"],
    .jdgm-form textarea {
      background: #FFFFFF !important;
      border: 1px solid #D1D5DB !important;
      border-radius: 8px !important;
      color: #111827 !important;
      padding: 10px 14px !important;
    }

    .jdgm-form input[type="submit"],
    .jdgm-submit-rev {
      background: #1B4A12 !important;
      color: #FFFFFF !important;
      border-radius: 9999px !important;
      border: none !important;
      padding: 12px 28px !important;
      font-weight: 700 !important;
      cursor: pointer !important;
    }

    /* ==========================================================================
   EXECUTIVE HERO SECONDARY CTA & CART OVERLAY REPAIR
   ========================================================================== */

    /* Hero Banner Unlock VIP Button Contrast */
    .hw-hero-actions .bfcm-btn-secondary,
    .bfcm-btn-secondary {
      background: rgba(10, 28, 14, 0.88) !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
      font-weight: 700 !important;
      font-size: 14px !important;
      padding: 13px 26px !important;
      border-radius: 12px !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
      transition: all 0.25s ease !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .hw-hero-actions .bfcm-btn-secondary:hover,
    .bfcm-btn-secondary:hover {
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 8px 24px rgba(27, 74, 18, 0.45) !important;
    }

    /* ==========================================================================
   COLLECTION GRID MOBILE CUT-OFF REPAIR
   Fixes "Quick A" truncation and right card overflow on mobile screens
   ========================================================================== */
    @media (max-width: 768px) {
      .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-inline: 12px !important;
        margin: 0 !important;
      }

      .product-grid .product-grid__item,
      .product-grid .product-card,
      .product-card {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
      }

      .product-card .product-card__cta-wrapper,
      .product-card .hw-card-cta-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 4px 0 0 0 !important;
      }

      .product-card .product-card__standard-cta.hw-quick-add-btn {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 11px !important;
        padding: 0 4px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        min-height: 34px !important;
        height: 34px !important;
        letter-spacing: 0 !important;
        gap: 3px !important;
      }

      .product-card .product-card__standard-cta.hw-quick-add-btn .hw-quick-add-label {
        font-size: 11px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }

      .product-card .product-card__standard-cta.hw-quick-add-btn .hw-bolt-icon {
        font-size: 10px !important;
        flex-shrink: 0 !important;
      }
    }

    /* ==========================================================================
   PRODUCT PAGE (PDP) MOBILE SAFE MARGINS & ZERO CUT-OFF
   Fixes "16-Head" becoming "6-Head", "$" cut-off, and "Color:" becoming "olor:"
   ========================================================================== */
    @media screen and (max-width: 749px) {
      .product-information {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
      }

      .product-information__grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .product-information__media {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        order: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .product-details,
      .product-details>.group-block,
      .product-details .group-block-content,
      .product-details [class*="group-block"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        order: 1 !important;
      }

      .product-details * {
        box-sizing: border-box !important;
      }

      /* Guarantee Scroll-To-Top button does not collide on PDP mobile */
      body[data-template*="product"] #hwScrollToTop,
      body[data-template*="product"] .hw-scroll-top-btn,
      body:has(.product-information) #hwScrollToTop,
      body:has(.product-information) .hw-scroll-top-btn,
      body:has(.sticky-add-to-cart) #hwScrollToTop,
      body:has(.sticky-add-to-cart) .hw-scroll-top-btn {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
      }
    }

    /* ==========================================================================
   CART DRAWER & HEADER Z-INDEX HIERARCHY REPAIR
   Fixes "VIP Sale ends in..." announcement bar & header overlapping cart drawer
   ========================================================================== */
    #shopify-section-cart-drawer-section,
    .cart-drawer-section,
    theme-drawer,
    theme-drawer#cart-drawer,
    .theme-drawer__dialog,
    dialog.theme-drawer__dialog,
    #cart-drawer .theme-drawer__dialog {
      z-index: 9999999 !important;
    }

    body:has(#cart-drawer[open]) #header-group,
    body:has(#cart-drawer[open]) .header-section,
    body:has(#cart-drawer[open]) #header-component,
    body:has(#cart-drawer[open]) .hw-announcement-bar,
    body:has(#cart-drawer[open]) .bfcm-announcement-bar,
    body:has(#cart-drawer[open]) .hw-top-countdown,
    body:has(dialog.theme-drawer__dialog[open]) #header-group,
    body:has(dialog.theme-drawer__dialog[open]) .header-section,
    body:has(dialog.theme-drawer__dialog[open]) #header-component,
    body:has(dialog.theme-drawer__dialog[open]) .hw-announcement-bar,
    body:has(dialog.theme-drawer__dialog[open]) .bfcm-announcement-bar,
    body:has(dialog.theme-drawer__dialog[open]) .hw-top-countdown,
    body:has(theme-drawer[open]) #header-group,
    body:has(theme-drawer[open]) .header-section,
    body:has(theme-drawer[open]) #header-component,
    body:has(theme-drawer[open]) .hw-announcement-bar,
    body:has(theme-drawer[open]) .bfcm-announcement-bar,
    body:has(theme-drawer[open]) .hw-top-countdown,
    body.mobile-menu-is-open #header-group,
    body.mobile-menu-is-open .header-section,
    body.mobile-menu-is-open #header-component,
    body.mobile-menu-is-open .hw-announcement-bar,
    body.mobile-menu-is-open .bfcm-announcement-bar,
    body.mobile-menu-is-open .hw-top-countdown {
      z-index: 10 !important;
    }

    @media screen and (max-width: 749px) {

      .theme-drawer__dialog,
      dialog.theme-drawer__dialog,
      #cart-drawer .theme-drawer__dialog {
        width: 100% !important;
        max-width: 100% !important;
        inset-inline-start: 0 !important;
        inset-inline-end: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        height: 100dvh !important;
      }
    }

    /* ==========================================================================
   MOBILE MENU DRAWER & STICKY BOTTOM BAR CONCEALMENT (Z-Index Fix)
   ========================================================================== */
    .header-drawer,
    header-drawer,
    .menu-drawer,
    .menu-drawer-container,
    #Details-menu-drawer-container {
      z-index: 999999 !important;
    }

    .menu-drawer__backdrop,
    .header-drawer__backdrop {
      z-index: 999998 !important;
    }

    body.mobile-menu-is-open #hwMobileStickyBar,
    body.mobile-menu-is-open .hw-mobile-sticky-bar,
    body:has(#Details-menu-drawer-container[open]) #hwMobileStickyBar,
    body:has(#Details-menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(.menu-drawer-container[open]) #hwMobileStickyBar,
    body:has(.menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(theme-drawer[open]) #hwMobileStickyBar,
    body:has(dialog[open]) #hwMobileStickyBar,
    body:has(.theme-modal[open]) #hwMobileStickyBar,
    body.cart-drawer-is-open #hwMobileStickyBar,
    body.cart-drawer-open #hwMobileStickyBar {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    /* Scroll-to-Top Button Permanent Exclusion on Product Pages */
    body.template-product #hwScrollToTop,
    .product-template #hwScrollToTop,
    body:has(variant-picker) #hwScrollToTop,
    body:has(.product-information) #hwScrollToTop,
    body:has(.product-form) #hwScrollToTop {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    /* ==========================================================================
   STICKY ADD TO CART: FLAWLESS ALIGNMENT & MODAL SUPPRESSION
   ========================================================================== */
    /* Suppress sticky add to cart inside quick-add modal */
    quick-add-dialog sticky-add-to-cart,
    .quick-add-modal sticky-add-to-cart,
    #quick-add-dialog sticky-add-to-cart {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    /* Redesigned Floating Sticky Bar Container */
    .sticky-add-to-cart__bar {
      position: fixed !important;
      bottom: 20px !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      width: calc(100% - 32px) !important;
      max-width: 540px !important;
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 14px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
      display: flex !important;
      align-items: center !important;
      padding: 8px 12px !important;
      gap: 12px !important;
      z-index: 99999 !important;
      transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
      box-sizing: border-box !important;
    }

    .sticky-add-to-cart__image {
      width: 48px !important;
      height: 48px !important;
      min-width: 48px !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      background: #F8FAFC !important;
      border: 1px solid #E2E8F0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
    }

    .sticky-add-to-cart__image-img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }

    .sticky-add-to-cart__info {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      gap: 2px !important;
    }

    .sticky-add-to-cart__text-wrap {
      display: flex !important;
      flex-direction: column !important;
      gap: 1px !important;
      min-width: 0 !important;
      overflow: hidden !important;
    }

    .sticky-add-to-cart__title {
      font-size: 13px !important;
      font-weight: 700 !important;
      color: #0D1F12 !important;
      line-height: 1.25 !important;
      margin: 0 !important;
      padding: 0 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .sticky-add-to-cart__variant {
      font-size: 11.5px !important;
      font-weight: 500 !important;
      color: #64748B !important;
      line-height: 1.2 !important;
      margin: 0 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .sticky-add-to-cart__pricing-row {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      margin-top: 2px !important;
      flex-wrap: nowrap !important;
    }

    .sticky-add-to-cart__price {
      font-size: 14.5px !important;
      font-weight: 800 !important;
      color: #1B4A12 !important;
      line-height: 1 !important;
      margin: 0 !important;
      white-space: nowrap !important;
    }

    .sticky-add-to-cart__price * {
      color: #1B4A12 !important;
      font-weight: 800 !important;
    }

    .hw-sticky-deal-badge {
      display: inline-flex !important;
      align-items: center !important;
      padding: 2px 7px !important;
      background: #EDF7EE !important;
      color: #1B4A12 !important;
      border: 1px solid rgba(27, 74, 18, 0.22) !important;
      border-radius: 4px !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      letter-spacing: 0.03em !important;
      white-space: nowrap !important;
      line-height: 1.2 !important;
    }

    .sticky-add-to-cart__button {
      height: 42px !important;
      min-height: 42px !important;
      padding: 0 18px !important;
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      color: #FFFFFF !important;
      border: none !important;
      border-radius: 8px !important;
      font-weight: 700 !important;
      font-size: 13px !important;
      letter-spacing: 0.02em !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 6px !important;
      cursor: pointer !important;
      flex-shrink: 0 !important;
      box-shadow: 0 4px 12px rgba(27, 74, 18, 0.25) !important;
      transition: all 0.2s ease !important;
    }

    .sticky-add-to-cart__button:hover {
      background-color: #14370D !important;
      background: #14370D !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 6px 16px rgba(27, 74, 18, 0.35) !important;
    }

    .sticky-add-to-cart__button svg {
      width: 16px !important;
      height: 16px !important;
      fill: currentColor !important;
    }

    @media screen and (max-width: 749px) {
      .sticky-add-to-cart__bar {
        bottom: 12px !important;
        width: calc(100% - 20px) !important;
        padding: 7px 10px !important;
        gap: 8px !important;
      }

      .sticky-add-to-cart__image {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
      }

      .sticky-add-to-cart__title {
        font-size: 12px !important;
      }

      .sticky-add-to-cart__button {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
      }
    }

    /* ==========================================================================
   MOBILE MENU DRAWER: 100% VISIBLE & LUXURY DTC TYPOGRAPHY
   ========================================================================== */
    .menu-drawer,
    .menu-drawer * {
      box-sizing: border-box !important;
    }

    .menu-drawer__animated-element,
    .menu-drawer__navigation,
    .menu-drawer__menu,
    .menu-drawer__list-item {
      opacity: 1 !important;
      visibility: visible !important;
      animation: none !important;
      transform: none !important;
    }

    .menu-drawer {
      background: #FFFFFF !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      z-index: 999999 !important;
    }

    .menu-drawer__menu-item,
    .menu-drawer__menu-item--mainlist,
    .menu-drawer__menu-item--parent,
    .menu-drawer__menu-item-text,
    .menu-drawer__menu-item-text.wrap-text,
    .menu-drawer__navigation a,
    .menu-drawer__navigation summary {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      letter-spacing: -0.01em !important;
      color: #0D1F12 !important;
      text-decoration: none !important;
    }

    .menu-drawer__menu-item,
    .menu-drawer__menu-item--mainlist {
      padding: 13px 20px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      border-bottom: 1px solid #F1F5F9 !important;
      background: transparent !important;
      transition: background 0.15s ease, color 0.15s ease !important;
    }

    .menu-drawer__menu-item:hover,
    .menu-drawer__menu-item--mainlist:hover {
      background: #F8FAF9 !important;
      color: #1B4A12 !important;
    }

    .menu-drawer__list-item,
    .menu-drawer__list-item--divider,
    .menu-drawer__list-item--deep,
    .menu-drawer__list-item--flat {
      border-bottom: 1px solid #F1F5F9 !important;
      border-top: none !important;
      border-color: #F1F5F9 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Hide horizontal scrollbar in trending deals carousel */
    .menu-drawer__featured-content-list {
      scrollbar-width: none !important;
      -ms-overflow-style: none !important;
    }

    .menu-drawer__featured-content-list::-webkit-scrollbar {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
    }

    /* Currency pill button */
    .drawer-localization__button--label {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 12.5px !important;
      font-weight: 600 !important;
      color: #334155 !important;
      background: #F8FAFC !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 8px !important;
      padding: 6px 14px !important;
    }

    /* Drawer footer trust row & utility links (horizontal inline layout) */
    .hw-drawer-footer {
      padding: 16px 20px 24px 20px !important;
      background: #FFFFFF !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
    }

    .hw-drawer-trust-row {
      display: flex !important;
      flex-direction: column !important;
      gap: 8px !important;
      padding: 12px 14px !important;
      background: #F8FAF9 !important;
      border-radius: 10px !important;
      border: 1px solid #EDF2EB !important;
    }

    .hw-drawer-trust-item {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 12.5px !important;
      font-weight: 600 !important;
      color: #334155 !important;
    }

    .hw-drawer-trust-item svg {
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      flex-shrink: 0 !important;
      display: block !important;
      stroke: #1B4A12 !important;
      color: #1B4A12 !important;
    }

    .hw-drawer-util-btn {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
      padding: 10px 14px !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 8px !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      color: #1E293B !important;
      text-decoration: none !important;
      background: #FFFFFF !important;
      transition: all 0.15s ease !important;
    }

    .hw-drawer-util-btn svg {
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      flex-shrink: 0 !important;
      display: block !important;
      stroke: #1B4A12 !important;
      color: #1B4A12 !important;
    }

    .hw-drawer-util-btn:hover {
      background: #F8FAF9 !important;
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
    }

    /* Suppress all floating sticky elements when menu drawer is open */
    details#Details-menu-drawer-container[open]~* .hw-mobile-sticky-bar,
    details#Details-menu-drawer-container[open]~* .sticky-add-to-cart__bar,
    details#Details-menu-drawer-container[open]~* .section-halloween-countdown-strip,
    body:has(details#Details-menu-drawer-container[open]) .hw-mobile-sticky-bar,
    body:has(details#Details-menu-drawer-container[open]) .sticky-add-to-cart__bar,
    body:has(details#Details-menu-drawer-container[open]) .section-halloween-countdown-strip,
    body.mobile-menu-is-open .hw-mobile-sticky-bar,
    body.mobile-menu-is-open .sticky-add-to-cart__bar,
    body.mobile-menu-is-open .section-halloween-countdown-strip {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
      visibility: hidden !important;
    }

    /* ==========================================================================
   COLLECTION LIST "FIND THE RIGHT SOLUTION": 5-CARD DTC LAYOUT & ZERO COLLISION
   ========================================================================== */
    @media screen and (min-width: 990px) {

      .section-resource-list[data-testid="collection-list"] .resource-list,
      .ui-test-collection-list .resource-list,
      [id*="collection_list_j3CLQB"] .resource-list {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 16px !important;
        width: 100% !important;
      }
    }

    @media screen and (max-width: 749px) {

      .section-resource-list[data-testid="collection-list"] .resource-list,
      .ui-test-collection-list .resource-list,
      [id*="collection_list_j3CLQB"] .resource-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
      }

      /* 5th card spans full width in a spotlight banner format */
      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5),
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5),
      [id*="collection_list_j3CLQB"] .resource-list .resource-list__item:nth-child(5) {
        grid-column: 1 / -1 !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .collection-card .collection-card__inner,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .collection-card .collection-card__inner,
      [id*="collection_list_j3CLQB"] .resource-list .resource-list__item:nth-child(5) .collection-card .collection-card__inner {
        flex-direction: row !important;
        align-items: center !important;
        gap: 16px !important;
      }

      .section-resource-list[data-testid="collection-list"] .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap,
      .ui-test-collection-list .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap,
      [id*="collection_list_j3CLQB"] .resource-list .resource-list__item:nth-child(5) .bfcm-card-media-wrap {
        width: 90px !important;
        height: 90px !important;
        min-width: 90px !important;
        flex-shrink: 0 !important;
      }
    }

    /* Category Arrow Badge strictly on top-right of image well (never colliding with tags) */
    .bfcm-category-arrow-badge {
      position: absolute !important;
      top: 8px !important;
      right: 8px !important;
      width: 26px !important;
      height: 26px !important;
      min-width: 26px !important;
      min-height: 26px !important;
      border-radius: 50% !important;
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      color: #1B4A12 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
      z-index: 2 !important;
      transition: all 0.2s ease !important;
    }

    .collection-card:hover .bfcm-category-arrow-badge {
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
    }

    .collection-card:hover .bfcm-category-arrow-badge svg {
      stroke: #FFFFFF !important;
    }

    /* Category pill tag */
    .bfcm-category-tag-row {
      display: flex !important;
      align-items: center !important;
      position: static !important;
      width: 100% !important;
      margin-bottom: 2px !important;
    }

    .bfcm-category-tag {
      display: inline-block !important;
      width: auto !important;
      max-width: fit-content !important;
      background: #EDF7EE !important;
      color: #1B4A12 !important;
      border: 1px solid rgba(27, 74, 18, 0.2) !important;
      border-radius: 9999px !important;
      padding: 3px 8px !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      letter-spacing: 0.05em !important;
      text-transform: uppercase !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      margin: 0 !important;
    }

    /* ==========================================================================
   VARIANT PICKER BUTTONS: BULLETPROOF HOVER & ZERO PHANTOM RING
   ========================================================================== */
    .variant-option__button-label::before,
    .variant-option__button-label::after,
    .variant-option__button-label__pill {
      display: none !important;
      content: none !important;
      border: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
    }

    .variant-picker .variant-option__button-label {
      background: #FFFFFF !important;
      border: 1.5px solid #CBD5E1 !important;
      color: #1E293B !important;
      border-radius: 10px !important;
      transition: all 0.15s ease !important;
    }

    .variant-picker .variant-option__button-label * {
      color: #1E293B !important;
      -webkit-text-fill-color: #1E293B !important;
    }

    /* Hover state on unselected buttons: Light green background with dark green text */
    .variant-picker .variant-option__button-label:hover:not(.is-active):not(:has(input:checked)) {
      background-color: #F0FDF4 !important;
      background: #F0FDF4 !important;
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }

    .variant-picker .variant-option__button-label:hover:not(.is-active):not(:has(input:checked)) * {
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }

    /* Active / Checked state: Dark forest green with crisp white text */
    .variant-picker .variant-option__button-label.is-active,
    .variant-picker .variant-option__button-label:has(input:checked),
    .variant-picker .variant-option__button-label[aria-checked="true"] {
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      box-shadow: 0 4px 12px rgba(27, 74, 18, 0.28) !important;
    }

    .variant-picker .variant-option__button-label.is-active *,
    .variant-picker .variant-option__button-label:has(input:checked) *,
    .variant-picker .variant-option__button-label[aria-checked="true"] * {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      font-weight: 700 !important;
    }

    .variant-picker .variant-option__button-label.is-active:hover,
    .variant-picker .variant-option__button-label:has(input:checked):hover {
      background-color: #14370D !important;
      background: #14370D !important;
      border-color: #14370D !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }

    .variant-picker .variant-option__button-label.is-active:hover * {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }

    /* Sold out state: Clear muted styling */
    .variant-picker .variant-option__button-label:has([data-option-available="false"]):not(.is-active):not(:has(input:checked)),
    .variant-picker .variant-option__button-label.is-sold-out:not(.is-active):not(:has(input:checked)) {
      background-color: #F8FAFC !important;
      background: #F8FAFC !important;
      border: 1.5px dashed #CBD5E1 !important;
      color: #94A3B8 !important;
      -webkit-text-fill-color: #94A3B8 !important;
      opacity: 0.65 !important;
    }

    .variant-picker .variant-option__button-label:has([data-option-available="false"]):not(.is-active) *,
    .variant-picker .variant-option__button-label.is-sold-out:not(.is-active) * {
      color: #94A3B8 !important;
      -webkit-text-fill-color: #94A3B8 !important;
    }

    /* ==========================================================================
   STICKY ADD TO CART BAR: ROBUST VISIBILITY & LAYOUT ALIGNMENT
   ========================================================================== */
    /* Hide in quick-add modals */
    quick-add-dialog .sticky-add-to-cart,
    quick-add-dialog .sticky-add-to-cart__bar,
    .quick-add-modal .sticky-add-to-cart,
    .quick-add-modal .sticky-add-to-cart__bar {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .sticky-add-to-cart__bar {
      position: fixed !important;
      bottom: max(16px, env(safe-area-inset-bottom, 16px)) !important;
      left: 50% !important;
      transform: translateX(-50%) translateY(120%) !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 16px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
      padding: 8px 16px !important;
      max-width: 520px !important;
      width: calc(100% - 24px) !important;
      margin: 0 auto !important;
      box-sizing: border-box !important;
      z-index: 9999 !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
      opacity: 0;
      pointer-events: none;
    }

    .sticky-add-to-cart__bar[data-stuck="true"] {
      transform: translateX(-50%) translateY(0) !important;
      opacity: 1 !important;
      pointer-events: auto !important;
    }

    .sticky-add-to-cart__image {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      flex-shrink: 0 !important;
      border: 1px solid #EDF2EB !important;
      background: #F8FAF9 !important;
    }

    .sticky-add-to-cart__image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
    }

    .sticky-add-to-cart__info {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      min-width: 0 !important;
      flex: 1 1 auto !important;
      overflow: hidden !important;
      gap: 2px !important;
    }

    .sticky-add-to-cart__text-wrap {
      min-width: 0 !important;
      overflow: hidden !important;
    }

    .sticky-add-to-cart__title {
      font-size: 13px !important;
      font-weight: 700 !important;
      color: #0D1F12 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 180px !important;
      border: none !important;
      background: transparent !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.25 !important;
    }

    .sticky-add-to-cart__variant {
      font-size: 11px !important;
      color: #64748B !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 180px !important;
      line-height: 1.2 !important;
      margin: 0 !important;
    }

    .sticky-add-to-cart__pricing-row {
      display: none !important;
    }

    .sticky-add-to-cart__price {
      font-size: 15px !important;
      font-weight: 800 !important;
      color: #1B4A12 !important;
      white-space: nowrap !important;
      flex-shrink: 0 !important;
    }

    .sticky-add-to-cart__button {
      height: 40px !important;
      min-height: 40px !important;
      padding: 0 16px !important;
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      color: #FFFFFF !important;
      border-radius: 8px !important;
      font-weight: 700 !important;
      font-size: 13px !important;
      flex-shrink: 0 !important;
      border: none !important;
      cursor: pointer !important;
      box-shadow: 0 4px 12px rgba(27, 74, 18, 0.25) !important;
      transition: all 0.2s ease !important;
    }

    .sticky-add-to-cart__button:hover {
      background-color: #14370D !important;
      background: #14370D !important;
      transform: translateY(-1px) !important;
    }

    /* ==========================================================================
   SLIDESHOW & HERO BANNER DYNAMIC COLORS (THEME EDITOR CONTROL)
   ========================================================================== */
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) *,
    [id*="slideshow"] .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    [id*="slideshow"] .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) *,
    .section-slideshow .slide__content :is(h1, h2, h3, h4, h5, h6, .heading),
    .section-slideshow .slide__content :is(h1, h2, h3, h4, h5, h6, .heading) * {
      color: var(--slide-heading-color, var(--slideshow-heading-color, #FFFFFF)) !important;
      text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55) !important;
    }

    .slide__content :is(p, .rte p, span:not(.hw-pill-text)),
    .slide__content :is(p, .rte p, span:not(.hw-pill-text)) *,
    [id*="slideshow"] .slide__content :is(p, .rte p, span:not(.hw-pill-text)),
    [id*="slideshow"] .slide__content :is(p, .rte p, span:not(.hw-pill-text)) *,
    .section-slideshow .slide__content :is(p, .rte p),
    .section-slideshow .slide__content :is(p, .rte p) * {
      color: var(--slide-text-color, var(--slideshow-text-color, #F3F4F6)) !important;
      text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) !important;
    }



    /* ==========================================================================
   HEALTENCE LUXURY SUITE DEFINITIVE OVERRIDES (CATEGORY, DRAWER, ATC, VARIANTS)
   ========================================================================== */

    /* 1. COLLECTION CATEGORY CARDS DEFINITIVE SUITE */
    .bfcm-luxury-collection-card.collection-card,
    [id*="collection_list"] .collection-card {
      background: #FFFFFF !important;
      border-radius: 18px !important;
      border: 1.5px solid #E2E8F0 !important;
      padding: 12px 12px 14px 12px !important;
      box-shadow: 0 4px 16px rgba(13, 31, 18, 0.04) !important;
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      position: relative !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      height: 100% !important;
      cursor: pointer !important;
    }

    .bfcm-luxury-collection-card.collection-card:hover,
    [id*="collection_list"] .collection-card:hover {
      transform: translateY(-4px) !important;
      border-color: #1B4A12 !important;
      box-shadow: 0 16px 32px rgba(27, 74, 18, 0.12), 0 0 0 1px #1B4A12 !important;
    }

    .bfcm-luxury-collection-card .collection-card__inner,
    [id*="collection_list"] .collection-card .collection-card__inner {
      display: flex !important;
      flex-direction: column !important;
      height: 100% !important;
      width: 100% !important;
      justify-content: space-between !important;
      pointer-events: none !important;
      gap: 0 !important;
    }

    .bfcm-luxury-collection-card .bfcm-card-stage,
    [id*="collection_list"] .bfcm-card-stage {
      position: relative !important;
      width: 100% !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      background: linear-gradient(180deg, #F8FAF8 0%, #EFF5EE 100%) !important;
      border: 1px solid rgba(27, 74, 18, 0.06) !important;
      background: #F1F5F0 !important;
      border: 1px solid rgba(27, 74, 18, 0.08) !important;
      aspect-ratio: 1 / 1 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-sizing: border-box !important;
      padding: 12px !important;
      padding: 0 !important;
      transition: background 0.3s ease !important;
    }

    .bfcm-luxury-collection-card:hover .bfcm-card-stage,
    [id*="collection_list"] .collection-card:hover .bfcm-card-stage {
      background: linear-gradient(180deg, #F2F7F1 0%, #E5EFE4 100%) !important;
      background: #E5EFE4 !important;
    }

    .bfcm-luxury-collection-card .bfcm-card-tag-pill,
    [id*="collection_list"] .bfcm-card-tag-pill {
      position: absolute !important;
      top: 8px !important;
      left: 8px !important;
      z-index: 3 !important;
      top: 10px !important;
      left: 10px !important;
      z-index: 4 !important;
      display: inline-flex !important;
      align-items: center !important;
      background: rgba(255, 255, 255, 0.95) !important;
      background: rgba(255, 255, 255, 0.92) !important;
      backdrop-filter: blur(6px) !important;
      -webkit-backdrop-filter: blur(6px) !important;
      color: #1B4A12 !important;
      border: 1px solid rgba(27, 74, 18, 0.18) !important;
      border: 1px solid rgba(27, 74, 18, 0.2) !important;
      border-radius: 9999px !important;
      padding: 3px 7px !important;
      padding: 3.5px 8.5px !important;
      font-size: 9.5px !important;
      font-weight: 700 !important;
      font-weight: 750 !important;
      letter-spacing: 0.05em !important;
      text-transform: uppercase !important;
      line-height: 1.1 !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
      white-space: nowrap !important;
    }

    .bfcm-luxury-collection-card .bfcm-card-circle-arrow,
    [id*="collection_list"] .bfcm-card-circle-arrow {
      position: absolute !important;
      top: 8px !important;
      right: 8px !important;
      z-index: 3 !important;
      width: 28px !important;
      height: 28px !important;
      min-width: 28px !important;
      min-height: 28px !important;
      top: 10px !important;
      right: 10px !important;
      z-index: 4 !important;
      width: 30px !important;
      height: 30px !important;
      min-width: 30px !important;
      min-height: 30px !important;
      border-radius: 50% !important;
      background: #FFFFFF !important;
      background: rgba(255, 255, 255, 0.92) !important;
      backdrop-filter: blur(6px) !important;
      -webkit-backdrop-filter: blur(6px) !important;
      border: 1px solid #E2E8F0 !important;
      color: #1B4A12 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .bfcm-luxury-collection-card:hover .bfcm-card-circle-arrow,
    [id*="collection_list"] .collection-card:hover .bfcm-card-circle-arrow {
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
      transform: scale(1.08) !important;
    }

    .bfcm-luxury-collection-card:hover .bfcm-card-circle-arrow svg,
    [id*="collection_list"] .collection-card:hover .bfcm-card-circle-arrow svg {
      stroke: #FFFFFF !important;
    }

    .bfcm-luxury-collection-card .bfcm-card-img-holder,
    .bfcm-luxury-collection-card .collection-card__image,
    .bfcm-luxury-collection-card .resource-image,
    .bfcm-luxury-collection-card picture,
    [id*="collection_list"] .collection-card .bfcm-card-img-holder {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      position: relative !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }

    .bfcm-luxury-collection-card .bfcm-card-img-holder img,
    .bfcm-luxury-collection-card .collection-card__image img,
    .bfcm-luxury-collection-card .resource-image img,
    [id*="collection_list"] .collection-card img {
      width: 100% !important;
      height: 100% !important;
      max-width: 82% !important;
      max-height: 82% !important;
      object-fit: contain !important;
      mix-blend-mode: multiply !important;
      filter: drop-shadow(0 4px 12px rgba(13, 31, 18, 0.08)) !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
      mix-blend-mode: normal !important;
      filter: none !important;
      border-radius: 14px !important;
      display: block !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .bfcm-luxury-collection-card:hover .bfcm-card-img-holder img,
    .bfcm-luxury-collection-card:hover .collection-card__image img,
    .bfcm-luxury-collection-card:hover .resource-image img,
    [id*="collection_list"] .collection-card:hover img {
      transform: scale(1.08) translateY(-2px) !important;
      filter: drop-shadow(0 8px 18px rgba(13, 31, 18, 0.14)) !important;
      transform: scale(1.06) !important;
      filter: none !important;
    }

    .bfcm-luxury-collection-card .bfcm-card-heading,
    [id*="collection_list"] .bfcm-card-heading {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 14.5px !important;
      font-weight: 750 !important;
      color: #0D1F12 !important;
      line-height: 1.25 !important;
      margin: 0 0 3px 0 !important;
      letter-spacing: -0.015em !important;
    }

    .bfcm-luxury-collection-card .bfcm-card-description,
    [id*="collection_list"] .bfcm-card-description {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 11.5px !important;
      color: #64748B !important;
      line-height: 1.35 !important;
      margin: 0 0 8px 0 !important;
      min-height: 31px !important;
    }

    .bfcm-luxury-collection-card .bfcm-solution-badge,
    [id*="collection_list"] .bfcm-solution-badge {
      display: inline-flex !important;
      align-items: center !important;
      gap: 5px !important;
      background: #EDF7EE !important;
      color: #1B4A12 !important;
      border-radius: 9999px !important;
      padding: 2.5px 8px !important;
      font-size: 10.5px !important;
      font-weight: 600 !important;
    }

    .bfcm-luxury-collection-card .bfcm-badge-dot,
    [id*="collection_list"] .bfcm-badge-dot {
      width: 5px !important;
      height: 5px !important;
      border-radius: 50% !important;
      background: #1B4A12 !important;
    }

    .bfcm-luxury-collection-card .bfcm-shop-cta,
    [id*="collection_list"] .bfcm-shop-cta {
      display: inline-flex !important;
      align-items: center !important;
      gap: 3px !important;
      font-size: 11.5px !important;
      font-weight: 750 !important;
      color: #1B4A12 !important;
    }

    /* 2. MOBILE MENU DRAWER DEFINITIVE CLEAN TYPOGRAPHY (Eliminate serif & harsh black lines) */
    .menu-drawer,
    .menu-drawer *,
    .header-drawer,
    .header-drawer * {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    }

    .menu-drawer__menu-item--mainlist,
    .menu-drawer__menu-item--parent,
    .menu-drawer__menu-item,
    .menu-drawer__menu-item-text,
    .menu-drawer__menu-item-text.wrap-text,
    .menu-drawer a.menu-drawer__menu-item {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      line-height: 1.35 !important;
      color: #0D1F12 !important;
      text-decoration: none !important;
      letter-spacing: -0.01em !important;
      padding: 13px 20px !important;
      min-height: unset !important;
    }

    .menu-drawer__list-item,
    .menu-drawer__list-item--divider,
    .menu-drawer__list-item--deep,
    .menu-drawer__list-item--flat,
    .menu-drawer__menu-container--divider,
    .menu-drawer__menu-container {
      border-bottom: 1px solid #F1F5F9 !important;
      border-top: none !important;
      border-color: #F1F5F9 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .menu-drawer__menu-item:hover,
    .menu-drawer__menu-item--mainlist:hover {
      background: #F8FAF9 !important;
      color: #1B4A12 !important;
    }

    /* 3. VARIANT BUTTON CONTRAST & ACCESSIBILITY */
    .variant-picker .variant-option__button-label.is-active,
    .variant-picker .variant-option__button-label:has(input:checked),
    .variant-picker .variant-option__button-label[aria-checked="true"],
    .variant-option--buttons .variant-option__button-label:has(input:checked) {
      background-color: #1B4A12 !important;
      background: #1B4A12 !important;
      border-color: #1B4A12 !important;
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }

    .variant-picker .variant-option__button-label.is-active *,
    .variant-picker .variant-option__button-label:has(input:checked) *,
    .variant-picker .variant-option__button-label[aria-checked="true"] *,
    .variant-option--buttons .variant-option__button-label:has(input:checked) * {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      font-weight: 700 !important;
    }

    .variant-picker .variant-option__button-label:hover:not(.is-active):not(:has(input:checked)) {
      background-color: #F0FDF4 !important;
      background: #F0FDF4 !important;
      border-color: #1B4A12 !important;
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }

    .variant-picker .variant-option__button-label:hover:not(.is-active):not(:has(input:checked)) * {
      color: #1B4A12 !important;
      -webkit-text-fill-color: #1B4A12 !important;
    }


    /* ==========================================================================
   DEFINITIVE MOBILE HORIZONTAL OVERFLOW PREVENTION SUITE (ZERO HORIZONTAL SCROLL)
   ========================================================================== */
    @media screen and (min-width: 990px) {
      .page-wrapper {
        height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
      }
    }

    @media screen and (max-width: 989px) {

      html,
      body {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .page-wrapper,
      #MainContent,
      main,
      .content-for-layout {
        overflow-x: clip !important;
        max-width: 100vw !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
    }

    @media screen and (max-width: 749px) {

      /* 1. Header Grid Containment (Prevent phantom 4th column causing horizontal scroll) */
      .header__row {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
      }

      #header-component[data-menu-style='drawer'] .header__columns,
      .header__columns {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        padding-inline: 12px !important;
      }

      /* 2. Announcement Bar Containment */
      .hw-announcement-bar,
      .bfcm-announcement-bar {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        padding: 6px 8px !important;
      }

      .hw-announcement-inner {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        padding-inline: 4px !important;
      }

      .hw-announcement-slider,
      .hw-announcement-slide {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
      }

      .hw-announcement-slide span {
        white-space: normal !important;
        text-align: center !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
      }

      /* 3. Hero Static Pill Width Containment */
      .hw-hero-static-pill,
      .hw-hero-static-pill.bfcm-hero-pill {
        max-width: calc(100vw - 28px) !important;
        box-sizing: border-box !important;
        padding: 5px 10px !important;
        gap: 6px !important;
        white-space: normal !important;
      }

      .hw-hero-static-pill .hw-pill-text {
        font-size: 9.5px !important;
        letter-spacing: 0.03em !important;
        white-space: normal !important;
        text-align: center !important;
        line-height: 1.25 !important;
      }

      /* 4. Sticky Add to Cart PDP Bar Layout & Containment */
      .sticky-add-to-cart__bar {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(120%) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        padding: 8px 12px !important;
      }

      .sticky-add-to-cart__bar[data-stuck="true"] {
        transform: translateX(-50%) translateY(0) !important;
      }

      .sticky-add-to-cart__info {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
      }

      .sticky-add-to-cart__button {
        flex-shrink: 0 !important;
        min-width: 44px !important;
      }

      .hw-sticky-deal-badge {
        display: none !important;
      }
    }


    /* ==========================================================================
   MOBILE MENU DRAWER: 100% FULL SCREEN & HIGH-VISIBILITY CLOSE BUTTON SUITE
   ========================================================================== */

    /* 1. Full Screen Viewport Dimensions (Puri Screen Par Khule) */
    @media screen and (max-width: 749px) {

      .menu-drawer,
      .menu-drawer-container .menu-drawer,
      #Details-menu-drawer-container .menu-drawer,
      .header-drawer .menu-drawer {
        width: 100vw !important;
        max-width: 100vw !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100dvh !important;
        height: 100vh !important;
        min-height: 100% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        inset: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        box-sizing: border-box !important;
        background-color: #FFFFFF !important;
        background: #FFFFFF !important;
        z-index: 2147483647 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
      }

      .menu-drawer__submenu {
        width: 100vw !important;
        max-width: 100vw !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100dvh !important;
        height: 100vh !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        inset: 0 !important;
        z-index: 2147483647 !important;
        background: #FFFFFF !important;
        overflow-y: auto !important;
      }
    }

    /* 2. Hide Announcement Bar completely when Menu Drawer is Open (Zero Occlusion) */
    body:has(#Details-menu-drawer-container[open]) .hw-announcement-bar,
    body:has(#Details-menu-drawer-container[open]) .bfcm-announcement-bar,
    body:has(#Details-menu-drawer-container.menu-open) .hw-announcement-bar,
    body:has(#Details-menu-drawer-container.menu-open) .bfcm-announcement-bar,
    body:has(.menu-drawer-container[open]) .hw-announcement-bar,
    body:has(.menu-open) .hw-announcement-bar,
    body:has(.menu-open) .bfcm-announcement-bar,
    body.mobile-menu-is-open .hw-announcement-bar,
    body.mobile-menu-is-open .bfcm-announcement-bar,
    body.mobile-menu-is-open .hw-top-countdown {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    /* 3. Sticky Top Branded Bar with High-Affordance Close (X) Button */
    .hw-drawer-header {
      position: sticky !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 9999999 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 14px 20px !important;
      background: #FFFFFF !important;
      border-bottom: 1.5px solid #E2E8F0 !important;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    .hw-drawer-brand {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      text-decoration: none !important;
    }

    .hw-drawer-brand-name {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
      font-size: 17px !important;
      font-weight: 800 !important;
      letter-spacing: 0.06em !important;
      color: #0D1F12 !important;
      line-height: 1 !important;
    }

    .hw-drawer-brand-dot {
      width: 7px !important;
      height: 7px !important;
      border-radius: 50% !important;
      background: #1B4A12 !important;
      display: inline-block !important;
    }

    /* 4. Obvious Circular Close Button */
    .hw-drawer-close-btn,
    .menu-drawer__close-button.hw-drawer-close-btn {
      width: 40px !important;
      height: 40px !important;
      min-width: 40px !important;
      min-height: 40px !important;
      border-radius: 50% !important;
      background: #F1F5F9 !important;
      border: 1.5px solid #CBD5E1 !important;
      color: #0F172A !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      cursor: pointer !important;
      padding: 0 !important;
      transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
      -webkit-tap-highlight-color: transparent !important;
      flex-shrink: 0 !important;
    }

    .hw-drawer-close-btn:hover,
    .hw-drawer-close-btn:active {
      background: #E2E8F0 !important;
      border-color: #94A3B8 !important;
      color: #000000 !important;
      transform: scale(1.08) !important;
    }

    .hw-drawer-close-btn svg {
      width: 22px !important;
      height: 22px !important;
      stroke: #0F172A !important;
      stroke-width: 2.5 !important;
      display: block !important;
    }