/* 품절 상품 [I Want This] (2026-11-06 mark) — Sold Out 회색 띠 자리 · 누를 수 있게 보이도록 테두리 버튼
   상품 카드는 class sold-out-badge 를 같이 달아 둠 (카드 흐림 · 카드 눌러 담기 막음이 그 class 를 봄) */
button.want-btn.want-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border: 1.5px solid #e11d48 !important;
    border-radius: 8px;
    background: #fff !important;
    color: #e11d48 !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
}
button.want-btn.want-btn.is-wanted {
    background: #ffe4e6 !important;
    border-color: #ffe4e6 !important;
    color: #be123c !important;
}
/* 누를 때마다 하트가 톡 (11/6 · 인스타처럼 — 셈은 한 번) */
button.want-btn.want-pop i { animation: wantPop .35s ease; }
@keyframes wantPop { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }
.want-heart {
    position: fixed;
    z-index: 99999;
    pointer-events: none;
    color: #e11d48;
    font-size: 22px;
    transform: translate(-50%, -50%);
    animation: wantFly .9s ease-out forwards;
}
@keyframes wantFly {
    0%   { opacity: 0; transform: translate(-50%, -50%) scale(.4); }
    15%  { opacity: 1; transform: translate(-50%, -70%) scale(var(--s, 1)); }
    100% { opacity: 0; transform: translate(calc(-50% + var(--dx, 0px)), -260%) scale(var(--s, 1)) rotate(var(--rot, 0deg)); }
}
/* 상품 상세 — BUY · CART 자리 크기 그대로 */
.pd-actions button.want-btn.want-btn { flex: 1; padding: 13px 0; border-radius: 10px; font-size: 15px; }
/* 마이페이지 찜 목록 — 줄 오른쪽 작은 버튼 */
.wishlist-list-actions button.want-btn.want-btn { width: auto; padding: 6px 10px; font-size: 12px; }