/* ==========================================================================
   5-MOBIL.CSS  —  Küçük ekran düzenlemeleri (en sonda yüklenmelidir)
   ========================================================================== */

@media (max-width: 1024px) {
  .hero-izgara { grid-template-columns: 1fr; gap: 44px; }
  .izgara-4 { grid-template-columns: repeat(2, 1fr); }
  .izgara-3 { grid-template-columns: repeat(2, 1fr); }
  .surec { grid-template-columns: repeat(2, 1fr); row-gap: 36px; }
  .surec-adim:nth-child(2)::after { right: 0; }
  .alt-izgara { grid-template-columns: 1fr 1fr; gap: 34px; }
  .bolum { padding: 80px 0; }
}

/* Menünün sığmadığı orta genişlikler (dizüstü ekranlar) */
@media (max-width: 1180px) and (min-width: 761px) {
  .ust .kap { gap: 16px; }
  .menu > a { padding: 9px 10px; font-size: .92rem; }
  .menu .dugme { margin-left: 6px; padding: 11px 17px; font-size: .93rem; }
  .logo-yazi b { font-size: 1.05rem; }
  .logo-yazi small { font-size: .7rem; }
  .logo img { height: 36px; }
}

@media (max-width: 760px) {
  body { font-size: 16px; }
  .bolum { padding: 62px 0; }
  .bolum-basi { margin-bottom: 34px; }
  .kap { padding: 0 20px; }

  /* Menü: buzlu panel olarak açılır */
  .menu {
    display: none;
    position: absolute; left: 12px; right: 12px; top: calc(100% + 8px);
    flex-direction: column; align-items: stretch; gap: 2px;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    border: 1px solid var(--hat);
    border-radius: var(--r-buyuk);
    padding: 10px;
    box-shadow: var(--golge-3);
    transform-origin: top center;
    animation: yuzey-gel .24s var(--egri);
  }
  .menu.acik { display: flex; }
  .menu > a { padding: 13px 14px; border-radius: var(--r-kucuk); font-size: 1rem; }
  .menu .dugme { margin: 8px 0 0; }
  .menu-dugme { display: grid; place-items: center; }
  .ust .kap { position: relative; height: 66px; }
  .logo img { height: 34px; }
  .logo-yazi b { font-size: 1.02rem; }

  /* Izgaralar tek sütun */
  .izgara-2, .izgara-3, .izgara-4 { grid-template-columns: 1fr; }
  .form-satir { grid-template-columns: 1fr; }
  .secim-kartlar { grid-template-columns: 1fr; }
  .alt-izgara { grid-template-columns: 1fr; gap: 30px; }

  /* Süreç dikey */
  .surec { grid-template-columns: 1fr; row-gap: 28px; }
  .surec-adim { padding: 0 0 0 22px; border-left: 1px solid rgba(255,255,255,.14); }
  .surec-adim::after { display: none; }
  .surec-adim h3 { margin-top: 6px; }

  /* Sorgu sonuçları mobilde alt alta */
  .sonuc { grid-template-columns: 1fr; gap: 10px; padding: 17px 20px; }
  .sorgu-ust, .sonuc-bilgi, .sorgu-alt { padding-left: 20px; padding-right: 20px; }
  .sorgu-filtre select { width: 100%; }
  .filtre-grup { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .filtre-grup button { padding: 10px 8px; font-size: .88rem; }

  .cta { padding: 36px 26px; }
  .form-kutu { padding: 26px 22px; }
  .hero { padding: 56px 0 68px; }
  .hero-sorgu { padding: 24px 22px; }
  .hero-dugmeler .dugme { width: 100%; }
  .sayfa-basi { padding: 52px 0 48px; }
  .sayac b { font-size: 1.8rem; }
  .wa-dugme { right: 16px; bottom: 16px; }
  .belge { flex-wrap: wrap; gap: 16px; }
}

@media (max-width: 420px) {
  .izgara-4 { grid-template-columns: 1fr; }
  .logo-yazi small { display: none; }
}