[hidden] { display: none !important; }


:root {
  
  --p-tlo: var(--bg);
  --p-tlo-2: var(--sand);
  --p-karta: var(--card);
  --p-tusz: var(--ink);
  --p-przygaszony: var(--muted);
  --p-akcent: var(--akcent);
  --p-akcent-ciemny: var(--akcent-ciemny);
  --p-ciemny: var(--ciemny);
  --p-noc: var(--ciemny-stopka);
  --p-na-ciemnym: var(--na-ciemnym);
  --p-na-ciemnym-2: var(--na-ciemnym-mute);
  --p-jasny-na-ciemnym: var(--akcent-jasny);
  --p-drugi: var(--zielony);
  --p-linia: var(--line);

  
  --p-powierzchnia: color-mix(in oklab, var(--akcent) 6%, var(--bg));
  
  --p-powierzchnia-obrys: rgb(255 255 255 / 0);
  --p-tint: color-mix(in oklab, var(--akcent) 14%, #FFFFFF);
  --p-na-akcencie: var(--ink);
  --p-akcent-em: var(--akcent-ciemny);
  --p-akcent-em-ciemne: var(--akcent-jasny);
  --p-eyebrow-kolor: var(--akcent-ciemny);
  --p-drugi-napis: color-mix(in oklab, var(--zielony) 70%, var(--ink));
  --p-na-drugim: #FFFFFF;
  --p-obrys-pola: color-mix(in srgb, var(--ink) 58%, var(--card));
  --p-linia-karty: color-mix(in oklab, var(--ink) 7%, var(--card));
  --p-stopka-marka: var(--akcent-ciemny);
  --p-baner: var(--akcent-ciemny);
  --p-wyspa-cta: var(--ciemny-stopka);
  
  --p-welon: 19 14 10;
  --p-cien: 36 28 18;
  
  --p-hero-sciana: var(--ciemny);
  --p-hero-poswiata: color-mix(in oklab, #FFFFFF 7%, var(--ciemny));
  --p-hero-winieta: color-mix(in oklab, #000000 35%, var(--ciemny));
  --p-hero-podloga: color-mix(in oklab, var(--akcent) 22%, var(--ciemny));
  --p-scena-lewa: color-mix(in oklab, var(--akcent) 45%, #FFFFFF);
  --p-scena-srodek: var(--sand);
  --p-scena-prawa: var(--bg);
  --p-scena-rog: color-mix(in oklab, var(--zielony) 55%, #FFFFFF);
  --p-scena-poswiata: color-mix(in oklab, #FFFFFF 45%, var(--bg));
  
  --p-na-scianie-2: var(--na-ciemnym);
  --p-scena-tekst-2: var(--ink);

  
  --p-biel: #FFFFFF;
  --p-przezroczysty: rgb(255 255 255 / 0);
  --p-szklo: rgb(255 255 255 / .58);
  --p-szklo-linia: rgb(255 255 255 / .42);
  --p-szklo-zapas: rgb(255 255 255 / .95);
  --p-linia-ciemna: rgb(255 255 255 / .10);
  --p-obrys-ciemny: rgb(255 255 255 / .62);
  --p-podklad-ciemny: rgb(255 255 255 / .08);
  --p-podklad-ciemny-2: rgb(255 255 255 / .14);
  
  --p-pigulka-ciemna: rgb(var(--p-welon) / .80);
  --p-pigulka-linia: rgb(255 255 255 / .22);
  
  --p-maska-pelna: #000000;
  --p-maska-bok: rgb(0 0 0 / .5);
  
  --p-szklo-krycie: .70;
  --p-szklo-ciemne: rgb(var(--p-welon) / var(--p-szklo-krycie));
  --p-szklo-ciemne-mocne: rgb(var(--p-welon) / .92);
  --p-szklo-ciemne-zapas: rgb(var(--p-welon) / .94);
  --p-szklo-rozmycie: 18px;

  
  --p-tekst: var(--p-tusz);
  --p-tekst-2: var(--p-przygaszony);
  --p-naglowek: var(--p-tusz);
  --p-em: var(--p-akcent-em);
  --p-etykieta: var(--p-eyebrow-kolor);
  --p-linia-k: var(--p-linia);
  --p-obrys-k: var(--p-obrys-pola);
  --p-fokus: var(--p-akcent-ciemny);
  --p-ikona-kolor: var(--p-akcent-ciemny);
  --p-na-tekscie: var(--p-tlo);

  
  --p-pad-x: clamp(16px, 2.8vw, 48px);
  
  --p-nav-x: var(--p-pad-x);
  --p-kontener-max: 1360px;
  --p-nav-max: var(--p-kontener-max);
  --p-kontener: min(100% - 2 * var(--p-pad-x), var(--p-kontener-max));
  --p-kontener-waski: min(100%, 1140px);
  --p-akapit: 36rem;
  --p-wyspa: var(--p-kontener);
  
  --p-hero-x: max(clamp(16px, 6.4vw, 120px), calc((100% - var(--p-kontener-max)) / 2 + 52px));
  --p-hero-kol: clamp(420px, 40vw, 600px);
  
  --p-nav-h: clamp(64px, 5.5vw, 80px);
  
  --p-hero-max: calc(100svh - var(--p-nav-h) + var(--p-hero-gora));
  --p-pasek: clamp(32px, 2.8vw, 40px);
  --p-sekcja-y: clamp(56px, 6.1vw, 96px);
  --p-sekcja-y-s: clamp(32px, 3.9vw, 56px);
  --p-naglowek-tresc: clamp(32px, 4.2vw, 64px);
  --p-gap: clamp(14px, 1.95vw, 28px);
  --p-gap-para: 8px;
  --p-gap-kol: clamp(32px, 6.7vw, 120px);
  --p-karta-pad: clamp(20px, 2.4vw, 36px);
  --p-karta-min: 280px;
  --p-btn-lg: clamp(48px, 3.9vw, 56px);
  --p-btn-md: 48px;
  --p-btn-sm: 44px;
  --p-btn-px: 28px;
  --p-kolko: 44px;
  --p-ikona: 24px;
  --p-ikona-linia: 1.5;
  --p-pole: clamp(48px, 3.6vw, 52px);
  --p-listwa-h: 186px;
  --p-listwa-zakladka: calc(var(--p-listwa-h) * -.6);
  --p-hero-gora: 0px;

  
  --p-r-sm: 8px;
  --p-r-md: 12px;
  --p-r-lg: 20px;
  --p-r-xl: 28px;
  --p-r-2xl: 40px;
  --p-r-pill: 999px;
  --p-r-zdjecie: 20px;

  
  --p-cien-karta: 0 12px 30px rgb(var(--p-cien) / .06), 0 2px 6px rgb(var(--p-cien) / .03);
  --p-cien-karta-hover: 0 16px 32px rgb(var(--p-cien) / .08), 0 2px 6px rgb(var(--p-cien) / .04);
  --p-cien-nav: 0 10px 28px rgb(var(--p-cien) / .07);
  --p-cien-zdjecie: 0 16px 32px rgb(var(--p-cien) / .08);
  --p-cien-wyspa: 0 24px 50px -12px rgb(var(--p-welon) / .35);
  --p-cien-btn: 0 8px 20px rgb(var(--p-cien) / .12);

  
  --p-font-naglowki: 'Kumbh Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --p-font-h1: var(--p-font-naglowki);
  --p-font-ui: 'Kumbh Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --p-font-kursywa: var(--p-font-naglowki);
  --p-font-eyebrow: var(--p-font-ui);
  --p-font-logo: var(--p-font-naglowki);
  --p-font-reka: 'Kalam', 'Segoe Script', 'Bradley Hand', cursive;
  --p-waga-h1: 800;
  --p-waga-h2: 800;
  --p-waga-h3: 700;
  --p-h1: clamp(40px, 5.4vw, 80px);
  --p-lh-h1: 1.02;
  --p-ls-h1: -.015em;
  --p-h1-kursywa: clamp(28px, 3.2vw, 46px);
  --p-h1-podtytul: clamp(22px, 2.9vw, 42px);
  --p-waga-podtytul: 600;
  --p-h2: clamp(30px, 3.6vw, 54px);
  --p-h2-duzy: var(--p-h2);
  --p-lh-h2: 1.08;
  --p-ls-h2: -.01em;
  --p-tt-h2: none;
  --p-h2-cta: clamp(34px, 4.4vw, 64px);
  --p-h3: clamp(18px, 1.45vw, 21px);
  --p-lead: clamp(17px, 1.3vw, 20px);
  --p-lh-lead: 1.6;
  --p-body: 16px;
  --p-lh-body: 1.6;
  --p-maly: 14px;
  --p-eyebrow: 13px;
  --p-waga-eyebrow: 700;
  --p-ls-eyebrow: .14em;
  --p-tt-eyebrow: uppercase;
  --p-styl-eyebrow: normal;
  --p-btn-font: 15px;
  --p-btn-waga: 600;
  --p-btn-ls: 0em;
  --p-btn-tt: none;
  --p-menu-font: 15px;
  --p-menu-waga: 500;
  --p-menu-ls: 0em;
  --p-menu-tt: none;
  --p-logo-font: 22px;
  --p-logo-waga: 800;
  --p-logo-ls: -.01em;
  --p-logo-tt: none;
  --p-reka: clamp(22px, 2.1vw, 30px);
  --p-reka-obrot: -4.5deg;

  
  --p-ruch: .22s cubic-bezier(.2, .7, .2, 1);
  --p-ruch-wolny: .6s cubic-bezier(.2, .7, .2, 1);
}


html.pn-kroj-elegancka {
  
  --p-font-naglowki: 'Cinzel', 'Cormorant SC', Georgia, serif;
  --p-font-h1: 'Gantari', system-ui, sans-serif;
  --p-font-ui: 'Gantari', system-ui, sans-serif;
  --p-font-kursywa: var(--p-font-naglowki);
  --p-font-logo: 'Cinzel', Georgia, serif;
  --p-waga-h1: 800;
  --p-waga-h2: 400;
  --p-waga-h3: 400;
  --p-h1: clamp(64px, 10.2vw, 148px);
  --p-lh-h1: 1;
  --p-ls-h1: -.03em;
  --p-h1-podtytul: clamp(22px, 2.8vw, 40px);
  --p-waga-podtytul: 300;
  --p-h2: clamp(28px, 2.8vw, 40px);
  --p-h2-duzy: clamp(32px, 3.6vw, 52px);
  --p-lh-h2: 1.1;
  --p-ls-h2: 0em;
  --p-h2-cta: clamp(32px, 3.6vw, 52px);
  --p-h3: 18px;
  --p-lead: 17px;
  --p-eyebrow: 13px;
  --p-waga-eyebrow: 600;
  --p-ls-eyebrow: .22em;
  --p-btn-font: 13px;
  --p-btn-waga: 700;
  --p-btn-ls: .04em;
  --p-btn-tt: uppercase;
  --p-menu-font: 13px;
  --p-menu-ls: .04em;
  --p-menu-tt: uppercase;
  --p-logo-font: 26px;
  --p-logo-waga: 400;
  --p-logo-ls: .28em;
  --p-logo-tt: uppercase;
}
html.pn-kroj-nowoczesna {
  --p-font-naglowki: 'Kumbh Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --p-font-ui: 'Kumbh Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
html.pn-kroj-mieszana {
  
  --p-font-naglowki: 'Geologica', system-ui, sans-serif;
  --p-font-h1: var(--p-font-naglowki);
  --p-font-ui: 'Geologica', system-ui, sans-serif;
  --p-font-kursywa: 'Noto Serif Display', Georgia, serif;
  --p-font-eyebrow: var(--p-font-kursywa);
  --p-waga-h1: 800;
  --p-waga-h2: 800;
  --p-h1: clamp(40px, 4.8vw, 70px);
  --p-lh-h1: 1;
  --p-ls-h1: -.01em;
  --p-h2: clamp(32px, 3.8vw, 56px);
  --p-lh-h2: 1.1;
  --p-h2-cta: clamp(34px, 4.4vw, 64px);
  --p-h3: 20px;
  --p-lead: clamp(17px, 1.25vw, 18px);
  --p-lh-lead: 1.65;
  --p-lh-body: 1.7;
  --p-eyebrow: clamp(20px, 1.8vw, 26px);
  --p-waga-eyebrow: 600;
  --p-ls-eyebrow: 0em;
  --p-tt-eyebrow: none;
  --p-styl-eyebrow: italic;
  --p-btn-font: 16px;
  --p-menu-font: 16px;
  --p-logo-font: 22px;
}


html.pn-ksztalt-ostry {
  --p-r-sm: 0px;
  --p-r-md: 2px;
  --p-r-lg: 2px;
  --p-r-xl: 2px;
  --p-r-2xl: 2px;
  --p-r-zdjecie: 16px;
  --p-cien-karta: none;
  --p-cien-karta-hover: none;
  --p-cien-nav: none;
  --p-cien-zdjecie: none;
  --p-cien-wyspa: none;
  --p-cien-btn: none;
}


html.pn-wyspy-szerokie {
  --p-pad-x: clamp(16px, 5.6vw, 88px);
  --p-nav-x: clamp(16px, 3.4vw, 56px);
  --p-kontener-max: 1280px;
  --p-nav-max: calc(var(--p-kontener-max) + 64px);
  --p-wyspa: min(100% - 2 * clamp(12px, 1.6vw, 24px), 1400px);
  --p-hero-x: max(var(--p-pad-x), calc((100% - var(--p-kontener-max)) / 2));
}


.pn-hero.pn-hero-spad { background-color: var(--p-ciemny); }
.pn-hero.pn-hero-split-ciemny {
  background-color: var(--p-hero-sciana);
  background-image:
    linear-gradient(to top, var(--p-hero-podloga) 0, var(--p-przezroczysty) 110px),
    radial-gradient(40% 32% at 28% 0%, var(--p-hero-poswiata) 0, var(--p-przezroczysty) 75%),
    radial-gradient(120% 95% at 40% 35%, var(--p-przezroczysty) 55%, var(--p-hero-winieta) 100%);
}
.pn-hero.pn-hero-split-jasny { background-color: var(--p-tlo); }
.pn-hero.pn-hero-scena {
  background-color: var(--p-scena-srodek);
  background-image:
    radial-gradient(32% 45% at 58% 42%, var(--p-scena-poswiata) 0, var(--p-przezroczysty) 70%),
    radial-gradient(30% 42% at 100% 100%, var(--p-scena-rog) 0, var(--p-przezroczysty) 72%),
    linear-gradient(100deg, var(--p-scena-lewa) 0%, var(--p-scena-srodek) 45%, var(--p-scena-prawa) 100%);
}
.pn-hero.pn-hero-karta { background-color: var(--p-tlo); }


.pn-szklo {
  background-color: var(--p-szklo);
  border: 1px solid var(--p-szklo-linia);
  -webkit-backdrop-filter: blur(var(--p-szklo-rozmycie)) saturate(1.2);
  backdrop-filter: blur(var(--p-szklo-rozmycie)) saturate(1.2);
}
.pn-szklo-ciemne {
  background-color: var(--p-szklo-ciemne);
  border: 1px solid var(--p-linia-ciemna);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .pn-szklo { background-color: var(--p-szklo-zapas); }
  .pn-szklo-ciemne { background-color: var(--p-szklo-ciemne-zapas); }
}


.pn-kontener { width: var(--p-kontener); margin-inline: auto; }
.pn-kontener--waski { width: min(var(--p-kontener), 1140px); }
.pn-wyspa { width: var(--p-wyspa); margin-inline: auto; }

.pn-sekcja {
  position: relative;
  padding-block: var(--p-sekcja-y);
  background-color: var(--p-tlo);
  color: var(--p-tekst);
}
.pn-sekcja--tlo2 { background-color: var(--p-tlo-2); }
.pn-sekcja--ciasna { padding-block: var(--p-sekcja-y-s); }
.pn-sekcja--ciemna { background-color: var(--p-ciemny); }
.pn-sekcja--noc { background-color: var(--p-noc); }
.pn-sekcja--ciemna,
.pn-sekcja--noc,
.pn-na-ciemnym {
  --p-tekst: var(--p-na-ciemnym);
  --p-tekst-2: var(--p-na-ciemnym-2);
  --p-naglowek: var(--p-na-ciemnym);
  --p-em: var(--p-akcent-em-ciemne);
  --p-etykieta: var(--p-jasny-na-ciemnym);
  --p-linia-k: var(--p-linia-ciemna);
  --p-obrys-k: var(--p-obrys-ciemny);
  --p-fokus: var(--p-jasny-na-ciemnym);
  --p-ikona-kolor: var(--p-jasny-na-ciemnym);
  --p-na-tekscie: var(--p-ciemny);
  color: var(--p-tekst);
}
.pn-sekcja--ciemna :focus-visible,
.pn-sekcja--noc :focus-visible,
.pn-na-ciemnym :focus-visible { outline-color: var(--p-fokus); }


.pn-eyebrow {
  display: block;
  margin: 0 0 18px;
  font-family: var(--p-font-eyebrow);
  font-size: var(--p-eyebrow);
  font-weight: var(--p-waga-eyebrow);
  font-style: var(--p-styl-eyebrow);
  letter-spacing: var(--p-ls-eyebrow);
  text-transform: var(--p-tt-eyebrow);
  line-height: 1.3;
  color: var(--p-etykieta);
}
.pn-h1 {
  margin: 0;
  font-family: var(--p-font-h1);
  font-size: var(--p-h1);
  font-weight: var(--p-waga-h1);
  line-height: var(--p-lh-h1);
  letter-spacing: var(--p-ls-h1);
  color: var(--p-naglowek);
  text-wrap: balance;
}
.pn-h1 em,
.pn-h1 .pn-akcent { font-style: normal; color: var(--p-em); }
.pn-h1 .pn-h1-slowo { display: block; }
.pn-h1 .pn-h1-podtytul {
  display: block;
  margin-top: .3em;
  font-size: var(--p-h1-podtytul);
  font-weight: var(--p-waga-podtytul);
  letter-spacing: 0;
  line-height: 1.15;
}

html.pn-kroj-elegancka .pn-h1 .pn-h1-podtytul { color: inherit; margin-top: 27px; }
html.pn-kroj-elegancka .pn-h1 .pn-h1-slowo { white-space: nowrap; }
.pn-h1 .pn-h1-kursywa { display: block; }
html.pn-kroj-mieszana .pn-h1 .pn-h1-kursywa {
  margin-bottom: .12em;
  font-family: var(--p-font-kursywa);
  font-size: var(--p-h1-kursywa);
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.1;
}
.pn-h2 {
  margin: 0;
  font-family: var(--p-font-naglowki);
  font-size: var(--p-h2);
  font-weight: var(--p-waga-h2);
  line-height: var(--p-lh-h2);
  letter-spacing: var(--p-ls-h2);
  text-transform: var(--p-tt-h2);
  color: var(--p-naglowek);
  text-wrap: balance;
}
.pn-h2--duzy { font-size: var(--p-h2-duzy); }
.pn-h2 em, .pn-h2 .pn-akcent { font-style: normal; color: var(--p-em); }
.pn-h3 {
  margin: 0;
  font-family: var(--p-font-naglowki);
  font-size: var(--p-h3);
  font-weight: var(--p-waga-h3);
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--p-naglowek);
}
.pn-lead {
  max-width: var(--p-akapit);
  margin: 26px 0 0;
  font-size: var(--p-lead);
  line-height: var(--p-lh-lead);
  color: var(--p-tekst-2);
  text-wrap: pretty;
}
.pn-tekst { max-width: var(--p-akapit); color: var(--p-tekst-2); text-wrap: pretty; }
.pn-maly { font-size: var(--p-maly); line-height: 1.5; color: var(--p-tekst-2); }


.pn-strzalka {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 18px;
  height: 18px;
  transition: translate var(--p-ruch);
}
.pn-strzalka svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pn-kolko {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: var(--p-kolko);
  height: var(--p-kolko);
  padding: 0;
  border-radius: var(--p-r-pill);
  border: 1px solid var(--p-obrys-k);
  background-color: var(--p-przezroczysty);
  color: var(--p-tekst);
  cursor: pointer;
  transition: background-color var(--p-ruch), color var(--p-ruch), border-color var(--p-ruch);
}
.pn-kolko svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pn-kolko--pelne { background-color: var(--p-tekst); border-color: var(--p-tekst); color: var(--p-na-tekscie); }
.pn-kolko[aria-disabled="true"] { opacity: .45; cursor: default; }
.pn-ikona { width: var(--p-ikona); height: var(--p-ikona); flex: none; fill: none; stroke: currentColor; stroke-width: var(--p-ikona-linia); stroke-linecap: round; stroke-linejoin: round; }
.pn-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  font-family: var(--p-font-ui);
  font-size: var(--p-btn-font);
  font-weight: 700;
  letter-spacing: var(--p-btn-ls);
  text-transform: var(--p-btn-tt);
  color: var(--p-tekst);
}




html.pn-skora { background-color: var(--p-tlo); }
html.pn-skora body {
  font-family: var(--p-font-ui);
  font-size: var(--p-body);
  line-height: var(--p-lh-body);
  color: var(--p-tusz);
  background-color: var(--p-tlo);
}

:where(html.pn-skora) :is(h1, h2, h3, h4) {
  font-family: var(--p-font-naglowki);
  font-weight: var(--p-waga-h2);
  letter-spacing: var(--p-ls-h2);
}

html.pn-skora em { font-style: normal; }
html.pn-skora ::selection { background-color: var(--p-akcent-ciemny); color: var(--p-biel); }
html.pn-skora :focus-visible { outline: 2px solid var(--p-fokus); outline-offset: 3px; }
html.pn-skora .wrap {
  width: var(--p-kontener);
  max-width: none;
  padding-inline: 0;
}

html.pn-skora #gora {
  position: absolute;
  top: 88px;
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}


html.pn-skora .eyebrow,
html.pn-skora :is(section, main, header, footer, div) .eyebrow {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: var(--p-przezroczysty);
  box-shadow: none;
  font-family: var(--p-font-eyebrow);
  font-size: var(--p-eyebrow);
  font-weight: var(--p-waga-eyebrow);
  font-style: var(--p-styl-eyebrow);
  letter-spacing: var(--p-ls-eyebrow);
  text-transform: var(--p-tt-eyebrow);
  line-height: 1.3;
  color: var(--p-etykieta);
}

html.pn-skora :is(section, div).hero .eyebrow,
html.pn-skora .hero :is(section, main, header, footer, div) .eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 32px;
  padding: 6px 15px;
  border: 1px solid var(--p-pigulka-linia);
  border-radius: var(--p-r-pill);
  background-color: var(--p-pigulka-ciemna);
  font-size: max(var(--p-eyebrow), 14px);
  color: var(--p-na-ciemnym);
}
html.pn-skora .lead h2 {
  margin-top: 18px;
  font-family: var(--p-font-naglowki);
  font-size: var(--p-h2);
  font-weight: var(--p-waga-h2);
  line-height: var(--p-lh-h2);
  letter-spacing: var(--p-ls-h2);
  color: var(--p-naglowek);
}
html.pn-skora .lead p { margin-top: 26px; font-size: var(--p-lead); line-height: var(--p-lh-lead); color: var(--p-tekst-2); }
html.pn-skora :is(.sekcja--ciemna, .kontakt) {
  --p-tekst: var(--p-na-ciemnym);
  --p-tekst-2: var(--p-na-ciemnym-2);
  --p-naglowek: var(--p-na-ciemnym);
  --p-em: var(--p-akcent-em-ciemne);
  --p-etykieta: var(--p-jasny-na-ciemnym);
  --p-linia-k: var(--p-linia-ciemna);
  --p-obrys-k: var(--p-obrys-ciemny);
  --p-fokus: var(--p-jasny-na-ciemnym);
  --p-na-tekscie: var(--p-ciemny);
  background-color: var(--p-ciemny);
  color: var(--p-tekst);
}
html.pn-skora :is(.sekcja--ciemna, .kontakt) :is(h2, h3) { color: var(--p-naglowek); }

html.pn-skora :is(.sekcja--ciemna, .kontakt) .k-info .ico { border-radius: var(--p-r-md); background-color: var(--p-podklad-ciemny-2); }

html.pn-skora .k-info .row:not(:has(a[href])):hover,
html.pn-skora .k-info .row:not(:has(a[href])):hover .ico { transform: none; }

html.pn-skora :is(.sekcja--ciemna, .kontakt, .pas-cta) :is(form.k-form, .kreator, .karta, .f-karta, .duo-karta) {
  --p-tekst: var(--p-tusz);
  --p-tekst-2: var(--p-przygaszony);
  --p-naglowek: var(--p-tusz);
  --p-em: var(--p-akcent-em);
  --p-etykieta: var(--p-eyebrow-kolor);
  --p-linia-k: var(--p-linia);
  --p-obrys-k: var(--p-obrys-pola);
  --p-fokus: var(--p-akcent-ciemny);
  --p-na-tekscie: var(--p-tlo);
  color: var(--p-tusz);
}

html.pn-skora .pas-cta {
  --p-tekst: var(--p-na-ciemnym);
  --p-tekst-2: var(--p-na-ciemnym);
  --p-naglowek: var(--p-na-ciemnym);
  --p-em: var(--p-akcent-em-ciemne);
  --p-etykieta: var(--p-jasny-na-ciemnym);
  --p-obrys-k: var(--p-obrys-ciemny);
  --p-fokus: var(--p-jasny-na-ciemnym);
  --p-na-tekscie: var(--p-ciemny);
}
html.pn-skora .sekcja--sand { background-color: var(--p-tlo-2); }


html.pn-skora header.nav {
  --p-nav-tlo-gora: var(--p-karta);
  --p-nav-tlo-przew: var(--p-karta);
  --p-nav-tlo: var(--p-nav-tlo-gora);
  --p-nav-tekst: var(--p-tusz);
  --p-nav-tekst-2: var(--p-przygaszony);
  --p-nav-akcent: var(--p-akcent-ciemny);
  --p-nav-cien-gora: var(--p-cien-nav);
  --p-nav-cien-przew: var(--p-cien-nav);
  --p-nav-cien: var(--p-nav-cien-gora);
  position: sticky;
  top: 0;
  z-index: 80;
  background-color: var(--p-nav-tlo);
  background-image: none;
  color: var(--p-nav-tekst);
  box-shadow: var(--p-nav-cien);
  border-bottom: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background-color .3s ease, box-shadow .3s ease;
}
html.pn-skora header.nav.scrolled {
  --p-nav-tlo: var(--p-nav-tlo-przew);
  --p-nav-cien: var(--p-nav-cien-przew);
}
html.pn-skora .nav-inner {
  width: min(100% - 2 * var(--p-nav-x), var(--p-nav-max));
  height: var(--p-nav-h);
  gap: 24px;
}
html.pn-skora .nav-logo--tekst { min-height: 44px; }
html.pn-skora header.nav .sygn {
  font-family: var(--p-font-logo);
  font-size: var(--p-logo-font);
  font-weight: var(--p-logo-waga);
  letter-spacing: var(--p-logo-ls);
  text-transform: var(--p-logo-tt);
  color: var(--p-nav-tekst);
}
html.pn-skora header.nav .sygn em { color: var(--p-nav-akcent); }

html.pn-skora header.nav .sygn-sub {
  font-family: var(--p-font-ui);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--p-nav-tekst-2);
}
html.pn-skora .nav-links { gap: clamp(18px, 2.4vw, 40px); }
html.pn-skora .nav-links a.link {
  font-family: var(--p-font-ui);
  font-size: var(--p-menu-font);
  font-weight: var(--p-menu-waga);
  letter-spacing: var(--p-menu-ls);
  text-transform: var(--p-menu-tt);
  color: var(--p-nav-tekst);
}
html.pn-skora .nav-links a.link:hover { color: var(--p-nav-tekst); }
html.pn-skora .nav-links a.link[aria-current="page"] { color: var(--p-nav-akcent); font-weight: 700; }
html.pn-skora .nav-toggle span { background-color: var(--p-nav-tekst); }
html.pn-skora .nav-toggle { min-width: 44px; min-height: 44px; }

html.pn-skora header.nav :focus-visible { outline-color: var(--p-nav-akcent); }

html.pn-skora .demobar :focus-visible { outline-color: var(--p-jasny-na-ciemnym); }

html.pn-skora :is(.nav-logo--tekst, .flogo--tekst) { align-items: flex-start; }


html.pn-skora.pn-nav-biala header.nav {
  --p-nav-tlo-gora: var(--p-biel);
  --p-nav-tlo-przew: var(--p-biel);
}

html.pn-skora.pn-nav-przezroczysta header.nav,
html.pn-skora.pn-nav-szklo header.nav { margin-bottom: calc(-1 * var(--p-nav-h)); }
html.pn-skora.pn-nav-przezroczysta,
html.pn-skora.pn-nav-szklo { --p-hero-gora: var(--p-nav-h); }
html.pn-skora.pn-nav-przezroczysta header.nav {
  --p-nav-tlo-gora: var(--p-przezroczysty);
  --p-nav-tlo-przew: var(--p-tlo);
  --p-nav-cien-gora: none;
}
html.pn-skora.pn-nav-przezroczysta:is(.pn-hero-split-ciemny, .pn-hero-spad) header.nav {
  --p-nav-tlo-przew: var(--p-hero-sciana);
  --p-nav-tekst: var(--p-na-ciemnym);
  --p-nav-tekst-2: var(--p-na-scianie-2);
  --p-nav-akcent: var(--p-jasny-na-ciemnym);
}

html.pn-skora.pn-nav-szklo header.nav {
  --p-nav-tlo-gora: var(--p-szklo-ciemne);
  --p-nav-tlo-przew: var(--p-szklo-ciemne-mocne);
  --p-nav-tekst: var(--p-na-ciemnym);
  --p-nav-tekst-2: var(--p-na-ciemnym);
  
  --p-nav-akcent: var(--p-na-ciemnym);
  --p-nav-cien-gora: none;
  --p-nav-cien-przew: none;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html.pn-skora.pn-nav-szklo header.nav { --p-nav-tlo-gora: var(--p-szklo-ciemne-zapas); --p-nav-tlo-przew: var(--p-szklo-ciemne-zapas); }
}

html.pn-skora header.nav .nav-links .btn {
  min-height: var(--p-btn-sm);
  padding-inline: 22px;
  font-size: min(var(--p-btn-font), 14px);
}
html.pn-skora.pn-nav-szklo header.nav .nav-links .btn {
  background-color: var(--p-akcent);
  border-color: var(--p-akcent);
  color: var(--p-na-akcencie);
}

html.pn-skora.pn-nav-przezroczysta:is(.pn-hero-split-ciemny, .pn-hero-spad) header.nav .nav-links .btn {
  background-color: var(--p-biel);
  border-color: var(--p-biel);
  color: var(--p-tusz);
}


html.pn-skora .btn {
  min-height: var(--p-btn-md);
  padding: 0 var(--p-btn-px);
  gap: 10px;
  border-radius: var(--p-r-pill);
  border: 1.5px solid var(--p-akcent-ciemny);
  background-color: var(--p-akcent-ciemny);
  color: var(--p-biel);
  font-family: var(--p-font-ui);
  font-size: var(--p-btn-font);
  font-weight: var(--p-btn-waga);
  letter-spacing: var(--p-btn-ls);
  text-transform: var(--p-btn-tt);
  line-height: 1.15;
  white-space: nowrap;
  box-shadow: none;
  transition: background-color var(--p-ruch), border-color var(--p-ruch), color var(--p-ruch);
}

html.pn-skora .btn:hover {
  transform: none;
  background-color: var(--p-akcent-ciemny);
  border-color: var(--p-akcent-ciemny);
  color: var(--p-biel);
}
html.pn-skora .btn.pn-btn-lg { min-height: var(--p-btn-lg); }
html.pn-skora .btn.pn-btn-glowny { box-shadow: var(--p-cien-btn); }
html.pn-skora .btn-obrys,
html.pn-skora .btn-obrys:hover {
  background-color: var(--p-przezroczysty);
  border-color: var(--p-obrys-k);
  color: var(--p-tekst);
}
html.pn-skora .btn-jasny,
html.pn-skora .btn-jasny:hover {
  background-color: var(--p-biel);
  border-color: var(--p-obrys-pola);
  color: var(--p-tusz);
}
html.pn-skora .pn-na-ciemnym .btn-jasny,
html.pn-skora .pn-na-ciemnym .btn-jasny:hover { border-color: var(--p-biel); }

html.pn-skora :is(.pas-cta, .hero:not(.pn-hero), .pn-hero-spad) .btn-obrys,
html.pn-skora :is(.pas-cta, .hero:not(.pn-hero), .pn-hero-spad) .btn-obrys:hover {
  background-color: var(--p-pigulka-ciemna);
  border-color: var(--p-obrys-ciemny);
  color: var(--p-na-ciemnym);
}
html.pn-skora .btn.pn-btn-akcent,
html.pn-skora .btn.pn-btn-akcent:hover {
  background-color: var(--p-akcent);
  border-color: var(--p-akcent);
  color: var(--p-na-akcencie);
}
html.pn-skora .btn svg:not(.pn-strzalka svg) { width: 18px; height: 18px; }


html.pn-skora :is(.karta, .f-karta, .duo-karta) {
  border-radius: var(--p-r-md);
  border: 1px solid var(--p-linia-karty);
  background-color: var(--p-karta);
  box-shadow: none;
}
html.pn-skora .karta .ico,
html.pn-skora .duo-karta .ico { border-radius: var(--p-r-md); background-color: var(--p-tint); }
html.pn-skora .karta .ico svg { color: var(--p-akcent-ciemny); }
html.pn-skora :is(.karta, .f-karta) .tyt { font-family: var(--p-font-naglowki); font-size: var(--p-h3); font-weight: var(--p-waga-h3); color: var(--p-tusz); }
html.pn-skora :is(.karta, .f-karta) p { color: var(--p-przygaszony); font-size: 15px; }
html.pn-skora .karta:hover { transform: none; box-shadow: none; border-color: var(--p-linia-karty); }
html.pn-skora .karta:hover .ico { background-color: var(--p-tint); }
html.pn-skora .karta:hover .ico svg { color: var(--p-akcent-ciemny); }


html.pn-skora .faq { max-width: var(--p-kontener-waski); gap: 13px; }
html.pn-skora .faq details {
  padding: 0 22px;
  border: 0;
  border-radius: var(--p-r-md);
  background-color: var(--p-powierzchnia);
  box-shadow: none;
}
html.pn-skora .faq summary { font-family: var(--p-font-ui); font-size: 17px; font-weight: 500; color: var(--p-tusz); min-height: 64px; }
html.pn-skora .faq details p { color: var(--p-tusz); font-size: 16px; }
html.pn-skora .faq details:hover { box-shadow: none; }
html.pn-skora .faq summary::after { border-color: var(--p-tusz); }


.pn-stopka-ciemna {
  --p-stopka-tlo: var(--p-noc);
  --p-stopka-tekst: var(--p-na-ciemnym);
  --p-stopka-tekst-2: var(--p-na-ciemnym-2);
  --p-stopka-naglowek: var(--p-na-ciemnym);
  --p-stopka-akcent: var(--p-jasny-na-ciemnym);
  --p-stopka-linia: var(--p-linia-ciemna);
  --p-stopka-pole: var(--p-podklad-ciemny);
  --p-stopka-obrys: var(--p-obrys-ciemny);
}
.pn-stopka-marka {
  --p-stopka-tlo: var(--p-stopka-marka);
  --p-stopka-tekst: var(--p-biel);
  --p-stopka-tekst-2: var(--p-biel);
  --p-stopka-naglowek: var(--p-biel);
  --p-stopka-akcent: var(--p-biel);
  --p-stopka-linia: var(--p-podklad-ciemny-2);
  --p-stopka-pole: var(--p-podklad-ciemny);
  --p-stopka-obrys: var(--p-obrys-ciemny);
}
.pn-stopka-jasna {
  --p-stopka-tlo: var(--p-tlo-2);
  --p-stopka-tekst: var(--p-tusz);
  --p-stopka-tekst-2: var(--p-przygaszony);
  --p-stopka-naglowek: var(--p-tusz);
  --p-stopka-akcent: var(--p-akcent-ciemny);
  --p-stopka-linia: var(--p-linia);
  --p-stopka-pole: var(--p-karta);
  --p-stopka-obrys: var(--p-obrys-pola);
}

html.pn-skora:not(.pn-stopka-marka):not(.pn-stopka-jasna) footer.ft:not(.pn-stopka-marka):not(.pn-stopka-jasna) {
  --p-stopka-tlo: var(--p-noc);
  --p-stopka-tekst: var(--p-na-ciemnym);
  --p-stopka-tekst-2: var(--p-na-ciemnym-2);
  --p-stopka-naglowek: var(--p-na-ciemnym);
  --p-stopka-akcent: var(--p-jasny-na-ciemnym);
  --p-stopka-linia: var(--p-linia-ciemna);
  --p-stopka-pole: var(--p-podklad-ciemny);
  --p-stopka-obrys: var(--p-obrys-ciemny);
}
html.pn-skora footer.ft {
  --p-tekst: var(--p-stopka-tekst);
  --p-tekst-2: var(--p-stopka-tekst-2);
  --p-naglowek: var(--p-stopka-naglowek);
  --p-linia-k: var(--p-stopka-linia);
  --p-obrys-k: var(--p-stopka-obrys);
  --p-fokus: var(--p-stopka-akcent);
  padding: clamp(56px, 5.4vw, 78px) 0 26px;
  background-color: var(--p-stopka-tlo);
  color: var(--p-stopka-tekst-2);
}
html.pn-skora footer.ft :focus-visible { outline-color: var(--p-stopka-akcent); }
html.pn-skora .ft h5 {
  font-family: var(--p-font-ui);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--p-stopka-naglowek);
}
html.pn-skora .ft a:not(.btn) { font-size: 15px; color: var(--p-stopka-tekst-2); }
html.pn-skora .ft a:not(.btn):hover { color: var(--p-stopka-tekst-2); }
html.pn-skora .ft .ft-poz,
html.pn-skora .ft .godz,
html.pn-skora .ft p.opis { font-size: 15px; color: var(--p-stopka-tekst-2); }
html.pn-skora .ft .godz b { color: var(--p-stopka-tekst); }
html.pn-skora .ft .sygn {
  font-family: var(--p-font-logo);
  font-size: var(--p-logo-font);
  font-weight: var(--p-logo-waga);
  letter-spacing: var(--p-logo-ls);
  text-transform: var(--p-logo-tt);
  color: var(--p-stopka-tekst);
}
html.pn-skora .ft .sygn em { color: var(--p-stopka-akcent); }
html.pn-skora .ft .sygn-sub { font-size: 13px; letter-spacing: .1em; color: var(--p-stopka-tekst-2); }
html.pn-skora .ft-copy {
  border-top-color: var(--p-stopka-linia);
  font-size: var(--p-maly);
  color: var(--p-stopka-tekst-2);
}

html.pn-skora .ft .ft-copy a { display: inline; padding: 0; color: var(--p-stopka-akcent); }


html.pn-skora :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]) {
  min-height: var(--p-pole);
  border-color: var(--p-obrys-pola);
  border-radius: var(--p-r-md);
  font-family: var(--p-font-ui);
  font-size: 16px;
}
html.pn-skora textarea { min-height: 120px; }
html.pn-skora :is(input, textarea, select):focus { border-color: var(--p-akcent-ciemny); box-shadow: 0 0 0 3px var(--p-tint); }

html.pn-skora label,
html.pn-skora .k-info .lbl { font-size: 13px; }


@keyframes pn-kenburns { from { transform: scale(1); } to { transform: scale(1.05); } }
html.pn-skora .hero:not(.pn-hero) .hero-bg img { animation: pn-kenburns 5s ease-out 1 both; }


html.pn-skora form.k-form {
  border-radius: var(--p-r-lg);
  background-color: var(--p-karta);
  box-shadow: none;
}

html.pn-skora form.k-form .form-msg {
  border-color: var(--p-akcent-ciemny);
  border-radius: var(--p-r-md);
  background-color: var(--p-tint);
  color: var(--p-tusz);
}
html.pn-skora form.k-form .form-msg b { color: var(--p-akcent-ciemny); }
html.pn-skora .badge {
  border-color: var(--p-linia-karty);
  border-radius: var(--p-r-pill);
  background-color: var(--p-karta);
  box-shadow: none;
  font-size: 14px;
}
html.pn-skora .hist-photos img {
  border-radius: var(--p-r-zdjecie);
  box-shadow: var(--p-cien-zdjecie);
}
html.pn-skora .k-foto {
  border-radius: var(--p-r-zdjecie);
  border-color: var(--p-linia-ciemna);
}

html.pn-skora .hero .chip {
  border-color: var(--p-pigulka-linia);
  background-color: var(--p-pigulka-ciemna);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  font-size: 14px;
  color: var(--p-na-ciemnym);
}


@media (hover: hover) and (pointer: fine) {
  html.pn-skora .btn:hover .pn-strzalka,
  .pn-link:hover .pn-strzalka { translate: 4px 0; }
  
  html.pn-skora .btn:where(:not(.btn-obrys, .btn-jasny, .pn-btn-akcent)):hover { background-color: var(--p-tusz); border-color: var(--p-tusz); color: var(--p-biel); }
  html.pn-skora .pn-na-ciemnym .btn:where(:not(.btn-obrys, .btn-jasny, .pn-btn-akcent)):hover { background-color: var(--p-biel); border-color: var(--p-biel); color: var(--p-tusz); }
  html.pn-skora .btn-obrys:hover { background-color: var(--p-tekst); border-color: var(--p-tekst); color: var(--p-na-tekscie); }
  html.pn-skora .pn-na-ciemnym .btn-obrys:hover { color: var(--p-ciemny); }
  html.pn-skora .btn-jasny:hover { background-color: var(--p-tlo-2); color: var(--p-tusz); }
  html.pn-skora .btn.pn-btn-akcent:hover { background-color: var(--p-tusz); border-color: var(--p-tusz); color: var(--p-biel); }
  .pn-kolko:hover:not([aria-disabled="true"]) { background-color: var(--p-tekst); border-color: var(--p-tekst); color: var(--p-na-tekscie); }
  html.pn-skora .nav-links a.link:hover { color: var(--p-nav-akcent); }
  html.pn-skora :is(.karta, .f-karta):hover { translate: 0 -4px; box-shadow: var(--p-cien-karta-hover); }
  html.pn-skora.pn-ksztalt-ostry :is(.karta, .f-karta):hover { translate: none; background-color: var(--p-tlo-2); }
  html.pn-skora .faq details:hover { background-color: var(--p-tint); }
  html.pn-skora .ft a:not(.btn):hover { color: var(--p-stopka-tekst); text-decoration: underline; text-underline-offset: 3px; }
}
html.pn-skora :is(.karta, .f-karta) { transition: translate var(--p-ruch), box-shadow var(--p-ruch), background-color var(--p-ruch); }

html.pn-skora .btn:focus-visible .pn-strzalka,
.pn-link:focus-visible .pn-strzalka { translate: 4px 0; }
html.pn-skora .btn:where(:not(.btn-obrys, .btn-jasny, .pn-btn-akcent)):focus-visible { background-color: var(--p-tusz); border-color: var(--p-tusz); color: var(--p-biel); }
html.pn-skora .pn-na-ciemnym .btn:where(:not(.btn-obrys, .btn-jasny, .pn-btn-akcent)):focus-visible { background-color: var(--p-biel); border-color: var(--p-biel); color: var(--p-tusz); }
html.pn-skora .btn-obrys:focus-visible { background-color: var(--p-tekst); border-color: var(--p-tekst); color: var(--p-na-tekscie); }
html.pn-skora .pn-na-ciemnym .btn-obrys:focus-visible { color: var(--p-ciemny); }
html.pn-skora .btn-jasny:focus-visible { background-color: var(--p-tlo-2); color: var(--p-tusz); }
html.pn-skora .btn.pn-btn-akcent:focus-visible { background-color: var(--p-tusz); border-color: var(--p-tusz); color: var(--p-biel); }
.pn-kolko:focus-visible:not([aria-disabled="true"]) { background-color: var(--p-tekst); border-color: var(--p-tekst); color: var(--p-na-tekscie); }
html.pn-skora .nav-links a.link:focus-visible { color: var(--p-nav-akcent); }
html.pn-skora .faq details:has(> summary:focus-visible) { background-color: var(--p-tint); }
html.pn-skora .ft a:not(.btn):focus-visible { color: var(--p-stopka-tekst); text-decoration: underline; text-underline-offset: 3px; }

@media (min-width: 1081px) {
  html.pn-skora .nav-links a.link {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
    text-decoration-color: var(--p-przezroczysty);
    transition: color var(--p-ruch), text-decoration-color var(--p-ruch);
  }
  html.pn-skora .nav-links a.link:focus-visible { text-decoration-color: currentColor; }
}
@media (min-width: 1081px) and (hover: hover) and (pointer: fine) {
  html.pn-skora .nav-links a.link:hover { text-decoration-color: currentColor; }
}


@media (max-width: 1080px) {
  html.pn-skora .nav-links {
    position: absolute;
    inset: 100% 0 auto 0;
    padding: 0 calc(var(--p-pad-x) - 12px);
    background-color: var(--p-noc);
    border-bottom: 0;
    box-shadow: none;
    visibility: hidden;
    transition: max-height .38s ease, visibility 0s linear .38s;
  }
  html.pn-skora .nav-links.open { visibility: visible; transition: max-height .38s ease, visibility 0s; max-height: min(640px, calc(100svh - var(--p-nav-h))); overflow-y: auto; overscroll-behavior: contain; }
  html.pn-skora.menu-otwarte, html.pn-skora.menu-otwarte body { overflow: hidden; overscroll-behavior: none; }
  html.pn-skora .nav-links a.link {
    padding: 16px 12px;
    min-height: 52px;
    border-bottom: 1px solid var(--p-linia-ciemna);
    font-size: 17px;
    color: var(--p-na-ciemnym);
  }
  html.pn-skora .nav-links a.link[aria-current="page"] { color: var(--p-jasny-na-ciemnym); }
  
  html.pn-skora header.nav .nav-links .btn,
  html.pn-skora.pn-nav-szklo header.nav .nav-links .btn,
  html.pn-skora.pn-nav-przezroczysta header.nav .nav-links .btn,
  html.pn-skora.pn-nav-przezroczysta:is(.pn-hero-split-ciemny, .pn-hero-spad) header.nav .nav-links .btn {
    margin: 18px 0 22px;
    min-height: var(--p-btn-md);
    background-color: var(--p-biel);
    border-color: var(--p-biel);
    color: var(--p-tusz);
  }
  html.pn-skora header.nav .nav-links :focus-visible { outline-color: var(--p-jasny-na-ciemnym); outline-offset: -3px; }
  
  html.pn-skora.pn-nav-szklo header.nav {
    --p-nav-tlo-gora: var(--p-szklo-ciemne-mocne);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (max-width: 1024px) {
  :root { --p-wyspa: var(--p-kontener); }
  html.pn-wyspy-szerokie { --p-wyspa: var(--p-kontener); }
}
@media (max-width: 899px) {
  :root { --p-hero-kol: 100%; }
}
@media (max-width: 860px) {
  html.pn-skora .ft .ft-copy a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 600px) {
  html.pn-skora .ft-grid { gap: 30px; }
  html.pn-skora .ft a:not(.btn) { padding-block: 11px; }
}


@media (prefers-reduced-motion: reduce) {
  html.pn-skora .btn,
  .pn-strzalka,
  .pn-kolko,
  html.pn-skora :is(.karta, .f-karta),
  html.pn-skora header.nav { transition: none; }
}


@media (max-width: 1080px) and (max-height: 500px) { html.pn-skora .nav-links a.link { padding-block: 10px; min-height: 44px; } }