/**
 * Cross-Document View Transitions (Chrome 126+, meta view-transition same-origin).
 * Плавный кроссфейд без «рывка»; шапка/нижняя панель/футер — отдельные слои (как на крупных маркетплейсах).
 * @see https://developer.chrome.com/docs/web-platform/view-transitions/cross-document
 */

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 0.001ms !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .header {
    view-transition-name: site-header;
  }
  .bottom-nav {
    view-transition-name: site-bottom-nav;
  }
  .footer {
    view-transition-name: site-footer;
  }

  /* Кастомную анимацию root не задаём: translateY на ::view-transition-new(root) даёт ощущение «прыжка» при первой отрисовке / F5 в части сборок Chromium. Дефолтный кроссфейд движка достаточен. */
}