/*  ------  local   ------  */
body, html { overflow-x: clip !important; }
.skn__page { 
    --CLARINS-FONT: "Microsoft Jhenghei", ClarinsRegular, Clarins, "Microsoft Jhenghei";
    --GOTHAM-EXTRALIGHT: "Microsoft Jhenghei", "Gotham_ExtraLight", "Microsoft Jhenghei";
    --GOTHAM-LIGHT: "Microsoft Jhenghei", "Gotham_Light", "Microsoft Jhenghei";
    --GOTHAM-BOOK: "Microsoft Jhenghei", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei";
    --GOTHAM-MEDIUM: "Microsoft Jhenghei", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei";
}
.skn__page strong {
    --font-regular: "Microsoft Jhenghei", ClarinsRegular, Clarins, "Microsoft Jhenghei";
    font-family: var(--GOTHAM-MEDIUM);
}
.skn__page span {
    --font-regular: "Microsoft Jhenghei", ClarinsRegular, Clarins, "Microsoft Jhenghei";
    font-family: var(--GOTHAM-BOOK);
}
[pageid="foundation-perfectors-collection-HK"] .service-tile__body p{
    font-family: "Microsoft Jhenghei", ClarinsRegular, Clarins, "Microsoft Jhenghei";
}
.dp-faq__question, .dp-faq, .dp-faq__answer a {
    font-family: "Microsoft Jhenghei", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei" !important;
}
.skn__page .compare_perfector_content .skn__compare-item-group {
    border-right: none;
}
@media (min-width: 769px) {
    .skn__page .compare_perfector_content .swiper-wrapper, .skn__page .compare_foundation_content .swiper-wrapper {
        justify-content: center;
    }
    .skn__page .compare_perfector_content-1 .skn__compare-item-filter {
        max-width: calc(70px * var(--nbItemCompare));
        left: 25%;
    }
    .skn__page .compare_foundation_content-1 .skn__compare-item-filter {
        max-width: calc(156px * var(--nbItemCompare));
        left: 37.5%;
    }
    [pageid="foundation-perfectors-collection-HK"] .service-tile__description {
        min-height: 40px;
        font-size: 13px;
    }
}
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .skn__page .skn__edito-content {
        width: 370px;
    }
    .skn__page .skn__difference-body {
        left: calc(50% - 50px);
        width: 53vw;
    }
    .skn__page .skn__compare-item-text {
        font-size: 12px;
    }
    [pageid="foundation-perfectors-collection-HK"] .service-tile__description {
        font-size: 12px;
    }
    .skn__page .skn__quickview-btn.skn__only-desktop {
        display: none;
    }
    .skn__page .skn__only-mobile {
        display: inline-block;
    }
}
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .skn__page .skn__compare-item-text {
        font-size: 12px;
    }

}
@media (max-width: 480px) {
    .skn__page .skn__header-title {
        font-size: calc(34 * var(--headerRatio));
    }
    .skn__page .skn__text {
        font-size: 13px;
    }
    .skn__page .compare_perfector_content .swiper-wrapper {
        justify-content: center;
    }
    .compare_perfector_content-1 .swiper-pagination-bullet:only-child {
        display: block !important;
        margin: auto;
    }
    /* .skn__page .compare_perfector_content-1 .skn__compare-item-pagination {
        display: none;
    }
    .skn__page .compare_perfector_content-1 .skn__compare-item-group {
        margin-top: calc(25px + var(--paginationCompareHeight));
    } */
}