:root { --czerwony: #c43d32; --zielony-tekst: #12805c; }
.k ::selection { background: rgb(27 175 122 / 0.22); }
.k input { caret-color: var(--zielony); }
html.k-po-otwarte { overflow: hidden; }

.k [hidden] { display: none !important; }

.k-nav { border-bottom: 1px solid var(--linia); }
.k-wroc { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 10px 2px; font: 500 15px/1 var(--f-tekst); color: var(--tekst2); text-decoration: none; transition: color 160ms ease; }
.k-wroc i { font-size: 16px; transition: transform 200ms var(--ease-out); }
@media (hover: hover) and (pointer: fine) { .k-wroc:hover { color: var(--tusz); } .k-wroc:hover i { transform: translateX(-3px); } }

.k-main { padding-block: clamp(28px, 4vw, 56px) clamp(64px, 8vw, 112px); }
.k-gora { max-width: 40rem; margin-bottom: clamp(26px, 3.4vw, 42px); }
.k-tytul { margin: 0; font: 700 clamp(34px, 4.2vw, 52px)/1.05 var(--f-naglowek); letter-spacing: -0.035em; text-wrap: balance; }
.k-lead { margin: 14px 0 0; max-width: 46ch; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.55; color: var(--tekst2); }

.k-siatka { display: grid; gap: 32px; }
.k-form, .k-bok { min-width: 0; }

.k-krok { min-width: 0; margin: 0; padding: 0; border: 0; }
.k-krok + .k-krok, .k-form > .k-bok + .k-krok { margin-top: clamp(32px, 4vw, 44px); }
.k-krok:focus { outline: none; }
.k-krok__tytul { float: left; width: 100%; padding: 0; margin: 0 0 14px; font: 700 clamp(20px, 1.9vw, 24px)/1.2 var(--f-naglowek); letter-spacing: -0.02em; color: var(--tusz); }
.k-krok__tytul + * { clear: both; }
.k-pomoc { margin: 12px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--tekst2); }

.k-opcje { display: grid; gap: 12px; }
.k-opcje--plan, .k-opcje--sposob { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .k-opcje--plan, .k-opcje--sposob { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k-opcje--plec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.k-opcja { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.k-opcja input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; pointer-events: none; }
.k-opcja__karta { position: relative; flex: 1; display: grid; align-content: start; justify-items: start; gap: 6px; min-width: 0; padding: 17px 52px 18px 20px; border-radius: 20px;
  background: var(--bialy); color: var(--tusz); box-shadow: inset 0 0 0 1.5px var(--linia);
  transition: background-color 220ms ease, color 220ms ease, box-shadow 220ms ease, transform 160ms var(--ease-out); }
.k-opcja:active .k-opcja__karta { transform: scale(0.985); }
@media (hover: hover) and (pointer: fine) { .k-opcja:hover .k-opcja__karta { box-shadow: inset 0 0 0 1.5px #b9bec5; } }
.k-opcja input:checked + .k-opcja__karta { background: var(--czarny); color: var(--na-czarnym); box-shadow: inset 0 0 0 1.5px var(--czarny), 0 18px 34px -22px rgb(14 15 16 / 0.7); }
.k-opcja input:focus-visible + .k-opcja__karta { outline: 2px solid var(--zielony); outline-offset: 3px; }
.k-opcja__gora { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-height: 26px; }
.k-opcja__nazwa { font: 600 17px/1.2 var(--f-tekst); }

.k-znak { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; font-size: 13px;
  box-shadow: inset 0 0 0 1.5px #c3c8ce; transition: background-color 200ms ease, box-shadow 200ms ease; }
.k-znak i { opacity: 0; transform: scale(0.6); transition: opacity 140ms ease, transform 380ms var(--sprezyna); }
.k-opcja input:checked + .k-opcja__karta .k-znak { background: var(--zielony); box-shadow: none; }
.k-opcja input:checked + .k-opcja__karta .k-znak i { opacity: 1; transform: none; }
.k-opcja__cena { font-size: 15px; color: var(--tekst2); }
.k-opcja__cena b { margin-right: 3px; font: 700 24px/1.15 var(--f-naglowek); letter-spacing: -0.03em; color: var(--tusz); font-variant-numeric: tabular-nums; }
.k-opcja__opis { display: block; font-size: 14.5px; line-height: 1.45; color: var(--tekst2); text-wrap: pretty; }
.k-opcja input:checked + .k-opcja__karta :is(.k-opcja__cena, .k-opcja__opis) { color: var(--na-czarnym2); }
.k-opcja input:checked + .k-opcja__karta .k-opcja__cena b { color: #fff; }
.k-wstazka, .k-dzis { padding: 4px 9px; border-radius: 999px; font: 600 12.5px/1.2 var(--f-tekst); white-space: nowrap; font-variant-numeric: tabular-nums;
  transition: background-color 220ms ease, color 220ms ease; }
.k-wstazka { background: rgb(27 175 122 / 0.12); color: var(--zielony-tekst); }
.k-dzis { display: inline-block; background: #eceef1; color: var(--tusz); }
.k-opcja input:checked + .k-opcja__karta .k-wstazka { background: var(--zielony); color: #fff; }
.k-opcja input:checked + .k-opcja__karta .k-dzis { background: rgb(241 242 243 / 0.14); color: #fff; }
.k-wstazka--pod { margin-top: 2px; }
.k-loga { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.k-loga img { width: 38px; height: auto; border-radius: 5px; box-shadow: 0 0 0 1px rgb(14 15 16 / 0.08); }
html:not(.k-plan-rok) .k-klarna { display: none; }

@media (max-width: 380px) { .k-opcje--plec .k-opcja__karta { padding-inline: 14px; } .k-opcje--plec .k-opcja__nazwa { font-size: 15.5px; } }

.k-pola { display: grid; gap: 14px; }
@media (min-width: 560px) { .k-pola { grid-template-columns: repeat(2, minmax(0, 1fr)); } .k-pole--szer { grid-column: 1 / -1; } }
.k-pole { display: grid; gap: 7px; min-width: 0; align-content: start; }
.k-pole label { font: 600 14px/1.2 var(--f-tekst); color: var(--tusz); }
.k-pole input { width: 100%; height: 54px; padding: 0 16px; border: 0; border-radius: 14px; background: var(--bialy); color: var(--tusz);
  font: 400 17px/1 var(--f-tekst); box-shadow: inset 0 0 0 1.5px var(--linia); -webkit-appearance: none; appearance: none; transition: box-shadow 160ms ease; }
.k-pole input::placeholder { color: #6f747b; }
@media (hover: hover) and (pointer: fine) { .k-pole input:hover { box-shadow: inset 0 0 0 1.5px #b9bec5; } }
.k-pole input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--tusz); }
.k-pole__pomoc { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--tekst2); }
.k-blad { display: none; margin: 0; font: 500 13.5px/1.4 var(--f-tekst); color: var(--czerwony); }
.k-zle > .k-blad, .k-zgoda.k-zle .k-blad { display: block; }
.k-pole.k-zle input { box-shadow: inset 0 0 0 2px var(--czerwony); }
.k-krok.k-zle .k-opcja__karta { box-shadow: inset 0 0 0 1.5px var(--czerwony); }
.k-krok.k-zle > .k-blad { margin-top: 10px; }

.k-faktura-pytanie { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; font-size: 15.5px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.k-faktura-pytanie input, .k-zgoda input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; pointer-events: none; }
.k-pole-wyboru { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: var(--bialy); color: #fff; font-size: 14px;
  box-shadow: inset 0 0 0 1.5px #c3c8ce; transition: background-color 180ms ease, box-shadow 180ms ease, transform 160ms var(--ease-out); }
.k-pole-wyboru i { opacity: 0; transform: scale(0.6); transition: opacity 140ms ease, transform 360ms var(--sprezyna); }
:is(.k-faktura-pytanie input:checked + .k-pole-wyboru, .k-zgoda input:checked + label .k-pole-wyboru) { background: var(--zielony); box-shadow: none; }
:is(.k-faktura-pytanie input:checked + .k-pole-wyboru, .k-zgoda input:checked + label .k-pole-wyboru) i { opacity: 1; transform: none; }
:is(.k-faktura-pytanie input:focus-visible + .k-pole-wyboru, .k-zgoda input:focus-visible + label .k-pole-wyboru) { outline: 2px solid var(--zielony); outline-offset: 2px; }
.k-faktura-pytanie:active .k-pole-wyboru, .k-zgoda label:active .k-pole-wyboru { transform: scale(0.92); }
.k-faktura { margin-top: 14px; }

.k-zgody { display: grid; gap: 14px; margin-top: 26px; }
.k-regulamin { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 16px; border-radius: 16px;
  background: var(--bialy); color: var(--tusz); text-decoration: none; box-shadow: inset 0 0 0 1.5px var(--linia); transition: box-shadow 160ms ease; }
.k-regulamin > i { font-size: 24px; }
.k-regulamin > i:last-child { font-size: 18px; color: var(--tekst2); }
.k-regulamin span { display: grid; gap: 2px; font-size: 13.5px; color: var(--tekst2); }
.k-regulamin b { font: 600 15px/1.3 var(--f-tekst); color: var(--tusz); }
@media (hover: hover) and (pointer: fine) { .k-regulamin:hover { box-shadow: inset 0 0 0 1.5px var(--tusz); } }
.k-zgoda { display: grid; gap: 6px; }
.k-zgoda label { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; font-size: 15px; line-height: 1.5; color: var(--tusz); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.k-zgoda label > span:last-child { padding-top: 1px; text-wrap: pretty; }
.k-zgoda a { color: var(--tusz); font-weight: 600; text-decoration: underline; text-decoration-color: rgb(18 18 18 / 0.3); text-underline-offset: 3px; transition: text-decoration-color 160ms ease; }
@media (hover: hover) and (pointer: fine) { .k-zgoda a:hover { text-decoration-color: var(--tusz); } }
.k-zgoda .k-blad { padding-left: 36px; }
.k-zgoda.k-zle .k-pole-wyboru { box-shadow: inset 0 0 0 2px var(--czerwony); }

.k-projekt { display: flex; align-items: flex-start; gap: 8px; margin: 2px 0 0; padding: 10px 12px; border-radius: 12px; background: #fff4d9; color: #6e4d00; font-size: 13px; line-height: 1.45; }
.k-projekt i { flex: none; margin-top: 1px; font-size: 16px; }

.k-zamow { display: grid; gap: 14px; margin-top: 28px; }

.k-nad { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--tekst2); text-align: center; text-wrap: balance; }
.k-nad b { font-weight: 600; color: var(--tusz); }
.k-przycisk { height: 60px; font-size: 17px; white-space: normal; text-align: center; }
.k-przycisk.k-czeka { pointer-events: none; background: #2a2c30; }
.k-krecek { display: inline-block; width: 16px; height: 16px; margin-right: 10px; vertical-align: -3px; border-radius: 50%; border: 2px solid rgb(255 255 255 / 0.3); border-top-color: #fff; animation: k-krec 700ms linear infinite; }
@keyframes k-krec { to { transform: rotate(360deg); } }
.k-bezpiecznie { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0; font-size: 13.5px; color: var(--tekst2); }

.k-pods { padding: clamp(22px, 2.6vw, 30px); }
.k-pods__gora { display: flex; align-items: center; gap: 14px; }
.k-pods__znak { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; background: #1d1f22; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.1); color: #fff; }
.k-pods__znak svg { width: 28px; height: 22px; }
.k-pods__nazwa { margin: 0; font: 700 20px/1.2 var(--f-naglowek); letter-spacing: -0.02em; color: #fff; }
.k-pods__plan { margin: 3px 0 0; font-size: 14.5px; color: var(--na-czarnym2); }
.k-pods__dzis { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 20px; border-top: 1px solid rgb(241 242 243 / 0.12); }
.k-pods__dzis > span { font-size: 15px; color: var(--na-czarnym2); white-space: nowrap; }

.k-rabat { display: grid; gap: 8px; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgb(241 242 243 / 0.12); }
.k-rabat__etyk { font: 600 14px/1.2 var(--f-tekst); color: var(--na-czarnym); }
.k-rabat__wiersz { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.k-rabat input { width: 100%; height: 46px; padding: 0 14px; border: 0; border-radius: 12px; background: rgb(241 242 243 / 0.07); color: #fff; font: 600 15px/1 var(--f-tekst); letter-spacing: 0.06em; text-transform: uppercase;
  box-shadow: inset 0 0 0 1.5px rgb(241 242 243 / 0.16); caret-color: var(--zielony-wykres); transition: box-shadow 160ms ease; -webkit-appearance: none; appearance: none; }
.k-rabat input::placeholder { color: rgb(241 242 243 / 0.45); letter-spacing: 0; text-transform: none; font-weight: 400; }
.k-rabat input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--zielony-wykres); }
.k-rabat__przycisk { height: 46px; padding: 0 16px; border: 0; border-radius: 12px; background: #f1f2f3; color: #121212; font: 600 14.5px/1 var(--f-tekst); cursor: pointer; transition: transform 160ms var(--ease-out), background-color 160ms ease; }
.k-rabat__przycisk:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) { .k-rabat__przycisk:hover { background: #fff; } }
.k-rabat__info { min-height: 0; margin: 0; font-size: 13.5px; line-height: 1.4; color: var(--na-czarnym2); }
.k-rabat__info:empty { display: none; }
.k-rabat.k-rabat--ok input { box-shadow: inset 0 0 0 2px var(--zielony-wykres); }
.k-rabat.k-rabat--ok .k-rabat__info { color: var(--zielony-wykres); }
.k-rabat.k-rabat--zly input { box-shadow: inset 0 0 0 2px #ff7a6e; }
.k-rabat.k-rabat--zly .k-rabat__info { color: #ff9d94; }
.k-pods__dzis strong { text-align: right; }
.k-pods__stara { display: block; margin-bottom: 6px; font: 500 15px/1 var(--f-tekst); letter-spacing: 0; color: var(--na-czarnym2); text-decoration: line-through; }
.k-pods__dzis strong { display: block; font: 700 clamp(40px, 4vw, 52px)/1 var(--f-naglowek); letter-spacing: -0.04em; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.k-pods__lista { list-style: none; display: grid; gap: 11px; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid rgb(241 242 243 / 0.12); }
.k-pods__lista li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; font-size: 14.5px; line-height: 1.45; color: var(--na-czarnym); }
.k-pods__lista i { margin-top: 1px; font-size: 19px; color: var(--zielony-wykres); }

.k-bok { display: grid; gap: 16px; align-content: start; }
.k-form > .k-bok { margin-top: clamp(32px, 4vw, 44px); }
@media (min-width: 1000px) {
  .k-siatka { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(40px, 5vw, 72px); align-items: start; }
  .k-bok--przyklejony { position: sticky; top: 92px; }
}

.k-os { padding: clamp(22px, 3vw, 30px); container-type: inline-size; }
.k-os__tytul { margin: 0 0 18px; font: 700 clamp(20px, 2vw, 24px)/1.2 var(--f-naglowek); letter-spacing: -0.02em; color: #fff; text-wrap: balance; }
.k-os__lista { list-style: none; display: grid; margin: 0; padding: 0; }
.k-os__punkt { position: relative; display: grid; grid-template-columns: 76px 20px minmax(0, 1fr); column-gap: 12px; padding-bottom: 18px; }
.k-os__data { padding-top: 4px; font: 600 14px/1.3 var(--f-tekst); color: var(--na-czarnym2); font-variant-numeric: tabular-nums; }
.k-os__kropka { position: relative; z-index: 1; display: block; width: 14px; height: 14px; margin: 5px auto 0; border-radius: 50%; background: var(--czarny); box-shadow: inset 0 0 0 2px rgb(241 242 243 / 0.42); }
.k-os__punkt:first-child .k-os__kropka { background: var(--zielony-wykres); box-shadow: 0 0 0 5px rgb(79 209 161 / 0.16); }
.k-os__punkt:not(:last-child)::before { content: ""; position: absolute; left: calc(76px + 12px + 9px); top: 20px; bottom: -4px; width: 2px; border-radius: 1px; background: rgb(241 242 243 / 0.14); }
.k-os__kwota { display: block; font: 700 22px/1.2 var(--f-naglowek); letter-spacing: -0.03em; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.k-os__tekst { margin: 4px 0 0; font-size: 14.5px; line-height: 1.45; color: var(--na-czarnym2); text-wrap: pretty; }
.k-os__stopka { margin: 2px 0 0; padding-top: 16px; border-top: 1px solid rgb(241 242 243 / 0.12); font-size: 14.5px; line-height: 1.55; color: var(--na-czarnym); text-wrap: pretty; }

@container (min-width: 620px) {
  .k-os__lista { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); column-gap: 18px; }
  .k-os__punkt { grid-template-columns: none; grid-template-rows: 20px 22px auto; row-gap: 10px; padding-bottom: 24px; }
  .k-os__data { padding-top: 0; }
  .k-os__kropka { margin: 4px 0 0; }
  .k-os__punkt:not(:last-child)::before { left: 18px; right: -14px; top: calc(20px + 10px + 10px); bottom: auto; width: auto; height: 2px; }
}

.k-stopka { padding-block: 22px 30px; border-top: 1px solid var(--linia); font-size: 12.5px; line-height: 1.6; color: var(--cichy); }
.k-stopka__dane { margin: 0 0 8px; text-wrap: pretty; }
.k-stopka__dane a { color: inherit; }
.k-stopka__dok { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.k-stopka__dok a { color: var(--tekst2); text-decoration: none; text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .k-stopka__dok a:hover { color: var(--tusz); text-decoration: underline; } }

.k-po { position: fixed; inset: 69px 0 0; z-index: 15; overflow-y: auto; overscroll-behavior: contain; padding-block: clamp(32px, 6vh, 72px) 56px; background: var(--tlo); }
.k-po__wrap { width: min(100%, 680px); }
.k-po__platnosc { animation: k-wjazd 420ms var(--ease-out) both; }
@keyframes k-wjazd { from { opacity: 0; transform: translateY(14px); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
.k-po__ikona { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: var(--czarny); color: #fff; font-size: 24px; }
.k-po__tytul { margin: 20px 0 0; font: 700 clamp(30px, 3.6vw, 44px)/1.08 var(--f-naglowek); letter-spacing: -0.035em; text-wrap: balance; }
.k-po__tytul:focus { outline: none; }
.k-po__tekst { max-width: 52ch; margin: 12px 0 0; font-size: 17px; line-height: 1.55; color: var(--tekst2); text-wrap: pretty; }
.k-po__przyciski { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.k-haslo { display: grid; gap: 14px; margin-top: 24px; padding: clamp(18px, 3vw, 24px); border-radius: 22px; background: var(--bialy); box-shadow: inset 0 0 0 1.5px var(--linia); }
.k-haslo .k-przycisk { margin-top: 4px; }
.k-po__mail { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--tekst2); }
.k-po__mail i { flex: none; margin-top: 3px; font-size: 16px; }
.k-po__makieta { margin: 22px 0 0; font-size: 13px; color: var(--cichy); }

@media (prefers-reduced-motion: reduce) {
  .k-opcja__karta, .k-znak i, .k-pole-wyboru, .k-pole-wyboru i { transition-duration: 0ms; }
  .k-opcja:active .k-opcja__karta, .k-faktura-pytanie:active .k-pole-wyboru, .k-zgoda label:active .k-pole-wyboru { transform: none; }
  .k-po__platnosc { animation: k-tylko-krycie 200ms ease both; }
  .k-krecek { animation-duration: 1600ms; }
}
@keyframes k-tylko-krycie { from { opacity: 0; } to { opacity: 1; } }

.k-blad-zamowienia { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px 14px; border-radius: 14px; background: rgb(196 61 50 / 0.08);
  font: 500 14.5px/1.45 var(--f-tekst); color: var(--czerwony); text-wrap: pretty; }
.k-blad-zamowienia[hidden] { display: none; }
.k-rabat--czeka .k-rabat__przycisk { opacity: 0.6; cursor: progress; }

.k-nad.k-nad--warunki { padding: 12px 14px; border-radius: 14px; background: var(--bialy); box-shadow: inset 0 0 0 1.5px var(--linia); color: var(--tusz); text-align: left; }

.k-gotowe { width: min(100%, 632px); margin-inline: auto; padding: clamp(28px, 6vh, 64px) 16px 44px; }
.k-gotowe__gora { padding: 4px 4px 22px; }
.k-gotowe__logo { display: inline-block; }
.k-gotowe__logo img { width: 205px; height: 24px; }

.k-gotowe__karta { padding: 40px 40px 36px; border: 1px solid var(--linia); border-radius: 24px; background: var(--bialy);
  animation: k-wjazd 420ms var(--ease-out) both; }
.k-gotowe__baner { width: 100%; height: auto; margin: 0 0 26px; border-radius: 18px; background: #121315; }

.k-gotowe__stan { display: flex; width: fit-content; align-items: center; gap: 7px; margin: 0 0 14px; padding: 7px 13px 7px 11px; border-radius: 999px;
  background: #e4f5ee; color: #0b7a51; font: 600 13px/1 var(--f-tekst); white-space: nowrap; }
.k-gotowe__stan::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--zielony); }
.k-gotowe__stan--uwaga { background: #fcf1dc; color: #8a5300; }
.k-gotowe__stan--uwaga::before { background: #e09b1f; }

.k-gotowe__tytul { margin: 0; font: 700 30px/1.15 var(--f-naglowek); letter-spacing: -0.02em; color: var(--tusz); text-wrap: balance; overflow-wrap: break-word; }
.k-gotowe__tekst { margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: #2b2e33; text-wrap: pretty; }

.k-gotowe__kroki { list-style: none; display: grid; gap: 12px; margin: 22px 0 0; padding: 0; }
.k-gotowe__kroki li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: start; }
.k-gotowe__kroki li > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--zielony); color: #fff;
  font: 700 13px/1 var(--f-tekst); font-variant-numeric: tabular-nums; }

.k-gotowe__kroki p { margin: 3px 0 0; font-size: 15px; line-height: 1.5; color: #2b2e33; text-wrap: pretty; overflow-wrap: break-word; }
.k-gotowe__kroki b { font-weight: 600; color: var(--tusz); }

.k-gotowe__kwota { margin: 22px 0 0; padding: 22px; border-radius: 20px; background: var(--tusz); color: #fff; }
.k-gotowe__kwota-stan { display: flex; width: fit-content; align-items: center; gap: 6px; margin: 0 0 14px; padding: 6px 12px 6px 10px; border-radius: 999px;
  background: #123a2b; color: var(--zielony-wykres); font: 600 12px/1 var(--f-tekst); white-space: nowrap; }
.k-gotowe__kwota-stan::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.k-gotowe__kwota-liczba { margin: 0; font: 700 44px/1 var(--f-naglowek); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.k-gotowe__kwota-opis { margin: 8px 0 0; font-size: 14px; line-height: 1.45; color: #9aa0a7; text-wrap: pretty; }
.k-gotowe__kwota-opis:empty { display: none; }

.k-gotowe__przycisk { height: 48px; margin-top: 24px; }

.k-gotowe__stopka { padding: 28px 8px 0; text-align: center; font-size: 12px; line-height: 1.5; color: #8b9097;
  animation: k-wjazd 420ms var(--ease-out) 60ms both; }
.k-gotowe__sygnet { display: block; width: 29px; height: 22px; margin: 0 auto 8px; fill: #8b9097; }
.k-gotowe__haslo { margin: 0; }
.k-gotowe__dane { max-width: 54ch; margin: 18px auto 0; text-wrap: balance; }
.k-gotowe__dane a { color: inherit; }
.k-gotowe__stopka .k-stopka__dok { justify-content: center; gap: 4px 16px; margin-top: 8px; }

@media (max-width: 620px) {
  .k-gotowe { padding: 16px 12px 28px; }
  .k-gotowe__karta { padding: 30px 22px 28px; border-radius: 20px; }
  .k-gotowe__tytul { font-size: 27px; }
}

@media (prefers-reduced-motion: reduce) {
  .k-gotowe__karta, .k-gotowe__stopka { animation: k-tylko-krycie 200ms ease both; }
}