html, body {
    overflow-x: clip !important;
}

.dp-routine__product-price {
    min-height: 40px;
}

/* --------------- */
.dp-product-section[data-product="my-clarins"]
  .dp-product-section__ingredient-name:nth-child(2) {
    width: 60px;
}

.dp-product-section[data-product="hydra-essentiel"]
  .dp-product-section__ingredient-name {
    font-size: 10px;
    width: 72px;
    padding-top: 5px;
    padding-right: 5px;
}

.dp-product-section__content[data-open="1"] .dp-product-section__content-text::before {
    z-index: -1;
}

/* desktop */
@media (min-width: 835px) {
    .dp-product-section__product-title {
        font-size: 36px;
    }
}

@media (orientation: portrait) {
    .dp-beauty-faq__title {
        padding-left: 8px;
    }

    .dp-beauty-faq__answer p {
        width: 95%;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .dp-beauty-faq__answer p {
        width: 90%;
    }
}

/* Tablet Portrait */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #Moisturizers_NAV ul {
        gap: 33px;
    }
}

/* Tablet Landscape */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .dp-product-section__product-title {
        font-size: 36px;
    }
}