/*
 * Product image standard
 * One uploaded product image must work on homepage cards, category cards,
 * related products and product detail without being cropped.
 */

.qx-card-v2__image,
.qx-image-bg,
.rp-card-image,
.product-media-gallery .pmg-main-wrap {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background:
    radial-gradient(
      circle at 20% 18%,
      rgba(249, 115, 22, 0.08),
      transparent 34%
    ),
    linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
}

.qx-card-v2__image,
.qx-image-bg,
.rp-card-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0.75rem !important;
}

.product-media-gallery .pmg-main-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  /* Padding yok: kare ürün görseli çerçeveyi tam doldursun (kırpılmadan). */
  padding: 0 !important;
  /* İç kenarlık da kalksın; görsel kenara tam otursun. */
  border: 0 !important;
}

/* Dış kart boşluğu da kalksın: görsel galeri kutusunu kenardan kenara doldursun. */
.product-media-gallery {
  padding: 0 !important;
  overflow: hidden !important;
}

.qx-card-v2__image img,
.qx-product-img,
.pmg-main-image,
.rp-card-image img,
.server-card__image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.qx-product-img {
  display: block !important;
}

.qx-card-v2:hover .qx-card-v2__image img,
.qx-product-card:hover .qx-product-img,
.rp-card:hover .rp-card-image img {
  transform: scale(1.02) !important;
}

.product-media-gallery .pmg-main-image {
  display: block !important;
  border-radius: 14px !important;
}

[data-theme="dark"] .qx-card-v2__image,
[data-theme="dark"] .qx-image-bg,
[data-theme="dark"] .rp-card-image,
[data-theme="dark"] .product-media-gallery .pmg-main-wrap {
  background:
    radial-gradient(
      circle at 20% 18%,
      rgba(249, 115, 22, 0.12),
      transparent 34%
    ),
    linear-gradient(145deg, #111827 0%, #0f172a 100%) !important;
}

@media (max-width: 991.98px) {
  .product-media-gallery .pmg-main-wrap {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
  }

  .pmg-main-image {
    max-height: 100% !important;
  }
}

@media (max-width: 575.98px) {
  .qx-card-v2__image,
  .qx-image-bg,
  .rp-card-image {
    padding: 0.625rem !important;
  }
}