@charset "UTF-8";
/* CSS Document */
.page-header-main {z-index: 998;}


.product-description-add #viewer-container{display:none}
#viewer-container *{box-sizing:border-box}
#viewer-container{position:relative;top:0;left:0;width:100%;height:100%;font-family:AvantGarde,helvetica,Arial,serif;font-size:clamp(13px,0.9vw,16px);line-height:1.5;letter-spacing:.05rem}
.metavrs-viewer{width:100%;height:100%;border:none}
#custom_ar_bloc{position:absolute;top:min(2vw,32px);left:min(2vw,32px);z-index:1}
#custom_ar_button{white-space:nowrap}
#custom_qr_modal{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:100;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#custom_qr_modal #modal_holder{border-radius:5px;border:1px solid #000;text-align:center;background-color:#FFF;color:#000;padding:min(4vw,64px);display:flex;flex-direction:column;grid-gap:min(1vw,16px);align-items:center}
#qrimage{margin:0;width:min(12vw,192px)}
#custom_qr_modal.hidden{display:none}
.maje-cta{height:.75rem;text-decoration:none;display:inline-flex;background:#fff;color:#000;border:1px solid #000;font-size:clamp(12px,0.87847vw,14px);align-items:center;line-height:1;padding:0 .75rem;border-radius:5px;letter-spacing:.025rem;font-family:AvantGarde,helvetica,Arial,serif;font-weight:300;cursor:pointer;pointer-events:all;grid-gap:8px;}
.maje-cta.bigger{height:40px}
@media (min-width: 1200px) {
.maje-cta:hover{background:#000;color:#fff;fill:#FFF}
}
@media (max-width: 768px) {
.maje-cta{height:30px}
.maje-cta.bigger{height:40px}
}
@media (max-width: 767px) {
#custom_ar_bloc{bottom:16vw;top:auto;left:50%;transform:translateX(-50%)}
.maje-cta.bigger{height:36px}
}
 .pdp-main-carousel .image-content, .products-slider-nav .slick-slide {aspect-ratio: 1520/2000;}
.products-slider-nav .slick-slide, .products-slider-nav .slick-slide .image-content{height: 100%;}

@keyframes touchHelper {
0%{transform:translateX(-200%)}
50%{transform:translateX(200%)}
100%{transform:translateX(-200%)}
}
#viewer-helper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s;z-index:2}
#viewer-helper img{width:24px;transform:translateX(-200%);animation:touchHelper infinite 2s}
#viewer-helper.show{opacity:1;pointer-events:all;transition:opacity .4s 1s}
@media (max-width: 767px) {
#viewer-container:before,#viewer-container:after{content:'';position:absolute;width:20%;height:100%;top:0;z-index:1}
}
#viewer-container .bloc-col-holder{position:relative;pointer-events:none;z-index:2}
#viewer-container .bloc-col-holder > *{pointer-events:all}
#viewer-container:before{left:0}
#viewer-container:after{right:0}
html[lang="fr"] .trad-cta:after{content:'Voir en réalité augmentée'}
html[lang="en"] .trad-cta:after{content:'View in augmented reality'}
html[lang="es"] .trad-cta:after{content:'Ver en realidad aumentada'}
html[lang="de"] .trad-cta:after{content:'In Augmented Reality ansehen'}
html[lang="it"] .trad-cta:after{content:'Visualizza in realtà aumentata'}
body .trad-qrcode{white-space:pre}
html[lang="fr"] .trad-qrcode:before{content:"Scannez le QRCode pour afficher\00000al'expérience sur votre mobile"}
html[lang="en"] .trad-qrcode:before{content:'Scan the QRCode to view\00000athe experience on your mobile phone'}
html[lang="es"] .trad-qrcode:before{content:'Escanee el código QR para visualizar\00000ala experiencia en su teléfono móvil'}
html[lang="it"] .trad-qrcode:before{content:"Scannerizzare il codice QR per\00000avisualizzare l'esperienza sul cellulare"}
html[lang="de"] .trad-qrcode:before{content:"Scannen Sie den QR-Code,\00000aum das Erlebnis auf Ihrem Handy anzuzeigen."}@charset "UTF-8";
/* CSS Document */