/* ============================================
   VARIABLES CSS CENTRALISÉES - DIMENSIONS DES CARTES
   UN SEUL ENDROIT POUR MODIFIER LES TAILLES D'IMAGES
   ============================================ */

:root {
    /* Dimensions des images pour les cartes SECTIONS (Tous produits, Pour vous, Recommandés) */
    --card-section-image-height: 180px;
    --card-section-image-min-height: 180px;
    --card-section-image-max-height: 180px;
    
    /* Dimensions des images pour les cartes DEAL (Lightning Deals) */
    --card-deal-image-height: 160px;
    --card-deal-image-min-height: 160px;
    --card-deal-image-max-height: 160px;
    
    /* Largeur des conteneurs (toujours 100% pour flexibilité) */
    --card-image-width: 100%;
    --card-image-min-width: 100%;
    --card-image-max-width: 100%;
    
    /* Couleur de fond des conteneurs d'images (transparent pour voir uniquement l'image) */
    --card-image-background: transparent;
}