/* Меню на телефоні (кнопка «Меню» з <details>) і кнопка в шапці — спільне для всіх сторінок. Без JS. */
.top-actions { display: flex; align-items: center; gap: 10px; flex: none; }
.menu { position: static; }
.menu-btn {
  list-style: none; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--line-2); border-radius: var(--r-pill); cursor: pointer; font-weight: 600; font-size: .9375rem;
  -webkit-tap-highlight-color: transparent;
}
.menu-btn::-webkit-details-marker { display: none; }
.burger, .burger::before, .burger::after { display: block; width: 18px; height: 2px; background: currentColor; border-radius: 2px; position: relative; transition: transform .25s var(--ease-out), opacity .2s; }
.burger::before, .burger::after { content: ""; position: absolute; left: 0; }
.burger::before { top: -6px; } .burger::after { top: 6px; }
.menu[open] .burger { background: transparent; }
.menu[open] .burger::before { transform: translateY(6px) rotate(45deg); }
.menu[open] .burger::after { transform: translateY(-6px) rotate(-45deg); }
.menu-panel {
  position: absolute; left: 0; right: 0; top: var(--header-h); padding: 12px var(--gutter) 24px;
  background: #060c1a; border-bottom: 1px solid var(--line); /* суцільний: з .98 крізь меню просвічував заголовок сторінки */
  display: grid; gap: 16px; max-height: calc(100svh - var(--header-h)); overflow: auto;
}
.menu-panel ul { display: grid; }
.menu-panel a:not(.btn) { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); text-decoration: none; font-size: 1.125rem; }
.menu-panel a[aria-current="true"] { color: var(--gold); }
@media (min-width: 960px) { .menu { display: none; } }
@media (max-width: 479px) { .top-cta { display: none; } }