/**---------------------------------------------------------**/
 /**-----------         virtual-try-on                    --------**/
 /**---------------------------------------------------------**/

 .clp-banner[data-style="virtual-try-on"] {
     --BG-COLOR: #fff;
     --TEXT-COLOR: #fff;
     --TITLE-COLOR: #fff;
     --TITLE-SIZE: 40px;
     --CTA-BG-COLOR: #fff;
     --CTA-BG-HOVER-COLOR: #fff;
     --CTA-TEXT-COLOR: #333;
     --TITLE-FONT: var(--FONT-GOTHAM-MEDIUM);
     overflow: hidden;
     position: relative;

 }

 @media(min-width:762px) {
     .clp-banner[data-style="virtual-try-on"] {}

     .clp-banner[data-style="virtual-try-on"] .clp-banner__col--right {
         transform: translateX(-200%);
         padding: 40px;
         justify-content: flex-end;
         align-items: flex-start;
     }

     .clp-banner[data-style="virtual-try-on"] .clp-banner__title {
         margin-top: 0;
         margin-bottom: 12px;
     }

     .clp-banner[data-style="virtual-try-on"] .clp-banner__cta {
         margin-top: 20px;
         border: #B0A9A5 1px solid;
     }

     .clp-banner[data-style="virtual-try-on"] .clp-banner__text {
         font-size: 15px;
         font-size: 21px;
         text-align: left;
         max-width: 295px;
     }
 }


 @media(max-width:761px) {
     .clp-banner[data-style="virtual-try-on"] {
         --TITLE-SIZE: 40px;
         --TEXT-COLOR: #333;
         --TITLE-COLOR: #333;
         border: #D3CCC8 1px solid;
     }

     .clp-banner[data-style="virtual-try-on"] .clp-banner__cta {
         border: #B0A9A5 1px solid;
     }

     .clp-banner[data-style="virtual-try-on"] .clp-banner__col--right {
         padding: 20px;
     }

     .clp-banner[data-style="virtual-try-on"] .clp-banner__title {
         margin-top: 0;
     }

     .clp-banner[data-style="virtual-try-on"] .clp-banner__visual--triple {
         padding-bottom: 83.139%;
         height: 0;
     }

 }