/*  1. MASAÜSTÜ MENÜ VE LOGO ŞERİDİ (NAV) */
header nav {
    width: 100%;             
    height: 60px;          
    background: linear-gradient(135deg, #0f172a 0%, #0d9488 100%);
    color: #eee; 
    display: flex; 
    justify-content: space-between;
    align-items: center;    
    padding: 0 20px;        
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.15); 
    position: relative; 
    z-index: 10;
}
.nav-logo {
    width: 200px;           
    height: 60px;  
    margin: 0;        
    display: flex;          
    align-items: center;    
    justify-content: center;
    flex-shrink: 0;         
}
.nav-logo img {
    width: 200px;           
    height: 60px;          
    display: block;         
}
.nav-links {
    display: flex;          
    justify-content: space-between; 
    align-items: center;    
    gap: 15px; 
    margin: 0 auto;
}
.nav-links a {
    color: #f1f5f9;        
    font-size: 15px;        
    letter-spacing: 1px;    
    font-weight: 500;       
    transition: all 0.2s ease; 
    padding: 10px 5px; 
    position: relative;
    width: max-content;  
    display: block; 
}
.nav-links a:hover {
    color: #32e08c;
    box-shadow: -2px 0 2px 1px #fff, 0 -2px 2px 1px #fff, 2px 0 2px 1px #fff, 0 2px 2px 1px #fff; 
}
.burger {
    display: none;          
    cursor: pointer;        
}
.burger div {
    width: 24px;            
    height: 3px;            
    background-color: #f1f5f9; 
    transition: all 0.3s ease; 
}
.burger .line2 {
    margin: 5px 0px;        
}
/* 2. TABLET UYUMLULUK AYARLARI */
@media screen and (max-width: 950px) {
    .nav-links a { font-size: 13px; } 
    .nav-links { gap: 12px; }         
}
/* 3. MOBİL EKRANLAR VE AÇILIR PANEL AYARLARI */
/* 3. MOBİL EKRANLAR VE AÇILIR PANEL AYARLARI (TAMİR EDİLMİŞ NİZAM) */
@media screen and (max-width: 768px) {
    header nav {
        padding: 0 20px;    
    }
    .burger {
        display: block;     
    }
    .nav-links {
        position: fixed;    
        top: 85px;         
        right: 0px;         
        width: 75%;         
        height: calc(100vh - 85px); 
        display: flex;      
        flex-direction: column; 
        background-color: rgba(15, 23, 42, 0.96); 
        backdrop-filter: blur(15px); 
        -webkit-backdrop-filter: blur(15px); 
        
        /* 🎯 LİSTEYİ EN TEPEDEN BAŞLATAN VE SIKIŞTIRAN ASİL MÜHÜR */
        align-items: center !important;    
        justify-content: flex-start !important; 
        padding-top: 40px !important; /* Üstten kibar bir başlangıç boşluğu */
        gap: 15px !important;         /* Satırlar arasına net 15px narin mesafe */
        
        transform: translateX(100%); 
        transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1); 
        z-index: 100004 !important;
    }
    .nav-links li {
        opacity: 0;         
        width: 100%;        
        text-align: center; 
        
        /* 🎯 FIREFOX'U DİZE GETİREN DEVRİM: Devasa dikey odalar açan flex: 1 tamamen yok edildi! */
        flex: none !important;            
        display: flex;      
        align-items: center;
        justify-content: center;
        margin: 5px 0 !important; /* Satırların alt ve üst et payı daraltıldı */
    }
    .nav-links a {
        font-size: 14px !important; /* Harfler mobilde kurumsal bir kibarlığa çekildi */
        display: inline-block; 
        width: max-content;    
        margin: 0 auto;        
        padding: 6px 10px !important; /* Gizli dokunma alanları narinleştirildi */
        position: relative;    
    }
    .nav-active { 
        transform: translateX(0); 
    }
    .close .line1 {
        transform: rotate(-45deg) translate(-5px, 6px); 
    }
    .close .line2 {
        opacity: 0;                 
        transform: translateX(-10px); 
    }
    .close .line3 {
        transform: rotate(45deg) translate(-5px, -6px); 
    }
}

/* 4. LİNK BELİRME ANİMASYONU */
@keyframes linksFade {
    from {
        opacity: 0;
        transform: translateX(50px); 
    }
    to {
        opacity: 1;
        transform: translateX(0px);   
    }
}