/* FAVORIT Stage 14 — floating header + scrollspy */

header.u-header.favorit-header14 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 101 !important;
  transform: translate3d(0,0,0);
  transition:
    transform .24s ease,
    opacity .25s ease,
    background-color .25s ease,
    box-shadow .25s ease;
  will-change: transform;
}

/* At the very top keep the original header appearance. */
header.u-header.favorit-header14:not(.favorit-header14-floating) {
  opacity: 1;
}

/* After scrolling it becomes the translucent floating header. */
header.u-header.favorit-header14.favorit-header14-floating {
  opacity: .94;
}

/* Very short "leave and return" motion when floating mode begins. */
header.u-header.favorit-header14.favorit-header14-enter {
  transform: translate3d(0,-105%,0);
}

/*
 * Scrollspy: Bitrix theme already contains the visual rules for active
 * navigation links. We add both active and g-color-primary so the state
 * remains visible even without the old Bitrix scrollspy runtime.
 */
header.u-header.favorit-header14 a.favorit-scrollspy-active {
  color: #6ab8ee !important;
}