@media(max-width: 585px) {
    :root {
        --left-right-padding: 38px;

        --gap: 20px;
    }

    .section-header {
        margin: 0 0 20px 0;
        font-size: 1.5rem;
    }

    /*----- Шапка сайта -----*/
    .header {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .header-mobile-top {
        position: relative;
        background-color: var(--main-color);
        color: var(--white-color);
    }

    .header-mobile-top__container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
    }

    .header-mobile-top__left {
        display: inline-flex;
        align-items: center;
    }

    .header-mobile-top__burger {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 28px;
        height: 15px;
        padding: 0;
        margin: 0 14px 0 0;
        background: none;
        border: none;
    }

    .header-mobile-top__burger-icon {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .header-mobile-top__close-icon {
        display: none;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .header-mobile-top__search {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .header-mobile-top__right {
        display: inline-flex;
        align-items: center;
        gap: 13px;
    }

    .header-mobile-top__phone {
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 100%;
        color: var(--white-color);
    }

    .header-mobile-top__email {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
    }

    .header-mobile-top__callback {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
    }

    .header-callback-modal {
        padding: 20px;
    }

    .header-mobile-top__menu-wrapper {
        z-index: 1000;
        position: absolute;
        top: 50px;
        left: 0;
        display: none;
        width: 330px;
        padding: 34px 40px;
        background-color: var(--white-color);
        border-bottom-right-radius: var(--radius);
        box-shadow: 0px 4px 8px 0px rgba(18, 34, 89, 0.2);
    }

    .header-mobile-top__menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .header-mobile-top__menu-link {
        font-size: 0.875rem;
        line-height: 100%;
        color: var(--text-color);
    }

    .header-mobile-center__container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 88px;
        background-color: var(--white-color);
        border-bottom: 1px solid var(--body-color);
    }

    .header-mobile-center__logo-link {
        display: inline-flex;
        width: 226px;
    }

    .header-mobile-center__logo {
        width: 100%;
        height: auto;
    }

    .header-mobile-center__cart {
        position: relative;
        display: inline-flex;
    }

    .header-mobile-center__cart-icon {
        width: 25px;
        height: auto;
    }

    .header-mobile-center__cart-icon svg {
        width: 100%;
        height: auto;
    }

    .header-mobile-center__goods {
        position: absolute;
        top: -3px;
        right: -3px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 12px;
        height: 12px;
        background-color: var(--fifth-color);
        border-radius: 50%;
        font-weight: 500;
        font-size: 0.5rem;
        line-height: 100%;
        color: var(--text-color);
    }
    /*----- Конец шапки сайта -----*/

    /*----- Каталог под шапкой -----*/
    .mobile-catalog-sections {
        background-color: var(--white-color);
        box-shadow: 0px 4px 6px 0px rgba(9, 22, 70, 0.13);
    }

    .mobile-catalog-sections__btn {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        height: 50px;
        padding: 0;
        margin: 0;
        background-color: var(--white-color);
        border: none;
        font-weight: 500;
        font-size: 1rem;
        line-height: 100%;
        color: var(--main-color);
    }

    .mobile-catalog-sections__btn::after {
        content: '';
        position: absolute;
        top: 16px;
        right: 0;
        display: flex;
        width: 12px;
        height: 18px;
        background-image: url('/upload/icons/template/mobile-catalog-arrow-right.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition: transform var(--transition);
    }

    .mobile-catalog-sections__btn.mobile-catalog-sections__btn_active::after {
        transform: rotateZ(90deg);
    }

    .mobile-catalog-sections__bottom {
        display: none;
    }

    .mobile-catalog-sections__list {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 20px var(--left-right-padding) 40px var(--left-right-padding);
        margin: 0;
        border-top: 1px solid var(--body-color);
        list-style: none;
    }

    .mobile-catalog-sections__link {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile-catalog-sections__link_active {
        font-weight: 600;
        color: var(--main-color);
    }

    .mobile-catalog-sections__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .mobile-catalog-sections__link-name-icon {
        display: inline-flex;
        align-items: center;
        flex-shrink: 0;
        width: 30px;
        height: auto;
    }

    .mobile-catalog-sections__link-name {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 0.875rem;
        line-height: 1;
    }

    .mobile-catalog-sections__arrow {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 13px;
        height: 18px;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
        transition: transform var(--transition);
    }

    .mobile-catalog-sections__arrow_active {
        transform: rotateZ(90deg);
    }

    .mobile-catalog-sections__subsections-list {
        display: none;
        padding: 10px 0 10px 55px;
        margin: 0;
        list-style: none;
    }

    .mobile-catalog-sections__subsections-item {
        margin-bottom: 8px;
    }

    .mobile-catalog-sections__subsections-item:last-child {
        margin-bottom: 0;
    }

    .mobile-catalog-sections__subsections-link {
        font-size: 0.875rem;
        line-height: 1;
    }
    /*----- Конец каталога под шапкой -----*/

    /*----- Основные направления на главной -----*/
    .main-sections {
        padding: 30px 0 40px 0;
        margin: 0;
    }

    .main-sections__row {
        --items: 1;
    }

    .main-sections__item {
        padding: 16px;
        height: 230px;
    }

    .main-sections__item-arrow {
        top: 14px;
        right: 16px;
    }

    .main-sections__item-name {
        margin-bottom: 10px;
    }
    /*----- Конец основных направлений на главной -----*/

    /*----- Слайдер на главной -----*/
    .hero {
        display: none;
    }
    /*----- Конец слайдера на главной -----*/

    /*----- Портфолио на главной -----*/
    .main-portfolio {
        margin-bottom: 40px;
    }

    .main-portfolio__header {
        position: relative;
        top: unset;
        left: unset;
        display: inline-flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .main-portfolio__row {
        justify-content: flex-start;
        gap: 10px;
    }

    .main-portfolio__empty-item {
        display: none;
    }
    /*----- Конец портфолио на главной -----*/

    /*----- Подвал сайта -----*/
    .footer {
        display: none;
    }

    .footer-tablet {
        margin-bottom: 0;
    }

    .footer-mobile {
        display: block;
        padding: 40px 0 0 0;
        background-color: var(--white-color);
    }

    .footer-mobile-center__logo-link {
        display: inline-flex;
        margin-bottom: 20px;
    }

    .footer-mobile-center__requisites {
        margin-bottom: 20px;
        font-size: 0.875rem;
    }

    .footer-mobile__row {
        display: flex;
        align-items: flex-end;
        margin-bottom: 20px;
    }

    .footer__mobile__left {
        flex-shrink: 0;
        width: 50%;
        padding-right: 16px;
    }

    .footer__mobile__right {
        flex-shrink: 0;
        width: 50%;
    }

    .footer-mobile__menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .footer-mobile__menu-link {
        align-self: flex-start;
        font-size: 0.875rem;
    }

    .footer-mobile__header {
        padding: 0;
        margin-bottom: 10px;
        font-size: 12px;
        color: var(--black-color);
    }

    .footer-mobile__catalog-block  {
        margin-bottom: 20px;
    }

    .footer-mobile__contacts-block {
        margin-bottom: 40px;
        font-size: 0.875rem;
    }

    .footer-mobile__contacts-block p {
        font-size: 0.875rem;
    }

    .footer-mobile-central__socials {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .footer-mobile__bottom {
        padding: 20px 0 88px 0;
        background-color: var(--body-color);
    }

    .footer-mobile-bottom__copy {
        margin-bottom: 20px;
        font-size: 0.875rem;
    }

    .footer-mobile-bottom__link {
        display: inline-flex;
        margin-bottom: 10px;
        font-size: 0.875rem;
    }

    .footer-mobile-bottom__link:last-child {
        margin-bottom: 0;
    }
    /*----- Конец подвала сайта -----*/

    /*----- Главная часть страницы -----*/
    .left-menu-page__left {
        display: none;
    }

    .left-menu-page__right {
        width: 100%;
    }

    .left-menu-page__header {
        margin-bottom: 20px;
    }
    /*----- Конец главной части страницы -----*/

    /*----- Главная страница каталога -----*/
    .catalog-main-sections__row {
        --items: 1;
    }

    .catalog-main-sections__item {
        padding: 16px;
        height: 230px;
    }

    .catalog-main-sections__item-arrow {
        top: 14px;
        right: 16px;
    }

    .catalog-main-sections__item-name {
        margin-bottom: 10px;
    }
    /*----- Конец главной страницы каталога -----*/

    /*----- Разделы каталога -----*/
    .catalog-subsections__list {
        --items: 2;
        --gap: 20px;
        align-items: flex-start;
        padding: 0;
        margin: 0 0 40px 0;
    }

    .catalog-section__block-items {
        --items: 1;
        --gap: 20px;
    }

    .catalog-section__list-item {
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px;
    }

    .catalog-section__list-item-name {
        font-size: 1rem;
    }

    .catalog-section__list-item-left {
        display: none;
    }

    .catalog-section__list-item-preview {
        display: none;
    }

    .catalog-section__list-item-center {
        width: 100%;
    }

    .catalog-section__list-item-right {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .catalog-section__list-item-top-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        width: 100%;
        margin-bottom: 10px;
    }

    .catalog-section__list-items {
        gap: 10px;
    }
    /*----- Конец разделов каталога -----*/

    /*----- Детальная карточка товара -----*/
    .catalog-detail-top {
        flex-wrap: wrap;
        padding: 20px 12px;
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .catalog-detail-top__left {
        width: 100%;
    }

    .catalog-detail-top__right {
        width: 100%;
    }

    .catalog-detail-top__carousel {
        width: 100%;
    }

    .catalog-detail-top__arrow-left {
        top: 80px;
        left: 5px;
    }

    .catalog-detail-top__arrow-right {
        top: 80px;
        right: 5px;
    }

    .catalog-detail-top__header {
        display: none;
    }

    .catalog-detail-top__preview {
        display: none;
    }

    .catalog-detail-top__bottom {
        flex-wrap: wrap;
    }

    .catalog-detail-top__price-block {
        width: 100%;
        margin-bottom: 6px;
    }

    .catalog-detail-top__price {
        font-size: 2rem;
    }

    .catalog-detail-top__cart-block {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .mobile-catalog-block {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 40px 20px;
        margin-top: 20px;
        background-color: var(--white-color);
        border-radius: var(--radius);
    }

    .left-menu-page {
        padding-bottom: 40px;
    }

    .tech-modal {
        padding: 20px;
    }

    .question-modal {
        padding: 20px;
    }

    .mobile-catalog-detail-top__header {
        display: block;
        padding: 0;
        margin-bottom: 16px;
        font-weight: 700;
        font-size: 1rem;
        line-height: 100%;
        color: var(--main-color);
    }

    .catalog-detail-top__img-link {
        width: 100%;
    }
    /*----- Конец детальной карточки товара -----*/

    /*----- Корзина -----*/
    .cart {
        flex-wrap: wrap;
    }

    .cart__left {
        width: 100%;
    }

    .cart__right {
        width: 100%;
    }

    .cart-item {
        padding: 20px 30px 20px 10px;
    }

    .cart-item__name {
        margin-bottom: 20px;
        font-size: 0.875rem;
    }

    .cart-item__price {
        font-size: 1rem;
    }

    .cart-item__price[data-price="0"] {
        font-size: 0.75rem;
    }
    /*----- Конец корзины -----*/

    /*----- Заказать прайс-лист -----*/
    .prices__form-header {
        font-size: 1.5rem;
    }
    
    .prices-form {
        width: 100%;
    }
    /*----- Конец заказать прайс-лист -----*/
    
    /*----- Портфолио -----*/
    .portfolio-item {
        flex-wrap: wrap;
        gap: 20px;
        padding: 20px;
    }

    .portfolio-item__name {
        font-size: 1rem;
    }

    .portfolio-item__name:last-child {
        margin-bottom: 0;
    }

    .portfolio-item__img {
        width: 100%;
    }

    .portfolio-item__img-link {
        width: 100%;
    }

    .portfolio-item__desc {
        font-size: 0.875rem;
    }
    /*----- Конец портфолио -----*/

    /*----- Контакты -----*/
    .footer-central__socials {
        flex-wrap: wrap;
    }
    /*----- Конец контактов -----*/

    /*----- Новости -----*/
    .news-item {
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px;
    }

    .news-item__img-link {
        width: 100%;
    }

    .news-item__img {
        width: 100%;
    }

    .news-item__desc {
        font-size: 0.875rem;
        line-height: 1;
    }
    /*----- Конец новостей -----*/

    /*----- Отзывы -----*/
    .testims__items {
        --items: 2;
        --gap: 20px;
    }
    /*----- Конец отзывов -----*/

    /*----- Поиск -----*/
    .search-page__form .form-input{
        width: 66%;
    }
    /*----- Конец поиска -----*/
}