@media (max-width:768px){
  [style*="background-image"]{
    background-size: contain !important;
    background-position: center bottom !important;
    height: auto !important;
  }
}
/* ===============================
   MOBİL – ÜRÜN DETAY ANA GÖRSEL
================================ */
@media (max-width: 768px){

  /* ANA BÜYÜK GÖRSEL */
  .product-detail-image,
  .product-gallery-main,
  .product-gallery img,
  .swiper-slide img{
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    background: #f5f5f5;
  }

  /* ANA GÖRSEL KAPSAYICI */
  .product-gallery,
  .product-gallery-main,
  .product-image-wrapper,
  .swiper-wrapper{
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 3 / 4;
    overflow: visible !important;
  }
}
/* =========================================
   MOBIL PRODUCT GALLERY - FORCE FIX
========================================= */
@media (max-width: 768px){

  /* Swiper ve tüm wrapper'lar */
  .swiper,
  .swiper-wrapper,
  .swiper-slide,
  .product-gallery,
  .product-gallery-main,
  .product-image,
  .product-image-wrapper{
    height: auto !important;
    max-height: none !important;
    min-height: unset !important;
    overflow: visible !important;
  }

  /* IMG ile gelen görseller */
  .swiper-slide img,
  .product-gallery img,
  .product-image img{
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    background: #f4f4f4 !important;
  }

  /* BACKGROUND-IMAGE ile gelenler */
  .swiper-slide[style*="background"],
  .product-image[style*="background"]{
    background-size: contain !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
  }

  /* Thumbnail’lar */
  .swiper-thumbs img,
  .product-thumbs img{
    object-fit: contain !important;
    height: auto !important;
  }
}
@media (max-width:768px){
  .product-gallery img,
  .swiper-slide img{
    object-fit: contain !important;
    height: auto !important;
    max-height: none !important;
  }
}
/* =================================
   MOBIL – PRODUCT THUMB FIX
================================= */
@media (max-width:768px){

  /* Thumbnail kapsayıcı */
  .product-gallery-thumbs,
  .product-thumbs,
  .swiper-thumbs{
    overflow: visible !important;
  }

  /* Tek tek thumbnail kartları */
  .product-gallery-thumbs .swiper-slide,
  .product-thumbs .thumb,
  .swiper-thumbs .swiper-slide{
    height: auto !important;
    min-height: unset !important;
    aspect-ratio: 3 / 4 !important;
    overflow: visible !important;
  }

  /* Thumbnail görseller */
  .product-gallery-thumbs img,
  .product-thumbs img,
  .swiper-thumbs img{
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    display: block;
    background: #f5f5f5;
  }
}
/* =========================================
   MOBILE – THUMB IMAGE FINAL FIX
========================================= */
@media (max-width: 768px){

  /* Thumbnail kapsayıcıyı YAN YANA zorla */
  .row.productDetail .sub-images{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 10px !important;
  }

  /* INLINE STYLE EZ */
  .row.productDetail img.thumb-image{
    width: 80px !important;
    height: 110px !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    border-radius: 10px;
    background: #f5f5f5;
    flex: 0 0 auto !important;
  }

  /* Scrollbar gizle (opsiyonel) */
  .row.productDetail .sub-images::-webkit-scrollbar{
    display: none;
  }
}
@media (max-width: 768px){

  /* Thumbnail kapsayıcı aynı kalsın */
  .row.productDetail .sub-images{
    gap: 12px !important;
  }

  /* Thumbnail görseller – BÜYÜTÜLDÜ */
  .row.productDetail img.thumb-image{
    width: 110px !important;
    height: 150px !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    border-radius: 12px;
    background: #f5f5f5;
  }
}
(function () {
  if (window.innerWidth > 768) return;

  function fixThumbs() {
    document.querySelectorAll('.thumb-image').forEach(img => {
      img.style.width = '110px';
      img.style.height = '150px';
      img.style.objectFit = 'contain';
    });
  }

  // İlk yükleme
  window.addEventListener('load', fixThumbs);

  // Slider/JS tekrar bastıkça yeniden uygula
  setTimeout(fixThumbs, 200);
  setTimeout(fixThumbs, 600);
  setTimeout(fixThumbs, 1200);
})();