/**
 * Крупные телефоны (S25 Ultra и аналоги, в т.ч. landscape ~890px)
 * считаем мобильными до 991px, а не планшетами.
 * Планшет/десктоп: от 992px.
 */

/* --- Шапка: мобильный chrome до 991px --- */
@media screen and (max-width: 991px) {
    /* без !important: при открытии меню JS ставит display:flex */
    .header__bottom {
        display: none;
    }

    .header-contacts__phones {
        display: none !important;
    }

    .header-contacts__socials {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .header-contacts__connect {
        gap: 12px;
    }

    .header-contacts .search,
    .header-contacts .menu-open {
        display: block !important;
    }

    .header-contacts__phone {
        display: block !important;
    }

    .header-menu {
        display: none !important;
    }

    .category-menu {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .header-contacts .search,
    .header-contacts .menu-open,
    .header-contacts__phone {
        display: none !important;
    }
}

/* --- Каталог / поиск: не 3 колонки на телефонах --- */
@media screen and (max-width: 991px) {
    .catalog__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 16px;
    }
}

@media screen and (max-width: 560px) {
    .catalog__inner {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* --- Популярные модели: слайдер как на телефоне, не сетка 3× --- */
@media screen and (max-width: 991px) {
    .models .splide__list {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 0 !important;
        grid-template-columns: none !important;
    }

    .models .splide__track {
        max-width: 370px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 481px) {
    .models .splide__track {
        max-width: 100%;
    }
}

/* --- Превью сложных карточек: одно фото на телефоне --- */
@media screen and (max-width: 991px) {
    .models .splideDetails--mobile {
        display: block !important;
    }

    .models .splideDetails--desktop {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .models .splideDetails--mobile {
        display: none !important;
    }

    .models .splideDetails--desktop {
        display: block !important;
    }
}

/* --- Меню каталога: вертикальный телефонный вид до 991px --- */
@media screen and (max-width: 991px) {
    .dropdownMenu__inner {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        padding: 20px 0 !important;
    }

    .dropdownMenu__tabs {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .dropdownMenu__tab {
        padding: 10px 0 !important;
        border: none !important;
        white-space: normal !important;
        color: var(--black) !important;
        font-size: var(--base-font-size);
    }

    .dropdownMenu__tab .dropdownMenu__tab-icon,
    .dropdownMenu__title-icon {
        display: block !important;
    }

    .dropdownMenu__title {
        margin-bottom: 0 !important;
        padding: 10px 0 !important;
    }
}

@media screen and (min-width: 992px) {
    .dropdownMenu__tab .dropdownMenu__tab-icon,
    .dropdownMenu__title-icon {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .offersProducts__splide .splide__arrows {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media screen and (min-width: 992px) {
    .offersProducts__splide .splide__arrows {
        display: none !important;
    }
}