@charset "UTF-8";
/* CSS Document */

.page-header-main{z-index:998}


.product-description-add #viewer-container{display:none}
#viewer-container *{box-sizing:border-box}
power-viewer{display:block;width:100%;height:100%}
#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;aspect-ratio: auto 1520/2000;}
	
@media (max-width: 1024px) {
	#viewer-container {aspect-ratio: auto 316/419.17;}
}
.power-viewer-ar-button{
	height:40px;
	text-decoration:none;
	display:inline-flex;
	background:#fff;
	color:#000;
	border:1px solid #000!important;
	font-size:clamp(12px,0.87847vw,14px);
	align-items:center;
	line-height:1;
	padding:0 .75rem !important;
	border-radius:5px;
	letter-spacing:.025rem;
	font-family:AvantGarde,helvetica,Arial,serif;
	font-weight:300;
	cursor:pointer;
	pointer-events:all;
	gap:8px!important;
	top:min(2vw,32px) !important;
	left:min(2vw,32px) !important}
@media (min-width: 1200px) {
.power-viewer-ar-button:hover{
	background:#000;
	color:#fff;
	fill:#FFF}
	.sidepanel-overlay.show {z-index: 1080;}
}
@media (max-width: 768px) {
.power-viewer-ar-button{height:36px}
}
@media (max-width: 767px) {
.power-viewer-ar-button{
	bottom:16vw!important;
	top:auto!important;left:50%!important;
	transform:translateX(-50%)
	}
}
/*
.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%}
*/
	
@media (max-width: 767px) {
#viewer-container:before,#viewer-container:after{content:'';position:absolute;width:20%;height:100%;top:0;z-index:1}
}
#viewer-container:before{left:0}
#viewer-container:after{right:0}
body .qrAR{white-space:pre;text-align:center;display:flex;grid-gap:16px}
body .qrAR .qrtxt, body .power-viewer-ar-qrcode .qrtxt{display:none}
.qrAR.svelte-1jd3mvr.svelte-1jd3mvr, #viewer-container .power-viewer-ar-qrcode{background-color:rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#FFF}
html[lang="fr"] .qrAR:before, html[lang="fr"] #viewer-container .power-viewer-ar-qrcode:before{content:"Scannez le QRCode pour afficher\00000al'expérience sur votre mobile"}
html[lang="en"] .qrAR:before, html[lang="en"] #viewer-container .power-viewer-ar-qrcode:before{content:'Scan the QRCode to view\00000athe experience on your mobile phone'}
html[lang="es"] .qrAR:before, html[lang="es"] #viewer-container .power-viewer-ar-qrcode:before{content:'Escanee el código QR para visualizar\00000ala experiencia en su teléfono móvil'}
html[lang="it"] .qrAR:before, html[lang="it"] #viewer-container .power-viewer-ar-qrcode:before{content:"Scannerizzare il codice QR per\00000avisualizzare l'esperienza sul cellulare"}
html[lang="de"] .qrAR:before, html[lang="de"] #viewer-container .power-viewer-ar-qrcode:before{content:"Scannen Sie den QR-Code,\00000aum das Erlebnis auf Ihrem Handy anzuzeigen."}
.power-viewer-ar-button:after{font-family:"AvantGarde",helvetica,Arial,serif;font-weight:100!important;white-space:nowrap;letter-spacing:.65px}
@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}
@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}
html[lang="fr"] .power-viewer-ar-button:after{content:'Voir en réalité augmentée'}
html[lang="en"] .power-viewer-ar-button:after{content:'View in augmented reality'}
html[lang="es"] .power-viewer-ar-button:after{content:'Ver en realidad aumentada'}
html[lang="de"] .power-viewer-ar-button:after{content:'In Augmented Reality ansehen'}
html[lang="it"] .power-viewer-ar-button:after{content:'Visualizza in realà  aumentata'}

  body.didomi-popup-open {overflow: scroll !important;}
  #viewer-container {overflow: hidden;}