/* Страница «Все отзывы»: сетка карточек с цитатами.
   В Figma страницы нет — карточки повторяют логику «облачков» с главной,
   но в спокойной сетке (на главной они произвольной формы, здесь их много). */

.reviews {
  background: var(--color-white);
  padding: calc(70 * var(--u)) calc(24 * var(--u)) calc(90 * var(--u));
}

.reviews__inner {
  width: calc(1240 * var(--u));
  max-width: 100%;
  margin: 0 auto;
}

.reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(28 * var(--u));
}

.review-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: calc(30 * var(--u)) calc(26 * var(--u)) calc(24 * var(--u));
  background: var(--color-white);
  border: calc(3 * var(--u)) solid var(--color-gold);
  border-radius: calc(14 * var(--u));
  /* Тень-«ступенька» — как у облачков на главной */
  box-shadow: calc(6 * var(--u)) calc(6 * var(--u)) 0 rgba(13, 44, 72, 0.9);
  transition: transform var(--transition-base);
}

.review-card:hover {
  transform: translateY(calc(-4 * var(--u)));
}

/* Кавычка-акцент */
.review-card::before {
  content: '״';
  position: absolute;
  top: calc(4 * var(--u));
  inset-inline-end: calc(18 * var(--u));
  font-size: calc(64 * var(--u));
  line-height: 1;
  color: rgba(218, 155, 42, 0.35);
  pointer-events: none;
}

.review-card__quote {
  flex: 1 1 auto;
  font-size: calc(21 * var(--u));
  font-weight: var(--fw-light);
  line-height: 1.5;
  color: var(--color-ink);
  text-align: center;
}

.review-card__footer {
  margin-top: calc(18 * var(--u));
  padding-top: calc(14 * var(--u));
  border-top: 1px solid rgba(13, 44, 72, 0.12);
  text-align: center;
}

.review-card__name {
  font-size: calc(20 * var(--u));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--color-navy);
}

.review-card__role {
  margin-top: calc(4 * var(--u));
  font-size: calc(17 * var(--u));
  font-weight: var(--fw-light);
  line-height: 1.35;
  color: rgba(44, 42, 40, 0.7);
}

/* CTA под сеткой */
.reviews__cta {
  margin-top: calc(56 * var(--u));
  text-align: center;
}

.reviews__cta-text {
  font-size: calc(28 * var(--u));
  font-weight: var(--fw-bold);
  line-height: 1.4;
  color: var(--color-ink);
  margin-bottom: calc(20 * var(--u));
}

.reviews__cta .btn {
  width: auto;
  padding: 0 calc(34 * var(--u));
}

@media (max-width: 1100px) {
  .reviews__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .reviews {
    padding: calc(44 * var(--u)) calc(20 * var(--u)) calc(56 * var(--u));
  }

  .reviews__grid {
    grid-template-columns: 1fr;
    gap: calc(22 * var(--u));
  }

  .review-card {
    padding: calc(24 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u));
    box-shadow: calc(4 * var(--u)) calc(4 * var(--u)) 0 rgba(13, 44, 72, 0.9);
  }

  .review-card__quote {
    font-size: calc(17 * var(--u));
  }

  .review-card__name {
    font-size: calc(17 * var(--u));
  }

  .review-card__role {
    font-size: calc(15 * var(--u));
  }

  .reviews__cta-text {
    font-size: calc(20 * var(--u));
  }
}