/* ================================================
   wishlist.css — Wishlist Page Styles
   ================================================ */
.wishlist-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
.wishlist-card { position: relative; }
.wishlist-remove-btn { position: absolute; top: var(--space-2); right: var(--space-2); z-index: 3; background: var(--color-white); border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; color: var(--color-error); cursor: pointer; box-shadow: var(--shadow-sm); }
.wishlist-move-btn { margin-top: var(--space-2); width: 100%; font-size: var(--text-xs); padding: var(--space-2); background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius-md); cursor: pointer; color: var(--color-primary); font-weight: 600; transition: background var(--transition-fast); }
.wishlist-move-btn:hover { background: var(--color-primary); color: white; }
/* Wishlist Drawer */
.wishlist-drawer-item { display: flex; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border); }
.wishlist-drawer-img { width: 64px; height: 64px; border-radius: var(--radius-md); object-fit: cover; background: var(--color-cream); flex-shrink: 0; }
.wishlist-drawer-info { flex: 1; min-width: 0; }
.wishlist-drawer-name { font-size: var(--text-sm); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wishlist-drawer-price { font-weight: 700; color: var(--color-primary); font-size: var(--text-sm); }