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

.dsl__page .dsl__tile-number-bloc {
    justify-content: flex-start !important;
}
.h-show-for-portrait{
    display: none;
}
.h-show-for-mobile{
    display: none;
}
/* #tile-number-text-third {
    padding-left: 24px;
} */
.dsl__page .dsl__compare-item-title {
    font-size: 34px;
}

.dsl__page .dsl__header-text-3 {
    font-size: calc(30* var(--ratioHeaderWidth));
}

/* --- ------------------------------------------------------ --- */
/* Mobile */
@media (max-width: 480px) {
    .h-show-for-portrait{
        display: none;
    }
    .h-show-for-mobile{
        display: block;
    }
    .dsl__page .dsl__compare-item-title {
        font-size: 20px !important;
    }

    p.dsl__text.dsl__compare-item-text {
        font-size: 12px !important;
    }
    p.dsl__compare-item-detail-text {
            font-size: 12px !important;
    }

    .dsl__page .dsl__header-text-3 {
        font-size: calc(20* var(--ratioHeaderWidth));
    }
}

/* 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) {
    .dsl__page .dsl__facial-title {
        font-size: 32px !important;
    }
    .dsl__page .dsl__compare-item {
        padding: 150px 48px !important;
    }
    .dsl__page .dsl__compare-item-details {
        max-width: 225px !important;
    }
    .h-show-for-portrait{
        display: block;
    }
    .h-show-for-mobile{
        display: none;
    }
    .dsl__page .dsl__header-text-1 {
        margin-top: 80px;
    }
    .dsl__page .dsl__header-group-2 {
        margin-top: 35px;
    }
    .dsl__page .dsl__header-text-1 {
        margin-top: 100px;
    }
    .dsl__page .dsl__header-group-2 {
        margin-top: 90px;
    }

    .dsl__page .dsl__title {
        font-size: 25px !important;
    }
    .dsl__page .dsl__navigation-content .dsl__cta {
        padding-left: 10px !important;
    }
    
}

/* 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) {
    .h-show-for-portrait{
        display: none;
    }
    .h-show-for-mobile{
        display: none;
    }
    .dsl__page .dsl__header-text-1 {
        margin-top: 80px;
    }
    .dsl__page .dsl__header-group-2 {
        margin-top: 70px;
    }
    .dsl__page .dsl__tile-number-bloc {
        justify-content: flex-start !important;
    }
    .dsl__page .dsl__compare-item-title {
        font-size: 26px;
    }
}