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

* {
	scrollbar-color: var(--green-primary) transparent;
    scrollbar-width: thin;
    box-sizing: border-box;
    
}
:root{
    --work-width: 1800rem;
    --font-a: 16rem;
    --font-p: 16rem;
    --font-h1: 48rem;
    --font-h2: 32rem;
    --font-h3: 20rem;
    --font-h4: 16rem;
    --font-h5: 16rem;
    --font-h6: 16rem;
    --gap-nan: 16rem;
    --gap-min: 24rem;
    --gap-norm: 32rem;
    --gap-semibig: 48rem;
    --gap-big: 64rem;
    --six-block: calc(100% / 6 - 160rem / 6);
    --five-block: calc(100% / 5 - 72rem / 5);
    --three-block: calc(100% / 3 - 64rem / 3);
    --four-block: calc(25% - 24rem);
    --two-block: calc(50% - var(--gap-norm) / 2);
    --font-family: 'Montserrat', sans-serif;
    --main-black: #191919;
    --green-primary: #006D8E;
    --green-lightest: #00AEEF;
    --Green-Dark: #282828;
    --red-default: #F13D3D;
    --main-white: #FFF;
    --gray:#8E8E8E;
    --border-color: rgba(0, 0, 0, 0.08);
}
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;
    background-color: var(--main-white);
}

body, p, h1, h2, h3, h4, h5, h6, span, li, a {
    line-height: 130%;
    color: var(--main-black);
}
path{
    transition: all ease .5s;
}
a,
p {
    color: var(--black);
    font-size: var(--font-a);
    font-weight: 400;
    text-decoration: none;
    transition: all ease .5s;
}

button{
    transition: all ease .5s;
    cursor: pointer;
}

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(--green-primary)
}
h1, .h1{
    font-size: var(--font-h1);
    font-weight: 600;
    padding: 24rem 0;
}
h2, .h2{
    font-size: var(--font-h2);
    font-weight: 600;
    padding: 30rem 0;
}
h3, .h3{
    font-size: var(--font-h3);
    font-style: normal;
    font-weight: 600;
	padding:15rem 0;
}
h4, .h4{
    font-size: var(--font-h4);
    line-height: normal;
}
h5, .h5{
    font-size: var(--font-h5);
}
h6, .h6{
    font-size: var(--font-h6);
}
input, select, textarea{
    padding: 8rem;
    font-family:  var(--font-family);
    font-size: 16rem;
    border-radius: 6rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
input::placeholder{
	opacity:0.7;
}
.mobile-hidden{
    display: block;
}
.desctop-hidden{
    display: none;
}
.no-scroll{
    overflow: hidden;
}
.row{
    width: 100%;
}
.column{
    width: var(--work-width);
    margin: 0 auto;
}
.column-small{
    width: 1070rem;
    margin: 0 auto;
}
.mobileBlockMenu{
    display: block;
    position: fixed;
    left: -100%;
    width: 100%;
    top:0;
    background-color: #fff;
    transition: all ease .5s;
    z-index: 1200;
    height: 100%;
}
.mobileBlockMenu.active{
    left: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;
}
.search-custom{
    width: auto;
}
.search-custom form{
    display: flex;
    position: relative;
}
.search-custom form input{
    width: 600rem;
}
.search-custom{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: var(--blue);
    transition: all ease 0.5s;
}
.search-custom 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;
}
.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);
    backdrop-filter: blur(10px);
    z-index: 1100; 
}
#overlay.active{
    display: block;
}
header{
    background: var(--main-white);
    box-shadow: 2rem 2rem 10rem 0 rgba(166, 166, 166, 0.25);
}
.header-top_right {
    position: relative;
}
.header-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Default */
/* Стиль для движения ползунка при активной теме */
body.active .switcher-label .switcher-toggler {
    left: 57%; /* Смещение ползунка вправо */
}

.theme-switcher input[type='checkbox'] {
    opacity: 0;
    display: none;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* Стиль для метки */
.theme-switcher .switcher-label {
    background-color: #353535;
    cursor: pointer;
    width: 64rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 2rem;
    min-height: 32rem;
    border-radius: 30rem;
    position: relative;
}

/* Стиль для переключателя */
.theme-switcher .switcher-label .switcher-toggler {
    background-color: white;
    width: 24rem;
    height: 24rem;
    z-index: 1;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 7%;
    top: 11%;
    transition: all 0.4s ease;
}
.moon svg, .sun svg{
    height: 24rem;
    width: 24rem;
}
.moon, .sun{
    height: 24rem;
}
.moon path{
    stroke:dodgerblue;
}
.sun path{
    stroke:gold;
}
.header-top_right{
    display: flex;
    gap:var(--gap-norm);
    align-items: center;
}
.header-top_right-call{
    font-weight: 500;
    cursor: pointer;
    transition: all ease .3s;
}
.header-top_right-call:hover{
    color: var(--green-primary);
}
.header-top_right-contact a{
    font-weight: 600;
}
.header-block{
    padding: 24rem 0;
    display: flex;
    flex-direction: column;
    gap:var(--gap-nan);
}
.header-top_left ul, .header-bot_menu ul{
    list-style-type: none;
    display: flex;
    align-items: center;
    gap:var(--gap-big);
    padding: 0;
    margin: 0;
}
.header-top_left ul a, .header-bot_menu ul a{
    position: relative;
    font-weight: 600;
    line-height: 150%;
    overflow: hidden;
    display: inline-block;
    font-size: 14rem;
}
.header-top_left ul a:before, .header-bot_menu ul a:before{
    content: '';
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 2rem;
    background-color: var(--green-primary);
    transition: all ease .5s;
}
.header-top_left ul a:hover:before, .header-bot_menu ul a:hover:before{
    left: 0;
}
.btn-green{
    background-color: var(--green-primary);
    padding: 8rem 24rem;
    display: inline-flex;
    gap:var(--gap-nan);
    align-items: center;
    border: none;
    font-size: var(--font-a);
    line-height: 150%;
    border-radius: 6rem;
    font-weight: 600;
    color: #fff;
    height: 48rem;
    position: relative;
    overflow: hidden;
}
a.btn-green:hover{
    background-color: var(--Green-Dark);
    color: #fff;
}
.btn-white{
    background-color: #fff;
    padding: 8rem 24rem;
    display: inline-flex;
    gap:var(--gap-nan);
    align-items: center;
    border: 2rem solid var(--green-primary);
    font-size: var(--font-a);
    line-height: 150%;
    border-radius: 6rem;
    font-weight: 600;
    color: var(--green-primary);
    height: 48rem;
    position: relative;
    overflow: hidden;
}
a.btn-white:hover, .btn-white:hover{
    background-color: var(--green-primary);
    color: #fff;
}
.header-middle_search{
    width: 645rem;
    position: relative;
}
.header-middle_search input{
    width: 100%;
    height: 48rem;
    border: .5rem solid var(--main-black);
    border-radius: 6rem;
    background-color: var(--main-white);
    color: var(--main-black);
    padding: 8rem 16rem;
}
.header-middle_search input::placeholder{
    color: var(--main-black);
}
.header-middle_search button{
    background-color: #ffffff00;
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 16rem;
    transform: translateY(-50%);
}
.header-middle_search button svg{
    height: 24rem;
}
.header-middle_search button path{
    stroke: var(--main-black)
}
.header-middle_icon{
    display: flex;
    gap:56rem;
}
.header-middle_icon>a, .header-middle_icon>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.box-icon{
    position: relative;
}
.compare-cont, 
.wishlist-cont,
.cart-cont{
    line-height: 130%;
    padding: 1rem 8rem;
    background-color: var(--green-primary);
    color: #fff;
    font-size: 14rem;
    border-radius: 50rem;
    position: absolute;
    top:0;
    right: -14rem;
    z-index: 30;
    display: inline-block; 
}
.wishlist-cont:empty,
.compare-cont:empty,
.wishlist-cont:empty {
    display: none;
}
.box-icon svg{
    width: 40rem;
    height: 40rem;
    stroke: var(--main-black);
}
.header-middle_icon>a:hover path, .header-middle_icon>div:hover path {
    stroke: var(--green-primary);
}
.header-middle_icon>a:hover .box-icon_title, .header-middle_icon>div:hover .box-icon_title{
    color:var(--green-primary);
} 
.box-icon_title{
    font-weight: 500;
    color: var(--main-black);
    transition: all ease .5s;
}
.header-middle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.header-middle:before{
    content: '';
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
}
.header-middle_logo{
    height: 50rem;
}
.header-middle_logo img{
    max-width: 320rem;
    height: 50rem;
}
footer{
    box-shadow: 2rem 2rem 10rem 0 rgba(166, 166, 166, 0.25);
    border-top: 1rem solid rgba(0, 0, 0, 0.08);
    background: var(--main-white);
}
.footer-block{
    display: flex;
    justify-content: space-between;
    padding: 40rem 0;
}
.subscribe{
    display: flex;
    justify-content: space-between;
    margin-bottom: 48rem;
}
.subscribe-text{
    font-weight: 600;
}
.footer-block_left{
    max-width: 990rem;
    color: var(--main-black);
    line-height: 150%;
}
.footer-block_menu{
    display: flex;
    gap:var(--gap-semibig)
}
.footer-block_menu-item h2, .footer-block_right h2{
    font-size: 20rem;
    margin-bottom: 16rem;
    color: var(--main-black);
}
.footer-block_menu-item ul, .footer-block_right ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap:8rem;
}
.footer-block_menu-item ul a{
    color: var(--main-black);
    opacity: .8;
}
.footer-block_right ul li{
    display: flex;
    align-items: center;
    gap:var(--gap-min);
}
.footer-block_right ul svg{
    padding-top: 8rem;
    width: 32rem;
    height: 40rem;
}
.ripple{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}
.ink {
    display: block; 
    position: absolute;
    /* Здесь можно настроить цвет */
    background: var(--green-lightest);
    border-radius: 100%;
    transform: scale(0);
}
/* Анимация увеличит .ink в 2 раза, попутно меняя его прозрачность. */
.ink.animate {
    animation: ripple 0.7s linear;
}
@keyframes ripple {
    /* масштабируем в 2 раза */
    100% {opacity: 0; transform: scale(2);}
}
.home-slider .swiper-slide img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8rem;
    filter: brightness(50%);
    z-index: -1;
}
.home-slider{
    margin: 40rem 0 60rem;
}
.home-slider_info{
    height: 480rem;
    padding: 60rem 100rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-slider_title{
    width: 880rem;
    font-size: 56rem;
    font-weight: 700;
    line-height: 150%;
    color: #fff;
    text-transform: uppercase;
}
.home-slider_subtitle{
    width: 580rem;
    margin: 16rem 0 32rem;
    font-size: 32rem;
    color:#fff;
    font-weight: 600;
    line-height: 150%;
}
.home-slider_control{
    position: absolute;
    z-index: 20;
    right: 24rem;
    bottom: 24rem;
    display: flex;
    gap: 16rem;
}
.home-slider_control rect{
    fill: var(--green-primary);
}
.home-slider_control>div{
    transition: all ease .5s;
    cursor: pointer;
}
.home-slider_control svg{
    width: 40rem;
    height: 40rem;
}
.home-category_items{
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-norm);
}
.home-category_item{
    padding: 12rem;
    border-radius: 6rem;
    border: 1rem solid var(--border-color);
    background: var(--main-white);
    gap: var(--gap-nan);
    display: flex;
    align-items: center;
    
}
.home-category_item:hover{
    box-shadow: 0 5rem 30rem rgba(34, 34, 34, .3);
}
.home-category_item img{
    width: 48rem;
    height: 48rem;
    object-fit: cover;
}
.home-category_item span{
    font-weight: 600;
    color: var(--main-black);
}
.product-metka{
    padding: 60rem 0;
}
.product-metka_items{
    display: flex;
    flex-wrap: wrap;
    gap:var(--gap-norm);
}
.product-metka_card{
    width:var(--six-block);
    padding: 16rem;
    border: 1rem solid var(--border-color);
    transition: all ease .5s;
    border-radius: 6rem;
    background-color: var(--main-white);
    position: relative;
}
.product-metka_card:hover{
    box-shadow: 0 5rem 30rem rgba(34, 34, 34, .3);
}
.product-metka_title a{
    padding: 8rem;
    border-radius: 6rem;
    border: 2rem solid var(--green-primary);
    background: var(--main-white);
    line-height: 0%;
}
.product-metka_title a svg{
    width: 24rem;
    height: 24rem;
}
.product-metka_title{
    display: flex;
    gap:var(--gap-min);
    align-items: center;
}
.product-metka_title a:hover{
    background-color: var(--green-primary);
}
.product-metka_title a path{
    transition: all ease .5s;
}
.product-metka_title a:hover path{
    stroke:#fff;
}
.product-metka_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.product-metka_tabs{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.product-metka_tabs li{
    padding: 8rem 24rem 16rem 24rem;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.product-metka_tabs li:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: -100%;
    height: 2rem;
    width: 100%;
    background-color: var(--green-primary);
    z-index: 20;
    transition: all ease .5s;
}
.product-metka_tabs li:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2rem;
    width: 100%;
    background-color: #E3E3E3;
    z-index: 19;
}
.product-metka_tabs li:hover:before,
.product-metka_tabs li.active:before{
    left: 0;
}
.home-slider_control>div:hover{
    opacity: .7;
}
.tag-prod{
    position: absolute;
    z-index: 50;
    top:24rem;
    left: 24rem;
    right: 24rem;
    display: flex;
    gap: 8rem;
}
.tag-prod span{
    padding: 5rem 8rem;
    border-radius: 4rem;
    color:#fff;
    line-height: 150%;
}
.vnal{
    color: var(--green-lightest);
    font-weight: 500;
}
.netvnal{
    color: var(--red-default);
    font-weight: 500;
}
.product-metka_imgs .swiper-pagination-bullet{
    width: 16rem;
    height: 3rem;
    border-radius: 0;
}
.product-metka_imgs .swiper-pagination-bullet-active{
    background-color: var(--green-primary);
}
.product-metka_imgs img{
    height: 200rem!important;
    object-fit: cover;
}
.product-metka_info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-metka_info-right{
    display: flex;
    gap:8rem;
    align-items: center;
}
a.product-metka_title{
    display: inline-block;
    padding: 8rem 0;
    font-weight: 600;
}
.product-metka_btn{
    display: flex;
    padding-top: 8rem;
    justify-content: space-between;
    align-items: center;
}
.product-metka_add{
    position: relative;
}
.product-metka_add a{
    line-height: 0;

}
/* Popup добавление в избранное */
.wishlist-popup, .compare-popup, .cart-popup{
    position: fixed;
    top: 32rem;
    background-color: #fff;
    border: 1rem solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    right: -100%;
    opacity: 0;
    z-index: 1000;
    transition: all 0.5s ease-in-out;
    border-radius: 8rem;
}

.wishlist-popup.show, 
.compare-popup.show,
.cart-popup.show{
    right: 32rem;
    opacity: 1;
}

.wishlist-popup_add {
    font-size: 16rem;
    color: #333;
}

.toggle-favorite {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10rem 15rem;
    cursor: pointer;
}

.toggle-favorite.in-favorites {
    background-color: #ffdddd;
    color: #d00;
}
.metka_info-like,
.metka_info-sravn{
    cursor: pointer;
}
.metka_info-like:hover path,
.metka_info-sravn:hover path{
    stroke:var(--green-primary);
}
.wishlist-popup_block, 
.compare-popup_block,
.cart-popup_block{
    display: flex;
    padding: 16rem;
    gap:var(--gap-norm);
    align-items: center;
    position: relative;
}
.wishlist-popup_exit,
.compare-popup_exit,
.cart-popup_exit{
    position: absolute;
    top:8rem;
    right:8rem;
    cursor: pointer;
}
#wishlist-product-image,
#compare-product-image,
#cart-product-image{
    width: 64rem;
    height: 64rem;
    border-radius: 6rem;
    object-fit: cover;
}
#wishlist-action-text,
#compare-action-text{
    font-weight: 600;
    display: block;
}
#wishlist-product-link,
#compare-product-link,
#cart-product-link{
    font-weight: 500;
    display: block;
    color: var(--gray);
}
.product-wishlist, .product-compare{
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-norm);
}
.breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14rem;
    gap:8rem;
    color: var(--main-black);
}
.breadcrumbs a{
    color: var(--gray);
}
.breadcrumbs svg{
    width: 16rem;
    height: 16rem;
}
.breadcrumbs svg path{
    stroke: var(--gray);
}
.custom-page{
    padding: 32rem 0 120rem;
    position: relative;
}
.title-page{
    padding: 24rem 0;
    display: flex;
    gap: 24rem;
    justify-content: space-between;
}
.title-page h1{
    font-size: 36rem;
    width: 90%;
}
.product-wishlist .metka_info-like path,
.product-compare .metka_info-sravn path{
    stroke: var(--green-primary);
}
.product-box{
    padding: 32rem 0;
    background-color: #F8F8F8;
}
.spec-home{
    padding: 60rem 0;
}
.spec-items{
    display: flex;
    flex-wrap: wrap;
    gap:var(--gap-norm);
}
.spec-item{
    padding: 40rem 40rem 30rem;
    border-radius: 8rem;
    height: 323rem;
    width: var(--three-block);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.spec-item_image{
    background-size: cover!important;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all ease .5s;
}
.spec-item:hover .spec-item_image{
    transform: scale(1.10);
}
.spec-item_title h2{
    color: #fff;
    line-height: 150%;
    padding: 0;
}
.spec-item_text{
    color: #fff;
    font-weight: 500;
}
.spec-item_bot{
    display: flex;
    flex-wrap: wrap;
    gap:16rem;
}
.advant-block{
    display: flex;
    flex-wrap: wrap;
    gap:48rem;
    width: 990rem;
    margin: 0 auto;
}
.advant-block_item{
    width: calc(50% - 24rem);
    display: flex;
    align-items: center;
    gap: 22rem;
}
.advant-block_img img{
    width: 90rem;
    height: 90rem;
    object-fit: contain;
}
.advant-block_text{
    width: calc(100% - 112rem);
}
.advant-block_text h2{
    padding: 0;
    line-height: 150%;
}
.title-box{
    display: flex;
    gap: var(--gap-min);
    align-items: center;
}
.title-box a{
    padding: 8rem;
    border-radius: 6rem;
    border: 2rem solid var(--green-primary);
    background: var(--main-white);
    line-height: 0%;
}
.title-box a:hover{
    background-color: var(--green-primary);
}
.title-box a:hover path{
    stroke: #fff;
}
.title-box a svg{
    width: 24rem;
    height: 24rem;
}
.promo-home{
    padding: 60rem 0;
}
.promo-home_block-item{
    width: var(--four-block);
}
.promo-home_block{
    display: flex;
    flex-wrap: wrap;
    gap:var(--gap-norm);
}
.promo-home_block-img a{
    position: relative;
    border-radius: 8rem;
    overflow: hidden;
    height: 204rem;
    padding: 12rem;
    width: 100%;
    display: block;
}
.promo-home_item h3 a{
    transition: all ease .5s;
    font-size: var(--font-h3);
    font-weight: 600;
	padding:15rem 0;
}
.promo-home_block-img:hover ~ .promo-home_item h3 a{
    color: var(--green-primary);
}
.promo-home_block-stiker{
    padding: 5rem 8rem;
    color: #fff;
    font-size: 14rem;
    line-height: 150%;
    margin-right: 12rem;
    border-radius: 8rem;
    display: inline-block;
}
.promo-home_block-img img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    transition: all ease .5s;
}
.promo-home_item-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.promo-aktual{
    display: flex;
    gap:8rem;
    align-items: center;
    background-color:#f5f5f5;
    padding: 5rem 8rem;
    font-size: 14rem;
    border-radius: 8rem;
    color: #000;
}
.promo-aktual img{
    width: 12rem;
}
.about-home{
    padding: 60rem 0;
}
.about-home_block{
    display: flex;
    padding: 40rem;
    border-radius: 4rem;
    border:1rem solid rgba(0, 0, 0, 0.08);
    justify-content: space-between;
}
.about-home_left{
    width: 800rem;
}
.about-home_left p{
    padding-bottom: 16rem;
}
.about-home_right{
    width: 610rem;
}
.about-home_right img{
    width: 100%;
    border-radius: 8rem;
    height: 500rem;
    object-fit: cover;
}
.blog-home{
    padding: 60rem 0;
}
.blog-home_items{
    display: flex;
    flex-wrap: wrap;
    gap:var(--gap-norm);
}
.blog-home_item{
    width: var(--four-block);
}
.blog-home_item-img{
    position: relative;
    height: 204rem;
    border-radius: 8rem;
    overflow: hidden;
    display: block;
}
.blog-home_item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 20;
    left: 0;
    top:0;
    transition: all ease .5s;
}
.blog-home_item-img img:hover{
    transform: scale(1.10);
}
.blog-home_item-img:hover ~ .blog-home_item-title a{
    color: var(--green-primary);
}
.icon-link{
    padding: 8rem;
    border-radius: 6rem;
    border: 2rem solid var(--green-primary);
    background: var(--main-white);
    line-height: 0%;
}
.icon-link svg{
    width: 24rem;
    height: 24rem;
}
.blog-home_item-title{
    padding: 20rem 0 0;
    display: flex;
    align-items: flex-end;
    gap: 24rem;
    justify-content: space-between;

}
.icon-link:hover{
    background-color: var(--green-primary);
}
.icon-link:hover path{
    stroke: #fff;
}
.blog-home_item-title a{
    font-weight: 500;
}
.vk-home_item{
    padding: 32rem;
    border-radius: 4rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    width: var(--four-block);
}
.vk-home_item-img a{
    display: block;
    position: relative;
    border-radius: 8rem;
    overflow: hidden;
    height: 204rem;
}
.vk-home_item-img img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease .5s;
}
.vk-home_item-title{
    display: flex;
    gap:8rem;
    padding-bottom: 64rem;
}
.vk-home_item-title-link{
    line-height: 150%;
    font-weight: 500;
    padding-bottom: 8rem;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.vk-home_items{
    display: flex;
    flex-wrap: wrap;
    gap:32rem;
}
.vk-home{
    padding: 60rem 0;
}
.vk-home_item-title-text span{
    color: #8E8E8E;
    font-weight: 500;
    display: block;
}
.vk-home_item-img:hover img{
    transform: scale(1.10);
}
.promo-home_block-img:hover img{
    transform: scale(1.10);
}
.smotr-home{
    padding: 60rem 0 120rem;
}
.smotr-home_items{
    display: flex;
    gap: 32rem;
    flex-wrap: wrap;
}
.smotr-home_item{
    padding: 16rem;
    width: calc(100% / 8 - 32rem * 7 / 8);
    border-radius: 6rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.smotr-home_item-img{
    height: 120rem;
    margin-bottom: 16rem;
}
.smotr-home_item-img img{
    height: 100%;
    width: 100%;
    border-radius: 6rem;
    object-fit: cover;
}
.smotr-home_item-title{
    font-weight: 500;
}
.smotr-home_item-price span{
    font-weight: 500;
}
.best-offer{
    padding: 60rem 0;
}
.product-metka_price-norm span{
    font-size: 12rem;
    color: #8E8E8E;
    text-decoration: line-through;
}
.product-metka_price-promo span{
    font-weight: 500;
}
.color-swatches {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.color-swatches li {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.color-swatches li.selected {
    border: 2px solid #000;
}
.product-metka_variac {
    display: none;
    position: absolute;
    background: #fff;
    padding: 10rem;
    border-right: 1rem solid var(--border-color);
    border-bottom: 1rem solid var(--border-color);
    border-left: 1rem solid var(--border-color);
    z-index: 60;
    width: calc(100% + 2rem);
    top:calc(100% - 10rem);
    left: -1rem;
    box-sizing: border-box;
    border-radius: 0 0 6rem 6rem;
    overflow: hidden;
}

.product-metka_card:hover .product-metka_variac {
    display: block;
}

.variation-options {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    overflow-y: auto;
}

.variation-options li {
    margin-right: 5rem;
    cursor: pointer;
    border: 1rem solid #ccc;
    padding: 5rem;
}

.variation-options li.selected {
    border-color: #000;
}

.color-swatch {
    display: block;
    width: 60rem;
    height: 60rem;
}
.color-swatch-card{
    display: block;
    width: 24rem;
    height: 24rem;
}

.variation-details {
    margin-top: 10rem;
    font-weight: bold;
}
.cart-popup {
    display: none;
    /* Ваши стили */
}

.cart-popup.show {
    display: block;
    /* Ваши стили для показа */
}
.cart-box {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 50;
    width: 340rem;
    flex-direction: column;
    gap: 4rem;
}
.cart-box.show {
    display: flex;
    /* Другие стили */
}
.header-middle_cart{
    position: relative;
}
.header-middle_cart>a{
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.cart-box_items{
    background-color: var(--main-white);
    border-radius: 8rem;
    max-height: 340rem;
    overflow-y: auto;
    box-shadow: 0 5rem 30rem rgba(34, 34, 34, .1);
}
.cart-box_item{
    padding: 8rem 24rem 8rem 8rem;
    display: flex;
    gap: 24rem;
    align-items: center;
    position: relative;
    border-bottom: 1rem solid rgba(0, 0, 0, 0.08);
}
.cart-box_item img{
    width: 64rem;
    height: 64rem;
    object-fit: cover;
    border-radius: 6rem;
}
.cart-box_item-title>a, .cart-box_item-title-text{
    display: block;
    line-height: 150%;
    font-weight: 500;
    color: var(--main-black);
}
.cart-box_item-delet{
    position: absolute;
    z-index: 51;
    right: 8rem;
    top: 8rem;
}
.grey-numb{
    font-size: 12rem;
    color: #8E8E8E;
}
#ajax-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.preloader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Полупрозрачное затемнение */
}

.preloader-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 40rem;
    height: 40rem;
    border: 4rem solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #ffffff;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.cart-box_order{
    display: flex;
    flex-direction: column;
    gap: 24rem;
    box-shadow: 0 5rem 30rem rgba(34, 34, 34, .1);
    background-color: var(--main-white);
    padding: 24rem;
    border-radius: 6rem;
    margin-top: 6rem;
}
.cart-box_order-title{
    
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}
.cart-box_order-info{
    background-color:#F8F8F8;
    padding: 24rem;
    border-radius: 6rem;
    display: flex;
    gap:12rem;
}
.cart-box_order-info-img svg{
    width: 48rem;
    height: 48rem;
}
.cart-box_order-info-text{
    width: calc(100% - 60rem);
}
.cart-box_order-info-title{
    font-weight: 500;
}
.cart-box_order-info-podp{
    color: #8E8E8E;
    font-size: 14rem;
    margin-top: 6rem;
    font-weight: 500;
}
.cart-box_order-info.show{
    display: flex;
}
.custom-product{
    padding: 24rem 0 120rem;
}
.custom-product_block{
    display: flex;
    gap:32rem;
    padding-top: 32rem;
}
.custom-product_block-image{
    width: 580rem;
    display: flex;
    flex-direction: column;
    gap:16rem;
    position: relative;
}
.custom-product_img-box{
    display: flex;
}
.custom-product_img-thumbs{
    width: 154rem;
    height: 540rem;
    overflow: hidden;
    padding:0 16rem;
    position: relative;
}
.custom-product_img{
    position: sticky;
    top:60rem;
}
.custom-product_img-thumbs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6rem;
}
.custom-product_img-preview{
    width: 426rem;
}
.custom-product_img-preview img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6rem;
}
.custom-product_img-thumbs .swiper-scrollbar{
    left: 0rem!important;
    width: 8rem!important;
}
.custom-product_img-thumbs .swiper-scrollbar-drag{
    background:var(--green-primary)!important;
}
.custom-product_variac input[type="radio"]{
    display: none;
}
.custom-product_variac{
    display: flex;
    flex-direction: column;
    gap: 8rem;
}
.custom-product_variat-item{
    display: flex;
    flex-wrap: wrap;
    gap:16rem;
}
.custom-product_variat-item>span{
    display: block;
    font-weight: 500;
    width: 100%;
}
.custom-product_variat-item label{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.name-atrr-box{
    padding: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14rem;
    gap:6rem;
    border: 2rem solid #eeeeee;
    transition: all ease .5s;
    cursor: pointer;
}
.custom-product_variat-item label input[type="radio"]:checked ~ .name-atrr-box, .name-atrr-box:hover{
    border-color: var(--green-primary);
}
.product-tabs{
    padding: 120rem 0;
}
.product-tabs ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;
}
.product-tabs ul::before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 2rem;
    width: 100%;
    z-index: 19;
    background-color: #E3E3E3;
}
.product-tabs ul a{
    padding: 8rem 16rem 16rem;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    display: block;
}
.product-tabs ul a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 2rem;
    background-color: var(--green-primary);
    bottom: 0;
    left: -100%;
    z-index: 20;
    transition: all ease .5s;
}
.product-tabs ul a.active:before, .product-tabs ul a:hover:before{
    left: 0;
}
.tabs-content{
    padding: 48rem 40rem;
}
.custom-product_info h2{
    font-size: 20rem;
    padding: 16rem 0 12rem;
}
.custom-product_info-atributs-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.atribut-znach{
    padding: 12rem 0;
    display: flex;
    flex-wrap: wrap;
    gap:6rem;
    max-width: 45%;
}
.color-swatch-haraktr{
    width: 20rem;
    height: 20rem;
    display: block;
}
.atribut-name{
    font-weight: 500;
    max-width: 45%;
    display: inline-block;
}
a.custom-product_info-atributs-more, a.custom-product_cont-more{
    margin-top: 12rem;
    color:#5B7FFF;
    padding: 3rem 8rem;
    border-bottom: 1rem dashed #5B7FFF;
    display: inline-block;
}
a.custom-product_info-atributs-more:hover, a.custom-product_cont-more:hover{
    border-color: var(--green-primary);
}
.custom-product_cont{
    padding: 32rem 0;
}
.custom-product_cont p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.custom-product_info{
    width: 496rem;
}
.custom-product_other-top-icons{
    display: flex;
    gap: 8rem;
    align-items: center;
}
.custom-product_other-top-icons svg{
    width: 30rem;
    height: 30rem;
}
.custom-product_other-top-icons div{
    cursor: pointer;
}
.custom-product_other-top-icons div:hover svg path{
    stroke:var(--green-primary);
}
.custom-product_other-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.custom-product_other{
    flex: 1;
}
.custom-product_other-order{
    display: flex;
    justify-content: space-between;
    padding: 80rem 0;
}
.custom-product_other-order-price{
    padding: 16rem;
    display: flex;
    flex-direction: column;
    gap: 24rem;
    align-items: center;
    border-radius: 4rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    width: 280rem;
}
.custom-product_other-func{
    width: 280rem;
}
.price-normal{
    font-size: 18rem;
    font-weight: 500;
    text-decoration: line-through;
    color:#8E8E8E;
    text-align: center;
}
.price-promo{
    font-size: 36rem;
    line-height: 150%;
    font-weight: 600;
    color: var(--main-black);
    text-align: center;
}
.custom-quantity-control{
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-quantity-control>button{
    background-color: #fff;
    border: none;
    width: 32rem;
    height: 32rem;
    padding: 4rem;
}
.custom-quantity-control>button svg{
    width: 24rem;
    height: 24rem;
}
.custom-quantity-control>input{
    height: 40rem;
    width: 40rem;
    border-radius: 4rem;
    border: 2rem solid var(--green-primary);
    padding: 6rem;
    text-align: center;
}
.custom-product_other-btn{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14rem;
}
#add-to-cart-button{
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-product_other-oneclick button{
    width: 100%;
    justify-content: center;
}
.custom-product_other-podpis span{
    font-size: 12rem;
    color:#8E8E8E;
}
.custom-product_other-bottom-advants{
    display: flex;
    flex-direction: column;
    gap: 16rem;
    width: calc(100% - 300rem);
}
.custom-product_other-bottom-advant{
    display: flex;
    align-items: center;
    gap: 8rem;
}
.other-bottom-advant-icon img{
    width: 40rem;
}
.other-bottom-advant-title{
    width: calc(100% - 48rem);
}
.custom-product_other-bottom{
    display: flex;
    gap:30rem;
}
.custom-product_other-bottom-btns{
    width: 270rem;
}
.other-bottom-btn{
    width: 100%;
    justify-content: center;
}
.product_other-func-item{
    display: flex;
    gap: 24rem;
    align-items: center;
    border-bottom: 1rem dashed #5B7FFF;
    transition: all ease .5s;
    cursor: pointer;
}
.product_other-func-item-icon{
    width: 32rem;
    padding: 4rem;
}
.product_other-func-item-icon svg{
    width: 24rem;
}
.product_other-func-item-title{
    width: calc(100% - 56rem);
    color: #5B7FFF;
    padding: 8rem 0;
    font-weight: 500;
    transition: all ease .5s;
}
.product_other-func-items{
    display: flex;
    flex-direction: column;
    gap: 24rem;
    padding: 0 8rem;
}
.product_other-func-item:hover{
    border-color: var(--green-primary);
}
.product_other-func-item:hover .product_other-func-item-title{
    color: var(--green-primary);
}
.product_other-func-item:hover path{
    stroke: var(--green-primary);
}
.custom-catalog{
    padding: 24rem 0 120rem;
    position: relative;
    overflow: hidden;
}
.catalog-category_items{
    padding: 24rem 0;
    display: flex;
    flex-wrap: wrap;
    gap:12rem 24rem;
}
.catalog-category_item{
    display: flex;
    align-items: center;
    gap: 16rem;
    padding: 8rem;
    border-radius: 6rem;
    background-color: var(--main-white);
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.catalog-category_item img{
    width: 48rem;
    height: 48rem;
    border-radius: 4rem;
    object-fit: cover;
}
.catalog-category_item span{
    color: var(--main-black);
    font-weight: 600;
}
.catalog-category_item:hover{
    box-shadow: 0 5rem 30rem rgba(34, 34, 34, .3);
}
.catalog-box_products{
    display: flex;
    flex-wrap: wrap;
    gap: 18rem;
}
.catalog-box_products .product-metka_card{
    width:var(--five-block);
}
.catalog-block{
    display: flex;
    gap: 16rem;
}
.catalog-sidebar{
    width: 298rem;
    padding: 24rem;
    border-radius: 4rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    background-color: var(--main-white);
    
}
.catalog-box{
    width: calc(100% - 314rem);
}
.catalog-box_filter-items{
    display: flex;
    justify-content: space-between;
    padding-bottom: 24rem;
    align-items: flex-start;
}
.catalog-box_grids{
    width: 10%;
    display: flex;
    gap: 24rem;
    display: none;
}
.catalog-box_filter{
    display: flex;
    flex-wrap: wrap;
    gap:8rem 16rem;
    width: 90%;
}
.catalog-box_grids button{
    padding: 0;
    border: none;
    background-color: #ffffff00;
}
.catalog-box_grids svg{
    width: 30rem;
}
.catalog-box_grids svg path{
    stroke: #8E8E8E;
}
.catalog-box_grids button:hover path{
    stroke: var(--green-primary);
}

/* Стили для popup */
#review-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1100;
}

.review-popup-content {
    background: #fff;
    padding: 20rem;
    width: 470rem;
    position: relative;
    border-radius: 8rem;
    text-align: center;
}

.close-button {
    position: absolute;
    top: 10rem;
    right: 10rem;
    font-size: 24rem;
    cursor: pointer;
}

.star-rating span {
    font-size: 24rem;
    cursor: pointer;
    color: #ccc;
}

.star-rating span.selected {
    color: gold;
}
.product-reviews{
    display: flex;
    gap: 64rem;
    justify-content: space-between;
}
.product-reviews_block{
    width: 1240rem;
}
.product-reviews_add{
    position: relative;
}
.product-reviews_add-box{
    position: sticky;
    top:32rem;
}
.product-reviews_block-items{
    display: flex;
    flex-direction: column;
    gap:44rem;
    padding: 24rem 0;
}
.product-reviews_block-item{
    padding: 24rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.reviews_block-item-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8rem;
}
.reviews_block-item-top-left{
    display: flex;
    gap: 8rem;
    align-items: center;
}
.reviews_block-item-top-left img{
    width: 60rem;
    height: 60rem;
    object-fit: cover;
    border-radius: 100rem;
}
.reviews_box-info{
    border-top: 1rem solid rgba(0, 0, 0, 0.08);
    padding: 16rem 0;
    display: flex;
    flex-direction: column;
    gap:16rem;
}
.reviews_box-info-item{
    display: flex;
    gap: 16rem;
}
.reviews_box-info-item-title{
    width: 140rem;
    font-weight: 600;
}
.reviews_box-info-item-text{
    flex:1;
}
.reviews_box-info-item-text{
    font-weight: 500;
}
.product-reviews_add-reit{
    font-size: 20rem;
    display: flex;
    align-items: center;
    gap: 8rem;
    margin-bottom: 16rem;
}
.content-tab-attributes{
    width: 1240rem;
}
.register-box{
    width: 540rem;
    margin: 0 auto;
}
.register-box_description{
    margin-bottom: 40rem;
}
.registration-form, .login-form{
    width: 400rem;
    margin: 0 auto;
}
.registration-form form, .login-form form{
    display: flex;
    flex-direction: column;
    gap: 24rem;
}
.register-box_block label{
    position: relative;
}
.register-box_block input{
    width: 100%;
    padding: 8rem 16rem;
    line-height: 150%;
}
.icon-form{
    position: absolute;
    top:50%;
    right: 16rem;
    transform: translateY(-50%);
    width: 24rem;
    height: 24rem;
}
.register-box_description{
    color: #8E8E8E;
    font-weight: 500;
}
.register-box_title h2{
    text-align: center;
}
.register-box_block button{
    justify-content: center;
}
.page-404_box{
    padding: 140rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page-404_box-description p{
    text-align: center;
}
.register-page{
    padding: 24rem 0 120rem;
}
.profile-page, 
.help-page{
    padding: 60rem 0 120rem;
}
.profile-container,
.help-container,
.about-container{
    display: flex;
    gap: 32rem;
}
.profile-sidebar,
.help-sidebar,
.about-sidebar{
    width: calc(100% / 6 - 16rem);
}
.profile-content,
.help-content,
.about-content{
    width: calc(100% / 6 * 5 - 16rem);
}
.profile-sidebar ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24rem;
}
a.profile-sidebar_link{
    padding: 8rem;
    display: flex;
    gap:16rem;
    align-items: center;
    border-radius: 6rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    background: var(--main-white);
}
.profile-sidebar_link b{
    display: block;
    line-height: 150%;
    transition: all ease .5s;
}
.profile-sidebar_link span{
    transition: all ease .5s;
}
.profile-sidebar_link:hover, 
.profile-sidebar_link.active{
    box-shadow: 0 5rem 30rem rgba(34, 34, 34, .3);
    background-color: var(--green-primary);
}
.profile-sidebar_link:hover b, 
.profile-sidebar_link:hover span,
.profile-sidebar_link.active span,
.profile-sidebar_link.active b{
    color: #fff;
}
.profile-sidebar_link:hover path,
.profile-sidebar_link.active path{
    stroke: #fff;
}
.profile-content_info{
    display: flex;
    justify-content: space-between;
    padding: 24rem;
    border-radius: 6rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.profile-content_products{
    display: flex;
    flex-wrap: wrap;
    gap: 32rem;
}
.profile-content_titleprod{
    font-weight: 600;
    margin: 40rem 0 24rem;
}
.profile-content_products .product-metka_card{
    width: calc(20% - 128rem / 5);
}
.profile-content_info-photo img{
    width: 108rem;
    height: 108rem;
    border-radius: 100rem;
    object-fit: cover;
}
.profile-content_info-left{
    display: flex;
    align-items: center;
    gap:32rem;
}
.profile-content_info-tel, .profile-content_info-mail{
    display: flex;
    align-items: center;
    gap: 8rem;
    line-height: 150%;
}
.profile-content_info-items{
    display: flex;
    gap: 40rem;
}
.profile-content_info-name h2{
    padding: 10rem 0;
}
#profile_photo_preview{
    width: 100%;
    height: 100%;
    border-radius: 100rem;
    object-fit: cover;
}
.profile-edit_photo label{
    width: 108rem;
    height: 108rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 100rem;
    cursor: pointer;
}
.profile-edit_photo label:before{
    content: '';
    position: absolute;
    background-color: #00000010;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    opacity: 0;
    z-index: 20;
    transition: all ease .5s;
}
.profile-edit_photo{
    margin: 24rem 0;
}
.profile-edit_photo label:hover:before{
    opacity: 1;
}
.profile-edit_cont{
    width: 362rem;
    display: flex;
    flex-direction: column;
    gap: 24rem;
}
.profile-edit_cont input{
    width: 100%;
    line-height: 150%;
}
.profile-edit_cont button{
    justify-content: center;
}
.profile-edit_contact{
    padding: 32rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    width: 892rem;
}
.profile-edit_contact h2, .profile-edit_pass h2{
    padding: 0;
}
.profile-edit-items{
    display: flex;
    gap:32rem;
}
.profile-edit_dop{
    width: calc(100% - 924rem);
    padding: 32rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.profile-edit_pass form{
    display: flex;
    flex-direction: column;
    gap: 24rem;
    padding-top: 24rem;
}
.profile-edit_pass form input{
    width: 100%;
    line-height: 150%;
}
.profile-edit_pass form button{
    justify-content: center;
}
.profile-content_wishlist{
    display: flex;
    flex-wrap: wrap;
    gap:32rem;
}
.profile-content_wishlist .product-metka_card{
    width: calc(20% - 128rem / 5);
}
.help-sidebar-box,
.about-sidebar-box{
    padding: 24rem;
    border-radius: 6rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    margin-bottom: 16rem;
}
.help-sidebar h2{
    font-size: 16rem;
    font-weight: 600;
    color: var(--main-black);
    padding: 12rem 0;
}
.help-sidebar ul,
.about-sidebar ul{
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 8rem;
    padding-left: 18rem;
    margin: 12rem 0;
}
.about-sidebar ul{
    padding-left: 0;
}
.help-sidebar ul a,
.about-sidebar ul a{
    padding: 8rem;
    border-radius: 6rem;
    background-color: #fff;
    color: var(--main-black);
    display: block;
    line-height: 150%;
}
.help-sidebar ul a:hover,
.help-sidebar ul .current-menu-item a,
.about-sidebar ul a:hover,
.about-sidebar ul .current-menu-item a{
    background-color: var(--green-primary);
    color:#fff;
}
.help-sidebar .btn-white{
    height: auto;
}

.help_custom-content_faq-tabs {
    margin: 32rem 0;
}

.help_custom-tab-menu {
    list-style: none;
    padding: 0;
    display: flex;
    position: relative;
}
.help_custom-tab-menu:before{
    content: '';
    bottom: 0;
    left: 0;
    height: 2rem;
    width: 100%;
    background-color:#E3E3E3;
    position: absolute;
    z-index: 20;
}
.help_custom-tab-item {
    padding: 8rem 16rem 16rem;
    cursor: pointer;
    position: relative;
    display: block;
    overflow: hidden;
    flex: 1;
    text-align: center;
    font-weight: 600;
}
.help_custom-tab-item:before{
    content: '';
    left:-100%;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 2rem;
    z-index: 21;
    background-color: var(--green-primary);
    transition: all ease .5s;
}
.help_custom-tab-item:hover:before,
.help_custom-tab-item.active:before{
    left: 0;
}
.help_custom-tab-content {
    margin-top: 15px;
}

.help_custom-tab-panel {
    display: none;
}

.help_custom-accordion-item {
    margin-bottom: 16rem;
    border-bottom: 1rem solid var(--green-primary);
}

.help_custom-accordion-title {
    cursor: pointer;
    padding: 16rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16rem;
    line-height: 150%;
}

.help_custom-accordion-content {
    padding: 16rem;
    display: none;
}
.help_custom-accordion-icon {
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.help_custom-accordion-icon .icon-open {
    display: none;
}

.help_custom-accordion-title.active .help_custom-accordion-icon .icon-closed {
    display: none;
}

.help_custom-accordion-title.active .help_custom-accordion-icon .icon-open {
    display: inline;
}
.help-content_flex{
    display: flex;
    gap: 32rem;
}
.help_custom-form{
    width: 426rem;
}
.help_custom-form-block{
    width: 100%;
    padding: 24rem;
    border-radius: 6rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.help-content_faq{
    flex: 1;
}
.help_custom-form-title{
    width: 250rem;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    color: var(--main-black);
}
.header-middle_login>img{
    width: 60rem;
    height: 60rem;
    border-radius: 100rem;
    object-fit: cover;
}
.cart-item{
    display: flex;
    justify-content: space-between;
    padding: 24rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.cart-item-image img{
    height: 120rem;
    width: 120rem;
    border-radius: 6rem;
    object-fit: cover;
}
.cart-item-image{
    display: flex;
    gap:24rem;
    width: 450rem;
}
.cart-item-name{
    padding: 0;
    line-height: 150%;
    font-size: 16rem;
    font-weight: 600;
}
.cart-item-sku, .cart-item-attribute{
    color: #8E8E8E;
    line-height: 150%;
}
.custom-cart{
    display: flex;
    justify-content: space-between;
    padding-bottom: 120rem;
}
.woocommerce-cart-form{
    width: 1200rem;
}
.cart-items{
    display: flex;
    flex-direction: column;
    gap: 32rem;
}
.cart-right-box{
    width: 420rem;
}
.cart-summary{
    padding: 24rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.cart-item-quant{
    width: 180rem;
    display: flex;
    flex-direction: column;
    gap: 8rem;
    align-items: center;
}
.cart-item-quantity{
    display: flex;
    gap: 8rem;
    align-items: center;
}
.cart-item-quantity button{
    border: none;
    padding: 4rem;
    background: #ffffff00;
}
.cart-item-quantity svg{
    width:24rem;
    height: 24rem;
}
.cart-item-quantity input{
    width: 40rem;
    height: 40rem;
    border-radius: 4rem;
    border: 2rem solid var(--green-primary);
    text-align: center;
}
.cart-item-price{
    width: 120rem;
    font-weight: 600;
}
.cart-item-stock{
    color: #8E8E8E;
    font-size: 14rem;
}
.cart-total{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24rem;
}
.cart-total h2{
    font-size: 16rem;
    padding: 0;
}
.cart-total span{
    font-size: 32rem;
    font-weight: 600;
}
.cart-coupon{
    position: relative;
    margin-bottom: 24rem;
}
.cart-coupon input{
    width: 100%;
}
.cart-coupon button{
    position: absolute;
    right: 0;
    top:50%;
    transform: translateY(-50%);
    z-index: 20;
    padding: 6rem 24rem;
    height: 100%;
}
.cart-summary .checkout-button.btn-green{
    width: 100%;
    justify-content: center;
}
.clear_cart{
    margin: 32rem auto 0;
    text-align: center;
}
.cart-order-info{
    padding: 24rem;
    border-radius: 6rem;
    display: flex;
    gap:12rem;
    align-items: center;
    transition: opacity 0.3s ease;
}
.cart-order-info.hide {
    opacity: 0;
    pointer-events: none;
}
.custom-checkout{
    display: flex;
    gap: 32rem
}
.custom-checkout aside{
    width: 426rem;
    position: relative;
}
.custom-checkout main{
    width: calc(100% - 458rem);
}
.checkout-steps{
    display: flex;
    flex-direction: column;
    gap: 40rem;
}
.checkout-step_one, 
.checkout-step_two, 
.checkout-step_three{
    display: flex;
    gap: 32rem;
    padding-bottom: 16rem;
    border-bottom: 1rem solid rgba(0, 0, 0, 0.08);
}
.checkout-step_icon{
    width: 120rem;
}
.checkout-step_one-info, .checkout-delivery, .checkout-step_three-payment{
    width: calc(100% - 152rem);
}
.delivery_block-pickup-items{
    display: flex;
    min-height: 420rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.delivery_block-pickup-map{
    width: 60%;
    height: 520rem;
}
.checkout-delivery_block{
    display: none;
}
#delivery-tabs{
    display: flex;
    padding: 24rem;
    list-style-type: none;
    margin: 0;
    padding: 24rem 0;
    gap: 16rem;
}
.checkout-delivery_block-tab-item{
    padding: 8rem 24rem;
    border-radius: 5rem;
    border: 2rem solid var(--green-primary);
    color: var(--green-primary);
    font-weight: 600;
    transition: all ease .5s;
    cursor: pointer;
}
.checkout-delivery_block-tab-item:hover, .checkout-delivery_block-tab-item.active{
    background-color: var(--green-primary);
    color: #fff;
}
.delivery_block-pickup-list{
    width: 40%;
}
.checkout-total{
    padding: 24rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.checkout-total_box{
    display: flex;
    gap: 24rem;
    flex-direction: column;
}
.checkout-total_box-total-price{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.checkout-total_box-total-price #total-price{
    font-size: 32rem;
    line-height: 150%;
    font-weight: 600;
}
.checkout-total_box-content{
    display: flex;
    flex-direction: column;
    gap: 8rem;
}
.checkout-total_box-content-product,
.checkout-total_box-content-dilivery,
.checkout-total_box-content-dop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:24rem;
}
.checkout-total_box-content-product hr,
.checkout-total_box-content-dilivery hr,
.checkout-total_box-content-dop hr{
    flex: 1;
    border-color: #00000014;
}
.checkout-total_info{
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.checkout-total_item{
    display: flex;
    gap: 32rem;
}
.checkout-total_item span{
    display: block;
    width: 100rem;
    font-weight: 600;
    line-height: 150%;
}
.checkout-total_item>div{
    width: calc(100% - 132rem);
}
.checkout-total_item h3{
    font-size: 16rem;
    padding: 0;
    font-weight: 500;
    line-height: 150%;
}
.checkout-total_item>div span{
    font-size: 14rem;
    font-weight: 500;
    line-height: 150%;
    color: #8E8E8E;
}
.checkout-total_box-btn button{
    width: 100%;
    justify-content: center;
}
.checkout-politics{
    padding: 8rem 0;
    text-align: center;
    font-size: 12rem;
    color: #8E8E8E;
}
.custom-checkout aside{
    position: relative;
}
.checout-order{
    position: sticky;
    top: 48rem;
}
.customer-type-selection{
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.customer-type-selection:before{
    content: '';
    position: absolute;
    display: block;
    z-index: 29;
    width: 100%;
    height: 2rem;
    bottom: 0;
    left: 0;
    background-color: #E3E3E3;
}
.customer-type-selection input[type="radio"]{
    display: none;
}
.customer-type-selection label{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.customer-type-selection span{
    padding: 8rem 16rem 16rem;
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    line-height: 150%;
}
.customer-type-selection span:before{
    content: '';
    position: absolute;
    display: block;
    z-index: 30;
    width: 100%;
    height: 2rem;
    bottom: 0;
    left: -100%;
    background-color: var(--green-primary);
    transition: all ease .5s;
}
.customer-type-selection span:hover:before,
.customer-type-selection input[type="radio"]:checked + span:before
{
    left: 0;
}
.individual-fields{
    display: flex;
    align-items: center;
    gap:32rem;
    width: 100%;
}
.individual-fields>div{
    width: 33%;
    position: relative;
}
.legal-entity-fields{
    display: flex;
    flex-wrap: wrap;
    gap: 16rem 32rem;
}
.legal-entity-fields>div{
    width: calc(25% - 24rem);
}
.checkout-step_one-info input{
    width: 100%;
    padding: 16rem;
}
.checkout-step_one-info{
    display: flex;
    align-items: center;
}
.checkout-delivery{
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.checkout-delivery_way span{
    font-weight: 500;
    color: #8E8E8E;
    line-height: 150%;
}
.checkout-delivery_address{
    font-weight: 500;
    line-height: 150%;
}
#woocommerce-shipping-methods{
    display: flex;
    padding: 8rem 0;
    gap: 16rem;
    flex-wrap: wrap;
}
.woocommerce-shipping-method{
    cursor: pointer;
}
.checkout-delivery_block-content-dop-title{
    padding: 24rem 0 16rem;
    font-weight: 600;
    display: block;
    width: 100%;
}
.checkout-delivery_block-content-dop{
    display: flex;
    flex-wrap: wrap;
    gap: 12rem 24rem;
    padding-bottom: 16rem;
}
.additional-service span{
    font-weight: 500;
}
.delivery_block-address-form{
    padding-bottom:24rem;
    display: flex;
    flex-direction: column;
}
.delivery_block-address-form input, .delivery_block-address-form textarea{
    width: 100%;
    padding: 16rem;
}
.delivery_block-address-form input, .delivery_block-address-form h4{
    margin-bottom: 24rem;
}
#delivery_block-pickup-list{
    width: 40%;
    padding: 0 24rem;
    overflow-y: auto;
    height: 500rem;
}
.pickup-point-item{
    padding: 24rem 0;
    border-bottom: 1rem solid rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
}
.pickup-point-item h4, .pickup-point-item p{
    line-height: 150%;
}
.pickup-point-item p{
    color: #8E8E8E
}
.pickup-point-item_btn{
    width: 120rem;
}
.pickup-point-item_content{
    width: 340rem;
}
.pickup-point-item.active button.btn-white{
    background-color: var(--green-primary);
    color: #fff;
}
.step_three-payment-info{
    padding-bottom: 16rem;
    font-weight: 500;
}
.step_three-payment-content{
    padding: 24rem 0;
}
.payment-method{
    width: calc(100% / 3 - 64rem / 3);
    border: 1rem solid rgba(0, 0, 0, 0.08);
    border-radius: 8rem;
}
.step_three-payment-content{
    padding: 24rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 32rem;
}
.payment-method label{
    cursor: pointer;
    padding: 24rem;
    display: block;
}
.order-custom{
    padding: 32rem 0 120rem;
}
.page-thanks{
    height: 480rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-thanks_box{
    width: 560rem;
    display: flex;
    flex-direction: column;
    gap:32rem;
    align-items: center;
}
.shop-page_item{
    padding: 16rem;
    border-radius: 16rem;
    width: calc(100% / 5 - 128rem / 5);
    display: flex;
    gap:16rem;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    height: 300rem;
}
.shop-page_item img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    left: 0;
    top:0;
    filter: brightness(50%);
    transition: all ease .5s;
}
.shop-page_item span{
    font-size: 32rem;
    line-height: 150%;
    font-weight: 600;
    color: #fff;
    transition: all ease .5s;
}
.shop-page_item:hover span{
    color: var(--green-primary);
}
.shop-page_item:hover img{
    transform: scale(1.10);
}

.shop-page_item:hover{
    box-shadow: 0 5rem 30rem rgba(34, 34, 34, .3);
}
.shop-page_block{
    display: flex;
    flex-wrap: wrap;
    gap:16rem 32rem;
}
.shop-page{
    padding: 32rem 0 120rem;
}
.compare-popup_exit img,
.cart-popup_exit img,
.wishlist-popup_exit img{
    width: 24rem;
    height: 24rem;
}
/* Стили для всплывающего окна категорий */
.categoty-popup {
    position: absolute;
    top: calc(100% + 16rem);
    left: 16rem;
    width: calc(100% - 32rem);
    background-color: var(--main-white);
    z-index: 1000;
    box-shadow: 0 2rem 10rem rgba(0,0,0,0.1);
    overflow: auto;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    visibility: hidden;
    height: 520rem;
    padding: 32rem;
}

/* Стили для активного состояния */
.categoty-popup.active {
    opacity: 1;
    visibility: visible;
}

/* Стили для затемнения фона при открытом окне */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

/* Активное состояние для оверлея */
.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.header-middle_catalog {
    position: relative;
    z-index: 1010;
}
.header-middle_catalog img{
    width: 24rem;
    height: 24rem;
}
.categoty-popup_items{
    display: flex;
    flex-wrap: wrap;
    gap: 32rem;
    flex:1;
}
.home-category__item-img{
    width: 56rem;
    height: 56rem;
    object-fit: cover;
}
.categoty-popup_item{
    width: calc(25% - 24rem);
    display: flex;
    gap: 16rem;
}
.category-popup__item-img{
    width: 56rem;
    height: 56rem;
    object-fit: contain;
}
.categoty-popup_item-list{
    width: calc(100% - 72rem);
}
.categoty-popup_item-list>ul{
    list-style-type: none;
    padding: 0 0 0 12rem;
    margin: 0;
}
.categoty-popup_item-list ul{
    list-style-type: none;
}
.sub-subcategory-list{
    padding: 8rem 0 8rem 24rem;
    display: none;
}
.hidden-subcategories {
    display: none;
}
.hidden-subcategories ul{
    padding: 0;
}
/* Иконка вращения */
.rotate-icon {
    transform: rotate(180deg);
    transition: transform 0.3s;
}
/* Иконки с плавным переходом */
.toggle-subcategories svg,
.toggle-hidden-categories svg {
    transition: transform 0.3s;
}
.categoty-popup_item svg{
    width: 16rem;
    height: 16rem;
    cursor: pointer;
}
.categoty-popup_item-osnov{
    font-size: 18rem;
    font-weight: 500;
    color:var(--green-primary)
}
.categoty-popup_item a{
    line-height: 200%;
}
.categoty-popup_block{
    display: flex;
    gap: 32rem;
}
.categoty-popup_spec{
    width: 240rem; 
}
.categoty-popup_spec a{
    width: 100%;
    height: 310rem;
    border-radius: 8rem;
    background-position: center;
    background-size: cover;
}
.link-share_block{
    position: absolute;
    z-index: 20;
    top: 100%;
    right: 0;
    padding: 16rem 24rem;
    border-radius: 8rem;
    background-color: var(--main-white);
    display: none; 
    flex-direction: row; 
    gap: 24rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.link-share_block svg{
    width: 32rem;
}
.link-share_box{
    position: relative;
}
.custom-page_img{
    height: 464rem;
    background-position: center;
    background-size: cover;
    border-radius: 8rem;
    margin-bottom: 24rem;
}
.custom-page_content{
    position: relative;
    padding-bottom: 60rem;
}
.custom-page_promo{
    display: flex;
    width: 340rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    align-items: center;
}
.custom-page_products{
    display: flex;
    flex-wrap: wrap;
    gap: 32rem;
}
.custom-page_product-bg{
    padding: 32rem 0;
    background-color: #F8F8F8;
}
.custom-archive_promo-text{
    padding: 24rem 0 40rem;
}
.title-page span{
    position: absolute;
    z-index: -1;
    font-size: 250px;
    line-height: 90%;
    font-weight: 600;
    text-transform: uppercase;
    color: #00000014;
    top: -40rem;
    left: 40%;
    white-space: nowrap
}
.custom-archive_promo-items{
    display: flex;
    gap: 32rem;
    flex-wrap: wrap;
}
.custom-archive_promo-item{
    height: 250rem;
    width: calc(100% / 3 - 64rem / 3);
    padding: 16rem;
    border-radius: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.custom-archive_promo-title{
    font-size: 24px;
    line-height: 150%;
    font-weight: 600;
    color: #fff;
}
.custom-archive_promo-bottom{
    display: flex;
    justify-content: flex-end;
}
.about-page{
    padding: 32rem 0 120rem;
    position: relative;
    overflow: hidden;
}
.items-license{
    display: flex;
    flex-wrap: wrap;
    gap: 32rem;
}
.item-license{
    padding: 24rem;
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 320rem;
    width: calc(20% - 40rem);
}
.item-license_img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.item-license_img img{
    height: 180rem;
    width: auto;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.item-license_title{
    font-weight: 600;
    text-align: center;
    color: var(--main-black);
    line-height: 150%;
}
.item-license_size{
    font-size: 14rem;
    font-weight: 500;
    line-height: 150%;
    color: #8E8E8E;
    text-align: center;
}

.item-license_img .item-license_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.item-license_img .item-license_overlay svg {
    fill: none;
    stroke: white;
    stroke-width: 2;
    width: 30px;
    height: 30px;
}

.item-license_img:hover img {
    transform: scale(1.05);
    opacity: 0.8;
}

.item-license_img:hover .item-license_overlay {
    opacity: 1;
}
.items-docs{
    margin-top: 40rem;
    display: flex;
    flex-wrap: wrap;
    gap: 24rem;
}
.item-docs{
    display: flex;
    gap: 12rem;
    align-items: center;
    padding: 16rem;
    border-radius: 6rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.item-docs_title a{
    font-weight: 500;
    color: var(--main-black);
    line-height: 150%;
}
.item-docs_size{
    line-height: 150%;
    font-weight: 500;
    font-size: 14rem;
    color: #8E8E8E;
}
#review-popup-shop {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: fixed;
    z-index: 1101;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--main-white);
    padding: 24rem;
    width: 550rem;
}

#review-popup-shop.show {
    display: block;
    opacity: 1;
}
.item-review{
    border-radius: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
}
.item-review_top{
    display: flex;
    justify-content: space-between;
    padding: 24rem 24rem 8rem;
    border-bottom: 1rem solid rgba(0, 0, 0, 0.08);
}
.item-review_profile{
    display: flex;
    gap: 8rem;
    align-items: center;
}
.item-review_name{
    font-weight: 500;
    color: var(--main-black);
}
.item-review_date{
    color: #8E8E8E;
    font-weight: 500;    
}
.item-review_text{
    padding: 16rem 0;
}
.item-review_files{
    display: flex;
    flex-wrap: wrap;
    gap: 12rem 24rem;
}
.item-review_file{
    padding: 16rem;
    padding-bottom: 8rem;
    border: 1rem solid rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 8rem;
}
.item-review_file-title{
    font-weight: 500;
    color: var(--main-black);
}
.item-review_file-size{
    color: #8E8E8E;
    font-size: 14rem;
    font-weight: 500;
}
.item-review_img img{
    width: 60rem;
    height: 60rem;
    object-fit: cover;
    border-radius: 100rem;
}
.item-review_middle{
    padding: 24rem;
}
.item-review_bot{
    padding: 16rem 24rem 24rem;
    background-color: #F8F8F8;
}
.item-review_bot-name{
    color: #8E8E8E;
    font-size: 14rem;
    font-weight: 500;
    margin-bottom: 8rem;
}
.item-review_bot-text{
    color: var(--main-black);
    font-weight: 500;
    line-height: 150%;
    font-size: 14rem;
}
.items-reviews{
    display: flex;
    flex-direction: column;
    gap: 32rem;
}

#review-popup-shop .star-rating {
    display: inline-block;
}

#review-popup-shop .star {
    cursor: pointer;
    margin-right: 5rem;
    width: 24rem;
    height: 24rem;
    display: inline-block;
    vertical-align: middle;
}

#review-popup-shop .star .empty-star {
    display: block;
}

#review-popup-shop .star .filled-star {
    display: none;
}

#review-popup-shop .star.selected .empty-star {
    display: none;
}

#review-popup-shop .star.selected .filled-star {
    display: block;
}
#review-popup-shop input, #review-popup-shop textarea{
    width: 100%;
    max-width: 100%;
    padding: 12rem 16rem;
}
#shop-review-form{
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.file-upload-area {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.file-upload-area.dragover {
    border-color: #333;
    background-color: #f9f9f9;
}

.upload-instructions {
    margin-bottom: 10rem;
}

.upload-button {
    display: inline-block;
    padding: 10rem 20rem;
    background-color: #0073aa;
    color: #fff;
    border: none;
    cursor: pointer;
}

.upload-button:hover {
    background-color: #005177;
}

.attached-files-list {
    margin-top: 15rem;
}

.attached-file-item {
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
}

.attached-file-name {
    flex-grow: 1;
}

.attached-file-size {
    margin-left: 10rem;
}

.attached-file-remove {
    margin-left: 10rem;
    color: red;
    cursor: pointer;
}
#shop-review-form h3{
    text-align: center;
}

.custom-category-toggle {
    cursor: pointer;
    display: inline-block;
    margin-left: 10rem;
    vertical-align: middle;
    transition: transform 0.3s;
    height: 24rem;
}

.custom-category-toggle.open {
    transform: rotate(180deg);
}

.custom-category-item {
    list-style: none;
    margin: 5rem 0;
}

.custom-category-item a {
    text-decoration: none;
    color: #8E8E8E;
    display: block;
    padding: 8rem;
    border-radius: 6rem;
}
.custom-category-item a:hover span, 
.current-category>a span{
    color: #fff;
}
.custom-category-item a:hover, 
.current-category>a{
    background-color: var(--green-primary);
}
.custom-category-accordion-submenu{
    padding: 0;
}
.custom-category-item.has-children > a::after {
    content: '';
    display: inline-block;
    margin-left: 8rem;
    width: 16rem;
    height: 16rem;
    background-image: url('/wp-content/themes/inewtp/assets/img/arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s;
    vertical-align: middle;
}

.custom-category-item.has-children.open > a::after {
    transform: rotate(180deg);
}
.custom-category-level-1,
.custom-category-level-2,
.custom-category-level-3{
    padding-left: 16rem;
}
.categoty-popup_box{
    position: relative;
}
.category-popup_podpis{
    position: absolute;
    z-index: -1;
    right: -16rem;
    top:-16rem;
    color: rgba(0, 0, 0, 0.08);
    font-size: 250rem;
    font-weight: 600;
    line-height: 90%; /* 90% */
    text-transform: uppercase;
}
.custom-single, .custom-archive{
    padding-top: 32rem;
    position: relative;
    overflow: hidden;
}
.custom-single_block, 
.custom-archive_block{
    display: flex;
    gap: 120rem;
    height: auto;
    padding-bottom: 120rem;
}
.custom-single_block aside, 
.custom-archive_block aside{
    width: 400rem;
    display: flex;
    flex-direction: column;
}
.custom-single_block main, 
.custom-archive_block main{
    width: calc(100% - 520rem);
}
.custom-single_img img{
    height: 545rem;
    width: 100%;
    border-radius: 16rem;
    object-fit: cover;
}
.custom-single_category{
    position: sticky;
    top: 60rem;
    z-index: 10;
}
.custom-categories_box{
    display: flex;
    flex-wrap: wrap;
    gap:12rem 24rem;
}
.custom-single_category-item{
    display: inline-block;
    padding: 5rem 8rem;
    border:1rem solid var(--green-primary);
    color: var(--green-primary);
    border-radius: 6rem;
}
.custom-single_category-item.active,
a.custom-single_category-item:hover{
    background-color: var(--green-primary);
    color: #fff;
}
.post-list{
    display: flex;
    flex-wrap: wrap;
    gap: 32rem;
}
.post-list_item{
    width: calc(100% / 3 - 64rem / 3);
}
.post-list_item-img-box{
    position: relative;
    height: 250rem;
    width: 100%;
    overflow: hidden;
    border-radius: 6rem;
}
.post-list_item-img img{
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 6rem;
    transition: all ease .5s;
    object-fit: cover;
}
.post-list_item-img img:hover{
    transform: scale(1.05);
}
.post-list_item h2 a{
    font-weight: 500;
}
.post-list_item h2{
    padding: 0;
}
.post-list_date{
    color: #8E8E8E;
    font-weight: 500;
}
.taxonomy-tags, .taxonomy-category{
    font-weight: 500;
}
.post-list_info{
    display: flex;
    gap:24rem;
}
#extended-review-form{
    display: flex;
    flex-direction: column;
    gap:16rem;
}
#extended-review-form input, #extended-review-form textarea{
    padding: 12rem 16rem;
    width: 100%;
}
.review-popup_stars{
    display: flex;
    gap: 16rem;
    align-items: center;
}
.review-popup_btns{
    display: flex;
    justify-content: space-around;
}
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.delivery-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1110;
    justify-content: center;
    align-items: center;
}

.delivery-popup-content {
    background: #fff;
    padding: 24rem;
    border-radius: 8rem;
    width: 90%;
    max-width: 640rem;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#close-delivery-popup {
    position: absolute;
    top: 10rem;
    right: 10rem;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}
.delivery-popup-content #shipping-methods-result{
    padding: 16rem 0;
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.popup-form{
    display: none;
    position: fixed;
    z-index: 1110;
    width: 460rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.popup-form{
    padding: 12rem 24rem;
    border-radius: 8rem;
    background-color: var(--main-white);
}
.popup-form h2{
    padding: 12rem 0;
}
.contact-form{
    display: flex;
    flex-direction: column;
    gap: 16rem;
}
.contact-form input, .contact-form textarea{
    padding: 12rem 16rem;
    border-radius: 4rem;
    width: 100%;
}
.contact-form .wpcf7-submit{
    background-color: var(--green-primary);
    padding: 8rem 24rem;
    display: inline-flex;
    gap:var(--gap-nan);
    align-items: center;
    border: none;
    font-size: var(--font-a);
    line-height: 150%;
    border-radius: 6rem;
    font-weight: 600;
    color: #fff;
    height: 48rem;
    transition: all ease .3s;
    cursor: pointer;
}
.contact-form .wpcf7-submit:hover{
    background-color: var(--Green-Dark);
    color: #fff;
}
.contact-form .wpcf7-spinner{
    position: absolute!important;
    left: -9999rem;
}
.popup-form_politics p{
    font-size: 12rem;
    line-height: 150%;
}
.popup-form_politics a{
    color: var(--green-primary);
    font-size: 12rem;
    line-height: 150%;
}
.popup-form_content{
    position: relative;
}
.popup-form_content .wpcf7-response-output{
    background-color: #fff;
    font-size: 14rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.popup-form_product{
    display: flex;
    gap: 16rem;
    align-items: center;
    padding: 16rem;
    border-radius: 6rem;
    border: 1px solid #ededed;
    margin: 16rem 0;
}
.popup-form_product-img{
    width: 100rem;
}
.popup-form_product-img img{
    width: 100%;
}
.popup-form_product-title{
    font-weight: 500;
    line-height: 150%;
}
.popup-form_product-price{
    font-weight: 600;
    line-height: 150%;
    font-size: 18rem;
}
.popup-form_product-info{
    flex: 1;
}
.popup-form_text{
    padding: 12rem 0;
}
.mobileBlockLogo{
    width: 240rem;
}
.mobileBlockLogo img{
    width: 100%;
}
.variation-details{
    display: none;
}
.wp-block-video video{
    height: 320rem;
    object-fit: cover;
    border-radius: 30rem;
}
#content{
    padding: 30rem 0 150rem;
}
#content p,
#content h2{
    padding-bottom: 16rem;
}
.page-404_box-image img{
    height: 450rem;
}
.other-bottom-brand__logo{
	padding: 16rem 0;
}
.other-bottom-brand__logo img{
	width: 100%
}