/* ===== RESPONSIVE ===== */

@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .hero-slider { max-width: 600px; margin: 0 auto; }
  .about-grid { grid-template-columns: 1fr; }
  .about-img-wrap { max-width: 500px; margin: 0 auto; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .projects-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(3, 1fr); }
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 768px) {
  .nav-links {
    position: fixed; top: 72px; left: 0; right: 0;
    background: var(--white);
    flex-direction: column; align-items: flex-start;
    padding: 20px 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    transform: translateY(-120%);
    transition: transform 0.35s cubic-bezier(.4,0,.2,1);
    z-index: 999;
  }

  .nav-links.open { transform: translateY(0); }
  .nav-toggle { display: flex; }

  .hero-inner { padding: 40px 0; }
  .hero-title { font-size: 28px; }

  .services-grid { grid-template-columns: 1fr; }
  .projects-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-item.wide { grid-column: span 1; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .about-features { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .container { padding: 0 16px; }
  section { padding: 60px 0; }
  .gallery-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .contact-form { padding: 24px; }
  .float-badge { right: 10px; }
  .call-btn { left: 10px; font-size: 12px; padding: 8px 14px; }
}