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

/*  ------  button   ------  */
.button--primary:not(.cba-button-style) {
    background-color: #b40024 !important;
    border: 2px solid #b40024 !important;

    text-decoration: unset;
}
.button--primary:not(.cba-button-style):hover {
    background-color: #8c0b26 !important;
    border: 2px solid #8c0b26 !important;
}

button.dsl__compare-item-cta , button.dsl__navigation-cta  {
    text-transform: unset;
}

button:not(.not-tabbable):not(.cba-button-style):focus {
    outline: none !important;
}

button:not(.cba-button-style), .button:not(.cba-button-style){
    height: 44px;
}




/*  ------  QR  ------  */
.dsl__page .dsl__facial-qrcode {
    justify-self: center;
}

@media only screen and (min-width: 1113px) {
    .dsl__page .dsl__facial-content-right {
        width: 200px;
        text-align: center;
    }
}


/*  ------  BLOC TILES    ------  */
.dsl__page .dsl__tile-numbers {
    justify-content: center;
}

@media only screen and (min-width: 1113px) {
    .dsl__page .dsl__tile-number-bloc {
        justify-content: flex-start;
    }

    .dsl__page .dsl__tile-number-text {
        font-size: 16px;
    }
}


/* Mobile */
@media (max-width: 480px) {
    html, body {
        overflow-x: clip;
    }
}

/*  ------  BLOC TECHNOLOGY    ------  */
@media (min-width: 1024px) {
    .dsl__page .dsl__technology-bloc-result-text {
        padding-left: 25px;
    }
}

@media (min-width: 769px) {
    .dsl__page .dsl__technology-title {
        font-size: 32px;
    }
}



/* 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__epigenetic-content .dsl__title {
        font-size: 28px;
    }

    .dsl__page .dsl__compare-item-content {
        width: calc(100% - 50px)
    }

    /* TECHNOLOGIE LIGHTWEIGHT TRI-OIL */
    .dsl__page .dsl__technology-bloc-result-text {
        font-size: 20px;
        text-align: left;
    }
    /* QR */
    .dsl__page .dsl__facial-content-right {
        margin : 0 0 0 20px;
    }
    .dsl__page .dsl__facial-qrcode {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .dsl__page .dsl__facial-expert-content .dsl__facial-expert-name {
        font-size: 15px;
    }

    .dsl__page .dsl__facial-expert-content .dsl__facial-expert-text {
        font-size: 11px;
    }


    /* navigation */
    .dsl__page .dsl__navigation-item-text {
        font-size: 11px;
    }


    /* services */
    .dsl__page .dsl__service {
        border: solid 1px #d3ccc8 !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) {
    /* TECHNOLOGIE LIGHTWEIGHT TRI-OIL */
    .dsl__page .dsl__technology-bloc-result-number {
        font-size: 60px;
    }

    .dsl__page .dsl__technology-bloc-result-text {
        font-size: 16px;
    }

    /* QR */
    .dsl__page .dsl__facial-qrcode {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .dsl__page .dsl__facial-content-right {
        width: 160px;
    }
    .dsl__page .dsl__facial-content-right-text {
        font-size: 15px;
    }

    
    /* services */
    .dsl__page .dsl__service {
        border: solid 1px #d3ccc8 !important
    }    
}