/* Kırılma noktaları: masaüstü 1024+, tablet 768-1023, mobil 767- */

/* --- Tablet ve altı (1023px ve altı) --- */
@media (max-width: 1023px) {
  .rakam-seridi { grid-template-columns: repeat(2, 1fr); }
  .rakam-seridi .rakam:nth-child(2) { padding-left: 28px; border-left: 1px solid var(--line); }
  .rakam-seridi .rakam:nth-child(odd) { padding-left: 0; border-left: none; }

  .kart-izgara { grid-template-columns: repeat(2, 1fr); }
  .video-izgara { grid-template-columns: repeat(2, 1fr); }

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

/* --- Mobil (767px ve altı) --- */
@media (max-width: 767px) {
  /* Önceki değer 16px'ti; kullanıcı geri bildirimiyle masaüstünden
     (20px) bile daha geniş bir değere çıkarıldı. */
  .container { padding: 0 28px; }

  /* Üst menü: hamburger'e dönüşür, tam ekran panel açılır. */
  .ust-menu { display: none; }
  .ust-bar .teklif-btn { display: none; }
  .hamburger { display: flex; }

  .hero { padding: 40px 0 36px; }
  .hero h1 { font-size: 34px; }
  .hero .aciklama { font-size: 16px; }
  .hero .butonlar .btn { flex: 1 1 auto; justify-content: center; }

  .rakam-seridi { grid-template-columns: repeat(2, 1fr); padding: 24px 0; }
  .rakam-seridi .deger { font-size: 30px; }

  .kart-izgara { grid-template-columns: 1fr; }
  .video-izgara { grid-template-columns: 1fr; }
  .video-karti { flex-basis: 240px; }

  .iki-sutun { grid-template-columns: 1fr; gap: 20px; }
  .iki-sutun .gorsel-cerceve { order: 2; }
  .iki-sutun .metin { order: 1; }

  .kayit-govde-sutunlu { grid-template-columns: 1fr; }

  .gezinme-yolu { font-size: 12px; }
  .alt-menu { position: static; transform: none; box-shadow: none; border: none; padding: 0 0 0 16px; }

  .bolum { padding: 40px 0; }
  .bolum-baslik h2 { font-size: 26px; }

  .footer { padding: 40px 0 24px; }
  .footer-sutunlar { grid-template-columns: 1fr; gap: 22px; }
  .footer-alt { flex-direction: column; align-items: flex-start; }

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