/**
 * Zsengezöld – template-galeria.php oldalstílusok
 *
 * Korábban a sablon <style> blokkjában volt, ami minden
 * oldalletöltéssel újra letöltődött. Külön fájlként a böngésző
 * egyszer tölti le és utána gyorsítótárazza.
 */

.zs-galeria .zs-label { font-size: 17px; margin-bottom: 24px; }
.zs-galeria h1 { margin-bottom: 16px; }
.zs-galeria__sub { margin-bottom: 28px; }

.zs-galeria__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
/* A terv szerint négyzetes csempék – a kép object-fit: cover-rel tölti ki. */
.zs-galeria__item {
  display: block; line-height: 0;
  border-radius: 16px; overflow: hidden;
  background: var(--placeholder);
  aspect-ratio: 1 / 1;
}
.zs-galeria__item img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .4s ease;
}
.zs-galeria__item:hover img { transform: scale(1.04); }

@media (max-width: 1199px) {
  .zs-galeria__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 767px) {
  .zs-galeria__grid { grid-template-columns: 1fr; gap: 16px; }
  .zs-galeria__sub { margin-bottom: 20px; }
}