/* Transparent-margin artwork framing for the 1.9.3 product cards. */
.zeo-product-card__media {
  container-type: size;
}

.zeo-product-card__media > .zeo-artwork-frame-193 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: min(78cqw, calc(78cqh * var(--zeo-artwork-frame-ratio)));
  aspect-ratio: var(--zeo-artwork-frame-ratio);
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.zeo-product-card__media > .zeo-artwork-frame-193 > img {
  position: absolute !important;
  top: var(--zeo-artwork-image-top) !important;
  left: var(--zeo-artwork-image-left) !important;
  display: block !important;
  width: var(--zeo-artwork-image-width) !important;
  max-width: none !important;
  height: var(--zeo-artwork-image-height) !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: fill !important;
  transform: none !important;
}

/* Older browsers keep a conservative full-frame fallback. */
@supports not (width: 1cqw) {
  .zeo-product-card__media > .zeo-artwork-frame-193 {
    width: 78%;
    max-width: 78%;
    max-height: 78%;
  }
}