html {
    scroll-padding-top: calc(var(--header-height, 69px) + 15px);
  }
  @media (max-width: 760px) {
    html {
      scroll-padding-top: calc(var(--header-height, 61px) + 15px);
    }
  }

  @media (max-width: 899px) {
    .top {
      transition: transform var(--ruch-krok, 320ms) var(--ease-brand, ease);
    }

    .top[data-schowany="tak"] {
      transform: translateY(-100%);
    }
  }
  html.ruch-ograniczony .top,
  html.ruch-ograniczony .top__nav,
  html.ruch-ograniczony .top__burger i {
    transition: none;
  }