/* Approved homepage layout: light opt-in, full-width carousel and dark statistics. */
.homepage-discounts .home-discounts {
  padding-bottom: 48px;
}

.homepage-discounts .home-discounts__hero {
  gap: clamp(24px, 3vw, 44px);
}

.homepage-discounts .home-discounts__copy {
  padding-left: clamp(32px, 4.5vw, 64px);
}

.homepage-discounts .home-discounts__optin {
  align-self: center;
}

/* Keep the approved desktop inset and trim the form card a little.
   Leave the tighter tablet/mobile width untouched. */
@media (min-width: 1100px) {
  .homepage-discounts .home-discounts__optin {
    transform: translateX(-24px);
    width: calc(100% - 32px);
  }
}

/* Homepage markup uses a click-to-agree notice below the submit action. */
.homepage-discounts .home-discounts__form {
  grid-template-rows: repeat(5, auto);
}

.homepage-discounts .home-discounts__form > .home-discounts__status {
  grid-row: 5;
}

.homepage-discounts .home-discounts__wrap > .home-discounts__logos {
  margin: 24px 0 0;
}

.homepage-discounts .home-discounts__form > .home-discounts__submit {
  grid-row: 3;
}

.homepage-discounts .home-discounts__form > .home-discounts__consent {
  grid-row: 4;
  display: block;
  margin: 3px 0 0;
  cursor: auto;
}

.homepage-discounts .stats-section {
  isolation: isolate;
  color: #f5f6f8;
  background: #111315;
  border-bottom: 1px solid #2b3036;
}

.homepage-discounts .stat-item strong {
  color: #f5f6f8;
}

.homepage-discounts .stat-item span {
  color: #adb2bb;
}

/* White globe dots, without the original image's white rectangular backing.
   Keep it subdued behind the labels. Never apply this filter to brand logos. */
.homepage-discounts .stats-map {
  opacity: .2;
  filter: invert(1) brightness(4);
  mix-blend-mode: screen;
  transform: scale(1.2);
}

@media (max-width: 1000px) {
  .homepage-discounts .home-discounts__hero {
    gap: 24px;
  }

  .homepage-discounts .home-discounts__copy {
    padding-left: 24px;
  }
}

/* Keep the approved single-column mobile layout and spacing unchanged. */
@media (max-width: 820px) {
  .homepage-discounts .home-discounts {
    padding-bottom: 32px;
  }

  .homepage-discounts .home-discounts__hero {
    gap: 16px;
  }

  .homepage-discounts .home-discounts__copy {
    padding-left: 0;
  }

  .homepage-discounts .home-discounts__wrap > .home-discounts__logos {
    margin: 20px 0 0;
  }
}