/* TABLET VE MOBİL (992px ve altı) */
@media (max-width: 992px) {
    header {
        position: relative;
        z-index: 10000; /* Header'ı en üst katmana çıkarıyoruz */
    }

    .mobile-menu-btn {
        display: block !important;
        background: transparent;
        border: none;
        color: #fff;
        font-size: 26px;
        cursor: pointer;
        padding: 5px 10px;
        z-index: 10001;
    }

    /* Varsayılan kapalı durum */
    header nav {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #0a192f;
        border-bottom: 2px solid #00b4d8;
        padding: 20px 5%;
        gap: 15px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.8);
        z-index: 9999;
    }

    /* Açık durum - !important ile çakışmayı önlüyoruz */
    header nav.show-menu {
        display: flex !important;
    }
}