body{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #746169;
    font-family: 'Normalidad', sans-serif, system-ui;
    font-weight: 400;
    font-style: normal;
    font-stretch: expanded;
} 

html{
}

.hMUlIX {
    // display: none !important;
}
.container {
    max-width: 1700px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: auto;
    margin-left: auto;
}

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

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

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

b{
    font-weight: bold;
}


/* BOOTSTRAP CUSTOM
================================
================================*/
.btn{
    height: 58px;
    border-radius: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    font-size: 16px;
    font-family: 'Normalidad', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: expanded;
}
@media (max-width: 579px){
    .btn{
        height: 50px;
        font-size: 16px;
        border-radius: 10px;
    }
}

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

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

.btn-pudra {
    --bs-btn-color: #8D757F;
    --bs-btn-bg: #E6C4D5;
    --bs-btn-border-color: #E6C4D5;
    --bs-btn-hover-color: #8D757F;
    --bs-btn-hover-bg: #cdcdcd;
    --bs-btn-hover-border-color: #cdcdcd;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #8D757F;
    --bs-btn-active-bg: #cdcdcd;
    --bs-btn-active-border-color: #cdcdcd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #8D757F;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-purple {
    --bs-btn-color: #8D757F;
    --bs-btn-bg: #DBC6E0;
    --bs-btn-border-color: #DBC6E0;
    --bs-btn-hover-color: #8D757F;
    --bs-btn-hover-bg: #cdcdcd;
    --bs-btn-hover-border-color: #cdcdcd;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #8D757F;
    --bs-btn-active-bg: #cdcdcd;
    --bs-btn-active-border-color: #cdcdcd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #8D757F;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-brown {
    --bs-btn-color: #fff;
    --bs-btn-bg: #746169;
    --bs-btn-border-color: #746169;
    --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: #746169;
    --bs-btn-disabled-border-color: #746169
}

.btn-light {
    --bs-btn-color: #746169;
    --bs-btn-bg: #F2EDF0;
    --bs-btn-border-color: #F2EDF0;
    --bs-btn-hover-color: #746169;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #746169;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #746169;
    --bs-btn-disabled-bg: #F2EDF0;
    --bs-btn-disabled-border-color: #F2EDF0
}

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

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

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


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


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


/* MOBILE NAV SWIPE 
================================
================================*/
#dynamic-mask{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    transition: .4s;
}
#dynamic-mask.active{
    opacity: 1;
    visibility: visible;
}

#dynamicMenu{
    position: fixed;
    top: 0;
    left: -100%;
    transition: .4s;
    width: 85%;
    height: 100%;
    background-color: #F2EDF0;
    z-index: 3;
}

#dynamicMenu.active{
    left: 0;
}

.dynamic-side-header{
    padding: 1rem;
}

.dynamic-side-body{
    padding: 1rem;
}

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

.nav-menu li a{
    padding: 0;
    font-size: 25px;
    line-height: 1;
    font-weight: 300;
    color: #746169;
}

.nav-menu li:nth-child(5){
    margin-bottom: 2rem;
}

/* HEADER 
================================
================================*/
header{
    position: sticky;
    top: 0;
    border-bottom: 1px solid transparent;
    transition: .4s;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 2;
}

header.scrolling{
   // background-color: rgba(255,255,255, .85);
    //border-bottom: 1px solid #efefef;
}

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

.header-buttons{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    justify-content: end;
}

.header-buttons .btn-dark{
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: expanded;
}

.header-buttons .btn-pudra{
    position: relative;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: expanded;
    text-align: start;
    padding: .5rem 1rem;
}

.header-buttons .btn-pudra::after{
    position: absolute;
    content: '';
    width: 22px;
    height: 23px;
    left: .25rem;
    bottom: -10px;
    background-image: url(btn-pudra.svg);
    transition: .4s;
}

.header-buttons .btn-pudra:hover::after{
    filter: grayscale(1);
}

.nav-header{
    column-gap: 4rem;
}

.nav-header li a{
    padding: 0;
    color: #746169;
    font-size: 20px;
}

@media (max-width: 579px){
    header{
        border-bottom-left-radius:  15px;
        border-bottom-right-radius: 15px;
    }
    .header-wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-burger{
        width: 40px;
        height: 40px;
    }

    .header-wrapper{
        padding: .75rem 0;
    }
}

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


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

@media (max-width: 579px){
    .main-block{
        margin-top:     3rem;
        margin-bottom:  3rem;
    }
}

/* MAIN BANNER */
.main-banner{
    margin-top: 1rem;
}

.main-banner-wrapper{
   // height: calc(100vh - 92px - 1rem);
    background-color: #F2EDF0;
    padding: 2rem;
    border-radius: 30px;
}

.main-banner-wrapper .row,
.main-banner-wrapper .col-6,
.main-banner-wrapper .col-lg-6{
    height: 100%;
}

.main-banner-wrapper .main-banner-poster .cover{
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.main-banner-wrapper .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-banner-thumbs{
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 50%;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    padding: .7rem;
    border-radius: 15px;
    background-color: rgba(166, 158, 164, .75);
    backdrop-filter: blur(10px);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.main-banner-thumbs-images{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.main-banner-thumbs-images .cover img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.nav-banner{
    flex-direction: column;
    margin-bottom: 20px;
}

.nav-banner li{
    position: relative;
    padding-left: 2rem;
    font-weight: 100;
    line-height: 1;
    font-size: 20px;
    font-style: normal;
    font-stretch: expanded;
    margin-bottom: 5px;
}

.nav-banner li::before{
    position: absolute;
    content: '+';
    width: 16px;
    height: 16px;
    top: .25rem;
    left: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    font-weight: 100;
    line-height: 1;
    display: flex;
    align-items: center;
}

.main-banner-info{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main-banner-title{
    font-size: 55px;
    line-height: .9;
    font-weight: 300;
    margin-bottom: 1rem;
}

.main-banner-slider{
    margin-top: auto;
}

.banner-slider{
    border-radius: 30px;
    overflow: hidden;
}

.banner-review{
    background-color: white;
    border-radius: 30px;
    padding: 1.5rem 2rem;
}

.banner-review-text{
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: expanded;
    line-height: 1;
    margin-bottom: 1.5rem;
}

.banner-review-name-stars{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.banner-review-stars{
    display: flex;
    align-items: baseline;
    column-gap: .5rem;
}

.banner-review-stars .stars{
    display: flex;
    column-gap: .25rem;
}

.banner-review-stars .stars img.empty{
    opacity: .5;
}

.banner-result{
    aspect-ratio: 2/1;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 1.5rem;
}

.banner-result .cover{
    position: relative;
    aspect-ratio: 1/1;
    display: block;
}

.banner-result .cover .banner-result-title{
    position: absolute;
    top:  1.5rem;
    left: 1.5rem;
    color: white;
    font-weight: 500;
    width: 50%;
    line-height: 1;
}

.swiper-pagination-bullet-active{
    background-color: white;
}

@media (max-width: 579px){
    .main-banner{
        position: relative;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .main-banner::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 1500px;
        top: -100px;
        left: 0;
        background: linear-gradient(to bottom, #9d969f, #ebd1d0, transparent);
        z-index: -1;
    }

    .main-banner-wrapper{
        height: 100vh;
        border-radius: 0;
        background-color: unset;
        padding: 0 .75rem 2rem .75rem;
    }
    .main-banner-title{
        font-size: 28px;
        max-width: 100%;
        color: white;
        z-index: 1;
        margin-bottom: .75rem;
    }
    .nav-banner li{
        font-size: 14px;
        color:  white;
        font-weight: 300;
    }

    .banner-slider .swiper-slide{
        display: flex;
        flex-direction: column;
        padding: .5rem;
        background-color: white;
        border-radius: 30px;
    }

    .banner-result{
        margin-top: 0;
        margin-bottom: .5rem;
    }

    .banner-review{
        padding: 0 .5rem 1.5rem .5rem;
    }

    .banner-review-text{
        font-size: 10px;
        margin-bottom: .75rem;
    }
    .banner-review-name-stars{
        font-size: 10px;
    }

    .banner-review-stars .stars img{
        width: 12px;
    }
    .banner-result .cover .banner-result-title{
        font-size: 9px;
        top:  1rem;
        left: 1rem;
    }

    .banner-slider .swiper-pagination{
        bottom: .5rem;
    }

    .main-banner-thumbs{
        width: 60%;
        position: relative;
        top: 0;
        left: 0;
        padding: .5rem .35rem;
        column-gap: .5rem;
        margin-bottom: .75rem;
    }

    .main-banner-wrapper .main-banner-poster{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .main-banner-thumbs-images .cover:nth-child(2){
        transform: translateX(-.75rem);
    }
    .main-banner-thumbs-images .cover:nth-child(3){
        transform: translateX(-1.5rem);
    }

    .main-banner-thumbs-images .cover img{
        width: 28px;
        height: 28px;
    }
    .main-banner-thumbs-text{
        font-size: 9px;
        color: white;
        transform: translateX(-1.5rem);
    }

    .main-banner-poster .cover img{
        object-fit: contain;
        object-position: top;
    }

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

/* MAIN SERVICE */
.main-service-wrapper{
    position: sticky;
    top: 7rem;
}

.main-service-title{
    font-size: 40px;
    line-height: 1;
    margin-bottom: 2rem;
}

.main-service-price{
    font-size: 28px;
    margin-bottom: 4rem;
    font-weight: 500;
}

.main-service-desc{
    font-size: 20px;
    line-height: 120%;
    font-weight: 300;
    margin-bottom: 2rem;
}

.main-service-alert{
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
}

.main-service-info{
    background-color: #E6DCE8;
    border-radius: 45px;
    padding: 2rem 2rem;
    display: grid;
    grid-template-columns: 98px auto;
    column-gap: 2rem;
    align-items: center;
    display: none;
}

.main-service-info .icon{
    width: 98px;
    height: 98px;
    display: block;
}

.main-service-info .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-service-info .text{
    line-height: 1;
    font-size: 26px;
    font-weight: 300;
}

.main-service .cover{
    border-radius: 30px;
    display: block;
    overflow: hidden;
}

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

@media (max-width: 579px){
    .main-service-title{
        font-size: 28px;
        margin-bottom: 1rem;
    }
    .main-service-price{
        font-size: 14px;
        margin-bottom: 1rem;
    }
    .main-service-info .text{
        font-size: 14px;
    }

    .main-service-info{
        grid-template-columns: 44px auto;
        column-gap: 1rem;
        padding: 1.25rem 1.25rem;
        border-radius: 15px;
        display: block;
    }

    .main-service-info .icon{
        width: 44px;
        height: 44px;
    }

    .main-service .cover{
        position: relative;
    }

    .main-service-cover-info{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        padding: 0 2rem 0 2rem;
        display: none;
    }

    .main-service-desc,
    .main-service-alert{
        font-size: 16px;
        color: white;
    }

    .main-service-desc{
        margin-bottom: .5rem;
        display: none;
    }
}

/* RESULT */
.main-result-title{
    font-size: 55px;
    font-weight: 600;
    line-height: 1;
}

.nav-result{
    flex-direction: column;
    row-gap: .25rem;
}

.nav-result li{
    position: relative;
    font-size: 28px;
    padding-left: 2rem;
    line-height: 1;
    font-weight: 300;
}

.nav-result li::before{
    position: absolute;
    content: '✓';
    top: -.25rem;
    left: 0;
    bottom: 0; 
    margin: auto;
    line-height: 1;
    font-size: 36px;
    
}

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

.main-result-button .btn-brown{
    border-radius: 58px;
    height: 58px;
    padding: .5rem 2.5rem;
    font-weight: 400;
    font-size: 20px;
}

.main-result-gallery{
    margin-top: 3rem;
}

.box-result{
    border-radius: 30px;
    overflow: hidden;
}

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

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

.box-result-info{
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    border-radius: 30px;
    background-color: red;
    padding: .5rem 2rem .75rem 2rem;
    color: white;
    font-size: 18px;
    max-width: 75%;
    line-height: 1;
}

.box-result-info-before{
    background-color: rgba(255, 255, 255, .25);
}

.box-result-info-after{
    background-color: #D4A5E1;
}

@media (max-width: 579px){
    .main-result-title{
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .nav-result li{
        font-size: 16px;
        font-weight: 400;
        padding-left: 1.5rem;
    }

    .nav-result li::before{
        font-size: 26px;
    }

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

    .main-result-button .btn-brown{
        font-size: 14px;
        height: 30px;
        padding: .5rem 1.5rem;
    }

    .box-result-info{
        left: 0;
        right: 0;
        bottom: 1rem;
        margin: auto;
        font-size: 12px;
        text-align: center;
        width: fit-content;
        max-width: 90%;
        font-weight: 600;
        padding: .65rem .75rem .75rem .75rem;
    }
}

/* MAIN BOXES */
.box-items{
    height: calc(100vh - 92px - 1rem);
    border-radius: 30px;
    overflow: hidden;
}

.box-items .swiper-slide .box-product-bundle .cover{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.box-items .swiper-slide:last-child .box-product{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.box-items .cover{
    width: 100%;
    display: block;
    border-radius: 30px;
    overflow: hidden;
}

.box-items .box-product-bundle .cover img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

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

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

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

.swiper-button-prev::after,
.swiper-button-next::after{
    position: absolute;
    content: '';
    width: 14px;
    height: 32px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.swiper-button-prev::after{
    background-image: url(angle-left-grey.svg);
}
.swiper-button-next::after{
    background-image: url(angle-right-grey.svg);
}

.main-boxes-info{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main-boxes-title{
    font-size: 55px;
    line-height: 1;
    font-weight: 600;
}

.main-boxes-desc{
    font-size: 55px;
    line-height: .8;
    font-weight: 300;
    margin-bottom: 2rem;
}

.main-boxes-about{
    margin-top: auto;
    margin-bottom: 2rem;
    font-size: 33px;
    font-weight: 500;
    line-height: 1;
}

.main-boxes-items{
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}

.main-boxes-items .btn{
    justify-content: start;
    padding: .5rem 2rem;
    border-radius: 30px;
    line-height: 1;
    align-items: center;
    width: 100%;
}

.main-boxes-items .btn img{
    margin-left: auto;
    transition: .4s;
}

.main-boxes-item{
    position: relative;
    transition: .4s;
}

.main-boxes-item::after{
    position: absolute;
    content: '';
    width:  calc(100% + 1rem);
    height: calc(100% + .5rem);
    top:  -.25rem;
    left: -.5rem;
    background-color: #F2EDF0;
    border-radius: 30px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.main-boxes-item:has(> .btn-light[aria-expanded="true"])::after{
    opacity: 1;
    visibility: visible;
}

.main-boxes-item .btn-light[aria-expanded="true"]{
    background-color: transparent;
    box-shadow: none;
    border-color: transparent;
    outline: none;
    color: #746169;
}

.main-boxes-item .btn-light[aria-expanded="true"] b{
    color: #746169;
}

.main-boxes-item .btn-light[aria-expanded="true"] img{
    transform: rotate(-45deg);
    filter: unset;
}

.box-item-collapse{
    padding: 0 2rem 0 2rem;
    font-size: 12px;
    line-height: 1.1;
}

.box-item-collapse p{
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.box-item-collapse p{
    opacity: 0;
    transition: .2s;
}

.main-boxes-item:has(> .btn-light[aria-expanded="true"]) > .box-item-collapse p{
    opacity: 1;
}

@media (max-width: 579px){
    .main-boxes{
        padding: 0;
    }
    .main-boxes-wrapper{
        position: relative;
        border-radius: 30px;
        padding: 2rem .75rem 0 .75rem;
    }
    .main-boxes-wrapper::after{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, #e5dede, #908889);
        border-radius: 30px;
        transition: .4s;
        z-index: -1;
    }

    .main-boxes .main-boxes-wrapper{
        transition: .4s;
    }

    .main-boxes.main-boxes-slider .main-boxes-wrapper::after{
        opacity: 0;
    }

    .main-boxes-info{
        /*padding: .75rem;*/
    }

    .main-boxes-title,
    .main-boxes-desc{
        font-size: 28px;
    }
    .main-boxes-desc{
        font-weight: 100;
        margin-bottom: 1rem;
    }

    .swiper-button-prev, 
    .swiper-button-next{
        width: 15px;
        height: 15px;
    }
    .swiper-button-prev::after, 
    .swiper-button-next::after{
        width: 8px;
        height: 15px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .swiper-button-next{
        right: .75rem;
    }
    .swiper-button-prev{
        left: .75rem;
    }
    .box-item-collapse{
        padding: 0 1rem 0 1rem;
    }

    .main-boxes-slider{
        position: relative;
    }

    .main-boxes-slider-thumbs{
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        z-index: 1;
        width: 40%;
        max-width: 40%;
    }

    .box-items-thumbs .swiper-wrapper{
        justify-content: end;
    }
    
    .main-boxes-slider-thumbs .swiper-slide{
        width:  30px !important;
        height: 34px !important;
    }
    .main-boxes-slider-thumbs .swiper-slide .cover{
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .25);
        border-radius: 8px;
        transition: .4s;
        padding: .2rem;
    }

    .main-boxes-slider-thumbs .swiper-slide.swiper-slide-thumb-active .cover{
        background-color: rgba(255, 255, 255, .75);
    }

    .main-boxes-slider-thumbs .swiper-slide .cover img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .box-items .box-product .cover img{
        object-fit: contain;
        max-width: 254px;
        max-height: 254px;
    }
}

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

.swiper-slide .box-product{
    height: 100%;
    background-color: #F2EDF0;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
}

.box-product-bundle{
    width: 100%;
    height: 100%;
}

.box-product-bundle .cover{
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.box-product .cover{
    position: relative;
    padding: 4rem;
    aspect-ratio: 3/5;
}

.box-product .more{
    position: absolute;
    top: 2rem;
    left: 2rem;
    color: #746169;
    font-size: 20px;
    transition: .4s;
}
.box-product .cover .more:hover{
    color: #936646;
}

.box-product-info{
    padding: 0 3rem 3rem 3rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.box-product-title{
    font-size: 28px;
    line-height: 1;
}

.box-product-title p{
    display: inline;
}

.box-product-advantages{
    margin-top: auto;
}

.nav-product-adv{
    flex-direction: column;
    row-gap: .25rem;
}

.nav-product-adv li{
    position: relative;
    font-size: 24px;
    line-height: 1;
    font-weight: 300;
    padding-left: 2rem;
}

.nav-product-adv li::before{
    position: absolute;
    content: '';
    width: 19px;
    height: 19px;
    border-radius: 20px;
    background-color: #746169;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
}

.modal-dialog .btn-close{
    position: absolute;
    top: 1.5rem;
    right: 1.25rem;
}
.modal-dialog .btn-close:focus{
    box-shadow: none;
}

.modal-header{
    padding: .5rem 2rem .5rem 0;
    border-bottom: 0;
}

.modal-content{
    border-radius: 30px;
    overflow: hidden;
    padding: .5rem 1.5rem 2rem 1.5rem;
}

.modal-body{
    max-height: 60vh;
    overflow-y: auto;
    padding: 2px 0;
}

.modal-body-content{
    font-weight: 300;
    color: #746169;
    padding-right: 1.5rem;
    line-height: 1.2;
    font-size: 14px;
}

.modal-body-content i{
    font-weight: 400;
    font-style: normal;
}

.modal-dialog.modal-md{
    max-width: 655px;
}

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

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

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

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
    transition: .4s;
}

::-webkit-scrollbar-thumb:hover {
    background: #82747a;
}

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

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

@media (max-width: 579px){
    .box-items{
        height: auto;
        border-radius: 15px;
    }
    .box-product-title{
        font-size: 15px;
    }
    .nav-product-adv li{
        font-size: 15px;
    }

    .box-product-info{
        /*padding: 0 1.5rem 1.5rem 1.5rem;*/
        padding: 1rem 0;
    }

    .box-product .cover{
        aspect-ratio: 1/1;
    }

    .box-product-advantages{
        margin-top: 1rem;
    }
    .nav-product-adv li{
        padding-left: 1.25rem;
    }
    .nav-product-adv li::before{
        width:  12px;
        height: 12px;
    }

    .swiper-slide .box-product{
        background-color: white;
        padding: .75rem .75rem .75rem .75rem;
        border-radius: 15px;
    }
    .box-product .cover{
        background-color: #EDECED;
        border-radius: 15px;
    }

    .box-product .more{
        position: relative;
        top: unset;
        left: unset;
        margin-top: 1rem;
        height: 34px;
        border-radius: 34px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .5rem 1rem;
        background-color: #F2EDF0;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        background-image: url(plus.svg);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 16px;
    }

    .box-product-bundle{
        padding: .75rem;
    }

    .main-boxes-about{
        font-size: 16px;
        color: white;
        font-weight: 400;
    }

    .main-boxes-items .btn{
        height: 34px;
        background-color: #a2999a;
        border: 0;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        font-size: 12px;
        color: rgba(255, 255, 255, .5);
        padding: .5rem 1rem;
        text-align: start;
    }
    .main-boxes-items .btn b{
        color: white;
    }
    .main-boxes-items .btn img{
        width: 14px;
        filter: brightness(0) invert(1);
    }
}

/* BUNDLE */
.main-bundle-wrapper{
    padding: 4rem;
    border-radius: 45px;
    background-color: #F2EDF0;
}

.main-bundle-wrapper .gx-lg-5{
    --bs-gutter-x: 5rem;
}

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

.main-bundle-title{
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
}

.main-bundle-desc{
    font-size: 28px;
    line-height: 1;
    font-weight: 300;
    margin-top: 2rem;
}

.nav-bundle{
    margin: 2.5rem 0;
    flex-direction: column;
}

.nav-bundle li{
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: .75rem 0 .75rem 2rem;
    font-size: 22px;
    line-height: 1.2;
}

.nav-bundle li::before{
    position: absolute;
    content: '';
    top: 20px;
    left: 0;
    margin: auto;
    font-size: 14px;
    width: 19px;
    height: 14px;
    background-image: url(check.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.main-bundle-prices-coupon{
    margin-top: auto;
}

.main-bundle-prices-size{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.main-bundle-prices-title{
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}

.main-bundle-prices-limit{
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

.main-bundle-prices{
    display: flex;
    align-items: baseline;
    column-gap: 1.5rem;
    transform: translateY(4px);
}

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

.main-bundle-prices del{
    font-size: 22px;
    font-weight: 100;
    line-height: 1;
    color: #a2979c;
}

.main-bundle-input input{
    height: 92px;
    border-radius: 20px;
    width: 100%;
    padding: .5rem 2rem;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    color: #746169;
    font-weight: 500;
    border: 0;
    outline: none;
    transition: .4s;
}

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

.main-bundle-input input::placeholder{
    font-size: 24px;
    font-weight: 400;
    text-transform: lowercase;
    transition: .4s;
}

.main-bundle-input input:focus::placeholder{
    opacity: .1;
}

.main-bundle-button{
    margin-top: .5rem;
}

.main-bundle-button .btn{
    height: 92px;
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
}


.main-bundle .cover{
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

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

/* lost */
.main-bundle-prices span{
    font-size: 45px;
    font-weight: 600;
}

.main-bundle-prices-coupon .cart-checkout-discount input,
.main-bundle-prices-coupon .cart-checkout-discount .btn{
    border-radius: 30px;
}

.main-bundle-input{
    position: relative;
    z-index: 1;
}

.main-bundle-prices-coupon .cart-checkout-discount{
    margin-top: -92px;
    z-index: 0;
    position: relative;
    transition: .4s;
}

.main-bundle-prices-coupon:not(.is-discount) .main-bundle-prices{
  // flex-direction: column;
   // align-items: end;
}



.main-bundle-prices-coupon.is-discount .main-bundle-prices{
    line-height: 1;
    flex-direction: row;
}

.main-bundle-prices{
    line-height: 1.3;
}

.main-bundle-prices span{
    display: none;
}
.main-bundle-prices-coupon.is-discount .main-bundle-prices span{
    display: block;
}

.main-bundle-prices del{
    display: none;
}
.main-bundle-prices-coupon.is-discount .main-bundle-prices del{
    display: block;
}

.main-bundle-prices b{
    font-size: 22px;
}

.main-bundle-prices-tarif{
    flex-basis: 100%;
    width: 100%;
}

.main-bundle-prices-coupon.is-discount .main-bundle-prices-tarif {
    display: none;
}


.main-bundle-prices i{
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
}
.main-bundle-prices-coupon.is-discount .main-bundle-prices i{
    display: none;
}

.main-bundle-prices-coupon .main-bundle-input{
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.main-bundle-prices-coupon.is-discount .main-bundle-input{
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.main-bundle-prices-coupon.is-discount .cart-checkout-discount{
    opacity: 0;
}


@media (max-width: 579px){

    .main-bundle-title{
        font-size: 28px;
    }

    .main-bundle{
        padding: 0;
    }

    .main-bundle-wrapper{
        padding: 2rem 1rem;
        border-radius: 30px;
        background-color: transparent;
    }

    .main-bundle-wrapper .gx-lg-5{
        --bs-gutter-x: 0;
    }

    .main-bundle-desc{
        font-size: 16px;
        margin-top: 1rem;
    }

    .nav-bundle{
        margin: 1.5rem 0;
    }

    .nav-bundle li{
        font-size: 16px;
    }
    .nav-bundle li::before{
        width: 14px;
        height: 10px;
        background-size: contain;
        top: 18px;
    }

    .main-bundle-info .cover{
        margin-bottom: 1rem;
    }

    .main-bundle-prices-title,
    .main-bundle-prices-limit{
        font-size: 11px;
    }

    .main-bundle-prices{
        column-gap: 1rem;
    }

    .main-bundle-prices del{
        font-size: 15px;
    }
    .main-bundle-prices span{
        font-size: 23px;
    }

    .main-bundle-prices i{
        font-size: 30px;
    }

    .main-bundle-prices b{
        font-size: 14px;
    }

    .main-bundle-prices-coupon .cart-checkout-discount input, 
    .main-bundle-prices-coupon .cart-checkout-discount .btn{
        border-radius: 15px;
    }

    .main-bundle-prices-coupon .cart-checkout-discount input{
        background-color: #f1edf0;
    }

    .main-bundle-input input,
    .main-bundle-button .btn{
        height: 60px;
        border-radius: 15px;
        font-size: 16px;
    }

    .main-bundle-prices-coupon .cart-checkout-discount{
        margin-top: -60px;
        z-index: 0;
        position: relative;
        transition: .4s;
    }

    .main-bundle-input input{
        background-color: #F1EFF0;
    }


    .main-bundle-input input::placeholder{
        font-size: 22px;
        font-weight: 400;
        text-transform: lowercase;
        line-height: 1;
    }

    .main-bundle-button .btn{
        font-size: 22px;
        font-weight: 400;
    }
}

/* INSTAGRAM */
.main-instagram-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem;
}

.main-block-title{
    font-size: 40px;
    line-height: 1;
}

.main-instagram-gallery .cover{
    text-decoration: none;
}

.main-instagram-gallery .cover img, .main-instagram-gallery .cover video{
    aspect-ratio: 9/16;
    display: block;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
}



.main-instagram-gallery-title{
    font-size: 22px;
    line-height: 1;
    color: #746169;
    margin-top: .5rem;
    text-transform: lowercase;
    font-weight: 500;
}

.main-instagram-thumb{
    display: flex;
    align-items: center;
}

.main-instagram-thumb .cover{
    width: 120px;
    height: 120px;
    border: 4px solid white;
    border-radius: 120px;
    overflow: hidden;
}

.main-instagram-thumb .cover:nth-child(1){
    transform: translateX(4.25rem);
}
.main-instagram-thumb .cover:nth-child(2){
    transform: translateX(2.75rem);
}
.main-instagram-thumb .cover:nth-child(3){
    transform: translateX(1.5rem);
}
.main-instagram-thumb .cover:nth-child(4){
    z-index: 1;
}

@media (max-width: 579px){
    .main-block-title{
        font-size: 22px;
        font-weight: 300;
    }

    .main-instagram-thumb .cover{
        width: 40px;
        height: 40px;
    }
    .main-instagram-thumb .cover:nth-child(1){
        transform: translateX(2.25rem);
    }
    .main-instagram-thumb .cover:nth-child(2){
        transform: translateX(1.5rem);
    }
    .main-instagram-thumb .cover:nth-child(3){
        transform: translateX(.75rem);
    }

    .main-instagram-gallery-title{
        font-size: 9px;
    }
}

/* TECHNOLOGY */
.main-tech{

}

.main-tech-title{
    font-size: 55px;
    line-height: 1;
    margin-bottom: 3rem;
}

.main-tech-banner{
    position: relative;
}

.main-tech-banner .cover{
    border-radius: 30px;
    overflow: hidden;
}

.main-tech-banner-title{
    position: absolute;
    top:  2.5rem;
    left: 3rem;
    color: white;
    font-size: 44px;
    font-weight: 600;
    line-height: 1;
}

.main-tech-banner-desc{
    position: absolute;
    left: 3rem;
    bottom: 2.5rem;
    color: white;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 75%;
}

.main-tech-info{
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    background-color: #EEE7EA;
    border-radius: 30px;
    overflow: hidden;
}

.main-tech-info-button{
    margin-top: auto;
}

.main-tech-info-title{
    font-size: 38px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1.5rem;
}

.main-tech-info-desc{
    font-size: 24px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 1.5rem;
}

.main-tech-info-info{
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.main-tech-info-button{
    position: relative;
    z-index: 1;
}

.main-tech-info-button .btn{
    position: relative;
    padding: .5rem 2.5rem;
    height: 65px;
    border-radius: 65px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    padding-right: 3.5rem;
    background-color: #FFFFFF;
}

.main-tech-info-button .btn span{
    position: relative;
}
.main-tech-info-button .btn span::after{
    position: absolute;
    content: '→';
    top: -.15rem;
    right: -1.5rem;
}

.main-tech-info .cover{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    animation: linear 16s lava1 infinite;
    padding: 2rem;
}

.main-tech-info .cover img{
    width: 100%;
}

@keyframes lava1{
  0%,100% {transform: rotate3d(1, 1, 1, 15deg)}
  50% { transform: rotate3d(1, 1, 1, 0deg)  }
}

@media (max-width: 579px){
    .main-tech-title{
        font-size: 28px;
    }
    .main-tech-banner-title{
        font-size: 20px;
        top: 1.5rem;
        left: 1.5rem;
    }
    .main-tech-banner-desc{
        font-size: 12px;
        left: 1.5rem;
        bottom: 1.5rem;
    }
    .main-tech-info{
        padding: 1.5rem;
    }
    .main-tech-info-title{
        font-size: 16px;
    }
    .main-tech-info-desc{
        font-size: 12px;
    }
    .main-tech-info-info{
        font-size: 14px;
        padding-bottom: 200px;
    }
    
    .main-tech-info-button{
        margin-top: 1rem;
    }

    .main-tech-info-button .btn{
        font-size: 8px;
        padding: .5rem 1.5rem;
        height: 32px;
        letter-spacing: .5px;
    }
    .main-tech-info-button .btn span::after{
        right: -.75rem;
        top: -.1rem;
    }
}

/* COMPARE */
.main-compare-title{
    text-align: center;
    margin-bottom: 3rem;
    line-height: 1;
    font-size: 70px;
    font-weight: 300;
}

.main-compare-wrapper{
    position: relative;
    background-color: #EEE7EA;
    border-radius: 30px;
    padding: 2rem;
}

.main-compare-wrapper::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: calc(100% - 4rem);
    background-color: rgba(116, 97, 105, .2);
}

.box-compare .cover{
    aspect-ratio: 3/3.25;
    display: block;
    border-radius: 30px;
    overflow: hidden;
}

.box-compare-info{
    padding: 1.5rem;
}

.box-compare-title{
    font-size: 20px;
    font-weight: 600;
    color: rgba(116, 97, 105, .5);
    line-height: 1;
    margin-bottom: 2rem;
    height: 34px;
    display: flex;
    align-items: center;
}

.box-compare-adv{
    display: grid;
    grid-template-columns: 32px auto;
    column-gap: 1.5rem;
    margin-bottom: 1rem;
}

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

.box-compare-adv-icon{
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 2px solid rgba(116, 97, 105, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
}

.box-compare-adv-text{
    display: flex;
    flex-direction: column;
    row-gap: .35rem;
    line-height: 1;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(116, 97, 105, .5);
}

.box-compare-adv-text b{
    font-size: 22px;
}
.box-compare-adv-text span{
    line-height: 1.1;
}

.box-compare-eyea .box-compare-adv-icon{
    background-color: #746169;
    border-color: #746169;
}

.box-compare-eyea .box-compare-adv-text{
    color: #746169;
}

@media (max-width: 579px){
    .main-compare-title{
        font-size: 28px;
        text-align: start;
    }
    .box-compare-title{
        font-size: 11px;
        margin-bottom: 1rem;
    }

    .box-compare-title img{
        width: 80px;
    }

    .main-compare-wrapper{
        padding: 1rem;
    }
    .box-compare-info{
        padding: .75rem;
    }

    .box-compare-adv{
        grid-template-columns: 18px auto;
        column-gap: .75rem;
    }

    .box-compare-adv-icon{
        width: 18px;
        height: 18px;
        border: 1px solid rgba(116, 97, 105, .5);
    }
    .box-compare-adv-icon img{
        width: 8px;
    }

    .box-compare-adv-text{
        row-gap: .15rem;
    }

    .box-compare-adv-text b{
        font-size: 12px;
    }
    .box-compare-adv-text span{
        font-size: 7px;
    }
}

/* FAQ */
.main-faq-header{
    text-align: center;
    margin-bottom: 3rem;
}

.main-faq-title{
    font-size: 55px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 1.5rem;
}

.main-faq-subtitle{
    font-size: 28px;
    font-weight: 100;
    line-height: 1;
}

.main-faq .accordion-button{
    padding: 2rem 3.5rem;
    background-color: #F2EDF0;
    border-radius: 30px;
    font-size: 28px;
    line-height: 1;
    text-decoration: none;
    font-weight: 500;
    color: #746169;
}

.main-faq .accordion-item{
    margin-bottom: .5rem;
}

.main-faq .accordion-item{
    border: 0;
}

@media (max-width: 579px){
    .main-faq-title{
        font-size: 30px;
    }
    .main-faq-subtitle{
        font-size: 18px;
    }
    .main-faq .accordion-button{
        font-size: 14px;
        padding: 1.5rem 1.5rem;
        border-radius: 15px;
        font-weight: 400;
    }

    .main-faq .accordion-item .accordion-body{
        font-size: 14px;
        line-height: 1.2;
        color: #746169;
    }
}

/* GALLERY */
.main-gallery{
    margin-bottom: 1rem;
}

.main-gallery-title{
    font-size: 55px;
    line-height: 1;
    margin-bottom: 3rem;
}

.main-gallery-wrapper .cover{
    aspect-ratio: 9/14.5;
    display: block;
    border-radius: 45px;
    overflow: hidden;
}

.main-gallery-wrapper .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 579px){
    .main-gallery-title{
        font-size: 28px;
    }
    .main-gallery-wrapper .cover{
        border-radius: 30px;
    }
}

/* BLOG */
.main-blog{
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: calc(100vh - 92px - 1rem);
}

.main-blog .row,
.main-blog .col-6,
.main-blog .col-lg-6{
    height: 100%;
}

.box-article{
    position: relative;
    height: 100%;
}

.box-article .cover{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 45px;
    overflow: hidden;
}

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

.box-article-info{
    position: absolute;
    left: 2rem;
    bottom: 2rem;
}

.box-article-title{
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    color: white;
    max-width: 75%;
}

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

.box-article-button .btn{
    padding: .5rem 2rem;
    height: 60px;
    background-color: rgba(255, 255, 255, .3);
    border-color: rgba(255, 255, 255, .3);
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.box-article-button .btn:focus{
    background-color: white;
    color: #746169;
}

.main-blog-del{
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

.main-blog-del .box-article{
    max-height: 100%;
} 

.main-blog-del .box-article .cover{ 
    aspect-ratio: 2/1;
}

@media (max-width: 579px){
    .main-blog{
        height: auto;
        margin-bottom: .5rem;
    }
    .box-article .cover{
        border-radius: 20px;
    }

    .box-article-info{
        left:   1.5rem;
        bottom: 1.5rem;
    }

    .box-article-title{
        font-size: 20px;
        max-width: 80%;
    }
    .box-article-button .btn{
        height: 42px;
        border-radius: 14px;
        font-size: 12px;
    }
}

/* COLLECTION 
================================
================================*/


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


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

.block-title{
    font-size: 40px;
    line-height: 1;
}

.page-content{
    margin-top: 3rem;
}

.page-content,
.page-content a{
    text-wrap: wrap;
    white-space: wrap;
    word-break: break-word;
}

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

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

/* BLOG - ARTICLE
================================
================================*/
.article-block{
    margin-top: 1rem;
}

.article-block .cover{
    position: sticky;
    top: 7rem;
}

.article-block .cover img{
    width: 100%;
}

/* ORDER
================================
================================*/
.order-block{
    margin-top: 2rem;
}

.order-content{
    margin-top: 0;
}

.order-content-wrapper{
    background-color: #F6F5F5;
    padding: 3rem;
    border-radius: 30px;
}

.order-content p{
    margin-bottom: .25rem;
}

.order-content-info{
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.order-content-title{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 2rem;
}

.order-content-info-line{
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 1rem;
    row-gap: 1rem;
}

.order-content-info-line{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1;
}

.order-content-info-line-name{
    font-weight: 500;
}

@media (max-width: 579px){
    .order-content-wrapper{
        padding: 2rem 1rem;
    }

    .order-content-title{
        font-size: 24px;
    }

    .order-content-info-line{
        font-size: 14px;
    }

    .order-content-info-line{
        grid-template-columns: 3fr 4fr;
    }
}


/* CART
================================
================================*/
.cart-block{
    margin-top: 1rem;
}

.cart-title{
    font-size: 40px;
    line-height: 1;
}

.nav-breadcrumbs{
    column-gap: 2rem;
    margin-bottom: 2rem;
}

.nav-breadcrumbs li .nav-link{
    position: relative;
    padding: 0;
}

.nav-breadcrumbs li + li .nav-link::after{
    position: absolute;
    content: '/';
    top: 0;
    left: -1.25rem;
    bottom: 0;
    margin: auto;
}

.nav-breadcrumbs li a{
    color: #746169;
}
.nav-breadcrumbs li span.nav-link{
    color: #8D757F;
}

/* CART CHECKOUT */
.cart-checkout{
    background-color: #F1EFF0;
    border-radius: 45px;
    padding: 1.5rem;
}

.cart-list{
    border-bottom: 1px solid rgba(116, 97, 105, .26);
}

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

.box-item .cover{
    border-radius: 30px;
    overflow: hidden;
}

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

.box-item-middel{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.box-item-title{
    font-size: 24px;
    line-height: 1.2;
}

.box-item-sku{
    margin-top: 1rem;
    font-weight: 100;
}

.quantity{
    width: 180px;
    display: grid;
    grid-template-columns: 58px auto 58px;
    column-gap: .25rem;
    background-color: white;
    border-radius: 15px;
    margin-top: auto;
}

.quantity input{
    width: 100%;
    height: 100%;
    text-align: center;
    border: 0;
    font-size: 36px;
    line-height: 1;
    font-weight: 100;
    padding: 0;
}

.quantity input:focus,
.quantity input:active{
    box-shadow: none;
    outline: none;
    border-color: transparent;
}

.btn-qty{
    height: 58px;
    height: 58px;
}

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

.box-item-prices{
    display: flex;
    flex-direction: column;
    row-gap: .35rem;
    align-items: end;
    line-height: 1.2;
}

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

.box-item-prices del{
    color: rgba(116, 97, 105, .3);
    font-size: 24px;
}

.cart-checkout-amount{
    margin: 2rem 0;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.cart-checkout-amount-name{
    font-size: 24px;
    font-weight: 500;
}

.cart-checkout-amount-value{
    display: flex;
    flex-direction: column;
    row-gap: .25rem;
    align-items: end;
    line-height: 1.2;
}

.cart-checkout-amount-value span{
    font-size: 40px;
    font-weight: 500;
}

.cart-checkout-amount-value i{
    font-style: normal;
    font-weight: 100;
    font-size: 24px;
}

.cart-checkout-discount{
}

.cart-checkout-discount input{
    height: 92px;
    padding: .5rem 2rem;
    border: 0;
    border-radius: 35px;
    width: 100%;
    text-align: center;
    transition: .4s;
    text-transform: uppercase;
    font-size: 24px;
    color: #746169;
    font-weight: 500;
}

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

.cart-checkout-discount input::placeholder{
    transition: .4s;
    font-size: 24px;
    text-transform: lowercase;
    font-weight: 500;
}

.cart-checkout-discount input:focus::placeholder{
    opacity: .25;
}

.cart-checkout-discount .btn{
    height: 92px;
    width: 100%;
    border-radius: 35px;
    font-size: 24px;
}

.cart-checkout-buttont{
    margin-top: .75rem;
}

.cart-checkout-buttont .btn{
    height: 92px;
    font-size: 28px;
    color: #746169;
    border-radius: 35px;
}

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

    .cart-checkout{
        padding: 1rem;
        border-radius: 20px;
    }

    .box-item .cover{
        border-radius: 15px;
    }

    .box-item-title{
        font-size: 13px;
        line-height: 1.3;
    }
    .box-item-prices span{
        font-size: 16px;
    }
    .box-item-prices del{
        font-size: 12px;
    }
    .box-item-sku{
        font-size: 12px;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .quantity{
        width: 82px;
        height: 32px;
        grid-template-columns: 32px auto 32px;
        border-radius: 10px;
    }

    .quantity .btn-qty{
        width:  32px;
        height: 32px;
    }

    .quantity input{
        height: 32px;
        font-size: 14px;
        line-height: 1;
    }

    .quantity .btn-qty img{
        width: 12px;
        height: 12px;
    }

    .cart-checkout-amount-name{
        font-size: 22px;
    }

    .cart-checkout-amount-value span{
        font-size: 22px;
    }

    .cart-checkout-amount-value i{
        font-size: 14px;
        font-weight: 300;
    }

    .cart-checkout-discount input,
    .cart-checkout-discount .btn,
    .cart-checkout-buttont .btn{
        height: 60px;
        border-radius: 20px;
    }

    .cart-checkout-discount input{
        font-size: 16px;
        padding: .5rem 1rem;
    }
    .cart-checkout-discount input::placeholder{
        font-size: 16px;
    }
    .cart-checkout-discount .btn{
        font-size: 16px;
    }
    .cart-checkout-buttont .btn{
        font-size: 20px;
    }
}

/* FOOTER 
================================
================================*/
footer{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

footer .footer-wrapper{
    position: relative;
    background-color: #D1C3CA;
    border-radius: 30px;
    padding: 2.5rem;
    padding-bottom: 23%;
}

.footer-wrapper-menu-quest{
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.footer-wrapper-menu-quest .btn{
    height: 82px;
    border-radius: 30px;
    padding: .5rem 2rem;
    display: grid;
    grid-template-columns: 50px auto;
    column-gap: 1.5rem;
    justify-content: start;
    text-align: start;
}

.footer-wrapper-quest-text{
    display: flex;
    flex-direction: column;
}

.footer-wrapper-quest-text b{
    font-size: 24px;
}

.footer-wrapper-quest-text span{
    font-weight: 100;
    margin-top: .25rem;
}

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

.nav-footer li a{
    padding: 0;
    line-height: 1;
    font-size: 28px;
    font-weight: 300;
    color: #746169;
    display: inline-block;
}

.footer-rekviz{
    margin: 3rem 0;
}

.footer-rekviz{
    font-size: 12px;
}

.footer-rekviz-title{
    font-weight: 500;
}

.footer-rekviz-title-text{
    font-weight: 300;
}

.footer-rekviz-title-text p{
    margin-bottom: 0;
}

.logo-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0rem 4rem 2rem 4rem;
}

.logo-footer img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 579px){
    footer{
        margin-top: .5rem;
    }
    footer .footer-wrapper{
        padding: 1.5rem;
        padding-top: 35%;
    }
    .nav-footer{
        row-gap: .15rem;
    }
    .nav-footer li{
        line-height: 1;
    }
    .nav-footer li a{
        font-size: 12px;
        line-height: 1;
    }
    .footer-rekviz{
        font-size: 10px;
        margin-bottom: 0;
    }
    .logo-footer{
        padding: 1.5rem 1.5rem 0 1.5rem;
        bottom: auto;
        top: 0;
    }

    footer .footer-wrapper-quest .btn{
        padding: .5rem 1.5rem;
        height: 62px;
        background-color: #D1C3CA;
        width: 100%;
        justify-content: start;
        border-radius: 15px;
        display: grid;
        grid-template-columns: 40px auto;
        text-align: start;
        column-gap: 1rem;
    }
    footer .footer-wrapper-quest .btn img{
        width: 100%;
        height: 100%; 
    }
}

.btn-mob {
 display: none!important;
}



@media (max-width: 579px){
.btn-mob {
 display: flex !important;
}

.btn-comp {
 display: none !important; 
}

   
    header.scrolling .header-buttons {
        display: flex !important;
    }

     header.scrolling .header-buttons .js-click{
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin: 0;
    padding: 0;
    transform: translateX(-50%);
        }

   header.scrolling  .header-buttons .btn-pudra::after {
    bottom: -17px;
   }
}

.cart-checkout-discount::placeholder { font-family: 'Normalidad', sans-serif, system-ui !important; }
.cart-checkout-discount::-moz-placeholder  { font-family: 'Normalidad', sans-serif, system-ui !important; }
.cart-checkout-discount::-webkit-input-placeholder  { font-family: 'Normalidad', sans-serif, system-ui !important; }

.icon-tg {
    display: none;
}

@media (min-width: 860px){

.icon-tg {
    display: block;
}
}


.btn-tg {
    margin-top: 12px;
}

.box-item-border {
  border-top:  1px solid rgba(116, 97, 105, .26);
  padding-top: 10px;
}


#shipping_address_country {
    font-size: 21px!important;
}