body{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #084734;
    font-family: "Inter Tight", sans-serif;
    background-color: #F9FFF4;
}

html {
    scrollbar-gutter: stable;
}


.container {
    max-width: 1920px;
    padding-left: 50px;
    padding-right: 50px;
    margin-right: auto;
    margin-left: auto;
}

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

.container-fluid{
    max-width: 2560px;
}

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

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

b{
    font-weight: bold;
}


/* BOOTSTRAP CUSTOM
================================
================================*/
.btn{
    height: 60px;
    border-radius: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    font-size: 18px;
    font-weight: 400;
}
@media (max-width: 579px){
    .btn{
        height: 60px;
        font-size: 18px;
        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-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF8000;
    --bs-btn-border-color: #FF8000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e58c32;
    --bs-btn-hover-border-color: #e58c32;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e58c32;
    --bs-btn-active-border-color: #e58c32;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #084734;
    --bs-btn-border-color: #084734;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --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: #084734;
    --bs-btn-disabled-border-color: #084734
}

.btn-salat {
    --bs-btn-color: #000;
    --bs-btn-bg: #CEEDB2;
    --bs-btn-border-color: #CEEDB2;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #000;
    --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: #000;
    --bs-btn-disabled-bg: #CEEDB2;
    --bs-btn-disabled-border-color: #CEEDB2
}

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

.btn-grey {
    --bs-btn-color: #000;
    --bs-btn-bg: #aaa;
    --bs-btn-border-color: #aaa;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #aaa;
    --bs-btn-disabled-border-color: #aaa
}

.btn-lightgrey {
    --bs-btn-color: #000;
    --bs-btn-bg: #d9e3d8;
    --bs-btn-border-color: #d9e3d8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bbb;
    --bs-btn-hover-border-color: #bbb;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bbb;
    --bs-btn-active-border-color: #bbb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #d9e3d8;
    --bs-btn-disabled-border-color: #d9e3d8
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: rgba(8,71,52,0.05);
    --bs-btn-border-color: rgba(8,71,52,0.05);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bbb;
    --bs-btn-hover-border-color: #bbb;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bbb;
    --bs-btn-active-border-color: #bbb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: rgba(8, 71, 52, .15);
    --bs-btn-disabled-border-color: rgba(8,71,52,0.05)
}

/* FONT FAMILY
================================
================================*/
.fonts{
    font-family: fonts-title ;
}

/* 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 
================================
================================*/
/* DYNAMIC MENU */
.nav-menu{
    row-gap: .5rem;
    column-count: 2;
    display: inline-block;
    width: 100%;
}
.nav-menu li a{
    padding: 0;
    margin-bottom: .5rem;
}

#dynamicMenu .nav-socials{
    justify-content: start;
}

#dynamicMenu .nav-socials li a{
    padding: .5rem;
}

.nav-promo-tools{
    column-gap: 1rem;
}

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

/* MOBILE NAV SWIPE */

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

.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;
}

/* HEADER 
================================
================================*/
header{
    position: fixed;
    top: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    width: 100%;
    transition: .4s;
}

body{
    padding-top: 11rem;
}
@media (max-width: 579px){
    body{
        padding-top: 8rem;
    }   
}
body.template-is-index{
    padding-top: 0;
}

header.scrolling{
    top: .5rem;
}

header.scroll-up,
header.scroll-down{
    top: .5rem;
}

header .header-wrapper{
    position: relative;
    height: 100%;
    transition: .4s;
}

header.scrolling .header-wrapper{
    height: 77px;
}

header.scrolling .header-top{
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: hidden;
}

header.scrolling .header-bottom{
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.header-wrapper{
    max-width: 1820px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
}

.header-top,
.header-bottom{
    padding: 1rem;
    transition: .4s;
}

.header-top{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background-color: #CEEDB2;
    position: relative;
    z-index: 2;
    transition: .4s;
}

.header-bottom{
    background-color: #084734;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    transition: transform .4s, opacity 1s, visibility 1s, border-radius .4s;
    z-index: 1;
    position: relative;
}

.header-top,
.header-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
}

/* HEADER MENU */
.nav-header-menu{
    column-gap: 1.8rem;
    position: relative;
    z-index: 1;
}

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

/* SITE TOOLS */
.nav-site-tools{
    column-gap: 1rem;
}

.nav-site-tools li a{
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(8, 71, 52, .1);
    border-radius: 10px;
    line-height: 1;
}

.nav-site-tools li a .is-empty{
    display: none;
}

.nav-site-tools li a .count{
    position: absolute;
    top: -7px;
    right: -7px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #084734;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.nav-site-tools li a img{
    transition: .4s;
}
.nav-site-tools li a:hover img{
    transform: scale(1.1);
}

/* HEADER BOTTOM */
.nav-header-menu-bottom li a{
    color: white;
}

.nav-header-menu-bottom li a:hover{
    color: #CEEDB2;
}

@media (max-width: 350px){
    .nav-site-tools li a{
        width: 36px;
        height: 36px;
    }
}

/* HEADER CONTACTS */
.nav-heaer-contact{
    position: relative;
    column-gap: 1rem;
    z-index: 1;
}
.nav-heaer-contact li a{
    padding: 0;
    color: white;
    display: flex;
    align-items: center;
    column-gap: .6rem;
    font-size: 15px;
}

.nav-heaer-contact li a[role="button"]:hover{
    color: white;
    cursor: default;
}

.nav-heaer-contact li a:hover{
    color: #CEEDB2;
}

.nav-heaer-contact li a img{
    transition: .4s;
}
.nav-heaer-contact li a.phone:hover img{
    transform: rotate(45deg);
}
.nav-heaer-contact li a.clock:hover img{
    transform: scale(1.05);
}

/* HEADER BUTTON CATALOG */
.header-catalog{
    position: relative;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.5rem;
    padding: .5rem 1.5rem;
    background-color: white;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 500;
}

.header-catalog::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    cursor: default;
}

.header-catalog[aria-expanded="true"]::before{
    opacity: 1;
    visibility: visible;
}

.header-catalog img{
    transition: .4s;
}

.header-catalog[aria-expanded="true"] img{
    transform: scale(1,-1);
}

.header-catalog-wrapper{
    position: absolute;
    background-color: #F9FFF4;
    width: 80%;
    height: auto;
    max-height: 420px;
    top: calc(100% - 1.5rem);
    transition: .4s;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 25px;
}

.header-catalog-list{
    position: relative;
    padding: 2.5rem 1rem 1rem 1rem;
    z-index: 1;
}

.nav-header-catalog{
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: .75rem;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(420px - 3.5rem);
}

.header-catalog-list-nav{
    position: relative;
    max-height: calc(420px - 3.5rem);
}

.header-catalog-list-nav::after{
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background-color: rgba(8, 71, 52, .15);
    top: 0;
    right: .85rem;
    z-index: 0;
}

/* Для вертикального скролла */
::-webkit-scrollbar {
    width: 4px;
    border-radius: 8px;
}

/* Для горизонтального скролла */
::-webkit-scrollbar:horizontal {
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
    width: 2px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: black;
}

::-webkit-scrollbar-thumb:active {
    background: #787878;
}

::-webkit-scrollbar-corner {
    background: red;
}

.nav-header-catalog li a{
    padding: 0;
    font-weight: bold;
    font-size: 15px;
}

.sidemenu-submenu-list{
    position: relative;
    width: 100%;
    height: 100%;
}

.sidemenu-submenu{
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sidemenu-submenu.active{
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-submenu-simple{
    flex-direction: column;
    row-gap: .35rem;
}

.nav-submenu-simple li a{
    padding: 0;
}

.nav-submenu-simple li a{
    font-size: 12px;
    font-weight: 500;
}

.nav-submenu-simple li:first-child a{
    font-size: 15px;
}

.nav-submenu-simple li:first-child a{
    font-weight: bold;
}








.header-catalog-list-mob{
    position: relative;
    padding: 3.5rem 2rem 2rem 2rem;
    z-index: 1;
}

@media (max-width: 579px){
    header{
        top: .5rem;
    }
    .header-wrapper{
        border-radius: 20px;
    }
    .header-top, 
    .header-bottom{
        padding: .5rem .75rem;
        column-gap: .5rem;
    }

    header.scrolling .header-top,
    .header-bottom{
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .header-top{
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .header-top .logo img{
        width: 165px;
    }
    .nav-site-tools-mob{
        column-gap: .5rem;
    }
    .nav-site-tools-mob li a{
        background-color: rgba(255, 255, 255, .1);
    }
    .nav-site-tools-mob li a img{
        filter: contrast(5) invert(1);
    }
    .header-catalog{
        padding: .5rem .75rem;
        border-radius: 10px;
        column-gap: .75rem;
    }
    .header-catalog-list-mob{
        padding: 2rem .75rem 1rem 1rem;
        height: 80vh;
    }

    .header-catalog-list-mob .row{
        height: 100%;
        overflow: auto;
        padding-right: .25rem;
    }

    .header-catalog-wrapper{
        width: 100%;
        max-height: unset;
    }
}

@media (max-width: 350px){
    .header-top, 
    .header-bottom{
        padding: .5rem .5rem;
    }
    .header-catalog{
        height: 36px;
    }
    .nav-site-tools-mob{
        column-gap: .25rem;
    }
    .nav-site-tools li a{
        width: 36px;
        height: 36px;
    }
}

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


/* MAIN INDEX 
================================
================================*/
.swiper-main{
    position: relative;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    overflow: hidden;
}

.swiper-main .swiper-slide{
    height: 100vh;
    max-height: 1340px;
}

.swiper-main .swiper-slide .cover{
    width: 100%;
    height: 100%;
}

.swiper-main .swiper-slide .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-main-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column;
    padding-bottom: 7rem;
}

.swiper-main-title{
    font-size: 60px;
    font-weight: 800;
    line-height: 1.2;
}

.swiper-main-desc{
    font-size: 24px;
    font-weight: 500;
    margin: 2rem 0;
}

.swiper-tools{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    width: fit-content;
    column-gap: 1rem;
    /*margin-left: auto;*/
    margin-right: auto;
}

.swiper-main .swiper-tools{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.75rem;
    width: auto;
}

.swiper-tools .swiper-button-prev,
.swiper-tools .swiper-button-next{
    position: relative;
    margin-top: 0;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    top: 0;
    left: auto;
    right: auto;
    background-color: #084734;
    transition: .4s;
    z-index: 1;
}

.swiper-tools .swiper-button-disabled{
    background-color: rgba(8, 71, 52, .1);
    opacity: 1;
}

.swiper-tools .swiper-button-prev::after,
.swiper-tools .swiper-button-next::after{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    mask-image: url(arrow-left-green.svg);
    background-color: white;
    transition: .4s;
}

.swiper-tools .swiper-button-next::after{
    transform: rotate(180deg);
}

.swiper-tools .swiper-button-prev:not(.swiper-button-disabled)::after,
.swiper-tools .swiper-button-next:not(.swiper-button-disabled)::after{
    background-color: white;
}

.swiper-tools .swiper-button-prev::after,
.swiper-tools .swiper-button-next::after{
    background-color: #084734;
}

@media (max-width: 579px){
    .swiper-main{
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .swiper-main-title{
        font-size: 42px;
        line-height: 1.1;
    }
    .swiper-main-desc{
        font-size: 18px;
    }
    .swiper-main-desc br{
        display: none;
    }
    .swiper-main-content{
        padding-bottom: 0;
        justify-content: center;
        padding-top: 5rem;
    }
    .swiper-main .swiper-tools{
        left: 0;
        bottom: 1.5rem;
    }
}
@media (max-width: 380px){
    .swiper-main-title{
        font-size: 28px;
    }
    .swiper-main-desc{
        font-size: 16px;
    }
}

/* HEADER FORM SEARCH */
.header-form-search{
    position: absolute;
    top: 23%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.header-form-search input[type="text"]{
    width: 100%;
    height: 60px;
    border-radius: 10px;
    outline: none;
    border: 0;
    padding: .5rem 3rem;
    background-image: url(search.svg);
    background-repeat: no-repeat;
    background-position: 1rem 50%;
    background-color: white;
}

.header-form-search .btn{
    font-weight: 500;
}

@media (max-width: 579px){
    .header-form-search{
        top: calc(115px + 1.5rem);
    }
}

/* MAIN COLLECTIONS */
body.template-is-index .block,
body.template-is-product .block,
body.template-is-page_about .block{
    margin-top:    5rem;
    margin-bottom: 5rem;
}

.block-title{
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    column-gap: 2rem;
    font-size: 40px;
}

.block h2,
.block h1{
    font-weight: bold;
    font-size: 40px;
    letter-spacing: .4px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
}

.block-title span:not(.ya-share2__icon),
.block-title span:not(.ya-share2__badge){
    font-size: 24px !important;
    display: flex;
    flex-direction: column;
    font-family: unset !important;
}


.block-title span p strong{
    font-weight: unset !important;
}

.block-title span .btn{
    width: fit-content;
}

.box-collection{
    height: 98px;
    background-color: rgba(8, 71, 52, .05);
    display: flex;
    align-items: center;
    column-gap: 1rem;
    border-radius: 98px;
    padding: 1rem;
    text-decoration: none;
}

.box-collection .icon{
    height: 70px;
    width: 70px;
    border-radius: 70px;
    background-color: rgba(8, 71, 52, .05);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .95rem;
    transition: .4s;
}

.box-collection:hover .icon{
    background-color: rgba(8, 71, 52, .1);
}

.box-collection .icon img{
    transition: .4s;
}

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

.box-collection span{
    font-size: 24px;
    line-height: 1.2;
}

@media (max-width: 579px){
    .block-title{
        flex-direction: column;
        row-gap: 2rem;
    }
    .block h2,
    .block h1{
        font-size: 32px;
        line-height: 1.2;
    }
    .block-title span{
        font-size: 18px;
    }

    .block-collections .col:last-child{
        width: 100%;
    }
    .block-collections .col:last-child .box-collection{
        aspect-ratio: unset;
        flex-direction: row;
        display: flex;
        align-items: center;
    }
    .block-collections .col:last-child .box-collection span{
        font-weight: 500;
    }

    .box-collection{
        /*aspect-ratio: 1/1;*/
        height: 100%;
        flex-direction: column;
        border-radius: 20px;
        align-items: start;
        display: grid;
        align-content: space-around;
        padding: .65rem;
    }
    .box-collection .icon{
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        padding: .5rem;
    }
    .box-collection span{
        font-size: 14px;
        line-height: 1.1;
        word-break: break-word;
    }
    .block-title span .btn{
        font-size: 18px;
    }
}

/* COLLECTIONS PRODUCTS */
.nav-collections-list{
    column-gap: .5rem;
    row-gap: .35rem;
}

.nav-collections-list li a{
    background-color: rgba(8, 71, 52, .05);
    border-radius: 20px;
    padding: .6rem 1.25rem;
    font-size: 15px;
    line-height: 1;
}

.nav-collections-list li a.active{
    background-color: rgba(8, 71, 52, 1);
    color: white;
}

.nav-collections-list li a:not(.active):hover,
.nav-collections-list li a:not(.active):focus{
    background-color: rgba(8, 71, 52, .25);
    color: rgba(8, 71, 52, 1);
}

a.more-link{
    height: 40px;
    display: inline-flex;
    margin-top: 1rem;
    font-weight: 500;
}

.collections-products{
    margin-top: 3rem;
}

.carousel-wrapper{
    overflow: hidden;
}

.carousel-wrapper .swiper-tools{
    margin-top: 3rem;
}

.carousel-wrapper .swiper{
    overflow: visible;
}

.carousel-article .swiper-slide{
    height: auto;
}

.swiper-items-visible .swiper-slide{
    opacity: .5;
    transition: opacity .4s;
}
.swiper-items-visible .swiper-slide.swiper-slide-fully-visible,
.swiper-items-visible .swiper-slide.swiper-slide-active,
.swiper-items-visible .swiper-wrapper .swiper-slide:last-child{
    opacity: 1;
}

@media (max-width: 579px){
    .nav-collections-list li a{
        padding: .75rem;
    }
    .carousel-wrapper .swiper-tools{
        margin-top: 1.5rem;
    }
    .carousel-bottom{
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 1rem;
    }
    .carousel-bottom .more-link{
        height: 50px;
        margin-top: 1.5rem;
        border-width: 2px;
    }
}

/* BOX PRODUCT */
.box-product{
    background-color: rgba(8,71,52, 0.05);
    border-radius: 25px;
    overflow: hidden;
}

.box-product .cover{
    position: relative;
    aspect-ratio: 4/3;
    display: block;
    overflow: hidden;
}

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

.box-product .cover img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    transition: .4s;
    will-change: transform;
}

.box-product .cover img.poster{
    background-color: white;
}

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

.box-product-rating{
    height: 25px;
    border-radius: 50px;
    padding: .15rem .75rem;
    background-color: #CEEDB2;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    column-gap: .25rem;
    font-size: 12px;
}
.box-product-rating img{
    width: 12px;
}

@media (max-width: 579px){
    .box-product-rating{
        padding: .15rem .5rem;
        font-size: 12px;
    }
}

.labels{
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    row-gap: .25rem;
}

.labels.is-percent{
    top: 3rem;
}

.labels label{
    background-color: #CEEDB2;
    height: 40px;
    border-radius: 20px;
    padding: .5rem 1rem;
    color: white;
    display: inline-flex;
    align-items: center;
    width: fit-content;
}

.labels label.hit{
    background-color: #EDB2B2;
}
.labels label.new{
    background-color: #FF8000;
}

.labels label.hit.percent{
    color: #084734;
}

.box-product-tools{
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
}

.box-product-tools .favorite{
    transition: .4s;
    cursor: pointer;
}

.box-product-tools .favorite:hover{
    transform: scale(1.1);
}

.box-product-tools .compare{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #CEEDB2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: .4s;
}

.box-product-tools .compare:hover,
.box-product-tools .compare.is-added{
    background-color: #084734;
}

.box-product-tools .compare img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: .4s;
}

.box-product-tools .compare:hover img,
.box-product-tools .compare.is-added img{
    transform: scale(1.1);
    filter: invert(1) brightness(5);
}

.box-product-info{
    padding: 1.25rem;
}

.box-product-title{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.4em * 2); /* line-height × количество строк */
    max-height: calc(1.4em * 2); /* line-height × количество строк */
    text-decoration: none;
    margin-bottom: 1rem;
}

.box-product-sku{
    color: rgba(8, 71, 52, .8);   
    margin-bottom: 1rem;
}

.box-product-prices{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

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

.box-product-prices del{
    font-size: 24px;
    color: rgba(8,71,52,0.4);
}

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

.product-info .box-product-qty{
    justify-content: start;
}

.box-product-qty span{
    font-size: 20px;
    font-weight: 500;
}

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

.box-product-qty .quantity input{
    height: 40px;
    width: 40px;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    border: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    padding: .25rem;
}

.box-product-qty .quantity input:focus{
    box-shadow: none;
    outline: none;
}

.box-product-qty .quantity .btn-tools{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 0;
    border-radius: 10px;
    background-color: rgba(8,71,52,0.05);
    font-size: 20px;
    line-height: 1;
    transition: .4s;
}

.box-product-qty .quantity .btn-tools:hover{
    background-color: rgba(8,71,52,0.15);
}

.box-product-button{
    margin-top: 1.25rem;
}

.box-product-button .btn{
    width: 100%;
    font-weight: 500;
    font-size: 18px;
}

.add-cart-fast{
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: .75rem;
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 579px){
    .box-product-info{
        padding: 1rem;
    }

    .box-product-tools .favorite{
        width: 33px;
        height: 33px;
    }
    .box-product-qty{
        column-gap: .5rem;
    }
    .box-product-qty .quantity .btn-tools{
        min-width: 40px;
    }
    .box-product-title{
        -webkit-line-clamp: 3;
        min-height: calc(1.4em * 3);
        max-height: calc(1.4em * 3);
        margin-bottom: .5rem;
    }
    .box-product-sku{
        margin-bottom: .5rem;
    }
    .collection-list .box-product-prices{
        margin-bottom: .5rem;
    }
    .box-product-button{
        margin-top: .75rem;
    }
}

/* BLOCK BRAND */
.box-brand{
    background-color: rgba(8,71,52,0.05);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 21/9;
    overflow: hidden;
    border-radius: 5px;
    transition: .4s;
}

.box-brand:hover{
    background-color: rgba(8,71,52,0.15);
}

.box-brand .cover{
    width: 100%;
    height: 100%;
}

.box-brand img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .4s;
}
.box-brand:hover img{
    transform: scale(1.05);
}

@media (max-width: 579px){
    .box-brand{
        aspect-ratio: 16/9;
    }
}

/* BLOCK ADVANTAGES */
.advatanges-list .col:nth-child(even) .box-advantages{
    flex-direction: column-reverse;
}

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

.box-advantages .cover{
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

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

.box-advantages-info{
    background-color: rgba(8,71,52,0.05);
    border-radius: 25px;
    padding: 1.25rem;
    font-weight: 500;
    display: grid;
}

.box-advantages .cover,
.box-advantages .box-advantages-info{
    aspect-ratio: 16/10;
}

.box-advantages-icon{
    width: 90px;
    height: 90px;
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(8,71,52,0.05);
    padding: 1.5rem;
}

.box-advantages-icon img{
    object-fit: contain;
}

.box-advantages-title{
    margin: 1rem 0;
    font-size: 20px;
    line-height: 1.1;
}

.box-advantages-text{
    line-height: 1.1;
}

@media (max-width: 579px){
    .box-advantages{
        row-gap: 1rem;
    }
    .box-advantages-info{
        padding: 1rem;
    }
    .box-advantages-icon{
        width: 60px;
        height: 60px;
        padding: 1rem;
    }
    .box-advantages-title{
        font-size: 18px;
    }
}

/* BLOCK REVIEWS */
.box-review{
    padding: 1rem;
    background-color: rgba(8,71,52,0.05);
    border-radius: 25px;
}

.box-review .cover{
    aspect-ratio: 16/10;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

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

.box-review:hover .cover img{
    transform: scale(1.1) rotate(3deg);
}

.box-review-header{
    margin: 1.5rem 0;
    display: grid;
    grid-template-columns: 60px auto;
    column-gap: 1rem;
}

.box-review-header .avatar{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: rgba(8,71,52,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.box-review-header .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-info{
    line-height: 1;
}

.avatar-info-name{
    font-size: 24px;
    font-weight: 500;
}

.avatar-info-status,
.avatar-info-city{
    font-weight: 500;
    color: rgba(8,71,52,0.6);
}

.avatar-info-status{
    margin-top: .25rem;
}

.avatar-info-city{
    margin-top: .5rem;
}

.box-review-text{
    font-weight: 500;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.4em * 18);
    text-decoration: none;
}

@media (max-width: 579px){
    .box-review .cover{
        aspect-ratio: 1/1;
    }
    .box-review-text {
      display: -webkit-box;  
      -webkit-line-clamp: 19;
      -webkit-box-orient: vertical;
       max-height: calc(1.4em * 20);
    }
}

/* BLOCK BLOG */
.box-article{
    height: 100%;
    padding: 1rem;
    background-color: rgba(8,71,52,0.05);
    border-radius: 25px;
}

.box-article .cover{
    aspect-ratio: 7/6;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

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

.box-article:hover .cover img{
    transform: scale(1.1) rotate(-3deg);
}

.box-article-info{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.box-article-title{
    margin-top: 1rem;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: calc(1.4em * 2);
}

.box-article-text{
    color: rgba(8,71,52,0.6);
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.4em * 2);
    text-decoration: none;
    margin-top: .5rem;
}

.box-article-date{
    background-color: rgba(8,71,52,0.05);
    display: inline-block;
    width: fit-content;
    padding: .75rem 1.25rem;
    border-radius: 25px;
    line-height: 1;
    margin-top: .25rem;
}

.box-article-more{
    display: inline-flex;
    align-items: center;
    column-gap: 1.25rem;
    text-decoration: none;
    font-weight: 500;
    width: fit-content;
}
.box-article-more:hover,
.box-article-more:focus{
    color: #084734;
}

.box-article-more img{
    transition: .4s;
}
.box-article-more:hover img{
    transform: translateX(1rem);
}

.article-content h1,
.article-content h2,
.article-content h3{
    margin: 1rem 0;
}

.article-content img{
    aspect-ratio: 21/9;
    object-fit: cover;
    width: 100% !important;
}

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

.swiper-pagination .swiper-pagination-bullet{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
    background-color: rgba(8, 71, 52, .15);
    opacity: 1;
    transition: .4s;
    margin: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: rgba(8, 71, 52, 1);
    color: white;
}

/* BLOCK SUBSCRIBE */
.block-subscribe{
    padding: 8rem 1rem;
}

.block-subscribe{
    background-image: url(bg-subscribe.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    overflow: hidden;
}

.block-subscribe-title,
.block-subscribe-text{
    text-align: center;
}

.block-subscribe-title{
    line-height: 1.2;
}

.block-subscribe-title{
    font-size: 32px;
    font-weight: 500;
}

.block-subscribe-text{
    font-size: 24px;
}

.block-subscribe input{
    height: 60px;
    width: 100%;
    margin-bottom: .5rem;
    margin-top: 2rem;
    border-radius: 10px;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: .5rem 1.5rem;
    text-align: center;
    background-color: white !important;
}

.block-subscribe input::placeholder{
    text-align: center;
    color: #084734;
    transition: .4s;
}

.block-subscribe input:focus::placeholder{
    color: #ddd;
}

input{
    transition: .4s;
}
input:focus{
    box-shadow: 0 0 0 .25rem rgba(8, 71, 52, .25);
}

@media (max-width: 579px){
    .block-subscribe{
        padding: 1.5rem 1rem;
    }
    .block-subscribe input{
        margin-bottom: 1rem;
    }
    .block-subscribe-text{
        margin-top: 1rem;
    }
    .block-subscribe{
        background-image: url(bg-subscribe-mob.jpg);
    }
}

/* COLLECTION 
================================
================================*/
/* BREADCRUMBS */
.nav-breadcrumbs{
    column-gap: 1rem;
    margin: 3rem 0;
    display: inline-flex;
}
.nav-breadcrumbs li .nav-link{
    padding: 0;
    font-size: 14px;
    color: #084734;
}

.nav-breadcrumbs li + li .nav-link{
    padding-left: 1rem;
    position: relative;
}

.nav-breadcrumbs li + li .nav-link::before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 5px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #084734;
}

/* COLLECTION HEADER */
.collection-header{
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.collection-header.block{
    margin-top: 0;
    margin-bottom: 0;
}

.collection-header .block-title{
    margin-bottom: 0;
}

.collection-brand{
    margin-bottom: 3rem;
}

.collection-brand.block{
    margin-top: 0;
}

.collection-brand .block-title{
    margin-bottom: 1.5rem;
}

.collection-brand .block-title h2{
    line-height: 1;
    font-weight: bold;
}

.collection-brand-desc{
    font-size: 18px;
}

.collection-brand-button{
    margin-top: 2rem;
}

.collection-brand .cover{
    border-radius: 25px;
    overflow: hidden;
    position: sticky;
    top: 5rem;
}

.collection-brand .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-collection-list{
    position: relative;
    column-gap: .25rem;
    row-gap: .25rem;
}

.hidden-item {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}

.nav-collection-list.show-all .hidden-item {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.nav-collection-list li a{
    background-color: rgba(8, 71, 52, .15);
    height: 50px;
    border-radius: 50px;
    padding: .5rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}

.nav-collection-list li a.active{
    background-color: rgba(8, 71, 52, 1);
    color: white;
}

.nav-collection-list li a:hover,
.nav-collection-list li a:focus{
    background-color: rgba(8, 71, 52, .25);
    color: rgba(8, 71, 52, 1);
}

.nav-collection-list li a.more{
    background-color: white;
    border: 2px solid rgba(8, 71, 52, .15);
}

.nav-collection-list li a.more:hover{
    background-color: rgba(8, 71, 52, .25);
}

/* SORT */
.dropdown-toggle{
    height: 50px;
    border-radius: 50px;
}

.bootstrap-select .dropdown-toggle:focus{
    box-shadow: none;
    outline: none !important;
}

.dropdown-toggle .filter-option{
    display: flex !important;
    align-items: center;
}

.dropdown-toggle .filter-option-inner-inner{
    color: #084734;
    font-size: 14px;
}

.dropdown-toggle::after{
    position: absolute;
    content: '';
    width: 13px;
    height: 10px;
    background-image: url(arrow-down-dark.svg);
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    border: 0;
    transition: .4s;
    margin-top: auto !important;
}

.dropdown-toggle[aria-expanded="true"]::after{
    transform: scale(1,-1);
}

.dropdown-menu{
    border: 0;
    margin-top: .5rem !important;
    z-index: 1;
}

ul.dropdown-menu{
    height: 90px;
}

ul.dropdown-menu li a{
    font-size: 14px;
}

ul.dropdown-menu li a.active{
    background-color: #084734;
    color: white;
}

ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:focus{
    background-color: #CEEDB2;
    color: black;
}

.propuct-variants ul.dropdown-menu{
    height: auto;
}

.propuct-variants .dropdown-toggle{
    position: relative;
    height: 40px;
    border: 0;
    font-size: 14px;
    padding: .5rem 2.5rem .5rem 1rem;
    color: #084734;
}

.option-selector{
    display: flex;
    column-gap: 1rem;
    row-gap: .5rem;
}

.option-value.is-span{
    border: 0;
    text-align: start;
}

.option-value.is-active.is-span{
    background-color: #084734;
    color: white;
}

@media (max-width: 579px){
    .product-images .swiper-slide{
        height: 100%;
    }
}

/* COLLECTION FILTER - LIST */
.collection-filter-list{
    display: grid;
    grid-template-columns: 334px auto;
    column-gap: 1.5rem;
}

/* SIDEBAR - FILTER */
.filter-sidebar{
    border: 2px solid rgba(8, 71, 52, .15);
    border-radius: 20px;
    padding: 0 1.25rem 1.25rem 1.25rem;
}

.filter-title{
    font-size: 28px;
    font-weight: 600;
    color: #084734;
    margin-top: 2rem;
    text-transform: uppercase;
    line-height: 1;
}

.box-filter{
    border-bottom: 1px solid rgba(33, 33, 33, .15);
    padding: 1.75rem 0;
}

.filter-sidebar .box-filter:last-child{
    border-bottom: 0;
}

.box-filter-title{
    position: relative;
    font-size: 20px;
    text-decoration: none;
    display: flex;
    cursor: pointer;
}

.box-filter-title::after{
    position: absolute;
    content: '';
    width: 12px;
    height: 9px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-image: url(angle-down-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: .4s;
}

.box-filter-title[aria-expanded="true"]::after{
    transform: scale(1,-1);
}

.filter-price input.price-range{
    width: 100%;
    height: 40px;
    border: 2px solid rgba(33, 33, 33, .15);
    text-align: center;
    font-weight: 500;
    border-radius: 6px;
}

.filter-price input.price-range:focus{
    outline: none;
}

.filter-price-delimetr{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.filter-price-delimetr::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: rgba(33, 33, 33, .15);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* FITLER SIMPLE */
.nav-filter{
    row-gap: .6rem;
    flex-direction: column;
    max-height: 355px;
    overflow-y: auto;
    column-count: 1;
    flex-wrap: nowrap;
    margin-top: 1rem;
}

.dropdown-menu.nav-filter.show{
    display: flex;
}

.dropdown-menu.nav-filter{
    padding: .5rem;
}

.nav-filter label{
    display: flex;
    align-items: center;
    column-gap: .75rem;
    cursor: pointer;
    padding: 0 2px;
}

.nav-filter label span.checkbox{
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 2px solid #084734;
    display: block;
    border-radius: 4px;
}

.nav-filter label span.checkbox::before,
.nav-filter label span.checkbox::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .4s;
    background-position: center;
    background-repeat: no-repeat;
}

.nav-filter label input{
    display: none;
}

.nav-filter label input:checked + span.checkbox::before{
    width: 16px;
    height: 16px;
    background-color: #084734;
    background-image: url(check-white.svg);
}

.nav-filter label input:checked + span.checkbox::after{
    width: 9px;
    height: 7px;
    background-image: url(check-black.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.nav-filter label span.text{
    font-size: 15px;
}

.nav-filter label span.count{
    font-size: 15px;
    font-weight: 500;
    color: #084734;
    margin-left: 1rem;
}

.box-filter-apply-reset{
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
}

.box-filter-apply-reset button{
    width: 100%;
}

/* FILTER PRICE */
.filter-items-list.is-color{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: .5rem;
    row-gap: .75rem;
    margin: 1rem 0;
}
.filter-color{
    border-radius: 8px;
    margin-bottom: 0;
}

input[type="checkbox"]:checked + .filter-color{
    border: 1px solid rgba(8, 71, 52, .5);
    box-shadow: 0 0 0 .25rem rgba(8, 71, 52, .25);
}

.irs--flat .irs-line{
    background-color: #CEEDB2;
}

.collection-filter .range-slider .irs-bar{
    background-color: #084734;
}

.irs--flat .irs-handle{
    width: 16px;
    height: 16px;
    background-color: transparent;
    top: 20px;
    border-radius: 4px;
    border: 2px solid #084734;
    background-color: #CEEDB2;
    cursor: pointer;
}

.irs--flat .irs-handle > i:first-child{
    display: none;
}

/* MORE PAGINTAION */
.collection-more-pagination{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

.collection-more-pagination .btn{
    font-weight: 500;
}

.nav-pagination{
    column-gap: .75rem;
}

.nav-pagination li .nav-link{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: rgba(8, 71, 52, .15);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.nav-pagination li .nav-link.dots{
    color: #084734;
}

.nav-pagination li a:hover,
.nav-pagination li a:focus{
    background-color: rgba(8, 71, 52, .5);
    color: white;
}

.nav-pagination li span.active{
    background-color: #084734;
    color: white;
}

@media (max-width: 579px){
    .nav-breadcrumbs{
        margin: 1rem 0;
    }

    .collection-header{
        margin-top: 1rem;
        margin-bottom: 1rem;
        flex-direction: column;
        row-gap: 2rem;
    }

    .collection-filter-list{
        display: block;
    }

    .nav-collection-list li{
        display: none;
    }
    .nav-collection-list li:nth-child(-n+5),
    .nav-collection-list li:last-child{
        display: flex;
    }

    .filter-panel{
        display: grid;
        grid-template-columns: calc(100% - 50px - 3rem) 50px;
        column-gap: 3rem;
        align-items: center;
        width: 100%;
    }
    .filter-panel .btn.js-collection-filters{
        background-color: rgba(8, 71, 52, .15);
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }

    .collection-header .dropdown{
        width: 100% !important;
    }

    .collection-header .dropdown-toggle{
        width: 100%;
        background-color: #084734;
        padding: .5rem 1.5rem;
    }

    .collection-header .dropdown-toggle .filter-option-inner-inner{
        color: white;
    }

    .collection-header .dropdown-toggle::after{
        filter: invert(1) brightness(5);
    }

    #dynamicFilters{
        position: fixed;
        top: 0;
        left: -85%;
        width: 85%;
        transition: .4s;
        height: 100vh;
    }
    #dynamicFilters.active{
        left: 0;
    }
    #dynamicFilters{
        background-color: rgba(255, 255, 255, 1);
        z-index: 5;
        overflow-y: auto;
    }
    #dynamicFilters{
        border-top-right-radius:    15px;
        border-bottom-right-radius: 15px;
        padding: 1.5rem 1rem;
    }
    .filter-title{
        margin-top: 0;
    }
    .filter-sidebar{
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        border: unset;
    }

    .dynamic-side-header{
        margin-top: 1rem;
    }

    .box-filter{
        padding: 1.25rem 0;
    }

    /* COLLECTION LIST */
    .collection-list .box-product{
        border-radius: 20px;
        height: 100%;
        display: grid;
        grid-template-rows: max-content;
    }

    .collection-list .cover{
        aspect-ratio: unset;
    }

    .collection-list .cover a{
        aspect-ratio: 1/1;
    }

    .collection-list .box-product .cover img.poster{
        object-fit: contain;
    }


    .collection-list .labels{
        position: relative;
        flex-direction: row;
        column-gap: .5rem;
        padding: .75rem .5rem 0 .5rem;
    }

    .collection-list .labels.is-percent{
        top: 0;
    }

    .collection-list .labels.percent{
        position: absolute;
        top: 0rem;
        left: 0rem;
    }

    .collection-list .labels label{
        height: 20px;
        font-size: 12px;
    }

    .collection-list .box-product-tools{
        padding: .5rem;
        align-items: center;
        /*height: calc(100% - 20px - 1rem);*/
        height: 100%;
    }

    .collection-list .box-product-info{
        padding: .75rem .65rem;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .collection-list .box-product-title{
        font-size: 16px;
    }
    .collection-list .box-product-sku{
        font-size: 12px;
    }
    .collection-list .box-product-prices{
        column-gap: .5rem;
        margin-top: auto;
    }
    .collection-list .box-product-prices span{
        font-size: 20px;
    }
    .collection-list .box-product-prices del{
        font-size: 16px;
    }

    .collection-list .box-product-qty span{
        font-size: 15px;
    }

    .collection-list .box-product-qty{
        column-gap: .5rem;
        flex-direction: column;
        row-gap: .5rem;
        text-align: start;
        align-items: start;
    }

    .collection-list .box-product-qty .quantity{
        width: 100%;
        justify-content: space-between;
    }

    .collection-list .box-product-qty .quantity input{
        font-size: 16px;
        width: 40px;
    }

    .collection-list .box-product-button .btn{
        height: 50px;
    }
    .collection-list .add-cart-fast{
        font-size: 15px;
    }


    .collection-more-pagination{
        flex-direction: column;
        row-gap: 3rem;
    }
    .collection-more-pagination .btn{
        width: 100%;
    }

    .nav-pagination li .nav-link{
        width: 42px;
        height: 42px;
    }

}

/* COLLECTIOB STOCK 
================================
================================*/
.box-stock{
    padding: 1rem;
    background-color: rgba(8,71,52,0.05);
    border-radius: 25px;
}

.box-stock .cover{
    aspect-ratio: 4/3;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

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

.box-stock:hover .cover img{
    transform: scale(1.1) rotate(-3deg);
}

.box-stock-info{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.box-stock-title{
    margin-top: 1rem;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
}

.box-stock-text{
    color: rgba(8,71,52,0.6);
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.4em * 2);
    text-decoration: none;
    margin-top: .5rem;
}

.box-stock-date{
    background-color: rgba(8,71,52,0.05);
    display: inline-block;
    width: fit-content;
    padding: .75rem 1.25rem;
    border-radius: 25px;
    line-height: 1;
    margin-top: .25rem;
}

.box-stock-more{
    display: inline-flex;
    align-items: center;
    column-gap: 1.25rem;
    text-decoration: none;
    font-weight: 500;
    width: fit-content;
}
.box-stock-more:hover,
.box-stock-more:focus{
    color: #084734;
}

.box-stock-more img{
    transition: .4s;
}
.box-stock-more:hover img{
    transform: translateX(1rem);
}


/* PRODUCT
================================
================================*/
.product-gallery-thumbs-wrappers{
    display: grid;
    grid-template-columns: 80px auto;
    column-gap: 2.5rem;
    row-gap: 1rem;
    height: 80vh;
    position: relative;
}

.product-thumbs-wrapper{
    height: inherit;
}

.product-thumbs{
    height: 100%;
}

.product-thumbs .swiper-slide img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    filter: brightness(.65);
    transition: .4s;
    object-fit: contain;
}

.product-thumbs .swiper-slide.swiper-slide-thumb-active img{
    filter: brightness(1);
}

.product-gallery-wrapper{
    display: grid;
    height: 80vh;
}

.product-images{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.product-images .swiper-slide img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
}

/* PRODUCT INFO */
.product-info{
    position: sticky;
    top: 5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*align-items: start;*/
    justify-content: space-between;
    row-gap: 1.5rem;
}


/* PRODUCT INFO */
.product-rating-labels-stock-call{
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
    width: 100%;
}

.product-rating{
    height: 50px;
    border-radius: 50px;
    padding: .5rem 1.5rem;
    background-color: #CEEDB2;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
}

.product-rating-labels-stock-call .labels{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: .5rem;
    padding: 0;
}

.product-rating-labels-stock-call .labels label{
    padding: .5rem 1rem;
    height: 36px;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-stock{
    height: 36px;
    padding: .25rem 1rem;
    border-radius: 36px;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
}

.product-stock.in-stock{
    background-color: #B2EDDF;
    color: #009253;
}
.product-stock.out-stock{
    background-color: rgba(206, 206, 206, .15);
    color: #6B6B6B;
}

.product-rating-labels-stock-call .btn-call{
    column-gap: 1rem;
    font-size: 15px;
}

.product-rating-labels-stock-call-g1,
.product-rating-labels-stock-call-g2{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.product-payed{
    height: 36px;
    padding: .25rem 1rem;
    border-radius: 36px;
    background-color: rgba(8,71,52,0.05);
    color: #084734;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.box-product-rating-payed{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: .5rem;
}

.box-product-rating-payed .product-payed{
    font-size: 12px;
    height: 25px;
}

@media (max-width: 579px){
    .box-product-rating-payed{
        column-gap: .5rem;
        /*flex-direction: column;*/
        flex-wrap: wrap;
        align-items: start;
        row-gap: .5rem;
    }
    .product-payed{
        padding: .25rem .6rem;
    }
    .box-product-rating-payed .product-payed{
        font-size: 12px;
    }
}

/* PRODUCT INFO lvl.2 */
.product-tools{
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    column-gap: 1rem;
}

.product-tools .btn{
    height: 48px;
    border-radius: 48px;
    padding: .5rem 1.5rem;
    column-gap: .75rem;
}

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

.product-tools .btn:focus{
    color: white;
}

.product-tools .btn:focus{
    background-color: #bbb;
}

.product-tools .btn:hover img,
.product-tools .btn:focus img,
.product-tools .btn.active img{
    filter: invert(1) brightness(5);
}

.product-tools .btn-favorite.is-added svg path,
.product-tools .btn-compare.is-added svg path{
    fill: red;
}

.product-info.is-available .btn-not-available,
.product-info.is-available .btn-call{
    display: none;
}

.product-info.not-available .product-buttons-link,
.product-info.not-available .btn[data-item-add],
.product-info.not-available .box-product-qty{
    display: none;
}

.product-title{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
}

.product-prices-percent-sku{
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
    width: 100%;
}

.product-prices-percent-sku span:first-child{
    font-size: 32px;
    font-weight: 500;
}

.product-prices-percent-sku del{
    font-size: 24px;
    font-weight: 500;
    color: #87a195;
}

.product-percent{
    height: 36px;
    padding: .5rem 1rem;
    background-color: #FF8000;
    font-weight: 500;
    line-height: 1;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.product-sku{
    color: #084734;
}

.product-sku i{
    font-style: normal;
}

.product-desc{
    color: #084734;
}

.nav-char{
    column-gap: .5rem;
}

.nav-char li{
    height: 30px;
    padding: .5rem 1rem;
    background-color: rgba(8, 71, 52, .05);
    line-height: 1;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}

.product-variant .dropdown-toggle{
    padding: .5rem 3rem .5rem 1rem;
    height: 40px;
    background-color: rgba(8, 71, 52, .15);
}

.product-buttons{
    display: flex;
    align-items: center;
    column-gap: .75rem;
    display: grid;
    grid-template-columns: 3fr 1fr;
    width: auto;
}

.product-buttons-btn{
    display: flex;
    align-items: center;
    column-gap: .75rem;
    width: 100%;
}

.product-buttons-link{
    text-align: center;
}

.product-buttons.if-ukassa .product-buttons-link{
    /*display: grid;*/
    /*grid-template-columns: 1.5fr 1fr;*/
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    column-gap: .75rem;
    width: 100%;
    /*text-align: start;*/
}

.product-buttons.if-ukassa{
    /*grid-template-columns: 3fr 2fr;*/
    grid-template-columns: 2fr 1fr;

}

.ym-credit-ui{
    text-align: center;
}


.product-buttons .btn{
    width: 100%;
    font-weight: 500;
}

.product-buttons .buy-to-click{
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

.product-buttons .btn-quest img,
.product-buttons .btn-quest img{
    transition: .4s;
}

.product-buttons .btn-quest:hover img,
.product-buttons .btn-quest:focus img{
    filter: grayscale(1) contrast(10);
}

.product-buttons .btn-ukassa{
    font-size: 15px;
    text-decoration: none;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    row-gap: .35rem;
}

/* PRODUCT ACCORDION */
.product-accordion .accordion-item{
    background-color: transparent;
    border: 0;
}
.product-accordion .accordion-button{
    padding: 1rem 0;
    background-color: transparent;
    font-weight: 600;
    text-decoration: none;
    color: #084734;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    box-shadow: none;
}

.product-accordion .accordion-button::after{
    display: none;
}

.product-accordion .accordion-button img{
    transition: .4s;
}

.product-accordion .accordion-button[aria-expanded="true"] img{
    transform: scale(1,-1);
}

.product-accordion .accordion-body{
    padding: .75rem 0;
    width: 50%;
}

.product-accordion .accordion-body p span{
    font-family: unset !important;
}

.product-char-list .product-char:nth-child(odd){
    background-color: white;
}
.product-char-list .product-char:nth-child(even){
    background-color: rgba(8, 71, 52, .05);
}

.product-char{
    padding: .5rem;
}

.product-char-title{
    font-weight: 500;
    color: rgba(8, 71, 52, .5);
}

/* REVIEWS */
.modal-dialog{
    max-width: 430px;
}

.star-rating{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  column-gap: .25rem;
  margin: 1.5rem 0;
  column-gap: 1.5rem;
}

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

/* Активное состояние для выбранной звезды и всех предыдущих */
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;
}

.add-review{
    display: flex;
    flex-direction: column;
    row-gap: 0;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="email"]{
    background-color: rgba(8, 71, 52, .05);
    padding: .5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 100%;
    border: 1px  solid rgba(8,71,52,0.05);
}

textarea:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus{
    box-shadow: 0 0 0 .15rem rgba(204, 204, 204, .5);
    outline: none;
}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder{
    color: rgba(8, 71, 52, .35);
}

input[type="text"]{
    height: 60px;
}

.policy-apply{
    display: flex;
    column-gap: 1rem;
    margin: 1.5rem 0;
    line-height: 1.2;
}

.policy-apply label{
    align-items: start;
}

.policy-apply label .checkbox{
    top: .15rem;
}

.modal-body{
    padding: 1.5rem;
}

.modal-title{
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
}

.modal-desc{
    font-size: 14px;
    text-align: center;
    margin-top: 1rem;
}

.modal-content .btn-close{
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 1;
    transition: .4s;
}

.modal-content .btn-close:hover{
    transform: rotate(-180deg);
}

.modal-content .btn-close:focus{
    box-shadow: none;
}

.product-review .box-review-text{
    overflow: visible;
    text-overflow: unset;
    max-height: unset;
    display: block;
}

.product-review .box-review-header{
    display: block;
}

.product-review .avatar-info-city{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    margin-top: 0;
}

.product-review .avatar-info-city img{
    margin-top: -2px;
}

.product-review .avatar-info{
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
}

.product-review .box-review-text{
    line-height: 1.4;
}

.block-review-desc{
    font-size: 20px;
}

.file-upload-wrapper {
    position: relative;
    width: 100%;
}

.file-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.upload-container {
    display: flex;
    gap: 15px;
    align-items: center;
}

.upload-left {
    flex-shrink: 0;
}

.upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background: #007bff;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
    font-weight: 500;
}

.upload-btn:hover {
    background: #0056b3;
}

.upload-right {
    flex: 1;
}

.text-item {
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}

/* Стиль для отображения выбранного файла */
.file-name {
    margin-top: 8px;
    font-size: 14px;
    color: #28a745;
    display: none;
}

.file-upload-wrapper input[type="file"] + .upload-container .text-item-2{
    display: none;
}

.file-upload-wrapper input[type="file"].has-file + .upload-container .text-item-1{
    display: none;
}
.file-upload-wrapper input[type="file"].has-file + .upload-container .text-item-2{
    display: block;
    color: green;
}


.review-form{
    display: flex;
    flex-direction: column;
}

.review-form .is-required{
    display: flex;
}

.notice.notice-info{
    background-color: rgba(8, 71, 52, .15);
    color: rgba(8, 71, 52, 1) !important;
    font-size: 12px;
    margin-top: 1rem;
}

.notice.notice-success{
    background-color: rgba(8, 71, 52, .55);
    font-size: 14px;
    margin-top: 1rem;
    border:0;
    line-height: 1.4;
}










/* PRODUCT RELATED */
.carousel-related .block-title .swiper-tools{
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
}

.product-rating-labels-stock-call  { order: 1; }
.product-tools                     { order: 2; }
.product-title                     { order: 3; }
.product-prices-percent-sku        { order: 4; }
.product-desc                      { order: 5; }
.nav-char                          { order: 6; }
.propuct-variants                  { order: 7; }
.product-info .box-product-qty                   { order: 8; }
.product-buttons                   { order: 9; }

@media(max-width: 579px){
    .product-rating-labels-stock-call  { order: 3; }
    .product-tools                     { order: 4; }
    .product-title                     { order: 1; }
    .product-prices-percent-sku        { order: 2; }
    .product-desc                      { order: 5; }
    .nav-char                          { order: 6; }
    .propuct-variants                  { order: 7; }
    .product-info .box-product-qty                   { order: 8; }
    .product-buttons                   { order: 9; }
}

@media (max-width: 1500px){
    .product-info{
        row-gap: .5rem;
    }
}

@media (max-width: 579px){
    .product-gallery-thumbs-wrappers{
        height: 50vh;
    }
    .product-gallery-thumbs-wrappers{
        display: flex;    
        flex-direction: column-reverse;
    }
    .product-thumbs-wrapper{
        height: 85px;
    }

    .product-gallery-wrapper{
        height: calc(100% - 85px);
    }

    .product-info{
        row-gap: 1rem;
    }

    .nav-char{
        row-gap: .5rem;
    }
    .product-title{
        font-size: 24px;
        font-weight: bold;
        line-height: 1.1;
    }
    .product-thumbs .swiper-slide img{
        aspect-ratio: 1/1;
        object-fit: contain;
    }

    .product-prices-percent-sku{
        display: grid;
        grid-template-columns: 2fr 1.5fr 2fr;
        column-gap: .5rem;
        row-gap: 1rem;
    }

    .product-prices-percent-sku span:first-child{
        font-size: 26px;
    }
    .product-prices-percent-sku del{
        font-size: 20px;
    }

    .product-sku{
        font-size: 14px;
    }

    .product-percent{
        padding: .5rem .5rem;
        font-size: 12px;
    }

    .product-rating-labels-stock-call{
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
        align-items: start;
    }

    .product-rating-labels-stock-call .btn-call{
        width: 100%;
    }

    .product-tools{
        justify-content: space-between;
        width: 100%;
        column-gap: .75rem;
    }
    .product-tools .btn{
        width: 100%;
        padding: .5rem .75rem;
    }

    .product-buttons{
        position: sticky;
        bottom: 80px;
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;

        background-color: #F9FFF4;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 15px;
        padding-right: 15px;
        margin-right: -15px;
        margin-left: -15px;
    }
    .product-buttons-btn .btn{
        width: 100%;
    }


    .product-buttons .buy-to-click{
        text-align: center;
    }

    .product-accordion .accordion-body{
        width: 100%;
    }
    .product-accordion .accordion-button{
        justify-content: space-between;
    }

    .carousel-related .block-title{
        flex-direction: row;
    }

    .carousel-related .block-title .swiper-tools{
        top: .5rem;
    }

}

/* CART 
================================
================================*/
.back-collection{
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: 1rem;
}

.back-collection img{
    transition: .4s;
}

.back-collection:hover img{
    transform: translateX(-10px);
}

.box-item{
    position: relative;
    padding: 1.5rem;
    background-color: white;
    border-radius: 15px;
    margin-bottom: .75rem;
}

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

.box-item .cover{
    overflow: hidden;
    border-radius: 15px;
    display: block;
    position: relative;
    aspect-ratio: 1/1;
}

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

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

.box-item-title a{
    font-weight: 500;
    text-decoration: none;
    line-height: 1.3;
}

.box-item .quantity{
    margin: 0 auto;
}

.box-item-price,
.box-item-price-sum{
    font-size: 24px;
}

.box-item-price{
    text-align: center;
}

.box-item-price-remove{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.box-item-remove{
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #084734;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.box-item-remove img{
    transition: .4s;
}

.box-item-remove:hover img{
    transform: rotate(-90deg);
}

.box-item-add-fav{
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 48px;
    border-radius: 48px;
    padding: .5rem 1.5rem;
    column-gap: .5rem;
    border: 0;
}

.box-item-add-fav:hover{
    color: #084734;
}

.box-item-add-fav svg path{
    fill: transparent;
    transition: .4s;
}
.box-item-add-fav:hover svg path{
    fill: #084734;
}

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

.box-checkout{
    position: sticky;
    top: 6rem;
    background-color: white;
    padding: 1.5rem;
    border-radius: 15px;
}

.box-checkout-title{
    font-size: 20px;
    font-weight: 500;
}

.box-checkout-count{
    font-size: 16px;
    margin-top: 1rem;
}

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

.box-checkout-sale{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem;
}

.box-checkout-sale span{
    font-weight: 500;
    font-size: 18px;
}

.form-discount{
    display: grid;
    grid-template-columns: calc(100% - .5rem - 60px) 60px;
    column-gap: .5rem;
}

.form-discount input{
    border: 0;
    padding: .5rem 1rem;
    background-color: rgba(0,0,0,0.1);
    text-transform: uppercase;
    border-radius: 10px;
}

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

.form-discount input:focus-visible{
    outline: none;
}

.form-discount input::placeholder{
    text-transform: uppercase;
}

.form-discount .btn-apply{
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.btn-apply img{
    width: 24px;
}

.box-checkout-sale sale{
    font-size: 18px;
}

.box-checkout-res-name{
    font-size: 20px;
}

.box-checkout-total-price{
    font-size: 32px;
    font-weight: 600;
    margin-top: .5rem;
}

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

.box-checkout-button .btn{
    font-weight: 500;
    height: 60px;
}

#cart-add .row .col a,
#cart-add .row .col button{
    text-wrap: nowrap;
    padding: .5rem 2rem;
    width: 100%;
}

.added-title{
    font-size: 20px;
    font-weight: 500;
}


@media (max-width: 579px){
    .back-collection{
        font-size: 16px;
    }
    .back-collection img{
        width: 20px;
    }

    .cart-list{
        border: 2px solid rgba(8, 71, 52, .15);
        border-radius: 20px;
        overflow: hidden;
    }

    .box-item{
        position: relative;
        padding: 1rem .75rem !important;
    }

    .box-item-title{
        margin: 1.5rem 0;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
    }

    .box-item-title a{
        width: 80%;
    }

    .box-item-title .box-product-fav{
        position: inherit;
    }

    .box-item-add-fav{
        padding: 0;
        background-color: transparent;
        top: 1.5rem;
        right: 4rem;
        width:  24px;
        height: 24px !important;
    }

    .box-item-add-fav img,
    .box-item-add-fav svg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box-item-remove{
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        width:  24px;
        height: 24px;
        padding: .35rem;
    }

    .box-item-remove img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .box-item-price{
        text-align: start;
    }

    .box-item-price-remove{
        justify-content: end;
    }

    .box-item .quantity span.qty-tools{
        font-size: 24px;
    }

    .box-item .box-product-qty .quantity .btn-tools{
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .box-item .box-product-qty .quantity{
        column-gap: .15rem;
    }

    .box-item .box-product-qty .quantity input{
        min-width: 30px;
        height: 30px;
    }

    .carousel-wrapper .box-product-qty{
        flex-direction: column;
        align-items: start;
        row-gap: .5rem;
    }

    .carousel-wrapper .box-product-qty .quantity{
        width: 100%;
        justify-content: space-between;
    }

    .box-checkout{
        padding: 1.25rem 0;
    }

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

    .box-item-price,
    .box-item-price-sum{
        font-size: 18px;
    }
}

/* ONE CLICK
================================
================================*/
.m-modal--checkout{
    top: 0;
    border-radius: 20px;
}

.m-modal--checkout input[type="text"],
.m-modal--checkout input[type="tel"],
.m-modal--checkout input[type="phone"]{
    border-radius: 5px;
    background-color: rgba(8, 71, 52, .05);
    height: 60px;
}
.m-modal--checkout textarea{
    border-radius: 5px;
    background-color: rgba(8, 71, 52, .05);
    border: 1px solid rgba(8, 71, 52, 0.05);
}

.m-modal--checkout .m-modal-wrapper{
    padding: 1.5rem;
}
.m-input--checkbox{
    opacity: 1;
}
.m-input--checkbox .m-input-caption{
    font-size: 12px;
    margin-left: 30px;
}

.m-modal-footer .m-modal-button{
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background-color: #1b4535;
    color: white;
    transition: .4s;
    border: 0;
    font-weight: 600;
}
.m-modal-footer .m-modal-button:hover,
.m-modal-footer .m-modal-button:focus{
    background-color: #d3ebb6;
    color: #1b4535;
    border: 0;
}

.m-input--checkbox input{
    display: none;
}

.m-input--checkbox input + span{
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 2px solid #084734;
    display: block;
    border-radius: 4px;
    top: 4px;
}

.m-input--checkbox input + span::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .4s;
    background-position: center;
    background-repeat: no-repeat;
}

.m-input--checkbox input:checked + span::after{
    width: 16px;
    height: 16px;
    background-color: #084734;
    background-image: url(check-white.svg);
}

/* BLOG / ARTICLE
================================
================================*/
.blog-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.nav-blog{
    column-gap: .5rem;
    row-gap: .5rem;
}

.nav-blog li a{
    height: 50px;
    padding: .5rem 1.5rem;
    font-size: 14px;
    line-height: 1;
    border-radius: 50px;
    background-color: rgba(8, 71, 52, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.nav-blog li a:hover,
.nav-blog li a:focus{
    background-color: rgba(8, 71, 52, .25);
    color: rgba(8, 71, 52, 1);
}

.nav-blog li a.active{
    background-color: #084734;
    color: white;
}

.blog-header .dropdown-toggle .filter-option-inner-inner{
    color: white;
}

.blog-header .dropdown-toggle::after{
    filter: brightness(0) invert(1);
}


.block-title span.ya-share2__icon,
.block-title span.ya-share2__badge,
.block-title span.ya-share2__title{
    font-size: unset !important;
    display: inline-block;
}

.article-button{
    position: relative;
    z-index: 1;
    width: fit-content;
    margin-left: auto;
}

.article-button .ya-share2{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}


/* ARTICLE */
.nav-article{
    column-gap: 2rem;
    row-gap: 1rem;
    justify-content: end;
}

.nav-article li a{
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    color: rgba(8, 71, 52, .6);
}

.article-button{
    margin-top: 1.25rem;
}

.article-button .btn-lightgrey{
    border:0;
    height: 48px;
    column-gap: .75rem;
    padding: .5rem 1.5rem;
    font-size: 14px;
}

.article-content img{
    border-radius: 10px;
    overflow: hidden;
    margin: 1rem 0;
}

.article-content p{
    font-size: 24px;
}

.article-content-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

@media (max-width: 579px){
    .blog-header{
        flex-direction: column;
        row-gap: 2rem;
        align-items: start;
    }
    .blog-header .dropdown{
        width: 100% !important;
    }

    .article-content-bottom .article-button{
        margin-top: 0;
    }

    .article-content-bottom{
        flex-direction: column;
        row-gap: 1.25rem;
        align-items: start;
    }
    .article-content p{
        font-size: 16px;
    }
}

/* SEARCH */
.search-hrader{
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}


.search-hrader input[type="text"]{
    padding: .5rem 1rem .5rem 3rem;
    background-image: url(search.svg);
    background-repeat: no-repeat;
    background-position: 1rem 50%;
    border-radius: 10px;
}

.search-hrader .btn{
    border-radius: 10px;
}

.search-empty{
    margin-top: 2rem;
}

.search-empty-title{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
}

.search-empty-desc{
    font-size: 24px;
    font-weight: 500;
    margin: 1.5rem 0 2rem 0;
}

@media (max-width: 579px){
    .search-empty-title{
        font-size: 32px;
    }
    .search-empty-desc{
        font-size: 18px;
    }
}

/* PAGE
================================
================================*/
.page-title-desc-poster .cover{
    border-radius: 10px;
    overflow: hidden;
}

.page-title-desc-poster .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.template-is-page .block:has(> .page-title-desc-poster),
body.template-is-page .block:has(> .page-title-desc){
    margin-top: 1rem;
}

/*
.template-is-page .block-title{
    margin-bottom: 0;
    margin-top: 0;
}
*/

.template-is-page .block-title h1,
.template-is-article .block-title h1{
    margin-top: 0;
    margin-bottom: 1.25rem;
}

body.template-is-page h1,
body.template-is-page h2,
body.template-is-page h3,
body.template-is-page h4{
    margin: 1.15rem 0;
}

/* MAP */
.block-map{
    position: relative;
    margin-top: 2rem;
}

.block-map iframe{
    width: 100%;
    height: 65vh;
    border-radius: 20px;
    overflow: hidden;
}

.block-map-form-contact{
    position: absolute;
    top: 2rem;
    left: 2rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.block-map-form{
    background-color: #CEEDB2;
    border-radius: 20px;
    padding: 1.5rem;
    width: 490px; 
    max-width: 430px;
}

.block-map-title{
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
}

.block-map-desc{
    font-size: 24px;
    line-height: 1;
    margin: 1rem 0;
}

.map-subscribe input{
    background-color: white;
    height: 60px;
    margin-bottom: .5rem;
    border-radius: 10px;
}

.map-subscribe .btn{
    border-radius: 10px;
}

.block-map-contact{
    background-color: white;
    padding: 1.5rem;
    border-radius: 20px;
    max-width: fit-content;
}

.block-map-contact ul{
    row-gap: .85rem;
}

.block-map-contact ul li,
.block-map-contact ul li a,
.block-map-contact ul li a[role="button"]:hover{
    color: #084734;
}

.block-map-contact ul li img{
    filter: invert(1);
}

@media (max-width: 579px){
    .block-map-form-contact{
        position: relative;
        top: 0;
        left: 0;
        margin-top: 2rem;
    }
    .block-map-form{
        width: 100%;
        max-width: 100%;
    }
}

/* COMPARE 
================================
================================*/
.table.table-compare tr:nth-child(even) .param-title{
    background-color: white;
}

.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-bg-type: rgba(8, 71, 52, .05);
}


.table-compare .product-title{
    font-size: 24px;
}

.table-compare .product-title a.title-link{
    font-weight: 600;
    border-bottom: 0;
    text-decoration: none;
    font-size: 24px;
    line-height: 1.2;
    font-family: unset;
}

.table-compare .param-value a img{
    aspect-ratio: 1/1;
    display: block;
    object-fit: scale-down;
}

.table-compare .button-black{
    padding: .5rem 0;
}

.table-compare .bttn-text{
    font-weight: 600;
}

@media (max-width: 579px){
    .table-compare .product-title a.title-link{
        font-size: 18px;
        font-weight: 500;
    }
    .table-compare .param-value a img{
        aspect-ratio: 3/4;
        width: 100%;
        height: 100%;
    }
    .table.table-compare .param-value{
        font-size: 14px;
    }
}

/* FOOTER 
================================
================================*/
footer{
    background-color: #084734;
    border-top-left-radius:  50px;
    border-top-right-radius: 50px;
    padding: 2rem 0 1rem 0;
    color: #E5E5E5;
}

.form-search{
    position: relative;
}

.form-search input{
    height: 40px;
    width: 100%;
    border-radius: 10px;
    padding: .5rem 3rem;
    background-color: white;
}

.form-search input:focus{
    outline: none;
}

.form-search .btn-search{
    position: absolute;
    top: 0;
    left: 1rem;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.form-search .btn-search img{
    transition: .4s;
}

.form-search .btn-search:hover img{
    transform: scale(1.1);
}

.nav-footer-menu{
    column-gap: 1rem;
    column-count: 3;
    display: inline-block;
}

.nav-footer-menu li a{
    color: #E5E5E5;
    font-size: 15px;
    font-weight: 500;
    padding: .3rem 0;
}

.nav-footer-menu li a:hover,
.nav-footer-menu li a:focus{
    color: #CEEDB2;
}


.nav-contacts{
    flex-direction: column;
    row-gap: .6rem;
}

.nav-contacts li a,
.nav-contacts li{
    padding: 0;
    color: #E5E5E5;
    display: flex;
    column-gap: 1rem;
    align-items: center;
    font-size: 15px;
}

.nav-contacts li a[role="button"]:hover{
    cursor: default;
    color: white;
}

.footer-socials-payment{
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.nav-socials{
    align-items: center;
    justify-content: end;
    column-gap: .75rem;
}

.nav-socials li a{
    width: 46px;
    height: 46px;
    border-radius: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .1);
}

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

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

.footer-link{
    color: rgba(229, 229, 229, .6);
    text-decoration: none;
}

.footer-bottom{
    font-size: 12px;
    color: rgba(229, 229, 229, .6);
    margin-top: 2.5rem;
}

.footer-bottom a.studio{
    color: rgba(229, 229, 229, .6);
    text-decoration: none;
}

.footer-bottom a.studio:hover,
.footer-link:hover,
.footer-link:focus{
    color: #CEEDB2;
}

.totop{
    position: relative;
    display: flex;
    height: 90px;
    margin-top: 3rem;
    justify-content: end;
}
.footer-sideup{
    position: relative;
    top: 0;
    right: 3rem;
    width: 90px;
    height: 90px;
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background-color: #084734;
}

.footer-sideup img{
    transition: .4s;
}
.footer-sideup:hover img{
    transform: translateY(-10px);
}

@media (max-width: 579px){
    footer{
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        position: relative;
        z-index: 3;
    }

    .nav-footer-menu{
        column-count: 2;
    }

    .nav-socials{
        column-gap: .5rem;
    }

    .nav-socials li a{
        width:  36px;
        height: 36px;
        padding: .75rem;
    }

    .footer-socials-payment{
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }

    .footer-socials-payment img.payment{
        width: 195px;
    }

    .footer-bottom{
        margin-top: 2.25rem;
    }
    .footer-bottom .col{
        width: fit-content;
        max-width: fit-content;
    }
    .footer-bottom .col-lg-3{
        margin-top: .45rem;
    }

    .totop{
        height: 50px;
        margin-bottom: -1px;
    }
    .footer-sideup{
        width: 50px;
        height: 50px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        right: 1rem;
    }
    .footer-sideup img{
        width: 20px;
    }
    .form-search .btn-search{
        left: 0;
        right: auto;
    }
}


/* LOST CSS */
.bttn-favorite{
    width: 33px;
    height: 33px;
}
body .alertify-notifier .ajs-message.ajs-success{
    background-color: #CEEDB2;
    color: #084734;
}
.box-item-add-fav.is-added svg path{
    fill: #084734;
}