.city-card img {
    transition: transform 0.4s ease;
}
.city-card:hover img {
    transform: scale(1.08);
}
.city-card:hover {
    transform: translateY(-8px);
    transition: transform 0.4s ease;
}

body {
    font-family: "Cairo", sans-serif;
}
.card-img:hover {
    transform: scale(1.05);
    transition: 0.3s;
}

/* تأثير اهتزاز خفيف */
@keyframes click-shake {
    0% {
        transform: scale(1.05) rotate(0deg);
    }
    25% {
        transform: scale(1.05) rotate(1deg);
    }
    50% {
        transform: scale(1.05) rotate(-1deg);
    }
    75% {
        transform: scale(1.05) rotate(1deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}

/* لمعان بسيط بعد الضغط */
@keyframes shine {
    0% {
        box-shadow: 0 0 0px rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.8);
    }
    100% {
        box-shadow: 0 0 0px rgba(255, 255, 255, 0);
    }
}

.clicked {
    animation: click-shake 0.4s ease, shine 0.8s ease;
}