@media (max-width: 600px) {
    /* делаем базовый размер шрифта зависимым от ширины экрана мобильного устройства */
    html {
        font-size: 0.1666666vw;
    }

  div#yookassa-widget-ui {
  
   display: block;
    height: auto;
    min-height: 130vh; /* или 100%, если внутри родитель с ограничением */
    padding-bottom: 0;
    overflow: visible;
}
 
 #yookassa-widget-ui iframe {
    height: auto;
    min-height: 130vh;
    display: block;
	}
	
    .header__desctop{
        display: none;
    }
    .header__mobile{
        display: block;
    }
    .mobile__burger {
        display: flex;
        width: 40rem;
        height: 40rem;
        border-radius: 50rem;
        align-items: center;
        justify-content: center;
    }

    .mobile__burger svg {
        width: 50rem;
        height: 40rem;
    }

	
	
    .container{
        width: 100%;
        padding: 0 16rem;
        z-index: 3;
        position: relative;
    }
    .steps__items{
        flex-wrap: wrap;
    }
    .header__mobile-top{
        padding: 16rem;
        display: flex;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 50;
        background-color: #fff;
        gap: 24rem;
        justify-content: space-between;
    }
    .header__mobile-contacts a{
        padding: 8rem 0;
        font-weight: 500;
    }
    .hero__image{
        display: none;
    }
    .hero__content h1{
        z-index: 10;
        width: 100%;
    }
    .hero__content::before{
        height: 30rem;
        top: 140rem;
    }
    .hero__content::after{
        height: 30rem;
        top: 200rem;
    }
    .hero__content p{
        width: 60%;
    }
    .hero__icon{
        left: 24rem;
        bottom: 190rem;
    }
    .hero__icon svg {
        width: 130rem;
    }
    .hero__promo-img img{
        /*height: 160rem;*/
		height: 190rem;
    }
    .hero__promo{
        bottom: 24rem;
                left: 170rem;
        width: 385rem;
    }
    .hero__container{
        height: 880rem;
    }
    .advant{
        padding: 60rem 0 30rem;
    }
    .advant::before{
        top: 24rem;
        height: 30rem;
    }
    .advant::after{
        height: 30rem;
        top: 80rem;
    }
    .advant__items{
        flex-wrap: wrap;
        justify-content: center;
    }
    .advant__item{
        width: calc(50% - 12rem);
        flex: auto;
    }
    .steps__item{
        min-height: 180rem;
    }
    .steps,
    .works,
    .popular{
        padding: 30rem 0;
    }
    .whyblock{
        padding: 30rem 16rem;
    }
    .whyblock__container{
        padding: 16rem;
        flex-wrap: wrap;
    }
    .whyblock__items{
        width: 100%;
    }
    .whyblock__item:nth-child(2){
        width: 270rem;
        height: 270rem;
    }
    .whyblock__right img{
        width: 220rem;
        right: 16rem;
    }
    .whyblock__slider .swiper-slide img{
        width: 220rem;
        height: 270rem;
    }
    .whyblock__center{
        width: 300rem;
        position: relative;
        z-index: 10;
    }
    .review__block{
        flex-direction: column;
    }
    .review__videos,
    .review__texts{
        width: 100%;
    }
    .review__videos{
        padding-bottom: 50rem !important;
    }
    .review__texts-control{
        margin-top: 10rem;
    }
    .review__texts{
        min-height: 260rem;
    }
    .metering__block{
        flex-direction: column;
    }
    .metering__info,
    .metering__right{
        width: 100%;
    }
    .metering__right{
        height: 260rem;
    }
    .metering__right img{
        width: 340rem;
        right: -8rem;
    }
    .metering__right::before{
        left: -20rem;
        bottom: 0rem;
        width: 370rem;
        height: 241rem;
    }
    .news::before{
        top: -20rem;
        height: 30rem;
    }
    .news::after{
        height: 30rem;
    }
    .footer__container{
        flex-wrap: wrap;
        gap: 36rem;
    }
    .footer__logo img{
        height: 55rem;
    }
    .footer__menu{
        width: 160rem;
    }
    .footer__contacts{
        width: 199rem;
    }
    .footer__contact-item svg{
        width: 15rem;
    }
    .footer__img{
        right: -70rem;
        width: 140rem;
    }
    .footer-form{
        flex-wrap: wrap;
        gap: 10rem;
    }
    .footer-form--name, .footer-form--tel{
        width: 200rem;
    }
    .header__search form{
        width: 100%;
    }
    input{
        padding: 20rem 24rem;
        font-size: 18rem;
    }
    .header__search button svg{
        width: 60rem;
        height: 60rem;
    }
    .mobile-nav-menu li{
        width: 100%;
    }
    .header__mobile-bottom{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 16rem;
        display: flex;
        gap: 16rem;
        justify-content: space-between;
        z-index: 10;
        background-color: #fff;
    }
    .header__mobile-control{
        display: flex;
        flex-direction: column;
        gap: 12rem;
        align-items: center;
        flex: 1;
		position: relative;
    }
    .header__mobile-control svg{
        width: 50rem;
		height: 50rem;
    }
    .header__mobile-control span{
        font-weight: 500;
    }
    .button--back{
        display: none;
    }
    .shop-page{
        padding: 150rem 0 0;
    }
    footer{
        padding: 40rem 0 140rem;
    }
    .mobileBlockLogo img{
        height: 60rem;
    }
    .shop-card{
        width: calc(50% - 12rem);
    }
    .shop-page__content{
        flex-direction: column;
    }
    .shop-card__subs{
        padding-left: 24rem;
    }
    .shop-page__item-product{
        width: calc(50% - 12rem);
    }
    .contact-page{
        padding: 150rem 0 30rem;
    }
    .contact-page__items{
        width: 100%;
    }
    .contact-page__items{
        padding: 40rem;
        gap: 24rem 32rem;
    }
    .contact-page__item{
        width: calc(50% - 16rem);
    }
    .about-page{
        padding: 150rem 0 60rem;
    }
    .about-page__content{
        flex-direction: column;
    }
    .about-page__left,
    .about-page__right{
        width: 100%;
    }
    .teams{
        padding: 60rem 0;
    }
    .teams__items{
        flex-wrap: wrap;
    }
    .teams__item{
        width: calc(50% - 12rem);
    }
    .proizvod__slider .swiper-slide-active{
        transform: scale(1)!important;
    }
    .proizvod__slider{
        margin: 30rem 0;
    }
    .proizvod{
        padding: 50rem 0;
    }
    .news-page, .polezinfo, .work-page, .faq-page {
        padding: 150rem 0 60rem;
    }
    .news-page__item, .polezinfo__item, .work-card{
        width: calc(50% - 12rem);
    }
    .news-page__content, .polezinfo__content{
        flex-direction: column-reverse;
    }
    .news-page__img, .polezinfo__img{
        width: 100%;
    }
    .faq-page__content{
        gap: 60rem;
        flex-direction: column;
    }
    .faq-accordion__icons{
        width: 40rem;
        height: 40rem;
    }
    .faq-accordion__header{
        gap: 40rem;
    }
    .custom-page__title{
        align-items: flex-start;
        gap: 24rem;
        flex-direction: column;
    }
    .profile-nav{
        flex-wrap: wrap;
    }
    .profile-nav__item{
        padding: 16rem;
        flex: 1;
    }
    .custom-page{
        padding: 100rem 0 30rem;
    }
    .profile-order{
        width: calc(50% - 12rem);
    }
    .popup-block__order,
    .popupBlock{
        width: 95%;
    }
    .order-popup-content{
        z-index: 10;
    }
    .order-popup-content{
        width: 100%;
    }
    .profile-order__actions{
        flex-wrap: wrap;
        gap: 12rem
    }
    .profile-project{
        width: calc(50% - 12rem);
    }
    .cart__container{
        flex-direction: column;
    }
    .shipping-address__field--city, .shipping-address__field--street{
        width: 100%;
    }
    .shipping-address{
        width: 100%;
    }
    .cart-summary{
        width: 100%;
    }
    .cart-summary__coupon-status{
        flex-direction: column;
        align-items: flex-start;
        gap: 12rem;
        padding: 24rem;
    }
    .cart-summary__coupon-status-text{
        font-size: 18rem;
    }
    .cart-summary__coupon-remove{
        width: 56rem;
        height: 56rem;
    }
    .cart-summary__coupon-remove-icon::before,
    .cart-summary__coupon-remove-icon::after{
        width: 24rem;
    }
    .cart-summary__coupon-feedback{
        font-size: 16rem;
    }
    .cart-summary__coupon-btn svg{
        width: 64rem;
        height: 64rem;
    }
    .cart-item{
        flex-wrap: wrap;
    }
    .order__container .woocommerce-checkout{
        flex-direction: column;
    }
    .checkout__billing,
    .checkout__order-review{
        width: 100%;
    }
    .woocommerce-billing-fields__field-wrapper{
        flex-direction: column;
    }
    .woocommerce-billing-fields__field-wrapper>p{
        width: 100%;
    }
    .page-cus{
        padding: 150rem 0;
    }
    .search-page{
        padding: 150rem 0;
    }
    .search-page__grid .shop-page__item-product{
        width: calc(50% - 12rem);
    }
	.product-page__content{
        flex-direction: column;
    }
	.product-page__slider-thumbs{
        max-width: 80rem;
    }
    .product-page__slider-slide{
        width: auto;
        flex: 1;
    }
	.product-page__slider{
        width: 100%;
    }
	.waa-selector__swatch{
		width: 50rem;
		height: 50rem;
	}
	.wa-wrapper{
		flex-wrap: wrap;
		gap: 16rem;
	}
	.waa-price-holder,
	.waa-qty,
	.waa-form__add-to-cart,
	.product-page__one-click{
		width: calc(50% - 8rem);
	}
	.product-page__one-click,
	.waa-form__add-to-cart{
		padding: 17rem;
		text-align: center;
	}
	.waa-qty svg{
		width: 40rem;
		height: 40rem;
	}
	.waa-qty{
		justify-content: flex-end;
	}
	.waa-price-holder{
		font-size: 34rem;
	}
	.product-page__container{
		padding: 150rem 16rem 70rem;
	}
	.product-page__description{
		padding: 70rem 0;
	}
	.header-cart-count{
		font-size: 14rem;
		padding: 4rem 8rem;
		right: 8rem;
	}
	.payment_methods .wc_payment_method label{
		width: auto;
	}
	.calc__visual-canvas{
		width: 480rem;
		height: 480rem;
	}
	
	.arrow-control{
		border: none;
	}
	.product-more__container{
		padding-bottom: 60rem;
	}
    a.product-page__more-details,
    a.product-page__more-add-cart,
    .product-page__more-one-click{
            font-size: 13rem;
    }
    .profile-favorites .shop-page__item-product{
            width: calc(50% - 12rem)
    }

    .woocommerce-table--order-details,
    .woocommerce-table--order-details thead,
    .woocommerce-table--order-details tbody,
    .woocommerce-table--order-details tfoot,
    .woocommerce-table--order-details th,
    .woocommerce-table--order-details td,
    .woocommerce-table--order-details tr{
            display:block;
            width:100%;
    }
    .woocommerce-table--order-details thead{
            display:none;
    }
    .woocommerce-table--order-details tr{
            margin-bottom:16rem;
            border:1rem solid var(--Grey-1);
            padding:8rem;
    }
    .woocommerce-table--order-details td{
            padding:8rem 0;
            border:none;
            text-align:right;
    }
    .woocommerce-table--order-details td:before{
            content: attr(data-title);
            font-weight:600;
            float:left;
            text-align:left;
    }
    .woocommerce-table--order-details tfoot tr{
            margin-bottom:8rem;
            border:none;
            padding:0;
    }
    .woocommerce-table--order-details tfoot td,
    .woocommerce-table--order-details tfoot th{
            padding:8rem 0;
            border:none;
            text-align:right;
    }
    .shop-card__img, .shop-page__image{
        height: 270rem;
    }
    .product-page__description iframe,
    .page__content iframe{
        max-width: 100%;
        max-height: 320rem;
    }
    .header__mobile-links{
        display: flex;
        align-items: center;
        gap: 12rem;
    }
    .header__mobile-link svg{
        width: 50rem;
        height: 50rem;
    }
}

.shipping-loader {
    width: 32rem;
    height: 32rem;
    margin: 24rem auto;
    border: 4rem solid var(--Grey-2);
    border-top-color: var(--Primary);
    border-radius: 50%;
    animation: shipping-spin 1s linear infinite;
}

.form-loader {
    display: none;
    width: 16rem;
    height: 16rem;
    margin: 16rem auto;
    border: 2rem solid var(--Grey-2);
    border-top-color: var(--Primary);
    border-radius: 50%;
    animation: shipping-spin 1s linear infinite;
}

@keyframes shipping-spin {
    to { transform: rotate(360deg); }
}