/* One quiet motion control; the image and commerce actions retain their own links. */
.sv-card-media-wrap .sv-product-preview-toggle[hidden] { display:none; }
.sv-card-media-wrap .sv-product-preview-toggle {
  position:absolute; z-index:5; inset-inline-start:10px; bottom:10px;
  display:grid; place-items:center; width:44px; height:44px; padding:0;
  border:1px solid var(--line); border-radius:50%; color:var(--ink);
  background:var(--paper); font-size:17px; font-weight:600; line-height:1; cursor:pointer;
  transition:background-color 160ms ease,color 160ms ease;
}
.sv-product-preview-toggle:hover,.sv-product-preview-toggle[aria-pressed="true"] {
  background:var(--cherry); border-color:var(--cherry); color:var(--paper);
}
.sv-product-preview-toggle:focus-visible { outline:3px solid var(--cherry); outline-offset:3px; }
.sv-product-preview-toggle:disabled { opacity:.45; cursor:default; }
.sv-product-preview-toggle[aria-busy="true"] { border-style:dashed; }
.sv-card-media-wrap[data-sv-product-preview] .sv-card-media { position:relative; isolation:isolate; }
.sv-card-media-wrap[data-sv-product-preview] .sv-card-media > img:first-child { opacity:1; transform:none; transition:none; }
.sv-card-media-wrap .sv-card-media > .sv-product-preview-media {
  position:absolute; inset:0; z-index:1; width:100%; height:100%;
  object-fit:contain; padding:14px; background:#fff; opacity:0; pointer-events:none;
  transform:none; transition:opacity 160ms ease;
}
.sv-card-media-wrap.is-product-preview-playing .sv-card-media > .sv-product-preview-media { opacity:1; }
.sv-card-media-wrap .sv-card-badge { z-index:2; }
.sv-commerce-home .sv-card-media > .sv-product-preview-media { padding:10px; }
@media(max-width:520px) {
  .sv-commerce-home .sv-card-media > .sv-product-preview-media { padding:0; }
}
@media(prefers-reduced-motion:reduce) {
  .sv-product-preview-toggle,.sv-card-media-wrap .sv-card-media > .sv-product-preview-media { transition:none; }
}
