@media (hover: hover) and (pointer: fine) {
  .product-photo,
  .bracelet-media { cursor: zoom-in; }

  .product-card .product-photo img,
  .bracelet-media img {
    transform-origin: var(--zoom-x, 50%) var(--zoom-y, 50%);
    transition: transform .32s ease, transform-origin .12s ease;
  }

  .product-card .product-photo:hover img,
  .bracelet-media:hover img { transform: scale(1.7); }
}

.bracelet-media { display: block; overflow: hidden; aspect-ratio: 1; background: #f7f4ee; }
.bracelet-media .bracelet-photo { height: 100%; }

@media (prefers-reduced-motion: reduce) {
  .product-card .product-photo img,
  .bracelet-media img { transition: none; }
  .product-card .product-photo:hover img,
  .bracelet-media:hover img { transform: none; }
}