/* Isopaint product images — only loaded on /products/ and single product pages.
   Display normalization only: this does not remove backgrounds inside JPEGs. */

/* Single product main photograph: works with the existing single-product.php. */
.isopaint-product .isopaint-product-image {
  background: #fff !important;
  background-image: none !important;
  overflow: hidden;
}
.isopaint-product .isopaint-product-image > img,
.isopaint-product .isopaint-product-image > picture,
.isopaint-product .isopaint-product-image > picture > img,
.isopaint-product img.isopaint-main-product-image {
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}
/* Compatible + related product photos. Preserve photo sizing and card layout. */
.isopaint-product .isopaint-compatible-thumb {
  background: #fff !important;
  background-image: none !important;
}
.isopaint-product .isopaint-compatible-thumb img {
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* Product catalogue: JS adds classes to photo containers actually found in
   the current catalogue HTML, without changing card content or layout. */
body .iso-uniform-catalogue-photo {
  background: #fff !important;
  background-image: none !important;
  overflow: hidden !important;
}
body .iso-uniform-catalogue-photo > img,
body .iso-uniform-catalogue-photo > picture > img,
body img.iso-uniform-catalogue-img {
  object-fit: contain !important;
  object-position: center center !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* Ensure existing hover animations still work. */

/* Catalogue product code: just beneath the existing subtitle. */
body .iso-upi-product-code {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 500;
  letter-spacing: .025em;
  color: #69766b;
  overflow-wrap: anywhere;
}
