/* HLAVNÍ VELKÁ FOTKA */
/* Selektor byl zjednodušen, aby spolehlivě našel hlavní fotku v jakémkoliv uspořádání */
.auto-gallery-section .img img,
.auto-gallery-section .img .dynamic-gl-img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1080 / 1024 !important; /* Přesný poměr velké fotky */
  object-fit: cover !important;          /* Vyplní prostor a ořízne přebytky */
  position: relative;
}

/* ČTYŘI MENŠÍ FOTKY (Ponecháno beze změn) */
.auto-gallery-section .offer_gallery_group .offer_gallery img,
.auto-gallery-section .offer_gallery_group .offer_gallery .dynamic-gl-img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 920 / 900 !important;   /* Přesný poměr malých fotek */
  object-fit: cover !important;          /* Vyplní prostor a ořízne přebytky */
  position: relative;
}

/* Zajištění správného chování pro překryvné vrstvy z JavaScriptu (Ponecháno beze změn) */
.auto-gallery-section img {
  object-fit: cover !important;
}

/* STYL PRO VELKÉ PROHLÍŽECÍ OKNO V MODALU */

/* Přepíšeme šířku Bootstrap okna, aby se roztáhlo takřka na maximum obrazovky */
.modal-dialog.modal-lg {
  max-width: 95vw !important; /* Okno zabere 95 % šířky displeje */
  width: 80vw !important;
}

/* Upravíme samotný obrázek, aby vyplnil maximum dostupného prostoru */
.modal-img-custom {
  max-height: 90vh !important; /* Fotka zabere až 90 % výšky displeje */
  max-width: 100% !important;  /* Roztáhne se na plnou šířku okna */
  width: auto !important;       /* Výška/šířka se dopočítá proporčně dle poměru stran */
  height: auto !important;
  margin: 0 auto;
  object-fit: contain;          /* Fotka se nikdy neořízne a nezdeformuje */
}

/* Na mobilech necháme rozměry také maximální */
@media (max-width: 576px) {
  .modal-dialog.modal-lg {
    max-width: 95vw !important;
    width: 95vw !important;
    margin: 0.5rem auto !important;
  }
  .modal-img-custom { 
    max-height: 85vh !important; 
  }
}