/* Generated by Copilot */
/* PRODUCT IMAGE FIX - NO CROPPING + CENTERED */

/* ========== CATALOG/LISTING PAGE FIXES ========== */
.theme-product-image-area,
.theme-product-ratio,
.theme-prod-box {
  overflow: visible !important;
  background-color: #ffffff !important;
}

.theme-product-image-area img,
.theme-prod-box img,
.theme-product-box-content img,
.theme-cart-message-prod-img img,
.theme-cart-message-prod-img-inner img,
.theme-image-area img,
.zpimage-anchor img {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
}

.theme-product-image-area [style*="background-image"],
.theme-prod-box [style*="background-image"],
.zpslider-img.zpbackground-size-cover {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.theme-product-image-area .zpbackground-size-cover,
.theme-prod-box .zpbackground-size-cover {
  background-size: contain !important;
}

/* ========== PRODUCT DETAIL PAGE FIXES ========== */

/* Center the image container */
.theme-product-detail-image-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Center the image wrapper */
.theme-product-detail-image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* Center picture element inside inner container */
.theme-product-detail-image-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* Center the picture tag */
.theme-product-detail-image-inner picture {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* Image itself - contain + centered */
.theme-product-detail-image-inner img {
  object-fit: contain !important;
  object-position: center center !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 600px !important;
  margin: 0 auto !important;
}