/**
 * lcds-cls-fix.css
 * -----------------
 * Réserve l'espace de blocs identifiés par Lighthouse comme sources de
 * décalage de mise en page (CLS) sur la fiche produit.
 *
 * Note : la règle initialement prévue sur .bloc_products a été retirée
 * — les images de ce bloc portent déjà width="77" height="77" en HTML,
 * ce qui suffit au navigateur pour réserver le bon espace sans CSS
 * supplémentaire. Un min-height ajouté en plus créait un espace vide
 * visible sous l'image (77x127 au lieu de 77x77).
 */

.product-colors {
    min-height: 260px; /* espace approximatif du nuancier avant peuplement complet */
}

/* Le bloc de configurateur visuel (canvas + lambrequin) est aussi
   redimensionné dynamiquement par traite_dimension() dans custom.js.
   On lui réserve une hauteur minimale cohérente avec sa largeur pour
   limiter le décalage pendant ce recalcul. */
.product-cover {
    min-height: 300px;
}