@media only screen and (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }

    /* Login/Register sayfaları için appbar düzeltmesi */
    .gt-hero-section-2 {
        padding-top: 100px !important; 
        margin-top: 0 !important; /* margin yerine padding kullanılıyor */
    }

    /* Mobil menü genişliği düzeltmesi */
    .mean-container .mean-bar,
    .mean-container .mean-nav {
        width: 100%;
        max-width: 100%;
    }

    /* Hamburger menü genişliği _AppBar.cshtml içinde düzenlendi */

    /* Karmaşık sayfalar için padding düzeltmesi */
    #smooth-content,
    .breadcrumb-area,
    .inner-banner,
    section:first-of-type {
        padding-top: 20px !important;
    }

    /* Login/Register sayfalarında kartın tam görünmesi */
    .gt-hero-section-2 .card {
        margin-bottom: 30px;
    }

    /* Mobil AppBar düzenlemeleri - TAMAMEN YENİLENDİ */
    .header-1 {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .header-1 .header-logo img {
        height: 50px !important;
        max-height: 50px !important;
        margin: 5px 0 !important;
    }

    /* Header bileşenleri arası boşlukları azalt */
    .header-1 .header-right {
        gap: 3px !important;
        padding-right: 5px !important;
    }

    /* Container padding'ini azalt */
    .container-fluid {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    /* Login butonlarını küçült */
    .header-1 .login-link,
    .header-1 .register-link,
    .header-1 .gt-sm-btn {
        font-size: 10px !important;
        padding: 3px 6px !important;
        height: auto !important;
        min-height: 0 !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        min-width: 0 !important;
        letter-spacing: 0 !important;
    }

    /* Küçük buton düzenlemeleri */
    .gt-sm-btn {
        min-width: 0 !important;
        padding: 3px 7px !important;
        font-weight: 500 !important;
        border-width: 1px !important;
        white-space: nowrap !important;
        font-size: 9px !important;
    }

    /* Header için minimum genişlik ayarlaması */
    .header-main {
        width: 100% !important;
        min-width: 320px !important;
    }

    /* Hamburger butonu küçültme */
    .header__hamburger {
        margin-left: 2px !important;
    }

    .sidebar__toggle i {
        font-size: 16px !important;
    }
}

/* Mobile özel stil kodu */
.mobile-hide {
    display: block;
}