/* LOCAL */

/*---- MAIN LAYOUT EDITS ----*/
div[pageid^="virtual-try-on"] .virtual-try-on>i-button>.button--primary {
    display: none;
}
  
.landing-vto {
    --FONT-SIZE: 14px;
    --FONT-CLARINS: "ClarinsRegular", "Clarins";
    --FONT-GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
    --FONT-GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif;
    --FONT-GOTHAM-LIGHT: 'GothamLight';
    font-family: var(--FONT-GOTHAM-BOOK);
    color: #333333;
}
  
.page-content,
.pagedesigner-page-content {
    max-width: 1264px;
    margin: 0 auto;
}

div[pageid^="virtual-try-on"] .tile-carousel-wrapper {
    margin-top: 0px;
}

div[pageid^="virtual-try-on"] .heading--2 {
    margin: 16px auto;
    font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 70px;
    max-width: 1264px;
    text-align: center;
}

@media(max-width:761px) {
    div[pageid^="virtual-try-on"] .heading--2 {
        margin: 16px auto;
        font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
        font-size: 34px;
        line-height: 40px;
        max-width: 1264px;
        text-align: center;
    }
}
/*-------------------------------------------*/


@media (orientation: landscape){
    .landing-vto-qrcode__text {
        width: 62%;
    }

    div[pageid^="virtual-try-on"] .service-tile__description {
        min-height: 63px;
    }
}

@media (orientation: portrait) {
    .tns-item .service-tile {
        height: 365px;
    }

    div[pageid^="virtual-try-on"] .service-tile__title {
        min-height: 33px;
    }

    div[pageid^="virtual-try-on"] .service-tile__description {
        min-height: 95px;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .landing-vto-header__intro {
        display: flex;
        align-items: center;
    }

    .landing-vto-header__title {
        margin: 0 auto;
    }

    .landing-vto-header__text {
        max-width: 494px;
        margin: 0 auto;
    }
}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
    div[pageid^="virtual-try-on"] .service-tile__title {
        min-height: 40px;
    }
}