/* Исправления для главной страницы */

/* 1. Увеличение иконок брендов на мобильных устройствах */
@media (max-width: 768px) {
    .brands-carousel.owl-carousel .owl-item img {
        max-width: 120px !important;
        width: auto;
        height: auto;
        margin: 0 auto;
    }
    
    .brands-carousel .owl-stage-outer {
        padding: 10px 0;
    }
    
    /* Центрирование изображений в слайдах */
    .brands-carousel .owl-item {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 60px;
    }
}

/* 2. Автопролистывание карусели брендов */
.brands-carousel.owl-carousel {
    /* Уже настроено в JS, но добавим плавность */
    transition: transform 0.3s ease;
}

/* 3. Исправление отступа футера на главной странице для мобильных */
@media (max-width: 768px) {
    /* Только для главной страницы */
    body.main-page .main {
        padding-bottom: 20px !important;
    }
    
    body.main-page .brands-carousel {
        margin-bottom: 30px !important;
    }
    
    body.main-page .container:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Убираем лишний отступ перед футером на главной */
    body.main-page footer {
        margin-top: 0 !important;
    }
}

/* Дополнительные улучшения для карусели брендов */
@media (max-width: 480px) {
    .brands-carousel.owl-carousel .owl-item img {
        max-width: 100px !important;
    }
    
    /* Показываем 2 элемента на очень маленьких экранах */
    .brands-carousel.owl-carousel .owl-stage-outer {
        overflow: visible;
    }
}

/* Анимация для автопролистывания */
.brands-carousel.owl-carousel.owl-drag .owl-item {
    cursor: grab;
}

.brands-carousel.owl-carousel.owl-drag .owl-item:active {
    cursor: grabbing;
}