/*** reset resizing main font ***/
html{
    -webkit-text-size-adjust: none;
    font-size: 62.5%;
}
.masque{
    height:inherit !important;
}
.section_hero-carrousel .obj_carrousel .item{
    height:auto !important;
}

#carrouselEdito02 .item.hidden{
    display:flex !important;
}
.obj_video .ctn_video-poster{
    height:90% !important;
}
.section_focus .ctn_text{
    left:auto !important;
}


.obj_section.section_routine-product_2{
    padding:0px 0px !important;
}

.section_reviews_2{
    background:#000 !important;
}
.pin-spacer-metal-detox-focus .obj_video{
    display:flex;
}

.edito_carrousel .nav ul li a{
    pacity: 0.1;
    overflow: hidden  !important;
    display: block  !important;
    height: var(--aox-4px) !important;
    width: 100%  !important;
    text-decoration: none;
    border-radius: 0px !important;
    font-size: 0;
    transition: all ease 400ms;
}
.edito_carrousel .nav ul li {
    width: 100%;
    max-width: var(--aox-70px);
}
.edito_carrousel .nav ul li.active a {
    opacity: 1;
}
.edito_carrousel .nav ul li a::before {
    content: "";
    overflow: hidden;
    display: block;
    height: var(--aox-4px);
    width: 100%;
    border-radius: var(--aox-2px);
    background: currentColor;
}

@media (max-width: 1024px) {
    .obj_button span{
        display:none !important;
    }
}
@media (max-width: 768px) {
    .section_focus .ctn_text{
        top:10% !important;
    }
    .section_edito .nav{
        padding-bottom:40px;
    }
    .section_edito .nav ul{
        transform: translateY(40px);
    }
    .pin-spacer-metal-detox-focus .ctn_text{
        width:100% !important;
        padding:30px;
    }
    .pin-spacer-metal-detox-focus .ctn_text .content{
        max-height:100% !important;
        overflow:visible !important;
    }
}

/*** Section unbox ***/

.section_unbox.obj_section{
    background:#000;
    color:#fff;
    display:flex;
    padding-top:100px !important;
}
.section_unbox.obj_section .items .item{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.section_unbox.obj_section .items .item .ctn_text{
    width:50%;
}
.section_unbox.obj_section .items .item .ctn_media{
    width:50%;
}
.section_unbox.obj_section .t_ribbon span{
    background:#fff;
    color:#000;
}
.section_unbox.obj_section .obj_button.border-btn{
    border: 1px solid #fff;
    color: #fff;
}
.section_unbox.obj_section .obj_button span{
       background:#fff;
    color:#000;
}

.section_unbox.obj_section .obj_button.full-btn{
    background:#fff;
    color: #000;
    margin-left:20px;
    border:1px solid #fff;
}
.section_unbox.obj_section .obj_button.full-btn span{
    background:#000;
    border:1px solid #fff;
    color:#fff;
}

@media (max-width: 768px) {
    #carrouselEdito02 > .masque > .items > .item{
        flex-wrap:wrap;
    }
    .section_unbox.obj_section .items .item .ctn_text{
        width:100%;
    }
    .section_unbox.obj_section .items .item .ctn_media{
        width:100%;
        margin-top:30px;
    }
}

/*** Section share ***/
.section_share_2 .ctn_text{
    width:50% !important;
}
.section_share_2 .ctn_smartphone{
    margin-right: 0px !important;
    margin-left: auto !important;
}

@media (max-width: 768px) {
    .section_share_2 .ctn_text{
        width:100% !important;
    }
    .section_share_2 .ctn_smartphone{
        margin:30px 0px 0px 0px !important;
    }
}


.article-carousel {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 40px 24px 50px;
}

.article-carousel__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 24px;
}

.article-carousel__header h2 {
    margin: 0;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 0.95;
    font-weight: 700;
    letter-spacing: -0.04em;
}

.article-carousel__badge {
    display: flex;
    align-items: center;
    gap: 14px;

    background: #000;
    color: #fff;

    padding: 12px 28px;

    font-size: 34px;
    line-height: 1;
}

.article-carousel__badge .star {
    font-size: 42px;
}


.section_faq .ctn_section > .obj_accordion{
    opacity:1 !important;
}

/* VIEWPORT */

.article-carousel__viewport {
    overflow: hidden;
}

.article-carousel__track {
    display: flex;
    gap: 8px;

    transition: transform 500ms cubic-bezier(.77, 0, .18, 1);
    will-change: transform;
}


/* CARD */

.article-card {
    flex: 0 0 calc((100% - 40px) / 4);
    min-width: 0;
}
.article-carousel__track{
    gap:15px;
}
.article-card__image {
    width: 100%;
    aspect-ratio: 1.65 / 1;
    overflow: hidden;
    background: #f3f3f3;
}

.article-card__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.article-card__content {
    padding-top: 14px;
    margin-bottom:10px;
}

.article-card h3 {
    margin: 0 0px 10px 0px !important;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
}

.article-card p {
    margin: 0 0px 10px 0px !important;
    font-size: 13px;
    line-height: 1.35;
}

.article-card__meta {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-bottom: 16px;

    font-size: 11px;
    color: #777;
}

.article-card__button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: var(--aox-12px) var(--aox-30px);
    min-width: var(--aox-100px);
    font-family: var(--aox-font-family) !important;
    font-weight: 700 !important;
    font-size: var(--aox-fs-16px) !important;
    line-height: 1;
    color: #000;
    text-transform: normal;
    text-align: center;
    border: 2px solid currentColor;
    border-radius: var(--aox-100px);
    text-decoration:none !important;
}

.article-card__button:hover {
    background: #000;
    color: #fff;
}


/* CONTROLS */

.article-carousel__controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;

    margin-top: 20px;
}

.article-carousel__prev,
.article-carousel__next {
    border: 0;
    background: transparent;
    cursor: pointer;

    font-size: 24px;
}

.article-carousel__prev:disabled,
.article-carousel__next:disabled {
    opacity: 0.25;
    cursor: default;
}

.article-carousel__dots {
    display: flex;
    gap: 8px;
}

.article-carousel__dot {
    width: 9px;
    height: 9px;

    padding: 0;

    border: 1px solid #111;
    border-radius: 50%;

    background: transparent;
    cursor: pointer;
}

.article-carousel__dot.is-active {
    background: #000;
}


/* TABLET */

@media (max-width: 1024px) {

    .article-card {
        flex-basis: calc((100% - 16px) / 3);
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .article-carousel {
        padding: 28px 18px 40px;
    }

    .article-carousel__header {
        align-items: flex-start;
    }

    .article-carousel__badge {
        padding: 10px 16px;
        font-size: 20px;
    }

    .article-carousel__badge .star {
        font-size: 28px;
    }

    .article-carousel__track {
        gap: 12px;
    }

    .article-card {
        flex-basis: 82%;
    }

    .article-carousel__controls {
        justify-content: center;
    }

}



/*** Video carousel ***/
.video-carousel {
    overflow: hidden;
    padding: 40px 0 50px 40px;
}

.video-carousel__header {
    max-width: 900px;
    margin-bottom: 24px;
}

.video-carousel__header h2 {
    margin: 0 0 10px;
    font-size: clamp(32px, 4vw, 56px);
    line-height: 0.95;
}

.video-carousel__header p {
    margin: 0;
    font-size: 14px;
}

.video-carousel__viewport {
    overflow: hidden;
}

.video-carousel__track {
    display: flex;
    gap: 10px;

    transition: transform 500ms cubic-bezier(.77, 0, .18, 1);
    will-change: transform;
}

.video-card {
    flex: 0 0 21%;
    min-width: 0;
}

.video-card__media {
    position: relative;

    aspect-ratio: 9 / 16;

    overflow: hidden;
    background: #111;
}

.video-card video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.video-card__play {
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 48px;
    height: 48px;

    border: 0;
    border-radius: 50%;

    background: #fff;
    color: #000;

    font-size: 18px;

    cursor: pointer;
}

.video-carousel__controls {
    display: flex;
    gap: 10px;

    margin-top: 18px;
}

.video-carousel__prev,
.video-carousel__next {
    width: 42px;
    height: 42px;

    border: 1px solid #111;
    border-radius: 50%;

    background: #fff;
    cursor: pointer;
}


/* Tablet */

@media (max-width: 1024px) {

    .video-card {
        flex-basis: 28%;
    }

}


/* Mobile */

@media (max-width: 767px) {

    .video-carousel {
        padding-left: 18px;
    }

    .video-card {
        flex-basis: 72%;
    }

}

.left-before{
    position: absolute;
    z-index: 99;
    font-size: 30px;
}
.right-after{
    position: absolute;
    z-index: 99;
    font-size: 30px;
    right:0px;
}
.section_routine-product_2 .obj_routine .ctn_routine .ctn_hover {
    opacity: 0;
    transform: translateY(50%);
    transition: all ease 400ms;
}

.section_routine-product_2 .obj_routine.is_active .ctn_routine .ctn_hover {
    opacity: 1;
    transform: translateY(0);
}