/* =========================================================
   GLOBAL RESET
   Base page reset and shared theme variables.
   ========================================================= */

   * {
    box-sizing: border-box;
  }
  
  html,
  body {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  body {
    font-family: var(--theme-font-main);
    background: var(--theme-page-bg);
  }
  
  :root {
    /* =========================================================
       MASTER THEME CONTROLS
       Change colors here to recolor the page.
       ========================================================= */
  
    /* Font */
    --theme-font-main: Arial, sans-serif;
  
    /* Main brand palette */
    --theme-primary: #00267F;
    --theme-primary-light: #123d9c;
    --theme-primary-soft: #eef3ff;
    --theme-primary-softer: #f5f8ff;
    --theme-primary-rgb: 0, 38, 127;
  
    /* Accent palette */
    --theme-accent: #d6b45a;
    --theme-accent-rgb: 214, 180, 90;
    --theme-border-soft: #9aadd8;
  
    /* Text palette */
    --theme-text-main: #1f1f1f;
    --theme-text-strong: #111111;
    --theme-text-muted: #555555;
    --theme-text-soft: #6b7280;
    --theme-text-card: #444444;
    --theme-text-disclaimer-title: #444444;
    --theme-text-disclaimer: #666666;
    --theme-text-on-dark: #ffffff;
  
    /* Page and section backgrounds */
    --theme-page-bg: #ffffff;
    --theme-header-bg: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-light));
    --theme-packages-bg: #ffffff;
    --theme-how-apply-bg: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-light));
    --theme-guarantee-bg: linear-gradient(135deg, #2f3033, #17181b);
    --theme-disclaimer-bg: var(--theme-primary-soft);
  
    /* Cards, buttons, and surfaces */
    --theme-card-bg: #ffffff;
    --theme-card-highlight-bg: var(--theme-primary-softer);
    --theme-card-border: #d8deea;
    --theme-button-secondary-bg: #e5e7eb;
    --theme-button-secondary-text: #1f2937;
  
    /* Reusable visual effects */
    --theme-soft-card-gradient: linear-gradient(135deg, var(--theme-primary-soft), var(--theme-card-bg));
  }
  
  
  /* =========================================================
     PAGE HEADER
     Top brand/product title.
     ========================================================= */
  
  .page-header {
    width: 100%;
    background: var(--theme-header-bg);
    text-align: center;
    padding: 12px 16px 8px;
    font-family: var(--theme-font-main);
  }
  
  .page-header h1 {
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--theme-text-on-dark);
    letter-spacing: -0.3px;
  }
  
  .header-divider {
    width: 100%;
    max-width: 360px;
    height: 4px;
    background: var(--theme-accent);
    margin: 6px auto 0;
    border-radius: 2px;
  }
  
  @media (max-width: 768px) {
    .page-header {
      padding: 10px 12px 6px;
    }
  
    .page-header h1 {
      font-size: 28px;
    }
  
    .header-divider {
      max-width: 240px;
    }
  }
  
  
  /* =========================================================
   IMAGE CAROUSEL SECTION
   Main visual story carousel near the top of the page.
   Desktop uses 990px visual width.
   Mobile portrait uses full screen width.
   Mobile landscape is constrained to avoid cropping.
   ========================================================= */

.image-carousel-section {
  width: 100%;
  max-width: 990px;
  margin: 28px auto;
  padding: 0 16px;
  text-align: center;
  font-family: var(--theme-font-main);
}

.image-carousel__headline {
  max-width: 820px;
  min-height: 70px;
  margin: 0 auto 22px;
  color: var(--theme-text-strong);
  font-size: 28px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -0.3px;
  opacity: 1;
  transition: opacity 0.75s ease-in-out;

  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.image-carousel__highlight {
  display: inline;
  color: var(--theme-primary);
  font-weight: 900;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 2px rgba(0, 0, 0, 0.30),
    0 0 8px rgba(var(--theme-primary-rgb), 0.35),
    0 0 14px rgba(var(--theme-primary-rgb), 0.25);
}

.image-carousel__wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 18px;
  touch-action: pan-y;
  cursor: pointer;
  background: transparent;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.image-carousel__image {
  width: 100%;
  aspect-ratio: 3 / 2;
  height: auto;
  object-fit: cover;
  object-position: center center;
  display: block;
  border-radius: 18px;
  opacity: 1;
  transition: opacity 0.75s ease-in-out;
  border: 0;
  background: transparent;
}


/* Image carousel arrows */

.image-carousel__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: var(--theme-primary);
  font-size: 80px;
  line-height: 1;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.image-carousel__arrow--left {
  left: 18px;
}

.image-carousel__arrow--right {
  right: 18px;
}

.image-carousel__wrapper:hover .image-carousel__arrow {
  opacity: 0.9;
}

.image-carousel__wrapper:hover .image-carousel__arrow:hover {
  transform: translateY(-50%) scale(1.1);
}


/* =========================================================
   IMAGE CAROUSEL - MOBILE PORTRAIT
   Makes the carousel image visually larger on normal phone view.
   ========================================================= */

@media (max-width: 768px) and (orientation: portrait) {
  .image-carousel-section {
    width: 100vw;
    max-width: none;
    margin: 24px calc(50% - 50vw);
    padding: 0;
  }

  .image-carousel__headline {
    width: calc(100% - 24px);
    height: 104px;
    min-height: 104px;
    max-width: 680px;
    font-size: 24px;
    line-height: 1.25;
    margin: 0 auto 18px;
    padding: 0 4px;
  }

  .image-carousel__wrapper {
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  }

  .image-carousel__image {
    aspect-ratio: 3 / 2;
    border-radius: 16px;
    object-fit: cover;
    object-position: center center;
  }

  .image-carousel__arrow {
    font-size: 64px;
    opacity: 0.75;
  }
}


/* =========================================================
   IMAGE CAROUSEL - MOBILE LANDSCAPE
   Width-based landscape layout.
   Keeps the carousel visually large without shrinking it
   based on viewport height.
   ========================================================= */

   @media (max-width: 1024px) and (max-height: 560px) and (orientation: landscape) {
    .image-carousel-section {
      width: 100vw;
      max-width: none;
      margin: 10px calc(50% - 50vw) 18px;
      padding: 0 8px;
    }
  
    .image-carousel__headline {
      height: auto;
      min-height: 0;
      max-width: 760px;
      font-size: 18px;
      line-height: 1.18;
      margin: 0 auto 8px;
      padding: 0 8px;
    }
  
    .image-carousel__wrapper {
      width: clamp(560px, 79vw, 740px);
      max-width: calc(100vw - 16px);
      aspect-ratio: 3 / 2;
      margin: 0 auto;
      border-radius: 14px;
      background: transparent;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
      overflow: hidden;
    }
  
    .image-carousel__image {
      width: 100%;
      height: 100%;
      aspect-ratio: auto;
      object-fit: cover;
      object-position: center center;
      border-radius: 14px;
      background: transparent;
    }
  
    .image-carousel__arrow {
      font-size: 52px;
      opacity: 0.75;
    }
  }
  
  
  /* =========================================================
   PACKAGES SECTION
   Main offer block with dominant product images, package cards,
   timer, mobile infinite carousel, and reinforcement text.
   ========================================================= */

.packs-section {
  width: 100%;
  background: var(--theme-packages-bg);
  padding: 28px 16px 30px;
  font-family: var(--theme-font-main);
  text-align: center;
  overflow: hidden;
}

.packs-section__title {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--theme-text-main);
}

.packs-section__subtitle {
  margin: 8px auto 14px;
  max-width: 620px;
  font-size: 16px;
  line-height: 1.45;
  color: var(--theme-text-muted);
}


/* -------------------------
   Package timer
   ------------------------- */

.packs-timer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto 22px;
  padding: 9px 18px;
  border-radius: 999px;
  background: var(--theme-primary-soft);
  border: 1px solid rgba(var(--theme-primary-rgb), 0.16);
  box-shadow: 0 5px 16px rgba(var(--theme-primary-rgb), 0.10);
}

.packs-timer__label {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--theme-text-main);
}

.packs-timer__time {
  display: inline-block;
  min-width: 64px;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  color: var(--theme-primary);
  letter-spacing: 0.6px;
  text-shadow:
    0 0 6px rgba(var(--theme-primary-rgb), 0.18),
    0 1px 2px rgba(0, 0, 0, 0.18);
  animation: timerPulse 1.4s infinite ease-in-out;
}

@keyframes timerPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.05);
    opacity: 0.88;
  }

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


/* -------------------------
   Package carousel wrapper
   ------------------------- */

.packs-carousel {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 16px;
}

.packs-row {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: stretch;
  position: relative;
}


/* -------------------------
   Package cards
   ------------------------- */

.pack-card {
  position: relative;
  flex: 1 1 350px;
  max-width: 410px;
  min-width: 0;
  background: var(--theme-card-bg);
  border: 1px solid var(--theme-card-border);
  border-radius: 16px;
  padding: 18px 18px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 22px rgba(var(--theme-primary-rgb), 0.08);
}

.pack-card--popular {
  background: var(--theme-primary-softer);
  border: 2px solid var(--theme-primary);
  transform: scale(1.035);
  z-index: 2;
}

.pack-card__badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--theme-primary);
  color: var(--theme-text-on-dark);
  padding: 6px 16px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.pack-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pack-card__title {
  margin: 8px 0 8px;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 900;
  color: var(--theme-text-main);
}


/* -------------------------
   Product image area
   This is intentionally not a placeholder box.
   It gives visual priority to the product image.
   ------------------------- */

.pack-card__image-wrap {
  width: 100%;
  height: 235px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  overflow: visible;
}

.pack-card__image-wrap--quad {
  height: 230px;
}

.pack-card__product-image {
  display: block;
  height: auto;
  object-fit: contain;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  max-width: none;
  max-height: none;
}

.pack-card__product-image--single {
  width: 118%;
}

.pack-card__product-image--double {
  width: 118%;
}

.pack-card__product-image--quad {
  width: 100%;
}


/* -------------------------
   Package price and savings
   ------------------------- */

.pack-card__price {
  font-size: 48px;
  line-height: 1;
  font-weight: 900;
  color: var(--theme-text-main);
  margin-top: 2px;
}

.pack-card__price--main {
  font-size: 56px;
  color: var(--theme-primary);
}

.pack-card__currency {
  font-size: 26px;
  vertical-align: 15px;
  margin-right: 1px;
}

.pack-card__price-note {
  margin-top: 4px;
  font-size: 14px;
  color: var(--theme-text-muted);
}

.pack-card__total {
  margin: 14px 0 4px;
  font-size: 16px;
  font-weight: 800;
  color: var(--theme-text-main);
}

.pack-card__saving {
  margin: 4px 0;
  font-size: 18px;
  font-weight: 900;
  color: var(--theme-primary);
}

.pack-card__saving--strong {
  font-size: 20px;
}

.pack-card__discount {
  margin: 4px 0 10px;
  font-size: 15px;
  color: var(--theme-text-soft);
}


/* -------------------------
   Best-value feature list
   ------------------------- */

.pack-card__features {
  list-style: none;
  padding: 0;
  margin: 12px 0 4px;
  font-size: 15px;
  line-height: 1.45;
  color: var(--theme-primary);
  font-weight: 800;
}

.pack-card__features li::before {
  content: "✔ ";
}


/* -------------------------
   Package CTA buttons
   ------------------------- */

.pack-card__bottom {
  margin-top: auto;
  padding-top: 18px;
}

.pack-card__button {
  display: block;
  width: 100%;
  background: var(--theme-button-secondary-bg);
  color: var(--theme-button-secondary-text);
  padding: 15px 14px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 900;
  font-size: 16px;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.pack-card__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(var(--theme-primary-rgb), 0.18);
}

.pack-card__button--main {
  background: var(--theme-primary);
  color: var(--theme-text-on-dark);
}

.pack-card__button--main:hover {
  background: var(--theme-primary-light);
  transform: translateY(-2px);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.28),
    0 0 0 2px rgba(var(--theme-accent-rgb), 0.22);
}


/* -------------------------
   Package arrows hidden on desktop
   ------------------------- */

.packs-arrow {
  display: none;
}


/* -------------------------
   Post-package rotating text
   ------------------------- */

.packs-reinforcement {
  max-width: 760px;
  margin: 24px auto 0;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--theme-primary-soft);
  border: 1px solid rgba(var(--theme-primary-rgb), 0.12);
}

.packs-reinforcement__text {
  min-height: 22px;
  margin: 0;
  color: var(--theme-primary);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 800;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.packs-section__note {
  max-width: 760px;
  margin: 14px auto 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--theme-text-muted);
  font-weight: 500;
}


/* =========================================================
   PACKAGES SECTION - MOBILE
   Circular visual carousel with dominant product images.
   ========================================================= */

@media (max-width: 768px) {
  .packs-section {
    padding: 24px 0 24px;
  }

  .packs-section__title {
    font-size: 26px;
    padding: 0 12px;
  }

  .packs-section__subtitle {
    font-size: 15px;
    margin-bottom: 12px;
    padding: 0 12px;
  }

  .packs-timer {
    display: flex;
    flex-direction: column;
    width: calc(100% - 24px);
    max-width: 330px;
    gap: 7px;
    padding: 10px 14px 12px;
    margin-bottom: 20px;
    border-radius: 18px;
  }

  .packs-timer__label {
    max-width: 260px;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
  }

  .packs-timer__time {
    font-size: 28px;
    min-width: 0;
    text-align: center;
  }

  .packs-carousel {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    padding-top: 16px;
    overflow: hidden;
    touch-action: pan-y;
  }

  .packs-row {
    justify-content: flex-start;
    align-items: stretch;
    gap: 14px;
    transition: transform 0.34s ease;
    will-change: transform;
    padding: 0;
  }

  .pack-card {
    flex: 0 0 80%;
    width: 80%;
    max-width: none;
    padding: 14px 14px 16px;
  }

  .pack-card--popular {
    transform: none;
  }

  .pack-card__title {
    font-size: 26px;
    margin: 6px 0 6px;
  }

  .pack-card__image-wrap {
    height: 210px;
    margin-bottom: 10px;
  }

  .pack-card__image-wrap--quad {
    height: 205px;
  }

  .pack-card__product-image--single {
    width: 116%;
  }

  .pack-card__product-image--double {
    width: 116%;
  }

  .pack-card__product-image--quad {
    width: 100%;
  }

  .pack-card__price {
    font-size: 44px;
  }

  .pack-card__price--main {
    font-size: 50px;
  }

  .pack-card__currency {
    font-size: 24px;
    vertical-align: 13px;
  }

  .packs-arrow {
    position: absolute;
    top: 50%;
    z-index: 20;
    display: block;
    width: 44px;
    height: 84px;
    border: 0;
    background: transparent;
    color: var(--theme-primary);
    font-size: 68px;
    line-height: 1;
    font-weight: 800;
    cursor: pointer;
    opacity: 0.9;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    transform: translateY(-50%);
  }

  .packs-arrow--left {
    left: 4px;
  }

  .packs-arrow--right {
    right: 4px;
  }

  .packs-reinforcement {
    max-width: 340px;
    margin-top: 18px;
    padding: 10px 12px;
  }

  .packs-reinforcement__text {
    font-size: 14px;
  }

  .packs-section__note {
    padding: 0 12px;
  }
}
  
  
  /* =========================================================
     HOW TO APPLY SECTION
     Application instructions with desktop cards and mobile
     infinite carousel behavior.
     ========================================================= */
  
  .how-apply-section {
    width: 100%;
    background: var(--theme-how-apply-bg);
    padding: 26px 16px 28px;
    text-align: center;
    font-family: var(--theme-font-main);
    overflow: hidden;
  }
  
  .how-apply-section__title {
    margin: 0 0 8px;
    color: var(--theme-text-on-dark);
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
  }
  
  .how-apply-section__subtitle {
    max-width: 640px;
    margin: 0 auto 18px;
    color: var(--theme-primary-soft);
    font-size: 16px;
    line-height: 1.45;
  }
  
  .how-apply-carousel {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
  }
  
  .how-apply-cards {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
  }
  
  .how-apply-card {
    width: 100%;
    max-width: 300px;
    background: var(--theme-card-highlight-bg);
    border-radius: 18px;
    padding: 18px 18px 22px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
    text-align: center;
  }
  
  
  /* Application step image placeholder */
  
  .how-apply-card__image {
    width: 100%;
    max-width: 260px;
    height: auto;
    max-height: 170px;
    object-fit: contain;
    display: block;
    margin: 0 auto 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  
  
  /* Application step number */
  
  .how-apply-card__number {
    width: 42px;
    height: 42px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: var(--theme-accent);
    color: var(--theme-text-main);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
  }
  
  .how-apply-card__title {
    margin: 0 0 10px;
    color: var(--theme-text-main);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
  }
  
  .how-apply-card__text {
    margin: 0;
    color: var(--theme-text-card);
    font-size: 15px;
    line-height: 1.45;
  }
  
  
  /* How-to-apply arrows hidden on desktop */
  
  .how-apply-arrow {
    display: none;
  }
  
  
  /* How-to-apply note and CTA */
  
  .how-apply-section__note {
    max-width: 620px;
    margin: 20px auto 0;
    color: var(--theme-primary-soft);
    font-size: 14px;
    line-height: 1.45;
  }
  
  .how-apply-section__cta-wrap {
    margin-top: 22px;
  }
  
  .how-apply-section__cta {
    display: inline-block;
    background: var(--theme-accent);
    color: var(--theme-text-main);
    padding: 16px 38px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 900;
    font-size: 17px;
    box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.22),
      inset 0 2px 0 rgba(255, 255, 255, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
  }
  
  .how-apply-section__cta:hover {
    transform: translateY(-1px);
    box-shadow:
      0 10px 24px rgba(0, 0, 0, 0.28),
      inset 0 2px 0 rgba(255, 255, 255, 0.22);
  }
  
  
  /* =========================================================
     HOW TO APPLY SECTION - MOBILE
     Circular visual carousel with large central card and small
     side-card previews.
     ========================================================= */
  
  @media (max-width: 768px) {
    .how-apply-section {
      padding: 24px 0 28px;
    }
  
    .how-apply-section__title {
      font-size: 25px;
      padding: 0 12px;
    }
  
    .how-apply-section__subtitle {
      padding: 0 12px;
    }
  
    .how-apply-carousel {
      width: 100%;
      max-width: 430px;
      margin: 16px auto 18px;
      overflow: hidden;
      touch-action: pan-y;
    }
  
    .how-apply-cards {
      justify-content: flex-start;
      align-items: stretch;
      gap: 14px;
      transition: transform 0.34s ease;
      will-change: transform;
      padding: 0;
    }
  
    .how-apply-card {
      flex: 0 0 82%;
      width: 82%;
      max-width: none;
    }
  
    .how-apply-arrow {
      position: absolute;
      top: 50%;
      z-index: 20;
      display: block;
      width: 44px;
      height: 84px;
      border: 0;
      background: transparent;
      color: var(--theme-text-on-dark);
      font-size: 68px;
      line-height: 1;
      font-weight: 800;
      cursor: pointer;
      opacity: 0.95;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
      transform: translateY(-50%);
    }
  
    .how-apply-arrow--left {
      left: 4px;
    }
  
    .how-apply-arrow--right {
      right: 4px;
    }
  
    .how-apply-section__note {
      padding: 0 12px;
    }
  
    .how-apply-section__cta {
      width: calc(100% - 24px);
      max-width: 320px;
      padding: 16px 20px;
    }
  }
  
  
  /* =========================================================
     GUARANTEE SECTION
     30-day money-back guarantee block.
     ========================================================= */
  
  .guarantee-section {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: var(--theme-font-main);
  }
  
  .guarantee-banner {
    background: var(--theme-guarantee-bg);
    width: 100%;
    position: relative;
    padding: 24px 16px 22px;
    text-align: center;
    color: var(--theme-text-on-dark);
    border-top: 4px solid var(--theme-accent);
    border-bottom: 4px solid var(--theme-accent);
  }
  
  
  /* Guarantee seal placeholder */
  
  .guarantee-seal-image {
    width: 120px;
    height: auto;
    max-width: 34vw;
    object-fit: contain;
    display: block;
    margin: 0 auto 12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.30));
  }
  
  .guarantee-inner {
    max-width: 760px;
    margin: 0 auto;
  }
  
  .guarantee-title {
    margin: 0;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
  }
  
  .guarantee-text {
    margin: 8px auto 0;
    max-width: 660px;
    font-size: 14.5px;
    line-height: 1.45;
    color: var(--theme-text-on-dark);
  }
  
  
  /* =========================================================
     DISCLAIMER SECTION
     Small legal/compliance text.
     ========================================================= */
  
  .site-disclaimer {
    width: 100%;
    background: var(--theme-disclaimer-bg);
    padding: 12px 20px 12px;
    font-family: var(--theme-font-main);
  }
  
  .site-disclaimer__inner {
    width: 100%;
    border-top: 1px solid rgba(var(--theme-primary-rgb), 0.10);
    border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.10);
    padding: 10px 0;
  }
  
  .site-disclaimer__title {
    margin: 0 0 6px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--theme-text-disclaimer-title);
    text-align: center;
    letter-spacing: 0.3px;
    text-transform: uppercase;
  }
  
  .site-disclaimer__text {
    width: 100%;
    margin: 0;
    color: var(--theme-text-disclaimer);
    font-size: 10.5px;
    line-height: 1.35;
    text-align: left;
  }