.siteHeader{
  position: sticky;   /* vagy fixed, ha úgy építetted */
  top: 0;
  z-index: 99999;
  transform: translateY(0);
  transition: transform 140ms ease;
  will-change: transform;
}

/* lefelé görgetéskor eltüntetjük */
#siteHeader.is-hidden{
  transform: translateY(-110%);
}

/* ha fix headered van, kell hely a contentnek, különben “felcsúszik” alá */
.body.has-fixed-header{
  padding-top: 80px; /* a header valós magassága */
}

/* opcionális: akik nem szeretik a mozgást */
@media (prefers-reduced-motion: reduce){
  #siteHeader{ transition: none; }
}