/* ============================================================
 * 배때지 V2 · 공용 찜 하트 (카드 + 상세)
 *  v2-wish.js 와 한 쌍. 이 파일이 링크된 화면에서만 하트가 스타일된다.
 * ========================================================== */

/* ── SHOP/추천 카드 하트 (.v2live-card 이미지 우상단) ── */
.v2live-card-wish{
    position: absolute; top: 8px; right: 8px; z-index: 3;
    width: 34px; height: 34px; padding: 0; margin: 0;
    display: flex; align-items: center; justify-content: center;
    border: 0; border-radius: 50%; cursor: pointer;
    background: rgba(255,255,255,.86);
    -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
    box-shadow: 0 2px 8px rgba(20,20,40,.16);
    transition: transform .14s ease, background .14s ease;
    -webkit-tap-highlight-color: transparent;
}
.v2live-card-wish svg{ display: block; pointer-events: none; }
.v2live-card-wish svg path{ fill: #c7c7cf; transition: fill .14s ease; }
.v2live-card-wish.is-wished svg path{ fill: #ff4d6d; }
.v2live-card-wish.is-wished{ background: rgba(255,255,255,.95); }
.v2live-card-wish.is-busy{ opacity: .55; }
@media (hover:hover){
    .v2live-card-wish:hover{ transform: scale(1.1); background: #fff; }
}
.v2live-card-wish:active{ transform: scale(.9); }
.v2live-card-wish:focus-visible{ outline: 2px solid #ff4d6d; outline-offset: 2px; }
@keyframes v2wishPop{ 0%{transform:scale(1)} 40%{transform:scale(1.32)} 100%{transform:scale(1)} }
.v2live-card-wish.is-wished svg{ animation: v2wishPop .28s ease; }
@media (prefers-reduced-motion:reduce){ .v2live-card-wish.is-wished svg{ animation: none; } }

/* ── 상품 상세 하트 (.v2it-wish) ── */
.v2it-wish{
    display: inline-flex; align-items: center; justify-content: center;
    gap: 5px; flex: 0 0 auto;
    width: 52px; height: 52px; padding: 0;
    border: 1px solid #e2e2e6; border-radius: 14px; background: #fff;
    color: #6b6b74; cursor: pointer; font-size: 11px; font-weight: 700;
    transition: transform .14s ease, border-color .14s ease, background .14s ease;
    -webkit-tap-highlight-color: transparent;
}
.v2it-wish svg{ display:block; pointer-events:none; }
.v2it-wish svg path{ fill: #c7c7cf; transition: fill .14s ease; }
.v2it-wish.is-wished{ border-color: #ffccd5; background: #fff5f7; }
.v2it-wish.is-wished svg path{ fill: #ff4d6d; }
.v2it-wish.is-busy{ opacity:.55; }
@media (hover:hover){ .v2it-wish:hover{ border-color: #ffb3c1; transform: translateY(-1px); } }
.v2it-wish:active{ transform: scale(.94); }
.v2it-wish:focus-visible{ outline: 2px solid #ff4d6d; outline-offset: 2px; }
.v2it-wish.is-wished svg{ animation: v2wishPop .28s ease; }