/* Use the same uncropped product framing in the editor and public catalog. */
.product-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 5;
  padding: 6% 5%;
  position: relative;
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  place-items: center;
  overflow: hidden;
  background:
    linear-gradient(rgba(23, 102, 213, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 102, 213, .035) 1px, transparent 1px),
    #f7f9fa;
  background-size: 32px 32px;
}
.product-thumbnail::after {
  content: '';
  width: 64%;
  height: 5%;
  position: absolute;
  left: 18%;
  bottom: 14%;
  border-radius: 50%;
  background: rgba(7, 22, 29, .1);
  filter: blur(13px);
  pointer-events: none;
}
.product-thumbnail > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  position: relative;
  z-index: 2;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
}
.product-thumbnail > img[hidden] { display: none; }
.product-thumbnail > .card-image-empty { min-height: 0; text-align: center; }

/* Blend the legacy G802IFP photo's white canvas into the catalog background. */
.product-list-page .catalog-card[href$="product-4mi-g802ifp.html"] .product-thumbnail > img[src$="0e4e4a2dc6b43e7f8732c941bc2c1752_NKDSpQfn_f4d103d1f445ffb0169e60c052ff52c35113c971.jpg"] {
  mix-blend-mode: multiply;
}