/* AERO TOUCH DOWN — RESPONSIVE SAFETY LAYER */
@media(max-width:992px){
  /* 1. Lock the header bar permanently to the top of the viewport on scroll */
  .site-header {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      z-index: 100000 !important;
      background: #0b1120 !important; /* Forces solid background so page text doesn't bleed through underneath on scroll */
  }

  /* 2. Push your main page content down slightly so the fixed header doesn't cover up your text */
  body, main {
      padding-top: 70px !important; /* Adjust this number to match the exact height of your header bar */
  }

  /* 3. Hide the mobile menu layout container by default under 992px */
  .nav-links, .nav-menu, .navigation-menu {
      display: none;
      max-height: calc(100vh - 120px);
      overflow: auto;
  }

  /* 4. Display the dropdown directly stacked below the fixed header bar */
  .nav-links.active, .nav-menu.active, .navigation-menu.active {
      display: flex !important;
      flex-direction: column;
      background: #0b1120 !important; 
      position: fixed !important; /* Keeps dropdown pinned relative to your fixed header */
      top: 70px !important; /* Starts exactly where the header bar ends */
      left: 0 !important;
      width: 100% !important;
      padding: 24px !important;
      z-index: 99999 !important;
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
  }

  /* 5. Style mobile drop-down selection options */
  .nav-links.active a, .nav-menu.active a, .navigation-menu.active a {
      display: block;
      padding: 14px 0;
      color: #f8fafc !important; 
      font-weight: 600;
      font-size: 1.2rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  /* 6. Harden detail descriptions readability across all mobile views */
  .content-section p, .contact-content p, p {
      color: #f1f5f9 !important; 
      font-size: 1.15rem !important; 
      font-weight: 500 !important;  
      line-height: 1.6 !important;  
  }
}

@media(max-width:700px){
  .section-heading{margin-bottom:46px;}
  .content-section{padding:82px 0;}
}