/* Выпадающее меню «Для кого» в шапке и группа в мобильном меню. Подключается из общего head. */
.nav-menu { position: relative; }
.nav-menu > button { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: transparent;
  color: var(--muted); font: inherit; font-size: 13px; font-weight: 400; cursor: pointer; transition: color .16s; white-space: nowrap; }
.nav-menu > button svg { width: 12px; height: 12px; transition: transform .2s; }
.nav-menu > button:hover, .nav-menu.open > button, .nav-menu:hover > button { color: var(--ink); background: transparent; transform: none; }
.nav-menu.open > button svg { transform: rotate(180deg); }
.nav-drop { position: absolute; left: -14px; top: 100%; z-index: 45; min-width: 240px; padding: 15px 6px 6px; display: grid; gap: 2px;
  opacity: 0; pointer-events: none; transform: translateY(-5px); transition: opacity .18s, transform .18s; }
.nav-drop::before { content: ""; position: absolute; z-index: -1; inset: 9px 0 0; border-radius: 12px; background: var(--panel);
  border: 1px solid var(--line-strong); box-shadow: var(--shadow); }
:root[data-theme="dark"] .nav-drop::before { background: #101722; border-color: #344155; }
.nav-drop a { display: block; padding: 9px 12px; border-radius: 8px; color: var(--ink-2) !important; font-size: 13px; white-space: nowrap; }
.nav-drop a:hover, .nav-drop a:focus-visible, .nav-drop a[aria-current="page"] { background: var(--hover); color: var(--ink) !important; }
:root[data-theme="dark"] .nav-drop a:hover, :root[data-theme="dark"] .nav-drop a[aria-current="page"] { background: #1c2b40; }
@media (hover: hover) { .nav-menu:hover .nav-drop, .nav-menu:focus-within .nav-drop { opacity: 1; pointer-events: auto; transform: none; } }
.nav-menu.open .nav-drop { opacity: 1; pointer-events: auto; transform: none; }

.mnav-group { display: grid; padding: 8px 0 4px; border-bottom: 1px solid var(--line-soft); }
.mnav-group > span { padding: 6px; color: var(--dim); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.mnav-group > a { padding: 10px 6px 10px 18px !important; font-size: 15px !important; border-bottom: 0 !important; }