/* ============================================================
   Webstudio Kalkulátor — frontend
   Dizajn 1:1 s ostatnými pluginmi (Questrial display / Manrope body, zinc + violet)
   ============================================================ */
.wsk{
  --acc:#7c3aed; --acc-ink:#fff; --acc-deep:#6d28d9; --acc-tint:#f5f3ff; --acc-tint-2:#ede9fe;
  --ink:#09090b; --muted:#71717a; --faint:#a1a1aa; --line:#e4e4e7; --paper:#f7f7f8;
  --card:#fff; --muted-bg:#f4f4f5; --text-2:#52525b; --text-3:#27272a;
  --success:#16a34a;
  --r-pill:8px; --r-sm:9px; --r-md:11px; --r-tile:14px; --r-card:16px;
  --sh-card:0 1px 2px rgba(9,9,11,.04); --sh-elev:0 12px 40px -16px rgba(9,9,11,.16);
  --ease:cubic-bezier(.2,.7,.2,1); --pad:28px;

  font-family:'Manrope',-apple-system,system-ui,sans-serif;
  color:var(--ink); -webkit-font-smoothing:antialiased;
  max-width:760px; margin:0 auto; text-align:left; line-height:1.5;
  /* Questrial má len váhu 400 → vypni faux-bold, nech sú nadpisy/čísla ostré */
  font-synthesis:none;
}
.wsk *,.wsk *::before,.wsk *::after{box-sizing:border-box}
.wsk [hidden]{display:none!important}
/* Vizuálne skryté (ale prítomné pre prehliadač) — napr. submit tlačidlo pre Enter vo formulári */
.wsk-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Téma nesmie pridávať vlastné medzery na nadpisoch/odsekoch — riadime ich sami.
   :where() = nulová špecificita → neutralizuje tému, ale NEPREBÍJA naše .wsk-* triedy. */
.wsk :where(h2,h3,p,ul,li){margin:0;padding:0}

/* — Izolácia od témy webu (widget žije v cudzej šablóne; téma nesmie prepísať buttony) — */
.wsk button{font-family:inherit; text-transform:none!important; letter-spacing:normal!important; -webkit-appearance:none; appearance:none; text-shadow:none; box-shadow:none;}
.wsk input,.wsk textarea,.wsk select{font-family:inherit; text-transform:none; letter-spacing:normal;}
.wsk-opt-label,.wsk-opt-desc{text-transform:none!important; letter-spacing:normal!important;}
.wsk-opt{background:var(--card)!important; color:var(--ink)!important;}
.wsk-opt:hover,.wsk-opt:focus,.wsk-opt:focus-visible{background:var(--card)!important; color:var(--ink)!important; outline:none;}
.wsk-opt[aria-pressed="true"],.wsk-opt[aria-pressed="true"]:hover,.wsk-opt[aria-pressed="true"]:focus{background:var(--acc-tint)!important;}
.wsk-btn-acc,.wsk-btn-acc:hover,.wsk-btn-acc:focus{background:var(--acc)!important; color:var(--acc-ink)!important;}
.wsk-btn-ghost,.wsk-btn-ghost:hover,.wsk-btn-ghost:focus{background:#fff!important;}
.wsk-acc-blue{--acc:#2563eb;--acc-deep:#1f4fbe;--acc-tint:#eff6ff;--acc-tint-2:#dbeafe}
.wsk-acc-green{--acc:#16a34a;--acc-deep:#157a49;--acc-tint:#f0fdf4;--acc-tint-2:#dcfce7}

.wsk-card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-card);
  box-shadow:var(--sh-elev); padding:var(--pad); position:relative; overflow:hidden;
}
@media(max-width:600px){.wsk{--pad:16px}}

/* — Hlavička — */
.wsk-head{margin-bottom:18px}
.wsk-meta{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px}
.wsk-badge{
  display:inline-flex; align-items:center; gap:6px; padding:5px 11px;
  background:var(--acc-tint); color:var(--acc-deep); border-radius:var(--r-pill);
  font-size:11.5px; font-weight:700;
}
.wsk-badge-ic{width:13px;height:13px}
.wsk-social{display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:var(--muted)}
.wsk-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:wskPulse 2s infinite}
@keyframes wskPulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 6px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.wsk-title{font-family:'Questrial',sans-serif; font-weight:600; letter-spacing:-.02em; font-size:25px; line-height:1.2; margin:0 0 9px}
@media(max-width:600px){.wsk-title{font-size:21px}}
.wsk-sub{font-size:13.5px; color:var(--text-2); margin:0; max-width:52ch}

/* — Progress — */
.wsk-progress-wrap{display:flex; align-items:center; gap:12px; margin:0 0 22px}
.wsk-progress{flex:1; height:7px; border-radius:5px; background:var(--muted-bg); overflow:hidden}
.wsk-progress>i{display:block; height:100%; border-radius:5px; background:var(--acc); width:0; transition:width .6s var(--ease)}
.wsk-progress-num{font-family:'JetBrains Mono','Questrial',monospace; font-size:11.5px; font-weight:700; color:var(--faint); letter-spacing:.04em}

/* — Kroky — */
.wsk-step{display:none}
.wsk-step.is-active{display:block; animation:wskFade .35s ease}
.wsk-step.is-active.wsk-from-right{animation:wskSlideR .32s var(--ease)}
.wsk-step.is-active.wsk-from-left{animation:wskSlideL .32s var(--ease)}
@keyframes wskFade{from{opacity:0}to{opacity:1}}
@keyframes wskSlideR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes wskSlideL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
.wsk-step-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px}
.wsk-step-headmain{min-width:0}
.wsk-step-count{flex:none; padding:4px 11px; border-radius:999px; background:var(--acc-tint); color:var(--acc-deep); font-size:11px; font-weight:700; white-space:nowrap}
.wsk-step-title{font-family:'Questrial',sans-serif; font-weight:600; font-size:17px; margin:0 0 7px; letter-spacing:-.01em}
.wsk-step-sub{font-size:12.5px; color:var(--muted); margin:0}

/* Lead hlavička — nadpis a podnadpis bližšie k sebe, väčší odstup k formuláru (point 6) */
.wsk-lead-head{margin:0 0 6px}
.wsk-lead-head .wsk-step-title{margin:0 0 3px}
.wsk-lead-head .wsk-step-sub{margin:0; line-height:1.5}

/* — Možnosti — */
/* auto-fit reaguje na šírku KARTY (nie okna), takže sa zalamuje 1/2/3 stĺpce podľa
   reálne dostupného miesta a nikdy nepretečie (min(100%, …) chráni úzke kontajnery). */
.wsk-opts{display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.wsk-cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.wsk-opt{
  display:flex; align-items:center; gap:12px; width:100%; min-width:0; text-align:left;
  background:var(--card); border:1.5px solid var(--line); border-radius:var(--r-tile);
  padding:13px 14px; cursor:pointer; font:inherit; color:var(--ink);
  transition:border-color .18s, background .18s, transform .18s var(--ease), box-shadow .18s;
}
.wsk-opt:hover{border-color:var(--acc); transform:translateY(-2px); box-shadow:var(--sh-card)}
.wsk-opt[aria-pressed="true"]{border-color:var(--acc); background:var(--acc-tint)}
.wsk-opt-ic{
  flex:none; width:40px; height:40px; display:grid; place-items:center;
  border-radius:var(--r-md); background:var(--muted-bg); color:var(--text-2);
  transition:background .18s, color .18s;
}
.wsk-opt-ic .wsk-ico{width:21px;height:21px}
.wsk-opt[aria-pressed="true"] .wsk-opt-ic{background:var(--acc); color:var(--acc-ink)}
.wsk-opt-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px}
.wsk-opt-label{font-weight:700; font-size:13.5px; line-height:1.25; overflow-wrap:break-word}
.wsk-opt-desc{font-size:11.5px; color:var(--muted); line-height:1.3}
.wsk-opt-check{
  flex:none; width:22px; height:22px; border-radius:50%; display:grid; place-items:center;
  border:2px solid var(--line); color:transparent; transition:.18s;
}
.wsk-opt-check svg{width:13px;height:13px}
/* Multi-výber = zaoblený ŠTVORČEK (klasický checkbox) — kruh podvedome značí radio „vyber jedno",
   štvorček značí „môžeš označiť viac". Single kroky (typ, pre koho) ostávajú kruhové (radio). */
.wsk-step[data-type="multi"] .wsk-opt-check{border-radius:6px}
.wsk-opt[aria-pressed="true"] .wsk-opt-check{background:var(--acc); border-color:var(--acc); color:var(--acc-ink)}
/* Pop pri výbere dlaždice (ikona + check vyskočia) */
.wsk-opt[aria-pressed="true"] .wsk-opt-ic{animation:wskIcPop .38s var(--ease)}
.wsk-opt[aria-pressed="true"] .wsk-opt-check{animation:wskChkPop .32s var(--ease)}
@keyframes wskIcPop{0%{transform:scale(.92)}45%{transform:scale(1.16) rotate(-5deg)}100%{transform:scale(1) rotate(0)}}
@keyframes wskChkPop{0%{transform:scale(0)}55%{transform:scale(1.25)}100%{transform:scale(1)}}
/* Focus-ring pri ovládaní klávesnicou (prístupnosť) */
.wsk-opt:focus-visible{box-shadow:0 0 0 3px var(--acc-tint-2); border-color:var(--acc)}

/* — Súhrn + lead — */
.wsk-summary{width:100%}
.wsk-summary > .wsk-step-title{margin-bottom:4px}
.wsk-sum-hint{margin:0 0 14px!important}
.wsk-sum-list{list-style:none; margin:0 0 22px; padding:0}
.wsk-sum-list li{display:flex; align-items:center; gap:9px; font-size:13px; color:var(--text-2); padding:10px 0; border-bottom:1px solid var(--line)}
.wsk-sum-list li:first-child{padding-top:0}
.wsk-sum-list li:last-child{border-bottom:none; padding-bottom:0}
.wsk-sum-list li .wsk-ico{width:16px;height:16px;color:var(--acc);flex:none}
.wsk-sum-list li b{margin-left:auto; font-family:'Questrial',sans-serif; color:var(--ink); font-weight:600}
.wsk-sum-empty{color:var(--faint); font-size:12.5px}
/* Klikateľný súhrn — položku odoberieš priamo tu: fajka → červené ×, popis sa preškrtne,
   cena sa hneď prepočíta (a premietne aj do „Vybrané: N" a finálneho odoslania). */
.wsk-sum-item{cursor:pointer}
.wsk .wsk-sum-rm{
  flex:none!important; width:24px!important; height:24px!important; min-height:0!important;
  margin:0!important; padding:0!important; border:none!important; border-radius:7px!important;
  background:transparent!important; display:grid!important; place-items:center!important;
  color:var(--acc)!important; cursor:pointer!important; box-shadow:none!important;
  -webkit-appearance:none!important; appearance:none!important; font:inherit!important; text-transform:none!important;
  transition:background .15s, color .15s;
}
.wsk-sum-list li .wsk-sum-rm .wsk-ico{width:15px; height:15px; color:inherit}
.wsk-sum-ic-check,.wsk-sum-ic-x{display:grid; place-items:center}
.wsk-sum-ic-x{display:none}
.wsk-sum-item:hover .wsk-sum-rm,.wsk-sum-item:focus-within .wsk-sum-rm{background:#fee2e2!important; color:#dc2626!important}
.wsk-sum-item:hover .wsk-sum-ic-check,.wsk-sum-item:focus-within .wsk-sum-ic-check{display:none}
.wsk-sum-item:hover .wsk-sum-ic-x,.wsk-sum-item:focus-within .wsk-sum-ic-x{display:grid}
.wsk-sum-item:hover .wsk-sum-label,.wsk-sum-item:focus-within .wsk-sum-label{color:var(--faint); text-decoration:line-through}
.wsk .wsk-sum-rm:focus-visible{outline:none!important; box-shadow:0 0 0 3px var(--acc-tint-2)!important}

.wsk-price-box{
  position:relative; overflow:hidden;
  border:1px solid var(--acc-tint-2); background:var(--acc-tint); border-radius:var(--r-card);
  padding:18px 20px; display:flex; flex-direction:column; gap:5px;
  box-shadow:0 8px 24px -14px rgba(124,58,237,.4);
}
.wsk-price-label{display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--acc-deep)}
.wsk-price-label .wsk-ico{width:13px;height:13px}
.wsk-price-val{font-family:'Questrial',sans-serif; font-weight:700; color:var(--ink); font-size:36px; line-height:1; display:flex; align-items:baseline; gap:8px}
.wsk-price-pre{font-size:15px; font-weight:600; color:var(--acc-deep); font-style:normal; opacity:.85}
.wsk-price-note{font-size:11.5px; color:var(--text-2); margin-top:5px; line-height:1.45}

/* — Lead form (samostatný krok) — */
/* Plná šírka karty (od kraja po kraj), žiadny max-width ani centrovanie. Meno + Poznámka
   vyplnia celú šírku; E-mail|Telefón sa delia na 2 stĺpce (auto-fit, na mobile pod seba). */
.wsk-lead{display:flex; flex-direction:column; gap:14px; width:100%}
/* Meno + Poznámka = samostatné bloky (vždy plná šírka). Len E-mail|Telefón v 2-stĺpcovej
   mriežke (auto-fit = vedľa seba ak je miesto, inak pod sebou — podľa šírky formulára, nie okna).
   Zámerne NEpoužívame grid-column:1/-1 s auto-fit (nespoľahlivé naprieč prehliadačmi). */
.wsk-lead-fields{display:flex; flex-direction:column; gap:12px}
.wsk-lead-row{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:12px}
.wsk-field{display:flex; flex-direction:column; gap:5px}
.wsk-field label{font-size:12px; font-weight:700; color:var(--text-3)}
.wsk-field label i{color:var(--acc-deep); font-style:normal}
/* Téma-proof polia: niektoré WP témy agresívne prepisujú input/textarea (border-radius, výška,
   padding, font, pozadie…) — tu z polí spravili skoro pilulky. Kritické vlastnosti zamkneme cez
   !important + vyššiu špecificitu (.wsk .wsk-field …), nech pole vyzerá vždy podľa dizajnu pluginu. */
.wsk .wsk-field input,
.wsk .wsk-field textarea{
  -webkit-appearance:none!important; -moz-appearance:none!important; appearance:none!important;
  box-sizing:border-box!important; display:block!important;
  width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important;
  margin:0!important; padding:10px 12px!important;
  border:1.5px solid var(--line)!important; border-radius:var(--r-sm)!important;
  background:#fff!important; color:var(--ink)!important;
  font-family:inherit!important; font-size:13.5px!important; font-weight:400!important; line-height:1.4!important;
  letter-spacing:normal!important; text-transform:none!important;
  box-shadow:none!important; outline:none!important; transition:border-color .15s, box-shadow .15s;
}
.wsk .wsk-field textarea{min-height:54px!important; resize:vertical!important}
.wsk .wsk-field input:focus,
.wsk .wsk-field textarea:focus{border-color:var(--acc)!important; box-shadow:0 0 0 3px var(--acc-tint-2)!important}
.wsk .wsk-field input.wsk-invalid,
.wsk .wsk-field textarea.wsk-invalid{border-color:#ef4444!important}
.wsk .wsk-field label{text-transform:none!important; letter-spacing:normal!important; margin:0!important; padding:0!important; color:var(--text-3)!important; font-size:12px!important; font-weight:700!important; line-height:1.3!important}
.wsk .wsk-field label i{color:var(--acc-deep)!important; font-style:normal!important}
.wsk-consent{display:flex; align-items:flex-start; gap:10px; font-size:11.5px; color:var(--muted); cursor:pointer; line-height:1.45; user-select:none}
.wsk .wsk-consent input{position:absolute!important; opacity:0!important; width:0!important; height:0!important; margin:0!important; padding:0!important; pointer-events:none!important; appearance:none!important}
.wsk .wsk-check{
  flex:none!important; width:20px!important; height:20px!important; min-width:20px!important; margin-top:1px!important; padding:0!important; border-radius:6px!important;
  border:2px solid var(--line)!important; background:#fff!important; display:grid!important; place-items:center!important;
  transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.wsk-check svg{width:12px; height:12px; fill:none; stroke:#fff; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; display:block}
.wsk-check svg polyline{stroke-dasharray:24; stroke-dashoffset:24; transition:stroke-dashoffset .28s var(--ease) .05s}
.wsk-consent input:checked + .wsk-check{background:var(--acc); border-color:var(--acc); animation:wskCheckPop .3s var(--ease)}
.wsk-consent input:checked + .wsk-check svg polyline{stroke-dashoffset:0}
.wsk-consent input:focus-visible + .wsk-check{box-shadow:0 0 0 3px var(--acc-tint-2)}
@keyframes wskCheckPop{0%{transform:scale(.85)}55%{transform:scale(1.15)}100%{transform:scale(1)}}
.wsk-consent-txt{padding-top:1px}
.wsk-err{color:#dc2626; font-size:12px; font-weight:600; min-height:0}
.wsk-err:not(:empty){margin-top:2px}

/* — Úspech — */
.wsk-done{text-align:center; padding:24px 8px}
/* Téma nesmie prepísať zarovnanie odsekov na left — držíme na stred */
.wsk-done-title,.wsk-done-text,.wsk-done-price{text-align:center !important}
.wsk-done-ic{display:inline-grid; place-items:center; width:72px; height:72px; border-radius:50%; background:#dcfce7; color:var(--success); margin-bottom:14px; animation:wskPop .4s var(--ease)}
@keyframes wskPop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
/* Animovaná zelená fajka v krúžku (krúžok aj fajka sa „nakreslia") */
.wsk-tick{width:40px; height:40px; display:block}
.wsk-tick-ring{fill:none; stroke:var(--success); stroke-width:2.5; stroke-dasharray:150; stroke-dashoffset:150; animation:wskTickRing .55s var(--ease) .1s forwards}
.wsk-tick-path{fill:none; stroke:var(--success); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:40; stroke-dashoffset:40; animation:wskTickPath .3s var(--ease) .5s forwards}
@keyframes wskTickRing{to{stroke-dashoffset:0}}
@keyframes wskTickPath{to{stroke-dashoffset:0}}
.wsk-done-title{font-family:'Questrial',sans-serif; font-weight:600; font-size:21px; margin:0 0 6px}
.wsk-done-text{font-size:13.5px; color:var(--text-2); max-width:44ch; margin:0 auto 12px}
.wsk-done-price{font-family:'Questrial',sans-serif; font-weight:700; font-size:18px; color:var(--acc-deep)}

/* — Pätička / nav — */
.wsk-foot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px; padding-top:18px; border-top:1px solid var(--line)}
.wsk-foot-total{display:flex; flex-direction:column}
.wsk-foot-label{font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:var(--faint)}
.wsk-foot-amount{font-family:'Questrial',sans-serif; font-weight:700; font-size:18px; color:var(--ink)}
.wsk-foot-nav{display:flex; gap:9px; align-items:center}
.wsk-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px; height:42px; padding:0 20px;
  border:none; border-radius:var(--r-sm); font-family:'Manrope',sans-serif; font-weight:700; font-size:13px;
  cursor:pointer; transition:transform .15s var(--ease), filter .15s, opacity .15s; white-space:nowrap;
}
.wsk-btn:hover{transform:translateY(-1px)}
.wsk-btn:active{transform:translateY(0)}
.wsk-btn-acc{background:var(--acc); color:var(--acc-ink)}
.wsk-btn-acc:hover{filter:brightness(1.06)}
.wsk-btn-ghost{background:#fff; color:var(--text-2); border:1px solid var(--line); font-weight:600}
.wsk-btn-ghost:hover{color:var(--ink); transform:none}
.wsk-btn[disabled],.wsk-btn.is-busy{opacity:.6; pointer-events:none}
.wsk-foot.is-done{justify-content:center}
.wsk-foot.is-done .wsk-foot-total{display:none}

/* — Trust pätička (full-bleed pruh dole) — */
.wsk-trust{
  margin:18px calc(-1 * var(--pad)) calc(-1 * var(--pad)); padding:13px var(--pad);
  background:var(--paper); border-top:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
}
.wsk-trust-item{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; color:var(--muted)}
.wsk-trust-item .wsk-ico{width:14px; height:14px; color:var(--success); flex:none}

/* — Stagger vstup — */
.stagger>*{animation:wskRise .5s var(--ease) both}
@keyframes wskRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.05s}
.stagger>*:nth-child(3){animation-delay:.08s}.stagger>*:nth-child(4){animation-delay:.11s}
.stagger>*:nth-child(5){animation-delay:.14s}.stagger>*:nth-child(6){animation-delay:.17s}
.stagger>*:nth-child(7){animation-delay:.20s}.stagger>*:nth-child(8){animation-delay:.23s}
@media(prefers-reduced-motion:reduce){.wsk *{animation:none!important;transition:none!important}}

/* ============================================================
   TÉMA-PROOF (rozšírené) — WP témy prepisujú generické tagy (button, h2/h3, ul/li, p, b)
   často aj cez !important. Zamykáme box + typografiu kľúčových prvkov na presné dizajnové
   hodnoty, scope .wsk + vyššia špecificita, nech ich žiadna téma neprebije.
   ============================================================ */
/* Navigačné tlačidlá */
.wsk .wsk-btn{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  width:auto!important; height:42px!important; min-height:0!important; max-width:none!important;
  padding:0 20px!important; margin:0!important;
  border:none!important; border-radius:var(--r-sm)!important;
  font-family:'Manrope',sans-serif!important; font-weight:700!important; font-size:13px!important;
  line-height:normal!important; letter-spacing:normal!important; text-transform:none!important;
  text-decoration:none!important; white-space:nowrap!important; cursor:pointer!important;
}
.wsk .wsk-btn-ghost{border:1px solid var(--line)!important; font-weight:600!important}
/* display:inline-flex!important vyššie nesmie prebiť [hidden] — skryté tlačidlá ostanú skryté */
.wsk .wsk-btn[hidden]{display:none!important}
/* Nadpisy (h2/h3) */
.wsk .wsk-title{font-family:'Questrial',sans-serif!important; font-weight:600!important; font-size:25px!important; line-height:1.2!important; letter-spacing:-.02em!important; color:var(--ink)!important; text-transform:none!important}
@media(max-width:600px){.wsk .wsk-title{font-size:21px!important}}
.wsk .wsk-step-title{font-family:'Questrial',sans-serif!important; font-weight:600!important; font-size:17px!important; line-height:1.25!important; letter-spacing:-.01em!important; color:var(--ink)!important; text-transform:none!important}
.wsk .wsk-done-title{font-family:'Questrial',sans-serif!important; font-weight:600!important; font-size:21px!important; color:var(--ink)!important; text-transform:none!important}
/* Podnadpisy / odseky (p) */
.wsk .wsk-sub{font-size:13.5px!important; color:var(--text-2)!important; line-height:1.5!important; text-align:left!important; text-transform:none!important}
.wsk .wsk-step-sub{font-size:12.5px!important; color:var(--muted)!important; line-height:1.5!important; text-align:left!important; text-transform:none!important}
.wsk .wsk-done-text{font-size:13.5px!important; color:var(--text-2)!important; line-height:1.5!important}
/* Zoznam súhrnu — žiadne odrážky / odsadenie z témy */
.wsk .wsk-sum-list{list-style:none!important; margin:0 0 22px!important; padding:0!important}
.wsk .wsk-sum-list li{list-style:none!important; margin:0!important; padding:10px 0!important; font-size:13px!important; color:var(--text-2)!important; text-transform:none!important}
.wsk .wsk-sum-list li:first-child{padding-top:0!important}
.wsk .wsk-sum-list li:last-child{padding-bottom:0!important}
.wsk .wsk-sum-list li::marker{content:''!important}
.wsk .wsk-sum-list li b{font-family:'Questrial',sans-serif!important; font-weight:600!important; color:var(--ink)!important; font-size:13px!important}
/* Cena */
.wsk .wsk-price-val{font-family:'Questrial',sans-serif!important; font-weight:700!important; font-size:36px!important; color:var(--ink)!important}
.wsk .wsk-foot-amount{font-family:'Questrial',sans-serif!important; font-weight:700!important; font-size:18px!important; color:var(--ink)!important}