.reviews-page {
  background-color: var(--color-light-bg);
  padding: 20px 0 80px;
}

.reviews-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.read-more {
    display: none; /* Прячем кнопку по умолчанию */
}


/* --- ХЛЕБНЫЕ КРОШКИ --- */
.breadcrumbs {
  padding-top: 80px;
  font-size: 14px;
  color: #888;
  margin-bottom: 30px;
}
.breadcrumbs a {
  color: #888;
  text-decoration: none;
  margin-right: 5px;
}

/* --- ЗАГОЛОВКИ СЕКЦИИ --- */
.reviews-subtitle {
  font-family: var(--font-golos);
  font-weight: 600;
  font-size: 14px;
  color: var(--color-accent); /* Красный цвет, как на скриншоте */
  text-transform: uppercase;
  margin-bottom: 8px;
}

.reviews-section {
    padding-top: 0px;
}

.reviews-section h1 {
  font-family: var(--font-golos);
  font-weight: 600;
  font-size: 42px;
  line-height: 1.2;
  letter-spacing: -1px;
  margin-bottom: 50px;
}

/* ==============================================
   СЕТКА ОТЗЫВОВ (Десктоп: 3 колонки)
   ============================================== */
.reviews-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.cover-service__label {
  font-family: Golos Text;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -3%;
  text-transform: uppercase;
  text-align: left;
}

.reviews-header h2 {
  text-align: left;
}

.reviews-link {
  border-radius: 16px;
}

.review-card {
  min-width: 100%;
  background-color: var(--color-review-bg);
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

.review-card h2 {
  font-family: var(--font-golos);
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}

.review-text {
  font-family: var(--font-golos);
  font-size: 16px;
  line-height: 1.5;
  color: #555;
  margin-bottom: 10px;
  flex-grow: 1; /* Чтобы текст занимал доступное место */
}

.read-more {
  font-family: var(--font-golos);
  font-weight: 600;
  font-size: 14px;
  color: var(--color-blue-main, #0b53ee); /* Цвет ссылки */
  text-decoration: none;
  margin-bottom: 20px;
  display: inline-block;
}

/* --- Футер карточки (Автор и рейтинг) --- */
.review-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
}

.reviewer-info {
  display: flex;
  align-items: center;
}

.reviewer-avatar {
  width: 40px;
  height: 40px;
  background-color: #eee; /* Заглушка для аватара */
  border-radius: 50%;
  margin-right: 10px;
}

.reviewer-meta {
  display: flex;
  flex-direction: column;
}

.reviewer-name {
  font-weight: 600;
  font-size: 14px;
}

.review-date {
  font-size: 12px;
  color: #888;
}

/* Рейтинг */
.review-rating {
  font-size: 20px;
  letter-spacing: -2px; /* Сближение звезд */
}
.review-rating .star {
  color: var(--color-star-empty);
}
.review-rating .star.filled {
  color: var(--color-star-filled);
}

/* --- Кнопка на Яндекс.Карты --- */
.yandex-reviews-cta {
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 15px 30px;
  background-color: #e0e0e0; /* Светло-серый фон, как на скриншоте */
  color: var(--color-dark);
  font-family: var(--font-golos);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  border-radius: 40px;
  transition: background-color 0.3s;
}

.yandex-reviews-cta:hover {
  background-color: #d0d0d0;
}

.yandex-reviews-cta .arrow {
  margin-left: 8px;
  font-weight: 700;
}

/* ==============================================
   АДАПТИВНОСТЬ (Mobile & Tablet)
   ============================================== */

/* Планшеты (до 1024px) - 2 колонки */
@media (max-width: 1024px) {
  .reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Мобильные (до 575px) - 1 колонка */
@media (max-width: 575px) {
  .reviews-page {
    padding: 0 0 40px;
  }

  .reviews-wrapper {
            /* padding: 0 16px; */
        margin: 0 !important;
        width: 100%;
  }

  .breadcrumbs {
    display: none; /* Скрываем на мобилке */
  }

  .reviews-section {
    padding-top: 20px;
  }

  .reviews-section h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .reviews-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .review-card {
    padding: 16px;
    min-width: unset;
    margin-bottom: 0px;
        box-shadow: 4px 0px 4px 10px rgba(0, 0, 0, 0.05);
  }
  
  .review-footer {
      padding-bottom: 0;
  }
  
  .review-title {
      padding-top: 10px;
  }
  
  .breadcrumb {
      padding-left: 16px;
  }
  
  .reviews-header {
      padding-left: 16px;
  }
  
  .reviews-list {
          grid-template-columns: repeat(1, 1fr);
          gap: 8px;
  }

  .review-card h2 {
    font-size: 18px;
  }

  .review-text {
    font-size: 15px;
  }

  .review-rating {
    font-size: 18px;
  }

  /* Кнопка Яндекс.Карт на всю ширину */
  .yandex-reviews-cta {
    width: 100%;
    max-width: 350px; /* Ограничиваем, чтобы не выглядело растянутым */
  }

  /* Стилизация футера для мобильных (переопределите стили из style.css/contact.css, если необходимо) */
}


    .review-content {
    max-height: 160px; /* Ограничиваем высоту */
    overflow: hidden;  /* Прячем то, что не влезло */
}

.read-more {
    display: none; /* Прячем кнопку по умолчанию */
}

.review-text.show-button .read-more {
    display: block; /* Показываем кнопку, если текст длинный (JS добавил класс) */
}

.review-text.expanded .review-content {
    max-height: none; /* Раскрываем текст на всю высоту при клике */
}