:root {--nav-blue: #1b59a7; --p: #064e3b; --s: #059669; --a: #fbbf24; --bg: #c7c7c7; }
        body { font-family: 'Inter', sans-serif; background: var(--bg) !important; margin: 0; color: #111827; }
        header { background-color: var(--nav-blue); height: 70px; display: flex; align-items: center; padding: 0 15px; position: sticky; top: 0; z-index: 1000; }
        .logo-box img { height: 38px; border-radius: 6px; }
        .search-box { flex: 1; margin-left: 15px; position: relative; max-width: 900px; }
        .search-box input { width: 100%; height: 40px; border-radius: 6px; border: none; padding-left: 35px; box-sizing: border-box; outline: none; }
        .search-box i { position: absolute; left: 10px; top: 11px; color: var(--nav-blue); }
        h1 { color: var(--primary); margin-top: 0; font-size: 0.9rem; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600; }
        .nav-links {
            display: flex;       /* Masaüstünde yan yana durması için flex */
            gap: 35px;
            margin-left: auto;
        }

        .nav-links a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: opacity 0.3s;
        }

        .nav-links a:hover {
            opacity: 0.8; /* Masaüstünde sade bir efekt */
        }
        .hamburger { display: none; background: none; border: none; color: white; font-size: 26px; cursor: pointer; }

/* İkonların kapsayıcısı */
.icons {
    gap: 15px;
    /* İkonlar arası boşluk */
    margin: 20px 0;
}

/* Genel ikon dairesi stili */
.icons a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* Tam yuvarlak */
    text-decoration: none;
    color: #fff;
    /* İkon rengi beyaz */
    transition: all 0.3s ease;
    /* Geçiş efekti */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Üzerine gelince hafifçe büyütme */
.icons a:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    color: #fff;
}

/* Sosyal Medya Renkleri */
.fa-facebook-f {
    background-color: #3b5998;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.fa-x-twitter {
    background-color: #000000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.fa-viber {
    background-color: #7360f2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.fa-whatsapp {
    background-color: #25d366;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.fa-telegram-plane {
    background-color: #0088cc;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

footer {
    padding: 30px;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

@media (max-width: 992px) {
    .hamburger {
        display: block;
        margin-left: 15px;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: var(--nav-blue);
        /* 1. DÜZELTME: Padding'i sıfırlıyoruz, boşluğu linklerin kendisi verecek */
        padding: 0;
        text-align: center;
        /* 2. DÜZELTME: Masaüstünden gelen gap değerini mobilde sıfırlıyoruz */
        gap: 0;
        z-index: 1001;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links a {
        display: block;
        padding: 15px 0;
        /* Boşluğu buradan yönetmek her eleman için eşit mesafe sağlar */
        width: 100%;
        margin: 0;
        /* Varsa marginleri sıfırlıyoruz */
    }

    /* Elemanlar arasına çizgi */
    .nav-links a:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .main-container {
        flex-direction: column;
    }
}