/* Gallery & Portfolio — сетка, masonry и лайтбокс. */

.czgal { margin: 1.25em 0; }

/* Сетка: равные ячейки с кропом. */
.czgal-grid {
  display: grid;
  grid-template-columns: repeat(var(--czgal-cols, 3), 1fr);
  gap: var(--czgal-gap, 8px);
}
.czgal-grid .czgal-it {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px;
}
.czgal-grid .czgal-it img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .25s ease;
}
.czgal-grid a.czgal-it:hover img { transform: scale(1.04); }

/* Masonry: колонки без кропа. */
.czgal-masonry {
  columns: var(--czgal-cols, 3);
  column-gap: var(--czgal-gap, 8px);
}
.czgal-masonry .czgal-it {
  position: relative;
  display: block;
  margin-bottom: var(--czgal-gap, 8px);
  break-inside: avoid;
  overflow: hidden;
  border-radius: 10px;
}
.czgal-masonry .czgal-it img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 900px) {
  .czgal-grid { grid-template-columns: repeat(min(var(--czgal-cols, 3), 3), 1fr); }
  .czgal-masonry { columns: min(var(--czgal-cols, 3), 3); }
}
@media (max-width: 600px) {
  .czgal-grid { grid-template-columns: repeat(2, 1fr); }
  .czgal-masonry { columns: 2; }
}

/* Подпись поверх снимка. */
.czgal-cap {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 20px 12px 10px;
  font-size: 13px;
  line-height: 1.35;
  color: #fff;
  background: linear-gradient(transparent, rgba(0, 0, 0, .65));
  pointer-events: none;
}

/* Лайтбокс — GLightbox (MIT); стили библиотеки грузятся отдельным файлом.
   Здесь только подгонка под тёмный оверлей и подписи. */
.goverlay { background: rgba(10, 12, 16, .94); }
.glightbox-container .gslide-description { background: rgba(17, 20, 26, .92); }
.glightbox-container .gslide-title { color: #fff; font-size: 15px; margin: 0; }
.glightbox-container .gdesc-inner { padding: 14px 18px; }