/* ── Wish Button — compartido entre index, product y wishlist ── */
.wish-btn{
  position:absolute;top:12px;right:12px;z-index:2;
  background:rgba(255,255,255,.9);backdrop-filter:blur(6px);
  border-radius:50%;width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
  transition:background var(--ease),transform var(--ease-bounce);
}
.wish-btn:hover{background:var(--white);transform:scale(1.1)}
.wish-btn svg{width:15px;height:15px}

/* ── Wishlist Page ── */
.wl-banner{
  background:var(--pink-2);
  padding:12px 20px;
  text-align:center;
  font-family:var(--font-b);
  font-size:13px;
  color:var(--black);
}
.wl-banner a{font-weight:700;text-decoration:underline;color:var(--black);cursor:pointer}

.wl-section{max-width:var(--max);margin:0 auto;padding:40px var(--px) 80px}

.wl-hero{margin-bottom:32px}
.wl-hero h1{
  font-family:var(--font-h);
  font-size:clamp(28px,4vw,42px);
  font-weight:900;
  letter-spacing:-.02em;
  margin-bottom:6px;
}
.wl-count{font-family:var(--font-b);font-size:13px;color:#aaa;margin:0}

.wl-empty{
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:80px 20px;
  gap:16px;
  text-align:center;
}
.wl-empty svg{width:64px;height:64px;color:var(--pink);stroke:var(--pink)}
.wl-empty p{font-family:var(--font-b);font-size:15px;color:#888;margin:0}
.wl-empty-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;
  border:2px solid var(--black);border-radius:8px;
  font-family:var(--font-h);font-size:11px;font-weight:700;letter-spacing:.06em;
  color:var(--black);text-decoration:none;
  transition:background var(--ease),color var(--ease);
}
.wl-empty-btn:hover{background:var(--black);color:var(--white)}