/* Стили для слайдеров на странице проекта */

/* Примеры настройки количества слайдов:
   Для 1 слайда: flex: 0 0 calc(100% - var(--spacing-lg));
   Для 2 слайдов: flex: 0 0 calc(50% - var(--spacing-lg) / 2);
   Для 3 слайдов: flex: 0 0 calc(33.333% - var(--spacing-lg) * 2 / 3);
   Для 4 слайдов: flex: 0 0 calc(25% - var(--spacing-lg) * 3 / 4);
*/

/* Базовые стили слайдера */
.slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slider-wrapper {
    display: flex;
    gap: var(--spacing-lg);
    transition: transform 0.3s ease-in-out;
    width: 100%;
}

.slider .slide {
    flex: 0 0 calc(50% - var(--spacing-lg) / 2);
    /* По умолчанию 2 слайда */
    min-width: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Стили для слайдера отзывов */
.slider.feedback .slider-wrapper {
    display: flex;
    gap: var(--spacing-lg);
}

.slider.feedback .slide {
    flex: 0 0 calc(50% - var(--spacing-lg) / 2);
}

/* Стили для слайдера галереи */
.slider.gallery .slider-wrapper {
    display: flex;
    gap: var(--spacing-lg);
}

.slider.gallery .slide {
    flex: 0 0 calc(50% - var(--spacing-lg) / 2);
}

.slider.gallery .slide img {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-15);
}

/* Адаптивность */
@media (max-width: 768px) {
    .slider-wrapper {
        gap: var(--spacing-sm);
    }

    .slider .slide {
        flex: 0 0 calc(100% - var(--spacing-sm));
        /* На мобильных 1 слайд */
    }

    .slider.feedback .slide,
    .slider.gallery .slide {
        flex: 0 0 calc(100% - var(--spacing-sm));
    }
}