/* ============================================================================
   FARKLI BİR FİKİR — responsive.css
   Responsive breakpoint'ler (mobil öncelikli düzenlemeler)
   WORDPRESS: responsive stiller (style.css içine de taşınabilir)
   ============================================================================ */

/* ---- Geniş masaüstü ve altı ---- */
@media (max-width: 1080px) {
  .detail-grid { grid-template-columns: 1fr; gap: 40px; }
  .detail-aside { position: static; grid-template-columns: 1fr 1fr; display: grid; }
}

@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .hero-visual { max-width: 520px; }
  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .promo-split { grid-template-columns: 1fr; gap: 36px; }
  .promo-split.rev .promo-visual { order: 0; }
  .diff-grid, .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .foot-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .link-grid { grid-template-columns: repeat(2, 1fr); }
  .info-cols { grid-template-columns: 1fr; }
}

/* ---- Tablet ---- */
@media (max-width: 900px) {
  .nav-links { display: none; }
  .nav-cta .btn-desktop { display: none; }
  .hamburger { display: block; }
  .grid-cards { grid-template-columns: repeat(2, 1fr); }
  .check-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery { grid-template-columns: repeat(2, 1fr); }
  .detail-aside { grid-template-columns: 1fr 1fr; }
}

/* ---- Küçük tablet / büyük telefon ---- */
@media (max-width: 760px) {
  section { padding: 64px 0; }
  .grid-cards, .grid-2 { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .cases { grid-template-columns: 1fr; }
  .timeline-grid { grid-template-columns: 1fr; gap: 0; }
  .form-grid, .form-grid-3 { grid-template-columns: 1fr; }
  .check-grid { grid-template-columns: 1fr 1fr; }
  .tick-list.cols { grid-template-columns: 1fr; }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .cta-inner { padding: 46px 22px; }
  .hero-actions .btn { flex: 1; min-width: 0; }
  .detail-aside { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: 1fr 1fr; }

  /* Mobil alt bar aktif → içerik alta binmesin */
  .mobile-bar { display: flex; }
  body { padding-bottom: 72px; }
  .wa-float { display: none; }
}

/* ---- Telefon ---- */
@media (max-width: 480px) {
  body { font-size: 16px; }
  .container { padding: 0 18px; }
  .form-card { padding: 24px 20px; }
  .diff-grid, .grid-4, .stat-grid { grid-template-columns: 1fr; }
  .foot-grid { grid-template-columns: 1fr; }
  .check-grid { grid-template-columns: 1fr; }
  .link-grid { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: 1fr; }
  .logos span { font-size: 1rem; }
  .page-hero { padding-top: calc(var(--nav-h) + 40px); }
  .filters { gap: 8px; }
  .filter-btn { padding: 9px 14px; font-size: .85rem; }
}