/* Final shared mobile navigation — loaded after each page's own stylesheet. */
@media only screen and (max-width: 996px) {
  .nav-holder { position: relative !important; display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; margin: 0 !important; padding-bottom: 0 !important; }
  .hamburger { width: 26px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; }
  .hamburger span { width: 22px !important; height: 2px !important; margin: 4px 0 !important; }
  .hamburger.active span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
  .hamburger.active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }
  .nav-holder .work { display: none !important; }

  .middle-links { position: relative !important; top: auto !important; left: auto !important; right: auto !important; display: none !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; align-items: stretch !important; background: #fff !important; }
  .middle-links.active { display: flex !important; flex-basis: 100% !important; order: 10 !important; flex-direction: column !important; }
  .middle-links > hr { width: 100% !important; margin: 0 !important; flex-shrink: 0; }
  .middle-links .nav-item.dropdown, .middle-links > a { width: 100% !important; margin: 0 !important; flex-shrink: 0; }
  .middle-links .dropdown-toggle, .middle-links > a, .middle-links .dropdown-menu .dropdown-item { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 20px !important; line-height: 24px !important; text-align: left !important; flex-shrink: 0; }
  .middle-links .dropdown-menu { position: static !important; float: none !important; transform: none !important; display: none; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
  .middle-links .dropdown-menu.show { display: block !important; }
  .middle-links .dropdown-menu hr { display: block !important; width: 100% !important; height: 1px !important; margin: 0 !important; border: 0 !important; border-top: 1px solid #9a9a9a !important; background: #9a9a9a !important; opacity: 1 !important; }
  .middle-links .dropdown-menu hr:first-child { display: none !important; }
  .middle-links .dropdown-menu .dropdown-item + .dropdown-item { border-top: 0 !important; }
  body.menu-open { overflow-y: auto !important; }
}