/*
 * Mobilné fotografie CStudio Malacky.
 * Pravidlá sú zámerne oddelené od desktopu a rešpektujú prirodzený
 * pomer strán jednotlivých zdrojových fotografií.
 */
@media (max-width:768px){
  /* Hlavná stránka – karty služieb. */
  .main-service-card,
  .main-service-card:nth-child(4),
  .main-service-card:nth-child(5){
    height:auto!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
  }

  .main-service-photo{
    height:auto!important;
    min-height:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#faf6f1;
  }

  .main-service-photo>img{
    position:static!important;
    inset:auto!important;
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:100%;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  .endosphere-service-photo{aspect-ratio:1122/1402!important}
  .ems-service-photo{aspect-ratio:1086/1448!important}
  /* Veľmi úzky originál je celý zobrazený v jednotnom portrétovom ráme. */
  .lymph-service-photo{aspect-ratio:3/4!important}
  .vacuslim-service-photo{aspect-ratio:4/3!important}

  /* Samostatná stránka Naše služby. */
  .detail-grid{
    grid-auto-rows:auto!important;
  }

  .detail-card{
    height:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .detail-photo:has(>img){
    height:auto!important;
    min-height:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#faf6f1;
  }

  .detail-photo>img{
    position:static!important;
    inset:auto!important;
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:100%;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  .endosphere-detail-photo{aspect-ratio:1122/1402!important}
  .ems-detail-photo{aspect-ratio:1086/1448!important}
  .lymph-detail-photo{aspect-ratio:3/4!important}
  .vacuslim-detail-photo{aspect-ratio:4/3!important}

  /* Profilová fotografia v sekcii O nás na hlavnej stránke. */
  .about-compact .about-photo-real.about-owner-photo{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1086/1448!important;
    background:#faf6f1;
  }

  .about-compact .about-photo-real.about-owner-photo>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  /* Samostatná karta O nás – prehliadač rešpektuje portrétovú EXIF orientáciu. */
  .about-story-photo{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3024/4032!important;
    background:#faf6f1;
  }

  .about-story-photo>img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  /* Zo štúdia – zachované jednotné rámčeky, celý obsah fotografie vnútri. */
  .studio-grid .gallery-photo{
    height:auto!important;
    aspect-ratio:5/6!important;
    background:#faf6f1!important;
  }

  .studio-grid .gallery-photo>img{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#faf6f1!important;
    transform:none!important;
  }

  /* Kontaktná karta – fotografia vstupu má prirodzený pomer 4:3. */
  .contact-image{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1448/1086!important;
    background:#faf6f1;
  }

  .contact-image>img{
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
}