/*----*/

.gallery-wrapper {
  width: 100%;
}

/* Kontejner pro obrázky - umožňuje scrollování */
.slider-container {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scrollbar-width: none;
  height: 550px; /* Tvoje výška */
  align-items: center;
}

/* Skrytí posuvníku pro Chrome/Safari */
.slider-container::-webkit-scrollbar {
  display: none;
}

.slide {
  flex: 0 0 auto; /* "auto" znamená: vezmi si tolik místa, kolik potřebuješ */
  height: 100%; /* Roztáhni se na celou výšku kontejneru */
  width: auto; /* Šířka se dopočítá podle poměru stran */
  /* aspect-ratio: 2/3;  <-- TOTO SMAŽ (to dělalo ten fixní poměr) */
}

.slide img {
  height: 100%; /* Výška na 100% rodiče */
  width: auto; /* Šířka automaticky */
  min-width: 350px;
  object-fit: cover; /* Nebo "cover", pokud chceš vyplnit rámeček beze zbytku */
  display: block; /* Odstraní mezery pod obrázkem */
}

/* Spodní panel */
.controls {
  display: flex;
  justify-content: space-between; /* Rozmístí prvky: Šipka - Text - Šipka */
  align-items: center;
  margin-top: 20px;
  padding: 0 20px;
}

.controls button {
  background-color: transparent;
  border: none;
}