/*  ------  local   ------  */
.dsl__page {
    --CLARINS-FONT: ClarinsRegular, Clarins, "Times New Roman";
    --GOTHAM-EXTRALIGHT: "Gotham_ExtraLight", "Times New Roman";
    --GOTHAM-LIGHT: "Gotham_Light", "Times New Roman";
    --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, "Times New Roman", sans-serif;
    --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, "Times New Roman", sans-serif;
}

.dsl__page .dsl__faq-title {
    max-width: 725px;
}

.dsl__page .dsl__bloc-compare {
    --COMPARE-PRODUCT-SPACING: 60px;
    --COMPARE-EDGE-SPACING: 60px;
}

.dsl__page .dsl__tile-number-bloc {
    justify-content: flex-start;
}

@media (min-width: 1000px) {
    .dsl__tile[data-item="1"] .dsl__tile-content {
        padding: 60px 40px;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
    body,
    html {
        overflow-x: clip !important;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .dsl__tile[data-item="2"] .dsl__tile-content {
        padding: 60px 20px;
    }

    .dsl__page .dsl__facial-body {
        padding: 32px 3% 32px calc(13% + 210px);
    }
}

@media (orientation: portrait) {
    .dsl__page:not(.dsl__phone) .dsl__quickview-btn.dsl__only-desktop {
        display: none;
    }

    .dsl__page .dsl__only-mobile {
        display: inline-block;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .dsl__page .dsl__tiles {
        width: 95%;
    }

    .dsl__page .dsl__tile-title {
        font-size: 32px;
    }

    .dsl__page .dsl__epigenetic {
        width: 97%;
    }

    .dsl__page .dsl__tile-content {
        padding: calc(60 * ( 100vw / 1024)) calc(60 * ( 35vw / 1024));
    }

    .dsl__page .dsl__facial-body {
        padding: 32px 3% 32px calc(10% + 210px);
    }

    .dsl__page .dsl__bloc-compare {
        --COMPARE-PRODUCT-SPACING: 123px;
        --COMPARE-EDGE-SPACING: 40px;
    }

    .dsl__page .dsl__compare {
        width: 96%;
    }

    .dsl__page .dsl__compare-item[data-item="1"]{
        padding-right: var(--COMPARE-PRODUCT-SPACING);
        padding-left: var(--COMPARE-EDGE-SPACING);
    }

    .dsl__page .dsl__compare-item[data-item="2"]{
        padding-left: var(--COMPARE-PRODUCT-SPACING);
        padding-right: var(--COMPARE-EDGE-SPACING);
    }
}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
    .dsl__page .dsl__facial-expert {
        left: 12px;
    }

    .dsl__page .dsl__compare-items {
        height: 565px;
    }

    .dsl__page .dsl__compare-item-content {
        min-height: 500px;
    }
}