

.nowrap-portrait {
    white-space: unset;
}

.exf__page .exf__tile[data-item="1"] .exf__tile-content-title {
    line-height: 1.3em;
}

.exf__page .exf__facial {
    max-width: 922px;
}

.exf__page .exf__bloc-results {
    display: none;
}

@media (min-width: 769px){
    .exf__page .exf__tile[data-item="1"] .exf__tile-content {
        max-width: calc(368 * var(--tileRatio));
    }

    .exf__page .exf__tile[data-item="1"] .exf__tile-content-title {
        max-width: calc(360 * var(--tileRatio));
    }

    .exf__page .exf__facial-content-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .exf__page .exf__refillable-right {
        width: calc( (100% - 310px) * 0.5);
    }

    .exf__page .exf__facial-body {
        padding: 32px 40px 32px 340px;
    }

    .exf__page .exf__facial-suptitle,
    .exf__page .exf__facial-title {
        font-size: 26px !important;
    }

    .exf__page .exf__tile-title {
        font-size: calc(33.5 * var(--tileRatio));
    }
}
h2.exf__facial-title {
    font-size: 24px !important;
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .exf__page .exf__bubble-2-picture {
        transform: translate(-387px, 672px);
    }

    .exf__page  .exf__navigation {
        top: 122px !important;
    }
}

@media (orientation : portrait) {
    .nowrap-portrait {
        white-space: nowrap;
    }

    .exf__page .exf__navigation-item span {
        font-size: 12px;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .exf__page .exf__service {
        border-left: solid 1px #d3ccc8;
    }

    .exf__page .exf__facial-media {
        left: 70px;
    }

    .exf__page .exf__bloc-tiles {
        padding-bottom: 32px;
    }

    .exf__page .exf__facial-body {
        padding: 32px 40px 32px 270px;
    }

    .exf__page .exf__facial-media {
        left: 40px;
    }
}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
    .exf__page .exf__refillable-item-text {
        text-align: center;
    }

    .exf__page .exf__tiles-cta {
        padding-bottom: 32px;
    }
    .exf__sample-bottom > a:nth-child(1) {
        width: 120px;
        margin: 0 auto;
    }
}