/* Mavi Mimarlik - Mobile Fix */
@media (max-width: 768px) {
  html, body { overflow-x: hidden !important; }
  .container { padding: 0 20px !important; }

  /* Header */
  .nav { display: none !important; }
  .hamburger { display: flex !important; }
  .btn-dark { display: none !important; }

  /* Hero */
  .hero { padding: 40px 0 32px !important; }
  .hero-inner { grid-template-columns: 1fr !important; gap: 24px !important; }
  .hero-visual { display: none !important; }
  .hero-content h1 { font-size: 2rem !important; line-height: 1.2 !important; }
  .hero-desc { font-size: 0.9rem !important; }
  .hero-actions { flex-direction: column !important; }
  .hero-actions .btn { width: 100% !important; justify-content: center !important; }

  /* Services */
  .services-grid { grid-template-columns: 1fr !important; gap: 14px !important; }

  /* Projects */
  .projects-grid { grid-template-columns: 1fr !important; }
  .proj-card--large { grid-column: span 1 !important; }

  /* Process */
  .process-grid { flex-direction: column !important; }
  .proc-arrow { display: none !important; }
  .proc-step { flex: 1 0 100% !important; padding: 0 !important; margin-bottom: 20px !important; }

  /* CTA */
  .cta-inner { flex-direction: column !important; text-align: center !important; }

  /* Footer */
  .footer-inner { grid-template-columns: 1fr !important; gap: 28px !important; }
  .footer-nav { flex-direction: column !important; gap: 20px !important; }

  /* Contact */
  .contact-layout { grid-template-columns: 1fr !important; }
  .form-row { grid-template-columns: 1fr !important; }
}

@media (max-width: 480px) {
  .hero-content h1 { font-size: 1.7rem !important; }
  .section-head h2 { font-size: 1.6rem !important; }
}