
.gallery-masonry {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6), 1fr));
    grid-auto-rows: 250px;   /* ← FIX sor magasság */
    gap: 1px;
}

.gallery-item {
    overflow: hidden;
    height: 250px;           /* biztos ami biztos */
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; /* középről vág */
    display: block;
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.08);
}
/* SimpleLightbox háttér fekete, 80% átlátszó */
.simple-lightbox-overlay {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.simple-lightbox-close,
.simple-lightbox-arrow {
    color: #fff !important;
}
.sl-overlay {
    background-color: rgba(0,0,0,0.8) !important;
}
.sl-close,
.sl-arrow {
    color: #fff !important;
}

/* Alap rejtett állapot */
.gallery-item {
    opacity: 0;
    transform: translateY(50px);
    transition: 
        transform 1s cubic-bezier(.25,.8,.25,1),
        opacity 0.8s ease;
}

/* Amikor látható a szekció */
.fade-section.visible .gallery-item {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {

    .gallery-item {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

}

@media (max-width: 1200px) {
    .gallery-masonry {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .gallery-masonry {
        grid-template-columns: repeat(2, 1fr);
    }
}