/* --- STIL DESKTOP --- */
.ivg-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 60%; /* Containerul ocupă 60% din pagină pe desktop */
  margin: 40px auto;
  justify-content: center;
}

.ivg-gallery a {
  display: block;
  text-decoration: none;
  transition: transform 0.28s ease;
  /* Calcul pentru 3 pe rând: (100% / 3) - spațiul pt gap */
  width: calc(33.33% - 14px); 
}

.ivg-gallery a img {
  width: 100%;
  height: auto;
  min-height: 250px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  display: block;
}

/* --- ADAPTARE PENTRU MOBILE & TABLETĂ --- */
@media (max-width: 1024px) {
  .ivg-gallery {
    width: 90%; /* Pe tablete și telefoane mărim containerul la 90% */
  }
}

@media (max-width: 767px) {
  .ivg-gallery {
    width: 95%; /* Pe telefoane ocupă aproape tot ecranul */
    gap: 15px;
  }

  /* Context: Ultimele 3 -> 1 pe rând (100%) */
  .ivg-gallery.last-vids a {
    width: 100%;
  }

  /* Context: Toate clipurile -> 2 pe rând (50%) */
  .ivg-gallery.galeria-principala a {
    width: calc(50% - 8px);
  }

  .ivg-gallery a img {
    min-height: 180px; /* Înălțime mai mică pe mobil pentru aspect proporționat */
  }
}