.rp-product-action {
  border-radius: .75rem !important;
  clip-path: none !important;
}

.rp-product-media > img {
  display: block;
  width: 100%;
  height: clamp(14rem, 62vw, 22rem);
  padding: clamp(.75rem, 2vw, 1.25rem);
  object-fit: contain;
  transform-origin: var(--rp-zoom-x, 50%) var(--rp-zoom-y, 50%);
  transition: transform .24s ease-out;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .rp-product-media > img { cursor: zoom-in; }
  .rp-product-media:hover > img { transform: scale(1.35); }
}

@media (prefers-reduced-motion: reduce) {
  .rp-product-media > img { transition: none; }
}