.listing-media-enlarge {
  display: block;
  width: 100%;
  max-height: min(80vh, 900px);
  object-fit: contain;
  border-radius: 0.75rem;
  background: rgb(17 24 39);
}

.fi-ta-image img[data-listing-media-preview] {
  cursor: zoom-in;
}

.fi-ta-image:has(img[data-listing-media-preview]) {
  position: relative;
}

.fi-ta-image:has(img[data-listing-media-preview]):hover::after {
  content: "";
  position: absolute;
  z-index: 40;
  top: 50%;
  left: calc(100% + 12px);
  width: min(420px, 46vw);
  height: min(420px, 70vh);
  transform: translateY(-50%);
  background-image: var(--listing-media-preview);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: rgb(17 24 39);
  border-radius: 0.75rem;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.28);
  pointer-events: none;
}

@media (max-width: 900px) {
  .fi-ta-image:has(img[data-listing-media-preview]):hover::after {
    display: none;
  }
}