/* --- Masonry Layout (Waterfall) --- */
.masonry-grid {
    column-count: 3;
    column-gap: 30px;
    max-width: 1400px;
    margin: 0 auto 80px;
    padding: 0 40px;
}

.masonry-grid .gallery-card {
    break-inside: avoid; /* Prevent card from splitting across columns */
    margin-bottom: 30px;
    display: inline-block; /* Essential for masonry items */
    width: 100%;
}

/* Override existing gallery styles for Masonry */
.masonry-grid .gallery-img-container {
    padding-bottom: 0 !important; /* Remove aspect ratio hack */
    height: auto !important;      /* Allow natural height */
    background-color: transparent;
    overflow: visible;            /* Allow content to flow naturally */
}

.masonry-grid .gallery-img-container img {
    position: relative !important; /* Remove absolute positioning */
    width: 100%;
    height: auto !important;       /* Maintain aspect ratio */
    display: block;
    transform: none !important;    /* Reset transforms that might conflict */
}

/* Maintain hover effect but adjust for inline flow */
.masonry-grid .gallery-card:hover .gallery-img-container img {
    transform: scale(1.02);        /* Slight zoom on hover */
    transition: transform 0.3s ease;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .masonry-grid {
        column-count: 2;
        column-gap: 20px;
    }
}

@media (max-width: 600px) {
    .masonry-grid {
        column-count: 1;
        padding: 0 20px;
    }
}