/* ── TOKENS ── */
:root {
    --gold:          #c9a96e;
    --gold-dark:     #a8834a;
    --gold-light:    #f7f0e6;
    --gold-shine:    #e8d5a3;
    --black:         #111111;
    --charcoal:      #1e1e1e;
    --mid:           #535766;
    --muted:         #94969f;
    --border:        #e8e0d5;
    --surface:       #f8f5f0;
    --white:         #ffffff;
    --nav-height:    64px;
    --font:          'Poppins', sans-serif;
    --radius-sm:     3px;
    --radius-md:     6px;
    --shadow-card:   0 2px 16px rgba(0,0,0,0.08);
    --shadow-gold:   0 4px 18px rgba(201,169,110,0.30);
    --transition:    0.22s ease;
}


/* HEADER */
.wishlist-header {
    text-align: center;
    padding: 60px 20px 30px;
    background: var(--surface);
    color: var(--gold);
}

.wishlist-header p {
    color: var(--muted);
    margin-top: 10px;
}

/* GRID */
.wishlist-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 25px;
    padding: 40px;
}

/* CARD */
.wishlist-card {
    background: #111;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(212,175,55,0.1);
}

.wishlist-card:hover {
    transform: translateY(-6px);
}

/* IMAGE */
.wishlist-img {
    position: relative;
    overflow: hidden;
}

.wishlist-img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: 0.4s;
}

.wishlist-card:hover img {
    transform: scale(1.08);
}

/* REMOVE ICON */
.remove-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    border: none;
    border-radius: 50%;
    padding: 6px 10px;
    cursor: pointer;
    transition: 0.3s;
}

.remove-icon:hover {
    background: red;
    color: #fff;
}

/* INFO */
.wishlist-info {
    padding: 15px;
}

.wishlist-info h3 {
    font-size: 16px;
    margin-bottom: 8px;
}

/* PRICE */
.price-box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.price {
    color: #D4AF37;
    font-weight: 600;
}

.old-price {
    text-decoration: line-through;
    color: #888;
    font-size: 14px;
}

.discount {
    color: #2ecc71;
    font-size: 13px;
}

/* BUTTON */
.move-btn {
    width: 100%;
    padding: 10px;
    border: none;
    background: transparent;
    border: 1px solid #D4AF37;
    color: #D4AF37;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.move-btn:hover {
    background: #D4AF37;
    color: #000;
}

/* EMPTY */
.empty-wishlist {
    text-align: center;
    padding: 80px 20px;
    display: none;
}

.empty-wishlist i {
    font-size: 50px;
    color: #D4AF37;
    margin-bottom: 20px;
}