/* --- style.css EN ALTINA EKLE --- */

/* 1. Mobil Menü Açılma Efekti (Sadece Mobilde Geçerli) */
@media (max-width: 768px) {
    .nav-links {
        position: fixed;
        background: rgba(15, 23, 42, 0.95);
        backdrop-filter: blur(10px);
        height: 100vh;
        width: 100%;
        top: 0;
        right: -100%; /* Ekran dışına ittik */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: right 0.4s ease-in-out;
        z-index: 999; /* Hamburgerin altında kalsın diye */
    }

    .nav-links.open {
        right: 0; /* Ekrana getir */
    }

    .hamburger {
        z-index: 1000; /* Menünün üstünde kalsın */
        position: relative;
    }
}

/* 2. Navbar Scroll Efekti */
.navbar.scrolled {
    background: rgba(15, 23, 42, 0.95);
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    padding: 15px 5%; /* Biraz küçültelim */
}

/* 3. Animasyon Sınıfları */
.hidden-animate {
    opacity: 0;
    filter: blur(5px);
    transform: translateY(30px); /* Aşağıdan yukarı gelecek */
    transition: all 1s ease;
}

.show-animate {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

/* Kartlar sırayla gelsin (Gecikme Efekti) */
.feature-card:nth-child(2) { transition-delay: 0.2s; }
.feature-card:nth-child(3) { transition-delay: 0.4s; }