
/* Mrągowo Bus APEX 9.33.17 — GALLERY FIT / NO CROP
   Zasada: nigdy nie przycinamy zdjęcia ani w dużym podglądzie,
   ani w pasku miniaturek, ani na kartach galerii. */

/* Duży podgląd: element zajmuje cały dostępny obszar,
   ale samo zdjęcie jest skalowane proporcjonalnie w trybie CONTAIN. */
.mbgv15-photo-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#02070b !important;
}
.mbgv15-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  margin:0 !important;
  border-radius:8px !important;
}

/* Pasek miniaturek: również pełne zdjęcie, bez cropowania. */
.mbgv15-thumb{
  background:#04111a !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.mbgv15-thumb img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#04111a !important;
  transform:none !important;
}

/* Karty głównej galerii: całość kadru widoczna również przed otwarciem. */
.gallery-card-photo{
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:#04111a !important;
}
.gallery-card-photo img,
.gallery-card>img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#04111a !important;
  transform:none !important;
}

/* Teaser / zdjęcie tygodnia też bez przycinania. */
.gallery-weekly-media,
.weekly-home-photo{
  background:#04111a !important;
}
.gallery-weekly-media img,
.weekly-home-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#04111a !important;
  transform:none !important;
}

/* Na małych ekranach zachowujemy tę samą zasadę. */
@media(max-width:760px){
  .mbgv15-image,
  .mbgv15-thumb img,
  .gallery-card-photo img,
  .gallery-card>img,
  .gallery-weekly-media img,
  .weekly-home-photo img{
    object-fit:contain !important;
    object-position:center center !important;
  }
}
