.swiper-container { width: 100%; height: 100%; }
.swiper-slide img { 
    max-width: 100%; 
    max-height: 100%; 
    display: block; 
    margin: 0 auto; 
    background-color: rgba(255, 255, 255, 0);
    
}
.swiper-slide{
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    box-shadow: none;
}
.swiper-slide-next, .swiper-slide-prev{
    background-color: rgba(255, 255, 255, 0);
}


#gallery-modal {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.gallery-modal__overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: #0000004a;
}

.gallery-modal__content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  height: 90vh; /* nebo jiná výška podle potřeby */
  width: 90vw; /* šířka modalu */
  box-sizing: border-box;
  aspect-ratio: 16/9;
}

.gallery-modal__content img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* zobraz celý obrázek, nevystřihuj ho */
  display: block;
  margin: 0 auto;
}

.gallery-modal__close {
  position: absolute;
  top: 10px;
  right: 20px;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  font-size: 3rem;
  cursor: pointer;
  color: var(--color-beige) !important;
  z-index: 10;
}