/* Pasek scroll */

.pasek_scroll_tlo {
  display: none;
  width: 100%;
  min-height: 80px;
  position: fixed;
  z-index: 100;
  top: 0px;
  background: linear-gradient(180deg, #fff 0%, #fff 97%, #000 100%);
  transition: 0.3s;
}
@media all and (min-width: 320px) and (max-width: 1023px) {
  .pasek_scroll_tlo {
    display: none !important;
  }
}
.pasek_scroll {
  width: 100%;
  margin: 0px auto;
  display: flex;
  gap: 0px 32px;
  position: relative;
}
.pasek_scroll .menu-gora-1-poziom {
  position: static;
  margin: 0px auto 0px;
}
.logos {
  flex: 0 0 96px;
  height: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 32px 0px;
  font-family: var(--logo-font);
  font-size: var(--logo-font-size);
  line-height: var(--logo-line-height);
  font-weight: var(--logo-font-weight);
  color: var(--logo-color);
  text-decoration-color: transparent;
  background: url(../grafika/logo_m.png) center center no-repeat;
  background-size: contain;
}
.logos:hover {
  opacity: 0.55;
}
.pasek_scroll .menu-gora-1-poziom {
  flex: 1 1 100%;
  justify-content: center;
  align-items: center;
  margin: 0px 0px 0px 0px;
}
.pasek_scroll .menu-gora-1-poziom > li {
  flex: 1 1 auto;
  margin: 0px !important;
}
.pasek_scroll .menu-gora-1-poziom > li.liaktywna::after {
  bottom: 0px;
}
.pasek_scroll .menu-gora-1-poziom img {
  display: none;
}
.pasek_scroll .menu-gora-2-poziom {
  left: 0px;
  padding: 16px 24px;
  margin: 0px 0px 0px !important;
}
.pasek_scroll .linki_gora  {
  flex: 1 1;
  max-width: 160px;
  height: 100%;
  padding: 0px;
  margin: 0px 8px 0px 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background: none;
  gap: 0px 16px;
}
.pasek_scroll .linki_gora > * {
  max-height: 40px;
  width: 40px;
  margin: 0px 0px 0px 0px;
}
.pasek_scroll .linki_gora > *::after {
  display: none;
}
.pasek_scroll .linki_gora .szukaj-gora-ikona {
  display: flex;
}