/* Плавный переход между страницами (решение владельца 30.09.2026).

   Каждый раздел — отдельная страница, и переход был «вспышкой»: старая
   пропадала, новая рисовалась с нуля. Теперь браузер плавно перетекает со
   старой на новую, а меню и шапка стоят на месте — у них свои имена перехода,
   и браузер их не перерисовывает, а оставляет.

   Работает в Chrome, Edge и новом Safari; в остальных браузерах — как раньше.
   Кто просил систему поменьше анимаций — тому без перехода. */
@view-transition { navigation: auto; }

.sidebar { view-transition-name: procuro-sidebar; }
.topbar { view-transition-name: procuro-topbar; }

::view-transition-old(root),
::view-transition-new(root) { animation-duration: 160ms; animation-timing-function: ease-out; }
::view-transition-group(procuro-sidebar),
::view-transition-group(procuro-topbar) { animation-duration: 0s; }

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}