/* 🎨 CSS для Карусели Отзывов */
#reviews-carousel-container {
    padding: 10px 0;
}

#reviews-track {
    /* Контейнер должен быть nowrap, чтобы карточки были в ряд */
    white-space: nowrap;
    transition: transform 0.7s ease-in-out;
}

.review-card {
    /* Расчет ширины для 3 карточек + отступ (gap: 1rem = 16px) */
    width: calc((100% / 3) - 1.066rem);
    min-width: 250px;
    /* ❗ ФИКСИРОВАННАЯ ВЫСОТА: Обеспечивает ровный ряд */
    height: 250px;
    display: flex;
    flex-direction: column;
    /* ОБРЕЗКА: Всё, что не помещается в 250px, будет скрыто */
    overflow: hidden;
    /* ❗ ПОЛУПРОЗРАЧНЫЙ СЕРЫЙ ФОН */
    background-color: rgba(220, 220, 220, 0.5);
    border: none !important;
}

/* ❗ РАЗРЕШАЕМ ПЕРЕНОС СТРОК: Текст отзыва заполняет карточку по ширине */
.review-card p {
    white-space: normal;
}

/* Адаптивность */
@media (max-width: 992px) {
    .review-card { width: calc((100% / 2) - 0.8rem); } /* 2 карточки на планшетах */
}
@media (max-width: 576px) {
    .review-card { width: 100%; } /* 1 карточка на мобильных */
}
