/* Главный блок с подбором и баннером */
.homepage-hero {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.homepage-hero__filter,
.homepage-hero__banner {
    background: transparent;
    min-width: 0;
}

.homepage-hero__filter {
    flex: 0 0 23%;
    max-width: 23%;
}

.homepage-hero__filter .afilter {
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Скрываем кнопки переключателей на главной */
.homepage-hero__filter .filter-switcher {
    display: none;
}

/* Уменьшаем отступы и размеры в фильтре на главной */
.homepage-hero__filter .afilter {
    padding: 15px 12px;
}

.homepage-hero__filter .afilter h3 {
    font-size: 16px;
    margin-bottom: 12px;
}

.homepage-hero__filter .filter_brand,
.homepage-hero__filter .filter_model,
.homepage-hero__filter .filter_year,
.homepage-hero__filter .filter_engines {
    margin-bottom: 10px;
}

.homepage-hero__filter .afilter select {
    height: 36px;
    font-size: 13px;
    padding: 6px 10px;
}

.homepage-hero__filter .afilter #filter_button {
    height: 40px;
    font-size: 14px;
    margin-top: 15px;
}

/* Скрываем labels в вертикальном фильтре на главной */
.homepage-hero__filter .filter-label {
    display: none;
}

.homepage-hero__banner {
    display: flex;
    flex: 0 0 77%;
    max-width: 77%;
}

.homepage-hero__banner > * {
    width: 100%;
}

.homepage-hero__banner .swiper-container,
.homepage-hero__banner .owl-carousel {
    border-radius: 30px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .homepage-hero {
        flex-direction: column;
    }

    .homepage-hero__filter,
    .homepage-hero__banner {
        max-width: 100%;
        flex-basis: auto;
    }

    .homepage-hero__filter {
        order: -1;
    }

    .homepage-hero__banner {
        order: 0;
    }
}

@media (max-width: 575px) {
    .homepage-hero {
        gap: 16px;
    }

    .homepage-hero__filter .afilter {
        padding: 20px 16px;
        border-radius: 20px;
    }
    
    /* Квадратный баннер на мобильных */
    .homepage-hero__banner #revslideshow .item img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}