@media (max-width: 900px) {
  .menu-btn {
    color: #111;
    cursor: pointer;
  }

  .nav.open nav {
    background: #111;
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.35);
  }

  .nav.open nav a {
    display: block;
    padding: 10px 0;
    color: #fff;
  }

  .nav.open nav a:hover,
  .nav.open nav a:focus-visible {
    color: var(--orange);
  }

  .p-nav { position: relative; }
  .mobile-menu { background: none; border: 0; color: #111; font-size: 25px; cursor: pointer; }
  .p-nav.open nav { display: flex; position: absolute; z-index: 50; top: 100%; left: 0; right: 0; margin: 0; padding: 20px 24px; background: #111; color: #fff; flex-direction: column; gap: 0; box-shadow: 0 14px 24px rgba(0,0,0,.35); }
  .p-nav.open nav a { display: block; padding: 11px 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); }
}