/* ============================================================
   NAV DOCK (Figma node 187:971) — плавающая плашка с пунктами
   меню, зафиксирована слева по всему сайту. Появляется, когда
   собственная навигация hero уезжает вверх (бесшовная передача).
   Геометрия 1:1 с .nav в шапке: gap 16, pad 12/16, radius 8,
   blur 16, фон light/80 (rgba(255,255,255,0.08)).
   ============================================================ */
.navdock {
  position: fixed;
  left: 24px; top: 24px;
  z-index: 400;
  display: flex; align-items: center; gap: 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: var(--light-80);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  /* скрыта, пока не проскроллили за пределы hero-навигации */
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
}
.navdock.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }

/* пункты/разделители переиспользуют стили .nav__link / .nav__sep / .nav__arrow */

/* ── Адаптив: на мобильном плашки нет (там бургер-меню) ─────── */
@media (max-width: 768px) {
  .navdock { display: none; }
}