/* ==========================================================================
   responsive.css — 992px ve altı için mobil/tablet uyumluluk
   ========================================================================== */

@media (max-width: 992px){
  .mobil-menu-btn{ display:flex; }

  .ana-menu{
    position:fixed; top:0; right:-100%; width:82%; max-width:340px; height:100vh;
    background:#fff; box-shadow:-6px 0 24px rgba(0,0,0,.15); transition:right .3s ease;
    overflow-y:auto; padding:80px 0 30px; z-index:150;
  }
  .ana-menu.acik{ right:0; }
  .ana-menu > ul{ flex-direction:column; align-items:flex-start; gap:0; padding:0 24px; }
  .ana-menu > ul > li{ width:100%; border-bottom:1px solid #eef1f4; }
  .ana-menu > ul > li > a{ padding:16px 0; }
  .dropdown-menu{ display:none; position:static; box-shadow:none; padding:0 0 10px 12px; max-height:none; }
  .dropdown.acik .dropdown-menu{ display:block; }

  .mobil-menu-btn.acik span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  .mobil-menu-btn.acik span:nth-child(2){ opacity:0; }
  .mobil-menu-btn.acik span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }

  .header-top-inner{ justify-content:center; flex-wrap:wrap; gap:10px; text-align:center; }

  .banner-slider{ height:auto; min-height:620px; }
  .banner-slide{ padding:70px 0 50px; }
  .banner-icerik h1{ font-size:1.6rem; }
  .banner-icerik p{ font-size:.98rem; }
  .banner-icerik .eyebrow{ font-size:.7rem; padding:5px 12px; margin-bottom:12px; }
  .banner-icerik .cta-grup{ margin-top:18px; }

  h1{ font-size:1.6rem; }
  h2{ font-size:1.3rem; }

  section{ padding:38px 0; }

  .iletisim-grid{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr; text-align:center; }
  .footer-col ul{ display:flex; flex-direction:column; align-items:center; }

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

@media (max-width: 480px){
  .il-grid, .ilce-grid{ grid-template-columns:1fr 1fr; }
  .cta-grup{ flex-direction:column; }
  .btn{ text-align:center; }
}