.cms-page-content { max-width: 1200px; }
.cms-page-content .gallery-grid { display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  margin: 2rem 0; }
.cms-page-content .gallery-thumb { display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #eee;
  border-radius: 4px; }
.cms-page-content .gallery-thumb img { width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  padding-bottom: 0;
  filter: grayscale(100%);
  transition: filter 0.3s ease, transform 0.3s ease; }
.cms-page-content .gallery-thumb:hover img { filter: grayscale(0%);
  transform: scale(1.03); }
@media (max-width: 767px) {
.cms-page-content .gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
}