/* ============================================================
   JURLEJ — STRONA O NAS
   Niższe hero z cennika (cennik.css), manifest z licznikami,
   karty „co robimy" i karta z Hondą ze szklanymi filarami.
   Bloki to komponent .usl (kształt i wejście z js/uslugi.js),
   liczniki i słowa cytatu — js/onas.js.
   ============================================================ */

/* ---------------- hero ----------------
   Zdjęcie GT-R zajmuje prawe dwie trzecie karty i wtapia się lewą
   krawędzią w jasną mgłę — silnik nie chowa się pod napisami. */
.strona-onas .hero--mini .karta__auto {
  left: auto;
  right: 0;
  width: 68%;
  object-position: 50% 52%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 32%);
  mask-image: linear-gradient(90deg, transparent 0, #000 32%);
}

/* wspólny napis nad nagłówkiem */
.onas__nad,
.pasja__nad {
  margin: 0;
  font-size: calc(12 * var(--u));
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--czerwien);
}

/* ============================================================
   KIM JESTEŚMY
   ============================================================ */
.onas {
  position: relative;
  padding: calc(90 * var(--u)) calc(40 * var(--u)) calc(70 * var(--u)) calc(39 * var(--u));
  background: var(--tlo);
  isolation: isolate;
  overflow: clip;
}
.onas__tlo,
.zakres__tlo-rys {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.onas__tlo {
  background:
    linear-gradient(rgba(38, 37, 37, .06) 1px, transparent 1px) 50% 0 / calc(120 * var(--u)) calc(120 * var(--u)),
    linear-gradient(90deg, rgba(38, 37, 37, .06) 1px, transparent 1px) 50% 0 / calc(120 * var(--u)) calc(120 * var(--u)),
    linear-gradient(rgba(38, 37, 37, .035) 1px, transparent 1px) 50% 0 / calc(24 * var(--u)) calc(24 * var(--u)),
    linear-gradient(90deg, rgba(38, 37, 37, .035) 1px, transparent 1px) 50% 0 / calc(24 * var(--u)) calc(24 * var(--u));
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);
}
.onas__siatka {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(720 * var(--u));
  gap: calc(60 * var(--u));
  align-items: center;
}
.onas__tekst { padding-left: calc(56 * var(--u)); }
.onas__tytul {
  margin: calc(18 * var(--u)) 0 0;
  font: 400 calc(48 * var(--u))/1.12 'Draco', sans-serif;
  letter-spacing: .06em;
  color: var(--grafit);
  --n: 25;
  --wy: 0s;
}
.onas__linia { display: block; white-space: nowrap; }
.onas__linia--czerwona { color: var(--czerwien); }
.onas__akapity {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: calc(40 * var(--u));
  margin-top: calc(30 * var(--u));
}
.onas__akapity p {
  margin: 0;
  font-size: calc(16 * var(--u));
  line-height: 1.65;
  font-weight: 500;
  color: #3b3939;
  text-wrap: pretty;
}

/* liczniki — jak wymiary na rysunku: cienka linia z lewej */
.onas__liczniki {
  display: grid;
  /* Draco jest bardzo szeroki — kolumny na szerokość liczby */
  grid-template-columns: repeat(4, auto);
  justify-content: space-between;
  gap: calc(20 * var(--u));
  margin: calc(50 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.onas__liczniki li {
  /* z prawej zapas na pochylenie Draco */
  padding: calc(4 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u)) calc(20 * var(--u));
  border-left: 1.5px solid rgba(38, 37, 37, .16);
}
.onas__liczniki li:first-child { border-left-color: var(--czerwien); }
.onas__liczniki b {
  display: block;
  font: 400 calc(32 * var(--u))/1 'Draco', sans-serif;
  letter-spacing: .04em;
  color: var(--grafit);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.onas__liczniki small {
  display: block;
  max-width: calc(190 * var(--u));
  margin-top: calc(12 * var(--u));
  font-size: calc(12 * var(--u));
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a8483;
}
/* znak + / % w bordo */
.onas__liczniki b i { font-style: normal; color: var(--czerwien); }

/* zdjęcie rozebranego silnika z bordową tabliczką */
.usl.usl--remont { height: calc(780 * var(--u)); margin: 0; }
.usl--remont .usl__karta { background: #d9d9d9; }
.usl--remont .usl__karta::after { background: linear-gradient(0deg, rgba(10, 10, 10, .22), rgba(10, 10, 10, 0) 40%); }
.usl--remont .usl__notatka { width: calc(420 * var(--u)); }

/* wejście tekstu */
.js .onas__tekst.jest-w-kadrze .z {
  opacity: 1;
  transform: none;
  filter: blur(0);
  transition-duration: .9s, 1.15s, .9s;
  transition-delay: calc(.35s + var(--l) * .055s);
}
.js .onas__nad,
.js .onas__akapity,
.js .onas__liczniki li,
.js .zakres__wstep {
  opacity: 0;
  translate: 0 calc(16 * var(--u));
  filter: blur(6px);
  transition: opacity .4s var(--ease), translate .5s var(--ease), filter .4s var(--ease);
}
.js [data-naglowek].jest-w-kadrze .onas__nad,
.js .onas__tekst.jest-w-kadrze .onas__akapity,
.js .onas__tekst.jest-w-kadrze .onas__liczniki li,
.js .zakres__naglowek.jest-w-kadrze .zakres__wstep {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
  transition-duration: 1.5s, 1.9s, 1.5s;
}
.js [data-naglowek].jest-w-kadrze .onas__nad { transition-delay: .1s; }
.js .onas__tekst.jest-w-kadrze .onas__akapity { transition-delay: 1.3s; }
.js .onas__tekst.jest-w-kadrze .onas__liczniki li { transition-delay: calc(1.6s + var(--r) * .15s); }
.js .zakres__naglowek.jest-w-kadrze .zakres__wstep { transition-delay: .9s; }

/* ============================================================
   CO ROBIMY
   ============================================================ */
.zakres {
  position: relative;
  padding: calc(60 * var(--u)) calc(40 * var(--u)) calc(90 * var(--u)) calc(39 * var(--u));
  background: var(--tlo);
  isolation: isolate;
  overflow: clip;
}
/* rysunek rozrządu i tłoka z sekcji usług, odbity w poziomie */
.zakres__tlo-rys {
  background: url('../img/rysunek.svg') top center / calc(1920 * var(--u)) auto no-repeat;
  scale: -1 1;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 8%, #000 85%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 8%, #000 85%, transparent 100%);
}
.zakres__naglowek {
  display: flex;
  align-items: flex-end;
  gap: calc(70 * var(--u));
  margin: 0 0 calc(36 * var(--u)) calc(56 * var(--u));
}
.zakres__tytul-sekcji {
  margin: calc(14 * var(--u)) 0 0;
  font: 400 calc(64 * var(--u))/1 'Draco', sans-serif;
  letter-spacing: .06em;
  color: var(--grafit);
  white-space: nowrap;
  --n: 9;
  --wy: 0s;
}
.js .zakres__naglowek.jest-w-kadrze .z {
  opacity: 1;
  transform: none;
  filter: blur(0);
  transition-duration: .9s, 1.15s, .9s;
  transition-delay: calc(.3s + var(--l) * .085s);
}
.zakres__wstep {
  max-width: calc(560 * var(--u));
  margin: 0 0 calc(2 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  font-weight: 500;
  color: #4a4747;
  text-wrap: pretty;
}

.zakres__siatka {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: calc(16 * var(--u));
}
.zakres--skrzynie    { grid-column: 1; grid-row: 1 / 3; }
.zakres--silnik      { grid-column: 2; grid-row: 1; }
.zakres--elektronika { grid-column: 3; grid-row: 1; }
.zakres--mechanika   { grid-column: 2; grid-row: 2; }
.zakres--wiecej      { grid-column: 3; grid-row: 2; }

/* karta rośnie z treścią — jak karty cennika */
.usl.usl--zakres { display: flex; flex-direction: column; }
.usl--zakres .usl__karta {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: calc(26 * var(--u));
  background: linear-gradient(155deg, rgba(255, 255, 255, .93) 0%, rgba(255, 255, 255, .82) 50%, rgba(255, 255, 255, .9) 100%);
}
.usl--zakres .usl__karta::after { display: none; }
.usl--zakres .usl__obrys path { stroke: rgba(90, 86, 86, .3); stroke-width: 1.2; }
.zakres__foto {
  position: relative;
  flex: none;
  height: calc(220 * var(--u));
  overflow: hidden;
}
.zakres--skrzynie .zakres__foto { flex: 1; min-height: calc(300 * var(--u)); }
.zakres__foto::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .92) 100%);
  pointer-events: none;
}
.zakres__nr {
  position: absolute;
  z-index: 1;
  top: calc(18 * var(--u));
  left: calc(20 * var(--u));
  padding: calc(9 * var(--u)) calc(14 * var(--u)) calc(7 * var(--u));
  border-radius: 999px;
  font: 400 calc(14 * var(--u))/1 'Draco', sans-serif;
  letter-spacing: .08em;
  color: var(--czerwien);
  background: rgba(255, 255, 255, .88);
  box-shadow: inset 0 0 0 1.5px rgba(143, 29, 20, .45);
}
.zakres__tresc { padding: calc(20 * var(--u)) calc(30 * var(--u)) calc(96 * var(--u)); }
.zakres__tresc > p { margin: 0; }
.zakres__grupa {
  font-size: calc(11 * var(--u));
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--czerwien);
}
.zakres__tytul {
  margin: calc(6 * var(--u)) 0 0;
  font-size: calc(26 * var(--u));
  line-height: 1.2;
  font-weight: 800;
  color: var(--grafit);
}
.zakres__opis { margin-top: calc(8 * var(--u)) !important; font-size: calc(14.5 * var(--u)); line-height: 1.55; color: #6a6464; text-wrap: pretty; }
.zakres__lista {
  display: grid;
  gap: calc(12 * var(--u));
  margin: calc(20 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.zakres__lista li { position: relative; padding-left: calc(26 * var(--u)); }
/* bordowy trybik jak w sekcji marek */
.zakres__lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(3 * var(--u));
  width: calc(14 * var(--u));
  height: calc(14 * var(--u));
  background: var(--czerwien);
  -webkit-mask: var(--trybik) center / contain no-repeat;
  mask: var(--trybik) center / contain no-repeat;
  transition: rotate .8s var(--ease);
}
.zakres__lista li:hover::before { rotate: 90deg; }
.zakres__lista b { display: block; font-size: calc(15.5 * var(--u)); line-height: 1.35; font-weight: 700; color: var(--grafit); }
.zakres__lista small { display: block; margin-top: calc(2 * var(--u)); font-size: calc(12.5 * var(--u)); line-height: 1.45; color: #8a8483; }

/* ciemna karta „wiele więcej" — grafit jak stopka */
.zakres--wiecej .usl__karta {
  justify-content: flex-end;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(143, 29, 20, .3), rgba(143, 29, 20, 0) 50%),
    linear-gradient(160deg, #262525 0%, #1c1b1b 60%, #161515 100%);
}
.zakres__tlo-napis {
  position: absolute;
  top: calc(-30 * var(--u));
  right: calc(16 * var(--u));
  margin: 0;
  font: 400 calc(220 * var(--u))/1 'Draco', sans-serif;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, .09);
  pointer-events: none;
  user-select: none;
}
.zakres--wiecej .zakres__tresc { position: relative; padding-top: calc(40 * var(--u)); }
.zakres--wiecej .zakres__grupa { color: #e3392c; }
.zakres--wiecej .zakres__tytul { color: #fff; }
.zakres--wiecej .zakres__opis { color: #a8a2a1; }
.zakres__tel {
  display: inline-flex;
  align-items: center;
  gap: calc(10 * var(--u));
  margin-top: calc(22 * var(--u));
  padding: calc(12 * var(--u)) calc(20 * var(--u));
  border-radius: 999px;
  font-size: calc(15 * var(--u));
  font-weight: 700;
  color: #fff;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28);
  transition: background .3s var(--ease), box-shadow .3s var(--ease);
}
.zakres__tel:hover { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .6); }
.zakres__tel svg {
  width: calc(18 * var(--u));
  height: calc(18 * var(--u));
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ============================================================
   DLACZEGO MY — Honda, cytat i szklane filary
   ============================================================ */
.pasja {
  position: relative;
  padding: calc(20 * var(--u)) calc(40 * var(--u)) calc(70 * var(--u)) calc(39 * var(--u));
  background: var(--tlo);
}
.usl.usl--pasja { height: calc(720 * var(--u)); }
.usl--pasja .usl__karta { border-radius: calc(30 * var(--u)); background: #1a0606; }
.usl--pasja .usl__zdj,
.usl--pasja:hover .usl__zdj { object-position: 72% 50%; filter: brightness(.62) saturate(1.05); }
/* ciemniej z lewej — biały cytat czytelny na czerwieni */
.usl--pasja .usl__karta::after {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(12, 4, 4, .82) 0%, rgba(12, 4, 4, .55) 42%, rgba(12, 4, 4, .15) 75%, rgba(12, 4, 4, .3) 100%);
}
.pasja__uklad {
  position: relative;
  z-index: 1;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(520 * var(--u));
  gap: calc(80 * var(--u));
  align-items: center;
  padding: calc(70 * var(--u)) calc(70 * var(--u)) calc(100 * var(--u)) calc(96 * var(--u));
}
.pasja__nad { color: #e3392c; }
.pasja__tytul {
  max-width: calc(820 * var(--u));
  margin: calc(22 * var(--u)) 0 0;
  font-size: calc(54 * var(--u));
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: -.015em;
  color: #fff;
  text-wrap: balance;
}
.pasja__tytul em { font-style: normal; color: #ff5446; }
.pasja__podpis {
  margin: calc(30 * var(--u)) 0 0;
  font-size: calc(14 * var(--u));
  font-weight: 600;
  letter-spacing: .08em;
  color: rgba(255, 255, 255, .62);
}
.pasja__filary { display: grid; gap: calc(14 * var(--u)); margin: 0; padding: 0; list-style: none; }
.filar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: calc(22 * var(--u));
  padding: calc(24 * var(--u)) calc(28 * var(--u));
  border-radius: calc(20 * var(--u));
  background: linear-gradient(160deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .05) 55%, rgba(255, 255, 255, .1));
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  backdrop-filter: blur(18px) saturate(1.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .26), 0 calc(16 * var(--u)) calc(34 * var(--u)) rgba(0, 0, 0, .18);
  color: #fff;
}
.filar__nr { grid-row: 1 / 3; font: 400 calc(30 * var(--u))/1 'Draco', sans-serif; color: #ff5446; }
.filar__tytul { margin: 0; font: 400 calc(22 * var(--u))/1 'Draco', sans-serif; letter-spacing: .08em; }
.filar__opis { margin: calc(10 * var(--u)) 0 0; font-size: calc(14.5 * var(--u)); line-height: 1.55; color: rgba(255, 255, 255, .8); }

/* słowa cytatu (dzieli je js/onas.js) i filary wchodzą po karcie */
.pasja__tytul .s { display: inline-block; }
.js .usl--pasja .pasja__nad,
.js .usl--pasja .pasja__podpis,
.js .usl--pasja .pasja__tytul .s {
  opacity: 0;
  translate: 0 .35em;
  filter: blur(6px);
  transition: opacity .4s var(--ease), translate .5s var(--ease), filter .4s var(--ease);
}
.js .usl--pasja .filar {
  opacity: 0;
  translate: calc(40 * var(--u)) 0;
  transition: opacity .4s var(--ease), translate .5s var(--ease);
}
.js .usl--pasja.jest-w-kadrze .pasja__nad,
.js .usl--pasja.jest-w-kadrze .pasja__podpis,
.js .usl--pasja.jest-w-kadrze .pasja__tytul .s,
.js .usl--pasja.jest-w-kadrze .filar {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
  transition-duration: 1.2s, 1.6s, 1.2s;
}
.js .usl--pasja.jest-w-kadrze .pasja__nad { transition-delay: calc(var(--opoz, 0s) + .5s); }
.js .usl--pasja.jest-w-kadrze .pasja__tytul .s { transition-delay: calc(var(--opoz, 0s) + .8s + var(--w, 0) * .07s); }
.js .usl--pasja.jest-w-kadrze .pasja__podpis { transition-delay: calc(var(--opoz, 0s) + 2.1s); }
.js .usl--pasja.jest-w-kadrze .filar { transition-delay: calc(var(--opoz, 0s) + 1.4s + var(--r) * .2s); }

/* ============================================================
   TELEFON
   ============================================================ */
@media (max-width: 900px), (max-aspect-ratio: 1/1) {
  .strona-onas .hero--mini .karta__auto { left: 0; width: 100%; -webkit-mask-image: none; mask-image: none; }

  .onas { padding: calc(50 * var(--u)) calc(10 * var(--u)) calc(50 * var(--u)); }
  .onas__siatka { grid-template-columns: minmax(0, 1fr); gap: calc(30 * var(--u)); }
  .onas__tekst { padding: 0 calc(12 * var(--u)); }
  .onas__nad, .pasja__nad { font-size: calc(9 * var(--u)); }
  .onas__tytul { margin-top: calc(10 * var(--u)); font-size: calc(17 * var(--u)); }
  .onas__akapity { grid-template-columns: minmax(0, 1fr); gap: calc(12 * var(--u)); margin-top: calc(16 * var(--u)); }
  .onas__akapity p { font-size: calc(12.5 * var(--u)); }
  .onas__liczniki { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(22 * var(--u)) calc(14 * var(--u)); margin-top: calc(28 * var(--u)); }
  .onas__liczniki li { padding-left: calc(12 * var(--u)); }
  .onas__liczniki b { font-size: calc(20 * var(--u)); }
  .onas__liczniki small { margin-top: calc(8 * var(--u)); font-size: calc(9 * var(--u)); }
  .usl.usl--remont { height: calc(380 * var(--u)); }
  .usl--remont .usl__notatka { width: calc(250 * var(--u)); }

  .zakres { padding: calc(40 * var(--u)) calc(10 * var(--u)) calc(50 * var(--u)); }
  .zakres__naglowek { flex-direction: column; align-items: flex-start; gap: calc(14 * var(--u)); margin: 0 calc(12 * var(--u)) calc(24 * var(--u)); }
  .zakres__tytul-sekcji { margin-top: calc(10 * var(--u)); font-size: calc(22 * var(--u)); }
  .zakres__wstep { font-size: calc(12 * var(--u)); }
  .zakres__tlo-rys { background-size: calc(900 * var(--u)) auto; background-position: 40% 0; }
  .zakres__siatka { grid-template-columns: minmax(0, 1fr); gap: calc(12 * var(--u)); }
  .zakres__siatka > .usl { grid-column: 1; grid-row: auto; }
  .usl--zakres .usl__karta { border-radius: calc(20 * var(--u)); }
  .zakres__foto, .zakres--skrzynie .zakres__foto { flex: none; height: calc(160 * var(--u)); min-height: 0; }
  .zakres__nr { top: calc(12 * var(--u)); left: calc(12 * var(--u)); font-size: calc(11 * var(--u)); padding: calc(7 * var(--u)) calc(11 * var(--u)) calc(5 * var(--u)); }
  .zakres__tresc { padding: calc(16 * var(--u)) calc(18 * var(--u)) calc(74 * var(--u)); }
  .zakres--wiecej .zakres__tresc { padding-top: calc(30 * var(--u)); }
  .zakres__tytul { font-size: calc(19 * var(--u)); }
  .zakres__opis { font-size: calc(12 * var(--u)); }
  .zakres__lista { gap: calc(9 * var(--u)); margin-top: calc(14 * var(--u)); }
  .zakres__lista li { padding-left: calc(20 * var(--u)); }
  .zakres__lista li::before { width: calc(11 * var(--u)); height: calc(11 * var(--u)); }
  .zakres__lista b { font-size: calc(13 * var(--u)); }
  .zakres__lista small { font-size: calc(10.5 * var(--u)); }
  .zakres__tlo-napis { font-size: calc(140 * var(--u)); top: calc(-16 * var(--u)); }
  .zakres__tel { font-size: calc(12.5 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u)); }
  .usl--zakres .usl__przycisk:not(.usl__przycisk--kolo) { width: auto; padding: 0 calc(18 * var(--u)); }
  .usl--zakres .usl__przycisk-napis { display: block; }

  .pasja { padding: calc(10 * var(--u)) calc(10 * var(--u)) calc(40 * var(--u)); }
  .usl.usl--pasja { height: auto; }
  .usl--pasja .usl__karta { position: relative; border-radius: calc(22 * var(--u)); }
  .usl--pasja .usl__karta::after { background: linear-gradient(180deg, rgba(12, 4, 4, .8) 0%, rgba(12, 4, 4, .5) 50%, rgba(12, 4, 4, .7) 100%); }
  .pasja__uklad { grid-template-columns: minmax(0, 1fr); gap: calc(26 * var(--u)); padding: calc(34 * var(--u)) calc(18 * var(--u)) calc(76 * var(--u)); }
  .pasja__tytul { margin-top: calc(12 * var(--u)); font-size: calc(25 * var(--u)); }
  .pasja__podpis { margin-top: calc(16 * var(--u)); font-size: calc(11 * var(--u)); }
  .pasja__filary { gap: calc(10 * var(--u)); }
  .filar { column-gap: calc(14 * var(--u)); padding: calc(16 * var(--u)) calc(16 * var(--u)); border-radius: calc(16 * var(--u)); }
  .filar__nr { font-size: calc(20 * var(--u)); }
  .filar__tytul { font-size: calc(16 * var(--u)); }
  .filar__opis { margin-top: calc(6 * var(--u)); font-size: calc(12 * var(--u)); }
  .usl--pasja .usl__przycisk { width: auto; padding: 0 calc(18 * var(--u)); }
  .usl--pasja .usl__przycisk-napis { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .js .onas__nad, .js .onas__akapity, .js .onas__liczniki li, .js .zakres__wstep,
  .js .usl--pasja .pasja__nad, .js .usl--pasja .pasja__podpis, .js .usl--pasja .pasja__tytul .s, .js .usl--pasja .filar {
    opacity: 1 !important; translate: none !important; filter: none !important; transition: none !important;
  }
}