/* ==========================================================================
   Scroll-hide header — плавне ховання хедера при скролі вниз
   Аналог motion.dev/examples/react-scroll-hide-header
   ========================================================================== */

/* Transition only on desktop (>= 768 px) */
@media (min-width: 768px) {
  .sc_layouts_row_fixed_on.ftb-scroll-header {
    transition: transform 0.3s ease;
    will-change: transform;
  }

  .sc_layouts_row_fixed_on.ftb-header-hidden {
    transform: translateY(-100%) !important;
  }
}