.ds9__page { 
    --CLARINS-FONT: ClarinsRegular, Clarins, 'Microsoft Jhenghei';
    --GOTHAM-EXTRALIGHT: "Gotham_ExtraLight", 'Microsoft Jhenghei';
    --GOTHAM-LIGHT: "Gotham_Light", 'Microsoft Jhenghei';
    --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
    --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
}

.ds9__page .ds9__header-title, 
.ds9__page .ds9__header-text, 
.ds9__page .ds9__header-text, 
.ds9__page .ds9__suptitle, 
.ds9__page .ds9__title, 
.ds9__page .ds9__subtitle,
.ds9__page .ds9__edito-result-text,
.ds9__page .ds9__formula-bloc-result-text {
    font-weight: bold;
}

.ds9__page .ds9__ingredient-popin-legend {
    width: max-content;
}

.ds9__page .ds9__ingredient-title {
    padding-bottom: 0;
}

.ds9__page .ds9__ingredient-suptitle {
    padding-bottom: 32px;
}


.ds9__page .ds9__facial-suptitle, 
.ds9__page .ds9__facial-title,
.ds9__page .ds9__facial-expert-name {
    font-weight: normal;
}

.desktop-break {
    display: initial;
}

.tablet-landscape-break, .tablet-portrait-break, .mobile-break {
    display: none;
}

/* ---------------------------------------------- */
.footer-wrapper button.button-link.go-to-top:active,
.footer-wrapper button.button-link.go-to-top:focus,
button.button-link.inTheMiddle:active,
button.button-link.inTheMiddle:focus {
    border: none !important;
    outline: none !important;
}

html,
body {
    overflow-x: clip;
}

.ds9__page .ds9__header-result-number {
    margin-bottom: 5px;
}

.ds9__page .ds9__facial-title {
    font-size: 35px;
}
.cta_holder {
    display: flex;
    justify-content: flex-start;
}

.cta_holder .ds9__cta.ds9__header-cta {
    margin-right: 20px;
}

.ds9__page .ds9__push-text {
    font-size: 12px;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .desktop-break {
        display: none;
    }

    .tablet-landscape-break {
        display: initial;
    }

    .ds9__page .ds9__ingredient-popin-content {
        width: 226px;
    }
}

@media (orientation: portrait) {

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .desktop-break {
        display: none;
    }

    .tablet-portrait-break{
        display: initial;
    }

    .ds9__popin-epiageing .ds9__popin-content {
        padding-left: 14px;
    }

    .ds9__page .ds9__ingredient-content {
        padding-left: 34px;
    }

    .ds9__page .ds9__formula-content {
        left: 39%;
        width: 59%;
    }

    .ds9__page .ds9__ingredient-popin-content {
        padding: 24px 14px;
        width: 185px;
    }
}

@media (max-width: 761px) {

}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
    .desktop-break {
        display: none;
    }

    .mobile-break {
        display: initial;
    }

    .ds9__page .ds9__header-content-1 {
        padding-top: calc(81 * var(--headerImgRatio));
    }

    .ds9__page .ds9__navigation {
        top: 65px !important;
    }

    .ds9__page  .ds9__formula-title {
        font-size: 43px;
    }

    .ds9__page .ds9__formula-subtitle {
        width: 100%;
        max-width: 420px;
    }
    .cta_holder {
        display: flex;
        justify-content: center;
    }
    .cta_holder .ds9__cta.ds9__header-cta {
        margin: 0 15px !important;
    }
    .header i-search .cba-search-box--active {
        margin-top: 2.2em !important;
    }
    .ds9__page .ds9__navigation-inside {
        top: 18px !important;
    }
    .header {
        height: 85px !important;
    }
}