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

.page-header-main{z-index:998}
@media (min-width: 1023px) {
.user-contextual-sidepanel[data-panel-name=view_minicart]{z-index:1090}
}
.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 754/1000;min-height:492px;display:flex}
#viewer-container > power-viewer{height:auto}
}
	 
	 .power-viewer-ar-button,.power-viewer-interaction-button, power-viewer-fullscreen {font-family:"AvantGarde",helvetica,Arial,serif;font-weight:100!important;white-space:nowrap; font-size: 11px; height:28px;text-decoration:none;display:inline-flex !important;background:#fff;color:#000;border:1px solid transparent!important;align-items:center;line-height:.8;padding:0 6px!important;border-radius:4px;letter-spacing:0;font-weight:300;cursor:pointer;pointer-events:all;gap:6px!important; position: relative !important; top: 0 !important; left: 0 !important; pointer-events: all;}	 
	.material-symbols-outlined {
		font-size: 20px !important;
	}
	
	.power-buttons > * {height: 28px;}



@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."}

html[lang="fr"] .power-viewer-ar-button:after{content:'AR'}
/*
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'}
*/
	
html[lang="fr"] power-viewer-fullscreen:after{content:'Plein écran'}
html[lang="fr"] power-viewer-fullscreen.active:after{content:'Réduire'}

/* English */

html[lang="en"] power-viewer-fullscreen:after{content:'Fullscreen'}
html[lang="en"] power-viewer-fullscreen.active:after{content:'Minimize'}

/* Español */

html[lang="es"] power-viewer-fullscreen:after{content:'Pantalla completa'}
html[lang="es"] power-viewer-fullscreen.active:after{content:'Reducir'}

/* Deutsch */

html[lang="de"] power-viewer-fullscreen:after{content:'Vollbild'}
html[lang="de"] power-viewer-fullscreen.active:after{content:'Verkleinern'}

/* Italiano */

html[lang="it"] power-viewer-fullscreen:after{content:'Schermo intero'}
html[lang="it"] power-viewer-fullscreen.active:after{content:'Riduci'}

body.didomi-popup-open{overflow:scroll!important}
#viewer-container{overflow:hidden}
	 
	 
	 
	 
html[lang="fr"] .power-viewer-interaction-button:after{content: "Intérieur"}
html[lang="en"] .power-viewer-interaction-button:after{content:'Inside'}
html[lang="es"] .power-viewer-interaction-button:after{content:'Interior'}
html[lang="de"] .power-viewer-interaction-button:after{content:'Innenraum'}
html[lang="it"] .power-viewer-interaction-button:after{content:'Interno'}
	 
.power-viewer-interaction-button:before {content:''; width: 20px; height: 20px; -webkit-mask-image: var(--XRrayIcons);
mask-image: var(--XRrayIcons); mask-repeat: no-repeat; background: #000; display: block;}
	
power-viewer-fullscreen.active:before {-webkit-mask-image: var(--zoomOutIcon);mask-image: var(--zoomOutIcon);}
power-viewer-fullscreen:before {content:''; width: 14px; height: 14px; -webkit-mask-image: var(--zoomInIcon);
mask-image: var(--zoomInIcon); mask-repeat: no-repeat; background: #000; display: block;}
	
.power-viewer-interaction-button.active:before, power-viewer-fullscreen.active:before {background-color: #FFF}
.power-viewer-interaction-button .material-symbols-outlined {display: none;}
.power-viewer-interaction-button {border-radius: 4px; opacity: 1; display: block; }

	 
	 .power-buttons {display: flex; padding: 4px; position: absolute; top: 16px; left: 16px;  pointer-events: none; flex-direction: row; justify-content: flex-start; align-items: flex-start; z-index: 600; background: #FFF; height: auto; width: auto; border-radius: 4px; gap: 2px;} 
	
@media (max-width: 768px) {
.power-buttons {bottom: 48px; left: 50%; transform: translateX(-50%); top: auto;}
}
	
.power-viewer-ar-button.active {

	background: #2d2d2d;
	color: #d2d2d2;

}
	
	html.viewer-is-fullscreen {overflow: hidden;}
	html.viewer-is-fullscreen .slick-slider .slick-track, .slick-slider .slick-list {transform: none !important;}
	#viewer-container.is-fullscreen {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000;}
	#viewer-container:not(.is-fullscreen) .btn-close {display: none;}
	power-viewer-fullscreen.active {background:#2d2d2d;color:#d2d2d2;fill:#d2d2d2}
@media (min-width: 1200px) {
.power-viewer-ar-button:hover, power-viewer-fullscreen:hover{background:#2d2d2d;color:#d2d2d2;fill:#d2d2d2}
.sidepanel-overlay.show{z-index:1080}
.power-viewer-interaction-button:hover:before, power-viewer-fullscreen:hover:before {background-color: #FFF}
}
	
	#viewer-container .btn-close {position: absolute;
top: 16px;
right: 16px;
background: #fff;
color: #000;
border: none;
z-index: 1001;
border-radius: 50%;

padding: 0;}
	#viewer-container .btn-close .svg-wrapper {background-color: #fff;
border-radius: 50%;
height: 30px;
width: 30px;}
	
	#viewer-container .btn-close .svg-wrapper svg
	{width: 11px;
height: 16px;
stroke: #000;
stroke-width: .4;
	}

#viewer-container:not(.is-fullscreen) button.viewer-close {display: none;}

#viewer-container button.viewer-close {
all: unset;
position: absolute;
right: 30px;
top: 30px;
width: 30px;
height: 30px;
box-sizing: border-box;
padding: 8px;
	z-index: 10;
	border-radius: 50%;
	background: #FFF;
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
}

@media (max-width: 768px) {
	#viewer-container button.viewer-close {
		top: 8px;
		right: 2%;
	}
}

#viewer-container button.viewer-close svg {
width: 11px;
height: 16px;
	stroke: #000;
stroke-width: .4;
}