/* Финальная CTA «אני רוצה לשמוע עוד» — Figma y 8512–8927 (h 415).
   Фото + золотой оверлей @0.8, гигантский белый текст, строка контактов.
   Секция — якорь #contact для всех CTA-кнопок страницы. */

.cta-final {
  position: relative;
  height: calc(415 * var(--u));
  overflow: hidden;
  background: var(--color-gold);
}

.cta-final__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cta-final__overlay {
  position: absolute;
  inset: 0;
  background: var(--overlay-gold);
}

/* «אני רוצה לשמוע עוד» — 300/132, lh 119 (Figma 3016:7598) */
.cta-final__big {
  position: absolute;
  top: calc(97 * var(--u));
  left: 0;
  width: 100%;
  font-size: calc(132 * var(--u));
  font-weight: var(--fw-light);
  line-height: calc(119 * var(--u));
  text-align: center;
  color: var(--color-white);
  white-space: nowrap;
}

/* Контакты — 36/400 белый (Figma 3016:7630) */
.cta-final__contacts {
  position: absolute;
  top: calc(280 * var(--u));
  left: 0;
  width: 100%;
  font-size: calc(36 * var(--u));
  font-weight: var(--fw-regular);
  line-height: calc(49 * var(--u));
  text-align: center;
  color: var(--color-white);
}

.cta-final__contacts a {
  transition: opacity var(--transition-fast);
}

.cta-final__contacts a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .cta-final {
    height: auto;
    padding: calc(56 * var(--u)) calc(24 * var(--u));
  }

  .cta-final__big {
    position: relative;
    top: auto;
    font-size: calc(42 * var(--u));
    line-height: 1.2;
  }

  .cta-final__contacts {
    position: relative;
    top: auto;
    margin-top: calc(20 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: 1.7;
  }
}