/* --- НАЧАЛО: Улучшенные стили для "Слайдаус" v2.4 (Ультра-панорама) --- */

/* 1. Основной контейнер слайдера */
.slideaus-container {
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden;
    margin: 20px auto;
    height: auto !important;
    display: block; 
    
    /* --- ИЗМЕНЕНИЕ: Ультра-широкие пропорции для ПК --- */
    /* Это примерно как 3.3:1. Очень вытянутый. */
    aspect-ratio: 30 / 9; 
}

/* 2. Внутренние элементы Slick Slider */
.slideaus-container .slick-slider,
.slideaus-container .slick-list,
.slideaus-container .slick-track,
.slideaus-container .slick-slide,
.slideaus-container .slideaus-slide {
    height: 100% !important;
    position: relative;
}

/* 3. Изображения внутри слайда */
.slideaus-slide img {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}

/* 4. Стилизация стрелок */
.slideaus-container .slick-prev,
.slideaus-container .slick-next {
    width: 45px; height: 45px; background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%; z-index: 10; transition: all 0.3s ease;
    opacity: 0; transform: scale(0.8);
}
.slideaus-container:hover .slick-prev,
.slideaus-container:hover .slick-next {
    opacity: 1; transform: scale(1);
}
.slideaus-container .slick-prev:hover,
.slideaus-container .slick-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
.slideaus-container .slick-prev { left: 15px; }
.slideaus-container .slick-next { right: 15px; }
.slideaus-container .slick-prev:before,
.slideaus-container .slick-next:before {
    font-family: 'slick'; font-size: 22px; color: white; opacity: 1;
}

/* 5. Стилизация точек навигации */
.slideaus-container .slick-dots {
    bottom: 15px;
}
.slideaus-container .slick-dots li button:before {
    font-size: 12px; color: white; opacity: 0.6; transition: all 0.3s ease;
}
.slideaus-container .slick-dots li.slick-active button:before {
    color: white; opacity: 1;
}

/* 6. Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .slideaus-container {
        /* --- ИЗМЕНЕНИЕ: Еще более широкие пропорции для мобильных --- */
        /* Это примерно 2.5:1. Тоже очень вытянутый. */
        aspect-ratio: 22 / 9;
        border-radius: 8px;
    }

    .slideaus-container .slick-prev,
    .slideaus-container .slick-next {
        opacity: 0.7; transform: scale(1); width: 40px; height: 40px;
    }
    .slideaus-container .slick-prev:before,
    .slideaus-container .slick-next:before {
        font-size: 20px;
    }
    .slideaus-container .slick-dots {
        bottom: 10px;
    }
}

/* --- КОНЕЦ: Улучшенные стили "Слайдаус" v2.4 --- */