/* ========================================
   SİMA AVM - Mobil Uyumlu Stiller
======================================== */

/* ── Küçük Telefonlar (< 375px) ── */
@media (max-width: 374px) {
    html { font-size: 14px; }
    .konteyner { padding: 0 16px; }
    .bolum { padding: 36px 0; }
    .bolum-baslik { margin-bottom: 28px; }
    .bolum-baslik h2 { font-size: 1.4rem; }
    .slider-icerik { padding: 24px; }
    .slider-icerik h2 { font-size: 1.3rem; }
    .kart-icerik { padding: 14px; }
    .footer-grid { gap: 28px; }
}

/* ── Telefonlar (375px - 576px) ── */
@media (max-width: 576px) {
    .ust-bilgi { font-size: 0.75rem; padding: 8px 0; }
    .ust-bilgi-ic {
        justify-content: center;
        text-align: center;
    }
    .ust-bilgi-sol,
    .ust-bilgi-sag {
        width: 100%;
        justify-content: center;
    }
    .ust-bilgi-saat { justify-content: center; }

    .ana-baslik .konteyner.ana-baslik-ic { min-height: var(--baslik-yukseklik-mobil); height: auto; }
    .logo img { height: 36px; }
    .logo-baslik { font-size: 1.2rem; }
    .logo-alt { font-size: 0.6rem; letter-spacing: 1px; }

    .iletisim-grid { gap: 32px; }
    .iletisim-bilgi-ogesi { padding: 16px; }
    .iletisim-gonder-btn { max-width: none; width: 100%; }
    .iletisim-hero { margin-bottom: 28px; }

    .detay-hero { min-height: 260px; }
    .detay-icerik { padding: 36px 0; }

    .btn { padding: 10px 20px; font-size: 0.85rem; }
    .btn-buyuk { padding: 12px 28px; }

    .sayfa-ust { padding: 24px 0; }
    .sayfa-ust-baslik { font-size: 1.45rem; padding-bottom: 12px; }

    .harita-konteyner { height: 280px; margin-top: 36px; }
}

/* ── Tabletler (577px - 768px) ── */
@media (min-width: 577px) and (max-width: 768px) {
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
}

/* ── Büyük Tabletler (769px - 992px) ── */
@media (min-width: 769px) and (max-width: 992px) {
    .ana-baslik .konteyner.ana-baslik-ic { min-height: 72px; height: auto; }
    .grid-4 { grid-template-columns: repeat(3, 1fr); }
    .iletisim-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Dokunmatik Cihaz Optimizasyonları ── */
@media (hover: none) and (pointer: coarse) {
    .kart:hover { transform: none; box-shadow: var(--golge-sm); }
    .magaza-kart:hover { transform: none; }
    .kart:hover .kart-gorsel img { transform: none; }

    .ana-nav a { padding: 12px 16px; }
    .mobil-menu-oge,
    .mobil-menu-alt { min-height: 52px; }
    .filtre-btn { padding: 10px 20px; min-height: 44px; }
    .form-kontrol { padding: 14px 16px; font-size: 16px; }
    .btn { min-height: 48px; }
}

/* ── Yatay Mod ── */
@media (max-height: 500px) and (orientation: landscape) {
    .slider-ogesi { aspect-ratio: 21/9; }
    .detay-hero { min-height: 200px; }
    .bolum { padding: 40px 0; }
}

/* ── Güvenli Alan (Çentikli Cihazlar) ── */
@supports (padding: env(safe-area-inset-bottom)) {
    .footer-alt { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
    .cerez-bildirimi { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
    .mobil-menu { padding-bottom: env(safe-area-inset-bottom); }
    /* Alt navbar üstünde kalsın (stil.css ile uyumlu; tek satır kural mobilde 74px’i ezmesin) */
    @media (max-width: 991px) {
        .yukari-git { bottom: calc(82px + env(safe-area-inset-bottom)); }
    }
    @media (min-width: 992px) {
        .yukari-git { bottom: calc(30px + env(safe-area-inset-bottom)); }
    }
}

/* ── Erişilebilirlik ── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
    .goruntu-gel { opacity: 1; transform: none; }
    .slider-iz { transition-duration: 0.01ms !important; }
}

/* ── Koyu Tema ── */
@media (prefers-color-scheme: dark) {
    /* Koyu tema desteği isteğe bağlı */
}

/* ── Yüksek Kontrast ── */
@media (forced-colors: active) {
    .btn { border: 2px solid; }
    .kart { border: 1px solid; }
}