/* =========================================================================
   NEMEKS - MOBİL STİL DOSYASI (responsive.css)
   Tablet ve telefon görünümleri bu dosyada tanımlıdır.
   ========================================================================= */

@media (max-width: 1024px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {

    body { font-size: 15px; }

    /* Üst menü mobil */
    .header-ic { height: 62px; gap: 12px; }
    .logo img { width: 200px; }

    .menu-btn {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 42px;
        height: 42px;
        background: var(--gri);
        border: 1px solid var(--sinir);
        border-radius: 8px;
        cursor: pointer;
        padding: 9px;
        margin-left: auto;
    }
    .menu-btn span { display: block; height: 3px; background: var(--koyu); border-radius: 2px; }

    .header-tel { display: none; }

    .ana-menu {
        display: none;
        position: absolute;
        top: 62px;
        left: 0;
        right: 0;
        background: var(--beyaz);
        border-bottom: 1px solid var(--sinir);
        box-shadow: 0 14px 30px rgba(0,0,0,0.10);
        max-height: calc(100vh - 62px);
        overflow-y: auto;
        z-index: 999;
    }
    .ana-menu.acik { display: block; }

    .ana-menu > ul { flex-direction: column; align-items: stretch; gap: 0; padding: 8px 0; }
    .ana-menu > ul > li > a { padding: 13px 22px; border-radius: 0; font-size: 16px; }

    .acilir-menu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0 0 0 14px;
        max-height: none;
    }
    .acilir.acik .acilir-menu { display: block; }
    .acilir-menu li a { padding: 11px 22px; font-size: 15px; }

    /* Slider mobil */
    .slayt { min-height: 340px; }
    .slayt-ic h1 { font-size: 26px; }
    .slayt-ic h2 { font-size: 17px; }
    .slayt-ic p { font-size: 15px; }
    .slayt-btn { width: 38px; height: 38px; font-size: 17px; }

    /* İçerik mobil */
    .bolum { padding: 38px 0; }
    .bolum-baslik { font-size: 24px; }
    .sayfa-h1 { font-size: 25px; }
    .sayfa-lead { font-size: 15px; }

    .kart-grid { grid-template-columns: 1fr 1fr; }
    .kart img { height: 120px; }

    .makine-grid { grid-template-columns: 1fr; }
    .makine-grid img { height: 170px; }

    .cta-ic { flex-direction: column; text-align: center; padding: 26px 18px; }
    .cta-metin h2 { font-size: 21px; }
    .cta-butonlar { width: 100%; }
    .cta-butonlar .btn { flex: 1; padding: 13px 10px; font-size: 15px; }

    .qa-blok { padding: 18px; }
    .qa-blok h2 { font-size: 17px; }

    .makale h2 { font-size: 20px; }
    .makale h3 { font-size: 17px; }
    .makale p { text-align: left; }

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

    .footer-grid { grid-template-columns: 1fr; gap: 20px; padding: 34px 20px; }
}

@media (max-width: 480px) {
    .kart-grid { grid-template-columns: 1fr; }
    .slayt { min-height: 300px; }
    .slayt-ic h1 { font-size: 22px; }
    .sayfa-h1 { font-size: 22px; }
    .bolge-grid a { font-size: 12px; padding: 6px 11px; }
}