@media (max-width: 1120px) {
  .site-header {
    overflow: visible;
  }

  .nav-inner {
    position: relative;
  }

  .nav-links.menu-open {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    right: 0;
    padding: 20px;
    border-radius: 26px;
    background:
      radial-gradient(circle at top right, rgba(46, 191, 99, 0.14), transparent 22%),
      rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(14, 42, 27, 0.1);
    box-shadow: 0 24px 60px rgba(7, 24, 16, 0.16);
    z-index: 220;
  }

  .nav-links.menu-open li,
  .nav-links.menu-open a {
    width: 100%;
  }

  .nav-links.menu-open a {
    padding: 10px 0;
    border-bottom: 1px solid rgba(14, 42, 27, 0.08);
    color: var(--text);
    font-size: 0.9rem;
  }

  .nav-links.menu-open li:last-child a {
    border-bottom: 0;
  }

  .nav-actions.menu-open {
    display: flex !important;
    position: absolute;
    top: calc(100% + 330px);
    left: 0;
    right: 0;
    z-index: 221;
  }

  .nav-actions.menu-open .nav-cta {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 760px) {
  .nav-links.menu-open {
    top: calc(100% + 10px);
    padding: 18px;
    border-radius: 22px;
  }

  .nav-actions.menu-open {
    top: calc(100% + 300px);
  }
}