/* --- Effet Hover Spécifique sur l'Image de la Carte --- */

/* 1. Le conteneur de l'image (pour masquer le débordement du zoom) */
.card-hover .p-3 {
    overflow: hidden; /* Important pour que le zoom ne dépasse pas du cadre */
    border-radius: calc(.75rem - 1px); /* Arrondi cohérent avec la carte */
}

/* 2. L'image elle-même (état normal) */
.card-hover .thumb {
    transition:
        transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), /* Animation fluide et "luxe" */
        filter 0.3s ease; /* Transition pour la luminosité */

    transform: scale(1); /* Taille normale par défaut */
    filter: brightness(1); /* Luminosité normale */
}

/* 3. L'image au survol de la CARTE */
.card-hover:hover .thumb {
    /* Léger zoom avant (10% de plus) */
    transform: scale(1.1);

    /* Légère augmentation de la luminosité pour faire ressortir le produit */
    filter: brightness(1.15);
}

/* 4. Optionnel : Ajout d'une lueur dorée interne subtile autour de l'image */
.card-hover:hover .p-3 {
    box-shadow: inset 0 0 20px rgba(201, 168, 76, 0.15);
    transition: box-shadow 0.3s ease;
}