body{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #323232;
    font-family: "Onest", sans-serif;
}

html{
}

.container{
    max-width: 1980px;
    padding-left:  30px;
    padding-right: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 579px){
    .container,
    .container-fluid{
        padding-left: 15px;
        padding-right: 15px;
    }
}

a,
a.nav-link{
    color: black;
    transition: .4s;
}

a:hover,
a.nav-link:hover{
    color: #336633;
}

b{
    font-weight: bold;
}


/* BOOTSTRAP CUSTOM
================================
================================*/
.btn{
    height: 60px;
    border-radius: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    font-size: 16px;
    font-weight: 400;
}
@media (max-width: 579px){
    .btn{
        height: 50px;
        font-size: 16px;
        border-radius: 10px;
    }
}

.btn:focus{
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .5);
}

a.btn{
    display: flex;
    align-items: center;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #FFBF33;
    --bs-btn-border-color: #FFBF33;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FFCC5C;
    --bs-btn-hover-border-color: #FFCC5C;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-outline-green {
    --bs-btn-color: #336633;
    --bs-btn-border-color: #336633;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3e6437;
    --bs-btn-hover-border-color: #3e6437;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3e6437;
    --bs-btn-active-border-color: #3e6437;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #336633;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #336633;
    --bs-gradient: none
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #336633;
    --bs-btn-border-color: #336633;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #61815c;
    --bs-btn-hover-border-color: #61815c;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #336633;
    --bs-btn-disabled-border-color: #336633
}

/* FONT FAMILY
================================
================================*/
.BN{
    /*font-family: 'Bebas Neue', sans-serif;*/
}

/* FONT WEIGHT
================================
================================*/
.fw-100{
    font-weight: 100 !important;
}
.fw-200{
    font-weight: 200 !important;
}
.fw-300{
    font-weight: 300 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.fw-800{
    font-weight: 800 !important;
}
.fw-900{
    font-weight: 900 !important;
}

/* FONT SIZE 
================================
================================*/


/* LOST CSS
================================
================================*/


/* COLOR & BACKGROUND
================================
================================*/


/* MOBILE NAV SWIPE 
================================
================================*/
/* mobile menu */
.mobile-menu{
    height: 56px;
    width: 100%;
    padding: 0 15px;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #efefef;
}

.nav-mobile-menu{
    justify-content: space-between;
    width: 100%;
}

.nav-mobile-menu li a{
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    row-gap: .25rem;
    font-size: 13px;
    font-weight: 600;
    color: #3A3A3A;
}

.nav-mobile-menu li a img,
.nav-mobile-menu li a svg{
    width:  24px;
    height: 24px;
    object-fit: contain;
}

.mobile-menu .nav-header-menu{
    column-gap: 2rem;
    justify-content: center;
    width: 100%;
}

.mobile-menu .nav-header-menu li a{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    color: #336633;
}

/* HEADER 
================================
================================*/
header{
    position: sticky;
    top: 0;
    background-color: white;
    transition: .4s;
    z-index: 5;
}

header.scrolling{
    box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
}



.header-wrapper{
    display: grid;
    grid-template-columns: .5fr 2fr 3fr .75fr;
    align-items: center;
    padding: .75rem 0;
    transition: .4s;
}

header.scrolling .header-wrapper{
    padding: .5rem 0;
}

header .header-wrapper .logo img{
    width: 115px;
    transition: .4s;
}
header.scrolling .header-wrapper .logo img{
    width: 90px;
}

.nav-header-menu{
    column-gap: 2rem;
    justify-content: center;
}

.nav-header-menu li a{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}

.nav-header-menu li a:focus{
    color: #336633;
}

.nav-header-link{
    column-gap: 3.5rem;
    justify-content: center;
}

.nav-header-link li a{
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

.nav-header-link li a:focus{
    color: #336633;
}

.nav-header-tools{
    justify-content: end;
    column-gap: 2rem;
}

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

.nav-header-tools li a img{
    transition: .4s;
}

.nav-header-tools li a:hover img{
    transform: scale(1.1);
}

.nav-header-tools li a{
    position: relative;
}

.nav-header-tools li a .count{
    position: absolute;
    top: 0;
    right: -.25rem;
    width:  14px;
    height: 14px;
    background-color: #336633;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    color: white;
    line-height: 1;
}

.header-heart.is-empty{
    display: none;
}

@media (max-width: 1550px){
    .header-wrapper{
        grid-template-columns: .5fr 2fr 3fr 1fr;
    }
    .nav-header-menu{
        column-gap: 1.25rem;
    }
    .nav-header-link{
        column-gap: 1.75rem;
    }
}

@media(max-width: 1350px){
    .header-wrapper{
        display: grid;
        grid-template-columns: .5fr 2fr 3fr .75fr;
        column-gap: 1rem;
    }

    .header-wrapper .header-menu{
        justify-content: end;
    }

    .nav-header-link{
        column-gap: .75rem;
    }
}


@media(max-width: 1200px){
    .header-wrapper{
        grid-template-columns: .75fr 4fr 1fr;
    }
    .nav-header-link{
        column-gap: 1.75rem;
    }
}

@media (max-width: 579px){
    header.scrolling .header-wrapper{
        grid-template-columns: .75fr 4fr 1fr;
    }

    .header-wrapper .logo img{
        width: 100%;
    }

    .nav-header-tools{
        justify-content: center;
        column-gap: 1.5rem;
    }

    .header-menu{
        font-size: 12px;
        font-weight: 500;
        color: #336633;
        display: flex;
        align-items: center;
        column-gap: .5rem;
        justify-content: end;
        text-decoration: none;
    }

    header .header-wrapper .logo img,
    header.scrolling .header-wrapper .logo img{
        width: 100%;
    }
}

/* NAVIGATION
================================
================================*/


/* MAIN INDEX 
================================
================================*/
.main-block{
    position: relative;
    margin-top:    8rem;
    margin-bottom: 8rem;
}

.block-first-title,
.block-first-desc{
    font-size: 20px;
    line-height: 1.3;
}

.first-block-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block-first-desc{
    text-align: end;
}

.main-block-first{
    position: relative;
    margin-top: 3rem;
    overflow: hidden;
}









.main-block .cover-sheet,
.catalog-block .cover-sheet
.product-block .cover-sheet{
    position: absolute !important; 
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.main-block .cover-sheet img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.block-first-title,
.first-block-footer,
.about-products-header,
.about-products-footer,
.uniq-formula-desc,
.carousel-knowbase,
.main-block-faq .accordion,
.maked-scientist-advantages{
    position: relative;
    z-index: 3;
}






a.more{
    position: relative;
    text-decoration: none;
    color: #336633;
    border-bottom: 1px solid #336633;
    line-height: 1;
    padding-bottom: .25rem;
    font-size: 14px;
    transition: .4s;
    z-index: 2;
}

a.more:hover{
    color: black;
    border-color: black;
}

.first-block-footer a.more{
    text-wrap: nowrap;
}


/* BIG TEXT */
.text-video{
    height: fit-content;
    position: relative;
    /*overflow: hidden;*/
    /*overflow: -webkit-paged-x;*/
}

.text-video video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: auto;
    /*mix-blend-mode: lighten;*/
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.text-video-image{
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/

    /*box-shadow: 0px 0px 0px 20px white, inset 0px 0px 0px 0px white;*/
    background-color: white;
    mix-blend-mode: screen;
}

/*
.text-video-image::after{
    position: absolute;
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;

    border-top: 2px solid white;
    border-bottom: 2px solid white;

    width:100%;
    height:100%;
    border: 6px solid #fff;
}

.text-video-image::before{
    position: absolute;
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    border-left: 2px solid white;
    border-right: 2px solid white;
}
*/

.text-video img,
.text-video svg{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.text-video-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.main-block-first .text-video{
    margin: 3rem 0;
}

@media (max-width: 1024px){
    .block-first-title, 
    .block-first-desc{
        font-size: 16px;
    }
}

@media (max-width: 579px){
    .block-first-title{
        font-size: 16px;
    }
    .block-first-desc{
        font-size: 16px;
    }
    .first-block-footer{
        flex-direction: column;
        row-gap: 2rem;
    }
    .main-block-first .text-video{
        margin: 2rem 1rem;
    }

    .main-block{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .main-block-first .cover-sheet{
        top: -2rem;
    }
    .main-block .cover-sheet img{
        object-fit: contain;
    }
}

/* carousel products */
.block-tiitle-tools{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.block-title{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
}

.block-title small{
    font-size: 14px;
    color: #ccc;
}

.block-tools{
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

.swiper-tools{
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.swiper-button-prev,
.swiper-button-next{
    width: 31px;
    height: 30px;
    margin-top: auto;
    top: auto;
    left: auto;
    right: auto;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev{
    background-image: url(arrow-left-green.svg);
}
.swiper-button-next{
    background-image: url(arrow-right-green.svg);
}

.swiper-button-prev::after,
.swiper-button-next::after{
    display: none;
}

.swiper-tools .swiper-button-prev,
.swiper-tools .swiper-button-next{
    position: relative;
}

/* BOX PRODUCT */
.box-product{
    position: relative;
}

.box-product::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    width:  150px;
    height: 150px;
    aspect-ratio: 1 / 1;
    opacity: 0.6;
    border-radius: 50%;
    transition: .4s;
    z-index: -1;
}

.box-product:hover::after{
    background-color: #336633;
    filter: blur(50px);
}

.box-product .cover{
    display: block;
    aspect-ratio: 1/1;
    overflow: hidden;
    transition: .4s;
}

.box-product .cover a{
    display: block;
    width: 100%;
    height: 100%;
}

.box-product .cover img.poster{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .4s;
}

.box-product:hover .cover img.poster{
    transform: scale(1.05);
}

.box-product:hover .cover{
    padding-bottom: calc(20px + 1rem);
}

.box-product .labels{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.box-product:hover .labels{
    opacity: 1;
    visibility: visible;
}

.box-product .labels label{
    width: 35px;
    height: 35px;
    border-radius: 35px;
    border: 1px solid #4A8779;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    text-wrap: wrap;
    padding: .25rem;
}

.box-product .labels label b{
    font-size: 12px;
    font-weight: 500;
    color:#4A8779; 
}

.box-product .labels label i{
    font-size: 10px;
    font-style: normal;
}


.box-product-info{
    margin-top: .5rem;
}

.box-product-qty-btn{
    margin: .5rem 0;
    opacity: 0;
    visibility: hidden;
    transition: .8s;
}

.box-product:hover .cover .box-product-qty-btn{
    transform: translateY(-20px);
    opacity: 1;
    visibility: visible;
}

.box-product-qty-btn .btn{
    height: 40px;
    border-radius: 12px;
    width: 100%;
    font-size: 14px;
    text-wrap: nowrap;
    transition: .4s;
}

.box-product-qty-btn .btn img{
    transition: .4s;
}

.box-product-qty-btn .btn:hover img{
    filter: brightness(5) contrast(5) invert(0);
}

.quantity{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: white;
}

.quantity button{
    background-color: transparent;
    outline: none;
    border: 0;
    font-size: 20px;
    line-height: 1;
}

.quantity button img{
    will-change: transform;
    transition: .4s;
}

.quantity button:hover img{
    transform: scale(1.35);
}

.quantity input{
    width: 100%;
    height: 40px;
    text-align: center;
    border: 0;
    outline: none;
}

.box-product-title{
    font-size: 14px;
    text-decoration: none;
}

.box-product-price-review{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-product-prices{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.box-product-prices span{
    font-size: 18px;
    font-weight: 600;
}

.box-product-prices del{
    font-size: 14px;
    color: #ccc;
}

.box-product-review{
    display: flex;
    align-items: center;
    column-gap: .75rem;
}

.box-product-review-stars{
    display: flex;
    align-items: center;
    column-gap: .15rem;
}

.box-product-review-count{
    font-size: 10px;
    color: #BFBFBF;
    line-height: 1;
    transform: translateY(1px);
}

.box-product-fav{
    position: absolute;
    top:   .5rem;
    right: .5rem;
    transition: .4s;
}

.box-product-fav:hover{
    transform: scale(1.25);
}

.box-product-info-button .btn{
    width: 36px;
    height: 36px;
}

.box-product-info-button .btn img{
    width: 18px;
    transition: .4s;
}

.box-product-info-button .btn:active img,
.box-product-info-button .btn:hover img{
    filter: contrast(10) invert(10);
}

@media (max-width: 1024px){
    .block-title{
        font-size: 28px;
    }
}

@media (max-width: 579px){
    /* box-product mob */
    .box-product:hover .cover .box-product-qty-btn{
        display: none;
    }
    .box-product:hover .cover{
        padding-bottom: 0;
    }
    
    .box-product::after{
        width: 100px;
        height: 100px;
    }

    .box-product:hover::after{
        filter: blur(25px);
    }
}

@media (max-width: 579px){
    .block-title{
        font-size: 18px;
    }

    .box-product-price-review{
        flex-direction: column-reverse;
        justify-content: start;
        align-items: start;
    }

    .box-product-prices{
        margin-top: .25rem;
    }

    .box-product-title{
        font-size: 12px;
        margin-top: .25rem;
    }

    .block-tools-products{
        width: 100%;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
}

/* ABOUT PRODUCTS */
.main-block-about-products{
    overflow: hidden;
    max-width: 2000px;
}

.main-block-about-products .about-products{
    overflow: visible;
}

.about-products-header{
    line-height: 1.2;
}

.about-products{
    /*margin: 2rem 0;*/
    /*padding: 11rem 0;*/
    /*margin: -10rem 0;*/
    z-index: 4;
}

.about-products .cover{
    aspect-ratio: 1/1;
}

.about-products .cover img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.about-products-footer{
    text-align: end;
    line-height: 1.2;
}

.text-video-about-product-header video{
    transform: scale(2);
    object-position: top;
}

.text-video-about-product-footer video{
    transform: scale(2);
    object-position: bottom;
}

.about-products-point{
    position: absolute;
    right: 40%;
    bottom: 40%;
    width: 24px;
    height: 24px;
    border-radius: 14px;
    /* background-color: #FFFFFF; */
    box-shadow: inset 0px 0px 0px 7px rgba(255, 255, 255, 1);
    border: 6px solid rgba(255, 255, 255, .5);
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    cursor: pointer;
}

.about-products .swiper-slide:hover .about-products-point{
    opacity: 1;
    visibility: visible;
}

.about-products-info{
    position: absolute;
    top: 2rem;
    right: -265px;
    min-width: 265px;
    max-width: 280px;
    z-index: 1;
    /*opacity: 0;*/
    visibility: hidden;
    transition: .4s;
    will-change: transition;
}

.about-products-cover-content:hover .about-products-info{
    /*opacity: 1;*/
    visibility: visible;
}

.about-products-info-title{
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #336633;
    margin-bottom: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.about-products-info-title::before{
    position: absolute;
    content: '';
    width: 89px;
    height: 93px;
    top: 20px;
    left: -100px;
    background-image: url(curved-line.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.about-products-info-desc{
    position: relative;
    background-color: rgba(255, 255, 255, .4);
    backdrop-filter: blur(40px);
    border: 1px solid #efefef;
    border-radius: 30px;
    padding: 1.75rem;
    font-size: 14px;
    line-height: 1.3;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.about-products-point:hover + .about-products-info .about-products-info-title,
.about-products-point:hover + .about-products-info .about-products-info-desc{
    opacity: 1;
    visibility: visible;
}

/*
.about-products-info-desc::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 30px;
    z-index: 0;
}
*/

@media (max-width: 1024px){
    .about-products-header,
    .about-products-footer{
        font-size: 14px;
    }

    .swiper-slide .cover .about-products-info .about-products-info-title,
    .swiper-slide .cover .about-products-info .about-products-info-desc{
        transition: .4s;
    }

    .swiper-slide .about-products-point{
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .swiper-slide.swiper-slide-active:hover .about-products-point{
        opacity: 1 !important;
        visibility: visible !important;
    }

    .swiper-slide.swiper-slide-active .cover:hover .about-products-info .about-products-info-title,
    .swiper-slide.swiper-slide-active .cover:hover .about-products-info .about-products-info-desc{
        opacity: 1;
        visibility: visible;
    }

}

@media (max-width: 579px){
    .about-products-header{
        margin-top: 1.5rem;
        font-size: 12px;
    }
    .about-products-footer{
        font-size: 12px;
    }

    .about-products{
        padding: 9rem 0;
        margin: -8rem 0;
        overflow: visible;
    }

    .about-products-info-title{
        margin-bottom: .5rem;
    }

    .about-products-info-title::before{
        display: none;
    }
    .about-products-info{
        left: -50%;
        top: 7rem;
        width: 200%;
        max-width: 200%;
    }
    .about-products-info-desc{
        font-size: 12px;
        padding: 1rem;
        border-radius: 16px;
    }
}

/* CHOOSE PRODUCT */
.choose-product{
    height: 100%;
}

.choose-product .swiper-wrapper{
    height: 100%;
}

.choose-product .swiper-wrapper .swiper-slide{
    height: 100%;
    display: flex;
}

.choose-product .swiper-wrapper .swiper-slide .box-product{
    margin-top: auto;
    margin-bottom: auto;
}

.main-block-choose-product{
    overflow: hidden;
}
.main-block-choose-product .swiper{
    overflow: visible;
}

.choose-product-body{
    position: relative;
    height: 100%;
    /*background-color: white;*/
    display: flex;
    align-items: center;
    z-index: 3;
}

.choose-product-body::before{
    position: absolute;
    content: '';
    width: 200%;
    left: -200%;
    height: 100%;
    background-color: white;
}

.choose-product-body-items{
    position: relative;
    height: 540px;
    z-index: 2;
}

.choose-product-body-items::after{
    position: absolute;
    content: '';
    width: 10%;
    height: 100%;
    top: 0;
    right: -10%;
    background: linear-gradient(to left, white 80%, transparent);
    z-index: 1;
}

.choose-product-body-items .tab-content,
.choose-product-body-items .tab-pane{
    height: 100%;
}

.choose-product-body-items-default{
    background-image: url(choose-product-arrow-curved.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-product-body-items-default span{
    font-size: 24px;
    max-width: 75%;
    margin: 0 auto;
    line-height: 1.3;
    padding-left: 10rem;
}

.nav-choose-product{
    flex-direction: column;
    column-count: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15rem;
    row-gap: 4.5rem;
}

.nav-choose-product li:nth-child(n+6) .nav-link{
    /*margin-left: auto;*/
}

.nav-choose-product li:nth-child(2),
.nav-choose-product li:nth-child(8){
    padding-left: 2rem;
}
.nav-choose-product li:nth-child(5),
.nav-choose-product li:nth-child(7){
    padding-left: 2rem;
}

.nav-choose-product li .nav-link{
    position: relative;
    padding: 0;
    padding-left: 1.75rem;
    color: #AAAAAA;
    text-align: start;
    line-height: 1.2;
    border-bottom: 1px solid transparent;
    padding-bottom: .5rem;
}

.nav-choose-product li .nav-link.active{
    color: #336633;
    border-color: #4A8779;
}

.nav-choose-product li .nav-link::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border: 2px solid #d3d3d3;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .4s;
}

.nav-choose-product li .nav-link.active::before{
    border-color: #336633;
    background-image: url(plus-green.svg);
    transition: .4s;
}

.nav-choose-product li .nav-link .cover{
    position: absolute;
    top: 0;
    left: 0;
}

.nav-choose-product li .nav-link::after{
    position: absolute;
    content: '';
    width: 80px;
    height: 1px;
    background-color: #4A8779;
    bottom: -1px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.nav-choose-product li .nav-link::after{
    right: -80px;
}

.nav-choose-product li .nav-link.nav-link-choose-2::after{
    right: auto;
    left: -68px !important;
    bottom: 27px;
    transform: rotate(45deg);
}

.nav-choose-product li .nav-link.nav-link-choose-3::after{
    transform: rotate(-45deg);
    bottom: 27px;
    right: -68px;
}
.nav-choose-product li .nav-link.nav-link-choose-5::after{
    transform: rotate(-30deg);
    bottom: 24px;
    right: -92px;
    width: 100px;
}
.nav-choose-product li .nav-link.nav-link-choose-8::after{
    transform: rotate(45deg);
    bottom: 35px;
    left: -86px !important;
    width: 100px;
}

.nav-choose-product li:nth-child(odd) .nav-link::after{
    right: auto;
    left: -80px;
}

.nav-choose-product li .nav-link.active::after{
    opacity: 1;
    visibility: visible;
}

/* BODY IMAGE */
.secondary-tabs-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.secondary-tabs-container::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 20%;
    background-color: red;
    background: linear-gradient(to top, white, transparent);
    left: 0;
    bottom: 0;
}

.secondary-tabs-container::before{
    position: absolute;
    content: '';
    width: 10%;
    height: 100%;
    top: 0;
    right: -5%;
    background: linear-gradient(to right, white 80%, transparent);
}

#secondaryTabContent .tab-pane.show {
    display: block;
    animation: fadeIn .4s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.secondary-tabs-container .tab-content .tab-pane .cover{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 1400px){
    .nav-choose-product{
        column-gap: 10rem;
    }
}

@media (max-width: 1450px){
    .choose-product-body-items-default span{
        font-size: 14px;
        padding-left: 6rem;
        max-width: 90%;
    }
    .choose-product-body-items-default{
        background-size: contain;
    }

    .nav-choose-product li .nav-link{
        font-size: 14px;
    }
}

@media (max-width: 1024px){
    .choose-product-body-items-default span{
        padding-left: 4rem;
    }
}

@media (max-width: 768px){
    .secondary-tabs-container .tab-content .tab-pane .cover{
        margin-top: -1rem;
    }
}

@media (max-width: 780px){
    .nav-choose-product{
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        column-gap: 0;
    }
    .nav-choose-product li{
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .nav-choose-product li .nav-link{
        font-size: 12px;
    }
    .secondary-tabs-container{
        left: 0;
        right: -20rem;
        width: fit-content;
    }

    .secondary-tabs-container .tab-content,
    .secondary-tabs-container .tab-content .tab-pane,
    .secondary-tabs-container .tab-content .tab-pane .cover{
        height: 100%;
    }
    .secondary-tabs-container .tab-content .tab-pane .cover img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .choose-product-body::before,
    .secondary-tabs-container::before,
    .secondary-tabs-container::after{
        display: none;
    }

    .nav-choose-product li .nav-link::before{
        top: -3px;
    }

    .secondary-tabs-container .tab-content .tab-pane .cover::after{
        position: absolute;
        content: '';
        width: 100%;
        height: 20%;
        background-color: red;
        background: linear-gradient(to top, white, transparent);
        left: 0;
        bottom: 0;
    }

    .choose-product-body-items{
        max-height: 100%;
        /*height: -webkit-fill-available;*/
        /*min-height: 180px;*/
        height: auto;
        min-height: auto;
    }

    .tab-pane#choose-0 .choose-product-body-items-default{
        min-height: 115px;
    }

    .choose-product-body-items-default span{
        max-width: 55%;
        padding-left: 3rem;
        padding-top: .75rem;
        font-size: 14px;
    }

    .choose-product-body-items-default{
        background-size: contain;
        background-image: url(choose-product-arrow-curved-mob.svg);
    }

    .nav-choose-product li:nth-child(2){
        order: 0;
    }
    .nav-choose-product li:nth-child(3){
        order: -1;
    }
    .nav-choose-product li:nth-child(3) .nav-link::after{
        display: none;
    }


    .nav-choose-product li:nth-child(odd) .nav-link::after{
        right: -80px;
        left: auto !important;
    }

    .nav-choose-product li .nav-link.nav-link-choose-3::after{
        display: none;
    }


    .nav-choose-product li .nav-link.nav-link-choose-4::after{
        right: -76px;
        left: auto !important;
        transform: rotate(-25deg);
        bottom: 16px;
    }

    .nav-choose-product li .nav-link.nav-link-choose-5::after{
        transform: rotate(-19deg);
        bottom: 15px;
        right: -96px;
    }

    .nav-choose-product li:nth-child(7) .nav-link::after{
        display: none;
    }

    .nav-choose-product li .nav-link.nav-link-choose-8::after{
        right: -68px;
        left: auto !important;
        transform: rotate(-69deg);
        bottom: 46px;
    }
}

@media (max-width: 579px){
    .choose-product-body-items-default span{
        max-width: 100%;
    }
}

/* MAKED SCIENTIST */
.main-block-maked-scientist{
    position: relative;
    overflow: hidden;
}

.maked-scientist-advantages{
    margin: 5rem 0;
}

.maked-scientist-advantages .gx-xl-5{
    --bs-gutter-x: 5rem;
}

.box-advantages-icon{
    width:  60px;
    height: 60px;
}

.box-advantages-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-advantages-title{
    margin: 1rem 0;
    font-size: 24px;
    font-weight: 600;
}

.box-advantages-desc{
    /*font-size: 14px;*/
    font-size: 16px;
    line-height: 1.2;
}

.maked-scientist-poster{
    position: absolute;
    top: -2rem;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    height: fit-content;
}

.maked-scientist-poster::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 200px;
    /*background-color: red;*/
    background: linear-gradient(to top, white, transparent);
    left: 0;
    bottom: 1rem;

}

.main-block-maked-scientist .about-products-footer,
.main-block-maked-scientist .text-video-about-product-footer{
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px){
    .maked-scientist-poster img{
        max-width: 60vw;
    }
    .box-advantages-title{
        font-size: 16px;
    }
    .box-advantages-desc{
        font-size: 14px;
    }
}

@media (max-width: 920px){
    .maked-scientist-advantages{
        margin: 2rem 0;
    }
    .box-advantages{
        max-width: 50%;
    }
}

@media (max-width: 579px){
    .maked-scientist-advantages .swiper{
        padding-left: 1.5rem;
        overflow: visible;
    }

    .maked-scientist-poster{
        position: initial;
        width: 100%;
        height: 100%;
        margin-bottom: -5rem;
        margin-top: -2rem;
        padding: 2rem;
    }
    .maked-scientist-poster img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .maked-scientist-advantages{
        margin: 3rem 0;
    }

    .main-block-maked-scientist .cover-sheet{
        margin-top: -22rem;
    }

    .box-advantages{
        max-width: 100%;
    }

    .box-advantages-desc{
        font-size: 12px;
    }
}

/* UNIQ FORMULA */
.main-block-uniq-formula{
    position: relative;
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem;
    margin-top: -7rem;
    margin-bottom: -7rem;
}

.main-block-uniq-formula .cover-sheet img{
    object-fit: none;
}

.uniq-formula-desc{
    margin-top: 5rem;
    margin-bottom: 5rem;
    font-size: 18px;
    line-height: 1.2;
}

.uniq-formula-desc p{
    margin-bottom: 3rem;
}

.uniq-formula-desc p:last-child{
    margin-bottom: 0;
}

.text-video-uniq-formula-footer video{
    transform: scale(1);
    object-position: left;
}

.uniq-formula-poster{
    position: absolute;
    top: 0;
    right: -2.5rem;
    bottom: 8rem;
    margin: auto;
    z-index: 2;
    height: fit-content;
}

.uniq-formula-poster img{
    width: 100%;
    max-width: 60vw;
    height: 100%;
    object-fit: contain;
    transform: scale(.9);
}

@media (max-width: 992px){
    .uniq-formula-poster{
        top: 14rem;
        left: 0;
        right: auto;
        width: fit-content;
        height: fit-content;
    }
    .uniq-formula-desc{
        font-size: 12px;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .uniq-formula-desc p{
        margin-bottom: 1.5rem;
    }
}

/* WHEN BUY */
.main-block-when-buy{
    overflow: hidden;
    padding: 3rem 0;
    margin: -3rem auto;
}

.when-buy-title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 1rem;
}

.box-buy{
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 3rem 2rem;
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: .4s;
}

.box-buy:hover{
    box-shadow: 0 8px 17px 0 rgba(51, 102, 51, .3);;
}

.box-buy img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .4s;
}

.box-buy:hover img{
    transform: scale(1.05);
}

.box-filial{
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 1rem 2rem;
    width: 100%;
    height: 160px;
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: .4s;
}

.box-filial-city{
    font-size: 14px;
    color: #555555;
}

.box-filial-link{
    text-decoration: none;
    font-size: 18px;
    color: #336633;
    transition: .4s;
}

.box-filial:hover .box-filial-link{
    color: black;
}

.box-filial:hover{
    box-shadow: 0 8px 17px 0 rgba(51, 102, 51, .3);;
}

.box-filial img{
    transition: .4s;
}

.box-filial:hover img{
    transform: scale(1.1);
}

@media (max-width: 579px){
    .main-block-when-buy .block-tiitle-tools{
        margin-bottom: .5rem;
    }

    .when-buy-title{
        font-size: 16px;
        margin-bottom: .5rem;
    }

    .box-buy,
    .box-filial{
        height: 64px;
        padding: .5rem;
        row-gap: .25rem;
        border-radius: 8px;
    }

    .box-buy{
        padding: .5rem 1rem;
    }

    .box-buy img{
        width: 100%;
    }

    .box-filial-city{
        font-size: 10px;
    }

    .box-filial img{
        width: 16px;
        object-fit: contain;
    }

    .box-filial-link{
        font-size: 12px;
    }
}

/* CAROUSEL REVIEWS */
.main-block-carousel-reviews{
    overflow: hidden;
}

.box-review{
    padding: 1.25rem 2rem;
    background-color: #F9F9F9;
    border-radius: 20px;
}

.box-review-title-stars{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.box-review-stars{
    display: flex;
    align-items: center;
    column-gap: .15rem;
}

.box-review-content{
    color: #555555;
    font-size: 14px;
    line-height: 1.2;
}

@media (max-width: 579px){
    .box-review{
        padding: 1.25rem;
    }
    .main-block-carousel-reviews{
        overflow: hidden;
    }
    .main-block-carousel-reviews .carousel-reviews{
        overflow: visible;
    }

    .box-review-title-stars{
        flex-direction: column-reverse;
        align-items: start;
        row-gap: .5rem;
    }
}

/* HNOW BASE */
.main-block-know-base{
    overflow: hidden;
}

.carousel-knowbase{
    margin-top: 5rem;
    margin-bottom: 4rem;
    padding-bottom: 1rem;
}

.box-know-title{
    font-weight: 600;
    color: #336633;
}

.box-know-content{
    font-size: 14px;
    color: #555555;
    line-height: 1.2;
    margin: .75rem 0;


    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.2rem * 7);
    max-height: calc(1.2rem * 7);
}

@media (max-width: 579px){
    .main-block-know-base .swiper{
        padding-left: 1rem;
        overflow: visible;
    }
    .box-know-content{
        font-size: 12px;
        line-height: 1.3;
        -webkit-line-clamp: 9;
        min-height: calc(1.4em * 9);
        max-height: calc(1.4em * 9);
    }
    .main-block-know-base .block-tiitle-tools{
        margin-bottom: -.75rem;
    }
    .carousel-knowbase{
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    .main-block-know-base .cover-sheet img{
        object-fit: fill;
    }
}

/* BLOCK FAQ */
.main-block-faq .accordion{
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.main-block-faq .accordion-item{
    border: 0;
    border-radius: 20px;
}

.main-block-faq .accordion-item:first-child .accordion-button,
.main-block-faq .accordion-item:last-child .accordion-button{
    border-radius: 20px;
}

.main-block-faq .accordion-button{
    position: relative;
    min-height: 72px;
    background-color: #F9F9F9;
    font-size: 20px;
    color: black;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: .4s;
}

.main-block-faq .accordion-button::after{
    display: none;
}

.main-block-faq .accordion-button[aria-expanded="true"]{
    background-color: #EAEAEA;
}

.main-block-faq .accordion-button:focus{
    box-shadow: none;
}

.faq-more{
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

.faq-hidden {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.faq-hidden.show {
    opacity: 1;
    max-height: 500px;
}
.more-btn {
    padding: 12px 30px;
    background: linear-gradient(45deg, #007bff, #0056b3);
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
}

.more-btn:hover {
    background: linear-gradient(45deg, #0056b3, #004494);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 91, 187, 0.3);
}

.faq-plus{
    position: relative;
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    display: block;
}

.faq-plus::before,
.faq-plus::after{
    position: absolute;
    content: '';
    background-color: #336633;
    border-radius: 2px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.faq-plus::before{
    width: 100%;
    height: 2px;
}

.faq-plus::after{
    width: 2px;
    height: 100%;
}

.main-block-faq .accordion-button .faq-plus::after{
    transition: .4s;
}

.main-block-faq .accordion-button[aria-expanded="true"] .faq-plus::after{
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 1450px){
    .box-logo .cover img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: left;
    }

    .footer-logo{
        margin-top: 1rem;
    }
}

@media (max-width: 579px){
    .main-block-faq .accordion{
        row-gap: 1rem;
    }
    .main-block-faq .accordion-button{
        font-size: 14px;
        min-height: 59px;
        border-radius: 8px;
    }
    .main-block-faq .accordion-body{
        font-size: 14px;
        line-height: 1.3;
    }
    .box-logo .cover{

    }

}


.video-wrapper{
    position: relative;
}

.main-block-video video{
    aspect-ratio: 16/9;
    width: 100%;
    display: block;
    object-fit: cover;
}

.video-tools {
    position: absolute; /* Фиксируем внутри родителя, а не относительно окна браузера */
    top: 1rem;
    right: 1rem;
    width: 42px;
    height: 42px;
    border-radius: 42px;
    background-color: orange;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.video-tools:hover {
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.05);
}

/* Стиль для иконки без звука */
.video-tools.muted svg {
    opacity: 0.5;
}

.video-tools svg {
    fill: white; /* Белая иконка для контраста */
    transition: opacity 0.3s ease;
}

/* COLLECTION 
================================
================================*/
.catalog-block-header{
    margin-top: 1rem;
    margin-bottom: 3rem;
    padding-top: 2rem;
    overflow-x: hidden;
}

.catalog-desc{
    font-size: 16px;
    line-height: 1.2;
}

.catalog-desc-sort{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.catalog-sort{
    margin-top: auto;
}

.catalog-sort-title{
    font-size: 12px;
    color: #959595;
    margin-bottom: 1rem;
}

.nav-catalog-sort{
    column-gap: 1.5rem;
}

.nav-catalog-sort li a{
    padding: .45rem 0;
    border-radius: 6px;
    border: 1px solid transparent;
    color: #D5D5D5;
    font-weight: 500;
    line-height: 1;
    font-size: 14px;
}

.nav-catalog-sort li a:not(.active):hover,
.nav-catalog-sort li a:focus{
    color: #4A8779;
}

.nav-catalog-sort li a.active{
    padding: .45rem .6rem;
    color: #336633;
    border-color: #336633;
}

.box-body-filter{
    border: 2px solid #336633;
    border-radius: 20px;
    height: 100%;
}

.box-body-filter{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-body-filter .cover{
    position: relative;
    width: 75%;
    height: calc(100% + 20px);
    margin-top: -20px;
    object-fit: contain;
}

.box-body-filter .cover::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 4px;
    top: 17px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: white;
}

.box-body-filter .cover img.poster{
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
    z-index: 2;
    position: relative;
}

.box-body-filter-config{
    position: absolute;
    top:  -12px;
    left: -12px;
    z-index: 2;
}

.box-body-filter-config span{
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #336633;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: white;
}

.box-body-filter-config::before{
    position: absolute;
    content: '';
    width:  140%;
    height: 140%;
    top:  -20%;
    left: -20%;
    background-color: white;
    z-index: -1;
}

.box-body-filter-title{
    position: absolute;
    top: 0;
    right: -10px;
    bottom: 0;
    height: fit-content;
    margin: auto;
    padding: .5rem 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background-color: white;
    text-align: center;
    font-size: 14px;
    color: #336633;
    font-weight: 500;
}

.box-body-filter .box-body-filter-config,
.box-body-filter .box-body-filter-title,
.box-body-filter img.poster{
    transition: .4s;
}

.box-body-filter:hover .box-body-filter-config{
    transform: scale(1.15);
}

.box-body-filter:hover img.poster{
    transform: scale(1.05) translateY(-2px);
}

.box-body-filter:hover .box-body-filter-title{
    letter-spacing: .5px;
}

.filter-info-apply{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 5rem;
    padding-right: 5rem;
    background-image: url(arrow-filter-empty.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-position: left;
    transition: .4s;
}

.filter-info-apply.active{
    background-image: url(arrow-filter-apply.svg);
    transition: .4s;
}

.filter-info{
    font-size: 24px;
}

.filter-apply{
    display: none;
}

.filter-apply-count{
    font-size: 18px;
    color: #808080;
}

.filter-apply a{
    font-size: 24px;
    color: #336633;
    margin-top: .75rem;
    line-height: 1;
    display: inline-block;
}

/* SIDE FILTER */
.filter-title{
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2.5rem;
    line-height: 1.2;
}

@media (min-width: 1200px) and (max-width: 1500px){
    .catalog-desc{
        font-size: 14px;
    }
    .box-body-filter-title{
        font-size: 12px;
        height: 65%;
        right: -20px;
    }
    .box-body-filter{
        border-radius: 20px;
    }
}

@media (min-width: 1201px) and (max-width: 1500px){
    #dynamicFilters.dynamic-sides{
        width: 62%;
        right: -62%;
    }
}

@media (min-width: 1000px) and (max-width: 1200px){
    .catalog-desc-sort{
        flex-direction: row;
        column-gap: 2rem;
    }
    .catalog-sort{
        margin-top: 0;
    }
    .filter-info{
        font-size: 16px;
    }
    .filter-title{
        font-size: 22px;
        margin-bottom: 1.25rem;
    }
    .dynamic-side-body .choose-product-body{
        aspect-ratio: 1.15/1 !important;
    }
    .nav-choose-product{
        row-gap: 2.5rem;
    }
    #dynamicFilters.dynamic-sides{
        padding: 2rem;
        width: 60%;
        right: -60%;
    }
    .filter-info-apply{
        background-size: 65%;
        background-position: 0 80%;
    }
    #dynamicFilters .nav-choose-product li .nav-link.nav-link-choose-5::after{
        transform: unset;
        bottom: -1px;
        right: -80px;
    }
}

@media (max-width: 992px){
    .catalog-block-header{
        padding-top: 0;
    }
    .catalog-desc{
        font-size: 12px;
    }

    .box-body-filter{
        text-decoration: none;
        border-radius: 10px;
        border-width: 1px;
    }

    .box-body-filter .cover{
        width:  85px;
        height: 85px;
        position: absolute;
        top: 0;
        left: .75rem;
    }
    .box-body-filter .cover img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box-body-filter .cover::after{
        position: absolute;
        content: '';
        width: 100%;
        height: 20px;
        background: linear-gradient(to top, white, transparent);
        left: 0;
        bottom: 0;
        z-index: 2;
    }

    .box-body-filter-title{
        position: initial;
        transform: rotate(0);
        writing-mode: unset;
        text-decoration: none;
        padding-left: 85px;
        font-size: 12px;
        font-weight: 500;
    }
    .box-body-filter-config span{
        border-width: 1px;
    }

    .btn-sort{
        font-size: 12px;
        font-weight: 500;
        border-radius: 10px;
    }

    .catalog-sort-mob .dropdown-menu{
        margin-top: .5rem !important;
    }

    .catalog-sort-mob .dropdown-menu li a{
        font-size: 14px;
    }

    .catalog-sort-mob .dropdown-menu li a:active,
    .catalog-sort-mob .dropdown-menu li a.active{
        background-color: #336633;
    }

    .filter-title{
        font-size: 18px;
        text-align: start;
    }

    .filter-info{
        font-size: 14px;
        line-height: 1.2;
    }
    .filter-info-apply{
        padding-left: 2rem;
        padding-right: 2rem;
        background-image: url(arrow-filter-empty-mob.svg);
        background-size: 95% 120%;
        background-position: center;
        margin-top: 2rem;
        height: 130px;
    }
    .filter-info-apply.active{
        background-image: url(arrow-filter-apply-mob.svg);
        background-size: auto;
        background-position: bottom;
    }

    .filter-apply{
        transition: .4s;
        margin-top: -1.5rem;
    }

    .filter-apply-count{
        font-size: 14px;
    }
    .filter-apply a{
        font-size: 18px;
        margin-top: .25rem;
    }
}

/* PAGINATION */
.pagintaion{
    margin-top: 3rem;
    margin-bottom: 5rem;
}

.nav-pagination{
    display: flex;
    justify-content: end;
    column-gap: 1rem;
}

.nav-pagination li .nav-link{
    padding: .25rem;
    color: #D5D5D5;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

.nav-pagination li .nav-link:not(.dots):hover{
    color: #4A8779;
}

.nav-pagination li .nav-link.active{
    border-color: #336633;
    color: #336633;
}

.nav-pagination li:first-child .nav-link.arrow img,
.nav-pagination li:last-child .nav-link.arrow img{
    transition: .4s;
}

.nav-pagination li:first-child .nav-link.arrow:hover img{
    transform: translateX(-5px);
}
.nav-pagination li:last-child .nav-link.arrow:hover img{
    transform: translateX(5px);
}

@media (max-width: 579px){
    .nav-pagination{
        justify-content: center;
        column-gap: .75rem;
    }
}

/* SIDEBAR 
================================
================================*/


/* PRODUCT
================================
================================*/
.product-block{
    position: relative;
    overflow: clip;
}

.product-block-wrapper{
    position: relative;
    height: calc(100vh - 100px);
}

.product-block-wrapper .cover{
    position: relative;
    /*aspect-ratio: 1/1;*/
    display: block;
    height: 100%;
    width: 100%;
}

.product-block-wrapper .cover img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-title-reviews{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-to-fav{
    font-size: 12px;
    color: #336633;
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: .35rem;
}

.add-to-fav.not-added button,
.add-to-fav button{
    background-image: url('favorite.svg');
}
.add-to-fav.is-added button{
    background-image: url('favorite-active.svg');
}

.product-title{
    font-size: 24px;
    line-height: 1.2;
    margin-top: 2rem;
}

.product-prices{
    display: flex;
    align-items: baseline;
    column-gap: 1rem;
    margin-bottom: 2rem;
}

.product-prices span{
    font-size: 32px;
    font-weight: 600;
}

.product-prices del{
    font-size: 14px;
    color: #bbb;
}

.product-block-wrapper .box-product-qty-btn{
    opacity: 1;
    visibility: visible;
    position: relative;
}

.product-advantages{
    background-color: #F4F4F4;
    padding: 1.25rem 0;
    margin-bottom: 2rem;
}

.box-product-advantages{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    justify-content: center;
}

.box-product-advantages-title{
    font-size: 18px;
    font-weight: 600;
}

.box-product-advantages-icon img{
    width:  30px;
    height: 30px;
    object-fit: contain;
}


@media (max-width: 1200px){
    .product-block-wrapper{
        position: relative;
        height: auto;
    }

    .product-block-wrapper .cover{
        position: relative;
    }

    .product-block-wrapper .cover .pdf-ico img{
        width: 32px;
    }
    .pdf-ico span{
        max-width: auto;
    }
}

@media (max-width: 992px){
    .box-product-advantages-icon img{
        width: 45px;
        height: 45px;
    }
    .box-product-advantages-title{
        font-size: 14px;
    }
}

@media (max-width: 579px){

    .product-block-wrapper .row.h-100{
        height: auto !important;
    }

    .product-block-wrapper .cover{
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
    .product-block-wrapper .cover .pdf-ico{
        left: .75rem;
        bottom: .75rem;
    }

    .product-block-wrapper .cover .pdf-ico{
        column-gap: .25rem;
    }

    .product-block-wrapper .cover .pdf-ico span{
        font-size: 10px;
    }
    .product-block-wrapper .cover .pdf-ico img{
        width: 24px;
    }

    .product-title{
        margin-top: 1rem;
    }

    .product-title{
        font-size: 20px;
    }

    .product-prices{
        margin-bottom: 1rem;
    }

    .product-prices span{
        font-size: 24px;
    }

    .product-buy{
        margin: 1.75rem 0;
    }

    .product-buy .box-product-qty-btn{
        margin-bottom: 1rem;
    }

    .box-product-advantages{
        flex-direction: column;
        row-gap: .25rem;
        align-items: center;
        justify-content: center;
    }
    .box-product-advantages-title{
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
    }

    .box-product-advantages-icon img{
        width: 32px;
        height: 32px;
        object-fit: contain;
    }
}

/* POSTER VIDEO */
.cover #posterVideo .tab-pane#poster-video{
    padding: 3rem 0;
}

.nav-poster{
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    width: 120px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: .5rem;
    border: 2px solid #D5D5D5;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, .5);
    padding: 4px;
    z-index: 9999;
}

.nav-poster li a{
    width:  48px;
    height: 48px;
    border-radius: 52px;
    border: 2px solid #336633;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: center;
    line-height: 1;
}

.product-block-wrapper .nav-poster li a img{
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.product-block-wrapper .nav-poster li a:not(.active){
    filter: brightness(0);
    opacity: .2;
    border-color: transparent;
}

.cover #posterVideo .tab-pane.active#poster-video{
    aspect-ratio: 3/4;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.cover #posterVideo .tab-pane#poster-video iframe{
    background-color: white;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 920px){
    .nav-poster{
        right: 1rem;
        bottom: 1rem;
    }

    .nav-poster{
        height: 50px;
        width: 100px;
    }
    .nav-poster li a{
        width:  38px;
        height: 38px;
    }
    .product-block-wrapper .nav-poster li a img{
        width:  18px;
        height: 18px;
    }
}

@media (max-width: 579px){
    .nav-poster{
        right: 1rem;
        bottom: .5rem;
    }
}

/* DOSAGE CALCULATOR */

.dosage-calculator{
    margin-top: 2rem;
}

.dosage-calculator-title{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.dosage-calculator-param-name{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: .5rem;
}

.dosage-calculator-humans{
    display: flex;
    column-gap: .5rem;
    align-items: center;
}

.dosage-calculator-humans label .icon{
    width: 52px;
    height: 52px;
    border: 2px solid #D5D5D5;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dosage-calculator-humans .radio-label input{
    display: none;
}

.dosage-calculator-humans .radio-label input + span.icon,
.dosage-calculator-humans .radio-label input + span.icon svg path,
.dosage-calculator-humans .radio-label input + span.icon svg circle{
    transition: .4s;
}

.dosage-calculator-humans .radio-label input:checked + span.icon{
    border-color: #336633;
}

.dosage-calculator-humans .radio-label input:checked + span.icon svg path,
.dosage-calculator-humans .radio-label input:checked + span.icon svg circle{
    fill: #336633;
    stroke: transparent;
}

.dosage-calculator-result{
    background-color: #eef3f2;
    border-radius: 20px;
    padding: 1.5rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
}

.result-label{
    font-size: 18px;
    font-weight: 600;
    color: #568579;
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.result-value{
    font-size: 24px;
    color: #568579;
}

.quantity-dosage input{
    height: 52px;
}

.dosage-calculator-pdf{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
}

.dosage-calculator-pdf-title{
    font-size: 18px;
    font-weight: 500;
    text-wrap: nowrap;
}

.dosage-calculator-pdf-link{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    font-size: 12px;
    line-height: 1.4;
}

.dosage-calculator-pdf-link span{
    max-width: 85px;
}

.dosage-calculator-pdf-link img{
    transition: .4s;
}

.dosage-calculator-pdf-link:hover img{
    transform: scale(1.05);
}

.dosage-calculator-warning{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
    padding: 1.5rem 2rem;
    border-radius: 20px;
    background-color: rgba(51, 102, 51, .10);;
}

.dosage-calculator-warning span{
    color: #336633;
    line-height: 1.3;
}

@media (max-width: 579px){
    .dosage-calculator-result{
        padding: 1.5rem 1.5rem;
    }
    .result-label{
        font-size: 16px;
    }
    .dosage-calculator-humans{
        column-gap: 1rem;
    }
    .dosage-calculator-pdf-title{
        font-size: 14px;
    }

    .dosage-calculator-warning{
        padding: 1rem;
    }

    .dosage-calculator-warning span{
        font-size: 13px;
    }
}

/* PRODUCT CONSUM */
.product-consum-poster{
    position: relative;
    z-index: 2;
}

.product-consum-poster img{
    position: absolute;
    top: 0;
    right: -5rem;
    width: fit-content;
    max-width: 60vw;
    height: initial;
    display: block;
}

.product-consum-content{
    margin-top: 5rem;
}

.product-consum-title{
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 1rem;
}

.product-consum-text{
    font-size: 16px;
    line-height: 1.2;
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}

.product-consum-content ul{
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
    padding-left: 0;
    list-style: none;
}

.product-consum-content ul li{
    position: relative;
    padding-left: 1rem;
    font-weight: 500;
}

.product-consum-content ul li::before{
    position: absolute;
    content: '';
    width:  10px;
    height: 10px;
    top: .3rem;
    left: 0;
    margin: auto;
    background-image: url(ul-check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.product-consum-label{
    /*position: absolute;*/
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: 500;
    padding: 2rem 1rem;
}

.product-consum-label p:last-child{
    margin-bottom: 0;
}

.product-consum-label-info{
    margin-top: 1rem;
    line-height: 1.2;
}

.product-consum-label::before,
.product-consum-label::after{
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    background-image: url(angle-box-green.svg);
    background-repeat: no-repeat;
    background-position: center;

}

.product-consum-label::before{
    left: 0;
    bottom: 0;
}

.product-consum-label::after{
    top: 0;
    right: 0;
    transform: rotate(-180deg);
}

.product-poster-label{
    position: sticky;
    top: 0;
    right: -10rem;
    margin-top:    -25rem;
    /*padding-bottom: 25rem;*/
    z-index: 2;
}

@media (min-width: 600px){
    .product-consum-poster img{
        position: relative;
        right: 0rem;
    }
}

@media (max-width: 1100px){
    .product-poster-label{
        margin-top: -16rem;
    }
}

@media (max-width: 579px){
    .product-poster-label{
        margin-top: 0;
    }
}

@media (max-width: 1400px){
    .product-consum-label{
        /*position: sticky;*/
        /*top: 10rem;*/
        /*margin-top: 10rem;*/
    }
}

@media (max-width: 992px){
    .main-block#product-desc{
        margin-bottom: 5rem;
    }
}

@media (max-width: 579px){
    #product-desc.main-block{
        margin-bottom: 1.5rem;
    }

    .product-consum-poster{
        display: block;
        width: 100%;
        height: 100%;
    }
    .product-consum-poster img{
        width:  250%;
        height: 250%;
        display: block;
        object-fit: contain;
    }
    .product-consum-label{
        position: relative;
        padding: 1rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
        font-size: 16px;
    }
    .product-consum-title{
        font-size: 18px;
    }
    .product-consum-text{
        font-size: 12px;
        margin-top: .5rem;
    }
    .product-consum-content ul li{
        font-size: 14px;
    }
}

/* PRODUCT BIO */
.product-consum-bio{
    margin-top: 3rem;
}

.product-block-title{
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: black;
    margin-bottom: 1rem;
    display: block;
}

.product-consum-bio table th{
    padding: 2rem 1rem;
    background-color: #ecf0eb;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 0;
}

.product-consum-bio table tr td{
    padding: 1rem 1rem;
    border-bottom: 0;
    font-size: 14px;
}

.product-consum-bio table tr:nth-child(odd) td{
    --bs-table-bg-type: none;
}
.product-consum-bio table tr:nth-child(even) td{
    background-color: #fcfcfc !important;
    --bs-table-bg-type: none;
}

.product-block-subtitle{
    font-size: 16px;
    font-weight: 500;
}

.product-block-alert{
    font-size: 14px;
    margin-top: .75rem;
}

.product-quest-answer-box{
    position: relative;
    padding: 1.75rem;
    border: 2px solid #336633;
    border-radius: 20px;
    font-size: 20px;
    line-height: 1.2;
}

.product-quest-answer-box::after {
    position: absolute;
    content: '';
    width: 36px;  /* Ширина ромба */
    height: 40px; /* Половина высоты ромба (60px/2) */
    
    right: 3rem;
    bottom: -20px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='60' viewBox='0 0 36 60'%3E%3Cpath d='M18 0 L36 30 L18 60 L0 30 Z' fill='white' stroke='%23568579' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 36px 60px;
    background-position: center bottom;
    /* Показываем только нижнюю половину */
    clip-path: inset(50% 0 0 0);
}
.product-quest-answer-box.product-answer::after {
    right: auto;
    left: 3rem;
}


.product-answer{
    margin-top: 4rem;
}

.product-quest-icon{
    position: absolute;
    top: -15px;
    width: 30px;
    height: 30px;
    border: 2px solid #4A8779;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    font-size: 18px;
}

.product-quest-answer-box.product-quest .product-quest-icon{
    left: -15px;
}
.product-quest-answer-box.product-answer .product-quest-icon{
    right: -15px;
    padding-top: .25rem;
}

@media (max-width: 579px){
    .product-block-title{
        font-size: 18px;
    }

    .product-consum-bio{
        margin-top: 0;
    }

    .product-consum-bio table th{
        padding: 1rem .5rem;
        font-size: 12px;
        line-height: 1.2;
    }
    .product-consum-bio table tr td{
        padding: 1rem .5rem;
        font-size: 12px;
    }

    .product-block-subtitle{
        font-size: 14px;
    }
    .product-block-alert{
        font-size: 10px;
        margin-top: .5rem;
    }

    .product-quest-answer-box{
        font-size: 16px;
        padding: 1rem;
    }
    .product-answer{
        margin-top: 2rem;
    }
    .product-quest-answer-box::after{
        transform: translateY(-.5px);
        will-change: transform;
    }
}

/* PRODUCT CHAR */
.product-char{
    margin: 3rem 0;
}

.product-char .cover{
    position: relative;
    width: 100%;
    height: 100%;
}

.product-char .cover img{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.product-char.product-char-pip .cover img{
    right: -2rem;
    bottom: 1rem;
}
.product-char.product-char-pil .cover img{
    right: 1.5rem;
    bottom: 0;
}

.product-band-char{
    display: flex;
    flex-direction: column;
}

.band-char{
    display: grid;
    grid-template-columns: 1fr 3fr;
    border-bottom: 1px solid #EAEAEA;
    padding: .75rem 0;
}

.band-char-title{
    font-size: 14px;
    color: #6B6B6B;
    line-height: 1.2;
}

.band-char-value{
    font-size: 14px;
    color: #2B2B2B;
    line-height: 1.2;
}

@media (min-width: 1550px){
    .product-char .cover img{
        right: -2rem;
    }
}

@media (max-width: 992px){
    .product-char .cover{
        position: sticky;
        top: 15rem;
        height: auto;
    }
    .product-char.product-char-pip .cover img{
        position: relative;
        right: 3rem;
        bottom: -6rem;
    }
}

@media (max-width: 768px){
    .product-char .cover{
        position: absolute;
        top: -4rem;
        right: -4rem;
        width: fit-content;
    }

    .product-char .col-md-8{
        width: 100%;
    }

    .product-char .cover img{
        position: initial;
        transform: scale(-1,1);
    //visibility: hidden;
        max-width: 320px;
        max-height: 320px;
    }

    /*
    .product-band-char .band-char:nth-child(-n+2) .band-char-value{
        max-width: 50%;
    }
    .product-band-char .band-char:nth-child(3) .band-char-value{
        max-width: 75%;
    }
    */
}

@media (max-width: 579px){
    .product-char .cover{
        display: block;
        margin-top: -7rem;
        margin-bottom: -2rem;
        margin-left: -15px;
        margin-right: -15px;
        height: 300px;
    }
    .product-char.product-char-pip .cover img{
        position: relative;
        right: 0;
        bottom: 0;
    }

    .product-char .cover{
        position: relative;
        top: 2rem;
        left: -1rem;
        right: auto;
        width: auto;
    }

    .product-char .cover img{
        transform: scale(1);
    }

    .band-char{
        display: flex;
        flex-direction: column;
        row-gap: .5rem;
        padding: .5rem 0;
    }
    .band-char-title,
    .band-char-value{
        font-size: 12px;
    }
}

/* PRODUCT REVIEW */

.product-form-review{
    margin-top: 2rem;
    padding-bottom: .5rem;
}

.product-form-title{
    font-size: 24px;
    font-weight: 500;
}

.box-form-review{
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    height: 100%;
}

.box-form-review input{
    height: 70px;
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    padding: .5rem 1rem;
}

.box-form-review textarea{
    height: 100%;
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    padding: .75rem 1rem;
}

.box-form-review input,
.box-form-review textarea{
    transition: .4s;
}

.box-form-review input:focus,
.box-form-review textarea:focus{
    box-shadow: 0 0 0 .25rem rgba(234, 234, 234, .5);
    outline: none;
}

.box-form-review input::placeholder,
.box-form-review textarea::placeholder{
    transition: .4s;
}

.box-form-review input:focus::placeholder,
.box-form-review textarea:focus::placeholder{
    opacity: .25;
}

.box-form-end{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.box-form-stars{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.box-form-stars img{
    width: 32px;
    height: 32px;
}

.box-form-desc{
    font-size: 14px;
    color: #555555;
    margin-top: auto;
    margin-bottom: auto;
}

.review-count{
    font-size: 14px;
}

/* star */
.star-rating{
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row-reverse;
  column-gap: .5rem;
  margin-bottom: 1.5rem;
}

.star-label{
  width:  32px;
  height: 32px;
  min-width:  32px;
  min-height: 32px;
  display: block;
  transition: .4s;
  cursor: pointer;
  background-image: url(star.svg);
  background-size: cover;
}

/* Активное состояние для выбранной звезды и всех предыдущих */
input.star-radio:checked ~ .star-label,
input.star-radio:checked + .star-label {
  background-image: url(stara.svg);
}

/* Эффект при наведении: подсвечиваем текущую звезду и все предыдущие */
.star-label:hover,
.star-label:hover ~ .star-label {
  background-image: url(stara.svg);
  opacity: 0.7;
}

/* Сбрасываем состояние при наведении на контейнер */
.star-rating:hover .star-label {
  background-image: url(star.svg);
  opacity: 1;
}

.star-rating:hover .star-label:hover,
.star-rating:hover .star-label:hover ~ .star-label {
  background-image: url(stara.svg);
  opacity: 0.7;
}

.star-radio {
  display: none;
}

.review-form .notice.notice-success{
    background-color: #efefef;
    color: #666;
    border-color: #efefef;
    border-radius: 12px;
    font-size: 14px;
}

.review-form .notice.notice-success br{
    margin-bottom: .25rem;
}

.box-review-reply-header{
    display: grid;
    grid-template-columns: 30px auto;
    column-gap: .5rem;
    align-items: center;
    margin: 1rem 0;
}
.box-review-reply-header{
    font-size: 16px;
    font-weight: 500;
}

.box-review-reply-content{
    font-size: 14px;
    color: #555555;
}

@media (max-width: 579px){
    .block-tiitle-tools{
        margin-bottom: 1rem;
    }
    #product-review.main-block{
        padding-left: 0;
        padding-right: 0;
    }
    #product-review.main-block .swiper{
        padding-left: 15px;
    }
    #product-review.main-block .block-tiitle-tools,
    #product-review.main-block .product-form-title{
        padding-left: 15px;
    }

    .product-form-review{
        padding-left: 15px;
        padding-right: 15px;
    }

    .box-form-review input{
        height: 60px;
    }

    .box-form-review{
        row-gap: 1rem;
    }
    .box-form-review input::placeholder{
        font-size: 16px;
    }

    .box-form-stars{
        justify-content: center;
    }

    .box-form-end{
        row-gap: 1rem;
    }

    .box-form-desc{
        font-size: 12px;
        text-align: center;
    }
}

/* PRODUCTS SIDEBAR */
.product-sidebar{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    padding-left: 30px;
    z-index: 4;
}

.nav-product-sidebar{
    position: relative;
    /*position: sticky;*/
    /*top: 0;*/
    display: flex;
    flex-direction: column;
    left: 0;
    row-gap: 2rem;
}

.nav-product-sidebar::before{
    position: absolute;
    content: '';
    width: 150%;
    height: 150%;

    top: -50%;
    left: -50%;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    opacity: 1;
    border-radius: 50%;
    transition: .4s;
    z-index: -1;
    background-color: rgba(255, 255, 255, .95);
    filter: blur(20px);
}

.nav-product-sidebar li a{
    position: relative;
    padding: 0;
    font-size: 14px;
    display: inline-block;
}

.nav-product-sidebar li a:hover,
.nav-product-sidebar li a.active{
    color: #336633;
}

.nav-product-sidebar li a::after{
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    left: 0;
    bottom: -4px;
    background-color: #336633;
    transition: .4s;
}

.nav-product-sidebar li a.active::after,
.nav-product-sidebar li a:hover::after{
    width: 100%;
}

.pdf-ico{
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: center;
    column-gap: .5rem;
    text-decoration: none;
    color: #336633;
    z-index: 3;
}

.pdf-ico img{
    transition: .4s;
}

.pdf-ico:hover img{
    transform: scale(1.1);
}

.pdf-ico span{
    word-break: break-word;
    max-width: 100px;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 500;
}

/* BASKET 
================================
================================*/
.cart-block{
    margin-top: 2rem;
    overflow: clip;
}

.back-cart{
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: .5rem;
    text-decoration: none;
    position: relative;
    z-index: 3;
}

.back-cart:hover{
    column-gap: 1rem;
}

.back-cart img{
    transform: translateY(-2px);
}

.cart-block-header{
    position: relative;
}

.cart-block-header .cover-sheet{
    left: -30px;
}

@media (max-width: 579px){
    .cart-block{
        margin-top: .5rem;
        margin-bottom: 2rem;
    }
    .cart-block-header .cover-sheet{
        left: -15px;
        right: -15px;
        width: calc(100% + 30px);
    }
    .back-cart{
        font-size: 10px;
        column-gap: .15rem;
    }
    .back-cart:hover{
        column-gap: .5rem;
    }
}

/* CART LIST */
.cart-list{
    margin-top: 2rem;
}

.box-cart{
    margin-bottom: 1rem;
}

.cart-list .box-cart:last-child{
    margin-bottom: 0;
}

.box-cart .cover{
    display: block;
    overflow: hidden;
}

.box-cart .cover img{
    transition: .4s;
}

.box-cart:hover .cover img{
    transform: scale(1.15);
}

.box-cart-title{
    text-align: center;
}

.box-cart-prices{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
}

.box-cart-quantity{
    padding: 0 2.5rem;
}

.box-cart-summ{
    font-size: 18px;
    font-weight: 600;
}

.box-cart-prices del{
    font-size: 12px;
    color: #ccc;
}

.box-cart-tools{
    display: flex;
    column-gap: 1rem;
    justify-content: end;
}

.box-cart-fav,
.box-cart-del{
    text-decoration: none;
}

.box-cart-tools .bttn-favorite{
    width: 20px;
    height: 20px;
    background-size: contain;
}

.box-cart-tools a img{
    transition: .4s;
}

.box-cart-tools a:hover img{
    transform: scale(1.1) rotate(15deg);
}

@media (max-width: 1200px){
    .box-cart-title{
        text-align: start;
    }
    .box-cart-prices{
        flex-direction: column;
        row-gap: .25rem;
        line-height: 1.2;
    }
    .box-cart-quantity{
        padding: 0;
    }
    .box-cart-tools{
        flex-direction: column;
        row-gap: .5rem;
    }
}

@media (max-width: 992px){
/*
    .box-cart-prices{
        align-items: start;
    }
*/
    .box-cart-tools{
        align-items: end;
    }
    .box-cart-summ{
        text-align: center;
    }
}

@media (max-width: 579px){
    .cart-list{
        margin-top: 1.5rem;
    }
    .box-cart-title{
        text-align: start;
        font-size: 12px;
    }
    .box-cart-prices{
        flex-direction: row;
        font-size: 12px;
        justify-content: start;
        margin-top: .5rem;
    }

    .box-cart-tools{
        flex-direction: column;
        row-gap: .5rem;
        align-items: end;
    }

    .box-cart-quantity{
        padding: 0;
    }

    .box-cart-quantity .quantity input{
        height: 100%;
    }

    .box-cart-summ{
        text-align: end;
        margin-top: .5rem;
    }

    .box-cart .cover img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

/* CHECKOUT */
.checkout-wrapper{
    height: 100%;
}

.box-checkout{
    position: sticky;
    top: 7rem;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 1.5rem;
}

.box-checkout-items{
    font-size: 24px;
    font-weight: 600;
    margin-top: .25rem;
}

.box-checkout-discount{
    margin: 2rem 0;
}

.box-checkout-all{
    font-size: 12px;
    color: #959595;
    text-transform: uppercase;
}

.box-checkout-allprice{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}

.box-checkout-button{
    margin-top: 1.5rem;
}

.box-checkout-button .btn{
    border-radius: 12px;
}

.box-checkout-discount{
    position: relative;
    margin: 2rem 0 1.5rem 0;
}


.box-checkout .notice{
  padding: 0;
  border: 0;
  color: #F2930C;
  font-size: 14px;
}

.box-checkout .notice.is-warning{
  background-color: transparent;
}

.box-checkout .discounts-rows{
  margin-bottom: 1.5rem;
  font-size: 14px;
}

.box-checkout .discounts-rows span{
  color: #157347;
}

.box-checkout-discount input{
    height: 50px;
    border-radius: 16px;
    border: 1px solid #EAEAEA;
    background-color: white;
    width: 100%;
    padding-left: 1.5rem;
    transition: .4s;
}

.box-checkout-discount input::placeholder{
    color: #959595;
    transition: .4s;
}

.box-checkout-discount input:focus{
    outline: none;
    box-shadow: 0 0 0 .25rem rgba(234, 234, 234, .5);
}

.box-checkout-discount input:focus::placeholder{
    opacity: .2;
}

.box-checkout-discount .btn{
    position: absolute;
    top: 0;
    right: .25rem;
    bottom: 0;
    margin: auto;
    height: 40px;
    border-radius: 12px;
}

@media (max-width: 1200px){
    .box-checkout-discount input{
        padding-left: .75rem;
    }

    .box-checkout-discount .btn{
        font-size: 14px;
        text-transform: capitalize;
    }

    .back-cart{
        font-size: 14px;
    }
}

@media (max-width: 579px){
    .box-checkout{
        padding: 1.5rem 1rem;
    }
    .box-checkout-discount{
        margin: 1.5rem 0;
    }
    .box-checkout-button .btn{
        height: 60px;
        font-size: 14px;
    }
    .box-checkout-items{
        margin-top: 0;
    }
}

@media (max-width: 579px){
    .cart-block-related{
        margin-top: 2rem;
    }
}

/* CONSULT
================================
================================*/
.consult-header-desc{
    margin-top: 2rem;
    font-size: 20px;
}

.consult-list{
    margin-top: 4rem;
}

.box-consult{
    margin-bottom: 5rem;
}

.box-consult:last-child{
    margin-bottom: 0;
}

.box-consult-title{
    font-size: 40px;
    font-weight: 600;
    color: #336633;
}

.box-consult-text{
    font-size: 16px;
}

.box-consult-text p{
    line-height: 1.2;
}

.box-consult-text p b{
    font-size: 16px;
    font-weight: 500;
    margin-top: 1rem;
    display: inline-block;
}

.box-consult-text h3{
    font-size: 32px;
    font-weight: 600;
}

.box-consult-prices{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    margin: 2rem 0;
    line-height: 1.2;
}

.box-consult-text.product-consum-content{
    margin-top: 0;
}

.box-consult-text.product-consum-content ul{
    margin-top: 0;
}

.box-consult-text.product-consum-content ul li{
    font-size: 14px;
    color: #404040;
    font-weight: 400;
}

.box-consult-prices span{
    font-size: 32px;
    font-weight: 600;
}

.box-consult-prices del{
    font-size: 20px;
    color: #ccc;
}

.box-consult-buttons{
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

.box-consult-buttons .btn{
    height: 40px;
    border-radius: 12px;
}

.box-consult-buttons a{
    font-size: 14px;
    color: #336633;
}

.box-consult-buttons a:hover{
    color: black;
}

@media (max-width: 579px){
    .consult-header-desc{
        font-size: 12px;
        margin-top: 1rem;
    }

    .consult-list{
        margin-top: 2rem;
        margin-bottom: 5rem;
    }

    .box-consult-title{
        font-size: 24px;
    }
    .box-consult-text h3{
        font-size: 18px;
        font-weight: 500;
    }
    .box-consult-text p{
        font-size: 12px;
    }
    .box-consult-prices{
        margin: 1rem 0;
    }
    .box-consult-buttons{
        display: grid;
        grid-template-columns: 3fr 8fr;
        column-gap: 1rem;
    }
    .box-consult-buttons .btn{
        font-size: 14px;
    }
}

/* PAGE
================================
================================*/
.page-date{
    font-size: 16px;
    color: #959595;
}

.page-title{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.page-content p b{
    font-size: 24px;
    font-weight: 500;
}

.page-content img{
    width: 100%;
    height: fit-content;
    object-fit: contain;
}

.page-content a{
    text-wrap: wrap;
}

@media (max-width: 579px){
    .page-date{
        font-size: 12px;
    }
    .page-title{
        font-size: 24px;
    }
    .page-content p b{
        font-size: 18px;
    }
    .page-content p{
        font-size: 14px;
    }
}

/* BLOG
================================
================================*/
.blog-block{
    margin-top: 2rem;
}

/* PAGE - AGE
================================
================================*/
.page-block-age{
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.page-block-age .text-video{
    /*height: 320px;*/
}

.page-block-age .text-video .text-video-image img, 
.page-block-age .text-video .text-video-image svg{
    height: auto;
    object-fit: contain;
}

.page-block-age-title-video{
    margin-top: 0;
    margin-bottom: 0;
}

.page-block-video-title-wrapper{
    position: relative;
    margin: -5rem 0;
    z-index: -1;
}


.page-block-video-title-wrapper video{
    width: 100%;
}

.block-age-title{
    font-size: 40px;
    font-weight: 700;
}

.block-age-subtitle{
    font-size: 24px;
    font-weight: 500;
}

.page-block-age-content{
    margin-top: 4rem; 
    margin-bottom: 3rem;
}

@media (max-width: 1550px){
    .page-block-video-title-wrapper{
        margin: -2rem 0;
    }
}

@media (max-width: 1050px){
    .page-block-video-title-wrapper{
        margin: auto;
        z-index: unset;
    }
    .block-age-title{
        font-size: 32px;
        font-weight: 600;
        line-height: 1.1;
    }
    .block-age-subtitle{
        font-size: 18px;
        font-weight: 600;
        margin-top: .5rem;
    }
}

@media (max-width: 579px){
    .page-block-age{
        margin-bottom: 0;
    }
    .block-age-title{
        font-size: 24px;
        font-weight: 600;
        line-height: 1.1;
    }
    .block-age-subtitle{
        font-size: 16px;
        font-weight: 600;
        margin-top: .5rem;
    }
}

/* BLOCK AGE SLIDER */

    .age-slider-container {
      background: transparent;
    }

    .age-slider-header {
      margin-bottom: 20px;
    }

    .age-slider-title {
      font-size: 16px;
      font-weight: 600;
      color: #1a2e1a;
    }

    /* ===== ИКОНКИ НАД СЛАЙДЕРОМ ===== */
    .age-icons {
      display: grid;
      grid-template-columns: 3fr 5.5fr 1.5fr;
      justify-content: space-between;
      margin-bottom: .5rem;
      padding: 0 8px;
    }

    .icon-group {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      flex: 1;
      opacity: 0.5;
      transition: all 0.25s ease;
    }

    .icon-group.active-group {
      opacity: 1;
    }

    .icon-group .group-icon img,
    .icon-group .group-icon svg {
      width:  80px;
      height: 80px;
      object-fit: contain;
      filter: grayscale(5) invert(1);
    }

    .icon-group.active-group .group-icon img,
    .icon-group.active-group .group-icon svg{
        filter: unset;
    }

    .icon-group .group-name {
      font-size: 16px;
      font-weight: 500;
      color: #2d4a2d;
      margin-top: .5rem;
    }

    /* ===== КАСТОМНЫЙ СЛАЙДЕР ===== */
    .custom-slider-wrapper {
      position: relative;
      padding: 0 0;
      /*margin-bottom: 16px;*/
      height: 25px;
    }

    .slider-track-bg {
      position: absolute;
      top: 18px;
      left:  0px;
      right: 0px;
      height: 4px;
      background: #D5D5D5;
      border-radius: 2px;
    }

    .slider-track-fill {
      position: absolute;
      top: 18px;
      left: 0px;
      right: 0px;
      height: 4px;
      background: #336633;
      border-radius: 2px;
      width: 0%;
    }

    .slider-track-fill::after{
        position: absolute;
        content: '';
        height: 65px;
        width: 100%;
        background: linear-gradient(to top, transparent, rgba(51, 102, 51, .2));
    }

    .slider-handle {
      position: absolute;
      top: 13px;
      width:  13px;
      height: 13px;
      background: #336633;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: 0 2px 8px rgba(51, 102, 51, 0.3);
      transform: translateX(-50%);
      z-index: 20;
      transition: transform 0.1s ease;
    }

    .slider-handle:hover {
      /*transform: translateX(-50%) scale(1.12);*/
    }

    /* Разделители */
    .slider-markers {
      position: absolute;
      top: -20px;
      left:  0px;
      right: 0px;
      height: 30px;
      pointer-events: none;
      display: flex;
      align-items: end;
    }

    .marker {
      position: absolute;
      background: #D5D5D5;
      transform: translateX(-50%);
      pointer-events: none;
    }

    .marker::after{
        position: absolute;
        content: '';
        width: 2px;
        height: 65px;
        background-color: white;
        top: calc(100% + 12px);

    }

    .marker-small {
      width: 2px;
      height: 10px;
      /*top: 0;*/
    }

    .marker-large {
      width: 2px;
      height: 30px;
      top: 0;
    }

    .marker-active {
      background: #336633;
    }

    #customAgeSlider {
      position: absolute;
      top: 0;
      left: 8px;
      right: 8px;
      width: calc(100% - 16px);
      opacity: 0;
      cursor: pointer;
      height: 40px;
      z-index: 30;
    }

    /* ===== ПОДПИСИ СЕКТОРОВ ===== */
    .age-sector-labels {
      display: flex;
      justify-content: flex-start;
      margin-top: 8px;
      padding: 0 8px;
    }

    .sector-item {
      text-align: center;
      cursor: pointer;
      padding: 8px 4px;
      border-radius: 24px;
      transition: all 0.2s ease;
      white-space: nowrap;
      color: rgba(128, 128, 128, .3);;
      font-size: 14px;
      line-height: 1.2;
    }

    .sector-item{
        flex: 0 0 15%;
    }
    .sector-item:nth-child(3),
    .sector-item:nth-child(4),
    .sector-item:nth-child(5){
        flex: 0 0 18.33%;
    }

    .sector-item:hover {
      /*background: rgba(51, 102, 51, 0.06);*/
    }

    .sector-item.active-sector {
      /*background: linear-gradient(135deg, #88c888, #336633);*/
      /*box-shadow: 0 2px 8px rgba(51, 102, 51, 0.3);*/
        color: #336633;
    }

    /* ===== КОНТЕНТ ===== */
    .age-content-blocks {
      /*margin-top: 32px;*/
      /*padding-top: 24px;*/
      /*border-top: 1px solid #E0F0E0;*/
    }

    .age-content {
      display: none;
      animation: fadeIn 0.3s ease;
      margin-bottom: 3rem;
    }

    .age-content.active {
      display: block;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(8px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .age-content h4 {
      font-size: 22px;
      font-weight: 700;
      color: #1a2e1a;
      margin-bottom: 12px;
    }

    .age-content p {
      font-size: 16px;
      color: #5a6e5a;
      line-height: 1.3;
      margin-bottom: 20px;
    }

    .age-content .box-know-content,
    .age-content .box-know-content p,
    .age-content .box-know-content p span{
        font-size: 14px;
        color: #555555;
        line-height: 1.2;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: calc(1.2rem * 7);
        max-height: calc(1.2rem * 7);
    }
    .age-content .box-know-content p{
        margin-top: 0;
    }

    .age-products {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .product-item {
      background: #F0F8F0;
      padding: 8px 20px;
      border-radius: 40px;
      font-size: 14px;
      font-weight: 500;
      color: #2d4a2d;
      border: 1px solid #c8e0c8;
      transition: all 0.2s ease;
      cursor: pointer;
    }

    .product-item:hover {
      background: #336633;
      color: white;
      border-color: #336633;
      /*transform: translateY(-2px);*/
    }





.block-age-desc h2{
    font-size: 32px;
    margin-bottom: 1rem;
    font-weight: 600;
}
.block-age-desc h3{
    font-size: 24px;
    margin-bottom: .5rem;
}

.block-age-desc ul {
    margin-block-start: 1rem;
    margin-block-end: 1.5rem;
    padding-inline-start: 1.25rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    font-size: 16px;
    color: #5a6e5a;
    line-height: 1.3;
}

.block-age-desc quotes{
    position: relative;
    padding-left: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-top: 1.5rem;
    display: block;
    line-height: 1.2;
}

.block-age-desc quotes::before{
    position: absolute;
    content: '';
    width: 8px;
    height: 100%;
    border-radius: 8px;
    top: 0;
    left: 0;
    background-color: #4A8779;
}

.block-age-range-wrapper{
    position: relative;
    margin-bottom: 3rem;
    z-index: 4;
    padding-left: 3rem;
    padding-right: 3rem;
}

@media (max-width: 1050px){
    .block-age-range-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 579px){
    .block-age-desc h3{
        margin-bottom: 1rem;
    }


    .page-block-age .text-video{
        height: 61px;
    }
    .page-block-age .cover-sheet img {
        object-fit: fill;
    }
    
    .icon-group .group-icon img, 
    .icon-group .group-icon svg{
        width: 40px;
        height: 40px;
    }

    .sector-item{
        font-size: 10px;
        padding: 0;
    }
    .age-sector-labels{
        padding: 0;
    }
    .icon-group .group-name{
        font-size: 10px;
        margin-top: 0;
    }
    .age-icons{
        padding: 0;
    }

    .slider-markers{
        height: 20px;
        top: -5px;
    }

    .marker{
        transform: unset;
    }

    .marker-large{
        height: 20px;
        width: 1px;
    }
    .marker-small{
        width: 1px;
    }
    .marker::after{
        top: calc(100% + 7px);
    }

    .page-block-age-content{
        overflow-x: hidden;
    }

    .age-content-blocks .main-block-know-base{
        overflow: unset;
    }

    .age-content-blocks .main-block-know-base .swiper{
        padding-left: 0;
    }

}

/* FOOTER 
================================
================================*/
footer{
    background-color: #F4F4F4;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.box-logo{
    display: flex;
    flex-direction: column;
    height: 100%;
    row-gap: .25rem;
}

.box-logo .cover{
    aspect-ratio: 3/2;
}

.box-logo .cover img{
    object-fit: contain;
}

.footer-logo{
    font-size: 12px;
    color: #808080;
    margin-top: auto;
}

.nav-footer{
    flex-direction: column;
    row-gap: 1rem;
}

.nav-footer li a{
    color: #2B2B2B;
    font-size: 16px;
    padding: 0;
}

.nav-footer li a:focus{
    color: #336633;
}

.nav-footer.nav-footer-bold li a{
    font-weight: 500;
}

.nav-socials{
    margin: 1rem 0;
    column-gap: 2rem;
}

.nav-socials li a{
    padding: 0;
}

.nav-socials li a img{
    transition: .4s;
}

.nav-socials li a:hover img{
    transform: scale(1.1);
}

.footer-text{
    font-size: 12px;
    line-height: 1.2;
    color: #808080;
}

.footer-poweredby{
    display: flex;
    align-items: end;
    justify-content: end;
    column-gap: 1rem;
    text-decoration: none;
    font-size: 14px;
    color: #336633;
    line-height: 1;
}

.footer-poweredby img{
    transform: translateY(1px);
}

.footer-poweredby:hover{
    color: black;
}

.footer-poweredby img{
    transition: .4s;
}

.footer-poweredby:hover img{
    filter: grayscale(1) contrast(1) invert(1);
}

@media (max-width: 1200px){
    footer{
        padding-bottom: 3rem;
        margin-bottom: 2rem;
        padding-bottom: 3rem;
    }
    .nav-footer li a{
        font-size: 14px;
    }
}

@media (max-width: 1024px){
    .footer-logo{
        font-size: 10px;
        margin-top: auto;
    }
}

@media (max-width: 579px){
    .nav-footer{
        row-gap: .75rem;
    }

    .nav-footer li a{
        font-size: 16px;
        font-weight: 400;
        color: #2B2B2B;
    }

    .nav-footer-last li a{
        font-size: 14px;
    }

    .footer-poweredby{
        justify-content:center;
        margin-top: 1rem;
    }

    footer .row .gy-4{
        --bs-gutter-y: 2rem;
    }
}

/* elements */
.sheet {
  animation: sway 6s ease-in-out infinite;
  transform-origin: top center; /* или bottom center, в зависимости от крепления */
}

@keyframes sway {
  0%, 100% { 
    transform: rotate(0deg) translateX(0); 
  }
  25% { 
    transform: rotate(-0.5deg) translateX(-2px) translateY(1px); 
  }
  50% { 
    transform: rotate(0.3deg) translateX(1px) translateY(-1px); 
  }
  75% { 
    transform: rotate(0.7deg) translateX(-1px) translateY(2px); 
  }
}

@font-face {  
    font-family: 'MyFont';  
    src: url('https://static.insales-cdn.com/files/1/4577/115528161/original/bebasneuecyrillic.ttf') format('truetype');  
}


.table_review
{
border:0px;

 
}

.table_review tr td 
{
    padding:10px; 
    background: #fff!important; 
    border: 0px!important;
    vertical-align: middle;
    margin:auto;
    padding:27px!important;

    }

    .table_review tr td img 
{ width: 200px !important;
    }