/* Galerie masonry responsive avec miniatures */
.gallery {
  column-count: 4;
  column-gap: 1rem;
}

.gallery a {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%;
  overflow: hidden;
}

.gallery img {
  width: 100%;      /* s’adapte au conteneur */
  height: auto;     /* conserve les proportions */
  object-fit: cover; /* recadrage si nécessaire */
  max-height: 250px; /* limite la taille affichée */
  border-radius: 6px;
  transition: transform 0.3s ease;
}

.gallery img:hover {
  transform: scale(1.05);
}

@media (max-width: 1200px) { .gallery { column-count: 3; } }
@media (max-width: 768px)  { .gallery { column-count: 2; } }
@media (max-width: 480px)  { .gallery { column-count: 1; } }