/* Hearts on shop pages. Absolute positioning: no layout shift. */
.ptile > .sq-heart--abs, .pdp-stage > .sq-heart--abs { top: 0; right: 0; }
.pdp-stage { position: relative; }
.sq-heart { transition: background .15s, transform .15s; }
.sq-heart:hover { background: none; }
.sq-heart:active { transform: scale(.94); }
.sq-heart:focus-visible { outline: 2px solid #0e0e0e; outline-offset: 2px; }
.sq-heart--inline { position: static; border: 0; margin: 0 0 12px; vertical-align: middle; }
li.product { position: relative; }
@media (prefers-reduced-motion: reduce) { .sq-heart { transition: none; } .sq-heart:active { transform: none; } }