/* ============================================================
   MOBİL UYUMLULUK (RESPONSIVE)
   ============================================================ */

/* === TABLET (769px – 1024px) === */
@media (max-width: 1024px) {
  :root { --bosluk-xl: 60px; --bosluk-xxl: 80px; }

  .grid-4 { grid-template-columns: repeat(2,1fr); }
  .sayac-grid { grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--bosluk-md); }

  .hero-ic { grid-template-columns: 1fr 1fr; gap: var(--bosluk-md); }
}

/* === MOBİL (max 768px) === */
@media (max-width: 768px) {
  :root { --bosluk-xl: 48px; --bosluk-xxl: 64px; }

  /* Navbar */
  .navbar-menu, .navbar-whatsapp { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero-ic {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .hero-sol { order: 1; }
  .hero-sag { order: 2; }
  .hero-butonlar { justify-content: center; }
  .hero-kanit { justify-content: center; }

  /* Grids */
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .sayac-grid { grid-template-columns: repeat(2,1fr); }

  /* Typography */
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }
  h3 { font-size: 1.2rem; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; }

  /* WhatsApp sabit buton */
  .wa-sabit-btn { width: 64px; height: 64px; }
  .wa-sabit-btn svg { width: 36px; height: 36px; }
  .wa-sabit { bottom: 24px; right: 20px; }
  .yukari-btn { left: 20px; bottom: 24px; }

  /* Sayaç */
  .sayac-sayi { font-size: 2.2rem; }

  /* Cookie */
  .cookie-banner { flex-direction: column; align-items: flex-start; gap: var(--bosluk-sm); text-align: left; }

  /* Konteyner */
  .konteyner { padding: 0 var(--bosluk-sm); }

  /* Navbar logo */
  .navbar-logo-ad { font-size: 1.2rem; }

  /* İletişim grid */
  .iletisim-kart-grid { grid-template-columns: 1fr; }

  /* Blog grid */
  .blog-ic { grid-template-columns: 1fr; }

  /* Başarılar */
  .basari-istatistik-grid { grid-template-columns: repeat(2,1fr); }

  /* Tab butonlar */
  .tab-butonlar { flex-wrap: wrap; gap: 8px; }
  .tab-bu { font-size: .8rem; padding: 8px 14px; }

  /* Hizmet kartları */
  .hizmet-kartlar { grid-template-columns: 1fr; }

  /* Neden ben grid */
  .neden-ic { grid-template-columns: 1fr; }
  .neden-foto { display: none; }

  /* Fiyat grid */
  .fiyat-grid { grid-template-columns: 1fr; }
  .fiyat-kart.onerilenn { transform: none; }

  /* Blog içerik */
  .blog-kapsayici { grid-template-columns: 1fr; }
  .blog-sidebar { display: none; }

  /* Harita */
  .harita-cerceve { height: 250px; }

  /* Stepper */
  .adim-grid { grid-template-columns: 1fr; }

  /* İlerleme çubukları */
  .uzmanlik-grid { grid-template-columns: 1fr; }

  /* Değerler */
  .deger-grid { grid-template-columns: repeat(2,1fr); }

  /* Hakkımda hero */
  .hakkimda-hero-ic { grid-template-columns: 1fr; }

  /* Zaman çizelgesi */
  .timeline::before { left: 16px; }
  .timeline-kutu { padding-left: 48px; }
  .timeline-nokta { left: 8px; }

  /* Musaitlik tablosu */
  .musait-tablo { font-size: .75rem; }
  .musait-tablo th, .musait-tablo td { padding: 8px 6px; }
}

/* === KÜÇÜK MOBİL (max 480px) === */
@media (max-width: 480px) {
  h1 { font-size: 1.7rem; }
  .hero-etiket { font-size: .75rem; }
  .btn { padding: 12px 22px; font-size: .88rem; }
  .btn-lg { padding: 14px 26px; }
  .sayac-sayi { font-size: 2rem; }
  .sayac-grid { grid-template-columns: 1fr 1fr; gap: var(--bosluk-sm); }
  .deger-grid { grid-template-columns: 1fr; }
  .fiyat-ozellik { font-size: .85rem; }
}