/* Scoped Heart Icon CSS */
.products-list-heart-root .wishlist-heart {
    cursor: pointer;
    margin: 0;
}

.products-list-heart-root .wishlist-input {
    display: none;
}

.products-list-heart-root .heart-icon {
    font-size: 24px;
    color: #8c8484;
    transition: color 0.3s ease;
}

.products-list-heart-root .wishlist-input:checked+.heart-icon {
    color: red;
}

/* Switch from outline to solid heart */
.products-list-heart-root .wishlist-input:checked+.heart-icon::before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}