/* Foldmunka Galéria – önálló alapstílusok. A Foldmunka sablon ugyanezeket
   részletesebben is definiálja, ezért együtt használva a megjelenés egységes. */
.fold-gallery-title { margin: 0 0 34px; text-align: center; font-size: clamp(1.7rem, 3vw, 2rem); }
.fold-gallery-grid { display: grid; grid-template-columns: repeat(var(--gallery-columns, 3), minmax(0, 1fr)); gap: 20px; }
.fold-gallery-item { position: relative; display: block; overflow: hidden; border-radius: 9px; background: #1b1b1b; color: #fff; }
.fold-gallery-item img { display: block; width: 100%; aspect-ratio: 1.7; object-fit: cover; transition: transform .35s ease, opacity .35s ease; }
.fold-gallery-item:hover img { transform: scale(1.035); opacity: .92; }
.fold-gallery-caption { position: absolute; inset: auto 0 0; padding: 34px 16px 13px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.82)); font-size: .86rem; font-weight: 750; }
.fold-lightbox { position: fixed; inset: 0; z-index: 9998; display: none; place-items: center; padding: 28px; background: rgba(0,0,0,.92); }
.fold-lightbox.is-open { display: grid; }
.fold-lightbox-dialog { position: relative; width: min(1200px, 94vw); max-height: 92vh; display: grid; place-items: center; }
.fold-lightbox-image { display: block; width: auto; max-width: 100%; max-height: 82vh; object-fit: contain; }
.fold-lightbox-caption { margin-top: 12px; color: #fff; text-align: center; }
.fold-lightbox-close,.fold-lightbox-prev,.fold-lightbox-next { position: absolute; z-index: 2; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(20,20,20,.82); color: #fff; cursor: pointer; }
.fold-lightbox-close { top: -14px; right: -14px; width: 44px; height: 44px; font-size: 1.55rem; }
.fold-lightbox-prev,.fold-lightbox-next { top: 50%; width: 48px; height: 48px; transform: translateY(-50%); font-size: 1.65rem; }
.fold-lightbox-prev { left: 8px; }.fold-lightbox-next { right: 8px; }
body.fold-lightbox-open { overflow: hidden; }
@media (max-width: 900px) { .fold-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .fold-gallery-grid { grid-template-columns: 1fr; } .fold-lightbox { padding: 14px; } }