/* ===== SKELETON LOADER ANIMATION ===== */
        .skeleton {
            position: relative;
            overflow: hidden;
            background-color: var(--skeleton-bg);
            border-radius: inherit;
        }

        .skeleton::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                var(--skeleton-shine),
                transparent
            );
            animation: skeleton-wave 1.5s infinite;
        }

        @keyframes skeleton-wave {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(100%);
            }
        }

        /* Image avec skeleton */
        .image-container {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: var(--skeleton-bg);
            overflow: hidden;
        }

        .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .image-container img.loaded {
            opacity: 1;
        }

        .image-container.skeleton-loading {
            position: relative;
        }

        .image-container.skeleton-loading::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                var(--skeleton-shine),
                transparent
            );
            animation: skeleton-wave 1.5s infinite;
            z-index: 2;
        }

        /* Classes spécifiques pour différents types d'images */
        .product-image,
        .sponsored-image,
        .flash-product-image,
        .gif-card,
        .carousel-item img,
        .logo-icon {
            position: relative;
            overflow: hidden;
            background-color: var(--skeleton-bg);
        }