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

html{
}

.container {
    max-width: 1430px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

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

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

b{
    font-weight: bold;
}


/* BOOTSTRAP CUSTOM
================================
================================*/
.btn{
    height: 56px;
    border-radius: 8px;
    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: 8px;
    }
}

.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: #EF7D00;
    --bs-btn-border-color: #EF7D00;
    --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-brown {
    --bs-btn-color: #fff;
    --bs-btn-bg: #561A35;
    --bs-btn-border-color: #561A35;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #561A35;
    --bs-btn-disabled-border-color: #561A35
}

.btn-outline-brown {
    --bs-btn-color: #561A35;
    --bs-btn-border-color: #561A35;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #561A35;
    --bs-btn-hover-border-color: #561A35;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #561A35;
    --bs-btn-active-border-color: #561A35;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #561A35;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #561A35;
    --bs-gradient: none
}

/* 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 
================================
================================*/

/* BLOCK PROMO
================================
================================*/
.block-promo{
    background-color: #FEEDF3;
    padding-top:    .75rem;
    padding-bottom: .75rem;
}

.promo-text{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;
    font-size: 14px;
    font-weight: 500;
}

/* HEADER 
================================
================================*/
header{
    position: relative;
    padding-top:    1.25rem;
}

.header-wrapper{
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    column-gap: 1rem;
    align-items: center;
}

.header-wrapper .logo{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-consult{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
}

.btn-consult span{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-consult i{
    font-style: normal;
    font-size: 14px;
}

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

.nav-header-tools li a{
    position: relative;
    font-weight: 500;
    padding: 0;
}

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

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

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

.nav-header-tools li:first-child{
    margin-right: .5rem;
    font-size: 18px;
}

.nav-header-tools .count,
.nav-mobile-menu .count{
    position: absolute;
    top:   -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #FF3C90;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.nav-mobile-menu .count{
    right: 0;
}

.header-menu-search{
    /*position: relative;*/
}

.header-menu-search-wrapper{
    display: grid;
    grid-template-columns: calc(100% - 115px - 7rem) 115px;
    align-items: center;
    column-gap: 1rem;
    justify-content: space-between;
    margin-top: 2.5rem;
}

.nav-header-menu{
    column-gap: 1rem;
    justify-content: space-between;
}

.nav-header-menu li a{
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    padding: 1rem 0;
}
.nav-header-menu li a:focus,
.nav-header-menu li a.active{
    color: #561A35;
}

.nav-header-menu li a::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: .75rem;
    width: 0;
    height: 1px;
    background-color: black;
    transition: .4s;
}

.nav-header-menu li:hover a.nav-link::after,
.nav-header-menu li:focus a.nav-link::after,
.nav-header-menu li a.nav-link:focus::after,
.nav-header-menu li a.nav-link.active::after{
    width: 100%;
}

.nav-header-menu li a.nav-submenu::before{
    position: absolute;
    content: '';
    width: 10px;
    height: 6px;
    top: 0;
    bottom: 0;
    right: -1rem;
    margin: auto;
    background-image: url(angle-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: .4s;
}

.nav-header-menu li:hover a.nav-submenu::before{
    transform: rotate(-180deg);
}

.header-submenu{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 3;
    background-color: white;
    padding: 2rem 0;
    box-shadow: 0px 15px 15px 2px rgba(0, 0, 0, .1);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.nav-header-menu li:hover a.nav-submenu + .header-submenu{
    opacity: 1;
    visibility: visible;
}

.submenu-title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

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

.nav-submenu li a{
    padding: 0;
    font-size: 14px;
    text-transform: none;
}

.nav-submenu li a::after{
    display: none;
}

@media (max-width: 820px){
    header{
        padding-bottom: 1rem;
    }

    .header-wrapper{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .header-wrapper .logo{
        text-align: start;
        justify-content: start;
    }
}
@media (max-width: 579px){
    .header-wrapper .logo img{
        width: 100%;
    }
}

/* SUBMENU GRANDLE */
.box-recommendation{
    padding: 2rem 2rem 0 2rem !important;
    background-color: #FEEDF3;
    border-radius: 8px;
    background-image: url(bg-rec-vector.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    overflow: hidden;
}

.box-recommendation-title{
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.box-recommendation-desc{
    font-size: 14px;
    font-weight: 500;
    margin-top: .75rem;
    text-transform: initial;
}

.box-recommendation .cover{
    margin-top: auto;
}

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

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

.nav-recommendation-adv{
    flex-direction: column;
    row-gap: .5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.nav-recommendation-adv li{
    position: relative;
    font-size: 14px;
    color: #222;
    padding-left: 1.5rem;
    text-transform: initial;
}

.nav-recommendation-adv li::before{
    position: absolute;
    content: '';
    width: 13px;
    height: 10px;
    background-image: url(check.svg);
    top: .3rem;
    left: 0;
}

.header-menu-search .btn{
    height: 36px;
    column-gap: .75rem;
}


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

.header-menu-search .btn:hover img{
    filter: contrast(1) brightness(10);
}

/* HEADER SEARCH */
.header-search{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 1400px;
    opacity: 0;
    height: fit-content;
    visibility: hidden;
    transition: .2s;
}

.header-search.show{
    opacity: 1;
    visibility: visible;
}

.header-search input{
    height: 56px;
    width: 100%;
    padding: .5rem 3rem;
    border-radius: 4px;
    border: 1px solid #BBBBBB;
    transition: .4s;
}

.header-search input:focus{
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .5);
    outline: none;
}

.header-search .btn-search{
    position: absolute;
    top: 0;
    left: .25rem;
    bottom: 0;
    margin: auto;
}

.btn-search:focus{
    box-shadow: none;
}

.search-close{
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

.search-close img{
    transition: .4s;
}

.search-close:hover img{
    filter: brightness(0);
}

@media (max-width: 1300px){
    .header-menu-search-wrapper{
        grid-template-columns: calc(100% - 115px - 3rem) 115px;
    }
}

/* MOBILE MENU
================================
================================*/
.mobile-menu{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    height: 80px;
    z-index: 2;
    padding: .5rem 1.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    z-index: 12;
}

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

.nav-mobile-menu li a{
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: .25rem;
    text-decoration: none;
}

.nav-mobile-menu li a img{
    width: 24px;
    height: 24px;
}

.nav-mobile-menu li a img + div{
    position: absolute;
    width: 100%;
    height: 100%;
}

.nav-mobile-menu li a span{
    font-size: 10px;
    font-weight: 500;
}

.nav-mobile-menu li a .is-empty span{
    display: none;
}

@media (max-width: 768px){
    .mobile-menu{
        height: 70px;
    }
}

@media (max-width: 579px){
    .mobile-menu{
        z-index: 13;
    }
}

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

/* MAIN SLIDER */
.main-block-slider{
    position: relative;
    margin-top: 1rem;
}

.main-slider{
    height: 520px;
    background-color: #FEEDF3;
    border-radius: 8px;
    background-image: url(bg-vector-slider.png);
    background-position: right;
    background-repeat: no-repeat;
}

.main-slider .swiper-slide{
    padding: 4rem;
}

.main-slider-tag{
    height: 32px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    background-color: white;
    display: inline-flex;
    align-items: center;
    padding: .5rem 1rem;
    color: #561A35;
}

.main-slider-title{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 1rem;
    color: #561A35;
}

.main-slider-desc{
    margin-top: .5rem;
    font-weight: 500;
}

.main-slider-button{
    margin-top: 2rem;
}

.main-slider-button .btn{
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    padding-left:  2.25rem;
    padding-right: 2.25rem;
}

.main-block-slider .swiper-button-prev,
.main-block-slider .swiper-button-next{
    opacity: 0;
    transition: .4s;
}

.main-block-slider:hover .swiper-button-prev,
.main-block-slider:hover .swiper-button-next{
    opacity: 1;
}

.swiper-button-prev,
.swiper-button-next{
    width: 32px;
    height: 16px;
}

.swiper-button-prev{
    left: 0;
}
.swiper-button-next{
    right: 0;
}

.swiper-button-prev::after,
.swiper-button-next::after{
    position: absolute;
    content: '';
    width: 32px;
    height: 16px;
    background-image: url(arrow-long.svg);
    background-position: center;
    background-repeat: no-repeat;
}

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

.swiper-pagination{
    z-index: 1;
}

.main-block-slider .swiper-pagination{
    justify-content: start;
    display: flex;
    padding: 1.5rem 4rem;
    width: calc(100% - 30px);
    left: 15px;
}

.swiper-pagination-bullet-active{
    background-color: #561A35;
}

@media (max-width: 1300px){
    .swiper-button-prev{
        left: 2rem;
    }
    .swiper-button-next{
        right: 2rem;
    }
}
@media (max-width: 768px){
    .main-block-slider{
        padding-left: 0;
        padding-right: 0;
        margin-bottom: .5rem;
    }

    .main-slider{
        height: 286px;
    }

    .main-slider .swiper-slide{
        padding: 2rem;
    }
    .main-slider-title{
        font-size: 20px;
    }
    .main-slider-desc{
        position: relative;
        font-size: 10px;
        z-index: 1;
    }
    .main-slider-tag{
        font-size: 10px;
        height: 22px;
        padding: .5rem 1rem .25rem 1rem;
    }
    .main-slider-button{
        margin-top: .5rem;
    }
    .main-slider-button .btn{
        font-size: 12px;
        height: 36px;
    }
    .main-slider-title{
        margin-top: .5rem;
    }

    .main-block-slider .swiper-pagination{
        position: relative;
        justify-content: center;
        padding: 1.5rem 0;
    }
}

@media (max-width: 579px){
    .main-slider{
        background-size: 100%;
        background-position: 7rem;
    }
    .main-slider-title{
        font-size: 16px;
    }
    .block-slider-poster{
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
    .main-slider .swiper-slide{
        padding: 1rem;
    }
}

/* MAIN PRODUCS CAROUSEL */
.block-title-tools{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
    margin-bottom: 1.5rem;
}

.block-title{
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    color: #561A35;
}

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

.block-tools .swiper-button-prev,
.block-tools .swiper-button-next{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    z-index: 1;
}

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

.product-news .swiper-slide,
.product-recent .swiper-slide{
    height: auto;
}

.main-block-carousel .swiper{
    padding: 1rem;
    margin: -1rem;
    padding-bottom: calc(1rem + 65px);
    margin-bottom: calc(-1rem - 65px);
}

@media (max-width: 768px){
    .block-title{
        font-size: 28px;
    }
    .main-block-carousel{
        margin-top: 1rem;
    }
}
@media (max-width: 579px){
    .block-title{
        font-size: 24px;
    }
}

/* BOX PRODUCT */
.box-product{
    position: relative;
    padding: 1rem 1rem;
    background-color: white;
    transition: .4s;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.box-product:hover{
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .1);
}

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

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

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

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

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

.box-product-fav:has(> .bttn-favorite.is-added){
    opacity: 1;
    visibility: visible;
}

.box-product .cover .labels{
    position: absolute;
    left: 0;
    bottom: 0;
}

.labels label{
    height: 24px;
    padding: .15rem 1rem .1rem 1rem;
    background-color: #efefef;
    border-radius: 12px;
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.labels label.new{
    background-color: #2C72DB;
    color: white;
}

.labels label.pre{
    background-color: white;
    color: #FF3C90;
    border: 1px solid #FF3C90;
}

.labels label.sale{
    background-color: #FF3C90;
    color: white;
}

@media (max-width: 920px){
    .labels label{
        font-size: 10px;
        padding: .15rem .5rem;
    }
}

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

.box-product-info{
    position: relative;
    background-color: rgba(255, 255, 255, .75);
    z-index: 2;
    margin-top: 1rem;
}

.box-product-sku{
    font-size: 11px;
    color: #222222;
}

.box-product-title{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.4em * 3);
    max-height: calc(1.4em * 3);
    text-decoration: none;
}

.box-product-info .option-label{
    display: none;
}

.box-product-info .option-selector{
    margin: 0;
}

.box-product-prices{
    margin-top: 1rem;
    display: flex;
    align-items: center;
    column-gap: .75rem;
    min-height: 28px;
    text-wrap: nowrap;
}

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

.box-product-prices del{
    font-size: 13px;
    color: #222222;
}

.box-product-prices b{
    font-weight: 500;
    height: 28px;
    border-radius: 13px;
    background-color: #FF3C90;
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    font-size: 14px;
    padding: .5rem .5rem;
    line-height: 1;
}

.box-product-variants{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    row-gap: .5rem;
    margin-top: .5rem;
}

.box-product-variants label span{
    height: 24px;
    background-color: #F8F8F8;
    border: 1px solid #F8F8F8;
    color: black;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: .25rem .6rem;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    transition: .4s;
    cursor: pointer;
}

.box-product-variants label input{
    display: none;
}

.box-product-variants label input:checked + span{
    background-color: #FEEDF3;
    border-color: #561A35;
}

.box-product-variants label:hover span{
    border-color: #561A35;
}

.box-product-wrapper-variant{
    min-height: 24px;
}

.box-product .empty-variant{
    min-height: calc(24px + .5rem);
}

.box-product-footer{
    position: absolute;
    margin-top: 1rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 1rem 1.25rem;
    box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, .1);
    z-index: 1;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    margin-top: auto;
    margin-bottom: 0;
    padding-top: .25rem;
    width: 100%;
}

.box-product-footer::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
}

.box-product:hover .box-product-footer{
    bottom: calc(-1rem - 40px);
    opacity: 1;
    visibility: visible;
}

.box-product-footer .btn{
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
    position: relative;
}

@media (min-width: 1024px) and (max-width: 1400px){
    .box-product{
        box-shadow: none;
        padding: 0;
    }
}

@media (max-width: 1400px){
    .box-product-prices{
        flex-wrap: wrap;
        min-height: 52px;
    }
    .box-product-prices span{
        width: 100%;
    }
}

@media (max-width: 1400px){
    .box-product-footer{
        position: relative;
        padding: 0;
        opacity: 1;
        visibility: visible;
        margin-top: auto;
        padding-top: .5rem;
    }
    .box-product:hover .box-product-footer{
        bottom: 0;
    }
}

@media (max-width: 768px){
    .box-product{
        padding: 0;
    }
    .box-product-footer .btn{
        height: 36px;
        font-size: 12px;
    }
    .box-product-title{
        font-size: 12px;
    }
    .box-product-variants label span{
        font-size: 12px;
    }

    .box-product-prices{
        column-gap: .25rem;
        margin-bottom: .5rem;
        justify-content: space-between;
    }

    .box-product-prices span{
        font-size: 16px;
    }
    .box-product-prices del{
        font-size: 13px;
    }
    .box-product-prices b{
        font-size: 13px;
        padding: .25rem .25rem;
        height: 22px;
    }
    .box-product:hover{
        box-shadow: none;
    }
}
@media (max-width: 579px){
    .box-product-variants label span{
        padding: .25rem .3rem;
    }

    .box-product-prices{
        height: auto;
        min-height: auto;
    }

    .box-product .box-product-fav{
        opacity: 1;
        right: .5rem;
        visibility: visible;
    }
}

/* BLOCK ABOUT */
.main-block-about-wrapper{
    background-color: #FEEDF3;
    border-radius: 8px;
    background-image: url(bg-about-vector.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.main-block-about-wrapper .cover{
    margin-top: 2rem;
}

.block-about-name{
    font-size: 24px;
    font-weight: 600;
}

.block-about-title{
    font-size: 18px;
    font-weight: 500;
    margin-top: .5rem;
}

.block-about-desc{
    font-size: 15px;
    margin-top: 1rem;
}

.block-about-desc a{
    text-decoration: none;
}

.block-about-button{
    margin-top: 2rem;
}

.block-about-button .btn{
    padding: .5rem 2.5rem;
    font-size: 18px;
}

@media (max-width: 768px){
    .main-block-about-wrapper .col-4{
        margin-top: auto;
    }
    .main-block-about-wrapper .cover img{
        width: 100%;
    }
    .about-content{
        padding: 2rem 0;
    }
}

@media (max-width: 579px){
    .main-block-about{
        background-color: #FEEDF3;
        overflow: hidden;
    }

    .main-block-about .container{
        padding-left: 0;
        padding-right: 0;
    }

    .block-about-button .btn{
        padding: .5rem .5rem;
        width: 100%;
    }
    .about-content{
        padding: 1rem 1rem;
    }
    .main-block-about-wrapper .cover img{
        width: 80%;
    }
}

/* CAROUSEL BRANDS */
.main-brands-wrapper{
    background-color: #FEEDF3;
    border-radius: 8px;
    padding: 1.25rem;
}

.main-brands .swiper-slide{
    height: auto;
}

.main-brands .swiper-slide .cover{
    background-color: white;
    border-radius: 8px;
    padding: 1.5rem 3rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.main-brands .swiper-slide .cover img{
    transition: .4s;
}

.main-brands .swiper-slide .cover:hover img{
    transform: scale(1.1);
}

.main-brands .swiper-slide .brand-more{
    border: 1px solid #561A35;
    border-radius: 8px;
    display: block;
    height: 100%;
    color: #561A35;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    transition: .4s;
}

.main-brands .swiper-slide .brand-more:hover,
.main-brands .swiper-slide .brand-more:focus{
    background-color: #561A35;
    color: white;
}

@media (max-width: 1500px){
    .main-brands-button .btn{
        font-size: 14px;
        font-weight: 500;
        height: 40px;
    }
}

@media (max-width: 768px){
    .main-brands .swiper-slide .cover{
        padding: .75rem 1rem;
    }
    .main-brands .swiper-slide .brand-more{
        font-size: 14px;
    }
}

@media (max-width: 579px){
    .main-block-brands{
        overflow: hidden;
    }

    .main-brands-carousel{
        padding-left: 0;
        padding-right: 0;
    }

    .main-brands-carousel .swiper{
        overflow: visible;
    }

    .main-brands-button{
        margin-top: 1rem;
    }
}

/* BLOG - PRESSA 
================================
================================*/
.main-block-blog,
.main-block-pressa{
    overflow: hidden;
}

.main-block-blog .swiper,
.main-block-pressa .swiper{
    overflow: visible;
}

.box-blog .cover{
    position: relative;
    aspect-ratio: 4/3;
    border-radius: 8px;
    overflow: hidden;
}

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

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

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

.box-blog .pressa-logo{
    position: absolute;
    left:   .5rem;
    bottom: .5rem;
    width: 86px;
    height: 48px;
    background-color: white;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem;
}

.box-blog .pressa-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* BLOG PROMO
================================
================================*/
.block-promo-list .box-promo{
    margin-bottom: 2rem;
}

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

.box-promo{
    position: relative;
    height: 520px;
    background-color: #FEEDF3;
    border-radius: 8px;
    background-image: url(bg-vector-slider.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 4rem;
}

.blog-promo-button{
    margin-top: 2rem;
}

.template-is-article .box-promo-promo{
    margin-bottom: 2rem;
}

@media (max-width: 579px){
    .box-promo{
        height: auto;
        padding: 1rem;
        background-image: url(bg-promo-m.png);
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .blog-promo-poster{
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .blog-promo-button{
        margin-top: 1rem;
    }

    .blog-promo-button .btn{
        font-size: 14px;
        height: 40px;
    }

    .template-is-article .box-promo-promo{
        margin-bottom: 1rem;
    }

    .template-is-article .main-slider-title{
        padding-bottom: 5rem;
    }
}

/* REVIEW 
================================
================================*/
.carousel-reviews{
    height: auto;
}

.carousel-reviews .swiper-slide .box-review{
    height: 100%;
}

.box-review{
    background-color: #FEEDF3;
    border-radius: 8px;
    padding: 1.5rem;
}

.box-review-content{
    position: relative;
    padding: 2rem;
    background-color: white;
    border-radius: 8px;
    margin-bottom: 3rem;
}

.box-review-content-text{
    font-size: 15px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.5em * 8);
    max-height: calc(1.5em * 8);
}

.box-review-content::after{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    left: 2rem;
    bottom: -2rem;
    border: 16px solid transparent; 
    border-left: 16px solid white; 
    border-top: 16px solid white;
}


.box-review-author{
    display: grid;
    grid-template-columns: 48px auto;
    column-gap: 1rem;
    margin-top: 1rem;
}

.box-review-avatar{
    width: 48px;
    height: 48px;
    border-radius: 48px;
    overflow: hidden;
}

.box-review-name-title{
    font-weight: 600;
    font-size: 15px;
}

.box-review-name-source{
    font-size: 13px;
}

@media (max-width: 579px){
    .box-review{
        padding: 1rem;
    }
    .box-review-content{
        padding: 1rem;
    }
    .box-review-content-text{
        -webkit-line-clamp: 12;
        min-height: calc(1.5em * 12);
        max-height: calc(1.5em * 12);
    }
}

/* BLOCK PRESSA */
.main-block-pressa-more{
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.main-block-pressa-more .btn{
    height: 40px;
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 579px){
    .main-block-pressa-more .btn{
        height: 48px;
        font-weight: 500;
    }
}

/* COLLECTION 
================================
================================*/
/* BREADCRUMBS */
.nav-breadcrumbs{
    column-gap: .75rem;
    row-gap: .25rem;
    margin: 1rem 0;
}

.nav-breadcrumbs li .nav-link{
    position: relative;
    padding: 0;
    font-size: 12px;
    color: #777777;
    text-transform: capitalize;
}

.nav-breadcrumbs li a.nav-link:hover{
    color: #561A35;
}

.nav-breadcrumbs li + li .nav-link{
    padding-left: 1rem;
}
.nav-breadcrumbs li + li .nav-link::before{
    position: absolute;
    content: '/';
    top: 3px;
    left: 0;
    bottom: auto;
    line-height: 1;
    display: flex;
    align-items: center;
}

@media (max-width: 768px){
    .nav-breadcrumbs{
        margin-top: 2rem;
    }
}

/* COLLECTION HEADER */
.collection-title{
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin: 2rem 0 1.5rem 0;
}

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



.nav-collection li a{
    padding: .35rem 1rem;
    background-color: #F2F2F2;
    border-radius: 16px;
    font-size: 14px;
    text-transform: lowercase;
}

.nav-collection li a:hover,
.nav-collection li a:focus{
    background-color: #FEEDF3;
}

@media (max-width: 768px){
    .nav-collection{
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: .75rem;
        margin-bottom: -.75rem;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
    }
    .nav-collection li a{
        text-wrap: nowrap;
    }
    .nav-collection::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .nav-collection::-webkit-scrollbar:horizontal {
        height: 0;
    }
}

/* COLLECTION BODY */
.collection-body{
    display: grid;
    grid-template-columns: 240px auto;
    column-gap: 1rem;
}

@media (max-width: 768px){
    .collection-body{
        display: block;
    }
}

/* COLLECTION FILTER */
.collection-filter{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: .5rem;
    margin-bottom: 1rem;
}

.box-filter{
    position: relative;
}

.box-filter-title{
    position: relative;
    font-size: 15px;
    border-radius: 4px;
    text-decoration: none;
}

.box-filter-title::before{
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .15);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    transition: .4s;
}

.box-filter-title[aria-expanded="true"]::before{
    opacity: 1;
    visibility: visible;
}

.box-filter-title .count{
    font-size: 13px;
}

.box-filter-title img{
    transition: .4s;
}

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

.box-filter-title[aria-expanded="true"]{
    border-color: #561A35;
}

.box-filter-title-name{
    position: relative;
    border: 1px solid #DDDDDD;
    padding: .5rem 1.5rem;
    background-color: white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    column-gap: .5rem;
    transition: .4s;
}

.box-filter-title-name .value{
    font-size: 13px;
    color: #895A6E;
}

.box-filter-title[aria-expanded="true"] .box-filter-title-name{
    z-index: 999;
    border-color: #561A35;
}

.box-filter-title:has( + .box-filter-content label input:checked ) .box-filter-title-name,
.box-filter-title.active .box-filter-title-name{
    border-color: #561A35;
    background-color: #FEEDF3;
}

.box-filter-content{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: .5rem;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .1);
    border-radius: 8px;
    z-index: 3;
    min-width: 200px; /* минимальная ширина */
    max-width: 300px; /* максимальная ширина */
}


/* Классы для позиционирования */
.box-filter-content.left {
    left: 0;
    right: auto;
}

.box-filter-content.right {
    left: auto;
    right: 0;
}

.box-filter-content.center {
    left: 50%;
    transform: translateX(-50%);
}

.box-filter-items{
    padding: 1.5rem;
    background-color: white;
    border-radius: 8px;
    min-width: 280px;
}

.box-filter-items-list{
    display: flex;
    flex-direction: column;
    row-gap: .65rem;
    max-height: 468px;
    overflow: auto;
    padding-right: .75rem;
}

.box-filter-items-list::-webkit-scrollbar {
    width: 4px;
    border-radius: 8px;
}

.box-filter-items-list::-webkit-scrollbar:horizontal {
    height: 8px;
}

.box-filter-items-list::-webkit-scrollbar-track {
    background: #DEC1CE;
    border-radius: 10px;
    width: 2px;
}

.box-filter-items-list::-webkit-scrollbar-thumb {
    background: #561A35;
    border-radius: 10px;
}

.box-filter-items-list::-webkit-scrollbar-thumb:hover {
    background: #561A35;
}

.box-filter-items-list::-webkit-scrollbar-thumb:active {
    background: #787878;
}

.box-filter-items-list::-webkit-scrollbar-corner {
    background: red;
}

.box-filter-items label{
    display: flex;
    /*align-items: center;*/
    column-gap: .5rem;
    cursor: pointer;
}

.nav-filter{
    flex-direction: column;
    row-gap: .65rem;
}

/* radio */
.box-filter-items label span.radio{
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 16px;
    transition: .4s;
}

.box-filter-items label input{
    display: none;
}

.box-filter-items label input:checked + span.radio,
.box-filter-items label input[checked="checked"] + span.radio{
    border-color: #561A35;
    box-shadow: inset 0 0 0px 4px #561A35;
}

/* checkbox */
.box-filter-items label span.checkbox{
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 2px;
    transition: .4s;
}
.box-filter-items label input[checked="checked"] + span.checkbox,
.box-filter-items label input:checked + span.checkbox{
    border-color: #561A35;
    background-color: #561A35;
    background-image: url(check_white.svg);
}

.box-filter-items .btn{
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    margin-top: .75rem;
}

/* price */
.box-filter-items-price input{
    width: 100%;
    height: 40px;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    padding: .5rem 1rem;
    text-align: center;
    font-size: 15px;
    transition: .4s;
}

.box-filter-items-price input:focus{
    outline: none;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .5);
}

.box-filter-items label span.text{
    font-size: 14px;
    text-transform: capitalize;
}

.filter-clear{
    text-decoration: none;
    font-size: 12px;
    color: #777777;
}

/* pagination */
.collection-more-pagination{
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.collection-more-pagination .btn{
    margin: 0 auto;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
}

.nav-pagination{
    justify-content: center;
    column-gap: 1rem;
}

.nav-pagination li .nav-link{
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: black;
    transition: .4s;
}

.nav-pagination li a:hover{
    background-color: #F8F8F8;
}

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

.nav-pagination li a.arrows{
    width: fit-content;
    padding: .5rem .75rem;
    display: flex;
    column-gap: .5rem;
    transition: .4s;
}

.nav-pagination li a.arrows:hover{
    background-color: #F8F8F8;
}

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

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

@media (max-width: 579px){
    .collection-more-pagination{
        margin-top: 2rem;
    }
    .nav-pagination{
        column-gap: .25rem;
        justify-content: center;
    }
    .nav-pagination li a.arrows span{
        display: none;
    }
}

/* sidebar */
.nav-sidebar{
    flex-direction: column;
    row-gap: 1rem;
}

.nav-sidebar li a{
    padding: .25rem .75rem;
    font-size: 14px;
    border-radius: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}

.nav-sidebar li a[data-bs-toggle="collapse"]{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-sidebar li a[data-bs-toggle="collapse"] img{
    transition: .4s;
}

.nav-sidebar li a[data-bs-toggle="collapse"][aria-expanded="true"] img{
    transform: rotate(45deg);
}

.nav-sidebar li a.active,
.nav-sidebar li a[aria-expanded="true"]{
    background-color: #FEEDF3;
}

.nav-sidebar li a:hover,
.nav-sidebar li a:focus{
    background-color: #F8F8F8;
    color: black;
}

.box-sidebar{
    padding: 1rem 2rem;
}

.nav-sidebar-menu{
    flex-direction: column;
    row-gap: .5rem;
}
.nav-sidebar-menu li a{
    font-size: 14px;
    text-transform: unset;
}


/* COLLECTION BUTTONS  */
.template-is-collection .main-block,
.template-is-blog .main-block,
.template-is-blog_promo .main-block,
.template-is-article .main-block,
.template-is-search .main-block,
.template-is-page .main-block,
.template-is-product_bundle .main-block,
.template-is-checkout2 .main-block{
    margin-top: 2rem;
}

.collection-category-filter{
    margin-bottom: 2rem;
}

.collection-category-filter .btn{
    border-color: #ddd;
    color: #000;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500;
    padding: .5rem 1rem;
}

.collection-category-filter .btn.active-filter{
    background-color: #FEEDF3;
    border-color: #561A35;
}

.collection-category-filter .btn:hover,
.collection-category-filter .btn:focus,
.collection-category-filter .btn:active,
.collection-category-filter .btn:focus-visible{
    background-color: #ccc;
    outline: none;
    border-color: transparent;
    color: black;
}

/* FILTER - MOBILE */
.dynamic-side-body-filters{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.dynamic-side-body .box-filter{
    background-color: white;
    padding: 1rem;
    border-radius: 8px;
}

.dynamic-side-body .box-filter .box-filter-title{
    padding: 0;
    border: 0;
    font-size: 16px;
    font-weight: 600;
}

.dynamic-side-body .box-filter .box-filter-items{
    padding: 0;
    margin-top: .75rem;
}

.dynamic-side-body .box-filter .box-filter-items .nav-filter{
    flex-direction: row;
    column-gap: .5rem;
    row-gap: .5rem;
    flex-wrap: wrap;
}

.box-filter-items-list-checkbox{
    display: flex;
    flex-direction: row;
    column-gap: .5rem;
    row-gap: .5rem;
    flex-wrap: wrap;
}

.box-filter-items-list-checkbox label span.text{
    padding: .25rem .75rem;
    border-radius: 16px;
    background-color: #F2F2F2;
    color: black;
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: .25rem;
    transition: .4s;
}

.box-filter-items-list-checkbox label input:checked + span.text{
    background-color: #FEEDF3;
}

.box-filter-items-list-checkbox label span.text img{
    display: none;
    transform: translateY(1px);
}

.box-filter-items-list-checkbox label input:checked + span.text img{
    display: block;
}

/* SIDEBAT MOBILE */
.dynamic-side-body-collections .nav-sidebar{
    row-gap: 1rem;
}

.dynamic-side-body-collections .nav-sidebar li a{
    height: 52px;
    background-color: white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    /*padding-left: 2.5rem;*/
}

.dynamic-side-body-collections .nav-sidebar li a.active{
    background-image: url(check.svg);
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.box-sidebar-wrapper{
    background-color: white;
}

.box-sidebar-wrapper .box-sidebar{
    padding: 1rem 0;
}

.box-sidebar-wrapper .box-sidebar .nav-sidebar-menu li a{
    height: auto;
    padding-left: 2.5rem;
}

.box-sidebar-wrapper .box-sidebar .nav-sidebar-menu li a.active{
    background-image: url(check.svg);
    background-repeat: no-repeat;
    background-position: 1rem center;
}

.dynamic-side-body-filters .box-filter-items-list.box-filter-items-price input{
    height: 48px;
}

/* PRODUCT
================================
================================*/
@media (min-width: 580px) and (max-width: 920px){
    .template-is-product header{
        box-shadow: 0 0 8px 3px rgba(0, 0, 0, .1);
    }
}

@media (max-width: 579px){
    .template-is-product .nav-breadcrumbs{
        display: none;
    }
    .template-is-product .main-block{
        margin-top: 1.5rem;
    }
}

.product-info{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    row-gap: 1.5rem;
}

.product-title{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.product-variants{
    width: 100%;
    display: block;
}

.product-info .option-selector{
    margin-top: 0;
}

.product-variants-title{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: .5rem;
}

.product-variants .option-values{
    max-width: 45%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1rem;
    row-gap: 1rem;
    margin-top: 0;
}

.product-variants .box-product-variants label span{
    height: 40px;
    padding: .5rem .5rem;
    border-color: #CCCCCC;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    justify-content: center;
}

.product-variants .btn.is-active,
.product-variants .btn.is-active:hover{
    background-color: #FEEDF3;
    border-color: #561A35;
    color: #561A35;
    cursor: default;
}

.product-variants .btn.is-active:focus{
    box-shadow: none;
}

.product-prices{
    display: flex;
    align-items: center;
    column-gap: 2rem;
    line-height: 1;
}

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

.product-prices del{
    font-size: 22px;
    color: #777;
}

.product-prices b{
    background-color: #FF3C90;
    font-size: 14px;
    font-weight: 600;
    border-radius: 18px;
    padding: .5rem .5rem;
    color: white;
}

.product-buttons{
    display: grid;
    grid-template-columns: 3fr 56px 2fr;
    align-items: center;
    column-gap: 1.5rem;
    width: 100%;
}

.product-buttons .btn{
    font-size: 18px;
    font-weight: 500;
}

.product-fav{
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    will-change: transform;
}

.product-fav button{
    will-change: transform;
}

.product-split{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    height: 44px;
    padding: .5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    justify-content: space-between;
}

.product-bundle{
    background-color: #FEEDF3;
    padding: 1.25rem;
    border-radius: 8px;
    width: 100%;
    display: grid;
    grid-template-columns: 40px auto;
    align-items: center;
    column-gap: 2rem;
}

.product-bundle-title{
    font-size: 15px;
    font-weight: 600;
}

.product-bundle-title b{
    color: #561A35;
    color: #FF3C90;
}

.nav-product-bundle{
    flex-direction: column;
    row-gap: .5rem;
    margin-top: .5rem;
}

.nav-product-bundle li a{
    position: relative;
    padding: 0;
    line-height: 1;
    font-size: 13px;
    text-decoration: underline;
    padding-left: .75rem;
}

.nav-product-bundle li a::before{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border-radius: 4px;
    background-color: black;
}

/* Char */
ol.product-property {
    padding-inline-start: 0px;
    margin-bottom: 0;
    font-size: 15px;
}

ol.product-property li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin: .55rem 0;
}

ol.product-property li:last-child {
    margin-bottom: 0;
}

li .dots:nth-child(2) {
    flex: 1 0;
    border-bottom: 1px dotted rgba(196, 196, 196, 0.5);
    height: 1em;
    margin: 0 .4em;
}

ol.product-property li span:first-child {
    color: #777777;
    font-size: 15px;
}

ol.product-property li span {
    color: black;
}

.content-desc-text{
    font-size: 15px;
    line-height: 1.3;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    position: relative;
}

/* По умолчанию показываем 5 строк */
.content-desc-text.collapsed {
    max-height: 7.5em; /* Примерно 5 строк (1.5em × 5) */
}

/* Для многострочного обрезания текста */
.content-desc-text.collapsed::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 4rem;
    background: linear-gradient(transparent, white);
    pointer-events: none;
}

a.content-desc-more{
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    color: #694052;
}

.product-quest{
    display: flex;
    column-gap: 3rem;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: #F8F8F8;
    border-radius: 8px;
}

.product-quest-text-title{
    font-size: 15px;
    font-weight: 600;
}

.product-quest-text-desc{
    font-size: 13px;
}

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

.nav-quest li a{
    padding: 0;
    width:  40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #561A35;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.nav-quest li a img{
    will-change: transform;
    transition: .4s;
}

.nav-quest li:hover a img{
    transform: scale(1.2);
}

/* PRODUCTS GALLERY + THUMBS */
.product-gallery-thumbs{
    position: sticky;
    top: 0;
}

.product-gallery.swiper-last-slide + .swiper-pagination{
    opacity: 0;
    visibility: hidden;
}

.swiper-slide-video{
  position: relative;
}

.swiper-slide-video::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M10.804 8 5 4.633v6.734zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}

/* gallery */
.product-gallery-wrapper{
    position: relative;
    aspect-ratio: 1/1;
    display: block;
}

@media (min-width: 580px) and (max-width: 920px){
    .product-gallery-wrapper{
        aspect-ratio: 1.25/1;
    }
}

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

.product-gallery .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-gallery-wrapper .labels{
    position: absolute;
    top:  1rem;
    left: 1rem;
    z-index: 2;
}

/* thumbs */
.product-thumbs-wrapper{
    height: 88px;
    width: 100%;
    margin-top: 1rem;
}

.product-thumbs{
    height: 88px;
}

.product-thumbs .swiper-slide{
    position: relative;
    background-color: white;
    transition: .4s;
    padding: .25rem;
}

.product-thumbs .swiper-slide::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: .4s;
    z-index: 1;
}

.product-thumbs .swiper-slide:not(.swiper-slide-thumb-active){
    cursor: pointer;
}

.product-thumbs .swiper-slide.swiper-slide-thumb-active::before{
    box-shadow: inset 0 0 0 2px black;
}

.product-thumbs .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-gallery .swiper-button-prev{
    left: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}
.product-gallery .swiper-button-next{
    right: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}

.product-gallery:hover .swiper-button-prev,
.product-gallery:hover .swiper-button-next{
    visibility: visible;
    opacity: 1;
}

@media (min-width: 580px) and (max-width: 1300px){
    .product-buttons{
        grid-template-columns: 1fr 56px auto;
        row-gap: 1rem;
        max-width: 100%;
    }

    .product-buttons .product-split{
        width: fit-content;
    }
}

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

    .product-variants .option-values{
        width: 100%;
        max-width: 100%;
        grid-template-columns: repeat(4, 1fr);
    }
    .product-variants .btn{
        font-size: 14px;
    }

    .product-prices{
        column-gap: 1.25rem;
        justify-content: space-between;
    }

    .product-prices span{
        font-size: 26px;
    }
    .product-prices del{
        font-size: 18px;
    }
    .product-prices b{
        padding: .35rem .5rem;
    }

    .product-buttons{
        /*grid-template-columns: 3fr 56px;*/
        grid-template-columns: 1fr;
        column-gap: 1rem;
        row-gap: 1rem;
    }

    .product-thumbs-wrapper{
        margin-top: .5rem;
    }

    .product-buttons .product-split{
        justify-content: center;
    }

    .product-bundle{
        padding: 1rem;
        column-gap: 1rem;
    }

    .product-quest{
        flex-direction: column;
        row-gap: 1rem;
        width: 100%;
        align-items: start;
    }

    .product-gallery-wrapper .swiper-pagination{
        position: relative;
        margin-top: 1rem;
    }

    .product-gallery-wrapper .labels{
        position: absolute;
        top:  45px;
        left: 0;
    }
}

@media (max-width: 579px){
    .product-menu{
        position: fixed;
        bottom: 70px;
        left: 0;
        width: 100%;
        background-color: white;
        height: 80px;
        z-index: 2;
        display: flex;
        align-items: center;
        padding: .5rem 1.5rem;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        opacity: 0;
        visibility: hidden;
        transition: .4s;
    }

    .product-menu.active{
        opacity: 1;
        visibility: visible;
    }

    .product-menu-button .btn{
        font-size: 14px;
    }

    body.template-is-product footer{
        margin-bottom: 100px;
    }

    .product-header-tools{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        column-gap: 1.5rem;
        z-index: 2;
    }

    .product-header-tools-heart{
        margin-left: auto;
    }

    .product-header-tools-share img{
        width: 24px;
        height: 24px;
        object-fit: scale-down;
    }

    @media (max-width: 920px){
        .ya-share2__popup.ya-share2__popup_mobile.ya-share2__popup_visible .ya-share2__popup-content{
            bottom: 70px;
        }
    }
}

/* BLOCK SUBSCRIBE */
.main-block-subscribe-wrapper{
    border-radius: 8px;
    background-color: #FEEDF3;
    padding: 4rem;
    background-image: url(bg-subscribe-vector.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.block-subscribe-title{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    color: #561A35;
}

.form-subscribe input{
    height: 48px;
    border: 1px solid #ccc;
    width: 100%;
    padding: .5rem 1rem;
    border-radius: 4px;
    transition: .4s;
}

.form-subscribe input::placeholder,
.form-subscribe textarea::placeholder{
    font-size: 15px;
    transform: translateY(-2px);
    transition: .4s;
}

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

.form-subscribe input:focus::placeholder{
    opacity: .1;
}

.form-subscribe textarea{
    border: 1px solid #ccc;
    width: 100%;
    padding: .5rem 1rem;
    border-radius: 4px;
    transition: .4s;
}

.form-subscribe .btn{
    height: 48px;
    font-size: 18px;
    font-weight: 500;
}

.form-subscribe-accept{
    display: flex;
    align-items: start;
    column-gap: .75rem;
}

.form-subscribe-accept .text{
    font-size: 13px;
    line-height: 1.3;
}

.form-subscribe-accept span.checkbox{
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    transform: translateY(2px);
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    transition: .4s;
}

.form-subscribe-accept input{
    display: none;
}

.form-subscribe-accept input:checked + span.checkbox{
    background-image: url(check.svg);
}

@media (nav-index: 768px){
    .main-block-subscribe-wrapper{
        padding: 3rem;
    }
}
@media (max-width: 579px){
    .main-block-subscribe-wrapper{
        padding: 2rem 20px;
    }

    .block-subscribe-title{
        font-size: 22px;
    }
}

/* CART
================================
================================*/
.block-cart{
    background-color: #F8F8F8;
    padding: 2rem 0;
    margin-top: .5rem;
}

.block-cart .row.gx-25{
    --bs-gutter-x: 2.05rem;
}

.block-cart .block-title{
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 2rem;
    color: black;
}

.box-cart{
    background-color: white;
    border-radius: 8px;
}

/* box cart header */
.box-cart-header{
    border-bottom: 1px solid #eee;
    padding: .75rem 1.5rem;
}

.box-cart-clear{
    font-size: 14px;
    color: #777777;
    text-decoration: none;
}

label.box-cart-all-items{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

label.box-cart-all-items span.checkbox {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: .4s;
}

label.box-cart-all-items input{
    display: none;
}

label.box-cart-all-items input:checked + span.checkbox{
    border-color: #561A35;
    background-color: #561A35;
    background-image: url(check_white.svg);
}

label.box-cart-all-items .text{
    font-size: 14px;
    text-wrap: nowrap;
    transform: translateY(1px);
    cursor: pointer;
}

/* box cart header - end */

.box-cart-list{
    padding: 1.5rem;
}

.box-item{
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

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

.box-item .cover{
    position: relative;
    display: block;
    overflow: hidden;
}

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

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

.box-item-checkbox{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

label.box-item-checkbox span.checkbox {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: white;
    transition: .4s;
}

label.box-item-checkbox input{
    display: none;
}

label.box-item-checkbox input:checked + span.checkbox{
    border-color: #561A35;
    background-color: #561A35;
    background-image: url(check_white.svg);
}

.box-item-title{
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

/* quantity */
.quantity{
    background-color: #F2F2F2;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 150px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}

.quantity .btn-qty{
    border: 0;
    border-radius: 8px;
    background-color: transparent;
}

.quantity .btn-qty:focus{
    box-shadow: none;
}

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

.quantity .btn-qty:hover img{
    transform: scale(1.1);
}

.quantity input{
    width: 100%;
    text-align: center;
}

.quantity input{
    border: 0;
    background-color: transparent;
}

.quantity input:focus{
    box-shadow: none;
    outline: none;
}
/* quantity end */

.box-item-prices{
    padding-right: 1.75rem;
    display: flex;
    flex-direction: column;
    row-gap: .35rem;
    justify-content: start;
    text-align: end;
    align-items: end;
    line-height: 1.2;
    margin-top: .25rem;
}

.box-item-prices-values{
    display: flex;
    flex-direction: column;
    row-gap: .2rem;
}

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

.box-item-prices del{
    font-size: 14px;
    color: #777777;
}

.box-item-prices b{
    background-color: #FF3C90;
    font-size: 14px;
    font-weight: 600;
    border-radius: 18px;
    padding: .25rem .5rem;
    color: white;
    width: fit-content;
    margin-top: .15rem;
}

.box-item-remove{
    position: absolute;
    top: 2px;
    right: 0;
}

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

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

@media (max-width: 1024px){
    .quantity{
        width: 136px;
    }
}

@media (max-width: 579px){
    .box-cart-header{
        padding: .75rem 1rem;
    }

    .box-cart-list{
        padding: 1rem;
    }

    .box-item{
        padding-top: 2rem;
    }

    .box-item-checkbox{
        top: 4px;
    }

    .box-item-title{
        font-size: 13px;
        line-height: 1.2;
    }
    .box-item-prices{
        padding-right: 0;
        row-gap: .15rem;
        margin-top: 0;
    }
    .box-item-prices{
        flex-direction: row;
        justify-content: end;
        column-gap: 1rem;
        align-items: center;
    }
}

/* CART CHECKOUT */
.cart-checkout{
    position: sticky;
    top: 10rem;
    height: 100%;
}

.box-checkout{
    background-color: white;
    padding: 1.25rem;
    border-radius: 8px;
}

.box-checkout-auth{
    display: flex;
    align-items: center;
    column-gap: .75rem;
    padding: 1rem;
    background-color: #FEEDF3;
    border-radius: 8px;
    background-image: url(bg-vector-cart-auth.svg);
    background-position: right center;
    background-repeat: no-repeat;
}

a.box-checkout-link{
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline;
}

.box-checkout-auth-text{
    font-size: 13px;
    font-weight: 500;
}

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

.box-checkout-discount input{
    height: 48px;
    border: 1px solid #eee;
    border-radius: 8px;
    width: 100%;
    padding: .5rem 1rem;
    transition: .4s;
}

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

.box-checkout-discount input::placeholder{
    font-size: 12px;
}

.btn-discount{
    position: absolute;
    top: 0;
    right: .5rem;
    width: 48px;
    height: 48px;
}

.btn-discount:focus,
.btn-discount:active,
.btn-discount.active{
    box-shadow: none;
    outline: none;
    border-color: transparent !important;
}

.btn-discount:hover img,
.btn-discount:focus img{
    transform: scale(1.1);
}

.box-checkout-count-allprice,
.box-checkout-sale,
.box-checkout-fullprice{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
}

.box-checkout-count{
    font-size: 15px;
    font-weight: 500;
}

.box-checkout-allprice{
    font-size: 15px;
    font-weight: 600;
}

.box-checkout-sale{
    margin-top: .5rem;
}

.box-checkout-sale-text{
    font-size: 15px;
    font-weight: 500;
}

.box-checkout-sale-text span{
    font-size: 10px;
    color: grey;
}

.box-checkout-sale-value{
    font-size: 15px;
    font-weight: 500;
    color: #ef548f;
}

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

.box-checkout-fullprice-text,
.box-checkout-fullprice-value{
    font-size: 24px;
    font-weight: 600;
}

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

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

.box-checkout .notice.is-warning{
  background-color: transparent;
  border: 0;
  font-size: 15px;
  color: #F2930C;
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 0;
}

/* CART - BOX SPLIT */
.box-split{
    margin-top: 1rem;
    background-color: white;
    padding: 1.5rem;
    border-radius: 8px;
}

.box-split-header{
    line-height: 1.2;
    font-size: 15px;
}

.box-split-middle{
    margin: 1.25rem 0;
    column-gap: .75rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.box-split-band{
    height: 8px;
    width: 100%;
    border-radius: 8px;
    background-color: #ddd;
    margin-bottom: .5rem;
}

.box-split-section:first-child .box-split-band{
    background-color: #4BB543;
}

.box-split-price{
    font-size: 13px;
    font-weight: 600;
}

.box-split-date{
    font-size: 13px;
}

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

.box-split-footer-icon-text{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.box-split-footer-icon-text img{
    width: 23px;
}

.box-split-footer-icon-text span{
    font-size: 15px;
    font-weight: 600;
}

.box-split-footer-link{
    font-size: 13px;
    color: #9E1C57;
    text-decoration: none;
}

/* CART - BOX SPLIT - END*/


.cart-footer{
    font-size: 14px;
    color: #777777;
}

@media (max-width: 800px){
    footer:has(.cart-footer){
        margin-bottom: 70px;
    }
}

@media (max-width: 579px){
    .cart-menu{
        position: fixed;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 1rem;
        bottom: 70px;
        left: 0;
        width: 100%;
        background-color: white;
        height: 80px;
        z-index: 2;
        padding: .5rem 1.5rem;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        align-items: center;
    }

    .cart-menu-price{
        font-size: 18px;
        font-weight: 600;
    }

    .cart-menu-button .btn{
        font-size: 14px;
    }
}


/* CART RESTORE ITEMS */
.cart-form{
    position: relative;
} 

.cart-form-update{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .15);
    backdrop-filter: blur(5px);
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.cart-form-update.show{
    opacity: 1;
    visibility: visible;
}

.cart-form-update-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

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

.cart-form-update-text {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* BLOG & ARTICLE
================================
================================*/
.block-blog{
    
}

.article-content{
    margin-bottom: 3rem;
}

.article-content img{
    width: 100%;
}

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

.aticle-products{
    margin-bottom: 3rem;
}

/* SEARCH
================================
================================*/
.block-search .header-search{
    position: relative;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    margin-bottom: 3rem;
}


/* BRANDS
================================
================================*/
.alphabet-navigation{
    position: sticky;
    top: 0;
    background-color: white;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid transparent;
    z-index: 1;
    transition: .4s;
}

.alphabet-navigation.stuck{
    border-bottom: 1px solid #ccc;
    padding-top: 1.5rem;
    transition: .4s;
}

.brand-group{
    position: relative;
    display: grid;
    grid-template-columns: 1.5fr 10.5fr;
    column-gap: 1rem;
    padding: 2rem 0;
    border-bottom: 1px solid #ddd;
}

.brand-group .symbol-top{
    position: absolute;
    top: -105px;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.brand-group h2{
    font-size: 24px;
    font-weight: 600;
    color: #502035;
}

.brand-group ul{
    column-count: 3;
    display: block;
}

.brand-group ul li a{
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 1rem;
    display: inline-block;
}

.brand-group ul li a:hover,
.brand-group ul li a:focus{
    color: #561A35;
}

.brand-group ul li a span{
    padding: 5px 10px;
    border-radius: 8px;
    transition: .4s;
}

.brand-group ul li a:hover span,
.brand-group ul li a:focus span{
    background-color: #FEEDF3;
}

.letters-row{
    display: flex;
    column-gap: .5rem;
    flex-wrap: wrap;
}

.letters-row .letter-link{
    padding: 7px 5px 5px 5px;
    font-size: 14px;
    line-height: 1.2;
    text-wrap: nowrap;
}

.letters-row .letter-link.inactive{
    color: #BBBBBB;
}

.letters-row .all-brands{
}

.letters-row .letter-link.show{
    background-color: #FEEDF3;
    border-radius: 8px;
}

@media (max-width: 579px){
    .alphabet-navigation{
        position: relative;
    }
    .alphabet-navigation.stuck{
        padding-top: 0;
        border-bottom: 1px solid transparent;
    }

    .brand-group{
        padding: 2rem 0;
    }
    .brand-group ul{
        column-count: 1;
    }
}

/* COLLECTION BRANDS ITEMS */
.collection-brands-header{
    padding: 3rem;
    background-color: #FEEDF3;
    border-radius: 8px;
}

.collection-brands-header .cover{
    aspect-ratio: 2/1;
    border-radius: 8px;
    overflow: hidden;
    background-color: white;
    padding: .25rem;
}

.collection-brands-header .cover img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.content-desc-text{
    max-height: 7.5em;
}

.content-desc-text dl dt,
.content-desc-text dl dd{
    margin-left: 0;
}

.collection-brands-content .content-desc-text::after{
    background: linear-gradient(transparent, #FEEDF3);
}

@media (max-width: 579px){
    .collection-brands-header{
        padding: 1.5rem;
    }
}

.brand-blogs{
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    margin: 1rem 0 3rem 0;
    padding: .2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .5rem;
}

.brand-blogs a{
    height: 48px;
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #561A35;
    transition: .4s;
}

.brand-blogs a.active{
    background-color: #FEEDF3;
}

.brand-blogs a:hover:not(.active){
    background-color: #efefef;
}

/* PAGE STAT
================================
================================*/
.page-content iframe{
    width: 100%;
}

/* COOPERATION 
================================
================================*/
.block-page-cooperation{
    overflow: hidden;
}

.block-cooperation-header{
    background-color: #FEEDF3;
    border-radius: 8px;
    padding-top: 4rem;
    background-image: url(bg-page.png);
    background-repeat: no-repeat;
    background-position: 95% 3rem;
    background-size: auto;
}

.block-pink-wrapper{
    padding: 1rem 5rem 0 5rem;
}

.block-cooperation-header-title{
    margin-bottom: 1rem;
    font-size: 30px;
    font-weight: 600;
    color: #502035;
}

.block-cooperation-header-subtitle{
    margin-bottom: 2rem;
    font-size: 18px;
    font-weight: 500;
    color: #502035;
}

.block-cooperation-header-desc{
    font-size: 18px;
}

.block-cooperation-header .cover{
    text-align: center;
}

.block-page-advantages{
    padding: 5rem;
}

.block-page-advantages-title{
    font-size: 22px;
    font-weight: 600;
}

.block-page-advantages-desc{
    font-size: 18px;
}

.block-page-advantages-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
    row-gap: 2rem;
    margin: 3rem 0;
}

.block-page-advantages-desc{
    margin-top: 1rem;
}

.box-page-adv{
    display: grid;
    grid-template-columns: 48px auto;
    column-gap: 1rem;
}

.box-page-adv .icon{
    width: 48px;
    height: 48px;
    background-color: #FEEDF3;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .75rem;
}

.box-page-adv-text{
    font-size: 18px;
}

.block-cooperation-footer{
    border: 1px solid #561A35;
    border-radius: 8px;
    padding: 4rem 5rem;
}

.block-cooperation-footer-title{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: #502035;
}

.block-cooperation-footer-text{
    font-size: 18px;
}

.block-cooperation-footer .cover{
    border-radius: 8px;
    overflow: hidden;
}

.block-cooperation-footer .cover img{
    transition: .4s;
}

.block-cooperation-footer:hover .cover img{
    transform: scale(1.1);
}

.block-cooperation-footer-text a{
    text-decoration: none;
    font-weight: 600;
    color: #942e56;
    text-wrap: nowrap;
    transition: .4s;
}

.block-cooperation-footer-text a:hover,
.block-cooperation-footer-text a:focus{
    color: #561A35;
}

.main-block-subscribe{
    overflow: hidden;
}

@media (max-width: 1024px){
    .block-cooperation-header{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;

        padding-top: 1rem;
        background-position: center 110%;
    }


    .block-page-advantages{
        padding: 3rem 0;
    }
    .block-page-advantages-grid{
        grid-template-columns: 1fr;
    }

    .block-cooperation-footer-text{
        font-size: 16px;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 579px){
    .block-pink-wrapper{
        padding: 20px;
    }

    .block-cooperation-header-title{
        font-size: 24px;
        line-height: 1.2;
    }

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

    .block-page-advantages-title{
        font-size: 18px;
    }

    .box-page-adv{
        grid-template-columns: 40px auto;
        column-gap: 2rem;
    }
    .box-page-adv-text{
        font-size: 16px;
    }

    .box-page-adv .icon{
        padding: .85rem;
    }

    .block-page-advantages-desc{
        font-size: 16px;
    }

    .block-cooperation-footer{
        padding: 2rem 1rem;
    }

    .block-cooperation-footer-title{
        font-size: 18px;
    }

    .block-cooperation-footer-text{
        display: inline-block;
    }

    .block-page-cooperation .main-block-subscribe{
        padding-left: 0;
        padding-right: 0;
        margin-left: -20px;
        margin-right: -20px;
    }
}

/* PAGE - CONTACTS
================================
================================*/
.page-contacts-wrapper{
    position: sticky;
    top: 2rem;
}

.page-contacts-map{
  display: block;
  aspect-ratio: 1/1;
}

.page-contacts-map iframe{
    width: 100%;
    height: 100%;
}

.page-contact-band{
  margin-bottom: 2rem;
}

.page-contact-title{
  font-size: 15px;
  color: #777;
}

.page-contact-value{
  font-size: 18px;
}

.page-contact-band-tel .page-contact-value{
  margin-bottom: .35rem;
}

.page-contact-value:last-child{
    margin-bottom: 0;
}

.page-contact-value a{
    color: #942e56;
    text-decoration: none;
}

.page-contact-band-props{
    display: flex;
    flex-direction: column;
    row-gap: .35rem;
}

/* PAGE - 404
================================
================================*/
.block-404-header{
    background-color: #FEEDF3;
    padding: 1.5rem 3rem 1.5rem 3rem;
    border-radius: 8px;
    text-align: center;
    margin: 2rem 0 2rem 0;
}

.page-404{
    font-size: 15px;
    margin-bottom: 10rem;
    line-height: 1.2;
}

.page-404 h2{
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.page-content ul:not(.nav-socials){
    display: flex;
    flex-direction: column;
    row-gap: .25rem;
    list-style: none;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.page-content ul:not(.nav-socials) li{
    position: relative;
    padding-left: .85rem;
    margin-left: .75rem;
}

.page-content ul:not(.nav-socials) li::before{
    position: absolute;
    content: '';
    width:  2px;
    height: 2px;
    border-radius: 2px;
    background-color: black;
    top: 10px;
    left: 0;
    margin: auto;
}

@media (max-width: 1200px){
    .page-404{
        margin-bottom: 5rem;
    }
}

/* PAGE LOYALTY
================================
================================*/
.block-loyalty{
    padding: 2rem 4rem;
    border: 1px solid #561A35;
    border-radius: 8px;
    margin: 2rem 0;

    background-image: url(bg-subscribe-vector.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.block-loyalty-title{
    font-size: 40px;
    font-weight: 600;
    color: #561A35;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.block-loyalty-button .btn{
    font-size: 18px;
    font-weight: 500;
}

.block-loyalty .table tr{
    text-align: center;
}

.block-loyalty .table tr th{
    font-size: 13px;
    font-weight: 400;
}

.block-loyalty .table tr th,
.block-loyalty .table tr td{
    border: 0;
    text-align: center;
}

.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-bg-type: #faf5f7;
}

.block-loyalty .table tr td{
    font-size: 18px;
    padding: .75rem .25rem;
}

.block-loyalty .table tr td:first-child{
    font-weight: 300;
    width: 50%;
}

.block-loyalty .table tr td:last-child{
    font-weight: 600;
}


.page-content ol:not(.nav-socials),
.page-content ul:not(.nav-socials){
    display: flex;
    flex-direction: column;
    row-gap: .5rem;

    margin-block-start: 0;
    padding-inline-start: 1rem;
}

.page-content ol:not(.nav-socials) li,
.page-content ul:not(.nav-socials) li{
    padding-left: .5rem;
}

@media (min-width: 580px) and (max-width: 920px){
    .block-loyalty-title-button{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        column-gap: 2rem;
    }
    .block-loyalty-title{
        font-size: 32px;
        margin-bottom: 0;
    }
}

@media (max-width: 579px){
    .block-loyalty{
        padding: 2.5rem 1.5rem;
        background-size: 100% 100%;
    }
    .block-loyalty-title{
        font-size: 26px;
    }
    .block-loyalty .table tr td{
        font-size: 16px;
    }
    .block-loyalty .table tr th{
        background-color: transparent;
    }
}

/* CONSULT
================================
================================*/
.block-page-consult .block-pink{
    background-color: #FEEDF3;
    padding: 2rem 4rem;
    margin: 2rem 0;
    border-radius: 8px;
}

.block-pink-consult .btn{
    column-gap: 1rem;
}

.block-pink-consult .btn img{
    filter: invert(1) brightness(5) contrast(5);
}

.block-pink-consult-title{
    font-size: 20px;
    font-weight: 500;
}

.block-pink-consult-value{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: .5rem;
    color: #502035;
}

.block-page-consult .block-page-advantages{
    padding: 2rem 4rem;
}

.page-bordered{
    padding: 3rem 4.75rem;
    border: 1px solid #561A35;
    border-radius: 8px;
}

.page-bordered-title{
    font-size: 22px;
    font-weight: 600;
}

.page-bordered-desc{
    font-size: 18px;
    margin: 1.25rem 0;
}

.page-bordered-info{
    font-size: 18px;
}

.page-bordered-title a{
    text-decoration: none;
    color: #942e56;
}

.page-alert{
    margin: 3rem 0;
}

.block-consult-compare{
    padding: 2.5rem;
    background-color: #F8F8F8;
    border-radius: 8px;
    margin: 4rem 0;
}

@media (min-width: 580px){
    .block-consult-compare .swiper .swiper-wrapper{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
        row-gap: 2rem;
    }
    .block-consult-compare .swiper .swiper-wrapper .swiper-slide{
        width: 100%;
    }
}

@media (min-width: 920px){
    .block-consult-compare .swiper .swiper-wrapper{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 920px){
    .block-page-consult .block-pink{
        padding: 2rem;
    }

    .block-page-consult .block-page-advantages{
        padding: 2rem 0;
    }
    .page-bordered{
        padding: 3rem 3.75rem;
    }
}

@media (max-width: 579px){

    .block-pink-consult-title{
        font-size: 16px;
        font-weight: 500;
    }
    .block-pink-consult-value{
        font-size: 24px;
        font-weight: 600;
    }

    .block-page-advantages-grid{
        margin: 2rem 0;
    }

    .block-page-advantages-grid .box-page-adv{
        column-gap: 1rem;
    }

    .block-page-advantages-grid .box-page-adv .icon{
        width: 40px;
        height: 40px;
    }

    .page-bordered{
        padding: 2rem;
    }

    .page-bordered-title{
        font-size: 18px;
        font-weight: 600;
        display: flex;
        flex-direction: column;
    }

    .page-bordered-desc,
    .page-bordered-info{
        font-size: 16px;
    }

    .page-alert.box-page-adv{
        column-gap: 1rem;
    }
    .page-alert.box-page-adv .icon{
        width: 40px;
        height: 40px;
    }

    .block-consult-compare{
        padding: 1rem;
        margin-top: 2rem;
        margin-left: -20px;
        margin-right: -20px;
        overflow: hidden;
    }

    .block-consult-compare .swiper{
        overflow: visible;
    }
}

/* BUNDLE
================================
================================*/
.product-bundle-list{
    margin-top: 1.5rem;
}

.box-bundle{
    padding: 2rem;
    border-radius: 8px;
    background-color: #F2F2F2;
    margin-bottom: 1rem;
}

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

.box-bundle .cover{
    padding: 1rem;
    background-color: white;
    aspect-ratio: 1/1;
    display: block;
    border-radius: 8px;
    overflow: hidden;
}

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

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

.box-bundle-info{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.box-bundle-number{
    font-size: 13px;
    font-weight: 500;
    color: #777777;
}

.box-bundle-title{
    font-size: 20px;
    font-weight: 600;
    margin: .75rem 0 1rem 0;
    line-height: 1;
}

.box-bundle-desc{
    font-size: 13px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.5em * 3);
    max-height: calc(1.5em * 3);
    text-decoration: none;
    margin-bottom: 1rem;
}

.box-bundle-prices-buttons{
    margin-top: auto;
}

.box-bundle-prices-buttons .btn{
    height: 48px;
    font-size: 18px;
    font-weight: 500;
}

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

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

.box-bundle-prices del{
    font-size: 14px;
    color: #777777;
}

.box-bundle-prices-percent{
    font-size: 14px;
    font-weight: 500;
    color: #ef548f;
}

@media (max-width: 1200px){
    .box-bundle-prices-buttons .btn{
        font-size: 16px;
        height: 44px;
    }
}

@media (max-width: 579px){
    .box-bundle{
        padding: 1.5rem;
    }

    .box-bundle-title{
        font-size: 18px;
        line-height: 1.2;
    }

    .box-bundle-desc{
        font-size: 13px;
        line-height: 1.5;
        -webkit-line-clamp: 5;
        min-height: calc(1.5em * 5);
        max-height: calc(1.5em * 5);
        margin-bottom: 1.5rem;
    }

    .box-bundle-prices{
        justify-content: center;
    }

    .box-bundle-prices-buttons .btn{
        height: 40px;
        font-size: 14px;
        font-weight: 500;
    }
}

/* BUNDLE - PRODUCT
================================
================================*/
.product-bundle-content{
    background-color: #FEEDF3;
    border-radius: 8px;
    padding: 3rem;
    margin: 2rem 0;
}

.product-bundle-content .cover,
.product-bundle-prices-button{
    aspect-ratio: 1/1;
    display: block;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
}

.product-bundle-content .cover img{
    transition: .4s;
}

.product-bundle-content:hover .cover img{
    transform: scale(1.1);
}

.product-bundle-prices-button{
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 1rem;
    text-align: center;
}

.product-bundle-prices{
    display: flex;
    flex-direction: column;
    column-gap: 1rem;
    row-gap: 1rem;
}

.product-bundle-content .box-bundle-number{
    font-size: 15px;
    color: #777777;
}

.product-bundle-content-desc{
    font-size: 18px;
    margin-top: .75rem;
}

.product-bundle-prices span{
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.product-bundle-prices del{
    font-size: 22px;
    color: #777;
    line-height: 1;
}

.product-bundle-percent{
    color: #db4d83;
    font-weight: 500;
}

.product-bundle-prices .btn{
    font-size: 18px;
    font-weight: 500;
}

.product-bund-items-info{
    margin: 4rem 0;
}

.band-bundle .box-product-wrapper{
    position: relative;
    z-index: 2;
    height: 100%;
    padding-bottom: 1rem;
}

.band-bundle + .band-bundle .box-product-wrapper{
    z-index: 1;
}

.band-bundle{
    margin-bottom: 4rem;
}

.band-bundle:last-child{
    margin-bottom: 0;
}

.band-bundle .box-product-wrapper .box-product{
    height: auto;
}

.product-bundle-items-count-title{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.product-bundle-items-count{
    padding: 1.15rem 1.25rem 1rem 1.25rem;
    background-color: #FEEDF3;
    border-radius: 8px;
    line-height: 1;
    font-size: 24px;
    font-weight: 600;
}

.product-bundle-items-title{
    font-size: 24px;
    font-weight: 600;
}

.product-bundle-items-text{
    margin-top: 1rem;
    font-size: 18px;
}

.product-bundle-items-text img{
    max-width: 60%;
    margin: 1rem auto 0 auto;
    display: inline-block;
    transform: translateX(30%);
}

.band-bundle .box-product{
    position: sticky;
    top: 3rem;
}

.product-bundle-items-list{
    background-color: #FEEDF3;
    padding: 4.5rem 5rem;
    border-radius: 8px;
    margin: 4rem 0;
    background-image: url(../image/tools/bg-subscribe-vector.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.product-bundle-items-list .swiper{
    padding: 1rem;
    margin: -1rem;
}

.box-bundle-item{
    border-radius: 8px;
    background-color: white;
    padding: 1.5rem;
    transition: .4s;
}

.box-bundle-item:hover{
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .1);
}

.box-bundle-item .cover{
    overflow: hidden;
    aspect-ratio: 1/1;
    border-radius: 4px;
    background-color: white;
}

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

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

.box-bundle-item-sku{
    font-size: 11px;
    color: #777777;
    margin-top: .5rem;
}

.box-bundle-item-title{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.4em * 3);
    max-height: calc(1.4em * 3);
    text-decoration: none;
    margin-top: .25rem;
}

.box-bundle-item-var{
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: .5rem .75rem;
    line-height: 1;
    font-size: 14px;
    display: inline-block;
}

.product-bundle-items-value{
    padding: 1rem 2rem;
    background-color: white;
    border-radius: 8px;
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: 3fr 4fr 2fr;
    column-gap: 1rem;
    row-gap: 1rem;
    align-items: center;
}

.product-bundle-items-value-prices{
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

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

.product-bundle-items-value-prices del{
    font-size: 22px;
    color: #777777;
    margin-top: .25rem;
}

.product-bundle-items-value-percent{
    font-size: 16px;
    font-weight: 500;
    color: #ef548f;
}

.product-bundle-items-value-button .btn{
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 1200px){
    .box-product-wrapper{
        background-color: #F8F8F8;
        border-radius: 8px;
        padding: 1rem;
    }

    .box-product-wrapper .box-product{
        padding: 1rem;
        border-radius: 8px;
    }

    .product-bundle-content-desc{
        font-size: 16px;
    }
    
    .product-bundle-items-text{
        font-size: 16px;
    }

    .product-bundle-items-count-title{
        flex-direction: column;
        align-items: start;
        row-gap: 1rem;
    }

    .product-bundle-items-count{
        font-size: 22px;
        padding: .75rem 1rem .5rem 1rem;
    }

    .product-bundle-items-title{
        font-size: 22px;
        line-height: 1.2;
    }

    .product-bundle-items-text img{
        max-width: 100%;
        transform: translateX(0);
    }

    .product-bundle-items-list{
        padding: 2rem 1rem;
    }

    .product-bundle-items-value{
        grid-template-columns: 1fr 1.5fr 1.5fr;
    }

    .product-bundle-items-value-prices{
        flex-direction: column;
    }

    .product-bundle-items-value-prices span{
        font-size: 26px;
        font-weight: 600;
        line-height: 1;
    }
    .product-bundle-items-value-prices del{
        font-size: 18px;
        margin-top: 0;
    }

    .product-bundle-items-value-percent{
        text-align: center;
    }
}

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

    .product-bundle-prices-button{
        aspect-ratio: unset;
        padding: 1.25rem 2rem;
        row-gap: .5rem;
    }

    .product-bundle-prices{
        flex-direction: row;
        align-items: center;
    }

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

    .product-bundle-prices del{
        font-size: 18px;
    }

    .product-bundle-percent{
        font-size: 15px;
    }

    .product-bundle-items-list{
        padding: 2rem 1rem;
        margin-left: -20px;
        margin-right: -20px;
    }

    .product-bundle-items-value{
        display: flex;
        flex-direction: column;
        row-gap: .5rem;
    }

    .product-bundle-items-value-button .btn{
        font-size: 16px;
    }

    .product-bundle-items-value-prices{
        flex-direction: row;
    }
}

/* ORDER
================================
================================*/
.order-title{
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
    margin-bottom: 2rem;
}

.order-title h1{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}

.order-status{
    font-size: 12px;
    font-weight: 600;
    color: white;
    background-color: #efefef;
    border-radius: 12px;
    padding: .25rem .5rem;
}

.order-status.new{
    background-color: #F49ABA;
}
.order-status.declined{
    background-color: red;
}
.order-status.delivered{
    background-color: #198754;
}

.order-buttons{
    display: flex;
    column-gap: .5rem;
}

.order-buttons .btn{
    padding: .25rem 2.5rem;
    height: 40px;
}

.order-info-list{
    margin-top: 2rem;
}

.order-info-list .table{
    position: sticky;
    top: 3rem;
}

.order-info-list .table th,
.order-info-list .table td{
    font-size: 15px;
    padding: 1.15rem .5rem;
    border: 0;
}

.order-info-list .table th{
    font-weight: 400;
    color: #777777;
}

.order-info-list .table tr b{
    font-weight: 600;
}

.order-info-list .table tr th{
    width: 33%;
}

.order-info-list .table tr .tag{
    background-color: #9EA3AC;
    border-radius: 12px;
    padding: .2rem .5rem .25rem .5rem;
    color: white;
    font-weight: 600;
    line-height: 1;
    font-size: 12px;
    margin-left: .5rem;
}

.order-info-list .table tr td.column{
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}


.order-info-list .table tr td span{
    font-size: 14px;
}

.box-order{
    margin-bottom: 1rem;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 1rem;
}

.box-order .cover{
    aspect-ratio: 1/1;
    overflow: hidden;
    display: block;
}

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

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

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

.box-order-title{
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

.box-order-qty{
    font-size: 15px;
    text-align: center;
}

.box-order-price{
    font-size: 18px;
    font-weight: 600;
    text-align: end;
}

.box-order-all-text{
    font-size: 18px;
    font-weight: 600;
}

.box-order-all-value{
    font-size: 18px;
    font-weight: 600;
    text-align: end;
    text-wrap: nowrap;
}

.order-contact{
    display: inline-flex;
    padding: 1rem 1.5rem;
    border: 1px solid #561A35;
    border-radius: 8px;
    align-items: center;
    column-gap: 2.5rem;
    margin-top: 1rem;
}

.order-contact .nav-socials{
    margin-top: 0;
}

.order-contact-text{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}

.order-contact .nav-socials li a{
    width: 40px;
    height: 40px;
}

.order-contact .nav-socials li a img{
    width: 20px;
}

@media (max-width: 920px){
    .order-contact{
        margin: 2rem 0;
    }
}

@media (max-width: 579px){
    .order-title h1{
        font-size: 24px;
    }

    .order-buttons{
        flex-direction: column;
        row-gap: .5rem;
    }
    .order-buttons .btn{
        width: 100%;
        font-size: 14px;
    }
    
    .box-order:first-child{
        border-top: 1px solid #eee;
        padding-top: 1rem;
    }

    .order-info-list{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        overflow: clip;
    }

    .order-info-list .table{
    }

    .order-info-list .table tr{
        display: flex;
        flex-direction: column;
    }
    .order-info-list .table tr th,
    .order-info-list .table tr td{
        width: 100%;
    }


    .order-info-list .table tr th{
        padding: .75rem 1.25rem 0 1.25rem;
        font-size: 13px;
    }
    .order-info-list .table tr td{
        padding: .75rem 1.25rem;
        font-size: 15px;
    }
    .order-info-list .table tr td b{
        font-size: 15px;
    }

    .box-order-title{
        font-size: 13px;
        font-weight: 500;
    }

    .box-order-qty{
        text-align: end;
    }

    .box-order-all-text{
        text-align: end;
    }

    .order-contact{
        flex-direction: column;
        row-gap: 1rem;
        width: 100%;
        align-items: start;
        row-gap: .95rem;
        margin: 2rem 0;
    }

    .order-contact .nav-socials{
        column-gap: 1rem;
    }
}

/* FOOTER 
================================
================================*/
footer{
    position: relative;
    background-color: #F8F8F8;
    padding-top:    5rem;
    padding-bottom: 5rem;
    overflow: hidden;
}

footer:not(.footer-cart)::after{
    position: absolute;
    content: '';
    width: 370px;
    height: 492px;
    right: 0;
    bottom: -4rem;
    background-image: url(bg-footer-vector.svg);
    background-repeat: no-repeat;

}

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

.nav-menu li a{
    padding: 0;
    display: inline-block;
}

.nav-menu li a:hover,
.nav-menu li a:focus{
    color: #561A35;
}

.footer-phone-mir a{
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    color: #561A35;
}

.footer-phone-ru{
    margin-top: .75rem;
}

.footer-phone-ru a{
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}

.footer-address{
    font-size: 15px;
    margin-top: 1.5rem;
}

.footer-timework{
    font-size: 15px;
    color: #777777;
}

footer .nav-socials{
    margin-block-start: 1rem;
}

.nav-socials{
    margin-top: 1rem;
    column-gap: .5rem;
    display: flex;
    column-gap: 1rem;
    margin-block-start: .5rem;
    padding-inline-start: 0;
    flex-direction: row;
}

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

.nav-socials li a{
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #561A35;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.nav-socials li a img{
    will-change: transform;
    transition: .4s;
    object-fit: scale-down;
}

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

.footer-end{
    position: relative;
    z-index: 1;
    text-align: end;
}

.footer-end-logo{
    margin-bottom: 3rem;
}

.footer-end .nav-menu{
    color: #777777;
}

footer .copyright{
    margin-top: .75rem;
    font-size: 14px;
}

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

@media (max-width: 768px){
    .footer-end{
        text-align: start;
    }
    .nav-menu{
        row-gap: .75rem;
    }
}

@media (max-width: 579px){
    .footer-end .nav-menu li{
        font-size: 15px;
    }
    footer::after{
        width:  270px;
        height: 270px;
        bottom: 4rem;
        background-size: cover;
    }
}