/* Otomatik Kepenk Tamiri - Hizmet Görseli ve Mobil Slide Fix V2 */

/* Hizmet detay sayfasında admin panelden yüklenen görselin net görünmesi */
.service-detail-media{
  margin:0 0 28px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(7,60,115,.15);
  border:1px solid rgba(11,63,112,.10);
  background:#fff;
}
.service-detail-media img{
  width:100%;
  aspect-ratio:16/9;
  min-height:280px;
  object-fit:cover;
  display:block;
}
.service-detail-card > p,
.service-detail-card > br{
  color:#4f6176;
  font-size:16px;
}

/* Hizmet kartı ve galeri oranları */
.service-card .img img,
.gallery-grid img{
  object-position:center center;
}

/* Masaüstü slide aynen kalsın; mobilde özel kompozisyon kullanılsın */
@media(max-width:820px){
  .hero{
    min-height:760px;
  }
  .hero-bg{
    background-image:
      linear-gradient(180deg,rgba(5,25,45,.96) 0%,rgba(5,25,45,.82) 42%,rgba(5,25,45,.55) 100%),
      url('/assets/media/mobile/slide-mobile-fit-v2.jpg');
    background-size:cover;
    background-position:center top;
  }
  .hero-bg img{
    opacity:0;
    visibility:hidden;
  }
  .hero-content{
    padding:58px 24px 330px;
  }
  .hero h1{
    font-size:38px;
    line-height:1.06;
  }
  .hero p{
    font-size:16px;
    max-width:100%;
  }
  .hero-badges{
    margin:-285px 18px 28px;
  }
  .service-page-hero img,
  .page-hero img{
    object-position:center center;
  }
  .service-detail-media img{
    min-height:220px;
    aspect-ratio:16/10;
  }
}

@media(max-width:480px){
  .hero{
    min-height:790px;
  }
  .hero-content{
    padding-bottom:345px;
  }
  .hero-badges{
    margin-top:-300px;
  }
  .service-card .img{
    height:220px;
  }
  .gallery-grid img{
    height:230px;
  }
}