/* ──────────────────────────────────────────────────────────────────────────
 * Shop / Collections page styles.
 *
 * Audit C5: extracted from inline <style> in shop.php.
 * ────────────────────────────────────────────────────────────────────────── */

/* Wishlist heart button overlaid on each product card on the listing grid. */
.card-wish-btn {
    position: absolute; top: 8px; right: 8px;
    /* WCAG 2.2 / PageSpeed flagged 32x32 as borderline.  44x44 is the
       comfortable mobile-touch spec. */
    width: 44px; height: 44px; border-radius: 50%;
    background: rgba(255,255,255,.88); border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    transition: background .15s, transform .15s;
    z-index: 2;
}
.card-wish-btn:hover  { background: #fff; transform: scale(1.1); }
.card-wish-btn.active svg { fill: #e91e63; stroke: #e91e63; }