.kk { --kk-hore: 73px; --kk-ram: #D9D2C3; --kk-seg: #F2EEE6; --kk-linka: #EFEBE3;
  --kk-text-tmavy: #C9C1B3; --kk-zle-svetla: #E9A27A; background: var(--paper); }
.kk h2, .kk h3 { font-family: var(--pismo-nadpis); font-weight: var(--vaha-nadpis); letter-spacing: -.02em; margin: 0; color: inherit; }
.kk p { margin: 0; }
.kk [hidden] { display: none !important; }
.kk-pas__pdf svg, .kk-dalej svg, .kk-spat svg { flex: none; fill: none; stroke: currentColor; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round; }
.kk button { font-family: var(--pismo-text); }
.kk :focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.kk-dobre { color: var(--emerald); }
.kk-zle { color: var(--clay); }
.kk-dobre-svetla { color: var(--emerald-up); }
.kk-zle-svetla { color: var(--kk-zle-svetla); }
.kk-c { font-family: var(--pismo-nadpis); font-weight: 700; letter-spacing: -.03em; line-height: 1;
  font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; }
.kk-pas { background: #121214; color: var(--paper); border-top: 1px solid rgba(226, 199, 124, .15); }
.kk-pas__riadok { display: flex; align-items: stretch; gap: 28px; min-height: 72px; }
.kk-pas__titul { display: flex; flex-direction: column; justify-content: center; flex: none; }
.kk-pas__titul .oznacenie { margin: 0; font-size: 11px; color: var(--gold-up); }
.kk-pas__titul h1 { margin: 2px 0 0; font: 600 17px/1.25 var(--pismo-nadpis); letter-spacing: -.01em; }
.kk-pas__titul h1 span { color: var(--gold-up); }
.kk-kroky { display: flex; flex: 1; gap: 8px; min-width: 0; }
.kk-kroky__krok { flex: 1 1 0; min-width: 0; display: flex; gap: 12px; align-items: center; padding: 0 10px;
  border: 0; border-bottom: 3px solid transparent; background: none; color: #B9B1A3; text-align: left; cursor: pointer;
  transition: background .2s, color .2s; }
.kk-kroky__krok:hover { background: rgba(226, 199, 124, .07); color: var(--paper); }
.kk-kroky__krok[aria-current] { border-bottom-color: var(--gold); color: #fff; }
.kk-kroky__krok i { flex: none; font-style: normal; display: grid; place-items: center; width: 30px; height: 30px;
  border-radius: 50%; border: 1.5px solid #6E675C; font: 600 14px var(--pismo-nadpis); }
.kk-kroky__krok[aria-current] i { background: var(--gold); border-color: var(--gold); color: var(--ink); }
.kk-kroky__krok.je-hotovy i { background: #2A2A2E; border-color: #2A2A2E; color: var(--gold-up); }
.kk-kroky__krok > span { min-width: 0; }
.kk-kroky__krok small { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
.kk-kroky__krok strong { display: block; font: 600 16px/1.25 var(--pismo-nadpis); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kk-kroky__krok em { display: block; font-style: normal; font-size: 12px; color: var(--gold-up); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kk-kroky__krok em:empty { display: none; }
.kk-pas__pdf { align-self: center; flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  border: 1px solid rgba(226, 199, 124, .45); border-radius: var(--radius-s); background: none; color: var(--paper);
  padding: 0 14px; font-weight: 600; font-size: 14px; cursor: pointer; transition: background .2s; }
.kk-pas__pdf:hover { background: rgba(226, 199, 124, .1); }
.kk-plocha { padding-block: 24px; }
.kk-karta { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; }
.kk-otazka { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }
.kk-otazka i { flex: none; font-style: normal; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%;
  background: var(--paper); border: 1px solid var(--line); font-size: 12px; font-weight: 600; color: var(--gold-text); }
.kk-otazka h2 { font-size: 18px; }
.kk-otazka > span { margin-left: auto; font-size: 12.5px; color: var(--ink-soft); text-align: right; }
.kk-polia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kk-polia--tri { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kk-polia--pod { margin-top: 10px; }
.kk-pole { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.kk-pole + .kk-pole, .kk-posuvnik + .kk-pole { margin-top: 10px; }
.kk-polia > .kk-pole { margin-top: 0 !important; }
.kk-pole--cele { grid-column: 1 / -1; }
.kk-menovka { font-size: 13px; font-weight: 500; color: var(--ink); }
.kk-vstup { display: flex; align-items: center; height: 44px; padding: 0 12px; background: var(--card);
  border: 1px solid var(--kk-ram); border-radius: var(--radius-s); cursor: text; transition: border-color .15s, box-shadow .15s; }
.kk-vstup:focus-within { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(200, 164, 77, .22); }
.kk-vstup input { flex: 1; min-width: 0; width: 100%; border: 0; outline: 0; padding: 0; background: transparent;
  font: 600 16px var(--pismo-text); color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
.kk-vstup input::placeholder { color: #A69E90; font-weight: 500; }
.kk-vstup > span { flex: none; margin-left: 6px; font-size: 14px; color: #8C8477; }
.kk :focus-visible.kk-vstup input, .kk-vstup input:focus-visible { outline: 0; }
.kk-pole--velke .kk-vstup { height: 52px; }
.kk-pole--velke .kk-vstup input { font-size: 20px; }
.kk-hint { font-size: 12.5px; line-height: 1.4; color: var(--ink-soft); }
.kk-hint--pod { margin-top: 8px; }
.kk-krok--1 .kk-pole--vodorovne { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
.kk-krok--1 .kk-pole--vodorovne .kk-vstup { flex: 0 1 140px; }
.kk-hint--tucne { font-weight: 600; color: var(--ink); }
.kk-hint b { color: var(--ink); }
.kk-seg { display: inline-flex; align-self: flex-start; gap: 3px; padding: 3px; border-radius: var(--radius-s); background: var(--kk-seg); }
.kk-seg button { min-height: 38px; padding: 0 14px; border: 0; border-radius: 7px; background: transparent;
  color: var(--ink-soft); font-weight: 600; font-size: 14px; cursor: pointer; transition: background .15s, color .15s; }
.kk-seg button:hover:not(:disabled) { color: var(--ink); }
.kk-seg button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.kk-seg button:disabled { opacity: .45; cursor: not-allowed; }
.kk-seg--male button { min-height: 34px; padding: 0 12px; font-size: 13px; }
.kk-prepinac { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--kk-linka); }
.kk-prepinac p { flex: 1 1 auto; font-weight: 500; font-size: 14px; min-width: 0; }
.kk-prepinac small { display: block; font-size: 12px; font-weight: 400; color: var(--ink-soft); }
.kk-vedla { display: flex; align-items: center; gap: 8px; flex: none; }
.kk-odkaz { border: 0; background: none; padding: 6px 4px; min-height: 38px; color: var(--gold-text); font-weight: 600; font-size: 14px;
  cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.kk-odkaz[hidden] { display: none; }
.kk-posuvnik { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 26px; margin: 6px 0 0; background: transparent; cursor: pointer;
  --plna: 100%; --dan: 0%; }
.kk-posuvnik[hidden] { display: none; }
.kk-posuvnik::-webkit-slider-runnable-track { height: 6px; border-radius: 3px;
  background: linear-gradient(to right, var(--gold) var(--plna), var(--line) var(--plna)); }
.kk-posuvnik::-moz-range-track { height: 6px; border-radius: 3px; background: var(--line); }
.kk-posuvnik::-moz-range-progress { height: 6px; border-radius: 3px; background: var(--gold); }
.kk-posuvnik::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; margin-top: -9px; border-radius: 50%;
  background: #fff; border: 6px solid var(--gold-text); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.kk-posuvnik::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 6px solid var(--gold-text); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.kk-posuvnik--dan::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #E9C9B5 0 min(var(--dan), var(--plna)), var(--gold) min(var(--dan), var(--plna)) var(--plna), var(--line) var(--plna)); }
.kk-dalej { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 20px;
  border: 0; border-radius: var(--radius-s); background: var(--ink); color: #fff; font-weight: 600; font-size: 16px; cursor: pointer;
  transition: background .2s; }
.kk-dalej:hover { background: #2A2A2E; }
.kk-dalej--uzke { min-height: 46px; font-size: 15px; }
.kk-spat { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 54px; padding: 0 20px;
  border: 1px solid var(--kk-ram); border-radius: var(--radius-s); background: var(--card); color: var(--ink); font-weight: 600; font-size: 15px; cursor: pointer; }
.kk-spat:hover { border-color: var(--ink); }
.kk-spat--text { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--ink-soft); font-size: 14px; }
.kk-spat--text:hover { color: var(--ink); }
.kk-tlacidla { display: flex; gap: 12px; }
.kk-tlacidla .kk-dalej { flex: 1; }
.kk-vysledok { position: relative; background: var(--ink-deep); color: var(--paper); border-radius: 16px; padding: 28px 30px; }
.kk-oz { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-up); }
.kk-oz--tlmene { color: var(--ink-mute); }
.kk-oz--tmave { color: var(--gold-text); }
.kk-vysledok__uvod { margin: 14px 0 6px !important; font-size: 16px; color: var(--kk-text-tmavy); }
.kk-vysledok__uvod--male { margin: 0 0 6px !important; font-size: 14px; }
.kk-c--hlavne { font-size: 68px; color: var(--gold-up); }
.kk-c--velke { font-size: 42px; }
.kk-c--kpi { font-size: 54px; }
.kk-c--stredne { font-size: 34px; }
.kk-c--zlate { color: var(--gold-up); font-size: 30px; margin-top: 4px; }
.kk-c--zlate.kk-c--stredne { font-size: 38px; }
.kk-mala { font-size: 13px; line-height: 1.45; color: var(--ink-mute); }
.kk-mala b { color: var(--paper); }
.kk-mala--svetla { color: var(--kk-text-tmavy); margin-top: 10px !important; }
.kk-vysledok > .kk-mala:first-of-type { margin-top: 10px; }
.kk-ciara { height: 1px; background: rgba(226, 199, 124, .2); margin: 20px 0; }
.kk-ciara--uzka { margin: 14px 0 4px; }
.kk-vysledok__kupa { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; }
.kk-vpravo { text-align: right; }
.kk-delenie { display: flex; height: 34px; margin-top: 14px; border-radius: 8px; overflow: hidden; font-size: 13px; font-weight: 600; }
.kk-delenie span { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 0 8px; white-space: nowrap; overflow: hidden; }
.kk-delenie span:first-child { background: var(--gold); color: var(--ink); }
.kk-delenie span:last-child { background: rgba(255, 255, 255, .12); }
.kk-limity { display: grid; gap: 12px; margin-top: 12px; }
.kk-limity__riadok { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; }
.kk-limity__riadok .kk-c { font-size: 17px; }
.kk-stitok { display: none; margin-left: 8px; padding: 2px 6px; border-radius: 4px; background: var(--gold-up); color: var(--ink);
  font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; vertical-align: 2px; }
.je-rozhoduje .kk-stitok { display: inline-block; }
.je-rozhoduje .kk-limity__riadok > span { font-weight: 600; }
.je-rozhoduje .kk-c { color: var(--gold-up); }
.kk-bar { height: 7px; margin-top: 6px; border-radius: 4px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.kk-bar i { display: block; height: 100%; border-radius: 4px; background: rgba(255, 255, 255, .35); transition: width .25s; }
.je-rozhoduje .kk-bar i { background: var(--gold); }
.kk-vysvetlenie { margin-top: auto; }
.kk-vysvetlenie__tlacidlo { min-height: 44px; padding: 12px 0 0; border: 0; background: none; color: var(--gold-up);
  font-size: 14px; font-weight: 600; cursor: pointer; }
.kk-vysvetlenie__text { position: absolute; left: 30px; right: 30px; bottom: 64px; z-index: 2; display: grid; gap: 6px; padding: 16px;
  border: 1px solid rgba(226, 199, 124, .3); border-radius: 12px; background: #1E1E21; color: var(--kk-text-tmavy);
  font-size: 13px; line-height: 1.5; box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .6); }
.kk-vysvetlenie__text[hidden] { display: none; }
.kk-vysvetlenie__text b { color: var(--paper); }
.kk-vysvetlenie__text--irr { top: 120px; bottom: auto; left: 26px; right: 26px; }
.kk-info { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-left: 6px; padding: 0; vertical-align: 1px;
  border: 1px solid rgba(226, 199, 124, .5); border-radius: 50%; background: none; color: var(--gold-up); font-size: 12px; font-weight: 700; cursor: pointer; }
.kk-info::after { content: ""; position: absolute; inset: -11px; }
.kk-info { position: relative; }
.kk-karta--sekcie { padding-top: 18px; padding-bottom: 18px; }
.kk-sekcia { padding: 14px 0; border-top: 1px solid var(--kk-linka); }
.kk-sekcia:first-child { padding-top: 0; border-top: 0; }
.kk-sekcia:last-child { padding-bottom: 0; }
.kk-sekcia .kk-otazka { margin-bottom: 10px; }
.kk-sekcia .kk-otazka i { width: 24px; height: 24px; }
.kk-sekcia .kk-otazka h2 { font-size: 17px; }
.kk-kupa { display: grid; gap: 0 12px; }
@media (min-width: 1180px) {
  .kk-kupa { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); grid-template-areas: "cena reno" "posuvnik ."; }
  .kk-kupa__cena { grid-area: cena; }
  .kk-kupa__reno { grid-area: reno; margin-top: 0 !important; }
  .kk-kupa__posuvnik { grid-area: posuvnik; }
}
.kk-vysledok--pas { padding: 22px 28px; }
.kk-kpi { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 24px; align-items: end; margin-top: 12px; }
.kk-kpi .kk-c { margin-top: 6px; }
.kk-kpi .kk-c--kpi.kk-dobre { color: var(--emerald-up); }
.kk-kpi .kk-c--kpi.kk-zle { color: var(--kk-zle-svetla); }
.kk-spodok { display: grid; grid-template-columns: 5fr 7fr; gap: 16px; }
.kk-tok, .kk-cf { display: flex; flex-direction: column; }
.kk-tok h2, .kk-cf h2 { font-size: 17px; }
.kk-tok > .kk-hint:first-of-type { margin: 2px 0 16px; }
.kk-tok__riadky { display: grid; gap: 12px; }
.kk-tok__riadok { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; font-size: 14px; }
.kk-tok__riadok b { font-family: var(--pismo-nadpis); text-align: right; font-variant-numeric: tabular-nums; }
.kk-tok__riadok i { grid-column: 1 / -1; height: 12px; border-radius: 4px; transition: width .25s; }
.kk-tok__riadok--spolu { padding-top: 12px; border-top: 1px solid var(--line); }
.kk-tok__riadok--spolu span { font-weight: 600; }
.kk-tok__riadok--spolu b { font-size: 17px; }
.kk-tok__pozn { margin-top: auto !important; padding-top: 14px; }
.kk-cf__hlava { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.kk-cf__telo { flex: 1; min-height: 0; margin-top: 12px; display: flex; flex-direction: column; }
.kk-tabulka { width: 100%; border-collapse: collapse; font-size: 14px; }
.kk-tabulka th { padding: 0 0 8px; border-bottom: 1px solid var(--line); text-align: right; font-size: 11px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); }
.kk-tabulka td { padding: 7px 0; border-bottom: 1px solid #F0ECE4; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kk-tabulka th:first-child, .kk-tabulka td:first-child { text-align: left; }
.kk-tabulka__cf { font-family: var(--pismo-nadpis); font-weight: 600; }
.kk-tabulka tr.je-prvy td { background: #FBF6E8; }
.kk-cf__telo > .kk-tabulka.je-roztiahnuta { flex: 1 1 auto; }
.kk-leg { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12.5px; color: var(--ink-soft); }
.kk-leg span { display: inline-flex; align-items: center; gap: 6px; }
.kk-leg i { display: inline-block; width: 16px; height: 8px; border-radius: 2px; }
.kk-leg--cf { background: var(--gold); }
.kk-leg--najom { background: var(--ink); height: 3px !important; }
.kk-leg--vydaj { background: var(--clay); height: 3px !important; }
.kk-leg--hodnota { background: #E7D29C; }
.kk-leg--kapital { background: var(--emerald); }
.kk-leg--dlh { background: var(--clay); height: 3px !important; }
.kk-graf-cf { flex: 1; min-height: 160px; margin-top: 8px; }
.kk svg text { font-family: var(--pismo-text); font-size: 12px; fill: var(--ink-soft); }
.kk-svg-mriezka line { stroke: var(--kk-linka); }
.kk-svg-mriezka line.nula { stroke: var(--ink); }
.kk-svg-cf { fill: rgba(200, 164, 77, .28); stroke: var(--gold); stroke-width: 2.5; }
.kk-svg-najom { fill: none; stroke: var(--ink); stroke-width: 2.5; }
.kk-svg-vydaj { fill: none; stroke: var(--clay); stroke-width: 2.5; stroke-dasharray: 7 5; }
.kk-svg-bezdane { fill: rgba(11, 122, 92, .05); }
.kk svg text.kk-svg-bezdane-text { fill: var(--emerald); font-weight: 600; }
.kk-svg-hodnota { fill: rgba(231, 210, 156, .55); stroke: var(--gold); stroke-width: 2; }
.kk-svg-kapital { fill: rgba(11, 122, 92, .25); stroke: var(--emerald); stroke-width: 2.5; }
.kk-svg-dlh { fill: none; stroke: var(--clay); stroke-width: 2.5; stroke-dasharray: 8 6; }
.kk-svg-rok { stroke: var(--ink); stroke-width: 1.5; stroke-dasharray: 5 4; }
.kk-svg-bod { fill: var(--gold-text); stroke: #fff; stroke-width: 3; }
.kk-ovladanie { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 28px; align-items: center; padding: 14px 22px; }
.kk-ovladanie__nazov { display: flex; align-items: center; gap: 12px; }
.kk-ovladanie__nazov h2 { font-size: 18px; }
.kk-rok { padding: 6px 10px; border-radius: 7px; background: var(--ink); color: var(--gold-up);
  font: 700 18px/1 var(--pismo-nadpis); letter-spacing: -.02em; white-space: nowrap; }
.kk-ovladanie__posuvnik .kk-posuvnik { margin: 0; }
.kk-ovladanie__popisy { display: flex; justify-content: space-between; gap: 10px; margin-top: 4px; font-size: 12.5px; color: var(--ink-soft); }
.kk-ovladanie__popisy .kk-dobre { font-weight: 600; }
.kk-pole--riadok { flex-direction: row; align-items: center; gap: 10px; }
.kk-pole--riadok .kk-vstup { width: 110px; }
.kk-predaj { padding: 20px 26px; }
.kk-predaj__hlava { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.kk-dan { padding: 4px 10px; border-radius: 6px; background: rgba(226, 199, 124, .16); color: var(--gold-up); font-size: 12.5px; font-weight: 600; }
.kk-dan.je-bez-dane { background: rgba(59, 190, 145, .14); color: var(--emerald-up); }
.kk-predaj__cisla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 12px; align-items: end; }
.kk-predaj__cisla .kk-c { margin-top: 6px; }
.kk-predaj .kk-c--kpi { font-size: 52px; }
.kk-zdroj { display: grid; gap: 7px; margin-top: 10px; }
.kk-zdroj__riadok { display: grid; grid-template-columns: minmax(0, 1fr) 150px 92px; gap: 12px; align-items: center; font-size: 13.5px; color: var(--kk-text-tmavy); }
.kk-zdroj__riadok i { height: 8px; border-radius: 4px; min-width: 3px; transition: width .25s; }
.kk-zdroj__riadok b { font-family: var(--pismo-nadpis); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kk-graf { display: flex; flex-direction: column; padding-bottom: 12px; }
.kk-graf__hlava { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.kk-graf__hlava h2 { font-size: 16px; }
.kk-graf__plocha { flex: 1; min-height: 180px; margin-top: 8px; }
.kk-nechate__stlpce { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 8px; }
.kk-dl { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 6px 0; border-bottom: 1px solid #F0ECE4; font-size: 14px; }
.kk-dl:last-child { border-bottom: 0; }
.kk-dl b { font-family: var(--pismo-nadpis); font-size: 17px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kk-nechate > .kk-hint:last-child { margin-top: 8px; }
.kk-scen__hlava { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.kk-scen__hlava h2 { font-size: 16px; }
.kk-scen__dlazdice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.kk-scen { padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; }
.kk-scen__nazov { font-size: 12.5px; font-weight: 600; }
.kk-scen__irr { margin-top: 4px !important; font-size: 22px; }
.kk-scen__zisk { font-size: 12.5px; font-weight: 600; margin-top: 4px !important; }
.kk-scen__pozn { font-size: 11px; color: var(--ink-soft); margin-top: 2px !important; }
.kk-scen--pes { border-top: 3px solid var(--clay); }
.kk-scen--pes .kk-scen__nazov { color: var(--clay); }
.kk-scen--zak { border: 2px solid var(--gold); background: #FBF6E8; }
.kk-scen--zak .kk-scen__nazov { color: var(--gold-text); }
.kk-scen--opt { border-top: 3px solid var(--emerald); }
.kk-scen--opt .kk-scen__nazov { color: var(--emerald); }
.kk-cta { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 18px 20px;
  border-radius: var(--radius); background: var(--ink-deep); color: var(--paper); }
.kk-cta h2 { font-size: 19px; }
.kk-cta h2 span { color: var(--gold-up); }
.kk-cta > p { font-size: 13px; color: var(--kk-text-tmavy); }
.kk-cta__formular { display: grid; gap: 10px; }
.kk-cta__riadok { display: flex; gap: 8px; }
.kk-cta__riadok input { flex: 1; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid rgba(226, 199, 124, .35); border-radius: var(--radius-s);
  background: var(--ink-mid); color: var(--paper); font: 16px var(--pismo-text); }
.kk-cta__riadok input::placeholder { color: #8C8477; }
.kk-cta__riadok button { flex: none; height: 46px; padding: 0 16px; border: 0; border-radius: var(--radius-s); background: var(--gold); color: var(--ink);
  font-weight: 600; font-size: 15px; cursor: pointer; }
.kk-cta__riadok button:hover { background: var(--gold-up); }
.kk-cta__riadok button:disabled { opacity: .6; cursor: wait; }
.kk-cta__suhlas { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; line-height: 1.45; color: var(--ink-mute); }
.kk-cta__suhlas input { flex: none; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--gold); }
.kk-cta__suhlas a { color: var(--gold-up); }
.kk-cta .formular__stav { margin: 0; font-size: 13px; color: var(--gold-up); }
.kk-prazdne { max-width: 46rem; padding: 2rem 0; font-size: 1.05rem; color: var(--ink-soft); }
.kk-prazdne[hidden], .kk-mriezka3[hidden] { display: none !important; }
.kk-okno { width: min(960px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 0; border-radius: 16px;
  background: var(--paper); color: var(--ink); box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .5); }
.kk-okno[open] { display: flex; flex-direction: column; }
.kk-okno::backdrop { background: rgba(11, 11, 12, .6); }
.kk-okno__hlava { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 20px 24px 14px; border-bottom: 1px solid var(--line); }
.kk-okno__hlava h2 { margin-top: 4px; font-size: 22px; }
.kk-okno__zavriet { flex: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--card);
  font-size: 24px; line-height: 1; cursor: pointer; }
.kk-okno__telo { flex: 1; min-height: 0; overflow: auto; padding: 18px 24px; display: grid; gap: 18px; }
.kk-okno__vstupy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.kk-okno__pata { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 24px; border-top: 1px solid var(--line); background: var(--card); border-radius: 0 0 16px 16px; }
.kk-okno__suhrn { font-weight: 600; color: var(--emerald); }
.kk-podnik { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; display: grid; gap: 12px; }
.kk-podnik__prepinac { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; padding: 0 14px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--paper); color: var(--ink); font-weight: 600; font-size: 15px; cursor: pointer; text-align: left; }
.kk-podnik__prepinac::after { content: "+"; font-size: 18px; color: var(--gold-text); }
.kk-podnik__prepinac[aria-expanded="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.kk-podnik__prepinac[aria-expanded="true"]::after { content: "\2212"; color: var(--gold-up); }
.kk-podnik__polia { display: grid; gap: 12px; }
.kk-podnik__polia[hidden] { display: none; }
.kk-nace { position: relative; }
.kk-nace .kk-vstup input { text-align: left; font-weight: 500; font-size: 15px; }
.kk-nace__zoznam { position: absolute; left: 0; right: 0; top: 100%; z-index: 5; max-height: 220px; overflow: auto; margin-top: 4px;
  background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .35); }
.kk-nace__zoznam[hidden] { display: none; }
.kk-nace__zoznam [role="option"] { padding: 8px 12px; font-size: 13px; border-bottom: 1px solid var(--line); cursor: pointer; }
.kk-nace__zoznam [role="option"]:hover, .kk-nace__zoznam [aria-selected="true"] { background: var(--paper); }
.kk-nace__nic { padding: 8px 12px; font-size: 13px; color: var(--ink-soft); }
.kk-zaskrtnutie { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.45; cursor: pointer; }
.kk-zaskrtnutie input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--emerald); }
.kk-banky { display: grid; gap: 10px; }
.kk-banky[hidden] { display: none; }
.kk-banky h3 { font-size: 17px; }
.kk-banky__zoznam { display: grid; gap: 8px; }
.kk-banka { display: grid; gap: 6px; width: 100%; padding: 12px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--card);
  color: var(--ink); text-align: left; cursor: pointer; }
.kk-banka:hover { border-color: var(--kk-ram); }
.kk-banka.je-vybrata { border-color: var(--emerald); background: #F1F7F3; }
.kk-banka__meno { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 15px; }
.kk-znacka { padding: 2px 7px; border-radius: 5px; border: 1px solid var(--gold); color: var(--gold-text); font-size: 11.5px; font-weight: 600; }
.kk-znacka--tmava { background: var(--ink); border-color: var(--ink); color: #fff; }
.kk-znacka--zelena { background: var(--emerald); border-color: var(--emerald); color: #fff; text-transform: uppercase; letter-spacing: .06em; }
.kk-banka__cast { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
.kk-banka__cast + .kk-banka__cast { padding-top: 6px; border-top: 1px dashed var(--line); }
.kk-banka__popis { flex: 1 1 260px; min-width: 0; font-size: 12.5px; line-height: 1.45; color: var(--ink-soft); }
.kk-banka__popis b { display: block; color: var(--ink); font-size: 12.5px; }
.kk-banka__bunky { display: flex; gap: 8px; flex: none; }
.kk-banka__bunka { min-width: 104px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 8px; background: #fff; text-align: center; }
.kk-banka__bunka small { display: block; font-size: 10.5px; color: var(--ink-soft); }
.kk-banka__bunka b { font-size: 14px; font-variant-numeric: tabular-nums; }
.kk-banka__bunka.je-aktivna { background: var(--emerald); border-color: var(--emerald); color: #fff; }
.kk-banka__bunka.je-aktivna small { color: rgba(255, 255, 255, .85); }
.kk-banky__suhrn { padding-top: 10px; border-top: 1px solid var(--line); }
.kk-lista { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 40; display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 12px 16px; border: 0; border-radius: var(--radius); background: var(--ink-deep); color: var(--paper); text-align: left;
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, .5); cursor: pointer; }
.kk-lista[hidden] { display: none; }
.kk-lista small { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-mute); }
.kk-lista b { font: 700 20px var(--pismo-nadpis); color: var(--gold-up); white-space: nowrap; }
.kk-lista .kk-vpravo b { font-size: 17px; color: var(--paper); }
@media (min-width: 1180px) and (min-height: 700px) {
  .kk { display: flex; flex-direction: column; height: calc(100vh - var(--kk-hore)); height: calc(100svh - var(--kk-hore)); }
  .kk-plocha { flex: 1; min-height: 0; display: flex; flex-direction: column; }
  .kk-krok { flex: 1; min-height: 0; }
  .kk-krok[hidden] { display: none; }
  .kk-krok--1 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
  .kk-vstupy { grid-column: span 7; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr) auto; gap: 16px; min-height: 0; }
  .kk-stlpec { display: flex; flex-direction: column; gap: 16px; min-height: 0; }
  .kk-karta--rast { flex: 1; }
  .kk-vstupy > .kk-dalej { grid-column: 1 / -1; }
  .kk-krok--1 > .kk-vysledok { grid-column: span 5; display: flex; flex-direction: column; min-height: 0; }
  .kk-krok--2 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
  .kk-lavy { grid-column: span 5; display: flex; flex-direction: column; gap: 16px; min-height: 0; }
  .kk-pravy { grid-column: span 7; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 16px; min-height: 0; }
  .kk-spodok { min-height: 0; }
  .kk-spodok > .kk-karta { min-height: 0; overflow: hidden; }
  .kk-tabulka td { padding: 2px 0; line-height: 1.35; }
  .kk-tabulka th { padding-bottom: 6px; }
  .kk-krok--3 { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 16px; }
  .kk-krok--3 > .kk-prazdne { grid-row: 2; }
  .kk-mriezka3 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; min-height: 0; }
  .kk-lavy3 { grid-column: span 7; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 16px; min-height: 0; }
  .kk-pravy3 { grid-column: span 5; display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 16px; min-height: 0; }
  .kk-graf { min-height: 0; }
  .kk-graf__plocha { min-height: 0; }
  .kk-lista { display: none !important; }
}
@media (min-width: 1180px) and (min-height: 700px) and (max-height: 860px) {
  .kk-plocha { padding-block: 16px; }
  .kk-krok--1, .kk-krok--2 { gap: 20px; }
  .kk-vstupy, .kk-stlpec, .kk-lavy, .kk-pravy, .kk-mriezka3, .kk-lavy3, .kk-pravy3, .kk-krok--3 { gap: 12px; }
  .kk-karta { padding: 14px 18px; }
  .kk-otazka { margin-bottom: 10px; }
  .kk-otazka h2 { font-size: 17px; }
  .kk-vstup { height: 40px; }
  .kk-pole--velke .kk-vstup { height: 44px; }
  .kk-pole--velke .kk-vstup input { font-size: 18px; }
  .kk-seg button { min-height: 34px; }
  .kk-prepinac { margin-top: 8px; padding-top: 8px; }
  .kk-pole + .kk-pole, .kk-posuvnik + .kk-pole { margin-top: 8px; }
  .kk-dalej, .kk-spat { min-height: 48px; }
  .kk-vysledok { padding: 20px 24px; }
  .kk-c--hlavne { font-size: 56px; }
  .kk-c--velke { font-size: 36px; }
  .kk-c--kpi, .kk-predaj .kk-c--kpi { font-size: 44px; }
  .kk-c--stredne { font-size: 28px; }
  .kk-c--zlate.kk-c--stredne { font-size: 32px; }
  .kk-ciara { margin: 14px 0; }
  .kk-ciara--uzka { margin: 10px 0 2px; }
  .kk-sekcia { padding: 10px 0; }
  .kk-sekcia .kk-otazka { margin-bottom: 8px; }
  .kk-tok > .kk-hint:first-of-type { margin-bottom: 10px; }
  .kk-tok__riadky { gap: 8px; }
  .kk-vysledok--pas, .kk-predaj { padding: 16px 22px; }
  .kk-ovladanie { padding: 10px 18px; }
  .kk-scen { padding: 8px 10px; }
  .kk-scen__irr { font-size: 20px; }
  .kk-cta { padding: 14px 18px; gap: 8px; }
  .kk-dl { padding: 4px 0; }
  .kk-dl b { font-size: 16px; }
  .kk-zdroj { gap: 5px; margin-top: 8px; }
}
@media (min-width: 1180px) and (min-height: 700px) and (max-height: 790px) {
  .kk-pas__riadok { min-height: 64px; }
  .kk-pas__titul .oznacenie { display: none; }
  .kk-pas__titul h1 { font-size: 15px; }
  .kk-kroky__krok i { width: 26px; height: 26px; font-size: 13px; }
  .kk-pas__pdf { min-height: 40px; }
  .kk-plocha { padding-block: 12px; }
  .kk-vstupy, .kk-stlpec, .kk-lavy, .kk-pravy, .kk-mriezka3, .kk-lavy3, .kk-pravy3, .kk-krok--3 { gap: 10px; }
  .kk-karta { padding: 12px 16px; }
  .kk-vstup { height: 38px; }
  .kk-pole--velke .kk-vstup { height: 42px; }
  .kk-pole { gap: 3px; }
  .kk-seg button { min-height: 32px; }
  .kk-dalej, .kk-spat { min-height: 44px; }
  .kk-sekcia { padding: 8px 0; }
  .kk-posuvnik { height: 22px; margin-top: 2px; }
  .kk-krok--2 .kk-pole--vodorovne { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
  .kk-krok--2 .kk-pole--vodorovne .kk-vstup { width: 50%; }
  .kk-vysledok, .kk-vysledok--pas, .kk-predaj { padding: 16px 20px; }
  .kk-c--hlavne { font-size: 50px; }
  .kk-c--kpi, .kk-predaj .kk-c--kpi { font-size: 40px; }
  .kk-graf__plocha { min-height: 110px; }
  .kk-graf { padding-bottom: 8px; }
  .kk-ovladanie { padding: 8px 16px; }
  .kk-cta { padding: 12px 16px; }
  .kk-cta__riadok input, .kk-cta__riadok button { height: 40px; }
  .kk-scen__dlazdice { margin-top: 6px; }
  .kk-dl { padding: 3px 0; }
}
@media (min-width: 1180px) and (min-height: 700px) and (max-height: 760px) {
  .kk-karta .kk-hint:not(.kk-hint--pod):not([data-v]) { display: none; }
  .kk-pole .kk-hint { display: none; }
  .kk-prepinac small:not([data-v]) { display: none; }
  .kk-c--hlavne { font-size: 48px; }
  .kk-vysledok__uvod { margin: 10px 0 4px !important; }
  .kk-cta > p { display: none; }
  .kk-tabulka { font-size: 13px; }
  .kk-tabulka td { padding: 1px 0; line-height: 1.25; }
}
@media (min-width: 1180px) and (min-height: 700px) and (max-height: 740px) {
  .kk-graf__plocha { min-height: 80px; }
  .kk-graf__hlava h2 { font-size: 15px; }
  .kk-scen__pozn { display: none; }
  .kk-pas__riadok { min-height: 58px; }
  .kk-kroky__krok small { display: none; }
  .kk-c--kpi, .kk-predaj .kk-c--kpi { font-size: 36px; }
  .kk-zdroj { gap: 3px; }
}
@media (min-width: 1180px) and (max-width: 1379px) {
  .kk-pas__titul .oznacenie { display: none; }
  .kk-pas__titul h1 { font-size: 15px; max-width: 11em; }
  .kk-pas__riadok { gap: 18px; }
  .kk-kroky__krok strong { font-size: 15px; }
  .kk-lavy3, .kk-pravy3 { grid-column: span 6; }
  .kk-cta > p { display: none; }
}
@media not all and (min-width: 1180px) and (min-height: 700px) {
  .kk-krok[hidden] { display: none; }
  .kk-krok--1, .kk-krok--2, .kk-krok--3, .kk-mriezka3, .kk-lavy3, .kk-pravy3, .kk-pravy { display: flex; flex-direction: column; gap: 14px; }
  .kk-vstupy, .kk-stlpec, .kk-lavy { display: contents; }
  .kk-krok--1 > .kk-vysledok, .kk-krok--2 .kk-pravy { order: 5; }
  .kk-vstupy > .kk-dalej, .kk-lavy > .kk-tlacidla { order: 9; }
  .kk-spodok { grid-template-columns: minmax(0, 1fr); }
  .kk-vysvetlenie { margin-top: 12px; }
  .kk-vysvetlenie__text { position: static; margin-top: 8px; box-shadow: none; }
  .kk-vysvetlenie__text--irr { margin-top: 12px; }
  .kk-graf__plocha { height: 260px; flex: none; }
  .kk-graf-cf { height: 240px; flex: none; }
  .kk-ovladanie { grid-template-columns: minmax(0, 1fr) auto; gap: 14px 20px; }
  .kk-ovladanie__posuvnik { grid-column: 1 / -1; grid-row: 2; }
  .kk-krok--3 .kk-spat--text { grid-column: 1 / -1; justify-self: start; }
  .kk { padding-bottom: 12px; }
}
@media (min-width: 720px) and (max-width: 1179px) {
  .kk-krok--1 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kk-krok--1 > .kk-vysledok, .kk-vstupy > .kk-dalej { grid-column: 1 / -1; }
  .kk-spodok { grid-template-columns: 5fr 7fr; }
  .kk-mriezka3 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kk-lavy3 { grid-column: 1 / -1; }
}
@media (max-width: 1179px) {
  .kk-pas__riadok { flex-direction: column; align-items: stretch; gap: 12px; padding-block: 16px 0; }
  .kk-pas__titul h1 { font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.15; }
  .kk-pas__pdf { display: none; }
  .kk-kroky { overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--zlab) * -1); padding-inline: var(--zlab); }
  .kk-kroky::-webkit-scrollbar { display: none; }
  .kk-kroky__krok { flex: 1 0 auto; min-height: 60px; }
  .kk-plocha { padding-block: 18px 28px; }
}
@media (max-width: 719px) {
  .kk-karta { padding: 16px; }
  .kk-vysledok { padding: 22px 20px; }
  .kk-c--hlavne { font-size: 48px; }
  .kk-c--velke { font-size: 34px; }
  .kk-c--kpi, .kk-predaj .kk-c--kpi { font-size: 40px; }
  .kk-c--stredne, .kk-c--zlate.kk-c--stredne { font-size: 28px; }
  .kk-kpi { grid-template-columns: 1fr 1fr; gap: 14px 18px; }
  .kk-kpi > div:first-child { grid-column: 1 / -1; }
  .kk-predaj__cisla { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .kk-predaj__hlava { flex-direction: column; align-items: flex-start; }
  .kk-zdroj__riadok { grid-template-columns: minmax(0, 1fr) auto; }
  .kk-zdroj__riadok i { grid-row: 2; grid-column: 1 / -1; }
  .kk-polia--tri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kk-vysledok__kupa { flex-wrap: wrap; }
  .kk-vysledok__kupa .kk-vpravo { text-align: left; }
  .kk-scen__dlazdice { grid-template-columns: minmax(0, 1fr); }
  .kk-otazka { flex-wrap: wrap; row-gap: 2px; }
  .kk-otazka > span { flex-basis: 100%; margin-left: 38px; text-align: left; }
  .kk-ovladanie { grid-template-columns: minmax(0, 1fr); }
  .kk-ovladanie__posuvnik { grid-row: auto; }
  .kk-ovladanie .kk-pole--riadok { justify-content: space-between; }
  .kk-nechate__stlpce { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .kk-okno__vstupy { grid-template-columns: minmax(0, 1fr); }
  .kk-okno__telo, .kk-okno__hlava, .kk-okno__pata { padding-inline: 16px; }
  .kk-tlacidla { flex-direction: row; }
  .kk-tabulka { font-size: 13px; }
  .kk-tabulka th { letter-spacing: .04em; }
  .kk-cta__riadok { flex-direction: column; }
  .kk-kroky__krok strong { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .kk-bar i, .kk-tok__riadok i, .kk-zdroj__riadok i { transition: none; }
}
.kalk-pata { background: var(--paper); padding-block: .5rem 2.5rem; }
.kalk-pata__text { display: flex; gap: .6rem; margin: 0; max-width: 72ch; font-size: .82rem; line-height: 1.55; color: var(--ink-soft); }
.kalk-pata__text svg { flex: none; margin-top: .1rem; fill: none; stroke: var(--gold-text); stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round; }
.kalk-vystup { background: var(--ink-deep); }
.kalk-vystup__mriezka { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 470px);
  grid-template-areas: "hlava ukazka" "telo ukazka"; gap: 1.75rem 4.5rem; align-items: start; }
.kalk-vystup__hlava { grid-area: hlava; }
.kalk-vystup__telo { grid-area: telo; }
.kalk-vystup__ukazka { grid-area: ukazka; align-self: center; position: relative; margin: 0; padding: 1.5rem 1.75rem; }
.kalk-vystup__po { display: none; }
.kalk-vystup[data-hotovo] .kalk-vystup__pred { display: none; }
.kalk-vystup[data-hotovo] .kalk-vystup__po { display: inline; }
.kalk-vystup__nadpis { margin: .9rem 0 0; font: 700 clamp(2rem, 2.4vw + 1rem, 2.9rem)/1.05 var(--pismo-nadpis);
  letter-spacing: -.015em; color: #fff; text-wrap: balance; }
.kalk-vystup__zlate { color: var(--gold-up); }
.kalk-vystup__uvodka { margin: 1.1rem 0 0; max-width: 34rem; font-size: var(--t-l); line-height: 1.55; color: #C9C1B3; }
.kalk-vystup__obsah { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.kalk-vystup__obsah li { display: flex; gap: .7rem; align-items: flex-start; color: #fff; line-height: 1.45; }
.kalk-vystup__obsah svg, .kalk-vystup__poslat svg, .kalk-vystup__anonym svg { flex: none; fill: none; stroke: currentColor;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kalk-vystup__obsah svg { margin-top: .15rem; color: var(--gold-up); }
.kalk-vystup__formular { margin-top: 1.75rem; display: grid; gap: .9rem; max-width: 36rem; }
.kalk-vystup__riadok { display: flex; flex-wrap: wrap; gap: .7rem; align-items: flex-end; }
.kalk-vystup__riadok .pole { flex: 1 1 15rem; }
.kalk-vystup__poslat { display: inline-flex; align-items: center; gap: .55rem; min-height: 3.45rem; }
.kalk-vystup .suhlas { color: var(--ink-mute); }
.kalk-vystup .suhlas a { color: var(--gold-up); }
.kalk-vystup .formular__stav { margin: 0; color: var(--gold-up); }
.kalk-vystup__anonym { display: flex; gap: .8rem; align-items: flex-start; margin: 1.5rem 0 0; max-width: 36rem;
  padding: 1rem 1.1rem; border: 1px solid var(--line-dark); border-radius: 12px; font-size: .9rem; line-height: 1.5; color: #C9C1B3; }
.kalk-vystup__anonym svg { color: var(--gold-up); margin-top: .1rem; }
.kalk-vystup__anonym b { color: #fff; }
.kalk-vystup__ukazka img { display: block; width: 100%; height: auto; border-radius: 8px; transform: rotate(2.5deg);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .55); }
.kalk-vystup__stitok { position: absolute; padding: .45rem .8rem; border-radius: 999px; background: #fff; color: var(--ink);
  font-size: .82rem; font-weight: 700; white-space: nowrap; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); }
.kalk-vystup__stitok--1 { left: 0; top: 14%; background: var(--gold-up); color: var(--ink-deep); }
.kalk-vystup__stitok--2 { right: 0; top: 48%; }
.kalk-vystup__stitok--3 { left: 0; bottom: 16%; }
@media (max-width: 900px) {
  .kalk-vystup__mriezka { grid-template-columns: minmax(0, 1fr); grid-template-areas: "hlava" "ukazka" "telo"; }
  .kalk-vystup__ukazka { max-width: 420px; width: 100%; justify-self: center; padding: .5rem 1.25rem; }
}
@media (max-width: 480px) { .kalk-vystup__stitok { font-size: .74rem; } .kalk-vystup__poslat { width: 100%; justify-content: center; } }
.kalk-vystup + .kalk-dalej { border-top: 1px solid var(--line-dark); }
.kalk-dalej { background: var(--ink-deep); }
.kalk-dalej__mriezka { display: flex; flex-wrap: wrap; align-items: center; gap: 3rem 4.5rem; }
.kalk-dalej__mriezka > div { flex: 1 1 440px; min-width: 0; }
.kalk-dalej__foto img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover;
  object-position: 50% 30%; border-radius: 20px; }
.kalk-dalej .nadpis { margin-top: .9rem; }
.kalk-dalej__zlate { color: var(--gold-up); }
.kalk-dalej__uvodka { margin-top: 1.25rem; color: #C9C1B3; }
.kalk-dalej__kroky { list-style: none; margin: 1.75rem 0 0; padding: 0; border-bottom: 1px solid var(--line-dark); }
.kalk-dalej__kroky li { display: flex; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--line-dark); }
.kalk-dalej__kroky b { flex: none; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%;
  border: 1px solid rgba(226, 199, 124, .45); font: 700 .875rem var(--pismo-nadpis); color: var(--gold-up); }
.kalk-dalej__kroky h3 { margin: 0; font: 600 1.1rem/1.3 var(--pismo-nadpis); color: var(--paper); }
.kalk-dalej__kroky p { margin: .25rem 0 0; font-size: .9rem; line-height: 1.5; color: var(--ink-mute); }
.kalk-dalej__tlacidla { margin-top: 1.75rem; }
.kalk-dalej__tlacidla [hidden] { display: none; }
.kalk-prax__hlava { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem; }
.kalk-prax__hlava .nadpis { margin-top: .6rem; }
.kalk-prax__vsetky { padding-bottom: .25rem; border-bottom: 2px solid var(--gold); color: var(--ink); font-weight: 600; text-decoration: none; }
.kalk-prax { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.kalk-prax__karta { display: flex; flex-direction: column; height: 100%; overflow: hidden; background: var(--card);
  border: 1px solid var(--line); border-radius: 20px; color: var(--ink); text-decoration: none;
  box-shadow: 0 24px 50px -34px rgba(18, 18, 18, .35);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-color .35s; }
.kalk-prax__karta:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--gold) 55%, var(--line)); }
.kalk-prax__karta:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.kalk-prax__karta img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.kalk-prax__telo { padding: 1.25rem 1.4rem 1.4rem; }
.kalk-prax__stitok { display: inline-block; padding: .25rem .55rem; border-radius: 6px; background: var(--emerald);
  color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .08em; }
.kalk-prax__stitok--flip { background: var(--clay); }
.kalk-prax__stitok--develop { background: var(--azure); }
.kalk-prax__telo h3 { margin: .8rem 0 0; font: 600 1.2rem/1.3 var(--pismo-nadpis); }
.kalk-prax__telo > p { margin: .2rem 0 0; font-size: .9rem; color: var(--ink-soft); }
.kalk-prax__cisla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0 0;
  border: 1px solid var(--line); border-radius: 12px; }
.kalk-prax__cisla div { padding: .65rem .9rem; min-width: 0; }
.kalk-prax__cisla div + div { border-left: 1px solid var(--line); }
.kalk-prax__cisla dt { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); }
.kalk-prax__cisla dd { margin: .25rem 0 0; font: 600 1.2rem var(--pismo-nadpis); }
.kalk-prax__cisla dd.kladna { color: var(--emerald); }
.kalk-prax__cisla dd.naklad { color: var(--clay); }