/* --- KALP ANİMASYONU (POP EFEKTİ) --- */
@keyframes heart-pop {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.35);
    }
    /* Yarısında biraz şişsin */
    100% {
        transform: scale(1);
    }
    /* Sonra normale dönsün */
}

/* JavaScript ile bu sınıfı ekleyip çıkaracağız */
.heart-active {
    animation: heart-pop 0.3s ease-in-out;
}

/* Renk geçişi yumuşak olsun */
.heart-icon {
    transition: color 0.2s, transform 0.2s;
    cursor: pointer;
}

    .heart-icon:active {
        transform: scale(0.9); /* Basılı tutarken hafif içine çöksün */
    }