/* Le configurateur est positionné par-dessus le bloc images */
#configurator-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: none;
}

/* Quand le mode configurateur est actif */
body.configurator-active .product-cover,
body.configurator-active .product-images {
    opacity: 0; /* on masque sans casser le DOM */
    pointer-events: none;
}

body.configurator-active #configurator-wrapper {
    display: block;
}

#configurator-button-wrapper{
    margin-top: 15px; 
    margin-bottom: 10px;
}