.gallery-hero-section {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 400px;

    display: flex;

    align-items: center;

    position: relative;

}



.gallery-hero-section .hero-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

}



/* Hero text animations */

@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.gallery-hero-section h1 {

    animation: fadeInUp 0.8s ease-out forwards;

    animation-delay: 0.2s;

    opacity: 0;

}



.gallery-hero-section p {

    animation: fadeInUp 0.8s ease-out forwards;

    animation-delay: 0.4s;

    opacity: 0;

}



.gallery-hero-section .breadcrumb {

    animation: fadeInUp 0.8s ease-out forwards;

    animation-delay: 0.1s;

    opacity: 0;

}



/* Album cards animation */

.gallery-album-card-wrapper {

    opacity: 0;

    transform: translateY(40px);

    transition: opacity 0.6s ease-out, transform 0.6s ease-out;

}



.gallery-album-card-wrapper.animate {

    opacity: 1;

    transform: translateY(0);

}



/* Stagger animation for albums */

.gallery-album-card-wrapper:nth-child(1) {

    transition-delay: 0.1s;

}



.gallery-album-card-wrapper:nth-child(2) {

    transition-delay: 0.2s;

}



.gallery-album-card-wrapper:nth-child(3) {

    transition-delay: 0.3s;

}



.gallery-album-card-wrapper:nth-child(4) {

    transition-delay: 0.4s;

}



.gallery-album-card-wrapper:nth-child(5) {

    transition-delay: 0.5s;

}



.gallery-album-card-wrapper:nth-child(6) {

    transition-delay: 0.6s;

}



.gallery-album-card-wrapper:nth-child(7) {

    transition-delay: 0.7s;

}



.gallery-album-card-wrapper:nth-child(8) {

    transition-delay: 0.8s;

}



/* Image cards animation */

.gallery-image-wrapper {

    opacity: 0;

    transform: scale(0.9);

    transition: opacity 0.5s ease-out, transform 0.5s ease-out;

}



.gallery-image-wrapper.animate {

    opacity: 1;

    transform: scale(1);

}



/* Stagger animation for images */

.gallery-image-wrapper:nth-child(1) { transition-delay: 0.05s; }

.gallery-image-wrapper:nth-child(2) { transition-delay: 0.1s; }

.gallery-image-wrapper:nth-child(3) { transition-delay: 0.15s; }

.gallery-image-wrapper:nth-child(4) { transition-delay: 0.2s; }

.gallery-image-wrapper:nth-child(5) { transition-delay: 0.25s; }

.gallery-image-wrapper:nth-child(6) { transition-delay: 0.3s; }

.gallery-image-wrapper:nth-child(7) { transition-delay: 0.35s; }

.gallery-image-wrapper:nth-child(8) { transition-delay: 0.4s; }

.gallery-image-wrapper:nth-child(9) { transition-delay: 0.45s; }

.gallery-image-wrapper:nth-child(10) { transition-delay: 0.5s; }

.gallery-image-wrapper:nth-child(11) { transition-delay: 0.55s; }

.gallery-image-wrapper:nth-child(12) { transition-delay: 0.6s; }



.gallery-album-card {

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.gallery-album-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;

}



.gallery-image-card {

    position: relative;

    overflow: hidden;

    border-radius: 0.375rem;

    cursor: pointer;

}



.gallery-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0,0,0,0.7);

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: opacity 0.3s ease;

}



.gallery-image-card:hover .gallery-overlay {

    opacity: 1;

}