/* Outline Heart */
.add-to-favorites {
    display: inline-block;
    position: relative;
    font-size: 24px; /* Adjust size as needed */
    color: #333; /* Outline color */
    text-decoration: none;
}

.add-to-favorites::before {
    content: '\f08a'; /* Unicode for heart outline (Font Awesome) */
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: 0;
}

/* Filled Heart */
.add-to-favorites.favorited::after {
    content: '\f004'; /* Unicode for filled heart (Font Awesome) */
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: 0;
    color: #ff0000; /* Filled heart color */
}

.popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #ffffff;
    color: #000000;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
}

.popup.show {
    display: block;
}

.favorites-container {
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: wrap;
}