/**
 * Fix pour résoudre le problème de scintillement des images
 * Forcez les images à rester visibles en permanence
 */

/* Suppression de tous les effets de hover sur les images de produits UNIQUEMENT */
.product-card img,
.card-link img,
.group img,
[class*="product"] img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
    transition: none !important;
}

/* Suppression des overlays problématiques */
.group:hover .absolute.inset-0[class*="opacity-0"],
.group:hover .absolute.inset-0[class*="group-hover:opacity"] {
    opacity: 0 !important;
}

/* Stabilisation des cartes de produits - IMAGES SEULEMENT */
.product-card-enhanced img,
.featured-product img,
.sale-product img {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* Optimisation de l'espacement des catégories */
#categories {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

#categories .text-center {
    margin-bottom: 1rem !important;
}

.category-card {
    min-width: 200px !important;
    height: auto !important;
    padding: 1rem !important;
}

/* Réduire l'espacement des sections */
section.py-12 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

section.py-16 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}