/* Дополнительные стили для отзывов и мобильных устройств - делаем как на скриншоте */

/* Переопределяем стили отзывов для мобильных устройств */
@media (max-width: 768px) {
    /* Основной контейнер слайдера отзывов */
    .testimonials-slider {
        margin: 30px auto;
        position: relative;
        overflow: hidden;
        max-width: 100%;
        padding: 0 0 40px 0; /* Отступ снизу для точек навигации */
        background-color: transparent !important;
    }
    
    /* Настраиваем контейнер с отзывами */
    .testimonial-container {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px !important; /* Небольшой отступ между отзывами */
        padding: 0 !important;
        transition: transform 0.5s ease;
    }
    
    /* Стиль для каждого отзыва */
    .testimonial-item {
        min-width: 80% !important; /* Каждый отзыв занимает 80% ширины - видно часть следующего */
        margin: 0 5px !important; /* Небольшой отступ по бокам */
        border-radius: 10px !important;
        overflow: hidden !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        height: 350px !important; /* Фиксированная высота как на скриншоте */
        max-height: 400px !important; /* Максимальная высота */
        background-color: #1e1e1e !important; /* Темный фон для отзывов */
    }
    
    /* Настраиваем изображения отзывов */
    .testimonial-image {
        width: 100%;
        height: 100% !important;
        max-height: 350px !important;
        object-fit: cover !important; /* Заполняем контейнер */
        object-position: center !important;
        display: block;
        transform: scale(0.95) !important; /* Немного отдаляем изображение */
        transition: none !important; /* Отключаем анимацию */
    }
    
    /* Отключаем ховер эффекты */
    .testimonial-item:hover {
        transform: none !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }
    
    .testimonial-item:hover .testimonial-image {
        transform: scale(0.95) !important; /* Фиксированный масштаб */
    }
    
    /* Стили для точек навигации */
    .testimonial-dots {
        bottom: 10px;
        left: 0;
        right: 0;
        text-align: center;
    }
    
    .testimonial-dots .dot {
        margin: 0 4px !important;
        width: 8px !important;
        height: 8px !important;
        background-color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .testimonial-dots .dot.active {
        background-color: #BC93F5 !important;
    }
}