/* ==========================================================================
   Reviews Section - Блок отзывов о работе компании
   Адаптивная верстка на основе дизайна Figma для tandemtrack.ru
   ========================================================================== */

/* CSS переменные для блока */
:root {
  --reviews-bg: #2A324C;
  --reviews-text-white: #FFFFFF;
  --reviews-border: rgba(255, 255, 255, 0.12);
  --reviews-star-color: #FF9000;
  --reviews-link-color: #7EB928;
  --reviews-link-hover: #96d633;
  --reviews-font: 'Montserrat', sans-serif;
}

/* Секция отзывов */
.reviews-section {
  /*background-color: var(--reviews-bg);*/
  padding: 17px 0;
  font-family: var(--reviews-font);
}

/* Контейнер - по аналогии с tandemtrack.ru */
.reviews-section .container {
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Заголовок секции */
.reviews-section__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--reviews-text-white);
  margin: 0 0 24px 0;
  text-align: center;
}

/* Контейнер карточек */
.reviews-section__cards {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

/* Карточка отзыва */
.review-card {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border: 1px solid var(--reviews-border);
  border-radius: 8px;
  background: transparent;
  transition: border-color 0.3s ease;
  background: #28324e;
}

.review-card:hover {
  border-color: rgba(255, 255, 255, 0.25);
}

/* Левая часть карточки: логотип + рейтинг */
.review-card__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/* Логотип сервиса */
.review-card__logo {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Блок с рейтингом */
.review-card__rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

/* Иконка звезды */
.review-card__star {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

/* Оценка */
.review-card__score {
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  color: var(--reviews-text-white);
}

/* Ссылка на отзывы */
.review-card__link {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.14;
	color: var(--reviews-text-white);
	text-decoration: underline;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.review-card__link:hover {
  color: var(--reviews-link-hover);
  text-decoration: underline;
}

.review-card__link {
  text-decoration: underline;
}

.b-top-describe .left-block {
  height: auto;
  margin-bottom: 0;
}

.reviews-section .container {
	padding: 0;
}

.video_loading {
	width: 100%;
}

.review-card {
  justify-content: center;
}

.b-block.mobile-contacts {
	display: none;
}


/* ==========================================================================
   Адаптивность - Мобильная версия (до 768px)
   ========================================================================== */

@media (max-width: 670px) {
  .reviews-section {
    padding: 32px 16px;
  }

  .reviews-section .container {
    padding: 0;
  }

  .reviews-section__title {
    text-align: left;
  }

  /* Карточки в колонку */
  .reviews-section__cards {
    flex-direction: column;
  }

  .review-card {
    flex: none;
    width: 100%;
  }
}

/* Планшеты - промежуточный брейкпоинт */
@media (max-width: 992px) and (min-width: 769px) {
  .reviews-section .container {
    max-width: 100%;
    padding: 0 30px;
  }
}