/* OpenCart 3 + Journal3 ürün görsel standardı */

/* Ürün detay sayfasındaki ana görsel alanı */
.product-info .product-left .product-image .main-image,
.product-info .product-left .product-image .main-image .swiper-container,
.product-info .product-left .product-image .main-image .swiper-wrapper,
.product-info .product-left .product-image .main-image .swiper-slide {
  height: 600px !important;
  max-height: 70vw !important;
  min-height: 360px;
}

.product-info .product-left .product-image .main-image .swiper-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92);
}

.product-info .product-left .product-image .main-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 600px !important;
  max-height: 600px !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Kategori ve ana sayfa ürün kartları */
.product-grid .product-thumb .image,
.main-products .product-thumb .image,
.product-layout .product-thumb .image {
  height: 300px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92);
}

.product-grid .product-thumb .image img,
.main-products .product-thumb .image img,
.product-layout .product-thumb .image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 300px !important;
  max-height: 300px !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Küçük ek ürün görselleri */
.product-info .additional-images .swiper-slide,
.product-info .additional-image {
  width: 74px !important;
  height: 74px !important;
}

.product-info .additional-images img,
.product-info .additional-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  .product-info .product-left .product-image .main-image,
  .product-info .product-left .product-image .main-image .swiper-container,
  .product-info .product-left .product-image .main-image .swiper-wrapper,
  .product-info .product-left .product-image .main-image .swiper-slide {
    height: 90vw !important;
    min-height: 280px;
    max-height: 480px !important;
  }

  .product-grid .product-thumb .image,
  .main-products .product-thumb .image,
  .product-layout .product-thumb .image {
    height: 240px !important;
  }
}