/* Wishlist Button Styles */
.wishlist-btn {
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.wishlist-btn i {
    transition: all 0.3s ease;
}

/* Active state for wishlist button */
.wishlist-btn.active {
    background-color: #fff0f0;
    color: #e74c3c;
    border-color: #e74c3c;
}

.wishlist-btn.active i {
    color: #e74c3c;
}

/* Hover state for active wishlist button */
.wishlist-btn.active:hover {
    background-color: #ffe6e6;
}

/* Animation for heart icon when toggled */
@keyframes heartBeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.3); }
    28% { transform: scale(1); }
    42% { transform: scale(1.3); }
    70% { transform: scale(1); }
}

.wishlist-btn i.fas {
    animation: heartBeat 1s;
    color: #e74c3c;
}