/* ============================================
   SAMSUNDABUL - RESPONSIVE TASARIM
   ============================================ */

/* TABLET (768px) */
@media (max-width: 992px) {
    .navbar-menu { display: none; }
    .hamburger { display: flex; }

    .navbar-menu.active {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--beyaz);
        padding: 20px;
        z-index: 999;
        overflow-y: auto;
    }

    .navbar-menu.active a {
        padding: 14px 16px;
        font-size: 1rem;
        border-bottom: 1px solid var(--gri-200);
    }

    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .grid-5 { grid-template-columns: repeat(3, 1fr); }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }

    .hero h1 { font-size: 2.2rem; }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .panel-layout {
        grid-template-columns: 1fr;
    }

    .panel-sidebar {
        position: static;
    }

    .ilan-detay-grid {
        grid-template-columns: 1fr;
    }

    .ilan-sidebar {
        position: static;
    }

    .stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBIL (576px) */
@media (max-width: 768px) {
    html { font-size: 15px; }

    .container { padding: 0 16px; }

    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }

    /* Mobil nav goster */
    .mobil-nav { display: block; }

    /* Body'ye padding ekle mobil nav icin */
    body { padding-bottom: 70px; }

    /* Desktop footer gizle bazi ogeleri */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .footer-alt {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    /* Hero */
    .hero { padding: 50px 0; }
    .hero h1 { font-size: 1.8rem; }
    .hero p { font-size: 1rem; }

    .hero-butonlar {
        flex-direction: column;
    }

    .hero-butonlar .btn { width: 100%; }

    .hero-arama {
        flex-direction: column;
    }

    /* Grid */
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-2 { grid-template-columns: 1fr; }

    .grid { gap: 16px; }

    /* Kategoriler */
    .kategori-kutu {
        padding: 20px 12px;
    }

    .kategori-kutu i { font-size: 1.5rem; }
    .kategori-kutu h4 { font-size: 0.85rem; }

    /* Kartlar */
    .kart-icerik { padding: 12px; }
    .kart-baslik { font-size: 0.9rem; }

    /* Auth */
    .auth-kutu {
        padding: 32px 24px;
    }

    /* Bolumler */
    .bolum { padding: 40px 0; }
    .bolum-baslik { margin-bottom: 28px; }

    /* Stat kartlari */
    .stat-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .stat-kart { padding: 16px; }
    .stat-kart h3 { font-size: 1.4rem; }

    /* Butonlar */
    .btn { padding: 10px 20px; font-size: 0.9rem; }
    .btn-lg { padding: 14px 24px; font-size: 1rem; }

    /* Sayfalama */
    .sayfalama a,
    .sayfalama span {
        padding: 8px 12px;
        font-size: 0.8rem;
    }

    /* Desktop oge gizle */
    .gizle-mobil { display: none !important; }
    .gizle-desktop { display: block; }

    /* Tablo scroll */
    .tablo-wrap { font-size: 0.85rem; }
}

/* KUCUK MOBIL (375px) */
@media (max-width: 480px) {
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6 {
        grid-template-columns: 1fr;
    }

    /* Kategoriler yatay scroll */
    .kategori-grid-scroll {
        display: flex;
        overflow-x: auto;
        gap: 12px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }

    .kategori-grid-scroll .kategori-kutu {
        min-width: 120px;
        scroll-snap-align: start;
    }

    .hero h1 { font-size: 1.5rem; }

    .bolum-baslik h2 { font-size: 1.3rem; }
}

/* KOYU MOD TERCIHI - Opsiyonel */
@media (prefers-color-scheme: dark) {
    /* Ileride koyu mod destegi eklenebilir */
}

/* YUKSEK KONTRAST */
@media (prefers-contrast: high) {
    .btn-primary {
        border: 2px solid var(--kirmizi-koyu);
    }

    .form-kontrol {
        border-width: 3px;
    }
}

/* PRINT */
@media print {
    .navbar, .footer, .mobil-nav, .reklam-alani { display: none; }
    body { background: white; padding: 0; }
}