/*  ------  local   ------  */
body, html { overflow-x: clip !important; }
.fold-unfold-section__heading {
    font-family: var(--font-medium, "Kanit Light", "Gotham SSm medium A", "Gotham SSm medium B", "Kanit Light", Helvetica, Arial, sans-serif, "Kanit Light");
}
@font-face {
  font-family: "Kanit Light", "Gotham_Light", "Kanit Light";
  src: url("../fonts/GothamLight.woff2") format("woff2"),
    url("../fonts/GothamLight.woff") format("woff"),
    url("../fonts/GothamLight.ttf") format("truetype");
}
.ds__page { 
    --CLARINS-FONT: "Kanit Light", ClarinsRegular, Clarins, "Kanit Light";
    --GOTHAM-LIGHT: "Kanit Light", "Gotham_Light", "Kanit Light";
    --GOTHAM-BOOK: "Kanit Light", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", "Kanit Light", Helvetica, Arial, sans-serif, "Kanit Light";
    --GOTHAM-MEDIUM: "Kanit Light", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Kanit Light", Helvetica, Arial, sans-serif, "Kanit Light";
}
.dp-faq__question {
    font-family: "Kanit Light", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Kanit Light", Helvetica, Arial, sans-serif, "Kanit Light";
}
.dp-faq {
    font-family: "Kanit Light", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", "Kanit Light", Helvetica, Arial, sans-serif, "Kanit Light";
}
.ds__page .ds__gradient {
    z-index: -1;
}
i-footer.i-footer.display-block.footer-js {
    background: white !important;
}

.ds__expert {
    margin: 20px auto;
    --SCALE-TITLE: 0.5;
}
.push-beauty-expert__title {
    margin: 0 !important;
    color: #333;
    font-family: var(--FONT-CLARINS);
    font-weight: normal;
    white-space: nowrap;
    font-size: 0;
    height: calc(125px * var(--SCALE-TITLE));
    text-align: left;
    position: relative;
}
.push-beauty-expert__title span:first-child {
    color: #B40024;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-weight: normal;
    font-size: calc(60px * var(--SCALE-TITLE));
    line-height: calc(50px * var(--SCALE-TITLE));
    letter-spacing: -0.02em;
}

@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .ds__page .ds__ingredient-title {
        font-size: 34px;
    }
    .ds__page .ds__compare-title {
        font-size: 40px;
    }
    .ds__page .ds__product-application-item {
        max-width: 130px;
    }
    .push-beauty-expert__title span:first-child {
        font-size: calc(42px * var(--SCALE-TITLE));
    }
}
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}
@media (max-width: 480px) {
    .ds__page [data-item="3"] .ds__product-media-number {
        width: calc(220 * var(--collectionRatio));
    }
    .ds__page .ds__product-application-item {
        max-width: 120px;
    }
    .push-beauty-expert__title {
        text-align: center;
    }
}