/*
 * 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,
  .main-service-visual{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!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;
  }

  /* Jednotný mobilný rám pre všetky služby; celý originál ostáva viditeľný. */
  .endosphere-service-photo,
  .ems-service-photo,
  .lymph-service-photo,
  .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{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!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,
  .ems-detail-photo,
  .lymph-detail-photo,
  .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;
  }
}

/* Telefóny používajú vyšší jednotný rám, aby fotografie ostali dominantné. */
@media (max-width:480px){
  .main-service-photo,
  .main-service-visual,
  .endosphere-service-photo,
  .ems-service-photo,
  .lymph-service-photo,
  .vacuslim-service-photo,
  .detail-photo,
  .endosphere-detail-photo,
  .ems-detail-photo,
  .lymph-detail-photo,
  .vacuslim-detail-photo{
    aspect-ratio:4/5!important;
  }

  /*
   * Jedna spoločná konfigurácia pre obe stránky. Každá služba tak používa
   * rovnaký rám, fit aj ohnisko na hlavnej aj na samostatnej stránke.
   */
  .endosphere-service-photo,
  .endosphere-detail-photo,
  .ems-service-photo,
  .ems-detail-photo,
  .vacuslim-service-photo,
  .vacuslim-detail-photo{
    --mobile-service-fit:contain;
    --mobile-service-position:center;
  }

  .lymph-service-photo,
  .lymph-detail-photo{
    --mobile-service-fit:cover;
    --mobile-service-position:center 62%;
  }

  .main-service-photo>img,
  .detail-photo>img{
    object-fit:var(--mobile-service-fit,contain)!important;
    object-position:var(--mobile-service-position,center)!important;
  }
}