.viewer.product-3d {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  aspect-ratio: 1 / 1;
  max-height: 780px;
  isolation: isolate;
}
.product-3d canvas {
  display: block;
  width: 100%;
  height: 100%;
  cursor: grab;
}
.product-3d canvas:active { cursor: grabbing; }
.product-3d canvas:focus-visible { outline: 2px solid #13b574; outline-offset: -3px; }
.product-3d:not(.is-ready) canvas { display: none; }
.product-3d.is-ready > img,
.product-3d.is-ready .hotspot { display: none; }
.product-3d[aria-busy="true"] > img { opacity: .5; }
@media (max-width: 700px) {
  .viewer.product-3d { aspect-ratio: 4 / 5; max-height: 620px; }
  .stage-layout { grid-template-columns: minmax(0, 1fr); }
}