/* Image Fix CSS — compatible with product card media carousel */

.product-image,
.product-card .product-image,
#productGrid .product-image,
.products .product-image {
  overflow: hidden !important;
  text-indent: 0 !important;
}

.product-image img,
.product-card .product-image img,
#productGrid .product-image img,
.products .product-image img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: cover !important;
}

.product-media-slide img,
.product-card .product-media-slide img,
#productGrid .product-media-slide img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.product-image * {
  text-indent: 0 !important;
}

.product-image .bookmark-icon,
.product-card .bookmark-icon,
#productGrid .bookmark-icon {
  position: absolute !important;
  z-index: 40 !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.product-image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.product-image.loaded .product-media-slide img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}