/* ============================================================
   HaniftaCRM – responsive.css  |  Mobil Uyumluluk
   ============================================================ */

/* ── Tablet: ≤ 1024px ──────────────────────────────────────── */
@media (max-width: 1024px) {

  /* Nav */
  .nav__links { gap: 1rem; }
  .lang-switcher { display: none; }

  /* Footer grid */
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .footer__brand { grid-column: 1 / -1; }

  /* Features */
  .features-grid { grid-template-columns: repeat(2, 1fr); }

  /* Screenshots */
  .screenshots__grid { gap: 1.25rem; }

  /* Use cases */
  .use-cases-preview__inner { gap: 2.5rem; }

  /* Blog */
  .blog-preview__cards { grid-template-columns: repeat(2, 1fr); }

  /* Stats */
  .stats-band__inner { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
}

/* ── Mobil: ≤ 768px ────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Nav - Hamburger moduna geç */
  .nav__links { display: none; }
  .nav__cta { display: none; }
  .nav__hamburger { display: flex; }

  /* Hero */
  .hero { padding-top: calc(var(--nav-h) + 3rem); padding-bottom: 4rem; }
  .hero__title { font-size: clamp(2.4rem, 11vw, 4rem); }
  .hero__actions { flex-direction: column; width: 100%; }
  .hero__email-btn { width: 100%; justify-content: center; }
  .hero__scroll { display: none; }

  /* Stats */
  .stats-band__inner { grid-template-columns: repeat(2, 1fr); }

  /* Features */
  .features-grid { grid-template-columns: 1fr; }

  /* Screenshots - tek sütun */
  .screenshots__grid { grid-template-columns: 1fr; }
  .screenshot-frame--tall { margin-top: 0; }

  /* Use cases */
  .use-cases-preview__inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .use-cases-preview__visual {
    grid-template-columns: 1fr 1fr;
  }
  .uc-visual-card:nth-child(2),
  .uc-visual-card:nth-child(4) { margin-top: 0; }

  /* Blog */
  .blog-preview__cards { grid-template-columns: 1fr; }
  .blog-preview__head { flex-direction: column; align-items: flex-start; }

  /* Footer */
  .footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer__bottom { flex-direction: column; text-align: center; }

  /* Butonlar */
  .btn { width: 100%; justify-content: center; }

  /* Footer CTA */
  .footer-cta__email { width: 100%; justify-content: center; }
}

/* ── Küçük Mobil: ≤ 480px ──────────────────────────────────── */
@media (max-width: 480px) {

  :root { --nav-h: 62px; }

  .hero__logo { width: 72px; height: 72px; }
  .hero__title { font-size: clamp(2rem, 13vw, 3rem); }
  .hero__title-sub { font-size: 0.78rem; letter-spacing: 0.15em; }
  .hero__desc { font-size: 0.95rem; }

  .stats-band__inner { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .stat-item__number { font-size: 1.8rem; }

  .feature-card { padding: 1.5rem; }

  .use-cases-preview__visual { grid-template-columns: 1fr 1fr; gap: 0.85rem; }
  .uc-visual-card { padding: 1.25rem 0.85rem; }
  .uc-visual-card__icon { font-size: 1.8rem; }

  .footer-cta h2 { font-size: 1.75rem; }

  .section-tag { font-size: 0.65rem; }
}

/* ── Print ─────────────────────────────────────────────────── */
@media print {
  .nav, .nav__mobile, .hero__scroll, .stats-band { display: none; }
  body { background: #fff; color: #000; }
}