/**
 * Ürün detay ana slider: Sellzy style.css tema paketinde Blade’deki arbitrary Tailwind
 * sınıfları (ör. h-[min(68vh,520px)], object-contain) yok; kurallar uygulanmıyordu.
 * Slick, slayt yüksekliğini görselin doğal boyutuna göre ayarladığı için dikey
 * görseller alanı aşırı uzatıyordu.
 */
.product-details-big-slider-2 .slick-slide.single-product-big-slider-item {
  height: min(68vh, 520px) !important;
  max-height: min(68vh, 520px) !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  overflow: hidden;
}

.product-details-big-slider-2 .single-product-big-slider-item img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Alt küçük slider: yüksek çözünürlüklü görseller slaytı dikey şişirmesin */
.product-details-small-slider-2 .slick-slide.single-product-small-slider-item {
  height: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.product-details-small-slider-2 .single-product-small-slider-item {
  box-sizing: border-box;
  width: 100%;
  max-height: 88px;
  padding: 6px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #fff;
}

.product-details-small-slider-2 .single-product-small-slider-item img {
  display: block;
  max-width: 100%;
  max-height: 68px;
  width: auto;
  height: auto;
  object-fit: contain;
}