        .card-hover {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        border-radius: 12px;
        background: #1e1e1e;
        color: #fff;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.3);
            background: #242424;
        }

        
        /* Forcer toutes les cartes à la même hauteur */
.card-hover {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 220px; /* ajuste la hauteur selon ton design */
    overflow: hidden;
}

/* Ellipsis pour éviter que le texte déborde */
.card-hover .card-body p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
