/* Offer title sizes — FR (Congo) vs EN (Ken, Tanz)
 *
 * Timer:  .claim-hero .offer3
 * Form:   .form__title .offer3
 */

.claim-hero .offer1,
.form__title .offer1 {
  color: #d21502 !important;
  text-shadow: none !important;
}

[data-offer-locale="fr"] {
  --offer1-form-mobile: 72px;
  --offer1-form-tablet: 84px;
  --offer2-tablet: 57px;
  --offer3-form-mobile: 8.71px;
  --offer3-form-tablet: 10px;
}

[data-offer-locale="en"] {
  --offer1-form-mobile: 72px;
  --offer1-form-tablet: 84px;
  --offer2-tablet: 57px;
  --offer3-form-mobile: 10.97px;
  --offer3-form-tablet: 13px;
}

/* ---------- mobile (≤530px) ---------- */

@media screen and (max-width: 530px) {
  [data-offer-locale="fr"] .claim-hero .offer1 {
    font-size: 76.34px !important;
  }

  [data-offer-locale="fr"] .form__title .offer1 {
    font-size: var(--offer1-form-mobile) !important;
  }

  [data-offer-locale="fr"] .claim-hero .offer2,
  [data-offer-locale="fr"] .form__title .offer2 {
    font-size: 48.51px !important;
  }

  [data-offer-locale="fr"] .claim-hero .offer3,
  [data-offer-locale="fr"] .form__title .offer3 {
    font-size: var(--offer3-form-mobile) !important;
  }

  [data-offer-locale="en"] .claim-hero .offer1 {
    font-size: 76.75px !important;
  }

  [data-offer-locale="en"] .form__title .offer1 {
    font-size: var(--offer1-form-mobile) !important;
  }

  [data-offer-locale="en"] .claim-hero .offer2,
  [data-offer-locale="en"] .form__title .offer2 {
    font-size: 48.77px !important;
  }

  [data-offer-locale="en"] .claim-hero .offer3,
  [data-offer-locale="en"] .form__title .offer3 {
    font-size: var(--offer3-form-mobile) !important;
  }
}

/* ---------- tablet (531–1024px) — mobile + ~17% ---------- */

@media screen and (min-width: 531px) and (max-width: 1024px) {
  .claim-hero .offer-side,
  .form__title .offer-side {
    gap: 0;
  }

  [data-offer-locale="fr"] .claim-hero .offer1 {
    font-size: 90px !important;
  }

  [data-offer-locale="fr"] .form__title .offer1 {
    font-size: var(--offer1-form-tablet) !important;
  }

  [data-offer-locale="fr"] .claim-hero .offer2,
  [data-offer-locale="fr"] .form__title .offer2 {
    font-size: var(--offer2-tablet) !important;
  }

  [data-offer-locale="fr"] .claim-hero .offer3,
  [data-offer-locale="fr"] .form__title .offer3 {
    font-size: var(--offer3-form-tablet) !important;
  }

  [data-offer-locale="en"] .claim-hero .offer1 {
    font-size: 90px !important;
  }

  [data-offer-locale="en"] .form__title .offer1 {
    font-size: var(--offer1-form-tablet) !important;
  }

  [data-offer-locale="en"] .claim-hero .offer2,
  [data-offer-locale="en"] .form__title .offer2 {
    font-size: var(--offer2-tablet) !important;
  }

  [data-offer-locale="en"] .claim-hero .offer3,
  [data-offer-locale="en"] .form__title .offer3 {
    font-size: var(--offer3-form-tablet) !important;
  }
}

/* ---------- desktop (≥1025px) — claim: Figma; form: mobile proportions × scale ---------- */

@media screen and (min-width: 1025px) {
  .claim-hero .form__head-content {
    gap: calc(24 * var(--fu));
    column-gap: calc(24 * var(--fu));
  }

  [data-offer-locale="fr"] .claim-hero .offer1,
  [data-offer-locale="en"] .claim-hero .offer1 {
    font-size: calc(206.28 * var(--fu)) !important;
  }

  [data-offer-locale="fr"] .claim-hero .offer2,
  [data-offer-locale="en"] .claim-hero .offer2 {
    font-size: calc(131.07 * var(--fu)) !important;
  }

  [data-offer-locale="fr"] .claim-hero .offer3 {
    font-size: calc(23.53 * var(--fu)) !important;
  }

  [data-offer-locale="en"] .claim-hero .offer3 {
    font-size: calc(29.48 * var(--fu)) !important;
  }

  [data-offer-locale="fr"] .form__title .offer1 {
    font-size: calc(116.6 * var(--fu)) !important;
  }

  [data-offer-locale="fr"] .form__title .offer2 {
    font-size: calc(74.09 * var(--fu)) !important;
  }

  [data-offer-locale="fr"] .form__title .offer3 {
    font-size: calc(14.1 * var(--fu)) !important;
  }

  [data-offer-locale="en"] .form__title .offer1 {
    font-size: calc(109.81 * var(--fu)) !important;
  }

  [data-offer-locale="en"] .form__title .offer2 {
    font-size: calc(69.78 * var(--fu)) !important;
  }

  [data-offer-locale="en"] .form__title .offer3 {
    font-size: calc(16.73 * var(--fu)) !important;
  }
}