/* Exact desktop measurements taken from the supplied reference page. */
.reviews-2026 {
  padding: 96px 0;
}

.reviews-2026__container {
  width: min(1280px, calc(100% - 64px));
}

.reviews-2026__header h2 {
  margin-top: 16px;
  font-size: 48px;
  line-height: 1;
}

.reviews-2026__header p {
  max-width: 672px;
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.55;
}

.reviews-2026__summary {
  width: auto;
  max-width: 440px;
  grid-template-columns: 88px 1fr 92px;
  margin-top: 32px;
  padding: 16px 24px;
  border-radius: 16px;
}

.reviews-2026__viewport {
  margin-top: 48px;
}

.reviews-2026__track {
  gap: 20px;
}

.review-card {
  flex-basis: calc((100% - 40px) / 3);
  min-height: 279px;
  padding: 24px;
  border-radius: 16px;
}

.review-card__avatar {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

.review-card h3 {
  font-size: 14px;
  line-height: 20px;
}

.review-card__head small,
.review-card__rating small {
  font-size: 12px;
  line-height: 16px;
}

.review-card__rating {
  margin-top: 16px;
}

.review-card > p {
  min-height: 91px;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.625;
}

.review-card__plan {
  margin-top: 8px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 16px;
}

.reviews-2026__controls {
  margin-top: 32px;
}

@media (max-width: 900px) {
  .reviews-2026 {
    padding: 80px 0;
  }

  .reviews-2026__container {
    width: min(100% - 48px, 1280px);
  }

  .reviews-2026__header h2 {
    font-size: 40px;
  }

  .review-card {
    flex-basis: calc((100% - 20px) / 2);
  }
}

@media (max-width: 600px) {
  .reviews-2026 {
    padding: 64px 0;
  }

  .reviews-2026__container {
    width: calc(100% - 36px);
  }

  .reviews-2026__header h2 {
    font-size: 32px;
    line-height: 1.08;
  }

  .reviews-2026__header p {
    font-size: 15px;
  }

  .reviews-2026__summary {
    max-width: 100%;
    grid-template-columns: 70px 1fr 74px;
    padding: 14px 10px;
  }

  .review-card {
    flex-basis: 100%;
    min-height: 279px;
  }
}