.ZrGallery-wrapper {
  position: relative;
  width: 100%;
}
.ZrGallery-grid {
  display: grid;
  grid-template-columns: repeat(var(--colsMobile, 2), minmax(0, 1fr));
  gap: var(--gap, 10px);
  width: 100%;
}
@media (min-width: 768px) {
  .ZrGallery-grid {
    grid-template-columns: repeat(var(--colsTablet, 2), minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .ZrGallery-grid {
    grid-template-columns: repeat(var(--colsLaptop, 3), minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .ZrGallery-grid {
    grid-template-columns: repeat(var(--colsDesktop, 4), minmax(0, 1fr));
  }
}
.ZrGallery-grid.masonry {
  display: block;
  column-count: var(--colsMobile, 2);
  column-gap: var(--gap, 10px);
}
@media (min-width: 768px) {
  .ZrGallery-grid.masonry {
    column-count: var(--colsTablet, 2);
  }
}
@media (min-width: 992px) {
  .ZrGallery-grid.masonry {
    column-count: var(--colsLaptop, 3);
  }
}
@media (min-width: 1200px) {
  .ZrGallery-grid.masonry {
    column-count: var(--colsDesktop, 4);
  }
}
.ZrGallery-grid.masonry .ZrGallery-item {
  break-inside: avoid;
  margin-bottom: var(--gap, 10px);
  display: block;
  width: 100%;
}
.ZrGallery-grid.metro1 .ZrGallery-item:nth-child(3n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
.ZrGallery-grid.metro2 .ZrGallery-item:nth-child(4n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
.ZrGallery-grid.metro2 .ZrGallery-item:nth-child(4n+4) {
  grid-column: span 2;
}
.ZrGallery-grid.metro3 .ZrGallery-item:nth-child(5n+1) {
  grid-column: span 2;
}
.ZrGallery-grid.metro3 .ZrGallery-item:nth-child(5n+3) {
  grid-column: span 2;
  grid-row: span 2;
}
.ZrGallery-grid.metro4 .ZrGallery-item:nth-child(6n+1),
.ZrGallery-grid.metro4 .ZrGallery-item:nth-child(6n+6) {
  grid-column: span 2;
}
.ZrGallery-grid.metro4 .ZrGallery-item:nth-child(6n+4) {
  grid-column: span 2;
  grid-row: span 2;
}
.ZrGallery-grid.metro5 .ZrGallery-item:nth-child(4n+1),
.ZrGallery-grid.metro5 .ZrGallery-item:nth-child(4n+4) {
  grid-column: span 2;
}
.ZrGallery-grid.mosaic .ZrGallery-item:nth-child(8n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
.ZrGallery-grid.mosaic .ZrGallery-item:nth-child(8n+4) {
  grid-column: span 2;
}
.ZrGallery-grid.mosaic .ZrGallery-item:nth-child(8n+7) {
  grid-row: span 2;
}
.ZrGallery-item {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ZrGallery-item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.ZrGallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.ZrGallery-item img.ratio-1-1 {
  aspect-ratio: 1/1;
}
.ZrGallery-item img.ratio-4-3 {
  aspect-ratio: 4/3;
}
.ZrGallery-item img.ratio-16-9 {
  aspect-ratio: 16/9;
}
.ZrGallery-item img.ratio-2-3 {
  aspect-ratio: 2/3;
}
.ZrGallery-item:hover img {
  transform: scale(1.05);
}
.ZrGallery-btn {
  cursor: pointer;
}
.ZrGallery-btn:hover .gallery-image {
  transform: scale(1.05);
}
.ZrGallery-btn:hover .ZrGallery-zoom {
  opacity: 1;
}
.ZrGallery-zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.ZrGallery- img.gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/*# sourceMappingURL=ZrGallery.css.map */