/* ==========================================================================
   pages/galeria.css - Galéria oldal specifikus szabályok
   ========================================================================== */

/* Egyszerű, JS nélküli "masonry" - CSS oszlopokkal, mindenféle képarányú
   fotóhoz illeszkedve (nincs kényszerített vágás/aspect-ratio). */
.photo-masonry {
  column-count: 3;
  column-gap: var(--space-md);
}
.photo-masonry .gallery-tile {
  break-inside: avoid;
  margin-bottom: var(--space-md);
  width: 100%;
}
.photo-masonry .gallery-tile img { width: 100%; height: auto; display: block; }

@media (max-width: 960px) {
  .photo-masonry { column-count: 2; }
}
@media (max-width: 560px) {
  .photo-masonry { column-count: 1; }
}