@media(min-width:1920px) {
    html {
        font-size: 1px;
    }
}

* {
    box-sizing: border-box;
    
}
:root{
    --work-width: 1360rem;
    --font-a: 16rem;
    --font-p: 16rem;
    --font-h1: 48rem;
    --font-h2: 45rem;
    --font-h3: 24rem;
    --font-h4: 16rem;
    --font-h5: 16rem;
    --font-h6: 16rem;
    --swiper-navigation-color: #141414;
    --black: #141414;
    --orange: #FF8C00;
    --semi-orange: #F0A344;
    --extra-orange: #F98A02;
    --green: #4CAF50;
    --blue: #2196F3;
    --background: #F9F9F9;
    --font-family: "Gilroy", sans-serif;
    --gradient: linear-gradient(250deg, var(--orange) 7.02%, var(--extra-orange) 48.45%, var(--semi-orange) 94.99%);
}
html {
    font-size: 0.052084vw;
    scroll-behavior: smooth;
    margin: 0 auto;
    padding: 0;
}

body {
    font-size: 16rem;
    font-family: var(--font-family);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    line-height: 130%;
    background-color: #F9F9F9;
}

a,
p {
    color: var(--black);
    font-size: var(--font-a);
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
    transition: all ease .5s;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
a[href]:hover{
    color:var(--extra-orange)
}
h1, .h1{
    font-size: var(--font-h1);
    font-weight: 600;
    line-height: 130%;
}
h2, .h2{
    font-size: var(--font-h2);
    font-weight: 700;
    line-height: 130%;
}
h3, .h3{
    font-size: var(--font-h3);
    font-style: normal;
    font-weight: 600;
}
h4, .h4{
    font-size: var(--font-h4);
    line-height: normal;
}
h5, .h5{
    font-size: var(--font-h5);
    line-height: 150%;
}
h6, .h6{
    font-size: var(--font-h6);
    line-height: 150%;
}
input{
    padding: 12rem;
    font-family:  var(--font-family);
    font-size: 20rem;
    border-radius: 50rem;
    border-color: var(--gray);
    background-color: #fff;
    border: none;
}
input::placeholder{
	opacity:0.7;
}
main{
    min-height: 80vh;
}
.btn{
    padding: 21rem 55rem;
    background: var(--gradient);
    border-radius: 16rem;
    box-shadow: 0 12rem 25rem 0 rgba(255, 140, 0, 0.33);
    font-family: var(--font-family);
    border: none;
    color: color;
    font-size: 20rem;
    font-weight: 600;
    display: inline-block;
}
.no-scroll{
    overflow: hidden;
}
.row{
    width: 100%;
}
.column{
    width: var(--work-width);
    margin: 0 auto;
}
.container{
    width: 1420rem;
    margin: 0 auto;
}
.mobileBlockMenu{
    display: block;
    position: fixed;
    left: 0;
    width: 100%;
    top:-100%;
    background-color: #fff;
    transition: all ease .5s;
    z-index: 1200;
}
.mobileBlockMenu.active{
    top:0;
}
.mobileBlockTop{
    display: flex;
    justify-content: space-between;
    height: 100rem;
    align-items: center;
    padding: 20rem 24rem;
    border-bottom: 1rem solid #F1F2F6;
}
.mobileBlockExit img{
    height: 60rem;
    width: 60rem;
    object-fit: contain;
}
.mobileBlockBody{
    padding: 30rem 24rem;
    border-bottom: 1rem solid #F1F2F6;
}
.search{
    width: auto;
}
.search form{
    display: flex;
    position: relative;
}
.search form input{
    width: 600rem;
}
.search button{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: var(--blue);
    transition: all ease 0.5s;
}
.search button:hover{
    opacity: 0.8;
}
.mobileBlockItemMenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.mobileBlockItemMenu ul a{
    display: block;
    padding: 20rem 0;
    font-size: 20rem;
    color: var(--black);
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1rem solid #F1F2F6;
}
.popupBlock{
	display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600rem;
    background: white;
    padding: 30rem;
    box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.1);
    z-index: 1000;
    box-sizing: border-box;
    border-radius: 30rem;
}
.close-btn {
    position: absolute;
    right: 30rem;
    top: 30rem;
}
.close-btn img {
    width: 40rem;
    cursor: pointer;
}
.boxProdPopup {
    display: flex;
    flex-direction: column;
    align-items: center;
	gap:20rem;
}
.prodPopupTitle {
    font-size: var(--font-h2);
    font-weight: 600;
    text-align: center;
}
.boxProdPopup p {
    text-align: center;
}
.popupBlock .wpcf7{
	width: 100%;
}
.boxProdPopup input {
    border-radius: 5rem;
    background: #E6E6E6;
    padding: 13rem 30rem;
    width: 100%;
    color: #898989;
    font-size: 16rem;
    font-weight: 400;
    line-height: 24rem;
    border: none;
}
.cfBox{
    display: flex;
    flex-wrap: wrap;
    gap: 30rem;
}
.cfBoxFull{
    width: 100%;
}
.cfBoxMedium{
    width: calc(50% - 15rem);
}
.cfBoxMin{
    width: calc(100% / 3 - 20rem);
}
.cfBox input {
    border-radius: 5rem;
    background: none;
    padding: 13rem 30rem;
    width: 100%;
    color: var(--black);
    font-size: 16rem;
    font-weight: 400;
    line-height: 24rem;
    border: none;
	font-family: var(--font-family);
}
.cfBox textarea {
    border-radius: 5rem;
    width: 100%;
    background: #FFF;
    padding: 20rem 40rem;
    font-size: 16rem;
    height: 130rem;
    font-family: var(--font-family);
}
.cfBox input.wpcf7-submit {
    color: #FFF;
    background: var(--akcent);
    cursor: pointer;
}
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999; 
    transition: all ease .5s;
}
#overlay.active{
    display: block;
}
.breadcrumbs ol{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap:8rem;
}
/* Делаем ссылку флекс-контейнером */
.mobile-nav-menu li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding, background и т.д. */
}

/* Сама иконка */
.my-mobile-arrow {
    display: inline-flex;
    transition: transform 0.3s;
}

/* Если хотим вращать стрелку при открытом подменю */
.my-mobile-arrow.opened {
    transform: rotate(180deg);
}

/* Скрываем подменю по умолчанию */
.mobile-nav-menu .sub-menu {
    display: none;
}
.header__desctop{
    position: absolute;
    z-index: 60;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(20, 20, 20, 0.80);
    border-radius: 0 0 30rem 30rem;
    backdrop-filter: blur(12.050000190734863px);
}
.header__top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 120rem;
    padding: 16rem 0;
}
.header__right{
    display: flex;
    align-items: center;
    gap: 120rem;
}
.header__soc{
    display: flex;
    align-items: center;
    gap: 12rem;
}
.header__soc span{
    display: inline-block;
    width: 100rem;
    color: #fff;
}
.header__soc-items{
    display: flex;
    align-items: center;
    gap: 10rem;
}
.header__contact{
    display: flex;
    align-items: center;
    gap: 24rem
}
.btn-header{
    padding: 16rem;
    background: var(--gradient);
    color: #fff;
    font-size: 20rem;
    font-weight: 600;
    border-radius: 16rem;
    box-shadow: 0 12rem 25rem 0 rgba(255, 140, 0, 0.33);
}
.header__contact-info{
    padding-left: 24rem;
    border-left: 1rem solid rgba(255, 255, 255, 0.50);
    text-align: right;
        width: 230rem;
}
.header__contact-info a{
    color: #fff;
    font-size: 24rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 4rem;
}
.header__contact-time{
    padding-left: 12rem;
    display: inline-block;
    color: rgba(255, 255, 255, 0.70);
    font-size: 16rem;
    font-weight: 600;
    position: relative;
}
.header__contact-time::before{
    content: '';
    width: 5rem;
    height: 5rem;
    border-radius: 50rem;
    background-color: var(--green);
    position: absolute;
    top: 50%;
    left: 4rem;
    transform: translateY(-50%);
    z-index: 5;
}
.header__logo img{
    width: 74rem;
}
.header__logo{
    display: flex;
    gap: 24rem;
    align-items: center;
}
.header__logo span{
    display: block;
    width: 150rem;
    color: #fff;
    font-size: 14rem;
}
.header__menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 60rem;
    padding: 18rem 0;
    display: flex;
    align-items: center;
}
.header__menu ul a{
    font-size: 16rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
footer{
    background-color: var(--black);
    border-radius: 40rem 40rem 0 0;
}
.footer__container{
    display: flex;
    gap: 80rem;
    justify-content: space-between;
    padding: 40rem 0;
}
.footer__row{
    color: #fff;
    flex: 1;
}
.footer__row>a img{
    width: 75rem;
}
.footer__row>a span{
    color: #fff;
    display: block;
    margin: 8rem 0 32rem;
}
.footer__socs{
    display: flex;
    align-items: center;
    gap: 12rem;
}
.footer__row h2{
    font-size: 18rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20rem;
}
.footer__row ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.footer__row ul a{
    color: #fff;
}
.footer__row p{
    color: #fff;
    padding-bottom: 16rem;
}
.row-04,
.row-05{
    min-width: 310rem;
}
.footer__bottom{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    color: #FFFFFF99;
    padding-bottom: 40rem;
}
.footer__bottom a{
    color: #FFFFFF99;
}
.hero{
    position: relative;
    overflow: hidden;
}
.hero__background{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero__container{
    position: relative;
    z-index: 3;
    padding: 320rem 0 380rem;
}
.hero__container h1{
    color: #fff;
    width: 900rem;
    font-size: 65rem;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 10rem;
}
.hero__container p{
    font-size: 20rem;
    margin-bottom: 40rem;
    font-weight: 400;
    color: #fff;
}
.hero__btn{
    padding: 21rem 55rem;
    border-radius: 16rem;
    background: var(--gradient);
    font-size: 25rem;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 12px 25px 0 rgba(255, 140, 0, 0.33);
    display: inline-block;
}
.hero__btn:hover{
    color: #fff;
    filter: contrast(1.1);
}
.hero__advants{
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: 20rem
}
.hero__advant{
    width: 250rem;
    padding: 24rem;
    height: 165rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20rem;
    border-radius: 8rem;
    border: 2rem solid rgba(0, 0, 0, 0.10);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(21.200000762939453px);
    justify-content: center;
}
.hero__advant span{
    text-align: center;
}
.catalog{
    margin-top: 60rem;
}
.hero__advant h2{
    font-size: 24rem;
}
.home .home-catalog{
    top: -60rem;
    margin-bottom: -60rem;
    border-radius: 60rem 60rem 0 0;
    padding: 120rem 0 0;
    background-color: #F9F9F9;
}
.home-catalog{
    position: relative;
    z-index: 10;
    padding: 60rem 0 60rem;
    overflow: hidden;
}
.home-catalog__container h2{
    width: 870rem;
}
.home-videos{
    padding: 60rem 0;
}
.home-videos__container h2{
    width: 680rem;
    margin-bottom: 16rem;
    font-size: 45rem;
    line-height: 130%;
}
.home-videos__block video{
    height: 540rem;
    object-fit: cover;
    border-radius: 30rem;
    width: 100%;
}
.home-videos__block {
    position: relative;
    max-width: 100%;
    margin-top: 50rem;
}
.home-videos__play{
    position: absolute;
    z-index: 10;
}
.home-videos__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity .3s ease;
}

/* Скрытое состояние, добавим позже в JS */
.home-videos__play--hidden {
    opacity: 0;
    pointer-events: none;
}
.home-videos__btn{
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 50rem;
    transform: translateX(-50%);
    display: block;
    padding: 20rem 80rem;
    border-radius: 10rem;
    background: #DDD;
    font-size: 18rem;
    line-height: 130%;
    font-weight: 700;
}
.cta{
    padding: 60rem 0;
}
.cta__container{
    background: var(--gradient);
    border-radius: 20rem;
    height: 400rem;
    padding: 16rem 30rem;
    overflow: hidden;
    position: relative;
}
.cta__background{
    position: absolute;
    z-index: 3;
    filter: blur(0px);
    opacity: 0.52;
    right: -24rem;
    top: -8rem;
    width: 600rem;
}
.cta__content{
    position: relative;
    z-index: 10;
    width: 915rem;
}
.cta__container::before{
    content: '';
    position: absolute;
    z-index: 5;
    width: 400rem;
    height: 200%;
    background: linear-gradient(0deg, #F88E0D 0%, #F88E0D 100%), #D9D9D9;
    filter: blur(12.449999809265137px);
    top: -55%;
    right: 470rem;
    transform: rotate(15deg);
}
.cta__content h2{
    font-size: 45rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 16rem;
}
.cta__content p{
    font-size: 20rem;
    font-weight: 500;
    margin-bottom: 40rem;
    width: 440rem;
    color: #fff;
}
.btn-white{
    padding: 20rem 70rem;
    border-radius: 10rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #F9F9F9;
    font-size: 18rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
}
.teams{
    padding: 60rem 0;
}
.teams__container{
    padding-bottom: 16rem;
}
.teams__container>p{
    width: 680rem;
    font-size: 24rem;
    margin-bottom: 60rem;
    font-weight: 400;
}
.teams__items{
    display: flex;
    gap: 24rem;
}
.teams__item{
    position: relative;
    flex: 1;
    overflow: hidden;
    height: 380rem;
    border-radius: 20rem;
}
.teams__item img{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}
.teams__post{
    position: absolute;
    z-index: 3;
    left: 0;
    top:0;
    display: inline-block;
    padding: 8rem 16rem;
    background-color: var(--orange);
    color: #fff;
    font-size: 20rem;
    font-weight: 500;
}
.teams__name{
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 16rem;
    font-size: 24rem;
    font-weight: 600;
    transform: translateX(-50%);
    color: #fff;
}
.teams__item::before{
    content: '';
    position: absolute;
    width: 389rem;
    height: 113rem;
    border-radius: 20rem 0;
    opacity: 0.7;
    background: #FF8C00;
    filter: blur(12.050000190734863px);
    left: -5%;
    bottom: -50rem;
    z-index: 4;
}
.home-projs{
    padding: 60rem 0;
}
.home-projs__img img{
    display:block;
    width:100%;
    height:470rem;
    object-fit: cover;
    border-radius: 20rem;
    margin-bottom: 20rem;
    transition:opacity .3s ease;
}
.home-projs__img img.is-changing{
    opacity:0;
}

.home-projs__thumbs .swiper-wrapper{
    display:flex;
}
.home-projs__thumbs .swiper-slide{
    width:auto;
    flex:0 0 auto;
}
.home-projs__thumbs img{
    height: 140rem;
    border-radius: 8rem;
    object-fit: cover;
    cursor: pointer;
}
.home-projs__thumbs .swiper-scrollbar{
    height:4rem;
    background:rgba(0,0,0,.1);
    margin-top:8rem;
}
.home-projs__thumbs .swiper-scrollbar-drag{
    background:var(--orange);
}
.home-projs__item a{
    border-radius: 30rem;
}
.home-projs__slide-title{
    padding: 20rem 0;
    font-size: 36rem;
    font-weight: 500;
    line-height: 130%;
}
.home-projs__info{
    display: flex;
    align-items: center;
    gap: 24rem;
}
.home-projs__info span{
    display: flex;
    align-items: center;
    gap: 4rem;
}
.home-projs__title{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60rem;
}
.home-projs__title h2{
    width: 830rem;
    line-height: 130%;
}
.home-projs__title h2 span{
    color: var(--orange);
    font-size: 65rem;
}
.home-projs__controll{
    display: flex;
    align-items: center;
    gap: 24rem;
}

/* Reviews block */
.home-reviews{
    padding: 60rem 0;
}
.home-review__video{
    width: 100%;
    height: 540rem;
    object-fit: cover;
    border-radius: 30rem;
}
.home-review__img{
    width: 100%;
    height: 540rem;
    object-fit: cover;
    border-radius: 30rem;
}
.home-review__title{
    margin-bottom: 60rem;
    width: 950rem;
}
.home-review__title span{
    color: var(--orange);
}
.home-review__block{
    display: flex;
    gap: 50rem;
    width: 100%;
}
.home-review__videos{
    width: 820rem;
}
.home-review__images{
    width: 550rem;
}
.consultation__container{
    padding: 55rem 85rem;
    border-radius: 30rem;
    position: relative;
    overflow: hidden;
}
.consultation__background{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.consultation__container::before{
    content: '';
    position: absolute;
    z-index: 3;
    width: 800rem;
    height: 800rem;
    border-radius: 800rem;
    opacity: 0.39;
    background: #000;
    filter: blur(44.25rem);
    left: -240rem;
    top: -150rem;
}
.consultation__info{
    position: relative;
    z-index: 4;
}
.consultation__info h2{
    width: 410rem;
    font-size: 50rem;
    color: #fff;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 24rem;
}
.consultation__info h2 span{
    color: var(--orange);
}
.consultation__info p{
    width: 560rem;
    color: #fff;
    font-size: 20rem;
    margin-bottom: 36rem;
}
.consultation__info>span{
    width: 270rem;
    margin-bottom: 12rem;
    color: #fff;
    font-size: 20rem;
    font-weight: 500;
    display: block;
    line-height: 120%;
}
.consultation__tel{
    color: #fff;
    font-size: 36rem;
    line-height: 130%;
    font-weight: 600;
    display: block;
    width: 350rem;
}
.consultation__soc{
    margin-top: 36rem;
    display: flex;
    align-items: center;
    gap: 12rem;
}
.consultation__soc span{
    width: 145rem;
    color: #fff;
    line-height: 120%;
    font-size: 20rem;
    font-weight: 500;
}
.consultation__form{
    position: relative;
    z-index: 5;
}
.consultation__form-box{
    display: flex;
    align-items: center;
    gap: 15rem;
    justify-content: flex-end;
}
.wpcf7-spinner{
    position: absolute;
    z-index: -9999;
    left: -9999;
}
.consultation__form-box .wpcf7-submit{
    padding: 24rem 100rem;
    background-color: var(--green);
    color: #fff;
    cursor: pointer;
}
.consultation{
    padding: 60rem 0;
}
.contact-info{
    padding: 60rem 0 120rem;
}
.contact-info__container{
    display: flex;
    gap: 64rem;
    justify-content: space-between;
}
.contact-info__left{
    display: flex;
    flex-direction: column;
    gap: 50rem;
}
.contact-info__item h2{
    color: #00000066;
    font-size: 16rem;
    margin-bottom: 12rem;
}
.contact-info__item span,
.contact-info__item a{
    font-size: 18rem;
}
.contact-info__right{
    display: flex;
    gap: 32rem;
}
.contact-info__gallary{
    width: 340rem;
}
.contact-info__gallary h2,
.contact-info__map h2{
    font-size: 24rem;
    font-weight: 500;
    margin-bottom: 16rem;
}
.contact-info__controll-left{
    position: relative;
    z-index: 2;
}
.contact-info__controll-left svg,
.contact-info__controll-left span{
    width: 20rem;
    height: 20rem;
    display: inline-block;
}
.contact-info__controll-left span{
    cursor: pointer;
}
.contact-info__controll{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12rem;
}
.contact-info__controll .swiper-pagination{
    text-align: end!important;
    z-index: 1;
}
.contact-info__slider{
    margin-bottom: 24rem;
}
.contact-info__slider img{
    width: 100%;
    height: 177rem;
    border-radius: 20rem;
    object-fit: cover;
    object-position: center;
}
.contact-info__map-block{
    overflow: hidden;
    border-radius: 20rem;
}
.contact-info__map{
    width: 680rem;
}
.contact-info__soc svg{
    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.10));
}
.hero__image{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}
h1.hero-custom__title{
    padding: 20rem 160rem;
    display: inline-block;
    color: #fff;
    font-size: 65rem;
    font-weight: 700;
    background-color: var(--orange);
    border-radius: 10rem;
    width: auto;
}
.constructor-page{
    position: relative;
    z-index: 10;
    top: -60rem;
    border-radius: 60rem 60rem 0 0 ;
    padding-top: 60rem;
    background-color: #F9F9F9;
    margin-bottom: -60rem;
}
.custom-page .hero__container{
    padding: 320rem 0 520rem;
}
.media-card{
    padding: 60rem 0;
}
.media-card__container{
    background: var(--gradient);
    border-radius: 20rem;
    height: 400rem;
    padding: 16rem 30rem;
    overflow: hidden;
    position: relative;
}
.media-card__image{
    position: absolute;
    z-index: 3;
    filter: blur(0px);
    opacity: 0.52;
    right: -24rem;
    top: 0rem;
    width: 600rem;
}
.media-card__container::before {
    content: '';
    position: absolute;
    z-index: 5;
    width: 400rem;
    height: 200%;
    background: linear-gradient(0deg, #F88E0D 0%, #F88E0D 100%), #D9D9D9;
    filter: blur(12.449999809265137px);
    top: -55%;
    right: 470rem;
    transform: rotate(15deg);
}
.media-card__content{
    position: relative;
    z-index: 10;
    width: 915rem;
}
.media-card__title{
    font-size: 45rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 16rem;
}
.media-card__text p{
    font-size: 20rem;
    font-weight: 500;
    margin-bottom: 40rem;
    width: 690rem;
    color: #fff;
}
.media-card__btn{
    padding: 20rem 70rem;
    border-radius: 10rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #F9F9F9;
    font-size: 18rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
}
.media-slider{
    padding: 60rem 0;
}
.media-slider__title{
    display: flex;
    align-items: center;
    padding-bottom: 60rem;
    justify-content: space-between;
}
.media-slider__controll{
    display: flex;
    align-items: center;
    gap: 16rem;
}
.media-slider__video{
    width: 100%;
    height: 540rem;
    object-fit: cover;
    border-radius: 30rem;
}
.media-simple{
    padding: 60rem 0;
}
.media-simple__container{
    position: relative;
    padding: 30rem;
    border-radius: 20rem;
    background: var(--gradient);
    overflow: hidden;
    height: 400rem;
}
.media-simple__image{
    position: absolute;
    z-index: 10;
    right: -20rem;
    bottom: -20rem;
    width: 540rem;
    height: auto;
}
.media-simple__title{
    width: 850rem;
    padding-bottom: 16rem;
    color: #fff;
}
.media-simple__text p{
    width: 870rem;
    color: #fff;
    font-size: 20rem;
    font-weight: 500;
}
.video-list{
    padding: 60rem 0;
}
.video-list__container{
    display: flex;
    gap: 24rem;
}
.video-list__item{
    min-height: 660rem;
    padding: 24rem;
    width: calc(50% - 12rem);
    text-align: center;
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #FFF;
}
.video-list__title{
    text-align: center;
    height: 90rem;
    font-size: 36rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 120%;
}
.video-list__video{
    width: 460rem;
    height: 350rem;
    margin: 32rem auto;
    border-radius: 20rem;
    object-fit: cover;
}
.products{
    padding: 60rem 0;
}
.products__title{
    padding-bottom: 60rem;
}
.products__grid{
    display: flex;
    flex-wrap: wrap;
    gap: 24rem;
}
.product-card__atribut{
    list-style-type: none;
    margin: 24rem 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.product-card__atribut li{
    display: flex;
    align-items: center;
    gap: 8rem;
    font-weight: 500;
    font-size: 18rem;
}
.product-card{
    width: calc(100% / 3 - 16rem);
    box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.10);
    padding: 16rem;
    border-radius: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
}
.product-card__top{
    text-align: center;
}
.product-card__thumb{
    height: 340rem;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.product-card__price{
    text-align: center;
    padding: 18rem 0;
    font-size: 30rem;
    font-weight: 600;
    display: block;
}
.product-card__button{
    display: block;
    padding: 24rem;
    text-align: center;
    font-size: 20rem;
    background: var(--gradient);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 10rem;
}
a.product-card__button:hover{
    color: #fff;
    background-color: var(--extra-orange);
}
/* ===== Video list extras ===== */
.video-list__item{
    position: relative;
}
.video-list__wrapper{
    position: relative;
}
.video-list__play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity .3s ease;
    z-index: 10;
}
.video-list__preloader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60rem;
    height: 60rem;
    border: 6rem solid rgba(255,255,255,0.6);
    border-top-color: #F88E0D;
    border-radius: 50%;
    animation: spinner 1s linear infinite;
    z-index: 9;
}
.media-slider__slide{
    position: relative;
}
.media-slider__wrapper{
    position: relative;
}
.media-slider__play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity .3s ease;
    z-index: 10;
}
.media-slider__preloader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60rem;
    height: 60rem;
    border: 6rem solid rgba(255,255,255,0.6);
    border-top-color: #F88E0D;
    border-radius: 50%;
    animation: spinner 1s linear infinite;
    z-index: 9;
}
.home-videos__play--hidden,
.video-list__play--hidden,
.media-slider__play--hidden{
    opacity: 0;
    pointer-events: none;
}
.video-list__preloader--hidden,
.media-slider__preloader--hidden{
    display: none;
}
@keyframes spinner {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
.product-card__name{
    text-align: left;
    font-size: 36rem;
    font-weight: 600;
}

/* === Слайдер брендов ================================ */
.brend-slider__item {
    position: relative;
    cursor: pointer;
    outline: none;
    background: transparent;
    height: 130rem!important;
    padding: 4rem;
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}
.brend-slider__img {
    display: block;
    max-width: 100%;
    filter: grayscale(100%);
    transition: filter 0.3s;
}
.brend-slider__item--active .brend-slider__img,
.brend-slider__item:hover .brend-slider__img {
    filter: none;
}

/* === Сетка товаров ================================== */
.products {
    position: relative;
}
.products__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24rem;
}

/* Прелоадер на время AJAX */
.products.is-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
}
.products.is-loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    border: 4px solid #ff8c00;
    border-top-color: transparent;
    border-radius: 50%;
    animation: products-spin 1s linear infinite;
    z-index: 11;
}
@keyframes products-spin {
    to { transform: rotate(360deg); }
}

.service-page .hero__container{
    padding: 320rem 0 320rem;
}
.service-page .hero::before{
    content: '';
    position: absolute;
    width: 1075rem;
    height: 806rem;
    border-radius: 1075rem;
    opacity: 0.59;
    background: #000;
    filter: blur(45.25px);
    z-index: 3;
}
.service-block{
    top: -60rem;
    margin-bottom: -60rem;
    position: relative;
    z-index: 10;
    background-color: #f9f9f9;
    padding: 150rem 0 60rem;
    border-radius: 60rem 60rem 0 0;
}
.service-block__item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border-radius: 20rem;
    overflow: hidden;
    height: 294rem;
    padding: 24rem;
}

.service-block__item::before{
    content: '';
    position: absolute;
    z-index: 7;
    width: 653rem;
    height: 262rem;
    border-radius: 653rem;
    opacity: 0.82;
    background: #000;
    filter: blur(32.29999923706055px);
    top: -60%;
    left: 50%;
    transform: translateX(-50%);
}
.service-block__item::after{
    content: '';
    position: absolute;
    z-index: 7;
    width: 653rem;
    height: 262rem;
    border-radius: 653rem;
    opacity: 0.82;
    background: #000;
    filter: blur(32.29999923706055px);
    bottom: -60%;
    left: 50%;
    transform: translateX(-50%);
}
.service-block__image{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 5;
    top: 0;
    left: 0;
}
.service-block__top{
    z-index: 10;
    font-size: 24rem;
    font-weight: 600;
    color: #fff;
}
.service-block__bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#fff;
    font-size: 24rem;
    font-weight: 600;
    z-index: 10;
}
.service-block__icon{
    display: block;
    width: 54rem;
    height: 54rem;
    background-color: #fff;
    border-radius: 50rem;
    transition: all .3s;
    position: relative;
}
.service-block__icon svg{
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50rem;
    height: 50rem;
    transition: all .3s;
}
.service-block__icon path{
    transition: all .3s;
}
.service-block__icon:hover{
    background-color: var(--orange);
}
.service-block__icon:hover svg{
    transform: translate(-50%, -50%) rotate(45deg);
}
.service-block__icon:hover path{
    stroke: #fff;
}
.service-block__slider{
    margin-top: 46rem;
}
.service-block__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-block__control{
    display: flex;
    align-items: center;
    gap: 16rem;
}
.service-block__control svg{
    cursor: pointer;
}
.quiz-block{
    padding: 60rem 0;
}
.quiz-block__title{
    text-align: center;
}
.service-catalog__container{
    padding: 30rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0 6rem 25rem 0 rgba(0, 0, 0, 0.10);
    position: relative;
    overflow: hidden;
    border-radius: 30rem;
}
.service-catalog__toptext{
    line-height: 120%;
    font-size: 24rem;
    font-weight: 500;
    width: 420rem;
    margin-bottom: 36rem;
    position: relative;
    z-index: 10;
}
.service-catalog__title{
    font-size: 50rem;
    line-height: 100%;
    font-weight: 600;
    width: 660rem;
    position: relative;
    z-index: 10;
}
.service-catalog__title span{
    color: var(--orange);
}
.service-catalog__data{
    font-size: 18rem;
    margin: 24rem 0 32rem;
    position: relative;
    z-index: 10;
}
.service-catalog__data span{
    color: var(--orange);
}
.catalog-form{
    display: flex;
    flex-wrap: wrap;
    gap: 36rem 12rem;
    width: 620rem;
    position: relative;
    z-index: 10;
}
.catalog-form__item{
    width: calc(50% - 6rem);
}
.catalog-form__item input{
    padding: 17rem 20rem;
    border-radius: 50rem;
    background-color:#F3F3F3;
    width: 100%; 
    
}
.catalog-form__send{
    width: 420rem;
}
.catalog-form__send input{
    width: 100%;
    text-align: center;
    padding: 21rem;
    color: #fff;
    font-size: 20rem;
    font-weight: 600;
    text-transform: uppercase;
    background: var(--gradient);
    border-radius: 10rem;
    cursor: pointer;
    transition: all .3s;
}
.catalog-form__send input:hover{
    filter: contrast(1.5);
}
.service-catalog__image{
    position: absolute;
    z-index: 10;
    right: -32rem;
    bottom: -100rem;
    width: 700rem;
}
.service-catalog{
    padding: 60rem 0;
}
.service-catalog__container::before{
    content: '';
    position: absolute;
    width: 450rem;
    height: 450rem;
    border: 40rem solid var(--orange);
    border-radius: 500rem;
    right: 430rem;
    top: -450rem;
    z-index: 5;
}
.service-catalog__container::after{
    content: '';
    position: absolute;
    width: 450rem;
    height: 450rem;
    border: 40rem solid var(--orange);
    border-radius: 500rem;
    right: -290rem;
    top: -290rem;
    z-index: 5;
}
.service-catalog__absolute::before{
    content: '';
    position: absolute;
    width: 450rem;
    height: 450rem;
    border: 40rem solid var(--orange);
    border-radius: 500rem;
    right: -80rem;
    bottom: -450rem;
    z-index: 5;
}
.promo__item{
    position: relative;
    border-radius: 20rem;
    overflow: hidden;
    height: 426rem;
    padding: 24rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.promo__image{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
}
.promo__item::before{
    content: '';
    position: absolute;
    z-index: 7;
    width: 1000rem;
    height: 262rem;
    border-radius: 653rem;
    opacity: 0.82;
    background: #000;
    filter: blur(32.29999923706055px);
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
}
.promo__item::after{
    content: '';
    position: absolute;
    z-index: 7;
    width: 1000rem;
    height: 262rem;
    border-radius: 653rem;
    opacity: 0.82;
    background: #000;
    filter: blur(32.29999923706055px);
    bottom: -40%;
    left: 50%;
    transform: translateX(-50%);
}
.promo__item-top{
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 36rem;
    font-weight: 600;
    line-height: 120%;
}
.promo__btn{
    padding: 16rem;
    border-radius: 16rem;
    background: var(--gradient);
    color: #fff;
    font-weight: 600;
    font-size: 20rem;
    box-shadow: 0px 12px 25px 0px rgba(255, 140, 0, 0.33);
    transition: all .3s;
    cursor: pointer;
    display: inline-block;
}
.promo__btn:hover{
    filter: contrast(1.5);
}
.promo__item-bot{
    position: relative;
    z-index: 10;
}
.promo__slider{
    margin-top: 60rem;
}
.promo{
    padding: 60rem 0;
}
.viezd,
.quest{
    padding: 60rem 0;
}
.viezd__container,
.quest__container{
    border-radius: 25rem;
    position: relative;
    overflow: hidden;
    height: 800rem;
    padding: 60rem;
}
.viezd__container::after,
.quest__container::after{
    content: '';
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -300rem;
    transform: translateX(-50%);
    background-color:#F9F9F9;
    width: 800rem;
    height: 400rem;
    border-radius: 100%;
}
.viezd__background,
.quest__background{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.viezd__title,
.quest__title{
    position: relative;
    z-index: 10;
    width: 750rem;
    line-height: 100%;
    font-size: 50rem;
    color: #fff;
    font-weight: 600;
}
.viezd__title span,
.quest__title span{
    color: var(--orange);
}
.viezd__container::before,
.quest__container::before{
    content: '';
    position: absolute;
    z-index: 7;
    width: 1000rem;
    height: 500rem;
    border-radius: 653rem;
    opacity: 0.52;
    background: #000;
    filter: blur(100.299999px);
    top: -26%;
    left: 200rem;
    transform: translateX(-50%);
}
.advant-block__container{
    gap: 48rem;
    display: flex;
}
.advant-block__left{
    width: 480rem;
    position: relative;
}
.advant-block__left-title{
    position: sticky;
    top: 60rem;
}
.advant-block__left-title span{
    color: var(--orange);
}
.advant-block__right{
    flex: 1;
}
.advant-block__items{
    display: flex;
    flex-wrap: wrap;
    gap: 30rem 12rem;
    padding: 38rem 20rem;
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 6rem 25rem 0 rgba(0, 0, 0, 0.10);
    margin-bottom: 36rem;
}
.advant-block__item{
    width: calc(50% - 6rem);
    display: flex;
    gap: 12rem;
}
.advant-block__item-icon,
.advant-block__item-icon svg{
    width: 45rem;
    height: 45rem;
}
.advant-block__item-info{
    flex: 1;
}
.advant-block__item-info h3{
    margin-bottom: 10rem;
}
.advant-block__banner{
    position: relative;
    height: 420rem;
    padding: 24rem;
    border-radius: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.advant-block__top{
    position: relative;
    z-index: 10;
}
.advant-block__top h3{
    font-size: 36rem;
    color: #fff;
    font-weight: 600;
    width: 305rem;
    margin-bottom: 24rem;
    line-height: 100%;
}
.advant-block__top p{
    width: 356rem;
    line-height: 100%;
    font-weight: 500;
    color: #fff;
}
.advant-block__image{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
}
.advant-block__bottom{
    padding: 16rem;
    border-radius: 16rem;
    background: var(--gradient);
    color: #fff;
    font-weight: 600;
    font-size: 20rem;
    box-shadow: 0px 12px 25px 0px rgba(255, 140, 0, 0.33);
    transition: all .3s;
    cursor: pointer;
    display: inline-block;
    z-index: 10;
    position: relative;
    width: max-content;
}
.advant-block__bottom:hover {
    filter: contrast(1.5);
}
.advant-block{
    padding: 60rem 0;
}
.advant-block__banner::before{
    content: '';
    position: absolute;
    z-index: 5;
    width: 600rem;
    height: 300rem;
    border-radius: 653rem;
    opacity: 0.52;
    background: #000;
    filter: blur(100.299999px);
    top: -26%;
    left: 200rem;
    transform: translateX(-50%);
}
.quest__container h3{
    margin: 60rem 0;
    width: 490rem;
    color: #fff;
    font-size: 36rem;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    z-index: 10;
}
.quest__container p{
    color: #fff;
    font-size: 24rem;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 36rem;
    width: 462rem;
    position: relative;
    z-index: 10;
}
.quest__container a{
    display: block;
    width: max-content;
    padding: 24rem 40rem 24rem 92rem;
    border-radius: 50rem;
    background-color: var(--green);
    color: #fff;
    font-size: 24rem;
    font-weight: 500;
    position: relative;
    transition: all .3s;
    z-index: 10;
}
.quest__icon{
    width: 52rem;
    height: 52rem;
    object-fit: contain;
    position: absolute;
    z-index: 5;
    left: 24rem;
    top: 50%;
    transform: translateY(-50%);
}
.quest__container a:hover{
    background-color: #5ea060;
    color: #fff;
}
.with-what{
    padding: 60rem 0;
}
.with-what__title{
    width: 1140rem;
    line-height: 120%;
}
.with-what__title span{
    color: var(--orange);
}
.with-what__items{
    display: flex;
    flex-wrap: wrap;
    gap: 32rem;
    margin-top: 60rem;
}
.with-what__item{
    width: calc(100% / 3 - 64rem / 3);
    display: flex;
    align-items: center;
    gap: 24rem;
}
.with-what__image,
.with-what__text{
    width: 50%;
}
.with-what__image{
    height: 170rem;
    border-radius: 20rem;
    object-fit: cover;
    object-position: center;
}
.with-what__text{
    font-size: 24rem;
    font-weight: 500;
    line-height: 130%;
}
.indicator__container{
    display: flex;
    gap: 120rem;
}

.indicator__item{
    flex: 1;
}

.indicator__numb{
    color: var(--orange);
    font-size: 210rem;
    font-weight: 700;
    line-height: 100%;
}

.indicator__numb span{
    font-size: 36rem;
    font-weight: 500;
}

.indicator__text{
    font-size: 18rem;
    font-weight: 500;
    line-height: 110%;
}
/* === Teams block — plain CSS === */
.teams-block__container{
    margin-top: 60rem;
    display: flex;
    gap: 24rem;
}
.teams__info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 700rem;
}
.teams-block__text{
    font-size: 36rem;
    padding-top: 50rem;
    font-weight: 700;
    line-height: 110%;
}
.teams-block{
    padding: 60rem 0;
}
.teams-block__post {
    display: flex;
    gap: 12rem;
    margin-bottom: 24rem;
}

.teams-block__tab {
    position: relative;
    padding: 6rem 0;
    font-weight: 500;
    color: #888;
    border: none;
    background: none;
    cursor: pointer;
    transition: color .3s ease;
    font-size: 24rem;
}

.teams-block__tab::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2rem;
    background: currentColor;
    transition: width .3s ease;
}

.teams-block__tab_active {
    color: #000;
}

.teams-block__tab_active::after {
    width: 100%;
}

.teams-block__slider-item {
    display: none;
    opacity: 0;
    transition: opacity .4s ease;
}

.teams-block__slider-item.is-active {
    display: block;
    opacity: 1;
    flex: 1;
    max-width: 460rem;
}

.teams-block__item {
    height: 585rem;
    display: flex;
    align-items: end;
}

.teams-block__image {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 20rem;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
}

.teams-block__name {
    font-size: 16px;
    line-height: 1.3;
}
.teams-block__images{
    flex: 1;
    display: flex;
    gap: 20rem;
}
.teams__desc{
    flex: 1;
    max-width: 220rem;
}
.teams-block__name{
    position: relative;
    font-size: 32rem;
    padding: 24rem;
    color: #fff;
    z-index: 10;
}
.teams-block__nav{
    position: absolute;
    z-index: 10;
    right: 24rem;
    top: 24rem;
    display: flex;
    gap: 12rem;
    align-items: center;
}
.teams-block__nav button{
    background-color: #ffffff00;
    padding: 0;
    border: none;
    cursor: pointer;
}
.arguments__item{
    height: 410rem;
    position: relative;
}
.arguments__image{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    object-fit: cover;
    object-position: center;
}
.arguments__container{
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    height: 100%;
}
.arguments__title{
    width: 500rem;
    line-height: 110%;
    color: #fff;
}
.arguments__title span{
    color: var(--orange);
}
.arguments__box{
    position: absolute;
    top: 40rem;
    right: 110rem;
    z-index: 15;
    width: 460rem;
    padding: 16rem;
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #FFF;
}
.arguments__control{
    position: absolute;
    z-index: 15;
    bottom: 40rem;
    right: 250rem;
    display: flex;
    gap: 16rem;
    align-items: center;
}
.arrow-slider{
    cursor: pointer;
}
.arrow-slider svg{
    width: 55rem;
    height: 55rem;
}
.arrow-slider rect,
.arrow-slider path{
    transition: all .3s;
}
.arrow-slider:hover rect{
    stroke: var(--orange);
    fill: var(--orange)
}
.arrow-slider:hover path{
    stroke: #fff;
}
.arguments__box-numb{
    line-height: 50rem;
    text-align: center;
    font-size: 20rem;
    font-weight: 600;
    color: #fff;
    background-color: var(--orange);
    width: 50rem;
    display: block;
    border-radius: 50rem;
    margin-bottom: 24rem;
}
.arguments__item::before{
    content: '';
    width: 100%;
    height: 100%;
    z-index: 7;
    position: absolute;
    background-color: #00000059;
    left: 0;
    top: 0;
}
.arguments{
    margin: 60rem 0;
}
.quality{
    padding: 60rem 0;
}
.quality__title,
.life__title{
    width: 715rem;
    margin: 0 auto 60rem;
    text-align: center;
}
.quality__items,
.life__items{
    display: flex;
    flex-wrap: wrap;
    gap: 18rem;
}
.quality__item,
.life__item{
    width: calc(100% / 3 - 12rem);
    padding: 16rem;
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #FFF;
}
.quality__item span,
.life__item span{
    line-height: 50rem;
    text-align: center;
    font-size: 20rem;
    font-weight: 600;
    color: #fff;
    background-color: var(--orange);
    width: 50rem;
    display: block;
    border-radius: 50rem;
    margin-bottom: 36rem;
}
.quality__item h3,
.life__item h3{
    font-size: 20rem;
    line-height: 120%;
    margin-bottom: 12rem;
}
.quality__item p,
.life__item p{
    padding-bottom: 16rem;
    font-size: 18rem;
}
.faq-block__item-body {
    display: none;
    padding: 12rem 0;
    animation: fadeIn .3s ease;
}
.faq-block{
    padding: 60rem 0;
}
/* сама «плюс-иконка» */
.faq-block__item-icon svg{
    transition: transform .3s ease;
    transform-origin: center center;   /* вращается вокруг себя */
    width: 40rem;
    height: 40rem;
}

/* только поворачиваем иконку — НЕ трогаем display у текста */
.faq-block__item.is-open .faq-block__item-icon svg{
    transform: rotate(45deg);
}

/* плавное проявление текста */
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.faq-block__items{
    display: flex;
    flex-wrap: wrap;
    gap: 20rem; 
}
.faq-block__item{
    width: calc(50% - 10rem);
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 6rem 25rem 0 rgba(0, 0, 0, 0.10);
}
.faq-block__item-icon{
    width: 40rem;
    height: 40rem;
    position: relative;
}
.faq-block__item-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32rem;
    cursor: pointer;
    gap: 24rem;
}
.faq-block__item-quest{
    font-size: 24rem;
    flex: 1;
}
.faq-block__item-body{
    padding: 0 32rem 32rem;
    font-size: 18rem;
    line-height: 120%;
}
.it-works{
    top: -60rem;
    margin-bottom: -60rem;
    position: relative;
    z-index: 10;
    background-color: #f9f9f9;
    padding: 120rem 0 60rem;
    border-radius: 60rem 60rem 0 0;
}
.it-works__container{
    display: flex;
    gap: 32rem;
}
.it-works__left{
    width: 500rem;
    position: relative;
}
.it-works__title{
    position: sticky;
    top: 60rem;
}
.it-works__right{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32rem;
}
.it-works__item{
    position: relative;
    padding: 30rem 42rem;
    border-radius: 20px;
    overflow: hidden;
    height: 230rem;
}
.it-works__background{
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 230rem;
}
.it-works__item::before{
    content: '';
    width: 616rem;
    height: 470rem;
    border-radius: 616rem;
    opacity: 0.63;
    background: #7D4705;
    filter: blur(51.5px);
    position: absolute;
    z-index: 7;
    top: 50%;
    left: -150rem;
    transform: translateY(-50%);
}
.it-works__item-title{
    position: relative;
    z-index: 10;
    width: 260rem;
    line-height: 130%;
    color: #fff;
    font-size: 36rem;
    margin-bottom: 24rem;
}
.it-works__item-text{
    position: relative;
    z-index: 10;
    font-size: 18rem;
    font-weight: 500;
    color: #fff;
    width: 460rem;
}
.why-good{
    padding: 60rem 0;
}
.why-good__container{
    display: flex;
    gap: 32rem
}
.why-good__info{
    position: relative;
    width: 500rem;
}
.why-good__info h2{
    position: sticky;
    top: 60rem;
}
.why-good__info h2 span{
    color: var(--orange);
}
.why-good__right{
    flex: 1;
}
.why-good__top-item{
    padding: 34rem 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 230rem;
    background: var(--gradient);
    margin-bottom: 24rem;
    border-radius: 20rem;
}
.why-good__top-item h3{
    width: 230rem;
    line-height: 130%;
    font-size: 36rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 24rem;
    position: relative;
    z-index: 10;
}
.why-good__top-item p{
    width: 460rem;
    color: #fff;
    font-size: 18rem;
    font-weight: 500;
    position: relative;
    z-index: 10;
}
.why-good__bot-items{
    display: flex;
    flex-wrap: wrap;
    padding: 32rem 24rem;
    gap: 30rem 12rem;
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 6rem 25rem 0rem rgba(0, 0, 0, 0.10);
}
.why-good__bot-item{
    display: flex;
    gap: 12rem;
    width: calc(50% - 6rem);
}
.why-good__bot-icon,
.why-good__bot-icon svg{
    width: 45rem;
    height: 45rem;
}
.why-good__bot-info{
    flex: 1;
}
.why-good__bot-info h3{
    font-size: 24rem;
    font-weight: 600;
    margin-bottom: 12rem;
    line-height: 120%;
}
.why-good__bot-info p{
    font-weight: 500;
}
.fact{
    padding: 60rem 0;
}
.stats{
    display: flex;
    gap: 120rem;
}
.stats__heading{
    width: 580rem;
}
.stats__content{
    flex: 1;
    display: flex;
    gap: 120rem;
}
.stats__label{
    width: 320rem;
}
.stats__numbers{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24rem;
    align-items: center;
    min-width: 260rem;
    flex: 1;
}
.stats__number{
    font-size: 96rem;
    font-style: normal;
    font-weight: 700;
    opacity: 0.15;
    transition: all .3s;
    line-height: 100%;
    cursor: pointer;
}
.stats__item--active .stats__number{
    font-size: 166rem;
    opacity: 1;
}
.stats__label-regular{
    font-size: 36rem;
    line-height: 100%;
    font-weight: 400;
    display: block;
}
.stats__label-accent{
    font-size: 36rem;
    line-height: 100%;
    font-weight: 500;
    color: var(--orange);
    display: block;
}
.security{
    padding-top: 200rem;
}
.consultation__form-tel input{
    padding: 24rem;
}
.life{
    padding: 60rem 0;
}
.about,
.contact-page,
.promo-page,
.prod-page{
    padding-top: 260rem;
}
.archive-blog__content{
    display: flex;
    gap: 24rem;
}
.archive-blog__promo{
    position: relative;
    width: 340rem;
}
.archive-blog__text{
    flex: 1;
}
.archive-blog__promo-block{
    position: sticky;
    top: 60rem;
    padding: 36rem 36rem 210rem;
    border-radius: 20rem;
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0 6rem 25rem 0 rgba(0, 0, 0, 0.10);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.archive-blog__promo-image{
    position: absolute;
    z-index: 10;
    width: 120%;
    left: -10%;
    bottom: -100rem;
}
.archive-blog__promo-toptitle{
    font-size: 14rem;
    text-align: center;
    font-weight: 500;
}
.archive-blog__promo-title{
    margin: 4rem 0 32rem;
    text-align: center;
    font-size: 24rem;
    font-weight: 600;
    line-height: 120%;
}
.cat-form{
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.cat-form input,
.cat-form select{
    width: 100%;
    padding: 18rem 21rem;
    border-radius: 50rem;
    font-size: 16rem;
    font-family: var(--font-family);
    border: 1rem solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0 6rem 25rem 0 rgba(0, 0, 0, 0.10);
}
.archive-blog{
    padding-top: 250rem;
}
.archive-blog__title{
    margin-bottom: 40rem;
}
.archive-blog__text p,
.archive-blog__text h2{
    padding-bottom: 24rem;
}
.archive-blog__promo-quest{
    padding-bottom: 12rem;
    width: 100%;
    text-align: left;
}
.cat-form input.wpcf7-submit{
    border-color: var(--orange);
    background: var(--gradient);
    color: #fff;
    font-size: 18rem;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
}
.cat-form input.wpcf7-submit:hover{
    filter: contrast(1.1);
}
.archive-blog__more-item{
    border-radius: 20rem;
    background: #F0F0F0;
}
.archive-blog__more-image{
    height: 430rem;
    object-fit: cover;
    width: 100%;
    border-radius: 20rem;
}
.archive-blog__more-title{
    line-height: 100%;
}
.archive-blog__more-title a{
    margin: 16rem 0 40rem;
    font-size: 24rem;
    font-weight: 600;
    line-height: 100%;
    display: block;
    padding: 0 16rem;
}
.archive-blog__more-link{
    padding: 16rem;
    border-radius: 16rem;
    background: var(--gradient);
    color: #fff;
    font-weight: 600;
    font-size: 20rem;
    box-shadow: 0px 12px 25px 0px rgba(255, 140, 0, 0.33);
    transition: all .3s;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 36rem 16rem;
}
a.archive-blog__more-link:hover {
    filter: contrast(1.5);
    color: #fff;
}
.archive-blog__more-items{
    margin-top: 60rem;
}
ul.sub-menu{
    display: none;
}
.header__menu li{
    position: relative;
}
.header__menu .sub-menu{
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200rem;
    list-style: none;
    margin: 0;
    padding: 8rem 0;
    background: rgba(20,20,20,0.95);
    border-radius: 0 0 16rem 16rem;
    z-index: 61;
}
.header__menu .sub-menu li a{
    display: block;
    padding: 8rem 16rem;
    color: #fff;
    font-size: 14rem;
}
.header__menu li:hover > .sub-menu{
    display: block;
}
.header__menu li.menu-item-has-children > a::after{
    content: "";
    display: inline-block;
    margin-left: 6rem;
    border: 4rem solid transparent;
    border-top-color: #fff;
}
@media(max-width:600px){
    .header__menu li.menu-item-has-children > a::after{display:none;}
}
.header__mobile{
    display: none;
}
.archive-blog__items{
    display: flex;
    flex-wrap: wrap;
    gap: 24rem;
}
.archive-blog__item{
    width: calc(100% / 3 - 16rem);
}
.current-menu-item a{
    color: var(--orange)!important;
}
/* popup */
.popup {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
    z-index: 9000;
}

.popup--active {
    opacity: 1;
    visibility: visible;
}

.popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
    cursor: pointer;
}

.popup__content {
    position: relative;
    width: 640rem;
    max-width: 95%;
    padding: 32rem 24rem;
    background: #fff;
    border-radius: 8rem;
    transform: translateY(-30rem);
    transition: transform .3s ease;
}

.popup--active .popup__content {
    transform: translateY(0);
}

.popup__close {
    position: absolute;
    top: 12rem;
    right: 12rem;
    width: 24rem;
    height: 24rem;
    background: transparent;
    border: none;
    cursor: pointer;
}

/* самый простой “крестик” */
.popup__close::before,
.popup__close::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #000;
}
.popup__close::before { transform: rotate(45deg); }
.popup__close::after  { transform: rotate(-45deg); }
.popup__box{
    width: 90%;
    margin: 24rem auto 0;
}
.popup__box-name input,
.popup__box-tel input{
    background-color: #f2f2f2a6;
    margin-bottom: 12rem;
    width: 100%;
}
.popup__box-send input{
    text-align: center;
    background: var(--gradient);
    color: #fff;
    font-family: 600;
    transition: all .3s;
    cursor: pointer;
    width: 100%;
}
.popup__box-send{
    width: 60%;
    margin: 0 auto;
}
.popup__box-send input:hover{
    filter: contrast(1.1);
}
.popup__descr,
.popup__title{
    text-align: center;
}
.active-popup{
    cursor: pointer;
}
.prod-page__content{
    display: flex;
    gap: 24rem;
    margin-top: 32rem;
}
.prod-page__image{
    width: 500rem;
    position: relative;
}
.prod-page__image img{
    width: 100%;
    height: 540rem;
    object-fit: contain;
    object-position: center;
    position: sticky;
    top: 60rem;
}
.prod-page__info{
    width: 460rem;
}
.prod-page__description{
    flex: 1;
}
.prod-page__price-item h2{
    margin: 0 0 16rem;
    font-size: 32rem;
}
.prod-page__price-items{
    display: flex;
    gap: 16rem;
    align-items: flex-end;
}
.prod-page__newprice{
    font-weight: 600;
    color: var(--orange);
    font-size: 56rem;
    line-height: 90%;
}
.prod-page__oldprice{
    font-size: 24rem;
    color: #8C8C8C;
    text-decoration: line-through;
    line-height: 100%;
}
.prod-page__atribut{
    list-style-type: none;
    margin: 32rem 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.prod-page__atribut li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prod-page__prices{
    padding: 24rem;
    border-radius: 20rem;
    background-color: #e4e4e4;
    margin-top: 32rem;
    display: flex;
    flex-direction: column;
    gap: 32rem;
}
.prod-page__atribut li span{
    font-weight: 600;
}
.prod-page__container{
    padding-bottom: 60rem;
}
.prod-page__btn{
    padding: 24rem 60rem;
    color: #fff;
    font-size: 20rem;
    background-color: var(--green);
    border-radius: 50rem;
    display: block;
    width: max-content;
}
.prod-page__advants{
    display: flex;
    flex-wrap: wrap;
    gap: 8rem 16rem;
    margin-top: 24rem;
}
.prod-page__advants span,
.prod-page__advants a{
    display: block;
    padding-left: 20rem;
    position: relative;
    font-size: 18rem;
    line-height: 100%;
}
.prod-page__advants span::before,
.prod-page__advants a::before{
    content: '';
    position: absolute;
    height: 14rem;
    width: 14rem;
    border-radius: 50rem;
    background-color: var(--orange);
    z-index: 10;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.quest__btn{
    color: var(--orange);
}
.prod-page__description h2{
    font-size: 24rem;
    margin-bottom: 24rem;
}
.prod-page__description p{
    padding-bottom: 12rem;
    font-size: 18rem;
}
.up__block{
    position: fixed;
    bottom: 60rem;
    right: 60rem;
    z-index: 999;
    width: 48rem;
    height: 48rem;
    padding: 8rem;
    border-radius: 50rem;
    background-color: var(--orange);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;  
    transition: all .3s;
}
.up__block--visible{
    transition: all .3s;
}
.up__block svg{
    width: 32rem;
    height: 32rem;
}
.header__desctop--fixed   {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}
.header__top--hidden{
    display: none;
}
.up__block--visible{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
a.right-block__item{
    position: fixed;
    z-index: 400;
    right: -24rem;
    padding: 16rem 40rem 16rem 16rem;
    border-radius: 20rem 0 0 20rem;
    display: flex;
    flex-direction: column;
    gap: 10rem;
    align-items: center;
    color: #fff;
    font-size: 20rem;
    text-align: center;
    width: 165rem;
    transition: all .3s;
}
.get__phone{
    top: 280rem;
    background: var(--gradient);
}
.get__catalog{
    top: 440rem;
    background: var(--gradient);
}
.get__whatsapp{
    top: 600rem;
    background-color: var(--green);
}
a.right-block__item:hover{
    color: #fff;
    right: 0;
}
.right-block__item svg{
    width: 45rem;
    height: 45rem;
}