/*
 * Responsive Design System
 * Mobile-first approach with elegant breakpoints
 */

@media (max-width: 480px) {
  .container, .container-fluid { padding: 0 1.25rem; }
  :root { --font-size-body: 1rem; }
}

@media (max-width: 768px) {
  .hide-mobile { display: none !important; }
  .mobile-menu-btn { display: flex !important; }
  .nav-menu { display: none !important; }
  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr !important; }
  .hero-section { padding-top: 5rem; padding-bottom: 4rem; }
  .hero-inner { grid-template-columns: 1fr !important; gap: 3rem; }
  .section-padding { padding: 4rem 0; }
  .section-padding-lg { padding: 6rem 0; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 2rem; }
  .stats-bar { grid-template-columns: 1fr 1fr !important; }
  .products-grid { grid-template-columns: 1fr !important; }
  .services-grid { grid-template-columns: 1fr !important; }
  .process-steps { grid-template-columns: 1fr 1fr !important; }
  .industries-grid { grid-template-columns: 1fr 1fr !important; }
  .why-us-grid { grid-template-columns: 1fr !important; }
  .about-grid { grid-template-columns: 1fr !important; gap: 3rem; }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
  .grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (min-width: 1025px) {
  .hide-desktop { display: none !important; }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: var(--font-size-h1);
  }
  .process-steps { grid-template-columns: 1fr !important; };
  .process-connector {
  display: flex; align-items: center; justify-content: center;
  gap: 0;
  margin-top: 2rem;
}
}

@media (max-width: 360px) {
  .hero-title {
    font-size: var(--font-size-h2);
  }
}

@media (max-width: 320px) {
  :root { --font-size-body: 0.95rem; }
  .hero-inner { padding: 5rem 1rem 3rem !important; gap: 2.5rem !important; }
  .hero-title { font-size: 2rem !important; }
  .nav-inner { padding: 0 1rem !important; height: 70px !important; }
  .nav-logo span { font-size: 1rem !important; }
  .section-padding { padding: 3rem 0 !important; }
  .stats-bar { padding: 2rem 1rem !important; gap: 1rem !important; grid-template-columns: 1fr !important; }
  .stat-item .number { font-size: 2rem !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 2rem !important; }
  .about-grid { grid-template-columns: 1fr !important; gap: 2.5rem !important; }
  .why-us-grid { grid-template-columns: 1fr !important; }
  .industries-grid { grid-template-columns: 1fr !important; }
  .process-steps { grid-template-columns: 1fr !important; gap: 1rem !important; }
}

/* Print */
@media print {
  .navbar, .floating-cta, .back-to-top, .footer-newsletter, .social-links { display: none !important; }
  body { background: #fff; color: #000; }
}