@keyframes skeleton-shimmer {
    0% { background-position: -150% 0; }
    100% { background-position: 150% 0; }
}

.skeleton-active .slider-section {
    background: #e2e5e7 !important;
    transition: background 0.3s ease;
}

.skeleton-active .sk-el {
    position: relative !important;
    overflow: hidden !important;
    background: #e2e5e7 !important;
    background-image: linear-gradient(
        90deg, 
        #e2e5e7 0%, 
        #f1f3f4 20%, 
        #e2e5e7 40%, 
        #e2e5e7 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-size: 200% 100% !important;
    animation: skeleton-shimmer 1.5s infinite linear !important;
    color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.skeleton-active .sk-el * {
    visibility: hidden !important;
}

.skeleton-active img {
    opacity: 0 !important;
}

.skeleton-active .info-title { min-height: 48px; width: 60%; margin-bottom: 20px; border-radius: 8px; }
.skeleton-active .info-desc { min-height: 80px; width: 100%; margin-bottom: 30px; border-radius: 8px; }
.skeleton-active .info-btn { min-height: 65px; width: 250px; border-radius: 17px; display: inline-block; }
.skeleton-active .stats-card { min-height: 227px; border-radius: 17px; }
.skeleton-active .stat-num { min-height: 30px; width: 60px; display: block; margin: 0 auto 5px; }
.skeleton-active .stat-label { min-height: 15px; width: 80px; display: block; margin: 0 auto; }
.skeleton-active .references-title { min-height: 40px; width: 300px; margin-bottom: 40px; border-radius: 8px; }
.skeleton-active .reference-card { min-height: 191px; border-radius: 16px; border: none !important; }
.skeleton-active .ref-name { min-height: 20px; width: 120px; margin: 15px auto 0; border-radius: 4px; }