/*
 * Narzędzia serwisu: kalkulatory, raport z kalkulatora, słownik pojęć, formularze zapytania i zgłoszenia, eksport (PDF / e-mail),
 * tabele porównań (mini-kalkulator strony głównej: mini-kalkulator.css). Ładowany tylko na stronach, które ich używają (Komponenty::styl w komponencie
 * albo szablonie), zawsze PO serwis.css - reguły zostały wydzielone z serwis.css z zachowaniem kolejności, więc kaskada się nie zmienia.
 */

/* ---------- kalkulatory ---------- */
.kalkulator { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); margin: 0; border: 1px solid var(--linia); border-radius: var(--promien-karty); background: #fff; box-shadow: 0 8px 24px rgba(18, 39, 68, .06); overflow: hidden; }
.kalkulator__formularz { display: grid; gap: 18px; align-content: start; padding: clamp(24px, 3vw, 40px); }
.kalkulator__tytul { margin: 0; color: var(--granat); font: 600 20px/1.3 var(--font-naglowki); letter-spacing: -0.01em; }
.kalkulator__wiersz { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.kalkulator__pole { display: grid; gap: 6px; }
.kalkulator__pole > span:first-child, .kalkulator__wybor legend { color: var(--granat); font: 500 15px/1.3 var(--font-naglowki); }
.kalkulator__jednostka { position: relative; display: block; }
.kalkulator__jednostka::after { content: attr(data-jednostka); position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--tekst-slaby); pointer-events: none; }
.kalkulator input[type="number"], .kalkulator input[data-liczba], .kalkulator select { width: 100%; padding: 13px 44px 13px 14px; border: 1px solid var(--obramowanie-pola); border-radius: 10px; background: #fff; color: var(--granat); font: 500 17px/1.2 var(--font-tresc); }
.kalkulator select { padding-right: 14px; }
.kalkulator input:focus, .kalkulator select:focus { outline: 2px solid var(--akcent); outline-offset: 0; border-color: var(--akcent); }
.kalkulator__wybor { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; }
.kalkulator__wybor legend { margin-bottom: 6px; padding: 0; }
.kalkulator__wybor--poziomy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kalkulator__wybor label { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 12px 14px; border: 1px solid var(--obramowanie-pola); border-radius: 10px; color: var(--granat); font: 500 15px/1.3 var(--font-naglowki); cursor: pointer; }
.kalkulator__wybor label:has(input:checked) { border-color: var(--akcent); background: var(--akcent-tlo); }
.kalkulator__wybor input { accent-color: var(--akcent); margin: 0; }
.kalkulator__wybor small { width: 100%; padding-left: 23px; color: var(--tekst-slaby); font: 400 13px/1.3 var(--font-tresc); }
.kalkulator__podpowiedz { margin: 0; color: var(--tekst-slaby); font-size: 14px; }
.kalkulator__wynik { display: flex; flex-direction: column; gap: 6px; padding: clamp(24px, 3vw, 40px); background: var(--granat); color: rgba(255, 255, 255, .78); }
.kalkulator__etykieta { margin: 0; font: 500 15px/1.3 var(--font-naglowki); }
.kalkulator__glowna { margin: 0 0 12px; color: #fff; font: 500 clamp(2.2rem, 1.8rem + 1.6vw, 3rem)/1.1 var(--font-naglowki); letter-spacing: -0.02em; }
.kalkulator__lista { display: grid; margin: 0 0 18px; }
.kalkulator__lista div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .12); }
.kalkulator__lista dt { font-size: 15px; }
.kalkulator__lista dd { margin: 0; color: #fff; font: 500 16px/1.3 var(--font-naglowki); text-align: right; white-space: nowrap; }
.kalkulator__uwaga { margin: 0 0 16px; padding: 12px 14px; border-radius: 10px; background: rgba(255, 255, 255, .08); color: #fff; font-size: 15px; }
.kalkulator__uwaga:empty { display: none; }
/* główne wezwanie kalkulatora: zielony CTA z granatowym tekstem (6,8:1), jak w całym serwisie (audyt 1, G-8) */
.kalkulator__wynik .przycisk { background: var(--cta); color: var(--cta-tekst); }
.kalkulator__wynik .przycisk:hover, .kalkulator__wynik .przycisk:focus-visible { background: var(--cta-hover); color: var(--cta-tekst); }
/* stan błędu: wezwanie wyszarzone (aria-disabled ustawia kalkulatory-ui.js; audyt 1, G-12) */
.kalkulator__wynik .przycisk[aria-disabled="true"], .kalkulator--blad .kalkulator__wynik .przycisk[data-link-zapytania] { opacity: .5; cursor: not-allowed; }
.kalkulator__przypis { margin: 14px 0 0; font-size: 13px; line-height: 1.5; }
/* grupy pól w kalkulatorze (kredyt czy leasing: Kredyt / Leasing) */
.kalkulator__grupa { display: grid; gap: 18px; margin: 0; padding: 18px; border: 1px solid var(--linia); border-radius: 10px; }
.kalkulator__grupa > legend { padding: 0 6px; color: var(--granat); font: 600 15px/1.3 var(--font-naglowki); }
/* objaśnienia wyników i linki na granatowym panelu wyniku (wskaźniki finansowe, kredyt czy leasing) */
.kalkulator__objasnienia { display: grid; gap: 6px; margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; }
.kalkulator__wynik a:not(.przycisk) { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.kalkulator--blad .kalkulator__glowna { color: rgba(255, 255, 255, .6); font-size: 1.6rem; }
.kalkulator__porownanie { width: 100%; margin: 6px 0 16px; border-collapse: collapse; font-size: 15px; }
.kalkulator__porownanie th, .kalkulator__porownanie td { padding: 9px 0; border-top: 1px solid rgba(255, 255, 255, .12); text-align: right; white-space: nowrap; }
.kalkulator__porownanie thead th { border-top: 0; color: #fff; font: 500 15px/1.3 var(--font-naglowki); }
.kalkulator__porownanie tbody th { text-align: left; font-weight: 400; white-space: normal; padding-right: 12px; }
.kalkulator__porownanie td { color: #fff; font: 500 15px/1.3 var(--font-naglowki); padding-left: 12px; }

/* ---------- formularz zapytania ---------- */
.formularz { display: grid; gap: 0; max-width: 880px; border: 1px solid var(--linia); border-radius: 20px; background: #fff; box-shadow: 0 30px 60px rgba(11, 37, 69, .08); }
.formularz__krok { display: grid; gap: 22px; margin: 0; padding: clamp(24px, 3.5vw, 44px); border: 0; min-width: 0; }
.formularz__krok + .formularz__krok { border-top: 1px solid var(--linia); }
.formularz--krok1 [data-krok="2"], .formularz--krok2 [data-krok="1"] { display: none; }
.formularz--krok2 [data-krok="2"] { border-top: 0; }
[data-formularz-krokowy]:not(.formularz--krok1):not(.formularz--krok2) .formularz__przyciski--krok1, [data-formularz-krokowy]:not(.formularz--krok1):not(.formularz--krok2) .formularz__wroc { display: none; }
/* legend: float, żeby nie leżał na obramowaniu pola */
.formularz__krok-tytul { float: left; width: 100%; display: grid; gap: 4px; margin: 0; padding: 0; color: var(--granat); font: 600 clamp(1.3rem, 1.1rem + .6vw, 1.6rem)/1.25 var(--font-naglowki); letter-spacing: -0.02em; }
.formularz__krok-tytul span { color: var(--akcent-tekst); font: 500 14px/1.3 var(--font-naglowki); letter-spacing: 0; }
.formularz__krok-tytul:focus { outline: none; }
.formularz__wiersz { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.formularz__pole { display: grid; gap: 8px; align-content: start; }
.formularz__etykieta { margin: 0; color: var(--granat); font: 500 15px/1.3 var(--font-naglowki); }
.formularz__wymagane, .formularz__opcjonalne { margin-left: 6px; color: var(--tekst-slaby); font: 400 13px/1 var(--font-tresc); }
.formularz input[type="text"], .formularz input[type="email"], .formularz input[type="tel"], .formularz input[type="number"], .formularz select, .formularz textarea { width: 100%; padding: 13px 14px; border: 1px solid var(--obramowanie-pola); border-radius: 10px; background: #fff; color: var(--granat); font: 400 17px/1.3 var(--font-tresc); }
.formularz input[type="number"] { padding-right: 44px; }
.formularz input:focus, .formularz select:focus, .formularz textarea:focus { outline: 2px solid var(--akcent); outline-offset: 0; border-color: var(--akcent); }
.formularz__kafle { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; }
.formularz__kafle--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kafel { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border: 1px solid var(--obramowanie-pola); border-radius: 12px; color: var(--granat); font: 500 15px/1.3 var(--font-naglowki); cursor: pointer; transition: border-color .15s, background-color .15s; }
.kafel:hover { border-color: var(--akcent); }
.kafel:has(input:checked) { border-color: var(--akcent); background: var(--akcent-tlo); }
.kafel input { flex: none; margin: 0; accent-color: var(--akcent); }
.jest-blad input, .jest-blad select, .jest-blad .kafel { border-color: var(--blad); }
.jest-blad .formularz__etykieta { color: var(--blad); }
.formularz__komunikat { margin: clamp(24px, 3.5vw, 44px) clamp(24px, 3.5vw, 44px) 0; padding: 14px 18px; border-radius: 12px; background: var(--blad-tlo); color: var(--blad-tekst); }
.formularz__zgoda { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; border-radius: 12px; background: var(--tlo-sekcji); font-size: 15px; line-height: 1.5; cursor: pointer; }
.formularz__zgoda input { flex: none; width: 18px; height: 18px; margin-top: 3px; accent-color: var(--akcent); }
.formularz__zgoda.jest-blad { outline: 2px solid var(--blad); }
.formularz__przyciski { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.formularz__przyciski--krok1 { justify-content: flex-end; }
.formularz__wroc { background: none; border: 0; padding: 0; cursor: pointer; }
.formularz__przypis { margin: 0; color: var(--tekst-slaby); font-size: 14px; }
.pulapka { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 991.98px) {
	.kalkulator { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599.98px) {
	.kalkulator__wiersz, .kalkulator__wybor--poziomy, .formularz__wiersz { grid-template-columns: minmax(0, 1fr); }
}

/* ---- kalkulatory: audyt 1 */
.kalkulator__ogloszenie { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.kalkulator { position: relative; }
.kalkulator__blad { margin: 0 0 12px; padding: 12px 14px; border-left: 3px solid #FCA5A5; border-radius: 0 10px 10px 0; background: rgba(252, 165, 165, .12); color: #fff; font: 500 15px/1.4 var(--font-naglowki); }
.kalkulator__blad-pola { color: var(--blad); font-size: 14px; line-height: 1.4; }
.kalkulator__blad-pola[hidden] { display: none; }
.kalkulator input[aria-invalid="true"] { border-color: var(--blad); box-shadow: 0 0 0 1px var(--blad); }
.kalkulator__zdanie { margin: -6px 0 14px; color: #fff; font-size: 15px; line-height: 1.5; }
.kalkulator__zdanie:empty { display: none; }
.kalkulator__lista dt small { display: block; margin-top: 2px; color: rgba(255, 255, 255, .7); font-size: 13px; line-height: 1.4; }
.kalkulator__uwaga--ostrzezenie { border-left: 3px solid var(--ostrzezenie-na-ciemnym); }
.kalkulator__porownanie td, .kalkulator__lista dd { white-space: nowrap; }
.kalkulator__wynik :focus-visible { outline-color: #fff; }
/* formularze: nagłówek, komunikaty przy polach, podpowiedzi, zwijane szczegóły, skrót kroku 1 */
.formularz__naglowek { margin: 0 0 12px; color: var(--tekst-slaby); font: 500 15px/1.4 var(--font-naglowki); }
.formularz__z-kalkulatora { margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; background: var(--akcent-tlo); color: var(--granat); font-size: 15px; }
.formularz__grupa { margin: 0; padding: 0; border: 0; min-width: 0; }
.formularz__grupa > legend { padding: 0; margin-bottom: 8px; }
.formularz__blad { margin: 0; color: var(--blad); font-size: 14px; line-height: 1.4; }
.formularz__blad[hidden], .formularz__podpowiedz[hidden], .formularz__komunikat[hidden], .formularz__skrot[hidden] { display: none; }
.formularz [aria-invalid="true"] { border-color: var(--blad); }
.formularz__podpowiedz { margin: 0; padding: 10px 14px; border-left: 3px solid var(--akcent); border-radius: 0 10px 10px 0; background: var(--tlo-sekcji); color: var(--tekst); font-size: 14px; line-height: 1.5; }
.formularz__komunikat p { margin: 0 0 6px; }
.formularz__komunikat ul { margin: 0; padding-left: 20px; }
.formularz__komunikat a { color: var(--blad-tekst); }
.formularz__komunikat:focus { outline: 2px solid var(--blad); }
/* punktory listy błędów w kolorze komunikatu, nie akcentu (G-27) */
.formularz__komunikat ul > li::before { background: var(--blad-tekst); }
.formularz__szczegoly { border: 1px solid var(--linia); border-radius: 12px; }
.formularz__szczegoly > summary { padding: 14px 18px; color: var(--granat); font: 500 15px/1.3 var(--font-naglowki); cursor: pointer; }
.formularz__szczegoly-tresc { display: grid; gap: 22px; padding: 4px 18px 18px; }
.formularz__skrot { margin: 0; padding: 12px 16px; border-radius: 12px; background: var(--tlo-sekcji); color: var(--granat); font-size: 15px; }
.formularz__zgoda--lekka { background: none; padding: 0; }
.jest-blad > .formularz__zgoda { outline: 2px solid var(--blad); }
/* strony kalkulatorów: link do metodologii pod treścią (szablon strona.php) */
.metodologia-link p { display: flex; align-items: center; gap: 12px; margin: 0; padding: 24px 0; font: 500 16px/1.4 var(--font-naglowki); }
.metodologia-link .ikona-karty { width: 36px; height: 36px; }
/* formularz zapytania: formularz 8/12 + przyklejona kolumna 4/12 "co dalej" */
.formularz-uklad { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 32px clamp(32px, 4vw, 56px); align-items: start; }
.formularz-uklad .formularz { max-width: none; }
.formularz-boczny { position: sticky; top: calc(var(--wys-naglowka) + 24px); display: grid; gap: 26px; margin-top: 39px; padding: 28px; border: 1px solid var(--linia); border-radius: 20px; background: var(--tlo-sekcji); }
.formularz-boczny__punkt { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 4px 16px; align-items: start; }
.formularz-boczny__punkt .ikona-karty { grid-row: span 2; }
.formularz-boczny p { margin: 0; font-size: 15px; line-height: 1.5; }
.formularz-boczny .formularz-boczny__tytul { padding-top: 2px; color: var(--granat); font: 600 16px/1.35 var(--font-naglowki); }
.formularz__krok-tytul .formularz__krok-gora { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.formularz__krok-tytul .formularz__krok-numer { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--akcent); color: #fff; font: 600 14px/1 var(--font-naglowki); }
.formularz__krok-tytul .formularz__krok-znacznik { padding: 4px 10px; border-radius: 999px; background: var(--akcent-tlo); color: var(--akcent-hover); font: 500 13px/1.3 var(--font-naglowki); }
.formularz__postep { position: relative; display: block; height: 2px; margin-top: -6px; overflow: hidden; border-radius: 2px; background: var(--linia); }
.formularz__postep::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 50%; background: var(--akcent); }
.formularz__postep--2::after { width: 100%; }
.formularz__kafle { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
/* rodzaj faktoringu: 4 kafle w układzie 2 x 2 (na telefonie jedna kolumna - reguła niżej) */
.formularz__kafle--siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 991.98px) {
	.formularz-uklad { grid-template-columns: minmax(0, 1fr); }
	.formularz-boczny { position: static; margin-top: 0; }
}
@media (max-width: 599.98px) {
	.formularz__kafle:not(.formularz__kafle--2) { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- kalkulatory: PDF i e-mail, nowe kalkulatory (2026-11-04) ---------- */
.kalkulator__eksport { grid-column: 1 / -1; display: grid; gap: 14px; padding: 22px clamp(24px, 3vw, 40px); border-top: 1px solid var(--linia); background: var(--tlo-sekcji); }
.kalkulator__eksport-tytul { margin: 0; color: var(--granat); font: 500 16px/1.3 var(--font-naglowki); }
.kalkulator__eksport-akcje { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.kalkulator__eksport .przycisk { padding: 12px 22px; font-size: 15px; }
.kalkulator__eksport .przycisk .ikona-karty { width: auto; height: auto; background: none; color: inherit; }
.kalkulator__eksport a[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.kalkulator__email[open] { flex-basis: 100%; }
.kalkulator__email summary { list-style: none; }
.kalkulator__email summary::-webkit-details-marker { display: none; }
.kalkulator__email[open] summary { margin-bottom: 16px; }
.kalkulator__email form { display: grid; gap: 14px; max-width: 640px; padding: 20px; border: 1px solid var(--linia); border-radius: 14px; background: #fff; }
.kalkulator__email input[type="email"] { width: 100%; padding: 13px 14px; border: 1px solid var(--obramowanie-pola); border-radius: 10px; color: var(--granat); font: 400 17px/1.3 var(--font-tresc); }
.kalkulator__email input[type="email"]:focus { outline: 2px solid var(--akcent); outline-offset: 0; border-color: var(--akcent); }
.kalkulator__email .formularz__zgoda { font-size: 14px; }
.kalkulator__email button.przycisk { justify-self: start; }
.kalkulator__email-komunikat { margin: 0; color: var(--akcent-tekst); font: 500 15px/1.4 var(--font-naglowki); }
.kalkulator__email-komunikat:empty { margin: 0; padding: 0; }
/* bez display:none - region role="status" musi być w drzewie dostępności */
.kalkulator__email-komunikat--blad { color: var(--blad); }
.kalkulator__grupa { display: grid; gap: 14px; align-content: start; min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--linia); border-radius: 14px; }
.kalkulator__grupa legend { padding: 0 6px; color: var(--granat); font: 600 16px/1.3 var(--font-naglowki); }
.tabela--ciemna { margin: 6px 0 12px; border: 0; border-radius: 0; background: none; }
.tabela--ciemna .kalkulator__porownanie { margin: 0; }
.tabela--ciemna th, .tabela--ciemna td { padding: 9px 0 9px 12px; border-bottom: 0; vertical-align: middle; }
.tabela--ciemna thead th { background: none; color: #fff; }
.tabela--ciemna tbody th { width: auto; padding-left: 0; color: rgba(255, 255, 255, .78); font: 400 15px/1.35 var(--font-tresc); }
.tabela--ciemna:focus-visible { outline-color: #fff; }
.kalkulator__porownanie th[hidden], .kalkulator__porownanie td[hidden] { display: none; }
/* tańsza wartość (audyt 3, G-N3-3): bez zielonego tekstu (brandbook) - biały pogrubiony z zieloną kropką i delikatnym tłem akcentu;
   klasa na komórce (td/th) albo na całym wierszu (tr - wtedy wyróżnione komórki wartości) */
.kalkulator__porownanie :is(td, th).kalkulator__najtansza, .kalkulator__porownanie tr.kalkulator__najtansza > td { color: #fff; font-weight: 700; background: rgba(34, 197, 94, .14); }
.kalkulator__porownanie :is(td, th).kalkulator__najtansza::before, .kalkulator__porownanie tr.kalkulator__najtansza > td::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 7px 1px 0; border-radius: 50%; background: var(--zielen-akcent); vertical-align: middle; }
.kalkulator__porownanie tr.kalkulator__najtansza > th { color: #fff; }
.kalkulator__porownanie td.kalkulator__najtansza, .kalkulator__porownanie tr.kalkulator__najtansza > td { padding-right: 8px; }
/* raport z kalkulatora (arkusz A4 na ekranie) */
.raport-strona { padding: clamp(20px, 4vw, 48px) 0; background: var(--tlo-sekcji); }
.raport { max-width: 210mm; margin: 0 auto; padding: clamp(20px, 5vw, 18mm); border: 1px solid var(--linia); border-radius: 6px; background: #fff; box-shadow: 0 20px 50px rgba(11, 37, 69, .08); color: var(--tekst); font-size: 15px; }
.raport__naglowek { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 2px solid var(--granat); }
.raport__meta { margin: 0; color: var(--tekst-slaby); font-size: 13px; line-height: 1.5; text-align: right; }
.raport__tytul { margin: 22px 0 10px; font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.raport__akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-bottom: 8px; }
.raport__sekcja { margin-top: 24px; }
.raport__sekcja h2 { margin: 0 0 10px; font-size: 1.15rem; }
.raport__sekcja h3 { margin: 16px 0 8px; font-size: 1rem; }
.raport__tabela { width: 100%; border-collapse: collapse; font-size: 14px; }
.raport__tabela th, .raport__tabela td { padding: 6px 8px; border-bottom: 1px solid var(--linia); text-align: left; vertical-align: top; }
.raport__tabela--dane th { width: 58%; color: var(--granat); font-weight: 500; }
.raport__tabela--harmonogram th, .raport__tabela--harmonogram td { text-align: right; white-space: nowrap; }
.raport__tabela--harmonogram thead th { color: var(--granat); font-weight: 600; }
.raport .kalkulator__lista { margin: 0; }
.raport .kalkulator__lista div { padding: 6px 0; border-top: 1px solid var(--linia); }
.raport .kalkulator__lista dt { font-size: 14px; }
.raport .kalkulator__lista dd { color: var(--granat); font-size: 15px; }
.raport .tabela { margin-top: 12px; border-radius: 6px; }
.raport .kalkulator__porownanie { margin: 0; font-size: 14px; }
.raport .kalkulator__porownanie th, .raport .kalkulator__porownanie td { padding: 6px 8px; border-top: 1px solid var(--linia); color: var(--tekst); font-size: 14px; }
.raport .kalkulator__porownanie thead th { background: var(--granat); color: #fff; }
.raport .kalkulator__porownanie td { color: var(--granat); }
.raport .kalkulator__porownanie :is(td, th).kalkulator__najtansza, .raport .kalkulator__porownanie tr.kalkulator__najtansza > td { color: var(--akcent-tekst); font-weight: 700; background: var(--akcent-tlo); }
.raport .kalkulator__porownanie thead th.kalkulator__najtansza { color: #fff; background: var(--granat); }
.raport .kalkulator__porownanie tr.kalkulator__najtansza > th { color: var(--granat); }
.raport .kalkulator__uwaga { margin: 12px 0 0; background: var(--ostrzezenie-tlo); color: var(--tekst); }
.raport__zalozenia { margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.55; }
.raport__zastrzezenie { margin: 24px 0 0; padding: 12px 14px; border-left: 3px solid var(--akcent); background: var(--tlo-sekcji); font-size: 13px; line-height: 1.5; }
.raport__stopka { margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--linia); color: var(--tekst-slaby); font-size: 12px; line-height: 1.5; }
.raport__stopka p { margin: 0 0 4px; overflow-wrap: anywhere; }
.raport__blad { padding: 12px 14px; border-radius: 10px; background: var(--blad-tlo); color: var(--blad-tekst); }
.raport--blad ul { padding-left: 20px; }
.raport__przewijanie { overflow-x: auto; }
.raport__tabela--oferty { margin-top: 10px; }
.raport__tabela--oferty thead th { color: var(--granat); font-weight: 600; border-bottom: 1.5px solid var(--granat); }
.raport__tabela--oferty tbody th { color: var(--granat); font-weight: 500; }
.raport__tabela--oferty td { white-space: nowrap; }

/* ---- kalkulatory i raport: poprawki po audycie 2 (A1) */
.kalkulator__wybor[hidden] { display: none; }
.kalkulator__oznaczenie { display: block; margin-top: 2px; font: 400 12px/1.3 var(--font-tresc); white-space: normal; }
.kalkulator__oznaczenie:empty { display: none; }
.kalkulator__porownanie .kalkulator__najnizsza-stopa { font-weight: 700; }
.kalkulator__kontakt { display: grid; gap: 8px; margin: 0; padding: 14px 0 0; border: 0; border-top: 1px solid var(--linia); min-width: 0; }
.kalkulator__kontakt legend { padding: 0; color: var(--granat); font: 600 15px/1.3 var(--font-naglowki); }
.kalkulator__podpowiedz-pdf { font-size: 13px; }
.kalkulator__eksport-skrot { margin: 12px 0 0; font-size: 15px; }
.kalkulator__eksport-skrot a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.kalkulator__eksport-skrot a[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.kalkulator__wynik:focus { outline: none; }
.kalkulator__wynik:focus-visible { outline: 2px solid var(--akcent); outline-offset: -2px; }
.kalkulator__skrot { display: none; }
@media (max-width: 991.98px) {
	.kalkulator__skrot { position: fixed; left: 0; right: 0; bottom: 0; z-index: 930; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: var(--granat); color: #fff; box-shadow: 0 -8px 24px rgba(11, 37, 69, .18); }
	.kalkulator__skrot[hidden] { display: none; }
	.kalkulator__skrot-tekst { margin: 0; min-width: 0; font: 500 15px/1.3 var(--font-naglowki); }
	.kalkulator__skrot-link { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: var(--promien); background: #fff; color: var(--granat); font: 600 15px/1 var(--font-naglowki); text-decoration: none; }
	.kalkulator__skrot-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
	html.kalkulator-skrot-widoczny { scroll-padding-bottom: 88px; }
	.kalkulator-skrot-widoczny .do-gory { bottom: 84px; }
}
/* raport: wynik główny wyróżniony, droga do zapytania, wersja ekranowa / do druku */
.raport__podpowiedz { margin: 0; color: var(--tekst-slaby); font-size: 13px; }
.raport__glowny { margin: 20px 0 0; padding: 16px 20px; border-radius: 10px; background: var(--granat); color: #fff; }
.raport__glowny-etykieta { margin: 0; font: 500 15px/1.3 var(--font-naglowki); color: rgba(255, 255, 255, .85); }
.raport__glowny-wartosc { margin: 4px 0 0; font: 600 clamp(1.8rem, 1.4rem + 1.4vw, 2.4rem)/1.1 var(--font-naglowki); letter-spacing: -0.02em; }
.raport__glowny-przypis { margin: 6px 0 0; font-size: 13px; color: rgba(255, 255, 255, .85); }
.raport__cta { margin-top: 24px; padding: 16px 20px; border: 1px solid var(--linia); border-left: 3px solid var(--akcent); border-radius: 6px; }
.raport__cta h2 { margin: 0 0 6px; font-size: 1.1rem; }
.raport__cta p { margin: 0 0 10px; }
.raport__cta p:last-child { margin-bottom: 0; }
.raport__tylko-druk { display: none; }
@media print {
	.raport__tylko-ekran { display: none !important; }
	.raport__tylko-druk { display: block; }
	.raport__tylko-druk a { color: inherit; text-decoration: underline; }
	.raport__glowny { background: #fff; color: #000; border: 1.5px solid #000; }
	.raport__glowny-etykieta, .raport__glowny-przypis { color: #000; }
	.raport__glowny, .raport__cta { break-inside: avoid; page-break-inside: avoid; }
	.kalkulator__skrot { display: none !important; }
}
@media (max-width: 599.98px) {
	.raport__naglowek { align-items: flex-start; }
	.raport__meta { text-align: left; }
	.raport__tabela--harmonogram { font-size: 11px; }
	.raport__tabela--harmonogram th, .raport__tabela--harmonogram td { padding: 5px 3px; }
}
@media print {
	.raport__akcje { display: none !important; }
	.raport-strona { padding: 0; background: #fff; }
	.raport-strona .kontener { max-width: none; padding: 0; }
	.raport { max-width: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; font-size: 10.5pt; }
	.raport a { color: inherit; text-decoration: none; }
	.raport__tabela, .raport .kalkulator__porownanie, .raport .kalkulator__porownanie th, .raport .kalkulator__porownanie td { font-size: 9.5pt; }
	.raport .tabela, .raport__przewijanie { overflow: visible; border: 0; }
	.raport .kalkulator__porownanie thead th { background: #fff; color: #000; border-bottom: 1.5px solid #000; }
	.kalkulator__lista div, .raport__zastrzezenie { break-inside: avoid; page-break-inside: avoid; }
}

/* ---------- słownik pojęć (uklad: slownik) - jak w PD ---------- */
.slownik__uklad { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 32px clamp(40px, 6vw, 96px); align-items: start; }
.slownik__boczna { align-self: stretch; }
.slownik__przyklejone { position: sticky; top: calc(var(--wys-naglowka) + 24px); }
.slownik__etykieta { display: block; margin-bottom: 8px; color: var(--granat); font: 600 15px/1.3 var(--font-naglowki); }
.slownik__pole { position: relative; display: block; }
.slownik__pole svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--tekst-slaby); pointer-events: none; }
.slownik__input { width: 100%; padding: 12px 14px 12px 42px; border: 1px solid var(--obramowanie-pola, #7A8699); border-radius: 10px; background: #fff; color: var(--tekst); font: 400 16px/1.3 var(--font-tresc); }
.slownik__input:focus { border-color: var(--akcent); outline: 2px solid var(--akcent); outline-offset: 0; }
.slownik__licznik { margin: 12px 0 18px; color: var(--tekst-slaby); font-size: 14px; }
.slownik__litery { display: grid; grid-template-columns: repeat(6, 40px); gap: 8px; margin: 0; padding: 0; list-style: none; }
.slownik__litera-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--linia); border-radius: 50%; color: var(--granat); font: 500 15px/1 var(--font-naglowki); text-decoration: none; transition: background-color .15s, border-color .15s, color .15s; }
a.slownik__litera-link:hover, a.slownik__litera-link:focus-visible, .slownik__litera-link.jest-aktywna { background: var(--akcent); border-color: var(--akcent); color: #fff; }
.slownik__litera-link.jest-pusta { opacity: .3; pointer-events: none; }
/* podczas filtrowania: wstęp i ramka zwinięte, wyniki od razu pod polem */
.slownik--filtr .slownik__wstep { display: none; }
.slownik__wstep { margin-bottom: 8px; }
.slownik__wstep > :first-child { margin-top: 0; }
.slownik__litera { margin: 40px 0 4px; padding-bottom: 8px; border-bottom: 2px solid var(--akcent); font-size: 28px; line-height: 1.2; scroll-margin-top: calc(var(--wys-naglowka) + 24px); }
.slownik__grupa:first-of-type .slownik__litera { margin-top: 24px; }
.slownik__hasla { margin: 0; }
.slownik__haslo dt { margin: 0; padding-top: 20px; color: var(--granat); font: 500 19px/1.35 var(--font-naglowki); scroll-margin-top: calc(var(--wys-naglowka) + 24px); }
.slownik__haslo dt:target { color: var(--akcent); }
.slownik__haslo dd { margin: 6px 0 0; padding-bottom: 20px; border-bottom: 1px solid var(--linia); color: var(--tekst); }
.slownik__haslo dd > :first-child { margin-top: 0; }
.slownik__haslo dd > :last-child { margin-bottom: 0; }
/* trafienie: żółte tło + podkreślenie w akcencie (widoczne, kontrast tekstu bez zmian) */
.slownik__haslo mark { background: var(--zaznaczenie); color: inherit; padding: 0 2px; border-radius: 3px; box-shadow: inset 0 -2px var(--akcent); }
.slownik__grupa[hidden], .slownik__haslo[hidden] { display: none; }
.slownik__brak { margin: 32px 0 0; padding: 20px 24px; border-radius: 12px; background: var(--tlo-sekcji); }
@media (max-width: 991.98px) {
	.slownik__uklad { grid-template-columns: minmax(0, 1fr); }
	/* na telefonie i tablecie: wyszukiwarka i litery przyklejone u góry jako pasek */
	.slownik__boczna { position: sticky; top: var(--wys-naglowka); z-index: 5; align-self: start; margin: 0 calc(-1 * var(--margines)); padding: 12px var(--margines); background: #fff; box-shadow: 0 8px 16px -14px rgba(11, 37, 69, .4); }
	.slownik__przyklejone { position: static; }
	.slownik__etykieta { display: none; }
	/* licznik (aria-live) zostaje w drzewie dostępności - ukryty wizualnie, nie display:none */
	.slownik__licznik { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
	/* przyklejony pasek (pole + litery) nie zasłania fokusu */
	html:has(.slownik__boczna) { scroll-padding-top: calc(var(--wys-naglowka) + 140px); }
	.slownik__nawigacja { margin-top: 10px; overflow-x: auto; }
	.slownik__litery { display: flex; width: max-content; }
	.slownik__litera-link { width: 36px; height: 36px; }
	.slownik__litera, .slownik__haslo dt { scroll-margin-top: calc(var(--wys-naglowka) + 130px); }
}

/* ---------- porównanie ofert: uwagi zwinięte i tabela na telefonie (audyt 3, UX 1) ---------- */
.kalkulator__etykieta-krotka { display: none; }
.kalkulator__uwagi-wiecej { margin: 0 0 16px; color: #fff; font-size: 15px; }
.kalkulator__uwagi-wiecej[hidden] { display: none; }
.kalkulator__uwagi-wiecej summary { display: inline-flex; align-items: center; min-height: 44px; color: #fff; font: 500 15px/1.3 var(--font-naglowki); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.kalkulator__uwagi-wiecej[open] summary { margin-bottom: 8px; }
.kalkulator__uwagi-wiecej .kalkulator__uwaga:last-child { margin-bottom: 0; }
@media (max-width: 599.98px) {
	/* pierwsza kolumna (nazwy wierszy) przyklejona przy przewijaniu w bok, krótkie etykiety */
	.tabela--ciemna .kalkulator__porownanie th:first-child { position: sticky; left: 0; z-index: 1; min-width: 108px; max-width: 128px; padding-right: 10px; background: var(--granat); box-shadow: 8px 0 8px -8px rgba(0, 0, 0, .5); }
	.tabela--ciemna tbody th { font-size: 14px; line-height: 1.3; }
	.tabela--ciemna .kalkulator__porownanie th, .tabela--ciemna .kalkulator__porownanie td { font-size: 14px; }
	.kalkulator__porownanie .kalkulator__etykieta-krotka { display: inline; }
	.kalkulator__porownanie .kalkulator__etykieta-pelna { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ---------- formularze: audyt 3 (podpowiedź pod całym wierszem, wiersz trzech pól) ---------- */
.formularz__podpowiedz--wiersz { margin-top: -10px; }
.formularz__wiersz--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.formularz__wiersz--3 .formularz__kafle--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.formularz__wiersz--3 .kafel { padding: 13px 10px; }
@media (max-width: 1199.98px) {
	.formularz__wiersz--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599.98px) {
	.formularz__wiersz--3 { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- kalkulatory: audyt 3 (pasek wyniku w dwóch liniach, wynik przyklejony na komputerze) ---------- */
.kalkulator__skrot-etykieta { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-weight: 400; opacity: .8; }
.kalkulator__skrot-kwota { display: block; font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
@media (min-width: 992px) {
	/* główna kwota zostaje na ekranie przy edycji dolnych pól (w obrębie kolumny wyniku) */
	.kalkulator__wynik > .kalkulator__glowna { position: sticky; top: calc(var(--wys-naglowka) + 16px); z-index: 1; padding: 8px 0; background: var(--granat); }
}

/* ---------- audyt 1: poprawki wyglądu (zespół C) ---------- */
/* jeden zestaw eksportu: na komputerze pas "Zapisz wynik" pod polami, skrót w kolumnie wyniku tylko na telefonie (G-11) */
@media (min-width: 992px) {
	.kalkulator__eksport-skrot { display: none; }
	/* pas eksportu w lewej kolumnie pod polami, wynik obok na całą wysokość - bez pustej bieli pod polami (G-9) */
	.kalkulator:has(> .kalkulator__eksport) { grid-template-rows: auto 1fr; }
	.kalkulator > .kalkulator__formularz { grid-column: 1; grid-row: 1; }
	.kalkulator:has(> .kalkulator__eksport) > .kalkulator__wynik { grid-column: 2; grid-row: 1 / span 2; }
	.kalkulator > .kalkulator__eksport { grid-column: 1; grid-row: 2; align-content: start; background: #fff; }
}
/* elementy eksportu i wezwanie w stanie błędu - jeden wygląd nieaktywny (G-11, G-12) */
.kalkulator__eksport [aria-disabled="true"], .kalkulator__eksport-skrot [aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
/* pole wyboru bez wybranej wartości: kolor podpowiedzi, nie wartości (G-32) */
.formularz select:has(option[value=""]:checked), .kalkulator select:has(option[value=""]:checked) { color: var(--tekst-slaby); }
.formularz select option { color: var(--granat); }
/* formularz na telefonie: przyciski kroku na całą szerokość, "Wróć" pod spodem (G-13) */
@media (max-width: 599.98px) {
	.formularz__przyciski { flex-direction: column-reverse; align-items: stretch; }
	.formularz__przyciski .przycisk { width: 100%; }
	.formularz__przyciski .formularz__wroc { align-self: center; min-height: 44px; }
}
/* "Wyślij na e-mail" (summary w pasie i link w skrócie) oraz CTA wyniku w stanie błędu: bez zmiany tła na hover (aria-disabled z kalkulatory-ui.js) */
.kalkulator__email > summary[aria-disabled="true"], .kalkulator__eksport-skrot a[aria-disabled="true"], .kalkulator__wynik .przycisk[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.kalkulator__email > summary.przycisk--obrys[aria-disabled="true"]:hover { background: #fff; }
.kalkulator__wynik .przycisk[aria-disabled="true"]:hover { background: var(--cta); }

/* ---------- proste strony poza szablonem: status zapytania u partnera (/partner/status), potwierdzenie pośrednika ---------- */
/* main.kontener.partner-status (albo .strona-prosta): nagłówek z marką, H1, opis, formularz.formularz bez kroków */
.partner-status, .strona-prosta { max-width: 760px; padding-top: clamp(32px, 6vw, 72px); padding-bottom: clamp(48px, 8vw, 96px); }
.partner-status > p:first-child, .strona-prosta > p:first-child { margin: 0 0 20px; padding-bottom: 14px; border-bottom: 1px solid var(--linia); color: var(--tekst-slaby); font: 500 14px/1.4 var(--font-naglowki); }
.partner-status > p:first-child strong, .strona-prosta > p:first-child strong { color: var(--granat); }
.partner-status h1, .strona-prosta h1 { margin: 0 0 20px; font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.25rem); }
.partner-status .formularz, .strona-prosta .formularz { gap: 20px; margin-top: 28px; padding: clamp(20px, 4vw, 36px); }
.partner-status .formularz__komunikat, .strona-prosta .formularz__komunikat { margin: 20px 0 0; }
/* komunikat powodzenia (role="status") - mięta, nie czerwień błędu */
.partner-status .formularz__komunikat[role="status"], .strona-prosta .formularz__komunikat[role="status"] { border-left: 3px solid var(--akcent); border-radius: 0 12px 12px 0; background: var(--akcent-tlo); color: var(--granat); }
.partner-status .formularz__przyciski, .strona-prosta .formularz__przyciski { justify-content: flex-start; }
/* sam przycisk w formularzu (potwierdzenie POST) */
.strona-prosta form:not(.formularz) { margin-top: 28px; }

/* ---------- audyt 2: poprawki wyglądu (zespół C) ---------- */
/* punktory listy błędów w kolorze komunikatu - waga wyższa niż ".sekcja ul:not([class]) > li::before" z serwis.css (G-27) */
.formularz__komunikat ul:not([class]) > li::before, .sekcja .formularz__komunikat ul > li::before { background: var(--blad-tekst); }
/* jeden zestaw eksportu także na telefonie: pas "Zapisz wynik" stoi zaraz pod wynikiem, skrót w wyniku go dublował (G-11) */
.kalkulator__eksport-skrot { display: none; }
/* wniosek porównania ("niższy koszt ma ...") to informacja, nie ostrzeżenie - kreska w zieleni marki, bursztyn tylko dla ostrzeżeń (G-N12) */
.kalkulator__uwaga--wniosek, .kalkulator__uwaga--ostrzezenie[data-jesli^="tanszy"] { border-left-color: var(--zielen-akcent); }
/* nieaktywne wezwanie na granacie: przygaszony biały obrys zamiast ciemnej zieleni, która wyglądała na aktywny przycisk (G-N14) */
.kalkulator__wynik .przycisk[aria-disabled="true"], .kalkulator--blad .kalkulator__wynik .przycisk[data-link-zapytania],
.kalkulator__wynik .przycisk[aria-disabled="true"]:hover, .kalkulator--blad .kalkulator__wynik .przycisk[data-link-zapytania]:hover {
	opacity: 1; background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .72); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}
/* znacznik "opcjonalne" niepodzielny; po złamaniu etykiety zaczyna się od krawędzi (odstęp daje spacja przed nim, bez marginesu; G-N23) */
.formularz__wymagane, .formularz__opcjonalne { display: inline-block; margin-left: 0; }
/* słownik na telefonie: pasek liter bez szarego paska przewijania, prawa krawędź wygaszona - widać, że lista jest dłuższa (G-N26) */
@media (max-width: 991.98px) {
	.slownik__nawigacja { scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }
	.slownik__nawigacja::-webkit-scrollbar { display: none; }
	.slownik__litery { padding-right: 48px; }
	.slownik__litera-link.jest-pusta { opacity: .45; }
}
/* proste strony partnerów (/partner/status, potwierdzenie pośrednika): logo marki nad tytułem, nie sam napis (G-N5).
   Gdy wiersz marki ma <img> - styl obrazka; bez obrazka logo podstawia CSS (dekoracja, nazwa marki zostaje w tekście). */
.partner-status > p:first-child img, .strona-prosta > p:first-child img { display: block; width: 150px; height: auto; margin-bottom: 12px; }
.partner-status > p:first-child:not(:has(img))::before, .strona-prosta > p:first-child:not(:has(img))::before { content: ""; display: block; width: 150px; height: 35px; margin-bottom: 12px; background: url(../img/logo-naglowek.png) no-repeat 0 50% / contain; }
/* formularz z samym przyciskiem (potwierdzenie pośrednika): bez karty, która wyglądała jak formularz bez pól (G-N21) */
.partner-status .formularz:not(:has(.formularz__pole)), .strona-prosta .formularz:not(:has(.formularz__pole)) { padding: 0; border: 0; border-radius: 0; box-shadow: none; background: none; }
/* /partner/status: limit tylko przy statusie "umowa", powód tylko przy "reklamacja" - bez JS, wg wybranej opcji (G-N8).
   Pola rozpoznawane po klasach pole-limit / pole-powod albo po polach #limit / #powod. */
.partner-status .formularz:has(#status):not(:has(#status option[value="umowa"]:checked)) :is(.pole-limit, .formularz__pole:has(#limit)),
.partner-status .formularz:has(#status):not(:has(#status option[value="reklamacja"]:checked)) :is(.pole-powod, .formularz__pole:has(#powod)) { display: none; }
/* "Faktoring czy kredyt": grupa "Kredyt obrotowy" w tym samym wzorze co "Faktoring" (tytuł 20 px, kreska oddzielająca, pola na pełną szerokość), nie jako podsekcja w ramce (G-N15) */
.kalkulator__grupa { gap: 18px; padding: 22px 0 0; border: 0; border-top: 1px solid var(--linia); border-radius: 0; }
.kalkulator__grupa > legend { float: left; width: 100%; margin: 0; padding: 0; color: var(--granat); font: 600 20px/1.3 var(--font-naglowki); letter-spacing: -0.01em; }

/* ---------- kalkulatory kredytu: suwak przy polu, założenia (wytyczne brand/UX v1.0, rozdz. 09-10) ---------- */
.kalkulator__z-suwakiem { display: grid; gap: 4px; }
.kalkulator__suwak { display: block; width: 100%; height: 44px; margin: 0; accent-color: var(--granat); cursor: pointer; }
.kalkulator__suwak[hidden] { display: none; }
.kalkulator__zakres { display: flex; justify-content: space-between; gap: 12px; margin: -6px 0 0; color: var(--tekst-slaby); font-size: 13px; }
.kalkulator__suwak[hidden] + .kalkulator__zakres { display: none; }
.kalkulator__zalozenia { border-top: 1px solid var(--linia); padding-top: 12px; }
.kalkulator__zalozenia > summary { display: flex; align-items: center; min-height: 44px; color: var(--akcent); font-weight: 600; cursor: pointer; }
.kalkulator__zalozenia-tresc { display: grid; gap: 18px; padding-top: 12px; }
.kalkulator__wynik .przycisk--jasny { margin-top: auto; }
.kalkulator__wynik .przycisk--jasny { background: #fff; color: var(--granat); }
.kalkulator__wynik .przycisk--jasny:hover, .kalkulator__wynik .przycisk--jasny:focus-visible { background: var(--akcent-tlo); color: var(--granat); }
/* pole z suwakiem: etykieta po lewej, wartość po prawej w jednym wierszu, suwak pod spodem (makieta) */
.kalkulator__z-suwakiem > .kalkulator__pole { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.kalkulator__z-suwakiem > .kalkulator__pole > span:first-child { font-weight: 600; }
.kalkulator__z-suwakiem > .kalkulator__pole .kalkulator__jednostka { flex: 0 1 12.5em; }
.kalkulator__wynik .kalkulator__etykieta { color: #E6F0FA; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 599.98px) { .kalkulator__z-suwakiem > .kalkulator__pole .kalkulator__jednostka { flex-basis: 100%; } }
/* kredyt czy leasing: dopisek przy wyniku liczonym dla raty przykładowej (kalkulator-leasingu.js) */
.kalkulator__przypis--wazny { padding: 10px 14px; border-left: 3px solid var(--bursztyn); border-radius: 0 8px 8px 0; background: rgba(240, 169, 59, .14); color: #fff; }
.kalkulator__przypis--wazny[hidden] { display: none; }