@media(max-width: 1400px) {
    .slick-arrow {
        top: 10px;
        transform: none;
        left: initial;
    }

    .sale__slider,
    .products__slider {
        padding-top: 40px;
    }

    .slick-arrow.slick-prev {
        right: 50px;
    }
    .slick-arrow.slick-next {
        right: 0;
    }
}

@media (max-width: 1200px) {
    .header__products {
        gap: 15px;
    }
}
@media (max-width: 1100px) {
    .page-category-settings {flex-wrap: wrap;gap: 10px;}
    .page-product-top .images .thumbnails {width: 80px;}
    .page-product-info .counter_quantity {width: 160px;}
    .page-product-middle {gap: 60px;}
    .account_menu ul {flex-wrap: wrap;}
    .account_menu ul li {width: 50%;}
}


@media (max-width: 1024px) {
    .header__text {
        font-size: 20px;
    }
    
    .header__products {
        display: none;
    }

    .mobile__hamburger {
        display: block;
    }

    .header__info {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #19182C;
        z-index: 9999;
        padding: 70px 20px 20px 20px;
        transform: translateX(-100%);
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: .3s;
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 40px;
    }

    .header__info.open {
        transform: translateX(0);
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

    .header__contacts,
    .header__nav ul {
        flex-direction: column;
        padding: 0;
    }

    .header__contacts {
        order: 1;
    }

    .contacts__phone {
        text-align: center;
    }

    .contacts__phone>a>span:nth-child(1) {
        display: none;
    }

    .contacts__phone a {
        font-weight: 700;
        text-decoration: underline;
    }

    .contacts__additional p:not(:last-child) {
        margin-bottom: 0px;
      }

    .mobile__menu-close,
    .mobile__catalog-close  {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 20px;
        top: 20px;
        height: 40px;
        width: 40px;
    }

    .mobile__catalog-close {
        position: fixed;
        z-index: 1000;
    }
    

    .header__actions {
        flex-wrap: wrap;
        gap: 15px;
    }

    .header__shop,
    .header__links {
        gap: 15px;
    }


    .header__search {
        order: 1;
        width: 100%;
    }

    .header__logo {
        max-width: 150px;
    }

    .header__logo,
    .header__catalog,
    .header__search,
    .header__user {
        margin: 0;
    }

    .header__links {
        margin-left: auto;
    }


    /* .menu__dropdown-lvl-1 {
        display: none;
    } */
    
    .menu__dropdown-lvl-1 {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        pointer-events: auto;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        transition: .3s;
        z-index: 1000;
        opacity: 1;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 70px;
    }

    .menu__dropdown-lvl-2 {
        position: initial;
        width: 100%;
        padding: 0;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        padding-left: 15px;
    }


    .menu__dropdown-lvl-1.open {
        transform: translateX(0%);
    }


    .menu__dropdown-lvl-1 > li {
        margin-bottom: 15px;
    }

    .mobile__catalog-close {
        opacity: 0;
        transform: translateX(-100%);
        pointer-events: none;
        transition: .3s;
    }

    .mobile__catalog-close.open {
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto;
    }
    
    /*
    .sale__slide img {
        min-height: 200px;
        object-fit: cover;
        object-position: 20%;
    }
    */

    .footer {
        padding: 25px 0;
    }

}

@media(max-width: 1023px) {
    .page-category {gap: 20px;}
    .products-list .product-grid {width: 50%;}
    .products-list .product-inner {padding: 10px;}
    .products-list .image .model {top: -10px;font-size: 12px;}
    .page-product h1 {width: 100%;}
    .page-product-info {padding: 20px;}
    .page-product-top .images .thumbnails {width: 60px;margin-right: 10px;}
    .products-list.column-count-4 .product-grid {width: calc(100% / 3);}
    .page-account {flex-direction: column;}
    .page-account .column-left {order:10;max-width: 100%;}
}

@media(max-width: 768px) {
    .why__grid {
        grid-template-columns: repeat(1, 100%);
    }

    .header__text {
        font-size: 16px;
    }

    .header__shop li a span:nth-child(2),
    .header__user button span:nth-child(2) {
        font-size: 0;
        line-height: 0;
    }

    .header__user button {
        gap: 0;
    }

    .header__user {
        min-width: 45px;
    }

    .header__shop li a svg {
        width: 25px;
        height: 25px;
    }

    .popup__content {
        width: 90%;
        max-width: none;
        padding: 15px;
        padding-top: 30px;
    }

    .popup__close {
        top: -18px;
        right: -4px;
    }

    .popup__title {
        font-size: 18px;
    }

    .popup__subtitle {
        font-size: 15px;
    }

    .counter {
        right: -10px;
        top: -9px;
    }



}

@media(max-width: 767px) {
    .ocfilter-mobile {display: block;}
    .page-category aside {display: none;}
    .page-category #content {width: 100%;}
    .page-product-top {display: block;margin-bottom: 30px;}
    .page-product-top .images {width: 100%;}
    .page-product-middle {display: block;}
    .page-product-middle .right-column {padding-top: 20px;}
    .products-list.column-count-4 .product-grid {width: 50%;}

    
}


@media (max-width: 550px) {
    body {font-size: 12px;}
    .header__info {font-size: 15px;}
    .products-list .product-layout-info {line-height: 1.3;}

    .pin-input {width: 44px;height: 44px;font-size: 24px;}

    .products-list .product-inner {flex-wrap: wrap;}
    .products-list .product-list .product-inner .product-layout-info {min-width: calc(100% - 100px);margin-bottom: 10px;}
    .products-list .product-list .product-layout-price {margin: 0;width: 100px;text-align: center;}

    .code__flex input {
        max-width: 30px;
        font-size: 40px;
        line-height: 40px;
    }

    .product__item-title {
        font-size: 14px;
    }

    .header__text {
        font-size: 14px;
        line-height: 1.3;
    }

    .header__catalog {
        order: 2;
    }

    .header__search {
        width: calc(100% - 129px);
    }

    .header__bottom {
        padding-block: 5px;
    }

    .header__catalog .btn {
        min-height: 36px;
    }

    .input-wrap {margin-bottom: 16px;}
    .btn-wrap .btn {padding: 0 20px;font-size: 16px;height: 40px;}
    .user_links a {padding: 10px;}

    .search__form input {min-height: 36px;width: calc(100% - 34px);}
    .search__form .btn {max-width: 42px;padding-right: 10px;}
    .search__form .btn svg {width: 18px;height: 18px;}
    .lvl-2__title {font-size: 14px;}
    .menu__dropdown-lvl-2 {font-size: 12px;}
}

@media (max-width: 379px) {
    .header__logo {
        max-width: 100px;
    }

    .header__shop li a svg,
    .header__user button svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 359px) {
    .pin-input {width: 36px;height: 36px;font-size: 20px;}
}


@media (max-width: 600px) {
    /*
    .sale__slide img {
        min-height: 200px;
        object-fit: cover;
        object-position: 30%;
    }
    */
}