.gsk-pasek,
.gsk-zaslona { box-sizing: border-box; }
.gsk-pasek *,
.gsk-pasek *::before,
.gsk-pasek *::after { box-sizing: border-box; }

.gsk-pasek {
  --gsk-akcent: var(--gsvc-gold, #e9b13b);
  --gsk-ease: cubic-bezier(.2,.8,.2,1);
  --gsk-ruch: 1;
  --gsk-gora: 92px;
  --gsk-tlo: rgba(6,10,20,.82);

  position: fixed;
  z-index: 990;
  top: var(--gsk-gora);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100vw - 32px);
  display: flex;
  align-items: center;
  gap: clamp(.5rem, .9vw, .9rem);
  min-height: 44px;
  padding: .3rem .5rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: var(--gsk-tlo);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 18px 44px rgba(0,0,0,.55);
  font-family: inherit;
  font-size: .86rem;
  transition: opacity calc(280ms * var(--gsk-ruch)) var(--gsk-ease),
              transform calc(280ms * var(--gsk-ruch)) var(--gsk-ease),
              visibility 0s linear 0s;
}

.gsk-pasek.gsk-ukryty {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(-12px);
  transition-delay: 0s, 0s, calc(280ms * var(--gsk-ruch));
}

.gsk-pasek .gsk-lista {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: .2rem;
  min-width: 0;
}
.gsk-pasek .gsk-lista::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  z-index: 0;
  width: var(--gsk-wsk-w, 0px);
  transform: translateX(var(--gsk-wsk-x, 0px));
  opacity: var(--gsk-wsk-o, 0);
  border-radius: 999px;
  background: color-mix(in srgb, var(--gsk-akcent) 15%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gsk-akcent) 30%, transparent);
  transition: transform .5s var(--gsk-ease), width .5s var(--gsk-ease), opacity .3s var(--gsk-ease);
  pointer-events: none;
}
.gsk-pasek .gsk-lista > li { margin: 0; padding: 0; list-style: none; }

.gsk-pasek .gsk-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 .85rem;
  border: 1px solid transparent;
  border-radius: 999px;
  color: rgba(255,255,255,.86);
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
  transition: color .18s ease, background .18s ease;
}
.gsk-pasek .gsk-link:hover { color: #fff; background: rgba(255,255,255,.08); }
.gsk-pasek .gsk-link:focus-visible {
  outline: 3px solid var(--gsk-akcent);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(0,0,0,.88);
}
.gsk-pasek .gsk-link[aria-current] { color: #fff; }
.gsk-pasek .gsk-link[aria-current] .gsk-etykieta { position: relative; }
.gsk-pasek .gsk-link[aria-current] .gsk-etykieta::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -5px;
  height: 2px;
  border-radius: 2px;
  background: var(--gsk-akcent);
}

.gsk-pasek[data-nadmiar="przewijanie"] { max-width: min(1180px, calc(100vw - 32px)); }
.gsk-pasek[data-nadmiar="przewijanie"] .gsk-lista {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.gsk-pasek[data-nadmiar="przewijanie"] .gsk-lista::-webkit-scrollbar { display: none; }
.gsk-pasek[data-nadmiar="przewijanie"] .gsk-lista > li { scroll-snap-align: start; }

.gsk-pasek[data-nadmiar="zawijanie"] { max-width: min(1400px, calc(100vw - 32px)); border-radius: 26px; }
.gsk-pasek[data-nadmiar="zawijanie"] .gsk-lista { flex-wrap: wrap; justify-content: center; row-gap: .25rem; }
.gsk-pasek[data-nadmiar="zawijanie"] .gsk-lista::before { display: none; }

.gsk-pasek[data-nadmiar="wiecej"] { max-width: min(1180px, calc(100vw - 32px)); }
.gsk-nadmiar-wrap { position: relative; flex: 0 0 auto; }
.gsk-wiecej {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 34px;
  padding: 0 .7rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.66);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.gsk-wiecej:hover { color: #fff; border-color: rgba(255,255,255,.28); }
.gsk-wiecej:focus-visible { outline: 3px solid var(--gsk-akcent); outline-offset: 3px; box-shadow: 0 0 0 6px rgba(0,0,0,.88); }
.gsk-wiecej svg { width: 14px; height: 14px; transition: transform .2s var(--gsk-ease); }
.gsk-wiecej[aria-expanded="true"] svg { transform: rotate(180deg); }
.gsk-wiecej[hidden] { display: none; }
.gsk-nadmiar {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 3;
  min-width: 230px;
  margin: 0;
  padding: .35rem;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .1rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: #010209;
  box-shadow: 0 18px 50px rgba(0,0,0,.55);
}
.gsk-nadmiar[hidden] { display: none; }
.gsk-nadmiar .gsk-link { min-height: 40px; width: 100%; }

.gsk-sterowanie, .gsk-chip, .gsk-krok, .gsk-zaslona { display: none; }
.gsk-chip-strzalka { transition: transform calc(220ms * var(--gsk-ruch)) var(--gsk-ease); color: var(--gsk-akcent); }

@media (max-width: 760px) {
  .gsk-pasek {
    top: auto;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    left: 12px; right: 12px; width: auto; max-width: none;
    transform: none;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: .3rem;
    min-height: 0;
    padding: .45rem;
    border-radius: 30px;
    background: rgba(6,10,20,.88);
    max-height: min(62dvh, 62vh);
    overflow: auto;
    overscroll-behavior: contain;
  }
  .gsk-pasek[data-nadmiar] { max-width: none; }
  .gsk-pasek.gsk-ukryty { transform: translateY(16px); }
  .gsk-pasek .gsk-lista::before { display: none; }

  .gsk-sterowanie { display: flex; align-items: center; gap: .25rem; flex: 0 0 auto; }
  .gsk-chip {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: .6rem;
    min-height: 48px;
    padding: 0 1rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255,255,255,.86);
    font: inherit;
    font-weight: 700;
    font-size: .92rem;
    text-align: left;
    cursor: pointer;
  }
  .gsk-chip:focus-visible { outline: 3px solid var(--gsk-akcent); outline-offset: 2px; box-shadow: 0 0 0 5px rgba(0,0,0,.88); }
  .gsk-chip-tekst { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html:is(.groah-a11y-text-1, .groah-a11y-text-2, .groah-a11y-text-3) .gsk-chip-tekst { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.2; }
  html:is(.groah-a11y-text-1, .groah-a11y-text-2, .groah-a11y-text-3) .gsk-chip { padding-top: .35rem; padding-bottom: .35rem; }
  .gsk-chip svg { width: 18px; height: 18px; flex: 0 0 auto; }
  .gsk-pasek[data-otwarte="tak"] .gsk-chip-strzalka { transform: rotate(180deg); }

  .gsk-pasek .gsk-lista { display: flex; flex-direction: column; align-items: stretch; gap: .15rem; overflow: visible; flex-wrap: nowrap; }
  .gsk-pasek .gsk-link { min-height: 48px; justify-content: flex-start; padding: 0 1.1rem; border-radius: 999px; font-size: .95rem; }
  html:is(.groah-a11y-text-1, .groah-a11y-text-2, .groah-a11y-text-3) .gsk-pasek .gsk-link { white-space: normal; line-height: 1.2; padding-top: .4rem; padding-bottom: .4rem; }
  .gsk-pasek .gsk-link[aria-current] { background: rgba(255,255,255,.10); }
  .gsk-nadmiar-wrap { display: none; }

  .gsk-zaslona {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 985;
    border: 0;
    padding: 0;
    background: rgba(0,0,0,.55);
    opacity: 0;
    visibility: hidden;
    transition: opacity calc(220ms * var(--gsk-ruch)) var(--gsk-ease),
                visibility 0s linear calc(220ms * var(--gsk-ruch));
  }
  .gsk-zaslona.gsk-jest { opacity: 1; visibility: visible; transition-delay: 0s, 0s; }

  .gsk-pasek[data-telefon="m1"] { left: 12px; right: 76px; }
  .gsk-pasek[data-telefon="m1"][data-otwarte="nie"] { border-radius: 999px; padding: .3rem; }
  .gsk-pasek[data-telefon="m1"][data-otwarte="nie"] .gsk-lista { display: none; }

  .gsk-pasek[data-telefon="m2"] {
    left: 0; right: 0; bottom: 0;
    border-radius: 30px 30px 0 0;
    border-bottom: 0;
    background: rgba(6,10,20,.92);
    padding: .4rem .5rem calc(.4rem + env(safe-area-inset-bottom, 0px));
  }
  .gsk-pasek[data-telefon="m2"].gsk-ukryty { transform: translateY(100%); }
  .gsk-pasek[data-telefon="m2"][data-otwarte="nie"] .gsk-lista { display: none; }
  .gsk-pasek[data-telefon="m2"] .gsk-chip { justify-content: space-between; }

  .gsk-pasek[data-telefon="m3"][data-otwarte="nie"] .gsk-lista { display: none; }
  .gsk-pasek[data-telefon="m3"] .gsk-krok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px; height: 48px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: transparent;
    color: rgba(255,255,255,.86);
    cursor: pointer;
  }
  .gsk-pasek[data-telefon="m3"] .gsk-krok svg { width: 20px; height: 20px; }
  .gsk-pasek[data-telefon="m3"] .gsk-krok:disabled { opacity: .32; cursor: default; }
  .gsk-pasek[data-telefon="m3"] .gsk-krok:focus-visible { outline: 3px solid var(--gsk-akcent); outline-offset: 2px; box-shadow: 0 0 0 5px rgba(0,0,0,.88); }
  .gsk-pasek[data-telefon="m3"] .gsk-chip { justify-content: center; text-align: center; }
}

@media (max-width: 760px) {
  html.gsk-pasek-widoczny body #page-container {
    padding-bottom: calc(var(--gsk-zwiniety, 56px) + 24px) !important;
  }
  html.gsk-pasek-widoczny.gsk-tel-m2 .gdmm-a11y-dock,
  html.gsk-pasek-widoczny.gsk-tel-m3 .gdmm-a11y-dock {
    bottom: calc(var(--gsk-zwiniety, 56px) + 16px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gsk-pasek { --gsk-ruch: .001; }
  html.gsk-ma-pasek { scroll-behavior: auto; }
}
html.groah-a11y-reduced-motion .gsk-pasek { --gsk-ruch: .001; }

html.groah-a11y-high-contrast .gsk-pasek {
  background: #000;
  border: 2px solid #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html.groah-a11y-high-contrast .gsk-pasek .gsk-link { border-color: #fff; color: #fff; }
html.groah-a11y-high-contrast .gsk-pasek .gsk-link:hover { background: #fff; color: #000; }
html.groah-a11y-high-contrast .gsk-pasek .gsk-link[aria-current] { background: #ffe27a; color: #000; }
html.groah-a11y-high-contrast .gsk-pasek .gsk-link:focus-visible,
html.groah-a11y-high-contrast .gsk-pasek .gsk-chip:focus-visible,
html.groah-a11y-high-contrast .gsk-wiecej:focus-visible { outline-color: #fff; box-shadow: 0 0 0 6px #000; }
html.groah-a11y-high-contrast .gsk-pasek .gsk-lista::before { display: none; }

@media print { .gsk-pasek, .gsk-zaslona { display: none !important; } }

body.gsk-zastepuje #page-container .gon-onav { display: none !important; }