/* ==========================================================================
   RESPONSIVE.CSS — Mobile-first ince ayarlar
   ========================================================================== */

@media (max-width: 980px) {
  .section { padding-block: var(--space-6); }
  h1 { font-size: clamp(2rem, 7vw, 2.6rem); }
}

@media (max-width: 640px) {
  .container { padding-inline: var(--space-2); }
  .section { padding-block: var(--space-5); }
  .stat-strip { gap: var(--space-3); }
  .btn { padding: 13px 20px; font-size: 0.9rem; }
  .hero-media { aspect-ratio: 4/3; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 400px) {
  .grid--services { grid-template-columns: 1fr; }
  .grid--regions { grid-template-columns: 1fr; }
}

/* Yazdırma */
@media print {
  .site-header, .mobile-dock, .mobile-menu, .site-footer { display: none; }
}