/* Звёздный рейтинг */
.rating__stars {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  color: #ddd;
  letter-spacing: 2px;
}

.rating__stars-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--rating, 100%); /* 98% = 4.9/5 */
  overflow: hidden;
  color: #ffc107; /* Яндекс-жёлтый */
  white-space: nowrap;
}

.rating__stars-fill::before {
  content: "★★★★★";
}

.rating__stars::after {
  content: "★★★★★";
  opacity: 0.3;
}
/* === Виджет отзывов: обёртка iframe === */
.reviews__iframe-wrapper {
  position: relative;
  width: 100%;
  /* Базовая высота для десктопа */
  padding-bottom: 120%;
  height: 0;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #fff;
  /* Резервная минимальная высота для надёжности */
  min-height: 400px;
}

.reviews__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  /* Плавный скролл на iOS */
  -webkit-overflow-scrolling: touch;
  /* Убираем задержку кликов */
  touch-action: manipulation;
}

/* 📱 МОБИЛЬНЫЕ: высота для отображения 2-3 отзывов */
@media (max-width: 767.98px) {
  .reviews__iframe-wrapper {
    /* ↑ Увеличиваем: 220% = ~792px при ширине 360px */
    padding-bottom: 220%;
    min-height: 650px; /* Гарантированная высота для узких экранов */
  }
}

/* 📱 Очень узкие экраны (320-360px) — максимум места */
@media (max-width: 360px) {
  .reviews__iframe-wrapper {
    padding-bottom: 240%;
    min-height: 700px;
  }
}

/* 🎯 Если нужно показать ровно N отзывов (ориентировочно):
   1 отзыв: ~280-300px
   2 отзыва: ~520-560px  
   3 отзыва: ~760-820px
   Учитывайте: заголовок виджета + каждый отзыв + отступы + футер
*/