:root {
    --kara-main-blue: #0e407f;
    --kara-white: #ffffff;
}

/* Temel Sıfırlama */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Arial', sans-serif; overflow-x: hidden; }
.container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

/* --- MASAÜSTÜ (image_00c040.png) --- */
@media (min-width: 993px) {
    .mobile-only { display: none !important; }
    
    .main-header-row { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; }
    .site-logo img { height: 80px; width: auto; }
    
    .header-contact-wrapper { display: flex; align-items: center; gap: 30px; }
    .contact-box { display: flex; align-items: center; gap: 12px; }
    .contact-box i { font-size: 28px; color: var(--kara-main-blue); }
    .contact-txt { display: flex; flex-direction: column; font-size: 13px; }
    .contact-txt a, .contact-txt strong { color: var(--kara-main-blue); text-decoration: none; font-weight: 700; }
    .contact-txt span { color: #555; }
    
    .header-social { display: flex; gap: 15px; border-left: 1px solid #eee; padding-left: 20px; margin-left: 5px; }
    .header-social a { color: var(--kara-main-blue); font-size: 18px; }

    /* Ana Menü Çubuğu */
    .main-nav-bar { 
        background: var(--kara-main-blue); 
        height: 55px; 
        width: 100%;
        z-index: 1000;
        transition: all 0.3s ease;
    }

    /* Masaüstü Sticky Durumu */
    .main-nav-bar.is-sticky {
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        animation: slideDown 0.4s ease;
    }

    .nav-container { display: flex; justify-content: space-between; align-items: center; height: 100%; }
    .desktop-menu { display: flex; list-style: none; height: 100%; }
    .desktop-menu a { color: #fff; text-decoration: none; padding: 0 20px; height: 100%; display: flex; align-items: center; font-weight: 600; font-size: 14px; }
    .user-action { color: #fff; font-size: 20px; cursor: pointer; }

    /* Sticky Logo Ayarı */
    .sticky-logo { display: none; align-items: center; }
    .sticky-logo img { height: 35px; margin-right: 20px; }
    .is-sticky .sticky-logo { display: flex; }
    .is-sticky .desktop-menu a { padding: 0 15px; }
}

/* --- MOBİL (image_ffdf9c.png & image_0044b9.png) --- */
@media (max-width: 992px) {
    .desktop-only { display: none !important; }

    /* Üst İletişim Alanı */
    .mobile-top-bar { display: flex; background: #fff; padding: 12px 0; border-bottom: 1px solid #eee; }
    .m-info-col { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }
    .m-info-col i { color: var(--kara-main-blue); font-size: 14px; }
    .m-info-col strong { color: var(--kara-main-blue); font-size: 10px; font-weight: 800; }
    .m-info-col span { color: #666; font-size: 10px; }
    .border-left-right { border-left: 1px solid #eee; border-right: 1px solid #eee; }

    /* Mavi Navigasyon & Mobil Sticky */
    .mobile-blue-nav { 
        background: var(--kara-main-blue); 
        padding: 10px 0; 
        width: 100%;
        z-index: 1000;
        transition: transform 0.3s ease;
    }

    .mobile-blue-nav.is-sticky-m {
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        animation: slideDown 0.4s ease;
    }

    .m-nav-flex { display: flex; justify-content: space-between; align-items: center; padding: 0 15px; }
    .menu-toggle-btn { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; }
    .m-logo-center img { height: 40px; }
    .m-nav-placeholder { width: 24px; }

    /* Yan Panel (Z-index en üstte olmalı) */
    .mobile-side-panel {
        position: fixed; top: 0; right: -300px; width: 280px; height: 100vh;
        background: #fff; z-index: 10001; transition: 0.3s ease-in-out;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    }
    .mobile-side-panel.is-active { right: 0; }
    .mobile-side-overlay {
        position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
        background: rgba(0,0,0,0.5); display: none; z-index: 10000;
    }
    .mobile-side-overlay.is-active { display: block; }
    
    .side-panel-header { padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; font-weight: bold; font-size: 18px; color: var(--kara-main-blue); }
    .side-panel-header button { background: none; border: none; font-size: 32px; color: #999; cursor: pointer; }
    
    .side-panel-links { list-style: none; }
    .side-panel-links a { display: block; padding: 18px 20px; color: var(--kara-main-blue); text-decoration: none; font-weight: 600; border-bottom: 1px solid #f7f7f7; }
}

/* --- ORTAK ANİMASYON --- */
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}