/** Shopify CDN: Minification failed

Line 2471:2 Expected identifier but found whitespace
Line 2507:0 Unexpected ".14pixels"
Line 2516:4 Unexpected "{"
Line 2585:1 Expected "}" to go with "{"

**/
@font-face {
    font-family: Futura;
    src: url("/cdn/shop/files/futura-now-text.ttf?v=1771526533");
}

@font-face {
    font-family: Freight;
    src: url("/cdn/shop/files/FreightDispProLight-Regular.ttf?v=1771526534");
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

li.header__primary-nav-item .h6 {
    font-size: 16px;
    font-family: Futura !important;
    letter-spacing: 0px;
    font-weight: 400;
    color: #212121;
}


.header {
        column-gap: 2.5rem;
        padding: 13px 20px ;
        border: none !important;
        box-shadow: none !important;
    }


.header__logo-image {
    filter: brightness(0);
}

.hero-sec {
            width: 100%;
            padding: 40px 60px;
            height: 900px;
            display: flex;
            align-items: flex-end;
            background-size: cover !important;
            background-position: center center !important;
            overflow: hidden !important;
     }

    .hero-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
/* Taille standard */
.text-col h1 {
    font-family: Freight;
    font-size: 40px;
    line-height: 60px;
    color: #FCFAF3!important;
    text-transform: uppercase;
    font-weight: 300;
    width: 780px;
}

.text-col p {
    font-family: Futura;
    font-size: 20px;
    color: #FCFAF3!important;
    font-weight: 400;
}

.btn-col {
    display: flex;
}

.btn-col a {
    font-family: Futura;
    font-size: 20px;
    color: #FCFAF3!important;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 70px 13px 70px;
    border-radius: 30px;
    border: 2px solid #FCFAF3!important;
    transition: ease-in 0.2s;
}

.btn-col a:hover {
    background-color: #FCFAF3!important;
    color: #555721!important;
}

    .promise-sec {
        margin: 40px 60px 0px 60px;
    }

    .promise-inner {
    padding: 0px 0px 10px 0px;
    border:none!important;
    /*border-top: none!important;
    border-bottom: 1px solid #212121;
    border-width: 1px 0 1px 0;*/ /* top right bottom left */
    }

    .promise-inner h3 {
        font-family: Freight;
        font-size: 26px;
        color: #212121;
        text-transform: uppercase;
    }

    .promise-inner p {
    font-family: Futura;
    font-size: 16px;
    line-height: 28px;
    color: #212121;
    font-weight: 400;
    max-width: 960px;
    margin: 20px 0px;
    }

   .promise-inner a {
    font-family: Futura;
    font-size: 16px!important;
    line-height: 28px;
    color: #212121;
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: right;
    text-decoration: underline;
}


.ritual {
    width: 100%;
    height: 810px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.ritual h1 {
    font-family: Freight;
    font-size: 36px!important;
    line-height: 30px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    width: 1155px;
    text-align: center;
}

.ritual p {
    font-family: Futura;
    font-size: 18px!important;
    color: #000000!important;
    font-weight: 300;
    width: 1155px;
    text-align: center;
}

.ritual a {
    font-family: Futura;
    font-size: clamp(12px,2vw,16px)!important;
    color: #FCFAF3;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 70px 13px 70px;
    border-radius: 30px;
    border: 2px solid #FCFAF3!important;
    transition: ease-in 0.2s;
    background-color: #FCFAF3!important;
    color: #555721;
}

.ritual a:hover {
    background-color:transparent!important;
    color:#FCFAF3!important;
}







.sponsor {
    display: flex;
    justify-content: center;
}

.concern-top {
    padding: 0px 0px 30px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.concern-top h5 {
        font-family: Freight;
        font-size: 26px!important;
        color: #212121;
        font-weight: 600;
        text-transform: uppercase;
}

   .concern-top a {
    font-family: Futura;
    font-size: clamp(16px,2vw,18px);
    line-height: 28px;
    color: #212121;
    font-weight: 400;
    display: block;
    text-align: right;
    text-decoration: underline;
}

.concern-two-column {
    display: flex;
    flex-direction: row;
}

.concern-two-column .first-col, .concern-two-column .sec-col {
    width: 50%;
    padding: 40px 30px;
    height: 836px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: self-start;
    gap:20px;
    position: relative;
}

.concern-two-column h3 {
    font-family: Futura;
    font-size: 24px;
    line-height: 20px;
    color: #FCFAF3;
    font-weight: 600;
}

.concern-two-column p {
    font-family: Futura;
    font-size: 14px!important;
    line-height: 20px;
    color: #FCFAF3;
    font-weight: 300;
    width: 590px;
}

.concern-two-column a {
    font-family: Futura;
    font-size: 16px;
    color: #FCFAF3;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 70px 9px 70px;
    border-radius: 30px;
    border: 2px solid #FCFAF3;
    transition: ease-in 0.2s;
}

.concern-two-column a:hover {
    background-color: #FCFAF3;
    color: #555721;
}

.concern-two-column .tag {
    background: #FCFAF3;
    padding: 6px 20px;
    width: 159px;
    font-size: 14px;
    color: #555721!important;
    text-align: center;
    border-radius: 30px;
    position: absolute;
    top: 30px;
}

    .brands {
        padding: 60px;
        display: flex;
        flex-direction: row;
        gap: 30px;
         justify-content: center;
        align-items: center;
    }

    .brands .img-col {
        width: 25%!important;
        max-width: 160px!important;
        background-color: #FCFAF3!important;
        border-radius: 5px!important;
        display: flex!important;
        justify-content: center!important;
        align-items: center!important;
        aspect-ratio: 1 / 1!important; 
    }

    .booster {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    min-height: 936px; /* au lieu de height */
    height: auto;
}

.booster .con-col {
    width: 50%;
    background: #766F61;
    padding: 60px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* au lieu de space-between */
    gap: 40px;
    overflow: visible;
}

.booster .con-col h1 {
    font-family: Freight;
    font-size: 40px !important;
    line-height: 46px;
    color: #FCFAF3;
    font-weight: 600;
    font-style: italic;
}

.booster .con-col h1 span {
    font-size: 26px !important;
    font-weight: 400;
    font-style: normal;
}

.booster .con-col p {
    font-family: Futura;
    font-size: 16px;
    color: #FCFAF3;
    font-weight: 400;
    max-width: 570px; /* mieux que width fixe */
    width: 100%;
    text-align: left;
    line-height: 35px;
    margin: 0;
    overflow: visible;
    white-space: normal;
    word-break: break-word;
}

.booster .con-col a {
    font-family: Futura;
    font-size: 16px;
    color: #FCFAF3;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 70px 13px 70px;
    border-radius: 30px;
    border: 2px solid #FCFAF3;
    transition: ease-in 0.2s;
    background-color: #FCFAF3;
}

.booster .con-col a:hover {
    background-color: #FCFAF3;
    color: #555721;
}

.desc-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    overflow: visible;
}

.booster .img-col {
    width: 50%;
}
.testimonials {
    margin: 0px 30px 80px 30px;
}

.test-top{
    padding: 10px 30px 30px 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.test-top h5 {
        font-family: Freight;
        font-size: 26px!important;
        color: #212121;
        text-transform: uppercase;
}

   .test-top a {
    font-family: Futura;
    font-size: 18px;
    line-height: 28px;
    color: #212121;
    font-weight: 400;
    display: block;
    text-align: right;
    text-decoration: underline;
}

.test-inner {
    padding: 0px 20px;
}

.test-box {
    padding: 20px 30px;
    background-color: #FCFAF3;
}

.test-box .test-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.test-head h5 {
    font-family: Freight;
        font-size: 20px;
        color: #212121;
        text-transform: uppercase;
}

.test-head img {
    width: auto;
    height: auto;
}

.test-head img {
    width: 100px;
    height: 20px;
}

.test-box p {
        font-family: Futura;
        font-size: 18px;
        color: #212121;
        padding: 10px 0px;   
        text-align: justify;
}

.test-box .author-name {
    font-weight: bold;
}

.instagram {
    margin: 50px 0px;
    padding: 0px 30px;
}

.instagram h6 {
      font-family: Freight;
        font-size: 22px!important;
        color: #212121;
        text-transform: uppercase;
        text-align: center;
}

.instagram-inner {
    padding: 20px 0px 50px 0px !important;
}

     .product-tab {
            padding: 0px 0px;
            margin: 10px 40px;
        }

        .product-tab h1 {
            font-family: Freight;
             font-size: 26px!important;
            line-height: 66px;
            color: #212121;
            font-weight: 600;
            text-transform: uppercase;
            text-align: left;
        }

    .best-seller-home { /* taille commune */
            padding: 60px 0px 30px 30px;
        }

        .best-seller-home h1 {
            font-family: Freight;
             font-size: 26px!important;
            line-height: 66px;
            color: #212121;
            font-weight: 600;
            text-transform: uppercase;
            text-align: left;
        }



        .tab-container {
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 30px;
            padding: 40px 0px;
        }

        .tab-container h6 {
            font-family: Futura;
            font-size: 16px;
            text-transform: uppercase;
            color: #212121;
            font-weight: 400;
        }

        .product-tab .routine-h6 {
    font-family: Futura;
    font-size: 20px;
    color: #212121;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

        .tab-container h6.active {
            font-weight: 600;
            text-decoration: underline;
        }

        .main-tab-pro-sec {
            display: flex;
            flex-direction: row;
            gap: 40px;
        }

        .main-tab-pro-sec .side-img {
            height: 871px;
            padding: 40px 20px;
            display: flex;
            justify-content: flex-end;
            flex-direction: column;
            width: 35%;
            border-radius: 10px;
        }

        .main-tab-pro-sec .side-img h5 {
            font-family: Futura;
            font-size: 30px;
            line-height: 36px;
            color: #FCFAF3;
            font-weight: 300;
        }


        .main-tab-pro-sec .tab-main {
            width: 65%;
        }

  .pr-main {
    font-family: Futura;
    color: #212121;
    position: relative;
    padding-bottom: 20px;
}

.tag-f, .tag-s {
    position: absolute;
    left: 15px;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.tag-f {
    top: 15px;
    background-color: #555721; 
    color: #FCFAF3;
    font-family: Futura;
    font-size: 14px;
}

.tag-s {
    top: 58px;
    border: 1px solid #555721;
    color: #555721;
    font-family: Futura;
    font-size: 14px;
    font-weight: 600;
}


.pr-img {
    display: block;
    width: 100%;
    /*height: 702px;*/
    border-radius:8px;
}


.pr-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.category-name {
    text-transform: uppercase;
    font-size: 16px;
    color: #6F6F6F;
    margin: 0;
    font-family: Futura;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 60%;
}

.pr-head img {
    height: 14px; 
}

.product-name {
    font-family: Freight;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 10px 0;
    color: #212121;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.pr-main .pr-main-a, .pr-main .pr-add-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    border: 1px solid #555721;
    color: #555721;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-family: Futura;
}

.pr-main .pr-main-a:hover, .pr-main .pr-add-btn:hover  {
    background-color: #555721;
    color: #FCFAF3;
}

 .custom-footer {
            background-color: #FCFAF3;
            padding: 0px;
        }

        .footer-top-main {
            padding: 40px 30px;
            border-bottom: 2px solid #555721;
        }

        .footer-top {
            display: flex;
            justify-content: space-between;
            margin: auto;
            position: relative;
        }

        .footer-top .foot-col {
            padding: 10px 30px;
            text-align: center;
        }


        .footer-top .foot-col h6 {
            font-family: Futura;
            font-size: 22px;
            font-weight: 600;
            color: #555721;
        }

        .footer-top .foot-col p {
            font-family: Futura;
            font-size: 16px;
            font-weight: 400;
            color: #555721;
            margin-top: 10px;
        }

        .footer-main {
            display: flex;
            justify-content: space-between;
            margin: auto;
            position: relative;
            padding: 40px 30px;
        }

        .footer-main .main-col {
            width: 35%;
        }

        .footer-main .main-col img {
            width: 105px;
        }

        .footer-main .main-col p {
            font-family: Futura;
            font-size: 18px;
            color: #555721;
            margin: 20px 0px;
        }

        .footer-main .main-col input {
            width: 100%;
            background-color: transparent;
            border: none;
            padding-bottom: 10px;
            border-bottom: 1px solid #555721;
            font-family: Futura;
            font-size: 16px;
        }

        .footer-main .main-col button {
            background-color: transparent;
            font-family: Futura;
            font-size: 18px;
            font-weight: 600;
            color: #555721;
            text-decoration: underline;
            position: relative;
            float: right;
            border: none;
            top: -37px;
        }

        .main-men-col {
            padding: 0px 10px;
        }

        .main-men-col h6 {
             font-family: Futura;
            font-size: 18px;
            font-weight: 600;
            color: #555721;
            text-transform: capitalize;
        }

        .main-men-col ul {
            margin: 30px 0px;
            list-style: none;
        }

        .main-men-col ul li {
            font-family: Futura;
            font-size: 16px;
            font-weight: 400;
            color: #555721;
        }

        .copyright {
            margin: auto;
            padding: 10px 30px 30px;
        }

        .copyright img {
    margin: auto;
    width: 100%;
}

        .copyright h4 {
            font-family: Futura;
            font-size: 18px;
            font-weight: 400;
            color: #555721;
            margin-top: 20px;
        }

        .product {
    margin: auto;
    padding: 0px 30px;
}

        .product-gallery {
            gap: 10px;
        }

        button.product-gallery__thumbnail {
    width: 100px;
    border: none !important;
}

  button.product-gallery__thumbnail img {
    border-radius: 10px;
}

.product-gallery__thumbnail-scroller {
    width: 115px;
}

.above-title {
    text-align: center;
    font-family: FUtura;
    color: #000000;
}

.category {
    text-align: center;
    font-size: clamp(20px,2vw,25px)!important;
    font-family: 'Freight!important';
    color: #212121;
}

.product-title {
    font-family: Futura !important;
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    line-height: 10px;
    letter-spacing: -0.5px;
}

.below-title-button {
    text-align: center;
    font-family: 'Futura';
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0px;
    border: 1px solid black;
    border-radius: 60px;
    width: 270px;
    margin: auto;
}


sale-price.h4.text-subdued {
    font-size: 20px;
    font-family: 'Futura' !important;
    font-weight: 600 !important;
    margin: auto;
    color: black;
}

.below-price {
    text-align: center;
    font-family: Futura;
    font-size: 16px;
    font-weight: 400;
}

.capacity {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid black;
    font-size: 16px;
    font-family: Futura;
}

.capacity span {
    border-bottom: 4px solid #4d5324;
}

.buy-buttons button {
    border-radius: 10px;
    font-size: clamp(12px,2vw,16px)!important;
    font-family: 'FuturaNowText';
}

.features-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.feature {
    text-align: center;
    max-width: 100px;
}

.feature img {
    width: auto;
    height: auto;
    margin: 10px auto;
}

.feature p {
    font-size: 14px;
    color: #212121;
    margin: 0;
    font-family: Futura;
}

.below-icon {
    font-size: 16px;
    font-family: 'Futura';
    color: #212121;
}

     .benifits {
            margin: 40px 30px;
            padding: 40px 0px;
            /*border-top: 1px solid black;*/
            border-bottom: 1px solid black;
            display: flex;
            flex-direction: row;
        }

        .benifits .con-col {
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .benifits .img-col {
            width: 50%;
            display: flex;
            justify-content: end;
        }

        img#benefits-image {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
    border-radius: 10px;
}

        .benifits .con-col h6 {
            font-family: Futura;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            color: #212121;
        }

        .benifits .con-col a {
            font-family: Futura;
            font-size: 20px;
            font-weight: 600;
            color: #212121;
            text-decoration: underline;
        }

        .benifits-accordian {
            width: 80%;
        }

        .benifits-accordian .accordian-header {
            font-family: Freight;
            font-size: 50px;
            color: #555721;
            padding-bottom: 20px;
            opacity: 0.4;
            line-height: 1.2; /* plus petit = plus serré */
        }

        .benifits-accordian .active .accordian-header {
            opacity: 1;
            border-bottom: 2px solid #555721;
            line-height: 1.2; /* plus petit = plus serré */
        }   

     .accordian-content {
  font-family: Futura;
  font-size: 16px;
  color: #212121;

  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.3s ease;
}

.accordian-content a {
    font-size: 16px !important;
}

.accordian-item.active .accordian-content {
  opacity: 1;
    padding: 30px 30px 0px 0px;
}

.accordian-header {
  cursor: pointer;
}

       .principle {
            margin: 40px 30px;
        }

        .principle h6 {
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            font-family: Futura;
            color: #212121;
        }

        .prin-inner {
            padding: 30px 0px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

.prin-item {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
}

        .prin-btn-text {
            margin-top: 10px;
            font-size: 16px;
            font-family: Futura;
            color: #212121;
            border: 1px solid #212121;
            border-radius: 200px;
            padding: 5px 20px 10px;
            width: auto;
            text-align: center;
        }

        .effective {
            margin: 40px 30px;
            padding: 40px 0px;
            border-top: 1px solid #212121;
            border-bottom: 1px solid #212121;
        }

        .effective-top {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .effective-top h6 {
            font-family: Futura;
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 600;
            color: #212121;
        }

         .effective-top p {
            font-family: Futura;
            font-size: 16px;
            color: #212121;
        }

        .effective-inner {
            padding: 20px 0px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            gap: 20px ;
        }
        
        .effective-inner .effect-item {
            width: 33%;
            height: 233px;
            text-align: center;
            background-color: #BDBE98;
            border-radius: 5px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .effective-inner .effect-item h5 {
            font-family: Futura;
            font-size: 60px;
            text-transform: uppercase;
            font-weight: 600;
            color: #555721;
        }

        .effective-inner .effect-item p {
            font-family: Futura;
            font-size: 16px;
            color: #555721;
            font-weight: 600;
            text-transform: uppercase;
        }

                .main-tab-pro-sec-product {
            gap: 50px;
        }

        .main-tab-pro-sec .side-col {
    height: 871px;
    padding: 0px 20px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 45%;
    border-radius: 10px;
}   

.product-tab .tab-btn {
    font-family: Futura;
    font-size: 20px;
    color: #212121;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}
.pbest-seller-home .tab-btn {
    font-family: Futura;
    font-size: 20px;
    color: #212121;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}
 .main-tab-pro-sec .side-col h5 {
    font-family: Freight;
    font-size: 40px;
    color: #212121;
    font-weight: 400;
    line-height: 70px;
 }

 .main-tab-pro-sec .side-col p {
    font-family: Futura;
    font-size: 16px;
    color: #212121;
    font-weight: 400;
    text-align: justify;
    margin-top: 50px;
 }


 .main-tab-pro-sec .side-col a {
    font-family: Futura;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #555721;
    text-align: center;
    padding: 10px 0px;
    color: #FCFAF3;
    border-radius: 5px;
    margin-top: 10px;
    border: 1px solid #555721;
    transition: ease-in 0.2s;
 }

  .main-tab-pro-sec .side-col a:hover {
    background: #FCFAF3;
    color: #555721;
    border: 1px solid #555721;
  }

  .mega-menu {
    gap: 40px;
    z-index: 9999999999;
}

.mega-title {
    font-family: Futura !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #212121;
    letter-spacing: 0px;
}

.mega-links {
    font-family: Futura !important;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    letter-spacing: 0px;
}

.mega-menu__linklist {
    gap: 60px;
}

.announcement-bar__carousel {
    max-width: 690px;
}

.announcement-bar__carousel p {
    font-size: 14px;
    font-family: Futura !important;
    color: #212121;
    font-weight: 600;
    letter-spacing: 1px;
}

.product-details-accordion {
  margin: 30px auto;
  border-top: 2px solid #212121;
}

.product-details-item {
  border-bottom: 2px solid #212121;
}

.product-details-header {
    width: 100%;
    padding: 10px;
    font-size: 16px!important;
    font-family: Futura;
    font-weight: 600;
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.product-details-icon {
  font-size: 28px;
  transition: transform 0.3s ease;
}

.product-details-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 20px;
}

.product-details-content p {
  margin: 10px 0;
   font-size: 16px;
    font-family: Futura;
    font-weight: 500;
}

/* Active State */
.product-details-item.is-active .product-details-content {
  max-height: 2000px;
}

.product-details-item.is-active .product-details-icon {
  transform: rotate(45deg);
}

.product-info__block-list {
    height: 910px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 20px;
}


/* Chrome, Safari, Edge */
.product-info__block-list::-webkit-scrollbar {
    width: 4px;
    margin-right: -20px;
}

.product-info__block-list::-webkit-scrollbar-track {
    background: transparent;
}

.product-info__block-list::-webkit-scrollbar-thumb {
    background-color: #555721;
    border-radius: 999px;
}

.product-info__block-list::-webkit-scrollbar-thumb:hover {
    background-color: #333333;
}
        .product-list {
        --product-list-max-items-per-row-allowed: 2.2;
    }

    .product-card__rating>* {
    justify-content: flex-end !important;
}

   .product-card__top-info {
    gap: 0px !important;
}

.price {
    font-family: Futura;
    Color: #212121;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}

 .pr-badge {
    position: absolute;
    top: 10px;
    left: 130px;
    background: #555721;
    font-size: 16px;
    font-family: Futura;
    font-weight: 400;
    color: #FCFAF3;
    padding: 5px 30px 10px;
    border-radius: 50px;
    z-index: 1;
}  

.banner-pr {
    display: flex;
    align-items: center;
    background: #b7b594;
    border-radius: 14px;
    overflow: hidden;
    max-width: 400px;
}

/* Image */
.banner-img-pr img{
    width:120px;
    height:120px;
    object-fit:cover;
    display:block;
}

/* Divider line */
.divider-pr{
    width:2px;
    height:60px;
    background:#4a4a4a;
    margin:0 20px;
}

.banner-text-pr p{
    margin:5px 0 0;
    font-size:13px;
    color:#212121;
     font-family: Futura;
    font-weight: 400;
}

.banner-text-pr span{
    text-decoration:underline;
}

.jdgm-prev-badge {
    text-align: center;
}

.promo-bar {
    background: #f5f5f5;
    padding: 10px 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    color: #212121;
    font-size: 14px;
    font-family: Futura;
}

.promo-bar .payment {
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo-bar .promo-divider {
    width: 2px;
    height: 30px;
    background: #222;
}

.promo-bar .payment-text {
    color: #555;
    margin-left: 6px;
}

.brandpagebooster .con-col p {
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.brandpagebooster .con-col h1 {
    font-style: normal;
}

.brandpagebooster .con-col h6 {
    font-size: 20px;
    font-family: Futura;
    font-weight: 400;
    text-transform: uppercase;
    color: #FCFAF3;
}

.brandpagebooster1 {
    margin: 0px !important;
}

.brandpagebooster2 {
    flex-direction: row-reverse;
    margin: 0px !important;
}

.brandpagebooster2 h1, .brandpagebooster2 h6, .brandpagebooster2 p {
    color: black !important;
}


.brandstext-sec {
    padding: 20px 0px;
}

.brandstext-sec h1 {
    font-size: 40px;
    line-height: 90px;
    font-family: Freight;
    color: #212121;
    font-weight: 400;
    text-transform: uppercase;
    width: 1050px;
    text-align: center;
    margin: auto;
}

.brandstext-sec p {
    font-size: 18px;
    font-family: Futura;
    font-weight: 400;
    color: #212121;
    width: 768px;
    text-align: center;
    margin: 20px auto 0px;
}

.account-text {
    font-size: 14px;
    font-family: Futura;
    font-weight: 400;
    color: #212121;
    text-align: center;
    text-transform: uppercase;
}
.tl-select .tl-label {
  color: #212121 !important;
  text-transform: uppercase;
}
.partner-text {
      font-size: 14px;
    font-family: Futura;
    font-weight: 400;
    color: #212121;
    text-align: center;
    text-transform: uppercase;
}

button.localization-toggle.heading.text-xxs.link-faded {
    font-size: 14px;
    letter-spacing: 0px;
}

.prin-item:first-child {
    width: 50%;
}

.prin-item img {
    height: 520px;
}

.featured-collections-side-image {
  width: 100%;
}

.featured-collections-side-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}


/* Taille type ipad Pro */
@media (max-width:1024px) {
    .features-container {
        gap: 4px!important;
    }
    .featured-collections-side-image{display:none!important}

}


@media (max-width:1600px) {

.hero-sec {
            height: 600px;
    }
/* Taille de 1024 à 1600px */
    .text-col h1 {
    font-size: 40px;
    line-height: 70px;
}

.btn-col a {
    font-size: 17px;
    padding: 6px 50px 11px 50px;
}

.text-col p {
    font-family: Futura;
    font-size: 20px;
}

.ritual {
    width: 100%;
    height: 610px;
}

.concern-two-column .first-col, .concern-two-column .sec-col {
    height: 626px;
}

.concern-two-column h3 {
    font-size: 30px;
    line-height: 20px;
}

.concern-two-column p {
     font-size: 14px!important;
    line-height: 25px;
}

.brands .img-col {
         aspect-ratio: 1 / 1;
    }

.brands .img-col img {
        width: 50%;
    }

    .booster {
        margin: 0px 0px;
         height: 676px;
    }

    .booster .con-col h1 {
    font-size: 40px;
    line-height: 40px;
    }

    .booster .con-col h1 span {
        font-size:26px!important;
    }

    .booster .con-col p {
    font-family: Futura;
    font-size: 16px;
    color: #FCFAF3;
    font-weight: 400;
    width: 570px;
    text-align: left;
    line-height: 26px;
}

.testimonials {
    margin: 0px 30px 50px 30px;
}

.test-box p {
        font-size: 18px;
}

.test-head h5 {
        font-size: 20px;
}

.footer-top .foot-col {
    padding: 10px 20px;
    text-align: center;
}

.footer-top-main {
    padding: 30px 20px;
    border-bottom: 2px solid #555721;
}

.footer-top .foot-col h6 {
    font-size: 20px;
}
.product {
    margin: auto;
    padding: 0 0px;
}

.product-title {
    font-size: 14px!important;
    line-height: 40px;
}

.features-container {
    gap: 20px;
}

.feature {
    max-width: 60px;
}

.feature p {
    font-size: 14px;
}

.benifits-accordian .accordian-header {
    font-size: 40px;
    padding-bottom: 5px;
}

.benifits-accordian {
    width: 90%;
}

.benifits {
    margin: 30px 20px;
    padding: 30px 0;
    min-height: auto;
}

.product-tab {
    padding: 0 20px;
    margin: 40px 0;
}

.best-seller-home {
     padding: 60px 0px 30px 30px; /* Grand Ecran */

}

.main-tab-pro-sec-product .side-col {
    height: 629px;
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 55%;
    border-radius: 10px;
}

.main-tab-pro-sec-product .side-col h5 {
    font-size: 45px;
    line-height: 50px;
}

.main-tab-pro-sec-product .pr-img {
    display: block;
    width: 100%;
    /*height: 456px;*/
}

.instagram {
    margin: 10px 0;
    padding: 0 30px;
}

.principle {
    margin: 20px 20px;
}

.prin-inner {
    gap: 20px;
}

    .header__primary-nav {
        column-gap: 20px;
    }

    .mega-menu__linklist {
    gap: 20px;
}

.mega-menu__linklist .gap-2\.5 {
    gap: 2px;
}

.routine-container {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.routine-grid {
    gap: 20px 20px;
}

.mega-menu {
    padding: 20px;
}

.main-tab-pro-sec .side-img {
    height: 576px;
}

.main-tab-pro-sec .pr-car .pr-img {
    display: block;
    width: 100%;
    height: 400px;
}


.product-info__block-list {
    height: 700px;
    overflow-y: scroll;
}


.featured-collections-with-image .container {
    margin: -30px 20px;
}




.promo-bar {
    gap: 10px;
    font-size: 12px;

}

.brandstext-sec {
    padding: 20px 0px;
}

.brandstext-sec h1 {
    font-size: 40px;
    line-height: 70px;
    font-family: Freight;
    color: #212121;
    font-weight: 400;
    text-transform: uppercase;
    width: 1050px;
    text-align: center;
    margin: auto;
}

.brandstext-sec p {
    font-size: 18px;
    font-family: Futura;
    font-weight: 400;
    color: #212121;
    width: 768px;
    text-align: center;
    margin: 20px auto 0px;
}

.account-text {
    font-size: 14px;
}

.partner-text {
      font-size: 14px;
}

button.localization-toggle.heading.text-xxs.link-faded {
    font-size: 14px;
}


}

@media(max-width: 1600px) and (min-width: 1279px) {

.featured-collections-with-image.image-left .featured-collections-with-products-layout {
    grid-template-columns: 470px 1fr !important;
}

}


@media(max-width: 1024px) {

    .featured-collections-with-products-layout {
        grid-template-columns: 1fr !important;
    }

    .product-details-item.is-active .product-details-content {
  max-height: 2000px;
}

    .hero-inner {
    flex-direction: column;
    align-items: baseline;
    gap: 20px;
}
/* Taille de 480 à 1024px */
    .text-col h1 {
        font-size: 40px;
        line-height: 60px;
    }

.product-tab h1 {
    font-size: 26px;
}

.product-tab {
    padding: 0 20px;
    margin: 40px 0;
}

.best-seller-home h1 {
    font-size: 26px;
}

.best-seller-home { /* Jusqu'à 1024 px */
    padding: 60px 10px 30px;
   
}



.main-tab-pro-sec .side-img {
    height: 460px;
    padding: 20px 10px;
}

.promise-inner {
    padding: 30px 0;
}

.promise-inner p {
    font-size: 16px;
}

.promise-inner a {
    font-size: 20px; }

    .pr-img {
    height: 292px;
    object-fit: contain;
}

.main-tab-pro-sec .side-img h5 {
    font-size: 17px;
    line-height: 26px;
}

.ritual h1 {
    width: auto;
    font-size: 32px;
    line-height: 30px;
}

.ritual p {
    width: auto;
    font-size: 18px;
}

.ritual a {
    font-size: 18px;
    padding: 10px 40px;
}

.ritual {
    height: 410px;
    gap: 30px;
    padding: 0px 20px;
}

.concern-two-column .first-col, .concern-two-column .sec-col {
    padding: 15px;
    height: 450px;
}

.concern-two-column p {
    width: auto;
     font-size: 14px!important;
}

.concern-two-column h3 {
    font-size: 20px;
    line-height: 20px;
}

    .brands .img-col {
        aspect-ratio: 1 / 1; 
    }

    .brands {
    padding: 40px 20px;
}

.booster .con-col {
    padding: 20px 10px;
}

.booster .con-col h1 {
    font-size: 40px!important;
}

.desc-col {
    gap: 20px;
}

.booster .con-col p {
    width: auto;
    font-size: 16px;
}

.booster {
    height: 550px;
}

.booster .con-col a {
    padding: 5px 40px 10px;
}

.test-top {
    padding: 30px 20px;
}

.test-inner {
    padding: 0 10px;
}

.instagram {
    margin: 20px 0;
    padding: 0 30px;
}

.instagram-inner {
    padding: 20px 0 30px !important;
}

.footer-top-main {
    padding: 20px 10px;
    border-bottom: 2px solid #555721;
}

.footer-top {
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.footer-top .foot-col {
    width: 48%;
}

.footer-main {
    padding: 30px 10px;
    flex-wrap: wrap;
}

.footer-main .main-col {
    width: 100%;
    text-align: center;
}

.footer-main .main-col img {
    width: 105px;
    margin: auto;
}

form#contact_form {
    width: 90%;
    margin: auto;
}

.copyright {
    padding: 10px 10px;
}

.benifits {
    flex-direction: column;
}

.benifits .con-col {
    width: 100%;
}

.benifits-accordian {
        width: 100%;
    }

    .benifits .img-col {
    width: 100%;
    padding: 30px 0px;
    justify-content: center;
}


.benifits-accordian .accordian-header {
    font-size: 32px;
}

.prin-btn-text {
    font-size: 13px;
    padding: 4px 10px 10px;
}


.effective {
    margin: 20px 20px;
    padding: 30px 0;
}

.effective-inner .effect-item h5 {
    font-size: 50px;
}

.effective-inner .effect-item p {
    font-size: 13px;
}

.effective-inner .effect-item {
    height: 193px;
}

    .main-tab-pro-sec-product .pr-img {
        border-radius:8px;
        width:100%;
        height: auto;
    }


    .main-tab-pro-sec-product .side-col {
        height: 570px;
        padding: 0px;
    }

    .main-tab-pro-sec-product {
    gap: 30px;
    padding: 30px 0px;
}

    .main-tab-pro-sec-product .side-col h5 {
        font-size: 40px;
        line-height: 40px;
    }

        .main-tab-pro-sec-product .side-col {
        height: auto;
        width: 100%;
    }

    .main-tab-pro-sec.main-tab-pro-sec-product {
    flex-direction: column;
}

.myProductSwiper2 {
    width: 100%;
}

.brandstext-sec {
    padding: 20px 0px;
}

.brandstext-sec h1 {
    font-size: 40px;
    line-height: 70px;
    font-family: Freight;
    color: #212121;
    font-weight: 400;
    text-transform: uppercase;
    width: auto;
    text-align: center;
    margin: auto;
}

.brandstext-sec p {
    font-size: 18px;
    font-family: Futura;
    font-weight: 400;
    color: #212121;
    width: auto;
    text-align: center;
    margin: 20px auto 0px;
}

.account-text {
    display: none;
}

.partner-text {
      display: none;
}

}


@media(max-width:480px) {

button, input, optgroup, select, textarea {
  font-size: 100%!important;
}
.benifits-accordian .accordian-header {
    font-size: 24px;
}


.hero-sec {
    padding: 20px 10px 50px;
}
/* Taille pour mobile */
.text-col h1 {
        font-size: 28px;
        line-height: 50px;
        width: auto;
    }

    .text-col p {
        font-size: 16px;
    }

    .promise-sec {
    margin: 30px 20px 0px 20px;
}

.promise-inner p {
        font-size: 16px;
    }

    .product-tab { /* Taille pour mobile */
        padding: 60px 10px 0px 10px;
        margin: 10px 0;
    }

    .tab-container {
    gap: 15px;
    padding: 20px 0;
}

.tab-container h6 {
    font-size: 14px;
}

.side-img {
    display: none !important;
}

.main-tab-pro-sec .tab-main {
    width: 100%;
}

    .pr-img {
        height: 350px;
        object-fit: contain;
    }

    .product-name {
    font-size: 24px;
}

.pr-main a {
    font-size: 14px;
    padding: 10px;
}

.product-tab h1 {
    font-size: 26px;
    line-height: 40px;
}

.best-seller-homeh1 {
    font-size: 26px;
    line-height: 40px;
}

.ritual {
    height: auto;
    padding: 30px 10px;
}
/* Taille Mobile */
.ritual h1 {
    font-size: 26px!important;
    line-height: 30px;
}

.ritual p {
    font-size: 18px;
}

.ritual a {
        font-size: 16px;
        padding: 7px 30px 11px;
    }


    .concern-top {
    padding: 0px 0px 30px 0px;
    flex-direction: column;
    align-items: anchor-left;
}

.concern-two-column {
    flex-direction: column;
}


.concern-two-column .first-col, .concern-two-column .sec-col {
    width: 100%;
}

.concern-two-column a {
    padding: 6px 40px 10px;
}

    .brands {
        padding: 30px 10px;
        flex-wrap: wrap;
        gap:10px!important;
    }

    .brands .img-col {
    width: 47%;
}


.booster {
        height: auto;
        flex-direction: column;
    }



.booster .con-col {
    width: 100%;
    gap: 80px;
}

    .booster .con-col h1 {
        font-size: 40px;
    }

    .booster .con-col h1 span {
    font-size: 46px!important;
}

.booster .img-col {
    width: 100%;
    height: 400px;
}

    .test-top {
        padding: 20px 10px;
        flex-direction: column;
        align-items: anchor-center;
        gap: 10px;
    }


    .test-head h5 {
        font-size: 16px;
    }

    .test-box p {
        font-size: 16px;
        line-height: 25px;
    }

        .instagram {
        margin: 20px 0;
        padding: 0 10px;
    }


    .footer-main {
        padding: 20px 10px;
        flex-wrap: wrap;
    }

    .copyright h4 {
    text-align: center;
}

.footer-main .main-col p {
    font-size: 16px;
}

    .footer-top .foot-col {
        padding: 10px;
    }

        .footer-top .foot-col h6 {
        font-size: 16px;
    }

    .footer-top .foot-col p {
    font-size: 13px;
}

.below-icon {
    text-align: center;
}

.product-title {
        font-size: 14px;
        line-height: 10px;
    }

.features-container {
        gap: 10px;
    }
.product-title-collection{
    /*font-size: 30px!important;*/
    font-size: clamp(20px,2vw,30px)!important;

}
    .feature p {
        font-size: 10px;
    }

    .feature img {
    height: 40px;
}

.prin-inner {
    flex-direction: column;
}

.prin-btn-text {
    /*margin: auto;*/
}

.effective-top {
    flex-direction: column;
    align-items: center;
}

.effective-inner {
    flex-direction: column;
}

.effective-inner .effect-item {
    width: 100%;
    height: auto;
    padding: 20px 0px;
}

.main-tab-pro-sec .side-col p {
    margin-top: 10px;
    text-align: left;
    font-size: 16px;
}

.main-tab-pro-sec-product .side-col h5 {
    text-align: left;
    font-size: 33px;
}

.myProductSwiper2 {
    width: 100%;
}

.announcement-bar {
    display: none;
}

.product-info__block-list {
    height: 700px;
    overflow-y: scroll;
}


h6.pr-badge {
    font-size: 14px;
    padding: 6px 30px 7px;
}

.banner-img-pr img {
    width: 100px;
    height: 90px;
    object-fit: cover;
    display: block;
}

.brandstext-sec {
    padding: 20px 0px;
}

.brandstext-sec h1 {
    font-size: 40px;
    line-height: 50px;
    font-family: Freight;
    color: #212121;
    font-weight: 400;
    text-transform: uppercase;
    width: auto;
    text-align: center;
    margin: auto;
}

.brandstext-sec p {
    font-size: 18px;
    font-family: Futura;
    font-weight: 400;
    color: #212121;
    width: auto;
    text-align: left;
    margin: 20px auto 0px;
    padding:0px 10px!important;
}

.prin-item:first-child {
    width: 100%;
}

.prin-item img {
    height: auto;
}

}

.concerns{
    padding-top:0px!important;
    margin: 0px 60px 0px 60px !important;
}

.feature_link_h3{font-size:16px!important}

.product_tab_h1{font-size:24px!important;font-weight:800}

.best_seller_home_h1{font-size:26px!important;font-weight:800}

.product-card__gamme{font-size:clamp(10px,2vw,14px)!important}

.badge{padding:10px 20px!important}

.img-carree, .routine-image img {
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: cover;
}

.black{color:#000000!important}

.prin-title{
    color:#000000!important;
    font-weight:bold;
    font-size:clamp(14px,2vw,16px);
    text-transform:uppercase;
    font-family:Futura;
}

./*
text-subdued{display:none;}
*/
.product-card__gamme {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;
  height: calc(1.2em * 2); /* toujours 2 lignes de hauteur */

}

.family_futura {
            font-family: Futura!important;
            font-weight:600!important;
            font-size: 18px!important;
            color: #000000!important;
            margin-top:4Opx!important;
            padding-bottom: 20px!important;
            opacity: 1!important;
            text-transform:uppercase;
         
        }

.heading, .h4, .h5, .h6,.contenance, .prose :where(h4, h5, h6) {text-transform:none!important;}

.product-card__figure img {border-radius:8px}



.shopify-payment-button__more-options{
    display:none;
}

.14pixels{
    font-size:14px!important
}

.blog-tags{
    display:none!important;
}

@media(max-width: 480px) {
    {
    .prin-btn-text {
    font-size: 25px!important;
    padding: 4px 10px 10px;
}
    }

.reseau_social_footer ul {
  display: flex;
  justify-content: flex-end; /* aligne à droite */
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px; /* espace entre les éléments */
}

.reseau_social_footer li a {
  text-transform: uppercase; /* majuscules */
  text-decoration: none;
}

.bloggle--blog-item-goback{display:none!important}

@media (max-width:1600px) {
    
    .featured-collections-with-image .container {
        margin: -30px 0px;
    }
}

@media (max-width:1600px) {
    
     .section-stack {
        padding: 0 30px 0 30px !important;
    }
}


@media (max-width:480px) {
    .benifits {
        margin: 0px 20px 0px 20px;
        padding: 0px!important;
        min-height: auto;
    }

    .concerns{
        padding-top:0px!important;
        margin: 0px 20px 0px 20px !important;
    }

    .preoccupations{
        padding: 60px 20px 0px 20px!important;
    }

    .section-stack {
        padding: 0 30px 0 10px!important;
    }

}

#shopify-section-sections--28415337726289__header {
    --header-logo-width: 190px!important;
}

html,body {
  overflow-x: hidden;
}
.badge-list {
  justify-content: center!important;
}