:root {
  --granat: #0b2545;
  --granat-2: #13315c;
  --akcent: #0b5cad;
  --akcent-ciemny: #084a8c;
  --tekst: #1f2d3d;
  --tekst-2: #4a5a6b;
  --tekst-3: #6b7a8a;
  --linia: #dfe4ea;
  --linia-2: #eef1f5;
  --tlo-szare: #f5f7fa;
  --bialy: #ffffff;
  --czerwony: #a3332b;
  --zielony: #1d6b45;
  --szer: 1200px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 96px; }
body { margin: 0; background: var(--bialy); color: var(--tekst); font-family: var(--font); font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--akcent); text-decoration: none; }
a:hover { color: var(--akcent-ciemny); text-decoration: underline; }
h1, h2, h3, h4 { color: var(--granat); font-weight: 600; line-height: 1.22; letter-spacing: -0.012em; margin: 0 0 .6em; }
h1 { font-size: clamp(2rem, 3.6vw, 3.1rem); }
h2 { font-size: clamp(1.6rem, 2.5vw, 2.2rem); }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.25em; }
li { margin-bottom: .35em; }
strong { color: var(--granat); font-weight: 600; }
.skip { position: absolute; left: -9999px; top: 0; background: var(--granat); color: #fff; padding: 10px 16px; z-index: 100; }
.skip:focus { left: 12px; top: 12px; }
.kontener { width: 100%; max-width: var(--szer); margin: 0 auto; padding: 0 32px; }
.waski { max-width: 860px; }

.gora { background: var(--granat); color: #c9d4e2; font-size: .82rem; }
.gora .kontener { display: flex; justify-content: space-between; align-items: center; min-height: 38px; gap: 16px; }
.gora a { color: #e6ecf3; }
.gora .kontakt-gora { display: flex; gap: 24px; }

.naglowek { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--linia); backdrop-filter: saturate(1.4) blur(6px); }
.naglowek .kontener { display: flex; align-items: center; justify-content: space-between; min-height: 76px; gap: 24px; }
.logo { display: flex; flex-direction: column; line-height: 1.1; color: var(--granat); }
.logo:hover { text-decoration: none; color: var(--granat); }
.logo b { font-size: 1.28rem; font-weight: 700; letter-spacing: -.01em; }
.logo small { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tekst-3); margin-top: 3px; }
.menu { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 2px; }
.menu > li { position: relative; margin: 0; }
.menu a, .menu .rozwin { display: block; color: var(--tekst); font-size: .93rem; font-weight: 500; padding: 26px 13px; white-space: nowrap; background: none; border: 0; font-family: inherit; cursor: pointer; }
.menu a:hover, .menu .rozwin:hover { color: var(--akcent); text-decoration: none; }
.menu a[aria-current="page"], .menu .rozwin.aktywne { color: var(--akcent); box-shadow: inset 0 -2px 0 var(--akcent); }
.menu .rozwin::after { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-3px); margin-left: 8px; }
.podmenu { display: none; position: absolute; top: 100%; left: 0; min-width: 300px; background: #fff; border: 1px solid var(--linia); border-top: 2px solid var(--akcent); box-shadow: 0 18px 40px rgba(11,37,69,.10); list-style: none; margin: 0; padding: 8px 0; }
.podmenu li { margin: 0; }
.podmenu a { padding: 10px 20px; font-size: .92rem; box-shadow: none !important; }
.podmenu a span { display: block; color: var(--tekst-3); font-size: .8rem; font-weight: 400; white-space: normal; }
.menu > li:hover .podmenu, .menu > li:focus-within .podmenu { display: block; }
.akcje-nag { display: flex; gap: 10px; align-items: center; }
.burger { display: none; background: none; border: 1px solid var(--linia); color: var(--granat); font: 600 .85rem var(--font); padding: 9px 14px; cursor: pointer; letter-spacing: .04em; text-transform: uppercase; }

.przycisk { display: inline-block; font-weight: 600; font-size: .95rem; padding: 13px 26px; border: 1px solid transparent; border-radius: 3px; text-align: center; transition: background .15s, color .15s, border-color .15s; white-space: nowrap; }
.przycisk:hover { text-decoration: none; }
.przycisk-glowny { background: var(--akcent); color: #fff; }
.przycisk-glowny:hover { background: var(--akcent-ciemny); color: #fff; }
.przycisk-obrys { border-color: var(--granat); color: var(--granat); background: transparent; }
.przycisk-obrys:hover { background: var(--granat); color: #fff; }
.przycisk-bialy { background: #fff; color: var(--granat); }
.przycisk-bialy:hover { background: #e9eef4; color: var(--granat); }
.przycisk-obrys-jasny { border-color: rgba(255,255,255,.6); color: #fff; }
.przycisk-obrys-jasny:hover { background: rgba(255,255,255,.1); color: #fff; }
.przycisk-maly { padding: 10px 18px; font-size: .88rem; }
.przyciski { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }
.link-strzalka { font-weight: 600; }
.link-strzalka::after { content: " \2192"; }

.etykieta { display: inline-block; font-size: .76rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--akcent); margin-bottom: 14px; }
.lead { font-size: 1.16rem; color: var(--tekst-2); line-height: 1.7; }
.wstep { max-width: 780px; margin-bottom: 52px; }
.wstep.srodek { margin-left: auto; margin-right: auto; text-align: center; }

.hero { background: var(--tlo-szare); border-bottom: 1px solid var(--linia); padding: 80px 0 0; overflow: hidden; }
.hero-uklad { display: grid; grid-template-columns: 1fr; gap: 0; }
.hero-tekst { max-width: 880px; }
.hero h1 { font-size: clamp(2.1rem, 4.2vw, 3.5rem); margin-bottom: 22px; }
.hero .lead { font-size: 1.22rem; max-width: 760px; }
.hero-cechy { display: flex; flex-wrap: wrap; gap: 8px 28px; list-style: none; padding: 0; margin: 28px 0 0; color: var(--tekst-2); font-size: .95rem; }
.hero-cechy li { padding-left: 16px; position: relative; margin: 0; }
.hero-cechy li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; background: var(--akcent); }
.hero-zrzut { margin-top: 56px; border: 1px solid var(--linia); border-bottom: 0; border-radius: 6px 6px 0 0; box-shadow: 0 -10px 60px rgba(11,37,69,.10); overflow: hidden; background: #fff; }

.podstrona { background: var(--tlo-szare); border-bottom: 1px solid var(--linia); padding: 44px 0 60px; }
.podstrona h1 { max-width: 900px; margin-top: 18px; }
.podstrona .lead { max-width: 820px; margin: 0; }
.podstrona-uklad { display: grid; grid-template-columns: 1.5fr 1fr; gap: 56px; align-items: end; }
.ramka-faktow { background: #fff; border: 1px solid var(--linia); border-top: 3px solid var(--akcent); padding: 24px 28px; }
.ramka-faktow h2 { font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tekst-3); margin-bottom: 12px; }
.ramka-faktow ul { list-style: none; padding: 0; margin: 0; }
.ramka-faktow li { padding: 9px 0; border-bottom: 1px solid var(--linia-2); font-size: .95rem; margin: 0; }
.ramka-faktow li:last-child { border-bottom: 0; }

.okruszki ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: .85rem; color: var(--tekst-3); }
.okruszki li { margin: 0; }
.okruszki li + li::before { content: "/"; margin: 0 10px; color: #b5bfca; }
.okruszki a { color: var(--tekst-2); }

.sekcja { padding: 96px 0; }
.sekcja-mala { padding: 64px 0; }
.sekcja-szara { background: var(--tlo-szare); border-top: 1px solid var(--linia); border-bottom: 1px solid var(--linia); }
.sekcja-ciemna { background: var(--granat); color: #c9d4e2; }
.sekcja-ciemna h2, .sekcja-ciemna h3, .sekcja-ciemna strong { color: #fff; }
.sekcja-ciemna .etykieta { color: #8fb8e6; }
.sekcja-ciemna .lead { color: #c9d4e2; }

.siatka { display: grid; gap: 28px; }
.siatka-2 { grid-template-columns: repeat(2, 1fr); }
.siatka-3 { grid-template-columns: repeat(3, 1fr); }
.siatka-4 { grid-template-columns: repeat(4, 1fr); }

.fakty { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--linia); border-bottom: 1px solid var(--linia); }
.fakty > div { padding: 34px 28px; border-left: 1px solid var(--linia); }
.fakty > div:first-child { border-left: 0; padding-left: 0; }
.fakty b { display: block; font-size: 1.9rem; font-weight: 600; color: var(--granat); letter-spacing: -.02em; line-height: 1.1; margin-bottom: 8px; }
.fakty span { color: var(--tekst-2); font-size: .93rem; display: block; line-height: 1.5; }

.karta { background: #fff; border: 1px solid var(--linia); padding: 32px; }
.karta h3 { margin-bottom: 10px; }
.karta p:last-child, .karta ul:last-child { margin-bottom: 0; }
.karta p { color: var(--tekst-2); font-size: .97rem; }
.karta-akcent { border-top: 3px solid var(--akcent); }
.karta .numer, .numer { display: block; font-size: .85rem; font-weight: 700; color: var(--akcent); letter-spacing: .1em; margin-bottom: 14px; }
.karta .link-strzalka { display: inline-block; margin-top: 8px; font-size: .93rem; }
a.karta { display: block; color: inherit; transition: border-color .15s, box-shadow .15s; }
a.karta:hover { text-decoration: none; border-color: var(--akcent); box-shadow: 0 10px 30px rgba(11,37,69,.08); }

.lista { list-style: none; padding: 0; }
.lista li { position: relative; padding-left: 22px; margin-bottom: .6em; color: var(--tekst-2); }
.lista li::before { content: ""; position: absolute; left: 0; top: .7em; width: 8px; height: 2px; background: var(--akcent); }
.lista li strong { color: var(--granat); }
.sekcja-ciemna .lista li { color: #c9d4e2; }
.sekcja-ciemna .lista li::before { background: #8fb8e6; }

.moduly { border-top: 1px solid var(--linia); }
.modul { display: grid; grid-template-columns: 70px 1.1fr 2fr 140px; gap: 24px; padding: 26px 0; border-bottom: 1px solid var(--linia); align-items: baseline; }
.modul .numer { margin: 0; }
.modul h3 { margin: 0; font-size: 1.12rem; }
.modul p { margin: 0; color: var(--tekst-2); font-size: .97rem; }
.modul a { font-size: .9rem; font-weight: 600; text-align: right; }

.proces { display: grid; grid-template-columns: repeat(4, 1fr); counter-reset: krok; column-gap: 28px; row-gap: 12px; }
.proces > div { padding: 24px 0 8px; position: relative; border-top: 2px solid var(--granat); }
.proces > div::before { counter-increment: krok; content: counter(krok, decimal-leading-zero); display: block; font-size: 2rem; font-weight: 300; color: var(--akcent); margin-bottom: 10px; }
.proces h3 { font-size: 1.08rem; }
.proces p { font-size: .95rem; color: var(--tekst-2); }
.sekcja-ciemna .proces > div { border-top-color: #8fb8e6; }
.sekcja-ciemna .proces > div::before { color: #8fb8e6; }
.sekcja-ciemna .proces p { color: #c9d4e2; }

.funkcja { display: grid; grid-template-columns: 1fr 1.25fr; gap: 64px; align-items: center; padding: 72px 0; border-bottom: 1px solid var(--linia); }
.funkcja:last-child { border-bottom: 0; }
.funkcja.odwrocona .funkcja-tekst { order: 2; }
.funkcja-tekst p { color: var(--tekst-2); }

.zrzut { margin: 0; background: #fff; border: 1px solid var(--linia); border-radius: 6px; overflow: hidden; box-shadow: 0 20px 50px rgba(11,37,69,.10); }
.zrzut img { cursor: zoom-in; width: 100%; }
.zrzut figcaption { font-size: .84rem; color: var(--tekst-3); padding: 12px 18px; border-top: 1px solid var(--linia-2); background: #fafbfc; }
.zrzut-telefon { width: 100%; max-width: 330px; margin: 0 auto; border-radius: 28px; border: 8px solid var(--granat); box-shadow: 0 24px 60px rgba(11,37,69,.22); }
.zrzut-telefon figcaption { display: none; }
.para-telefonow { display: flex; gap: 32px; justify-content: center; }
.para-telefonow .zrzut-telefon { margin: 0; width: 290px; max-width: 100%; flex: 0 1 290px; }
.galeria { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.galeria .zrzut { box-shadow: 0 8px 24px rgba(11,37,69,.08); }

.tabela-wrap { overflow-x: auto; border: 1px solid var(--linia); background: #fff; }
table { border-collapse: collapse; width: 100%; font-size: .95rem; }
th, td { text-align: left; padding: 15px 20px; border-bottom: 1px solid var(--linia-2); vertical-align: top; }
thead th { background: var(--granat); color: #fff; font-weight: 600; font-size: .86rem; letter-spacing: .02em; }
tbody th { color: var(--granat); font-weight: 600; width: 26%; }
tbody tr:last-child td, tbody tr:last-child th { border-bottom: 0; }
tbody tr:nth-child(even) { background: #fafbfc; }
.tak { color: var(--zielony); font-weight: 600; }
.nie { color: var(--czerwony); font-weight: 600; }

.problemy-grupa { margin-bottom: 72px; }
.problemy-grupa > h2 { padding-bottom: 16px; border-bottom: 2px solid var(--granat); margin-bottom: 0; }
.problemy-grupa > p.lead { margin: 18px 0 8px; }
.problem { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--linia); }
.problem > div { padding: 30px 32px 26px 0; }
.problem > div + div { padding-left: 32px; border-left: 1px solid var(--linia); }
.problem .typ { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 10px; }
.problem .bol .typ { color: var(--czerwony); }
.problem .rozw .typ { color: var(--zielony); }
.problem h3 { font-size: 1.1rem; margin-bottom: 8px; }
.problem p { color: var(--tekst-2); font-size: .97rem; margin: 0; }
.problem .modul-link { display: inline-block; margin-top: 10px; font-size: .88rem; font-weight: 600; }

.dok { display: grid; grid-template-columns: 270px 1fr; gap: 64px; align-items: start; }
.boczne { position: sticky; top: 100px; max-height: calc(100vh - 120px); overflow-y: auto; border-left: 2px solid var(--linia); padding-left: 20px; }
.boczne h2 { font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; color: var(--tekst-3); margin-bottom: 12px; }
.boczne ol, .boczne ul { list-style: none; padding: 0; margin: 0; font-size: .9rem; }
.boczne li { margin: 0; }
.boczne a { display: block; padding: 5px 0; color: var(--tekst-2); }
.boczne a:hover { color: var(--akcent); }
.artykul { min-width: 0; }
.artykul > h2 { margin-top: 72px; padding-top: 32px; border-top: 1px solid var(--linia); }
.artykul > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.artykul h3 { margin-top: 36px; }
.artykul p, .artykul li { color: var(--tekst-2); }
.artykul .zrzut { margin: 28px 0 8px; }
.krok-dok { padding-top: 56px; margin-top: 56px; border-top: 1px solid var(--linia); }
.krok-dok:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
.krok-dok .numer { font-size: .8rem; }
.krok-dok h2 { margin-bottom: 14px; }
.krok-dok ol { counter-reset: c; list-style: none; padding: 0; }
.krok-dok ol > li { counter-increment: c; position: relative; padding-left: 40px; margin-bottom: 12px; }
.krok-dok ol > li::before { content: counter(c); position: absolute; left: 0; top: 1px; width: 26px; height: 26px; border: 1px solid var(--akcent); color: var(--akcent); font-size: .8rem; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.uwaga { border-left: 3px solid var(--akcent); background: #f1f6fc; padding: 16px 22px; margin: 22px 0; color: var(--tekst); font-size: .96rem; }
.uwaga strong { display: block; margin-bottom: 4px; }
.uwaga p:last-child { margin: 0; }

.faq-lista { border-top: 1px solid var(--linia); }
.faq-lista details { border-bottom: 1px solid var(--linia); }
.faq-lista summary { cursor: pointer; list-style: none; padding: 22px 48px 22px 0; font-weight: 600; color: var(--granat); font-size: 1.04rem; position: relative; }
.faq-lista summary::-webkit-details-marker { display: none; }
.faq-lista summary::after { content: ""; position: absolute; right: 8px; top: 30px; width: 10px; height: 10px; border-right: 2px solid var(--akcent); border-bottom: 2px solid var(--akcent); transform: rotate(45deg); transition: transform .15s; }
.faq-lista details[open] summary::after { transform: rotate(-135deg); top: 34px; }
.faq-lista details > div { padding: 0 48px 22px 0; color: var(--tekst-2); }
.faq-lista details > div p:last-child { margin: 0; }
.faq-kategoria { margin-top: 56px; }
.faq-kategoria:first-child { margin-top: 0; }

.slownik dt { font-weight: 600; color: var(--granat); font-size: 1.12rem; padding-top: 26px; border-top: 1px solid var(--linia); margin-top: 26px; }
.slownik dt:first-child { margin-top: 0; }
.slownik dd { margin: 8px 0 0; color: var(--tekst-2); }
.alfabet { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 40px; }
.alfabet a { border: 1px solid var(--linia); padding: 6px 12px; font-weight: 600; font-size: .9rem; color: var(--granat); }
.alfabet a:hover { border-color: var(--akcent); color: var(--akcent); text-decoration: none; }
.litera { font-size: 1.6rem; color: var(--akcent); margin: 56px 0 0; padding-bottom: 10px; border-bottom: 2px solid var(--granat); }

.cta { background: var(--granat); color: #c9d4e2; padding: 80px 0; }
.cta .kontener { display: grid; grid-template-columns: 1.4fr 1fr; gap: 56px; align-items: center; }
.cta h2 { color: #fff; margin-bottom: 14px; }
.cta p { margin: 0; font-size: 1.08rem; }
.cta .dane { border-left: 1px solid rgba(255,255,255,.18); padding-left: 40px; }
.cta .dane a { color: #fff; font-size: 1.15rem; font-weight: 600; display: block; margin-bottom: 6px; }
.cta .dane span { font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; color: #8fb8e6; display: block; margin-bottom: 18px; }
.cta .przyciski { margin-top: 26px; }

.kontakt-uklad { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.dane-firmy { border: 1px solid var(--linia); border-top: 3px solid var(--akcent); }
.dane-firmy dl { margin: 0; }
.dane-firmy div { display: grid; grid-template-columns: 140px 1fr; padding: 16px 28px; border-bottom: 1px solid var(--linia-2); }
.dane-firmy div:last-child { border-bottom: 0; }
.dane-firmy dt { color: var(--tekst-3); font-size: .88rem; }
.dane-firmy dd { margin: 0; color: var(--granat); font-weight: 500; }

.stopka { background: #071a31; color: #9fb0c3; font-size: .92rem; padding: 72px 0 0; }
.stopka a { color: #c9d4e2; }
.stopka a:hover { color: #fff; }
.stopka .logo b { color: #fff; }
.stopka .logo small { color: #7f93a8; }
.siatka-stopki { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.3fr; gap: 40px; }
.stopka h4 { color: #fff; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 18px; }
.stopka ul { list-style: none; padding: 0; margin: 0; }
.stopka li { margin-bottom: 9px; }
.stopka address { font-style: normal; line-height: 1.85; }
.stopka .dol { margin-top: 56px; border-top: 1px solid rgba(255,255,255,.1); padding: 24px 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: .84rem; color: #7f93a8; }

.lightbox { position: fixed; inset: 0; background: rgba(7,26,49,.92); display: none; align-items: center; justify-content: center; z-index: 200; padding: 24px; cursor: zoom-out; }
.lightbox.otwarty { display: flex; }
.lightbox img { max-height: 92vh; max-width: 96vw; box-shadow: 0 30px 80px rgba(0,0,0,.5); }

@media (max-width: 1200px) {
  .menu { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; background: #fff; border-bottom: 1px solid var(--linia); box-shadow: 0 20px 40px rgba(11,37,69,.1); padding: 8px 32px 20px; max-height: calc(100vh - 120px); overflow-y: auto; }
  .menu.otwarte { display: flex; }
  .menu a, .menu .rozwin { padding: 12px 0; }
  .menu a[aria-current="page"], .menu .rozwin.aktywne { box-shadow: none; }
  .menu .rozwin::after { display: none; }
  .podmenu { display: block; position: static; border: 0; box-shadow: none; padding: 0 0 8px 16px; min-width: 0; }
  .podmenu a { padding: 8px 0; }
  .podmenu a span { display: none; }
  .burger { display: block; }
  .naglowek .kontener { position: relative; }
}
@media (max-width: 1024px) {
  .siatka-4 { grid-template-columns: repeat(2, 1fr); }
  .siatka-3, .galeria { grid-template-columns: repeat(2, 1fr); }
  .fakty { grid-template-columns: repeat(2, 1fr); }
  .fakty > div:nth-child(3) { border-left: 0; padding-left: 0; }
  .fakty > div:nth-child(n+3) { border-top: 1px solid var(--linia); }
  .funkcja, .funkcja.odwrocona { grid-template-columns: 1fr; gap: 36px; padding: 56px 0; }
  .funkcja.odwrocona .funkcja-tekst { order: 0; }
  .proces { grid-template-columns: repeat(2, 1fr); }
  .podstrona-uklad, .cta .kontener, .kontakt-uklad { grid-template-columns: 1fr; gap: 36px; }
  .cta .dane { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,.18); padding-top: 28px; }
  .siatka-stopki { grid-template-columns: 1fr 1fr 1fr; }
  .siatka-stopki > div:first-child { grid-column: 1 / -1; }
  .dok { grid-template-columns: 1fr; gap: 32px; }
  .boczne { position: static; max-height: none; border: 1px solid var(--linia); padding: 20px 24px; }
  .modul { grid-template-columns: 50px 1fr; gap: 6px 16px; }
  .modul p, .modul a { grid-column: 2; text-align: left; }
}
@media (max-width: 700px) {
  body { font-size: 16px; }
  .kontener { padding: 0 18px; }
  .gora .kontakt-gora a:last-child { display: none; }
  .gora a { white-space: nowrap; }
  .gora .kontakt-gora { gap: 18px; }
  .logo small { font-size: .6rem; letter-spacing: .1em; white-space: nowrap; }
  .gora .kontener > span:first-child { display: none; }
  .akcje-nag .przycisk { display: none; }
  .sekcja { padding: 64px 0; }
  .hero { padding-top: 48px; }
  .siatka-2, .siatka-3, .siatka-4, .galeria, .proces { grid-template-columns: 1fr; }
  .fakty { grid-template-columns: 1fr; }
  .fakty > div { border-left: 0 !important; padding-left: 0 !important; border-top: 1px solid var(--linia); }
  .fakty > div:first-child { border-top: 0; }
  .problem { grid-template-columns: 1fr; }
  .problem > div { padding: 22px 0 !important; border-left: 0 !important; }
  .problem > div + div { border-top: 1px dashed var(--linia); }
  .siatka-stopki { grid-template-columns: 1fr; }
  .karta { padding: 24px; }
  .para-telefonow { flex-direction: column; align-items: center; }
  .dane-firmy div { grid-template-columns: 1fr; padding: 14px 20px; }
  th, td { padding: 12px 14px; }
}