/* ============================================
   YOU1S — Wishlist Page
   ============================================ */

.wishlist {
  padding: var(--sp-40) 0 var(--sp-96);
}

.wishlist__title {
  font-family: var(--font-display);
  font-size: var(--fs-20);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-title);
  margin-bottom: var(--sp-4);
}

.wishlist__count {
  font-size: var(--fs-12);
  color: var(--c-text-muted);
  margin-bottom: var(--sp-40);
}

.wishlist__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-20);
}
@media (min-width: 480px) {
  .wishlist__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .wishlist__grid { grid-template-columns: repeat(4, 1fr); gap: var(--sp-24); }
}

.wishlist-card__actions {
  display: flex;
  gap: var(--sp-6);
  margin-top: var(--sp-10);
}
.wishlist-card__actions .btn { flex: 1; }
.wishlist-card__actions .btn--remove {
  flex: 0;
  min-width: 40px;
  padding: 0;
  border: 1px solid var(--c-border);
  color: var(--c-text-muted);
  font-size: var(--fs-13);
}
.wishlist-card__actions .btn--remove:hover {
  border-color: var(--c-error);
  color: var(--c-error);
}

.wishlist-empty {
  text-align: center;
  padding: var(--sp-96) 0;
}
.wishlist-empty__title {
  font-size: var(--fs-20);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-title);
  margin-bottom: var(--sp-12);
}
.wishlist-empty__text {
  font-size: var(--fs-14);
  color: var(--c-text-secondary);
  margin-bottom: var(--sp-24);
}