/* GENEL MOBİL AYARLARI */
@media (max-width: 768px) {
    /* Ana Panel ve Paddingler */
    .main-panel {
        padding: 20px 15px; /* Mobilde iç boşluğu daralttık */
    }

    /* Kategori Izgarası (Butonlar) */
    .cat-grid {
        grid-template-columns: 1fr 1fr; /* Mobilde yan yana 2 tane */
        gap: 8px;
    }
    
    .cat-item label {
        padding: 15px 5px;
        font-size: 0.7rem; /* Yazıları küçülttük */
    }

    /* İsim-Soyisim-WhatsApp Giriş Alanları */
    .main-panel form div[style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important; /* Yan yana kutuları alt alta getir */
    }

    /* Ücret Şeridi */
    .fee-strip {
        flex-direction: column; /* Yazı ve TL alt alta */
        text-align: center;
        gap: 10px;
        padding: 15px;
    }

    /* Logo Izgarası */
    .logo-grid-four {
        grid-template-columns: repeat(4, 1fr); /* Mobilde logolar çok yer kaplamasın */
    }

    /* YÖNETİCİ PANELİ TABLO AYARLARI */
    .admin-modal-box {
        padding: 20px 10px;
    }

    table {
        min-width: 600px; /* Tabloyu tamamen sıkıştırmak yerine yatay kaydırmaya izin ver */
    }

    th, td {
        padding: 8px 5px;
        font-size: 0.7rem;
    }

    /* Yönetici Paneli Üst Butonlar */
    .admin-modal-box div[style*="display:flex"] {
        flex-direction: column;
        gap: 10px;
    }

    /* Düzenleme kilidi ve yenile butonlarını yan yana tut */
    #panel-modal button {
        width: 100%;
        margin-bottom: 5px;
    }
}

/* ÇOK KÜÇÜK TELEFONLAR İÇİN (iPhone SE vb.) */
@media (max-width: 400px) {
    .cat-grid {
        grid-template-columns: 1fr; /* Butonlar tamamen alt alta */
    }
    
    .header-ui h1 {
        font-size: 1.2rem;
    }
}