/* ============================================================
   NEMARK - Responsive / Mobil Stil (responsive.css)
   ============================================================ */

/* TABLET */
@media (max-width:1100px){
  .neden-grid,.surec-grid{grid-template-columns:repeat(2,1fr)}
  .hizmet-grid,.hizmet-grid.genis,.sera-kat-grid,.model-grid,.onerilen-grid{grid-template-columns:repeat(3,1fr)}
  .sektor-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .banner-icerik h1{font-size:36px}
}

/* MENÜ KIRILIMI */
@media (max-width:992px){
  .mobil-menu-btn{display:block}
  .ana-menu{position:fixed;top:0;right:-100%;width:82%;max-width:340px;height:100vh;background:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.15);padding:76px 0 30px;overflow-y:auto;transition:right .35s;z-index:1300;pointer-events:auto}
  .ana-menu.acik{right:0}
  .mobil-menu-kapat{display:grid;place-items:center;z-index:1310}
  .mobil-menu-overlay.acik{display:block}
  body.menu-acik .mobil-cta{display:none}
  .ana-menu>ul{flex-direction:column;align-items:stretch;gap:0}
  .ana-menu>ul>li>a{padding:15px 24px;border-bottom:1px solid var(--kenar);border-radius:0;justify-content:space-between}
  .dropdown-menu{position:static;opacity:1;visibility:hidden;transform:none;height:0;overflow:hidden;box-shadow:none;background:var(--gri);border-radius:0;min-width:100%;max-height:none;padding:0;transition:none}
  .dropdown.acik .dropdown-menu{visibility:visible;height:auto}
  .dropdown-menu li a{padding:12px 40px;border-bottom:1px solid var(--kenar)}
  .iletisim-grid{grid-template-columns:repeat(2,1fr)}
}

/* TELEFON */
@media (max-width:768px){
  body{font-size:15px}
  .container{padding:0 16px}
  .topbar{font-size:12px}
  .topbar-inner{justify-content:center;text-align:center}
  .topbar a{margin-left:10px}
  .topbar-right{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}

  .banner-slider{height:380px}
  .banner-icerik h1{font-size:26px}
  .banner-icerik h2{font-size:18px}
  .banner-icerik p{font-size:15px}
  .banner-btn{padding:12px 24px;font-size:15px}
  .banner-watermark{font-size:10px;right:10px}

  .neden-grid,.surec-grid,.hizmet-grid,.hizmet-grid.genis,
  .sera-kat-grid,.model-grid,.sektor-grid,.iletisim-grid,
  .onerilen-grid,
  .footer-grid{grid-template-columns:repeat(2,1fr)}

  .makale h1,.anasayfa-giris h1{font-size:24px}
  .makale h2{font-size:20px}
  .bolum-baslik{font-size:22px}

  .cta-blink{flex-direction:column;padding:18px}
  .cta-blink span{font-size:15px}

  /* Mobil sabit butonlar görünür + içeriğe boşluk */
  .mobil-cta{display:flex}
  .sabit-iletisim{display:none}
  .footer{margin-bottom:82px}
}

/* KÜÇÜK TELEFON */
@media (max-width:480px){
  .neden-grid,.hizmet-grid,.hizmet-grid.genis,.sera-kat-grid,
  .model-grid,.sektor-grid,.iletisim-grid,.footer-grid,.surec-grid{grid-template-columns:1fr}
  .banner-slider{height:340px}
  .banner-icerik h1{font-size:22px}
  .logo-text{font-size:18px}
  .logo-mark{width:40px;height:40px;font-size:20px}
  .mobil-btn{font-size:14px;padding:12px}
  .mobil-btn i{font-size:19px}
}