/* ==========================================================================
   ELTECH PRO — Responsive overrides
   Desktop → Laptop → Tablet → Mobile
   ========================================================================== */

@media (max-width: 1199.98px) {
  :root { --sec-pad: 110px; }
  .hero-inner { padding: 130px 0 50px; }
}

@media (max-width: 991.98px) {
  :root { --sec-pad: 100px; }

  /* nav collapses into offcanvas — hide desktop nav + mega */
  .main-nav, .mega { display: none !important; }
  .header-tools .lang-switch { display: none; }

  .hero { min-height: 82vh; }
  .cap-list { columns: 1; }
  .facts-block { padding: 30px; }
  .contact-side { padding: 40px 30px; }
  .featured-project { min-height: 340px; }

  .lifecycle .lc-line { display: none; }
  .lc-step { display: flex; gap: 20px; align-items: flex-start; padding-bottom: 8px; }
  .lc-step .lc-dot { margin-bottom: 0; margin-top: 6px; }
}

@media (max-width: 767.98px) {
  :root { --sec-pad: 80px; }
  body { font-size: 16px; }

  .hero-inner { padding: 120px 0 44px; }
  .hero-lifecycle { font-size: .72rem; }
  .btn { width: 100%; justify-content: center; }
  .hero .btn, .cta-band .btn { width: auto; }
  .filter-bar { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .facts-block .fact { flex-direction: column; gap: 2px; }
  .facts-block .fv { text-align: left; }
  .page-hero { padding: 160px 0 80px; }
}

@media (max-width: 575.98px) {
  .service-card, .pillar { padding: 26px 22px; }
  .featured-project .fp-cap, .industry-card .ic-cap { padding: 26px; }
  .contact-side { padding: 34px 24px; }
  .hero .btn, .cta-band .btn { width: 100%; justify-content: center; }
}