.evb-card {
    position: relative; /* varsa sorun değil */
}

.evb-card-fav {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, .75);
    border-radius: 3px !important;
    position: absolute;
    padding: 2px;
    top: 12px;
    right: 12px;
    z-index: 5;
}

/* Kalp butonu */
.evb-fav-toggle {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.evb-fav-toggle svg {
    width: 25px;
    height: 25px;
}

/* Default: içi boş, gri kontur (#666) */
.evb-fav-heart {
    fill: transparent;
    stroke: #666;
    stroke-width: 2;
    transition:
            fill 0.2s ease,
            stroke 0.2s ease,
            transform 0.15s ease;
}

/* Hover animasyon */
.evb-fav-toggle:hover .evb-fav-heart {
    transform: scale(1.05);
}

/* Aktifken içi dolu ve var(--brand) */
.evb-fav-toggle.is-active .evb-fav-heart {
    fill: var(--brand);
    stroke: var(--brand);
}


/* Favori kalp animasyonları */
.evb-fav-toggle .evb-fav-heart {
    transform-origin: center;
    transition: fill 0.2s ease-out, transform 0.2s ease-out;
}

/* Favoriye eklendiğinde: pop/bounce */
.evb-fav-toggle.is-anim-add .evb-fav-heart {
    animation: evbFavPop 0.35s ease-out;
}

/* Favoriden çıkarıldığında: mini shake */
.evb-fav-toggle.is-anim-remove .evb-fav-heart {
    animation: evbFavShake 0.35s ease-out;
}

@keyframes evbFavPop {
    0%   { transform: scale(0.7); }
    40%  { transform: scale(1.25); }
    70%  { transform: scale(0.95); }
    100% { transform: scale(1); }
}

@keyframes evbFavShake {
    0%   { transform: translateX(0); }
    25%  { transform: translateX(-2px); }
    50%  { transform: translateX(2px); }
    75%  { transform: translateX(-1px); }
    100% { transform: translateX(0); }
}