/* Loaded separately so the mobile navigation correction is never held behind a cached main stylesheet. */
@media (max-width: 780px) {
  body.menu-open { overflow: auto; }

  .site-header,
  .catalogue-header { z-index: 20; }

  .menu-toggle {
    width: 44px;
    height: 44px;
  }

  .main-nav {
    position: absolute;
    z-index: 10;
    top: calc(100% + 8px);
    right: 0;
    bottom: auto;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    box-sizing: border-box;
    padding: 14px;
    overflow: visible;
    border-radius: 22px;
    background: #071725;
    box-shadow: 0 16px 30px rgba(0, 0, 0, .3);
  }

  .main-nav.is-open { display: flex; }
  .main-nav > a:not(.nav-quote) { padding: 13px 8px; }
  .nav-quote { width: auto; margin-top: 8px; text-align: left; }
}