#fw-section-hero-0 {
--font-heading-scale: 1.36;
--font-body-scale: 1.0;
}
#fw-section-hero-0 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
@media (max-width: 480px) {
  /* Already in place — keeping as-is */
  .section-background__image {
    background-position: 75% center !important;
    background-size: cover !important;
  }

  /* Stronger gradient overlay for legibility + designed feel */
  .section-background__overlay {
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0.75) 0%,
      rgba(0,0,0,0.35) 40%,
      rgba(0,0,0,0.35) 65%,
      rgba(0,0,0,0.8) 100%
    ) !important;
    opacity: 1 !important;
  }

  /* Review line — badge treatment + tighter one-liner */
  .hero__top-text {
    white-space: nowrap !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    display: inline-block !important;
    background: rgba(0,0,0,0.4) !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    margin-bottom: 16px !important;
  }

  /* Headline — more breathing room above/below */
  .hero__heading {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    line-height: 1.15 !important;
  }

  /* Subtext spacing */
  .hero__text {
    margin-bottom: 24px !important;
  }

  /* CTA container — more bottom padding so buttons don't crowd the image edge */
  .hero__cta-container {
    padding-bottom: 24px !important;
    gap: 10px !important;
  }

  /* Primary CTA — make it the dominant action with brand color */
  .hero__cta:first-child a,
  .hero__cta:first-child button {
    background-color: #ffffff !important; /* mustard — swap to your exact hex if different */
    color: #1a1a1a !important;
    border: none !important;
    font-weight: 700 !important;
  }

  /* Secondary CTA — smaller, quieter, outline stays but less visual weight */
  .hero__cta:last-child a,
  .hero__cta:last-child button {
    font-size: 13px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-color: rgba(255,255,255,0.6) !important;
  }
}
}







#fw-section-announcement-bar-575ac8dc-9aa6-4b13-add8-df056430cd5f {
--font-heading-scale: 0.7;
--font-body-scale: 1.2;
}
#fw-section-announcement-bar-575ac8dc-9aa6-4b13-add8-df056430cd5f {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
@media (max-width: 480px) {
  .announcement-bar__label {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    display: block !important;
  }

  .announcement-bar__inner {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
}
#fw-section-header {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-announcement-bar-d6b2cff1-159a-42cc-bd52-b01a9a3fdbbc {
--font-heading-scale: 1.36;
--font-body-scale: 1.09;
}
#fw-section-announcement-bar-d6b2cff1-159a-42cc-bd52-b01a9a3fdbbc {
--color-primary: #c04c1b;
--color-primary-rgb: 192, 76, 27;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #c80000;
--color-on-background-rgb: 200, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #c80000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #c04c1b;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #c80000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #c80000;
--secondary-btn-border-color: #c80000;
@media (max-width: 480px) {
  .countdown__inline {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .countdown__label {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }

  [data-countdown="live"] {
    white-space: nowrap !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }
}
}