.main-navbar-horizontal {
  position: relative;
  z-index: 1;
}

.sticky-menu-sentinel,
.sticky-menu-placeholder {
  display: block;
  height: 0;
  margin: 0;
  pointer-events: none;
}

.sticky-menu-placeholder.is-active {
  height: var(--sticky-menu-height, 0px);
}

.main-navbar-horizontal.is-sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 500;
  transform: translateY(-100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  animation: fee-sticky-menu-slide-down 220ms ease-out forwards;
}

@keyframes fee-sticky-menu-slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-navbar-horizontal.is-sticky {
    animation: none;
    transform: translateY(0);
  }
}