@media screen and (min-width: 1461px)
{
    /*---------вспомогательные стили - начало-----------*/

    .container{
        max-width: 1200px;
    }

    .glide:after{
        width: 20px;
    }

    .glide:after{
        right: -24px;
    }

    /*---------вспомогательные стили - конец-----------*/
}



@media screen and (min-width: 1461px)
{
    /*---------вспомогательные стили - начало-----------*/

    .container{
        max-width: 1200px;
    }

    .glide:after{
        width: 20px;
    }

    .glide:after{
        right: -24px;
    }

    /*---------вспомогательные стили - конец-----------*/
}


@media (max-width: 1460px)
{

    /*---------вспомогательные стили - начало-----------*/

    .container{
        max-width: 1200px;
    }

    .glide:after{
        right: -20px;
    }

    .glide:before{
        left: -20px;
    }

    /*---------вспомогательные стили - конец-----------*/
}

@media screen and (min-width: 768px)
{

    :root{

       /* --fontSizeH1: clamp(32px, calc(32px + (46 - 32) * ((100vw - 768px) / (1920 - 768))), 46px);*/
        --fontSizeH1: clamp(32px, calc(32px + (42 - 32) * ((100vw - 768px) / (1920 - 768))), 42px);

        /*--fontSizeH3: clamp(18px, calc(18px + (26 - 18) * ((100vw - 768px) / (1920 - 768))), 26px);*/
        --fontSizeH3: clamp(18px, calc(18px + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);

        /*--fontSizeBreadcrumbs: clamp(14px, calc(14px + (20 - 14) * ((100vw - 768px) / (1920 - 768))), 20px);*/
        --fontSizeBreadcrumbs: clamp(14px, calc(14px + (18 - 14) * ((100vw - 768px) / (1920 - 768))), 18px);

        /*--fontSizeText: clamp(16px, calc(16px + (22 - 16) * ((100vw - 768px) / (1920 - 768))), 22px);*//*Text и Text bold ui kit*/
        --fontSizeText: clamp(16px, calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))), 20px);/*Text и Text bold ui kit*/

        /*--fontSizeTextMain: clamp(14px, calc(14px + (20 - 14) * ((100vw - 768px) / (1920 - 768))), 20px);*/ /*Text2 и Text2 bold ui kit*/
        --fontSizeTextMain: clamp(15px, calc(15px + (18 - 15) * ((100vw - 768px) / (1920 - 768))), 18px); /*Text2 и Text2 bold ui kit*/

        /*--fontSizeTextBig: clamp(23px, calc(23px + (32 - 23) * ((100vw - 768px) / (1920 - 768))), 32px);*/
        --fontSizeTextBig: clamp(23px, calc(23px + (28 - 23) * ((100vw - 768px) / (1920 - 768))), 28px);

        --fontSizePopup: clamp(18px, calc(18px + (42 - 18) * ((100vw - 768px) / (1920 - 768))), 42px);
        --fontSizePopupH3: clamp(18px, calc(18px + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);

    }
}

@media (max-width: 1400px) and (min-width: 768px)
{
    /*---------вспомогательные стили - начало-----------*/

    .container{
        padding: 0 15px;
    }

    .glide:before,
    .glide:after{
        width: 15px;
    }

    .glide:before{
        left: -15px;
    }

    .glide:after{
        right: -15px;
    }

    /*---------вспомогательные стили - конец-----------*/

    /*---------карточка товара - начало-----------*/

    .product-card-bar{
        /*width: Calc(100% - 30px);*/
        height: 80px;
        /*max-width: 1170px;*/
    }

    .product-card-bar,
    .product-card-bar-info,
    .product-card-bar-wrap/*,
    .product-card-bar-btns*/{
        gap: 10px;
    }

    .product-card-bar-info .image{
        width: 50px;
        height: 50px;
    }

    .product-card-bar-wrap{
        width: 60%;
    }

    /*.product-card-bar-btns{
        justify-content: flex-end;
    }*/

    /*---------карточка товара - конец-----------*/

    /*--------- попап "товар добален в корзину" - начало -----------*/

    .add-basket-popup.popup-block {
        width: Calc(100% - 30px);
        max-width: 950px;
        padding: 20px;
    }

    /*--------- попап "товар добален в корзину" - конец -----------*/
}

@media (max-width: 1440px)
{

    /*---------шапка - начало-----------*/

    .header-nav ul{
        gap: 10px;
    }

    .header-nav li.phone a{
        padding-left: 0;
    }

    /*---------шапка - конец-----------*/


}


@media (max-width: 1400px)
{

    /*---------вспомогательные стили - начало-----------*/

    .container{
        max-width: 980px;
    }

    .slider-block .glide__arrows{
        width: 75px;
        height: 30px;
    }

    .slider-block > .h2-slider{
        width: calc(100% - 85px);
    }

    /*---------вспомогательные стили - конец-----------*/

    /*---------универсальные блоки - начало-----------*/

    .contacts-block{
        gap: 40px;
    }

    .contacts-block-rows{
        margin-bottom: 35px;
    }

    .contacts-block-row{
        margin-bottom: 20px;
    }

    .contacts-block-row i{
        width: 40px;
        height: 40px;
        margin-right: 20px;
    }

    .contacts-block-row i:before{
        font-size: 19px;
    }

    .contacts-block-socs{
        gap: 20px;
    }

    .contacts-block-soc{
        width: 40px;
        height: 40px;
    }

    .contacts-block-img{
        max-height: 300px;
    }

    .reviews-slide-stars{
        width: calc(100% - 90px);
        margin: 0 auto 25px;
    }

    .reviews-slide-star i:before{
        font-size: 30px;
    }

    .reviews-slide:before,
    .reviews-slide:after{
        font-size: 40px;
        line-height: 30px;
    }

    .reviews-slide:before{
        top: 15px;
        right: 23px;
    }

    .reviews-slide:after{
        bottom: 15px;
        left: 23px;
    }

    .double-container .left{
        width: 250px;
    }

    .double-container .right{
        width: calc(100% - 280px);
    }

    .shadow-block.grid-two{
        grid-template-columns: auto;
    }

    .shadow-block-el .btn{
        max-width: 240px;
    }

    .page-banner.small .page-banner-img{
        width: 63px;
        height: 63px;
    }

    .small .page-banner-wrap{
        height: calc(100% - 153px);
    }

    .main .grid-accent-layout-el-wrap .title{
        max-width: 100%;
    }

    .grid-col-3{
        grid-template-columns: repeat(2, 1fr);
    }


    /*---------универсальные блоки - конец-----------*/

    /*---------шапка - начало-----------*/

    .header-main .smart-search-block{
        margin-right: 30px;
    }

    .header-main .btns-kit{
        margin-left: 16px;
        gap: 16px;
    }

    .header-main .catalog-btn{
        margin: 0 20px 0 40px;
    }

    /*---------шапка - конец-----------*/

    /*---------подвал - начало-----------*/


    .footer-menu{
        max-width: 875px;
    }

    .footer-menu li.title{
        padding-bottom: 13px;
        margin-bottom: 16px;
    }

    .footer-menu li.title:before{
        width: 55px;
        height: 2px;
    }

    .footer-menu li:not(.title){
        margin-bottom: 15px;
    }

    .footer-main-block .contacts-block-socs{
        gap: 15px;
    }

    footer .policy-links{
        padding-top: 60px;
    }

    /*---------подвал - конец-----------*/

    /*---------слайдер карточки товара - начало-----------*/

    .glide.product-main-slider .glide__arrows{
        display: none;
    }

    .glide.product-main-slider .glide__bullets{
        display: inline-flex;
        bottom: unset;
        top: calc(100% + 20px);
    }

    .glide.product-nav-slider{
        width: 100%;
    }

    .product-nav-slider .glide__slide{
        max-width: unset;
        max-height: unset;
    }

    /*---------слайдер карточки товара - конец-----------*/

    /*---------каталог - начало-----------*/

    .sections-items{
        grid-template-columns: repeat(2, 1fr);
        grid-template-columns: repeat(auto-fit, minmax(230px, calc((100% - 30px)/2)));
    }

    .product-list{
        grid-template-columns: repeat(2, 1fr);
    }

    /*---------каталог - конец-----------*/


    /*---------главная - начало-----------*/

    .main-advantages-block.shadow-block.grid-four{
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .main-popular-sections-block .grid-four{
        grid-template-columns: repeat(3, 1fr) !important;
    }

    /*---------главная - конец-----------*/

    /*---------страница "спасибо за заказ" - начало-----------*/

    .order-final-step-icon,
    .current .order-final-step-icon i:after{
        width: 80px;
        height: 80px;
    }

    .order-final-step-icon{
        margin: 0 auto 10px;
    }

    .order-final-step-icon i{
        width: 50px;
        height: 50px;
    }

    .order-final-step-icon i:before{
        font-size: 50px;
    }

    .complete .order-final-step-icon i:before{
        font-size: 25px;
    }

    .current .order-final-step-icon i{
        width: 60px;
        height: 60px;
    }

    .current .order-final-step-icon i:before{
        font-size: 30px;
    }

    .order-final-step.current:before,
    .order-final-step.current:after{
        width: 80px;
        top: 39px;
    }

    .order-final-step.current:before{
        left: -50px;
    }

    .order-final-step.current:after{
        right: -50px;
    }



    /*---------страница "спасибо за заказ" - конец-----------*/


}

@media (max-width: 1199px)
{
    /*---------универсальные блоки - начало-----------*/

    .product-action-btns{
        top: 15px;
        right: 15px;
    }

    /*---------универсальные блоки - конец-----------*/

    /*---------мини-карточка товара (слайдеры, каталог) - начало-----------*/

    .sticker-icons{
        width: calc(100% - 70px);
        left: 15px;
        bottom: 15px;
    }

    .sticker-icons:not(.bottom){
        top: 15px;
    }

    .product-item-wrap{
        padding: 15px 15px 80px;
    }

    .product-item > .btn.btn-50{
        width: Calc(100% - 30px);
        position: absolute;
        left: 15px;
        bottom: 15px;
    }

    .sticker-icons{
        gap: 10px;
    }

    /*---------мини-карточка товара (слайдеры, каталог) - конец-----------*/



    /*---------карточка товара - начало-----------*/

    .product-card-info-row:last-child{
        gap: 25px;
    }

    .product-card-info-main{
        order: 1;
        margin-bottom: 10px;
    }

    .product-card-info-row .sale-cards{
        width: 100%;
        order: 3;
    }

    .product-card-info-row .product-properties{
        order: 2;
    }

    .product-card-info{
        margin-top: 0;
    }

    .product-card h2.title .product-action-btns{
        width: 35px;
        gap: 10px;
        flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
    }

    .product-card h2.title .product-action-btn{
        width: 35px;
        height: 35px;
    }

    .product-card h2.title .product-action-btn:before{
        font-size: 21px;
    }


    .product-card-info-main .product-btns > div:first-child{
        margin-bottom: 0;
    }

    .product-card-info-main .product-btns{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }

    .product-card-info .rating-row{
        margin-right: 20px;
    }

    .product-card-info-main .add-basket-btn{
        width: auto;
        flex: 1;
    }

    .product-card-bar-wrap{
        width: 56%;
    }

    /*.product-card-bar-btns{
        width: 330px;
    }*/

    .product-card-bar .add-basket-btn{
        width: 170px;
        max-width: unset;
    }

    .product-card-links{
        height: 50px;
    }

    .product-card-links a{
        font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 768px) / (1199 - 768))), 18px);
        padding: 0 20px;
    }


    /*---------карточка товара - конец-----------*/

    /*---------каталог - начало-----------*/

    .sections-items{
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    }

    /*---------каталог - конец-----------*/



}

@media (max-width: 1024px)
{

    /*---------вспомогательные стили - начало-----------*/

    .glide__slide-four .glide__slide-content{
        margin: 0 8px;
    }

    /*---------вспомогательные стили - конец-----------*/

    /*---------универсальные блоки - начало-----------*/

    .contacts-block{
        gap: 30px;
    }

    .contacts-block-img{
        aspect-ratio: 1 / 0.8;
    }

    .double-block,
    .double-block > .image{
        gap: 16px;
    }

    .attention-block,
    .double-block{
        margin: 45px 0;
    }

    .attention-block{
        gap: 12px 16px;
        padding: 16px 20px;
    }

    .double-container{
        gap: 16px;
    }

    .shadow-block{
        gap: 16px;
    }

    .shadow-block-el.btn-block{
        padding: 20px;
    }

    .shadow-block-el .btn{
        position: relative;
        margin-top: 20px;
        left: unset;
        bottom: unset;
    }

    .shadow-block.accent-image{
        margin-bottom: 0;
    }

    .shadow-block-el-bg{
        width: 225px;
        height: 150px;
    }

    .page-banners,
    .grid-accent-layout{
        gap: 15px;
    }

    .grid-col-2,
    .grid-col-3{
        gap: 15px;
    }
    /*---------универсальные блоки - конец-----------*/

    /*---------шапка - начало-----------*/

    .header-nav{
        height: 40px;
    }

    .header-nav ul{
        min-height: 40px;
    }

    /*---------шапка - конец-----------*/

    /*---------- стили для всех попапов - начало -----------*/

    .popup-block{
        padding: 30px;
    }

    .popup-header{
        margin-bottom: 30px;
    }

    .popup-bg .popup-header{
        padding-top: 300px;
    }

    /*---------- стили для всех попапов - конец -----------*/

    /*--------- попап статуса заказа - начало ----------*/

    .popup-banner{
        height: 300px;
    }


    /*--------- попап статуса заказа - конец ----------*/


    /*---------карточка товара - начало-----------*/

    .product-card-bar-wrap{
        width: 45%;
    }

    .product-card-links a{
        padding: 0 15px;
    }

    .product-properties-wrap.grid-col-2{
        grid-template-columns: auto;
        gap: 0;
    }

    /*---------карточка товара - конец-----------*/

    /*---------каталог - начало-----------*/

    .sections-sort{
        margin-bottom: 10px;
    }

    .sections-items{
        margin-top: 20px;
        gap: 16px;
    }

    /*---------каталог - конец-----------*/

    /*---------каталог (листинг) - начало-----------*/

    .product-list{
        gap: 16px;
    }

    /*---------каталог (листинг) - конец-----------*/


    /*---------о питомнике (главная) - начало-----------*/

    .about-block-wrap.double,
    .about-block-row:not(.grid-col-2){
        gap: 15px;
    }

    /*---------о питомнике (главная) - конец-----------*/

    /*---------страница "спасибо за заказ" - начало-----------*/

    .order-final-block{
        margin-bottom: 50px;
    }

    /*---------страница "спасибо за заказ" - конец-----------*/

    /*--------- попап "товар добален в корзину" - начало -----------*/

    .add-basket-popup .popup-close-btn{
        top: 25px;
        right: 25px
    }

    /*--------- попап "товар добален в корзину" - конец -----------*/

}

@media (max-width: 991px)
{
    jdiv .__jivoMobileButton{
        display: none !important;
    }

    /*---------вспомогательные стили - начало-----------*/

    .slider-block > .h2-slider{
        margin-bottom: 16px;
    }

    .slider-block{
        margin-bottom: 46px;
    }

    /*---------вспомогательные стили - конец-----------*/

    /*---------кнопки - начало-----------*/

    .btn-50{
        height: 45px;
    }

    .btn-kit i{
        width: 35px;
        height: 35px;
        background: var(--bgGreen);
        border-radius: 100%;
    }

    .btn-kit i:before,
    .btn-kit-status i:before{
        font-size: 14px;
    }

    .btn-kit.btn-kit-status span:not(.counter){
        font-size: 12px;
        line-height: 14px;
        width: 40px;
        border-bottom: unset;
        display: block;
        margin: 0;
    }

    .invert .btn-kit:not(.btn-kit-status) i:before{
        color: #ffffff;
    }

    /*---------кнопки - конец-----------*/

    /*---------универсальные блоки - начало-----------*/

    .breadcrumbs{
        padding: 40px 0 25px;
    }

    .breadcrumbs ul,
    .breadcrumbs ul li{
        gap: 7px;
    }

    .breadcrumbs ul li i:before{
        font-size: 15px;
    }

    .rating-row-star:before{
        font-size: 20px;
    }

    .sale-card{
        gap: 20px;
        padding: 12px 10px;
        margin-bottom: 15px;
    }

    .sale-card-info .title{
        font-size: 18px;
    }

    .sale-card-info .subtitle{
        font-size: 14px;
    }

    .double-block > .image{
        width: 37%;
    }

    .double-container{
        gap: 0;
    }

    .double-container .left{
        width: 0;
    }

    .double-container .left .catalog-menu{
        display: none;
    }

    .double-container .right{
        width: 100%;
    }

    .page-banner{
        aspect-ratio: 1 / 0.34;
        border-radius: 18px;
    }

    .page-banner:not(.big, .small){
        margin-bottom: 40px;
    }

    .page-banner:not(.big, .small) h1{
        width: 50%;
        max-width: calc(100% - 40px);
        bottom: 20px;
        left: 20px;
    }

    /*---------универсальные блоки - конец-----------*/

    /*---------- стили форм - начало -----------*/

    .form-field input:not([type='file']){
        height: 45px;
    }

    /*---------- стили форм - конец -----------*/

    /*---------шапка - начало-----------*/

    .smart-search-row{
        height: 35px;
        padding: 0 10px;
    }

    .smart-search-row i{
        right: 10px;
    }

    .smart-search-row i:before{
        font-size: 22px;
    }

    .header-menu-btn{
        display: flex;
        order: 6;
    }

    #header-all .header-nav{
        display: none;
    }

    .header-main{
        height: 75px;
        padding: 7px 0;
        position: relative;
    }

    .header-main > .container{
        height: 100%;
    }

    #header-all .logo-block{
        width: 60px;
        margin-right: 20px;
    }

    #header-all .logo-block{
        order: 1;
    }

    #header-all .btn-kit-status{
        order: 2;
    }

    #header-all .catalog-btn{
        order: 3;
    }

    #header-all .smart-search-block{
        order: 4;
    }

    #header-all .btns-kit{
        order: 5;
    }

    #header-all .catalog-btn{
        width: 130px;
        height: 35px;
    }

    #header-all .btn-kit-status a{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
    }

    #header-all .btn-kit:not(.btn-kit-status) span:not(.counter){
        display: none;
    }

    .header-main .btns-kit{
        gap: 10px;
        margin: 0 65px 0 30px;
    }

    .header-main .btn-kit span.counter{
        top: -12px;
        right: -8px;
    }

    .header-main .catalog-btn{
        margin: 0 10px 0 20px;
    }

    .header-main .smart-search-block{
        margin-right: 0;
    }

    .header-main .btn-kit-phone{
        display: block;
    }
    .header-main .btn-kit-auth{
        display: none;
    }

    .header-menu-btn i{
        width: 20px;
        height: 20px;
        position: absolute;
        left: 8px;
        bottom: 10px;
    }

    .header-menu-btn i:before{
        color: transparent;
        background: var(--bgGreen);
        background-clip: text;
    }

    header .btn-kit:hover i:not(.btn-green):before{
        color: #ffffff;
        background: unset;
    }

    /*---------шапка - конец-----------*/


    /*---------подвал - начало-----------*/

    footer{
        margin-top: 40px;
    }

    .footer-main-block{
        padding: 40px 0;
    }

    .footer-main-block > .d-flex{
        gap: 40px;
    }

    footer .logo-block{
        margin: 0 auto;
        width: 160px;
    }

    .footer-menu{
        max-width: unset;
        width: auto;
        flex: 1;
    }

    footer .policy-links{
        padding-top: 40px;
    }

    .footer-menu li.title{
        padding-bottom: 10px;
    }

    .footer-menu li:not(.title){
        margin-bottom: 13px;
    }

    .footer-main-block .contacts-block-socs{
        margin-top: 30px;
    }

    .footer-menu > nav{
        justify-content: space-between;
    }

    .footer-menu ul{
        width: auto;
    }

    .footer-menu ul:last-child{
        min-width: fit-content;
    }

    footer .policy-links a{
        margin-bottom: 13px;
    }

    .footer-main-block .contacts-block-soc{
        width: 30px;
        height: 30px;
    }

    .footer-contacts-block{
        margin-bottom: 70px;
    }

    /*---------подвал - конец-----------*/

    /*---------- стили форм - начало -----------*/

    .form-field-title{
        margin-bottom: 12px;
    }

    .form-field{
        margin-bottom: 35px;
    }

    .system-row{
        margin-bottom: 60px;
    }

    .system-row-error{
        margin-top: 14px;
    }

    /*---------- стили форм - конец -----------*/

    /*---------- стили для всех попапов - начало -----------*/

    .popup-block{
        padding: 20px;
    }

    .popup-banner{
        height: 280px;
    }

    .popup-bg .popup-header{
        padding-top: 280px;
    }

    .popup-close-btn{
        top: 10px;
        right: 10px;
    }

    /*---------- стили для всех попапов - конец -----------*/

    /*--------- попап статуса заказа - начало ----------*/

    .status-popup-rows{
        padding: 16px;
    }

    .status-popup-row{
        margin-bottom: 16px;
    }

    /*--------- попап статуса заказа - конец ----------*/

    /*--------- ПОПАП АВТОРИЗАЦИИ - начало ----------*/

    .auth-popup-reg-btn{
        margin-top: 14px;
    }

    /*--------- ПОПАП АВТОРИЗАЦИИ - конец ----------*/


    /*---------карточка товара - начало-----------*/

    .product-card-wrap{
        gap: 15px;
    }

    .product-card-wrap > div{
        width: calc((100% - 15px)/2);
    }

    .product-card-info-row:last-child{
        margin-top: 20px;
    }

    .product-card-info-main-rows{
        margin-bottom: 16px;
    }

    .product-card-info-main .product-prices{
        margin: 16px 0 20px;
    }

    .product-card-info-main .product-add-count{
        height: 45px;
    }

    .product-card-info-row:first-child{
        gap: 10px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .product-card-content{
        margin: 65px 0;
    }

    .product-card-bar-info .image{
        display: none;
    }

    .product-card-bar-wrap{
        width: 52%;
    }

    .product-card-section,
    .product-card-sections{
        margin-bottom: 65px;
    }

    .product-card-section .show-all-container{
        margin-bottom: 40px;
    }

    /*---------карточка товара - конец-----------*/

    /*---------слайдер карточки товара - начало-----------*/

    .glide.product-main-slider{
        margin-bottom: 20px;
    }

    /*---------слайдер карточки товара - конец-----------*/

    /*---------мини-карточка товара (слайдеры, каталог) - начало-----------*/

    .product-item-wrap{
        padding: 15px 15px 75px;
    }

    .product-item .product-stiсker{
        font-size: 16px !important;
        padding: 2px 4px;
    }

    .product-item .product-price.d-flex-center{
        gap: 10px;
    }

    .product-item .product-item-info-row i:before{
        font-size: 20px;
    }

    /*---------мини-карточка товара (слайдеры, каталог) - конец-----------*/

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - начало*/

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - конец*/

    /*---------каталог - начало-----------*/

    .catalog-page{
        margin-bottom: 40px;
    }

    .catalog-page .double-container{
        margin-bottom: 70px;
    }

    .sections-item-name{
        width: Calc(100% - 28px);
        left: 14px;
        bottom: 14px;
    }

    .sections-sort ul li{
        width: 45px;
        height: 45px;
    }

    .sections-sort ul li:first-child{
        width: 45px;
    }

    .sections-item > a{
        border-radius: 18px;
    }

    .product-list{
        grid-template-columns: repeat(3, 1fr);
    }

    /*---------каталог - конец-----------*/

    /*---------каталог (листинг) - начало-----------*/

    .catalog-page h2:not(.h2-slider){
        margin-bottom: 25px;
    }

    .top_filter{
        margin-bottom: 30px;
    }

    .top_filter-wrap{
        gap: 15px;
    }


     .filter-popup.popup-block{
         width: 100% !important;
         height: 100% !important;
         overflow-y: hidden;
         border-top: none;
         margin-top: 0;
         padding: 20px;
         background: #fff;
         position: fixed;
         top: 0;
         left: 0;
         z-index: -1;
         opacity: 0;
         -moz-opacity: 0;
     }

     .filter-popup.popup-block.active{
         z-index: 1002;
         opacity: 1;
         -moz-opacity: 1;
     }

    .filter-popup.popup-block form{
        height: 100%;
    }

    .filter-content{
        height: Calc(100% - 100px);
        overflow-y: scroll;
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .filter-content::-webkit-scrollbar{
        width: 0;
        height: 0;
        display: none;
    }

    .filter-content-wrap{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px 40px;
    }

    .filter-popup .popup-header{
        display: block;
    }

    .filter-popup .popup-header .popup-name{
        height: calc(1.1em * 1);
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .filter-wrap{
        top: 0;
        height: calc(100% - 54px);
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .filter-btns{
        width: Calc(100% - 50px);
        position: fixed;
        bottom: 25px;
        margin-top: 32px;
    }

    .filter-block{
        width: Calc((100% - 40px)/2);
        margin-bottom: 0;
    }

    .filter-length-bar-inputs > div{
        height: 35px;
        max-width: 65px !important;
    }

    .filter-popup .title span{
        width: auto;
        max-width: Calc(100% - 113px) !important;
        margin-right: 20px;
    }

    .filter-del-btn{
        width: 93px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 0;
    }

    .filter-popup .title i{
        position: relative;
        top: unset;
        right: unset;
    }

    .filter-del-btn span{
        display: block;
        width: auto;
        font-size: 16px;
        line-height: 17px;
        font-weight: 400;
        color: #8B8B8B;
        margin-left: 10px;
        z-index: -1;
        opacity: 0;
    }

    .filter-block.active .filter-del-btn span{
        z-index: 1;
        opacity: 1;
        max-width: unset !important;
        margin-right: 0;
    }

    .noUi-target{
        width: Calc(100% - 16px);
    }

    .filter-sticker{
        display: none;
    }

     .select-list-title{
         height: 45px;
         display: flex;
         align-items: center;
         justify-content: flex-start;
     }

    .catalog-sort i{
        height: 45px;
    }

    .select-list ul{
        padding: 45px 20px 20px;
    }

     .select-list-title:before{
         content: "\e91e";
         font-family: 'rostok-public-icons';
         font-size: 20px;
         line-height: 1;
         color: transparent;
         background: var(--bgGreen);
         background-clip: text;
         margin-right: 10px;
     }

     .catalog-page .top_filter h2 {
         display: none;
     }

     .catalog-filter{
         display: block;
     }

     .catalog-sort,
     .catalog-filter{
         flex: 1;
     }

    .select-list ul li{
        padding-left: 30px;
    }

    /*---------каталог (листинг) - конец-----------*/

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - начало*/

    .row-layout-container .row-layout-btns{
        width: 105px;
        gap: 15px;
    }

    .row-layout-btn{
        width: 45px;
        height: 45px;
    }

    .row-layout-btn i:before{
        font-size: 45px;
    }

    .horizontal-layout .product-item{
        height: 280px;
    }

    .horizontal-layout .product-item-img{
        width: 280px;
    }

    .horizontal-layout .product-item > .btn.btn-50{
        left: 295px;
    }

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - конец*/

    /*---------о питомнике (главная) - начало-----------*/

    .about-block.grid-col-2{
        grid-template-columns: 300px calc(100% - 315px);
    }

    /*---------о питомнике (главная) - конец-----------*/


    /*--------- попап "товар добален в корзину" - начало -----------*/

    .add-basket-popup .popup-content{
        display: block;
    }

    .add-basket-popup .slider-block{
        grid-column: unset;
    }

    .add-basket-popup .popup-product-info{
        max-width: unset;
    }

    .add-basket-popup .popup-product-info,
    .add-basket-popup .popup-footer{
        margin-bottom: 30px;
    }

    .add-basket-popup .popup-close-btn{
        top: 15px;
        right: 15px;
    }

    .add-basket-popup .popup-footer{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px 20px;
    }

    .add-basket-popup .popup-footer-btn,
    .add-basket-popup .basket-result{
        margin: 0;
    }

    .add-basket-popup .basket-result{
        grid-column: span 2;
    }

    /*--------- попап "товар добален в корзину" - конец -----------*/

}

@media (max-width: 840px){

    /*--------- страница "спасибо за заказ" - начало -----------*/

    .order-final-step:not(.current){
        flex: 0.5;
    }

    .order-final-step.current:before{
        left: -20px;
    }

    .order-final-step.current:after{
        right: -20px;
    }

    /*--------- страница "спасибо за заказ" - конец -----------*/

}

@media (max-width: 768px){

    /*---------- стили форм - начало -----------*/

    label.label-checkbox:before{
        width: 20px;
        height: 20px;
    }

    input.input-checkbox + label.label-checkbox:after{
        width: 14px;
        height: 14px;
        font-size: 14px;
    }

    .label-checkbox span{
        min-height: 20px;
        padding-left: 30px;
    }

    /*---------- стили форм - конец -----------*/

    /*---------универсальные блоки - начало-----------*/

    .glide__slide-base .glide__slide-content,
    .glide__slide-four .glide__slide-content{
        border-radius: 15px;
    }

    .shadow-block-el{
        border-radius: 15px;
    }

    .page-banners{
        margin: 30px 0;
        grid-template-columns: auto 235px;
    }

    .page-banner.small{
        padding: 15px;
    }

    .small .page-banner-wrap{
        height: calc(100% - 143px);
    }

    .small .page-banner-wrap .btn{
        width: Calc(100% - 30px);
        bottom: 15px;
        left: 15px;
    }

    .main-block{
        margin-bottom: 65px;
    }

    .shadow-block-el{
        padding: 15px;
    }

    .shadow-block-el > div.d-flex-center:not(.order-final-steps){
        height: 36px;
        margin-bottom: 12px;
    }

    .shadow-block h3{
        margin-bottom: 5px;
    }

    .grid-accent-layout-el,
    .grid-accent-layout-el.main .image,
    .grid-accent-layout-el.image .image,
    .grid-accent-layout-el.main:before,
    .grid-accent-layout-el.image:before{
        border-radius: 15px;
    }

    .grid-accent-layout-el.main .image{
        max-height: 234px;
    }

    .main-block h1{
        margin-bottom: 30px;
    }

    .page-banner-wrap{
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
        max-width: unset;
    }

    .page-banner-wrap h2{
        margin-bottom: 10px;
    }

    .page-banner-wrap h1{
        margin-bottom: 20px;
    }

    .big .page-banner-wrap .btn{
        max-width: 205px;
    }

    .grid-accent-layout-el-wrap .sticker{
        font-size: clamp(14px, calc(20px + (14 - 20) * ((100vw - 420px) / (767 - 420))), 20px);
        padding: 6px 16px;
        border-radius: 15px;
    }

    .main .grid-accent-layout-el-wrap{
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        top: 15px;
        left: 15px;
    }

    .bg .grid-accent-layout-el-wrap,
    .image .grid-accent-layout-el-wrap{
        width: calc(100% - 30px);
        bottom: 15px;
        left: 15px;
    }

    .grid-accent-layout-el:not(.main, .bg, .image) .image{
        max-height: 140px;
    }

    .grid-accent-layout-el:not(.main, .bg, .image) .grid-accent-layout-el-wrap{
        padding: 15px 15px 75px;
    }

    .grid-accent-layout-el:not(.main, .bg, .image) .btn{
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .grid-accent-layout-el:not(.main, .bg, .image) .title{
        font-size: clamp(18px, calc(26px + (18 - 26) * ((100vw - 420px) / (767 - 420))), 26px);
        margin-bottom: 12px;
    }

    .grid-accent-layout-el-wrap .info > div > i{
        width: 14px;
        height: 14px;
    }

    .grid-accent-layout-el-wrap .info > div > i:before{
        font-size: 14px;
    }

    .grid-accent-layout-el-wrap .info > div > span{
        font-weight: 700;
        font-size: clamp(12px, calc(16px + (12 - 16) * ((100vw - 420px) / (767 - 420))), 16px);
    }

    .show-all-main-btn{
        max-width: 230px;
    }

    .shadow-block-el-img{
        width: 50px;
        height: 50px;
        margin-bottom: 14px;
    }

    /*---------универсальные блоки - конец-----------*/


    /*---------мини-карточка товара (слайдеры, каталог) - начало-----------*/

    .product-item{
        border-radius: 15px;
    }

    .product-item .product-action-btns{
        width: 40px;
        height: 40px;
    }
    .product-item .product-action-btns .add-fav-btn{
        padding: 10px;
    }

    .product-item .product-action-btn{
        width: 20px;
        height: 20px;
    }

    .product-item .product-action-btn:before{
        font-size: 10px;
    }

    .sticker-icons{
        width: calc(100% - 60px);
    }

    .sticker-icon{
        height: 20px;
        border-radius: 20px;
        padding: 0 8px;
    }

    .sticker-icon *{
        font-size: 12px;
    }

    .sticker-icon.temp{
        border-radius: 5px;
    }

    .sticker-icon.temp span,
    .sticker-icon.temp i:before{
        font-size: 14px;
        line-height: 1;
    }

    .product-item .product-item-info-row i:before{
        font-size: 17px;
    }

    .product-item > .btn.btn-50 > i{
        width: 15px;
        height: 15px;
    }

    .product-item > .btn.btn-50 > i:before{
        font-size: 15px;
    }

    .product-item > .btn.btn-50 > span{
        line-height: 15px;
    }

    /*---------мини-карточка товара (слайдеры, каталог) - конец-----------*/

    /*---------каталог (листинг) - начало-----------*/

    .product-banner{
        border-radius: 15px;
    }

    /*---------каталог (листинг) - конец-----------*/


    /*---------главная - начало-----------*/

    .main-block .grid-accent-layout{
        margin-bottom: 30px;
    }

    .main-popular-sections-block .sections-item-name h3{
        font-size: clamp(18px, calc(26px + (18 - 26) * ((100vw - 420px) / (767 - 420))), 26px);
    }

    /*---------главная - конец-----------*/

    /*---------карточка статьи агронома для слайдера - начало-----------*/

    .agro-article-img{
        max-height: 177px;
    }

    .agro-article-wrap{
        padding: 15px 15px 75px;
    }

    .agro-article-wrap .btn{
        width: calc(100% - 30px);
        position: absolute;
        bottom: 15px;
        left: 15px;
    }

    .agro-article-row{
        margin-bottom: 7px;
    }

    .agro-article-row .views i:before{
        font-size: 19px;
    }

    .agro-article-row .favs i:before{
        font-size: 14px;
    }

    .agro-article-row *{
        font-size: clamp(12px, calc(16px + (12 - 16) * ((100vw - 420px) / (767 - 420))), 16px);
    }

    .agro-article-name{
        font-size: clamp(18px, calc(20px + (18 - 20) * ((100vw - 420px) / (767 - 420))), 20px);
    }

    /*---------карточка статьи агронома для слайдера - конец-----------*/

    /*---------о питомнике (главная) - начало-----------*/

    .about-block.grid-col-2{
        grid-template-columns: 235px calc(100% - 250px);
    }

    .about-block-row:not(.grid-col-2){
        padding: 15px;
    }

    .about-block-row-el .title{
        font-size: clamp(30px, calc(30px + (32 - 30) * ((100vw - 420px) / (767 - 420))), 32px);
    }

    .about-block-row-item .title{
        font-size: clamp(18px, calc(24px + (18 - 24) * ((100vw - 420px) / (767 - 420))), 24px);
    }

    .about-block-row,
    .about-block-row-item .image,
    .about-block-wrap:not(.double) .image{
        border-radius: 15px;
    }

    /*---------о питомнике (главная) - конец-----------*/

    /*---------популярные вопросы (главная) - начало-----------*/

    .faq-items{
        margin-bottom: 30px;
    }

    .faq-item-wrap{
        border-radius: 15px;
        padding: 15px;
    }

    .faq-item-wrap .image{
        width: 35px;
        height: 35px;
        top: 15px;
        right: 15px;
    }

    .faq-item-wrap .image i:before{
        font-size: 33px;
    }

    .faq-item-wrap .title{
        width: calc(100% - 35px);
        font-size: clamp(18px, calc(26px + (18 - 26) * ((100vw - 420px) / (767 - 420))), 26px);
    }

    .faq-item-row-info .views i:before{
        font-size: 19px;
    }

    .faq-item-row-info .favs i:before{
        font-size: 14px;
    }

    /*---------популярные вопросы (главная) - конец-----------*/

    /*---------страница "спасибо за заказ" - начало-----------*/

    .order-final-detail{
        margin-top: 20px;
    }

    .order-final-detail-row{
        margin-bottom: 10px;
    }

    .order-final .attention-block{
        margin: 15px 0 30px;
    }

    .order-pay-online-advantages.shadow-block{
        margin-bottom: 30px;
    }

    .order-pay-online{
        margin: 30px auto 60px;
    }

    .order-pay-online-advantages .title{
        margin-bottom: 16px;
    }

    /*---------страница "спасибо за заказ" - конец-----------*/

    /*--------- попап "товар добален в корзину" - начало -----------*/

    .add-basket-popup.container .glide .glide__slide{
        width: 200px;
    }

    .add-basket-popup .popup-header,
    .add-basket-popup .popup-header h1{
        margin-bottom: 25px;
    }

    .add-basket-popup .popup-header h1{
        font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 420px) / (768 - 420))), 32px);
    }

    .add-basket-popup .popup-product-info{
        gap: 20px;
    }

    .popup-product-info .product-item-img{
        width: 170px;
    }

    .popup-product-info .popup-product-detail{
        width: calc(100% - 190px);
    }

    .popup-product-info .product-item-name{
        margin-bottom: 14px;
        font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 420px) / (768 - 420))), 24px);
    }

    .popup-product-info .product-price.new span,
    .popup-product-info .product-price:not(.old) span{
        font-size: clamp(18px, calc(18px + (26 - 18) * ((100vw - 420px) / (768 - 420))), 26px);
    }

    .popup-product-info .product-price.old span{
        font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 420px) / (768 - 420))), 18px);
    }

    .popup-product-detail .product-add-count input{
        font-size: clamp(22px, calc(22px + (26 - 22) * ((100vw - 568px) / (768 - 568))), 26px);
    }

    .add-basket-popup .basket-result,
    .add-basket-popup .basket-result *{
        font-size: clamp(16px, calc(16px + (22 - 16) * ((100vw - 420px) / (768 - 420))), 22px);
    }

    .add-basket-popup .slider-block > .h2-slider{
        margin-bottom: 6px;
        font-size: clamp(22px, calc(22px + (24 - 22) * ((100vw - 420px) / (768 - 420))), 34px);
    }

    /*--------- попап "товар добален в корзину" - конец -----------*/
}

@media (max-width: 767px)
{

    :root{

        --fontSizeH1: clamp(32px, calc(36px + (32 - 36) * ((100vw - 420px) / (767 - 420))), 36px);

        --fontSizeH3: clamp(18px, calc(24px + (18 - 24) * ((100vw - 420px) / (767 - 420))), 24px);


        --fontSizeBreadcrumbs: clamp(14px, calc(16px + (14 - 16) * ((100vw - 420px) / (767 - 420))), 16px);

        --fontSizeText: clamp(16px, calc(18px + (16 - 18) * ((100vw - 420px) / (767 - 420))), 18px);/*Text и Text bold ui kit*/

        --fontSizeTextMain: clamp(14px, calc(18px + (14 - 18) * ((100vw - 420px) / (767 - 420))), 18px); /*Text2 и Text2 bold ui kit*/

        /*--fontSizeTextBig: clamp(23px, calc(26px + (23 - 26) * ((100vw - 420px) / (767 - 420))), 26px);*/
        --fontSizeTextBig: clamp(23px, calc(24px + (23 - 24) * ((100vw - 420px) / (767 - 420))), 24px);



        --fontSizePopup: clamp(18px, calc(24px + (18 - 24) * ((100vw - 420px) / (767 - 420))), 24px);
        --fontSizePopupH3: 18px;

    }

    /*---------вспомогательные стили - начало-----------*/


    .glide.glide-infinity-mob{
        overflow: visible;
        padding: 0;
        margin: 0;
    }

    .glide-infinity-mob .glide__track{
        width: Calc(100% + 20px);
    }

    .slider-block{
        margin-bottom: 40px;
    }

    .slider-block .glide__arrows{
        display: none;
    }

    .slider-block > .h2-slider{
        width: 100%;
    }

    /*---------вспомогательные стили - конец-----------*/

    /*---------универсальные блоки - начало-----------*/

    .contacts-block{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .contacts-block > div{
        width: 100%;
    }

    .contacts-block-row i{
        margin-right: 15px;
    }

    .contacts-block-row-text{
        width: calc(100% - 55px);
    }

    .contacts-block-row-text * {
        font-size: clamp(18px, calc(24px + (18 - 24) * ((100vw - 420px) / (767 - 420))), 24px);
    }

    .contacts-block-row{
        margin-bottom: 25px;
    }

    .breadcrumbs{
        padding: 25px 0 20px;
    }

    .double-block > .image{
        width: 42%;
    }

    .page-banner{
        aspect-ratio: 1 / 0.5;
        border-radius: 15px;
    }

    .page-banner:not(.big, .small){
        margin-bottom: 30px;
    }

    .page-banner:not(.big, .small) h1{
        width: 100%;
        font-size: clamp(26px, calc(26px + (32 - 26) * ((100vw - 420px) / (767 - 420))), 32px);
    }

    .page-banner-wrap h2{
        font-size: clamp(22px, calc(22px + (26 - 22) * ((100vw - 420px) / (767 - 420))), 26px);
    }

    .page-banner-wrap h1{
        font-size: clamp(36px, calc(36px + (40 - 36) * ((100vw - 420px) / (767 - 420))), 40px);
    }

    .shadow-block h3{
        font-size: clamp(18px, calc(20px + (18 - 20) * ((100vw - 420px) / (767 - 420))), 20px);
    }

    /*---------универсальные блоки - конец-----------*/

    /*---------- стили форм - начало -----------*/

    .system-row{
        margin-bottom: 90px;
    }

    .system-row-error span{
        font-size: 14px;
    }

    /*---------- стили форм - конец -----------*/

    /*---------шапка - начало-----------*/

    .header-main{
        height: auto;
        padding: 10px 0 20px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-menu-btn{
        order: 1;
        right: unset;
        left: 20px;
    }

    #main{
        padding-top: 134px;
    }

    #header-all{
        width: 100%;
        min-width: 420px;
        position: absolute;
    }

    #header-all .logo-block{
        order: 3;
        margin: 0;
    }

    #header-all .logo-block a:not(.logo-block-mob),
    #header-all .catalog-btn{
        display: none;
    }

    #header-all:not(.invert) .logo-block a.logo-block-mob{
        display: block;
    }

    #header-all.invert .logo-block a.logo-block-mob-invert{
        display: block;
    }

    #header-all .btns-kit{
        order: 4;
        margin: 0;
    }

    #header-all .smart-search-block{
        order: 5;
        width: 100%;
        flex: unset;
        margin-top: 10px;
    }

    #header-all .btn-kit-status{
        padding-left: 60px;
    }

    .header-main > .container{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    #header-all.fixed .logo-block,
    #header-all.fixed .btn-kit-status,
    #header-all.fixed .btns-kit{
        display: none;
    }

    #header-all.fixed .smart-search-block{
        width: 100%;
        padding-left: 60px;
    }

    /*---------шапка - конец-----------*/

    /*---------подвал - начало-----------*/

    footer{
        margin-top: 30px;
    }

    .footer-main-block{
        padding: 60px 0 122px;
    }

    .footer-main-block .contacts-block-socs{
        gap: 10px;
    }

    .footer-main-block > .d-flex{
        gap: 35px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .footer-menu{
        width: 100%;
        flex: unset;
    }

    footer .logo-block{
        width: 180px;
    }

    footer .policy-links{
        padding-top: 35px;
    }

    footer .policy-links a{
        margin: 0 auto 10px;
    }

    .footer-bar{
        display: block;
    }

    .footer-bar .btn-kit i{
        margin-bottom: 7px;
    }

    .footer-bar .btn-kit i{
        width: 20px;
        height: 20px;
    }

    .footer-bar .btn-kit:not(.btn-kit-status) i{
        border-radius: unset;
        background: unset;
    }

    .footer-bar .btn-kit:not(.btn-kit-status) i:before{
        color: #9B9B9B;
        font-size: 20px;
    }

    .footer-bar .btn-kit.btn-kit-status i:before{
        font-size: 11px;
    }


    /*---------подвал - конец-----------*/

    /*---------карточка товара - начало-----------*/

    .product-card-wrap{
        gap: 30px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .product-card-wrap > h2.title{
        width: 100%;
        display: flex;
        margin-bottom: 0;
    }

    .product-card-wrap > div{
        width: 100%;
    }

    .product-card-info h2.title{
        gap: 0;
        margin-bottom: 15px;
    }

    .product-card-info h2.title .product-action-btns{
        display: none;
    }

    .product-card-info-row .sale-cards{
        order: 2;
    }

    .product-card-info-row .product-properties{
        order: 3;
    }

    .product-card-bar{
        height: auto;
        padding: 10px 0;
        top: unset;
        margin-top: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        border-radius: 15px 15px 0 0;
    }

    .product-card-bar-info{
        display: none;
    }

    .product-card-bar-wrap{
        width: 100%;
        justify-content: space-between;
        gap: 30px;
    }

    .product-card-bar-prices{
        flex: 1;
    }

    .product-card-bar-prices .product-prices{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
    }

    .product-card-links{
        gap: 10px;
        height: auto;
        overflow: unset;
        background: unset;
        box-shadow: unset;
        margin-bottom: 35px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
    }

    .product-card-links a{
        font-size: clamp(12px, calc(18px + (12 - 18) * ((100vw - 420px) / (767 - 420))), 18px);
        height: 40px;
        box-shadow: var(--shadowMain);
        background: #ffffff;
    }

    .product-card-content{
        margin: 55px 0;
    }

    .product-card-section .show-all-container{
        margin-bottom: 36px;
    }

    .product-card-section{
        margin-bottom: 50px;
    }

    .product-item .rating-row-text{
        font-size: clamp(14px, calc(18px + (14 - 18) * ((100vw - 420px) / (767 - 420))), 18px);
    }

    /*---------карточка товара - конец-----------*/

    /*---------слайдер карточки товара - начало-----------*/

    .glide.product-main-slider .glide__bullets{
        display: none;
    }

    .glide.product-main-slider{
        margin-bottom: 15px;
    }

   /* .glide.product-nav-slider{
        overflow: visible;
        width: calc(100% + 20px);
    }*/

    .glide.product-nav-slider:before{
        content: '';
        width: 20px;
        height: 100%;
        background: #ffffff;
        position: absolute;
        top: 0;
        left: -20px;
        z-index: 10;
    }

    .product-nav-slider .glide__slide{
        max-width: 160px;
    }


    /*---------слайдер карточки товара - конец-----------*/

    /*---------мини-карточка товара (слайдеры, каталог) - начало-----------*/

    .product-item .product-stiсker{
        font-size: 18px !important;
        padding: 2.5px 6px;
    }

    .product-item .rating-row-text{
        font-size: clamp(12px, calc(16px + (12 - 16) * ((100vw - 420px) / (767 - 420))), 16px);
    }

    .product-item .product-price.old span{
        font-size: 16px;
        margin-bottom: 7px;
    }

    .product-item .product-price:not(.old) span{
        font-size: 22px;
    }

    .product-item .product-item-info *{
        --fontSizeText: clamp(12px, calc(12px + (16 - 12) * ((100vw - 420px) / (767 - 420))), 16px);
    }

    /*---------мини-карточка товара (слайдеры, каталог) - конец-----------*/

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - начало*/

    .horizontal-layout .product-item{
        height: 250px;
    }

    .horizontal-layout .product-item-img{
        width: 250px;
    }

    .horizontal-layout .product-item > .btn.btn-50{
        left: 265px;
    }

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - конец*/

    /*---------каталог - начало-----------*/

    .catalog-page{
        margin-bottom: 30px;
    }

    .sections-sort{
        margin-bottom: 6px;
    }

    .sections-items{
        margin-top: 16px;
    }

    .catalog-page .double-container{
        margin-bottom: 55px;
    }

    .sections-item > a{
        border-radius: 15px;
    }


    /*---------каталог - конец-----------*/

    /*---------каталог (листинг) - начало-----------*/

    .filter-content-wrap{
        gap: 20px;
    }

    .filter-block{
        width: Calc((100% - 20px)/2);
    }
    /*---------каталог (листинг) - конец-----------*/

    /*---------страница "спасибо за заказ" - начало-----------*/

    .order-final-step-text .title{
        font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 420px) / (767 - 420))), 18px);
    }

    .order-final-step-text .subtitle{
        font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 420px) / (767 - 420))), 16px);
    }

    .order-final-block > .grid-col-2{
        grid-template-columns: auto;
        aspect-ratio: unset;
        max-height: unset;
    }

    .order-final-block > .grid-col-2 > .shadow-block-el{
        aspect-ratio: 1 / 0.445;
        max-height: 200px;
        width: 100%;
        width: 100%;
    }

    .order-final-block > .grid-col-2 > .shadow-block-el.btn-block{
        background-position-y: top !important;
        max-height: unset;
        aspect-ratio: 1 / 0.475;
    }

    /*---------страница "спасибо за заказ" - конец-----------*/


}

@media(max-width: 680px){

    /*---------каталог (листинг) - начало-----------*/

    .product-list{
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }

    .product-banner{
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    /*---------каталог (листинг) - конец-----------*/

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - начало*/

    .row-layout-container .row-layout-btns{
        display: none;
    }

    /*НОВАЯ ТОВАРНАЯ КАРТОЧКА (АЛЬТЕРНАТИВНЫЙ ВИД) - конец*/

    /*---------универсальные блоки - начало-----------*/

    .page-banners{
        height: auto;
        grid-template-columns: auto;
    }

    .page-banners .page-banner.big{
        aspect-ratio: 1 / 0.8;
        max-height: 570px;
    }

    .page-banners .page-banner-wrap .btn{
        max-width: 200px;
    }

    .shadow-block:not(.grid-two, .accent-image, .order-pay-online-advantages, .order-final-block-delivery) .shadow-block-el{
        display: grid;
        grid-template-columns: 75px 1fr;
        gap: 0 15px;
    }

    .shadow-block:not(.grid-two, .accent-image, .order-pay-online-advantages, .order-final-block-delivery) .shadow-block-el > div.d-flex-center{
        grid-row: span 2;
        margin-bottom: 0;
        height: 50px;
    }

    .grid-accent-layout{
        grid-template-columns: auto;
    }

    .grid-accent-layout-el.main{
        grid-column: unset;
    }

    .grid-accent-layout-el.main .image,
    .grid-accent-layout-el.bg{
        width: 100%;
        max-height: 370px;
        aspect-ratio: 1 / 0.58;
    }

    .grid-accent-layout-el .btn{
        max-width: 200px;
    }

    .grid-accent-layout > div:nth-child(n + 4){
        display: none;
    }

    .grid-accent-layout-el:not(.main, .bg, .image) .image{
        aspect-ratio: 1 / 0.39;
        max-height: 250px;
        border-radius: 15px;
    }

    .grid-accent-layout-el-wrap .info{
        justify-content: flex-start;
    }

    .grid-col-3{
        grid-template-columns: auto;
    }

    .small .page-banner-wrap > div{
        display: none;
    }

    .page-banner.small{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }

    .page-banner.small .page-banner-img{
        width: 80px;
        height: 80px;
        margin-bottom: 65px;
    }

    .small .page-banner-wrap{
        height: auto;
        padding: 0;
        flex: 1;
        margin: 0 0 65px 0;
        min-height: 80px;
        align-content: center;
    }

    .small .page-banner-wrap h3{
        margin-bottom: 0;
    }

    /*---------универсальные блоки - конец-----------*/

    /*---------- стили форм - начало -----------*/

    .snovaForm{
        padding: 16px;
        margin-bottom: 60px;
    }

    .snovaForm .form-fields{
        gap: 25px;
    }

    .snovaForm h2{
        margin-bottom: 30px;
    }

    .snovaForm .grid-col-2{
        grid-template-columns: auto;
    }

    .snovaForm .form-field.grid-span-2{
        grid-column: unset;
    }

    .snovaForm .form-fields-btns .form-field:first-child,
    .snovaForm .form-field button{
        max-width: unset;
    }

    .snovaForm .form-fields-btns .download{
        order: 1;
    }

    .snovaForm .form-fields-btns .files{
        order: 2;
    }

    .snovaForm .form-fields-btns .btn-submit{
        order: 3;
    }

    .snovaForm .files-list{
        margin-top: 0;
    }

    .snovaForm .no-files{
        width: 100%;
    }

    /*---------- стили форм - конец -----------*/


    /*---------главная - начало-----------*/

    .main-advantages-block.shadow-block.grid-four{
        grid-template-columns: auto !important;
    }

    .main-popular-sections-block .grid-four{
        width: calc(100% + 20px);
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-right: 20px;
    }

    .main-popular-sections-block .grid-four.sections-items > div{
        flex: 0 0 auto;
        width: 280px;
        scroll-snap-align: start;
        max-height: 180px;
        aspect-ratio: 1 / 0.65;
    }

    /*---------главная - конец-----------*/

    /*---------о питомнике (главная) - начало-----------*/

    .about-block.grid-col-2{
        grid-template-columns: auto;
    }

    .about-block-wrap:not(.double) .image{
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.67;
    }

    .about-block-wrap.double{
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .about-block-wrap.double > div{
        width: 100%;
    }

    .about-block-row.grid-col-2{
        grid-template-columns: auto;
    }

    .about-block-row.grid-col-2 > div:last-child{
        grid-area: 1;
    }

    .about-block-row.grid-col-2 .about-block-row-item .image{
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.75;
    }

    .about-block-row-item:first-child{
        padding: 0 20px 20px;
    }

    /*---------о питомнике (главная) - конец-----------*/

    /*---------страница акций - начало-----------*/

    .stocks-page .grid-accent-layout-el:not(.main, .bg, .image) .image{
        max-height: 200px;
        aspect-ratio: 1 / 0.53;
    }

    /*---------страница акций - конец-----------*/
}

@media (max-width: 648px)
{

    /*---------универсальные блоки - начало-----------*/

    .contacts-block-img{
        aspect-ratio: 1 / 0.53;
    }

    .double-block{
        align-items: flex-start;
    }

    .double-block > .image{
        width: 45%;
    }

    .double-block > .image.d-flex-center > div:nth-child(2),
    .double-block > .image.d-flex-center > div:nth-child(3){
        width: 100%;
        max-width: 100%;
    }

    /*---------универсальные блоки - конец-----------*/

    /*---------каталог (листинг) - начало-----------*/

    .filter-block{
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 2px solid #E4E4E2;
    }

    .filter-block:last-child{
        border-bottom: 2px solid transparent;
    }

    .filter-popup .title{
        font-size: 16px;
    }

    /*---------каталог (листинг) - конец-----------*/

    /*попап "не спешите уходить" - начало*/

    .subscribe-popup-bg{
        width: 168px;
    }

    .subscribe-popup-bg:before{
        width: 168px;
        background-position: center;
    }

    .subscribe-popup .popup-name{
        font-size: 22px;
    }

    .subscribe-popup .popup-text{
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 20px;
    }

    /*попап "не спешите уходить" - конец*/

}

@media (max-width: 568px)
{

    /*---------включение нативного скролла слайдерам  - начало-----------*/

    .glide__slider-four .glide__track,
    .glide__slider-product-three .glide__track{
        width: calc(100% + 40px);
        margin-left: -20px;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .glide__slider-four .glide__track::-webkit-scrollbar,
    .glide__slider-product-three .glide__track::-webkit-scrollbar{
        display: none;
    }

    .glide__slider-four .glide__slides,
    .glide__slider-product-three .glide__slides {
        padding: 0 20px;
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        transform: none !important;
        will-change: auto;
        touch-action: pan-x pan-y;
        gap: 15px;
    }

    .glide__slide-four{
        width: 199px;
        flex: 0 0 auto !important;
    }

    .glide__slide-four .glide__slide-content{
        margin: 0;
    }

    .glide__slider-four:before,
    .glide__slider-four:after,
    .glide__slider-product-three:before,
    .glide__slider-product-three:after{
        content: none;
    }

    /*---------включение нативного скролла слайдерам - конец-----------*/

    /*---------универсальные блоки - начало-----------*/

    .breadcrumbs{
        padding: 25px 0;
    }

    .sale-card{
        padding: 20px;
    }

    .sale-card-info .title{
        font-size: 22px;
    }

    .sale-card-info .subtitle{
        font-size: 18px;
    }

    .product-property{
        margin-bottom: 15px;
    }

    .attention-block,
    .double-block{
        margin: 35px 0;
    }

    .attention-block{
        gap: 14px 20px;
        padding: 20px;
        grid-template-columns: 40px 1fr;
    }

    .attention-block .image{
        grid-row: unset;
        width: 40px;
    }

    .attention-block.green .image{
        aspect-ratio: 1 / 1.28;
        max-height: 50px;
    }

    .attention-block.orange .image{
        max-height: 37px;
        aspect-ratio: 1/ 0.93;
    }

    .attention-block > div:not(.image){
        grid-column: span 2;
    }

    .attention-block h3{
        align-self: center;
    }

    .double-block > .image{
        width: 100%;
        max-width: unset;
        max-height: unset;
        aspect-ratio: unset;
    }

    .double-block{
        flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
    }

    .double-block > .image.d-flex-center > div:nth-child(1){
        max-width: unset;
    }

    .double-block > .image.d-flex-center > div:nth-child(2),
    .double-block > .image.d-flex-center > div:nth-child(3){
        width: calc((100% - 16px) / 2);
    }

    .double-container .right{ /*для скролла тегов в листинге*/
        width: 100%;
        flex: unset;
    }

    .shadow-block{
        margin-bottom: 60px;
    }

    .shadow-block h3{
        margin-bottom: 10px;
    }

    .accent-image .shadow-block-el > div.d-flex-center:not(.order-final-steps){
        width: 78px;
        height: 78px;
        margin-bottom: 6px;
    }

    .accent-image .shadow-block-el > div.d-flex-center:not(.order-final-steps):before{
        width: 110px;
        height: 110px;
    }

    .shadow-block:not(.grid-two, .accent-image, .order-pay-online-advantages, .order-final-block-delivery) .shadow-block-el{
        grid-template-columns: 45px 1fr;
    }

    .shadow-block:not(.grid-two, .accent-image, .order-pay-online-advantages, .order-final-block-delivery) .shadow-block-el > div.d-flex-center{
        height: unset;
        align-items: flex-start;
    }

    .shadow-block-el .btn{
        margin-top: 15px;
        max-width: 200px;
    }

    .shadow-block-el-bg{
        position: relative;
        top: 0;
        left: 0;
        width: 140px;
        height: 90px;
        margin-bottom: 20px;
    }

    .shadow-block-el-wrap{
        max-width: 100%;
    }

    .page-banner-wrap,
    .small .page-banner-wrap .btn{
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }

    .page-banner.small{
        padding: 20px;
    }

    .main .grid-accent-layout-el-wrap{
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        top: 20px;
        left: 20px;
    }

    .bg .grid-accent-layout-el-wrap,
    .image .grid-accent-layout-el-wrap{
        width: calc(100% - 40px);
        bottom: 20px;
        left: 20px;
    }

    .grid-accent-layout-el:not(.main, .bg, .image) .grid-accent-layout-el-wrap{
        padding: 17px 20px 85px;
    }

    .grid-accent-layout-el:not(.main, .bg, .image) .image{
        max-height: 148px;
    }

    .grid-accent-layout-el.main .image,
    .grid-accent-layout-el.bg{
        max-height: 220px;
    }

    .shadow-block-el-img{
        margin-bottom: 10px;
    }

    /*---------универсальные блоки - конец-----------*/

    /*---------вспомогательные стили - начало-----------*/

    .main-block{
        margin-bottom: 55px;
    }

    /*---------вспомогательные стили - конец-----------*/

    /*---------подвал - начало-----------*/

    .footer-menu > nav{
        gap: 14px;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: repeat(2, calc((100% - 14px) / 2));
    }

    .footer-menu ul{
        width: 100%;
    }

    .footer-menu ul:last-child{
        grid-column: 1 / span 2;
    }

    /*---------подвал - конец-----------*/

    /*---------- стили форм - начало -----------*/

    .form-field{
        margin-bottom: 25px;
    }

    /*---------- стили форм - конец -----------*/

    /*---------- стили для всех попапов - начало -----------*/

    .popup-block:not(.left-popup, .filter-popup, .add-basket-popup){
        border-radius: 15px;
    }

    .popup-block.left-popup{
        border-radius: 0;
        max-width: 100%;
        width: 100%;
    }

    .popup-close-btn{
        width: 30px;
        height: 30px;
    }

    .popup-close-btn i:before{
        font-size: 17px;
        padding: 2px;
    }

    .popup-banner{
        height: 250px;
    }

    .popup-header{
        margin-bottom: 25px;
    }

    .popup-bg .popup-header{
        padding-top: 250px;
    }

    /*---------- стили для всех попапов - конец -----------*/

    /*--------- попап статуса заказа - начало ----------*/

    .status-popup-rows{
        border-radius: 15px;
    }

    /*--------- попап статуса заказа - конец ----------*/


    /*---------карточка товара - начало-----------*/

    .product-card-info .rating-row{
        gap: 4px;
    }

    .product-card-info-row:first-child{
        gap: 0;
    }

    .product-card-info-main .product-btns{
        gap: 15px;
    }

    .product-card-info-row .product-properties{
        margin-top: 35px;
    }

    .product-card-content{
        margin: 55px 0;
    }

    .product-card-bar-wrap{
        gap: 10px;
    }

    .product-card-bar-prices .product-price.old{
        display: none;
    }

    /*---------карточка товара - конец-----------*/


    /*---------мини-карточка товара (слайдеры, каталог) - начало-----------*/

    .sticker-icons{
        left: 10px;
        bottom: 10px;
    }

    .sticker-icons:not(.bottom){
        top: 10px;
    }

    .product-action-btns{
        top: 10px;
        right: 10px;
    }

    /*---------мини-карточка товара (слайдеры, каталог) - конец-----------*/

    /*---------каталог - начало-----------*/

    .sections-items{
        grid-template-columns: repeat(auto-fit, minmax(182px, 1fr));
    }

    /*---------каталог - конец-----------*/

    /*---------каталог (листинг) - начало-----------*/

    .select-list-title{
        padding: 0 0 0 10px;
    }

    .select-list ul{
        padding: 45px 10px 10px;
    }

    .catalog-sort i{
        right: 10px;
    }

    /*---------каталог (листинг) - конец-----------*/

    /*---------карточка статьи агронома для слайдера - начало-----------*/

    .agro-articles-block .glide__slide-four{
        width: 280px;
    }

    .agro-article-wrap{
        padding: 17px 20px 85px;
    }

    /*---------карточка статьи агронома для слайдера - конец-----------*/

    /*---------популярные вопросы (главная) - начало-----------*/

    .faq-item-wrap{
        padding: 15px 20px;
    }

    .faq-item-wrap .image{
        right: 20px;
    }

    .faq-item-wrap .title{
        height: auto;
        max-height: calc(1.1em * 2);
        min-height: 35px;
    }

    .faq-item-wrap:nth-child(n + 7){
        display: block;
    }

    .faq-item-wrap:nth-child(n + 5){
        display: none;
    }

    /*---------популярные вопросы (главная) - конец-----------*/

    /*---------страница "спасибо за заказ" - начало-----------*/

    .order-final .grid-col-2{
        grid-template-columns: auto;
    }

    .order-final-detail-row{
        margin-bottom: 8px;
    }

    .order-pay-online{
        margin: 30px auto 50px;
    }

    .order-pay-online-advantages .title{
        display: none;
    }

    /*---------страница "спасибо за заказ" - конец-----------*/

    /*--------- попап "товар добален в корзину" - начало -----------*/

    .add-basket-popup.popup-block{
        border-radius: 15px;
    }

    .add-basket-popup .popup-header,
    .add-basket-popup .popup-header h1{
        margin-bottom: 20px;
    }

    .add-basket-popup .popup-product-info{
        gap: 10px;
        margin-bottom: 20px;
    }

    .popup-product-info .product-item-img{
        width: 100px;
        border-radius: 15px;
    }

    .popup-product-info .popup-product-detail{
        width: calc(100% - 110px);
    }

    .popup-product-info .product-item-name,
    .popup-product-info .product-prices{
        margin-bottom: 5px;
    }

    .popup-product-info .product-prices{
        gap: 7px;
    }

    .popup-product-info .popup-product-detail .btn-50{
        height: 30px;
    }
    .popup-product-info .product-add-count{
        max-width: 120px;
        justify-content: space-between;
    }

    .popup-product-info .product-add-count-btn{
        width: 32px;
    }

    .popup-product-info .product-add-count-btn:after{
        height: 20px;
        top: 3px;
    }

    .popup-product-info .product-add-count-btn i:before{
        font-size: 14px;
    }

    .popup-product-detail .product-add-count input{
        width: calc(100% - 64px);
    }

    .add-basket-popup .popup-footer{
        margin-bottom: 24px;
        grid-template-columns: auto;
        gap: 15px;
    }

    .add-basket-popup .basket-result{
        grid-column: unset;
    }

    .add-basket-popup.container .glide .glide__slide{
        width: 180px;
    }

    .add-basket-popup .glide__slide .product-item-wrap{
        padding: 10px 10px 65px;
    }

    .add-basket-popup .glide__slide .product-item .rating-row{
        display: none;
    }

    .add-basket-popup .glide__slide .product-item > .add-basket-btn-wrap{
        width: Calc(100% - 20px);
        position: absolute;
        left: 10px;
        bottom: 10px;
    }

    .add-basket-popup .glide__slide .product-item-name{
        height: calc(1.1em * 2);
        -webkit-line-clamp: 2;
    }


    /*--------- попап "товар добален в корзину" - конец -----------*/

    /*попап "не спешите уходить" - начало*/

    .subscribe-popup-wrap{
        padding: 16px 10px 16px 0;
    }

    .subscribe-popup .popup-close-btn{
        top: 16px;
        right: 10px;
    }

    .subscribe-popup .popup-text{
        line-height: 100%;
    }

    .form-subscribe-news-field.input-text-wrapper{
        height: 35px;
    }

    .form-subscribe-news-field input.input-text{
        padding: 0 12px;
    }

    .form-subscribe-news-fields span{
        font-size: 16px;
        line-height: 16px;
    }

    .subscribe-popup .agreement-block{
        margin: 18px 0;
    }

    .subscribe-popup .agreement-block-row{
        align-items: flex-start;
    }

    .subscribe-popup-bg,
    .subscribe-popup-bg:before{
        width: 100px;
    }

    /*попап "не спешите уходить" - конец*/
}

@media (max-width: 480px)
{
    /* универсальные уведомления - начало */

    .notification-popup{
        padding: 15px 10px;
    }

    .notification-popup-close-btn{
        top: 15px;
        right: 10px;
    }

    .notification-popup-name{
        font-size: 22px;
        line-height: 25px;
        height: 25px;
        padding: 0 40px 10px 0;
        margin-bottom: 14px;
    }

    .notification-popup-desc{
        font-size: 15px;
    }

    /* универсальные уведомления - конец */

    /*---------мини-карточка товара (слайдеры, каталог) - начало-----------*/

    .product-item .product-item-wrap{
        padding: 15px 15px 75px;
    }

    .product-item > .btn.btn-50{
        width: Calc(100% - 30px);
        left: 15px;
        bottom: 15px;
    }

    .product-item > .add-basket-btn-wrap{
        width: Calc(100% - 30px);
        left: 15px;
        bottom: 15px;
    }

    /*---------мини-карточка товара (слайдеры, каталог) - конец-----------*/

    /*---------страница "спасибо за заказ" - начало-----------*/

    .order-final-step.current:before,
    .order-final-step.current:after{
        width: 60px;
    }

    .order-final-step.current:before{
        left: -14px;
    }

    .order-final-step.current:after{
        right: -14px;
    }

    /*---------страница "спасибо за заказ" - конец-----------*/

    /*попап "не спешите уходить" - начало*/

    .subscribe-popup{
        grid-template-columns: auto;
        grid-template-rows: repeat(2, auto);
    }

    .subscribe-popup-bg{
        width: 100%;
        height: auto;
        aspect-ratio: 1/0.5;
        grid-row: 2;
        border-radius: 0 0 10px 10px;
        overflow: hidden;
    }

    .subscribe-popup-wrap{
        grid-row: 1;
        padding: 16px 10px 0 10px;
    }

    .subscribe-popup-bg:before{
        width: 100%;
        background-image: url(/local/templates/public/images/other/gift-img-mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .subscribe-popup .popup-form-btn{
        width: 100%;
        max-width: 100% !important;
    }

    /*попап "не спешите уходить" - конец*/
}

@media (max-width: 420px)
{
    /*---------карточка товара - начало-----------*/

    .product-card-bar-prices .product-price:not(.old) span{
        font-size: 24px;
    }

    .product-card-bar-btns.add-basket-btn{
        height: 40px;
    }

    .product-card-bar-btns.add-basket-btn i:before{
        font-size: 18px;
    }

    .product-card-bar-btns.add-basket-btn span{
        font-size: 16px;
    }

    .product-card-bar .product-price.d-flex-center{
        gap: 4px 13px;
    }

    /*---------карточка товара - конец-----------*/

    /*---------универсальные блоки - начало-----------*/

    .double-block > .image:not(.d-flex-center),
    .double-block > .image.d-flex-center > div:nth-child(1){
        max-height: 250px;
        aspect-ratio: 1 / 0.66;
    }

    .double-block > .image.d-flex-center > div:nth-child(2),
    .double-block > .image.d-flex-center > div:nth-child(3){
        max-height: 130px;
        aspect-ratio: 1 / 0.72;
    }

    /*---------универсальные блоки - конец-----------*/

    /*---------страница "спасибо за заказ" - начало-----------*/

    .order-final-step-icon,
    .current .order-final-step-icon i:after{
        width: 60px;
        height: 60px;
    }

    .order-final-step-icon i{
        width: 40px;
        height: 40px;
    }

    .order-final-step-icon i:before{
        font-size: 40px;
    }

    .complete .order-final-step-icon i:before{
        font-size: 22px;
    }

    .current .order-final-step-icon i{
        width: 46px;
        height: 46px;
    }

    .current .order-final-step-icon i:before{
        font-size: 23px;
    }

    .order-final-step.current:before,
    .order-final-step.current:after{
        top: 29px;
    }

    .order-final-block > .grid-col-2 > .shadow-block-el.btn-block{
        max-height: 179px;
    }

    /*---------страница "спасибо за заказ" - конец-----------*/

    /*--------- попап "товар добален в корзину" - начало -----------*/

    .add-basket-popup .glide__slide .product-item .product-price.old,
    .add-basket-popup .slider-block > .h2-slider{
        display: none;
    }

    .add-basket-popup .popup-footer{
        margin-bottom: 10px;
    }

    /*--------- попап "товар добален в корзину" - начало -----------*/
}