@media(max-width:600px){
    html {
        font-size: 0.166666vw;
    }
    .mobile-hidden{
        display: none;
    }
    .desctop-hidden{
        display: block;
    }
    .mobile-header{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 500;
    }
    .mobile-header_box{
        padding: 16rem 24rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--main-white);
        height: 90rem;
    }
    .mobile-header_box svg{
        width: 30rem;
        height: 30rem;
    }
    .mobile-header_box-left{
        display: flex;
        align-items: center;
        gap: 16rem
    }
    .column{
        padding: 0 24rem;
        width: 100%;
    }
    .mobile-header_box-logo{
        width: 250rem;
    }
    .mobile-header_box-logo img{
        width: 100%;
    }
    .mobile-header_box-right{
        display: flex;
        gap: 16rem;
        align-items: center;
    }
    .advant-block{
        width: 100%;
        gap: 18rem;
    }
    .footer-block{
        flex-direction: column;
        gap: 24rem;
    }
    .footer-block_left{
        max-width: 100%;
    }
    .footer-block_menu{
        display: flex;
        flex-wrap: wrap;
        gap: 12rem 24rem;
    }
    .footer-block_menu-item{
        width: calc(50% - 12rem);
    }
    .footer-block_menu h2{
        padding: 16rem 0;
    }
    .product-metka_top{
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    ul.product-metka_tabs{
        margin-bottom: 12rem;
    }
    .product-metka_card{
        width: calc(50% - 12rem);
    }
    .product-metka_items{
        gap: 24rem;
    }
    .spec-items{
        gap: 24rem;
    }
    .spec-item{
        padding: 24rem 16rem 24rem;
        width: calc(50% - 12rem);
        height: auto;
        gap: 16rem;
    }
    .btn-white{
        padding: 8rem 16rem;
    }
    h2, .h2{
        font-size: 24rem;
    }
    .home-slider_info{
        padding: 32rem 48rem;
    }
    .home-slider{
        margin-top: 80rem;
    }
    .home-slider_title{
        font-size: 36rem;
        width: 100%;
    }
    .home-slider_subtitle{
        width: 100%;
        font-size: 24rem;
    }
    .advant-block_item{
        width: 100%;
    }
    .advant-block_item{
        width: 100%;
    }
    .promo-home_block{
        gap: 24rem;
    }
    .promo-home_block-item{
        width: calc(50% - 12rem);
    }
    .about-home_block{
        flex-direction: column;
        gap: 24rem;
        padding: 24rem;
    }
    .about-home_left{
        width: 100%;
    }
    .about-home_right{
        width: 100%;
    }
    .about-home_right img{
        height: 300rem;
    }
    .blog-home_items{
        gap: 24rem;
    }
    .blog-home_item{
        width: calc(50% - 12rem);
    }
    .blog-home,
    .about-home,
    .promo-home,
    .best-offer,
    .spec-home,
    .product-metka,
    .vk-home {
        padding: 30rem 0;
    }
    .vk-home_items{
        gap: 24rem;
    }
    .vk-home_item{
        width: calc(50% - 12rem);
        padding: 18rem;
    }
    .vk-home_item-title{
        padding-bottom: 32rem;
    }
    .vk-home_item-img a{
        height: 150rem;
    }
    /* Обновленные стили для области с категориями */
    .category-panels {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        /* Удаляем overflow: hidden; */
        /* overflow: hidden; */
        transition: right 0.3s ease;
        z-index: 1000;
        /* Добавляем скрытие горизонтальной полосы прокрутки */
        overflow-x: hidden;
    }

    .category-panels.active {
        right: 0;
    }

    .category-panel {
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        transition: right 0.3s ease;
        /* Добавляем вертикальную прокрутку */
        overflow-y: auto;
        /* Добавляем скрытие горизонтальной полосы прокрутки */
        overflow-x: hidden;
    }

    .category-panel.active {
        right: 0;
    }

    .back-button, .back-button-cat{
        display: block;
        padding: 20rem 24rem;
        background: #f5f5f5;
        border: none;
        width: 100%;
        text-align: left;
        font-size: 16rem;
    }

    .category-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .category-item {
        padding: 0 24rem;
        width: 100%;
        position: relative;
    }

    .category-item a {
        text-decoration: none;
        color: #333;
    }

    .subcat-icon {
        position: absolute;
        right: 15rem;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .smotr-home_items{
        gap: 24rem;
    }
    .smotr-home_item{
        width: calc(100% / 3 - 16rem);
    }
    .mobile-panel_items{
        padding: 24rem 0;
        display: flex;
        flex-direction: column;
        gap: 16rem;
        border-top: 1rem solid rgba(0, 0, 0, 0.08);
        border-bottom: 1rem solid rgba(0, 0, 0, 0.08);
    }
    .mobile-panel_item{
        display: flex;
        gap: 16rem;
        align-items: center;
    }
    .mobile-panel_items svg{
        width: 32rem;
        height: 32rem;
    }
    .mobile-panel_item path{
        transition: all ease .3s;
    }
    .mobile-panel_item:hover path{
        stroke: var(--green-primary);
    }
    .mobile-panel_item-title{
        font-weight: 500;
        font-size: 18rem;
    }
    ul.mobile-panel_contacts{
        list-style-type: none;
        margin: 0;
        padding: 24rem 0;
    }
    .mobile-panel_contacts li{
        margin-bottom: 16rem;
    }
    .mobile-panel_contacts li a, .mobile-panel_contacts li{
        font-size: 20rem;
        font-weight: 500;
        padding: 0;
    }
    footer{
        padding-bottom: 90rem;
    }
    .bottom-panel{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
    }
    .bottom-panel_box{
        padding: 12rem 24rem;
        display: flex;
        justify-content: space-between;
        gap: 8rem;
        background-color: var(--main-white);
    }
    .bottom-panel_box-item{
        text-align: center;
        width: calc(20% - 6.4rem);
    }
    .woocommerce-cart-form{
        width: 100%;
    }
    .cart-item{
        flex-wrap: wrap;
        gap: 12rem;
        justify-content: space-between;
        align-items: center;
    }
    .cart-item-info{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cart-item-actions{
        display: flex;
        gap: 8rem;
        align-items: center;
    }
    .cart-item-quant{
        width: auto;
    }
    .custom-cart{
        flex-direction: column;
    }
    .cart-right-box{
        width: 100%;
        margin-top: 32rem;
    }
    .custom-checkout{
        flex-direction: column;
    }
    .custom-checkout main{
        width: 100%;
    }
    .individual-fields{
        flex-wrap: wrap;
    }
    .individual-fields>div{
        width: 100%;
    }
    .legal-entity-fields>div {
        width: calc(50% - 16rem);
    }
    .delivery_block-pickup-items{
        flex-direction: column;
    }
    #delivery_block-pickup-list{
        width: 100%;
        height: auto;
    }
    .delivery_block-pickup-map{
        height: 360rem;
        width: 100%;
    }
    .custom-checkout aside{
        width: 100%;
    }
    .custom-catalog{
        padding: 100rem 0rem 120rem;
    }
    .catalog-sidebar{
        position: fixed;
        left: -100%;
        width: 350rem;
        z-index: 450;
        transition: all ease .3s;
        overflow-y: auto; 
        overflow-x: hidden;
        top: 20%;
        height: 60%;
    }
    .catalog-sidebar.active{
        left:0;
    }
    .btn-shop-category{
        position: fixed;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 16rem;
        border-radius: 4rem;
        z-index: 450;
        background-color: var(--green-primary);
        color: #fff;
        text-align: center;
        transition: all ease .3s;
    }
    .btn-shop-category.active{
        left: 350rem;
    }
    .catalog-box {
        width: 100%;
    }
    .catalog-box_products .product-metka_card{
        width: calc(50% - 12rem);
    }
    .catalog-box_products{
        gap: 24rem;
    }
    .shop-page_block{
        gap: 16rem 24rem;
    }
    .shop-page_item{
        width: calc(50% - 12rem);
    }
    .shop-page_item span{
        font-size: 24rem;
    }
    .profile-container, .help-container, .about-container{
        flex-direction: column;
    }
    .profile-sidebar, .help-sidebar, .about-sidebar{
        width: 100%;
        
    }
    .profile-sidebar ul{
        display: flex;
        flex-wrap: wrap;
        gap:24rem;
        flex-direction: row;
    }
    .profile-sidebar ul li{
        display: block;
        width: calc(50% - 12rem);
    }
    .profile-content, .help-content, .about-content{
        width: 100%;
    }
    .profile-content_info-items{
        gap: 16rem;
        flex-direction: column;
    }
    .btn-shop-category_title{
        font-size: 12rem;
    }
    .single-product{
        padding: 100rem 0;
    }
    .custom-product_info, .custom-product_block-image, .custom-product_other{
        width: 100%;
    }
    .custom-product_block{
        flex-direction: column;
    }
    .product-tabs ul{
        overflow-x: auto;
    }
    .profile-edit-items{
        flex-direction: column;
    }
    .profile-edit_contact{
        width: 100%;
    }
    .profile-edit_dop{
        width: 100%;
    }
    .help-content_flex{
        flex-direction: column;
    }
}