.home-product-image,
.catalog-product-image{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border-bottom:1px solid var(--border,#dce3ea);
}

.home-product-image::before,
.catalog-product-image::before{
  display:none !important;
}

.home-product-image img,
.catalog-product-image img{
  position:absolute !important;
  inset:0 !important;
  z-index:1;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
}

.home-product-brand,
.catalog-product-brand{
  z-index:3;
}

/* Homepage hero artwork: use the supplied full-size image without changing the panel dimensions. */
.home-hero-visual .hero-fastener{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  filter:none !important;
  background-image:url('/assets/indexjopal.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  pointer-events:none;
}

.home-hero-visual .hero-fastener > *{
  display:none !important;
}

.home-hero-visual .hero-visual-grid{
  z-index:1;
}

.home-hero-visual .hero-visual-label,
.home-hero-visual .visual-callout,
.home-hero-visual .hero-visual-bottom{
  z-index:2;
}

@media(max-width:680px){
  .home-product-image,
  .catalog-product-image{
    aspect-ratio:1 / 1 !important;
    height:auto !important;
  }

  .home-hero-visual .hero-fastener{
    background-position:center;
  }
}