/*  ------  local   ------  */

.ppm__page {
    --CLARINS-FONT: 'Microsoft Jhenghei', ClarinsRegular, Clarins, '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';
    --font-medium: 'Microsoft Jhenghei', "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 'Microsoft Jhenghei', Helvetica, Arial, sans-serif, 'Microsoft Jhenghei';
}
/* .button--primary:not(.cba-button-style) {
    font-family:'Microsoft Jhenghei', "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 'Microsoft Jhenghei', Helvetica, Arial, sans-serif, 'Microsoft Jhenghei';
} */
.ppm__page [data-item="hero"] .ppm__canvas-hero-title {
    /* margin-bottom: 30px; */
}
[data-item="hero"] span.ppm__cta-text {
    min-height: 30px;
    align-items: center;
    display: flex;
}
[data-item="hero"] .ppm__cta.ppm__canvas-hero-cta {
    
    display: inline-flex;
    vertical-align: top;
}
.ppm__bloc.hero-customize-bloc .ppm__lists {
    padding-top: 0;
}
.ppm__bloc.hero-customize-bloc {
    background-color: #faeadb;
}
@media (min-width: 769px) {
    .ppm__canvas-content > .ppm__cta.ppm__canvas-hero-cta:nth-of-type(1) {
        margin-right: 15px;
    }
}

@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .ppm__page .ppm__canvas-product-title {
        font-size: 29px;
    }
}
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}
@media (max-width: 480px) {
    .ppm__page .ppm__canvas-section[data-item="iconic"] .ppm__canvas-content-top {
        text-align: center;
    }
    .ppm__canvas-content > .ppm__cta.ppm__canvas-hero-cta:nth-of-type(1) {
        right: 75px;
    }
    .ppm__canvas-content > .ppm__cta.ppm__canvas-hero-cta:nth-of-type(2) {
        left: 75px;
    }
}