/* Animation Shimmer */
@keyframes shimmerGrid {
    0% { background-position: -468px 0 }
    100% { background-position: 468px 0 }
}

.skeleton-grid-item {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    height: 350px; /* Ajustez selon la hauteur de vos vraies cartes */
}

.skeleton-grid-item .skel-box {
    background: #f6f7f8;
    background-image: linear-gradient(90deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    display: inline-block;
    position: relative;
    animation: shimmerGrid 1.5s infinite linear;
}

.skel-img { width: 100%; height: 180px; margin-bottom: 15px; border-radius: 4px; }
.skel-text { width: 80%; height: 20px; margin-bottom: 10px; border-radius: 4px; }
.skel-subtext { width: 100%; height: 12px; border-radius: 4px; }