body {
    font-family: 'Cairo', sans-serif;
}

@keyframes galleryShimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.skeleton-shimmer {
    background: linear-gradient(90deg, rgba(30, 41, 59, 0.9) 25%, rgba(51, 65, 85, 0.95) 50%, rgba(30, 41, 59, 0.9) 75%);
    background-size: 200% 100%;
    animation: galleryShimmer 1.4s infinite linear;
}

.gallery-card-img {
    transition: transform 0.35s ease;
}

.gallery-card:hover .gallery-card-img {
    transform: scale(1.04);
}

.gallery-card-overlay {
    background: linear-gradient(to top, rgba(2, 6, 23, 0.92) 0%, rgba(2, 6, 23, 0.45) 55%, rgba(2, 6, 23, 0) 100%);
}
