/**
 * View Transitions API — hub → detail (Chrome 126+, progressive enhancement).
 */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: var(--motion-base, 280ms);
  animation-timing-function: var(--ease-emphasis, cubic-bezier(0.16, 1, 0.3, 1));
}

.ds-detail-hero,
.sol-hero,
.elite-hero.fw-single-hero {
  view-transition-name: detail-hero;
}

.hub-card,
.nh-card,
.fw-card,
.za-catalog-card,
.ds-related-card {
  view-transition-name: none;
}

.hub-card.is-vt-active,
.nh-card.is-vt-active,
.fw-card.is-vt-active,
.za-catalog-card.is-vt-active,
.ds-related-card.is-vt-active {
  view-transition-name: hub-card-active;
}

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