.mobile-break {
    display: none;
}


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

.dp-product-section[data-product="calm-essentiel"]
  .dp-product-section__ingredient-name {
    top: 22px;
    right: 2px;
}

.CTA-btnProd, .dp-how-to__link a {
    padding: 0 10px !important;
    width: auto;
    max-width: 360px;
}

.dp-how-to .dp-how-to__link a {
    max-width: 430px;
}

#dp-how-to__step-3 {
    --PADDING-VERT: 20px;
}

#dp-how-to__step-3 .dp-how-to__text {
    padding-right: var(--PADDING-VERT);
    padding-left: var(--PADDING-VERT);
}

#dp-routine_calm-essentiel .dp-routine__product-name {
    min-height: 105px;
}

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

    .dp-beauty-faq__answer p {
        margin: 0 auto;
        margin-left: 0;
    }

    .dp-beauty-faq__questions-list {
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #dp-how-to__step-3 {
        --PADDING-VERT: 12px;
    }

    #Moisturizers_NAV ul {
        gap: 15px;
    }
}

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

    .dp-how-to__title {
        padding: 20px 0px;
        margin: 0 auto;
        width: 90%;
    }

    .dp-beauty-faq__question-title,
    .dp-beauty-faq__answer {
        font-size: 12px;
    }

    .dp-beauty-faq__questions-list {
        width: 90%;
    }
}