/* =====================================================================
   ZDRUŽENIE MASÉROV — sekcia Pomoc (rozcestník a návody)
   Dopĺňa css/zm-zaklad.css a css/zm-web.css. Načítava sa AŽ ZA nimi.

   Verzia 1 (9. 10. 2026): rozcestník návodov, cesta krokov, karta kroku,
   telefón s falošným profilom, robte / nerobte, kontrolný zoznam,
   paragrafy, komiks, rozhodovací diagram, lehoty, text na skopírovanie,
   pečať právnej kontroly.
   Po každej zmene zvýš ?v=N v HTML.

   Verzia 5 (20. 10. 2026): pečať právnej kontroly s fotkou (.zm-overene__foto, .zm-overene__par).
   Verzia 4 (20. 10. 2026): rozcestník s dvoma dlaždicami .zm-navody--2 (stránka Služby).
   Verzia 3 (17. 10. 2026): nadpisové písmo pre azbuku (ukrajinská verzia
   návodu). Cornichon nemá cyriliku, preto znaky azbuky v nadpisoch
   preberá JetBrains Mono Bold (licencia SIL OFL 1.1). Latinka a číslice
   ostávajú v Cornichone.

   Farby krokov idú po farbách východu slnka: 1 tyrkys, 2 zelená,
   3 žltá, 4 oranžová, 5 červená, 6 atrament. Trieda .je-k1 až .je-k6
   nastaví premenné --k (farba) a --k-text (farba písma na nej).
   ===================================================================== */

.je-k1{--k:var(--zm-cyan);--k-text:var(--zm-ink)}
.je-k2{--k:var(--zm-green);--k-text:var(--zm-ink)}
.je-k3{--k:var(--zm-yellow);--k-text:var(--zm-ink)}
.je-k4{--k:var(--zm-orange);--k-text:var(--zm-ink)}
.je-k5{--k:var(--zm-red);--k-text:#fff}
.je-k6{--k:var(--zm-ink);--k-text:var(--zm-ground)}

/* ---------- návrat na rozcestník ---------- */
.zm-spat{display:inline-flex;align-items:center;gap:8px;min-height:34px;font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.zm-spat svg{width:8px;height:12px;transform:scaleX(-1);fill:currentColor}

/* ---------- rozcestník návodov (pomoc.html) ---------- */
.zm-navody{display:grid;gap:var(--s2)}
.zm-navod{min-width:0;display:flex;flex-direction:column;gap:var(--s2);border-radius:var(--s3);background:var(--zm-surface);padding:var(--s3) 16px 16px}
.zm-navod--pripravujeme{background:rgba(255,253,248,.6);border:1.5px dashed rgba(11,15,8,.45)}
.zm-navod__hore{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.zm-navod__ikona{width:55px;height:55px;border-radius:50%;background:var(--k);color:var(--k-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.zm-navod__ikona svg{width:28px;height:28px}
.zm-navod--pripravujeme .zm-navod__ikona{background:none;border:1.5px solid var(--zm-ink);color:var(--zm-ink)}
.zm-navod p{margin:0;font-size:15px;line-height:1.55;text-wrap:pretty}
.zm-navod__meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.zm-navod__meta li{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid rgba(11,15,8,.4);border-radius:var(--r-pill);font-size:12px;font-weight:700}
.zm-navod__dalej{margin-top:auto;padding-top:var(--s1);display:flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.zm-navod__dalej .zm-sipka{width:8px;height:12px}
a.zm-navod{transition:transform .2s ease,box-shadow .2s ease}
@media (hover:hover){a.zm-navod:hover{transform:translateY(-3px);box-shadow:0 8px 21px rgba(64,44,20,.16)}}
.zm-navod__jazyky{font-size:13px!important;color:var(--zm-muted)}

/* ---------- cesta šiestich krokov ---------- */
/* Mobil: zvislá cesta, čiara vedie stredom krúžkov. Počítač: vodorovne, šesť stĺpcov. */
.zm-cesta{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:var(--s1);counter-reset:none}
.zm-cesta::before{content:"";position:absolute;left:21px;top:21px;bottom:21px;width:5px;margin-left:-2.5px;border-radius:var(--r-pill);
  background:linear-gradient(to bottom,#3fe0cf 0%,#7be85a 22%,#f2ea3a 45%,#ff9a1f 68%,#d92b1c 88%,#0b0f08 100%);transform-origin:top center}
.zm-cesta li{position:relative;min-width:0}
.zm-cesta a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:var(--s2);min-height:55px;padding:5px 13px 5px 0;border-radius:var(--r-pill)}
.zm-cesta__n{grid-row:span 2;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--k);color:var(--k-text);font-family:var(--f-head);font-weight:700;font-size:17px;box-shadow:0 0 0 4px var(--zm-card)}
.zm-cesta__t{font-family:var(--f-head);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}
.zm-cesta__p{font-size:13px;line-height:1.35;color:var(--zm-muted)}
@media (hover:hover){.zm-cesta a:hover .zm-cesta__t{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}}
.zm-cesta a:focus-visible{outline-offset:2px}
@media (prefers-reduced-motion:no-preference){
  .zm-cesta::before{animation:zm-cesta-ciara-y 1.1s cubic-bezier(.2,.8,.2,1) .15s both}
  .zm-cesta__n{animation:zm-cesta-bod .42s cubic-bezier(.2,1.4,.4,1) both}
  .zm-cesta li:nth-child(1) .zm-cesta__n{animation-delay:.15s}
  .zm-cesta li:nth-child(2) .zm-cesta__n{animation-delay:.32s}
  .zm-cesta li:nth-child(3) .zm-cesta__n{animation-delay:.49s}
  .zm-cesta li:nth-child(4) .zm-cesta__n{animation-delay:.66s}
  .zm-cesta li:nth-child(5) .zm-cesta__n{animation-delay:.83s}
  .zm-cesta li:nth-child(6) .zm-cesta__n{animation-delay:1s}
}
@keyframes zm-cesta-ciara-y{from{transform:scaleY(0)}}
@keyframes zm-cesta-ciara-x{from{transform:scaleX(0)}}
@keyframes zm-cesta-bod{from{transform:scale(.4)}}

/* ---------- karta kroku ---------- */
.zm-krokkarta{scroll-margin-top:21px}
.zm-krokkarta__hlava{display:flex;align-items:center;gap:var(--s2)}
.zm-krokkarta__n{width:55px;height:55px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--k);color:var(--k-text);font-family:var(--f-head);font-weight:700;font-size:26px}
.zm-krokkarta__hlava .zm-hlava{min-width:0}
.zm-krokkarta .zm-h3{display:flex;align-items:center;gap:var(--s1)}
.zm-podnadpis{margin:0;font-family:var(--f-head);font-weight:700;font-size:15px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
.zm-blok{display:flex;flex-direction:column;gap:var(--s2)}

/* ---------- telefón s falošným profilom (ilustrácia) ---------- */
.zm-mobil{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3) var(--s2);border-radius:var(--s3);background:var(--zm-surface);overflow:hidden}
.zm-mobil__ram{position:relative;width:min(233px,100%);border:5px solid var(--zm-ink);border-radius:34px;background:var(--zm-card);padding:13px 13px 16px;
  display:flex;flex-direction:column;gap:10px;box-shadow:var(--zm-shadow)}
.zm-mobil__lista{display:flex;justify-content:center}
.zm-mobil__lista span{width:55px;height:8px;border-radius:var(--r-pill);background:var(--zm-ink)}
.zm-mobil__profil{display:flex;align-items:center;gap:10px;min-width:0}
.zm-mobil__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:var(--zm-grad-badge);display:flex;align-items:center;justify-content:center;
  font-family:var(--f-head);font-weight:700;font-size:15px;box-shadow:0 0 0 2px var(--zm-card),0 0 0 4px var(--zm-red)}
.zm-mobil__meno{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.zm-mobil__meno b{font-size:14px}
.zm-mobil__meno small{font-size:11px;color:var(--zm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zm-mobil__riadky{display:flex;flex-direction:column;gap:5px}
.zm-mobil__riadky i{display:block;height:7px;border-radius:var(--r-pill);background:rgba(11,15,8,.13)}
.zm-mobil__riadky i:nth-child(2){width:78%} .zm-mobil__riadky i:nth-child(3){width:52%}
.zm-mobil__mriezka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.zm-mobil__mriezka i{display:block;aspect-ratio:1;border-radius:6px;filter:blur(1.5px);opacity:.85}
.zm-mobil__mriezka i:nth-child(1){background:linear-gradient(135deg,#f2ea3a,#ff9a1f)}
.zm-mobil__mriezka i:nth-child(2){background:linear-gradient(135deg,#3fe0cf,#7be85a)}
.zm-mobil__mriezka i:nth-child(3){background:linear-gradient(135deg,#ff9a1f,#d92b1c)}
.zm-mobil__mriezka i:nth-child(4){background:linear-gradient(135deg,#7be85a,#f2ea3a)}
.zm-mobil__mriezka i:nth-child(5){background:linear-gradient(135deg,#d92b1c,#ff9a1f)}
.zm-mobil__mriezka i:nth-child(6){background:linear-gradient(135deg,#3fe0cf,#f2ea3a)}
.zm-mobil__peciatka{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-14deg);padding:6px 13px;border:3px double var(--zm-red);border-radius:8px;
  background:rgba(255,253,248,.88);color:var(--zm-red);font-family:var(--f-head);font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.zm-mobil__popisky{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.zm-mobil__popisky li{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border-radius:var(--r-pill);background:var(--zm-card);font-size:13px;font-weight:700;box-shadow:0 3px 8px rgba(64,44,20,.1)}
.zm-mobil__popisky li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zm-red)}
@media (prefers-reduced-motion:no-preference){
  .zm-mobil__peciatka{animation:zm-peciatka .5s cubic-bezier(.3,1.5,.5,1) .5s both}
}
@keyframes zm-peciatka{from{transform:translate(-50%,-50%) rotate(-14deg) scale(1.5)}}

/* ---------- pečať právnej kontroly ---------- */
.zm-overene{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 16px;border-radius:var(--s3);background:var(--zm-surface)}
.zm-overene svg{width:44px;height:44px;flex-shrink:0}
.zm-overene__t{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.45}
.zm-overene__t b{font-size:15px}
.zm-overene--caka{background:none;border:1.5px dashed rgba(11,15,8,.45)}
/* pečať s fotkou právnika (verzia 5): okrúhla fotka a malý odznak § v rohu */
.zm-overene__foto{position:relative;width:64px;height:64px;flex-shrink:0}
.zm-overene__foto img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--zm-ink)}
.zm-overene__par{position:absolute;right:-4px;bottom:-4px;width:25px;height:25px;border-radius:50%;background:var(--zm-card);border:1.5px solid var(--zm-ink);
  display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:700;font-size:13px;line-height:1}

/* ---------- robte / nerobte ---------- */
.zm-robte .zm-dlazdica{gap:var(--s2)}
.zm-robte ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}
.zm-robte li{position:relative;padding-left:34px;font-size:15px;line-height:1.55;text-wrap:pretty}
.zm-robte li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
  background:var(--znacka) center/12px 12px no-repeat,var(--znacka-farba)}
.zm-robte__ano{--znacka-farba:var(--zm-green);
  --znacka:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.3 L4.9 9 L10 3' fill='none' stroke='%230b0f08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.zm-robte__nie{--znacka-farba:var(--zm-red);
  --znacka:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 3 L9 9 M9 3 L3 9' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.zm-robte__nie{background:#f6dfd3}

/* ---------- kontrolný zoznam (dôkazy) ---------- */
.zm-checklist{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:0}
.zm-checklist__hlava{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;padding-bottom:var(--s2)}
.zm-checklist__stav{display:flex;align-items:center;gap:var(--s1);font-size:13px;font-weight:700}
.zm-checklist__pruh{width:89px;height:8px;border-radius:var(--r-pill);background:rgba(11,15,8,.1);overflow:hidden}
.zm-checklist__pruh i{display:block;height:100%;width:0;border-radius:inherit;background:var(--zm-grad-badge);transition:width .3s ease}
.zm-polozka{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--s2);padding:var(--s2) 0;border-top:1px solid var(--zm-line);cursor:pointer}
.zm-polozka input{-webkit-appearance:none;appearance:none;margin:0;width:28px;height:28px;border:1.5px solid var(--zm-ink);border-radius:8px;background:var(--zm-card);cursor:pointer;
  display:grid;place-content:center;transition:background-color .15s ease}
.zm-polozka input::after{content:"";width:13px;height:13px;opacity:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.3 L4.9 9 L10 3' fill='none' stroke='%230b0f08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.zm-polozka input:checked{background:var(--zm-green)}
.zm-polozka input:checked::after{opacity:1}
.zm-polozka input:focus-visible{outline:3px solid var(--zm-ink);outline-offset:2px}
.zm-polozka span{font-size:15px;line-height:1.55;text-wrap:pretty}
.zm-polozka span b{display:block}
.zm-polozka:has(input:checked) span{color:var(--zm-muted)}
.zm-polozka:has(input:checked) span b{color:var(--zm-ink)}

/* ---------- paragrafy ---------- */
.zm-paragrafy{display:grid;gap:var(--s2)}
.zm-paragraf{min-width:0;display:flex;flex-direction:column;gap:var(--s1);border-radius:var(--s3);background:var(--zm-surface);padding:16px}
.zm-paragraf__c{font-family:var(--f-head);font-weight:700;font-size:34px;line-height:1;white-space:nowrap}
.zm-paragraf p{margin:0;font-size:15px;line-height:1.55;text-wrap:pretty}
.zm-paragraf__trest{margin-top:auto;padding-top:var(--s1);display:flex;flex-wrap:wrap;gap:5px}
.zm-paragraf__trest span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--zm-ink);color:var(--zm-ground);font-size:12px;font-weight:700}

/* zoznam práv: v ľavom stĺpci je paragraf namiesto poradového čísla */
.zm-zoznam--par li{grid-template-columns:62px minmax(0,1fr)}
.zm-zoznam--par .zm-zoznam__c{color:var(--zm-ink);white-space:nowrap}

/* ---------- reč: jedna bublina s postavou (veta na polícii) ---------- */
.zm-rec{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:end;gap:var(--s1)}
.zm-rec svg{width:55px;height:55px;display:block}
.zm-rec__bublina{position:relative;margin-bottom:21px;padding:var(--s2) 16px;border:2px solid var(--zm-ink);border-radius:21px 21px 21px 5px;background:var(--zm-card);
  font-size:16px;font-weight:700;line-height:1.45;text-wrap:pretty}
.zm-rec__bublina::before{content:"";position:absolute;left:-2px;bottom:-12px;width:16px;height:12px;background:var(--zm-ink);clip-path:polygon(0 0,100% 0,0 100%)}
.zm-rec__bublina::after{content:"";position:absolute;left:1px;bottom:-7px;width:10px;height:8px;background:var(--zm-card);clip-path:polygon(0 0,100% 0,0 100%)}
.zm-rec__pod{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin-top:-8px;padding-left:63px}

/* ---------- komiks ---------- */
.zm-komiks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1)}
.zm-panel{margin:0;min-width:0;display:flex;flex-direction:column;border:2px solid var(--zm-ink);border-radius:var(--s3);background:var(--zm-surface);overflow:hidden}
.zm-panel__plocha{position:relative;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:10px 10px 0}
.zm-panel__scena{display:block;width:100%;height:auto;margin-top:auto}
.zm-panel figcaption{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:2px solid var(--zm-ink);background:var(--zm-card);
  font-family:var(--f-head);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
.zm-panel figcaption b{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--zm-orange);display:flex;align-items:center;justify-content:center;font-size:12px}
.zm-bublina{position:relative;align-self:flex-start;max-width:96%;padding:8px 11px;border:2px solid var(--zm-ink);border-radius:15px;background:var(--zm-card);
  font-size:13px;font-weight:700;line-height:1.35;text-wrap:pretty}
.zm-bublina::after{content:"";position:absolute;bottom:-11px;left:18px;width:14px;height:11px;background:inherit;border:2px solid var(--zm-ink);border-top:0;border-right:0;
  transform:skewX(-30deg);clip-path:polygon(0 0,100% 0,0 100%,0 0);margin-top:-2px}
.zm-bublina--vpravo{align-self:flex-end}
.zm-bublina--vpravo::after{left:auto;right:18px;border-left:0;border-right:2px solid var(--zm-ink);transform:skewX(30deg);clip-path:polygon(0 0,100% 0,100% 100%)}
.zm-bublina--ink{background:var(--zm-ink);color:var(--zm-ground)}
.zm-bublina--ink::after{background:var(--zm-ink)}
.zm-bublina small{display:block;margin-top:3px;font-weight:400;font-size:11px;line-height:1.3;opacity:.8}

/* ---------- rozhodovací diagram ---------- */
.zm-tok{display:flex;flex-direction:column;align-items:center;gap:0;padding:var(--s2) 0}
.zm-tok__uzol{width:100%;padding:var(--s2) 14px;border-radius:var(--s3);background:var(--zm-surface);font-size:14px;line-height:1.5;text-wrap:pretty}
.zm-tok__uzol b{font-weight:700}
.zm-tok__uzol--start{width:auto;max-width:100%;padding:10px 21px;border-radius:var(--r-pill);background:var(--zm-ink);color:var(--zm-ground);
  font-family:var(--f-head);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;text-align:center}
.zm-tok__otazka{max-width:420px;padding:var(--s2) var(--s3);border:2px solid var(--zm-ink);border-radius:var(--s3);background:var(--zm-card);
  font-size:15px;font-weight:700;line-height:1.4;text-align:center;text-wrap:balance}
.zm-tok__sipka{position:relative;width:2px;height:34px;background:var(--zm-ink)}
.zm-tok__sipka::after{content:"";position:absolute;left:50%;bottom:-1px;width:10px;height:8px;transform:translateX(-50%);background:var(--zm-ink);clip-path:polygon(0 0,100% 0,50% 100%)}
/* vidlička: dve vetvy pod otázkou */
.zm-tok__vetvy{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1);padding-top:34px}
.zm-tok__vetvy::before{content:"";position:absolute;top:0;left:50%;width:2px;height:13px;margin-left:-1px;background:var(--zm-ink)}
.zm-tok__vetvy::after{content:"";position:absolute;top:13px;left:25%;right:25%;height:2px;background:var(--zm-ink)}
.zm-tok__vetva{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--s1)}
.zm-tok__vetva::before{content:"";position:absolute;top:-21px;left:50%;width:2px;height:21px;margin-left:-1px;background:var(--zm-ink)}
.zm-tok__stitok{position:relative;z-index:1;margin-top:-13px;padding:2px 12px;border-radius:var(--r-pill);background:var(--zm-ink);color:var(--zm-ground);
  font-family:var(--f-head);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.zm-tok__vetva--ano .zm-tok__stitok{background:var(--zm-green);color:var(--zm-ink)}
.zm-tok__vetva--nie .zm-tok__stitok{background:var(--zm-red);color:#fff}
.zm-tok__vetva--ticho .zm-tok__stitok{background:var(--zm-yellow);color:var(--zm-ink)}
.zm-tok__uzol--pozor{background:var(--zm-red);color:#fff}
.zm-tok__uzol--dobre{background:#dff3d4}
.zm-tok__spoj{width:100%;display:flex;justify-content:center}

/* ---------- lehoty ---------- */
.zm-lehoty{display:grid;gap:var(--s2)}
.zm-lehota{position:relative;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--s2);row-gap:5px;
  border-radius:var(--s3);background:var(--zm-surface);padding:16px;overflow:hidden}
.zm-lehota__n{grid-row:span 2;min-width:76px;font-family:var(--f-head);font-weight:700;font-size:44px;line-height:1;text-align:center;text-transform:uppercase}
.zm-lehota__j{font-family:var(--f-head);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.zm-lehota p{margin:0;font-size:14px;line-height:1.5;text-wrap:pretty}
.zm-lehota--pozor{background:var(--zm-red);color:#fff}
.zm-lehota--slovo .zm-lehota__n{font-size:21px;min-width:76px}

/* ---------- text na skopírovanie ---------- */
.zm-kopia{display:flex;flex-direction:column;gap:var(--s2)}
.zm-kopia__text{margin:0;padding:var(--s2) 16px;border-left:5px solid var(--k,var(--zm-orange));border-radius:0 var(--s3) var(--s3) 0;background:var(--zm-surface);
  font-size:15px;line-height:1.6;text-wrap:pretty;white-space:pre-line}
.zm-kopia__akcie{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.zm-kopia__akcie .zm-btn{min-height:44px}
.zm-kopia__stav{font-size:13px;font-weight:700;color:var(--zm-muted)}
.zm-kopia .zm-switch{align-self:flex-start;min-width:min(280px,100%)}

/* ---------- formuláre platforiem ---------- */
.zm-platforma{gap:var(--s2)!important}
.zm-platforma__hlava{display:flex;align-items:center;gap:var(--s1)}
.zm-platforma__hlava svg{width:28px;height:28px;flex-shrink:0}
.zm-platforma dl{margin:0;display:flex;flex-direction:column}
.zm-platforma dl > div{display:flex;flex-direction:column;gap:5px;padding:var(--s2) 0;border-top:1px solid var(--zm-line)}
.zm-platforma dt{font-weight:700;font-size:15px;line-height:1.4}
.zm-platforma dd{margin:0;font-size:14px;line-height:1.5;text-wrap:pretty}
.zm-platforma dd ul{margin:5px 0 0;padding-left:18px}
.zm-platforma dd li{margin:2px 0}
.zm-odkaz{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid var(--zm-ink);border-radius:var(--r-pill);background:var(--zm-card);
  font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;align-self:flex-start}
.zm-odkaz svg{width:13px;height:13px;flex-shrink:0}

/* ---------- kontakty ---------- */
.zm-kontakt{gap:5px!important}
.zm-kontakt b{font-size:15px}
.zm-kontakt p{font-size:14px!important}
.zm-kontakt a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}
.zm-tiesnove{display:flex;gap:var(--s1);margin-top:3px}
.zm-tiesnove a{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:44px;padding:0 13px;border-radius:var(--r-pill);background:var(--zm-red);color:#fff;
  font-family:var(--f-head);font-weight:700;font-size:21px;text-decoration:none!important}

/* ---------- zdroje ---------- */
.zm-zdroje{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1);font-size:13px;line-height:1.5;color:var(--zm-muted)}
.zm-zdroje a{color:var(--zm-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}

/* ---------- počítač ---------- */
@media (min-width:900px){
  .zm-navody{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
  .zm-navody--2{grid-template-columns:repeat(2,minmax(0,1fr))}                /* rozcestník s dvoma dlaždicami (Služby) */
  .zm-navod{padding:var(--s3)}
  /* cesta vodorovne */
  .zm-cesta{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s2)}
  .zm-cesta::before{left:calc(100% / 12);right:calc(100% / 12);top:28px;bottom:auto;width:auto;height:5px;margin:-2.5px 0 0;
    background:linear-gradient(to right,#3fe0cf 0%,#7be85a 22%,#f2ea3a 45%,#ff9a1f 68%,#d92b1c 88%,#0b0f08 100%);transform-origin:left center}
  .zm-cesta a{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:5px;padding:0 0 var(--s1);border-radius:var(--s3)}
  .zm-cesta__n{grid-row:auto;width:56px;height:56px;font-size:21px;margin-bottom:5px}
  .zm-cesta__t{font-size:14px}
  @media (prefers-reduced-motion:no-preference){.zm-cesta::before{animation-name:zm-cesta-ciara-x}}
  .zm-krokkarta__n{width:89px;height:89px;font-size:44px}
  .zm-mobil{padding:var(--s4) var(--s3)}
  .zm-paragrafy{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zm-paragraf{padding:var(--s3)}
  .zm-zoznam--par li{grid-template-columns:89px minmax(0,1fr)}
  .zm-komiks{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
  .zm-bublina{font-size:13px}
  .zm-lehoty{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zm-lehota{grid-template-columns:1fr;text-align:left;padding:var(--s3)}
  .zm-lehota__n{grid-row:auto;text-align:left;font-size:55px}
  .zm-lehota--slovo .zm-lehota__n{font-size:26px;line-height:55px}
  .zm-tok__uzol{padding:var(--s2) 16px;font-size:15px}
  .zm-tok__vetvy{gap:var(--s3)}
  .zm-rec{grid-template-columns:89px minmax(0,1fr)}
  .zm-rec svg{width:89px;height:89px}
  .zm-rec__bublina{font-size:19px;padding:var(--s3)}
  .zm-rec__pod{padding-left:97px}
}
@media (max-width:420px){
  .zm-tok__uzol{font-size:13px;padding:10px 11px}
  .zm-tok__otazka{font-size:14px;padding:10px 13px}
}

/* =====================================================================
   Verzia 2 (16. 10. 2026): návod Živnosť so zahraničným vzdelaním —
   zložka dokladov, stav overovania, dve cesty, reťaz overiť → preložiť,
   značka „Overujeme".
   ===================================================================== */

/* ---------- zložka dokladov (ilustrácia) ---------- */
.zm-zlozka{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--s2);min-height:262px;padding:var(--s3) var(--s2) var(--s2);
  border-radius:var(--s3);background:var(--zm-surface);overflow:hidden}
.zm-zlozka__kopa{position:relative;width:min(250px,100%);height:190px}
.zm-zlozka__list{position:absolute;top:0;width:112px;height:150px;padding:11px 10px;border-radius:8px;background:var(--zm-card);box-shadow:0 5px 13px rgba(64,44,20,.18);
  display:flex;flex-direction:column;gap:6px}
.zm-zlozka__list b{font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.zm-zlozka__list i{display:block;height:6px;border-radius:var(--r-pill);background:rgba(11,15,8,.12)}
.zm-zlozka__list i:nth-of-type(2){width:80%} .zm-zlozka__list i:nth-of-type(3){width:60%} .zm-zlozka__list i:nth-of-type(4){width:72%}
.zm-zlozka__list--1{left:0;transform:rotate(-9deg);border-top:5px solid var(--zm-cyan)}
.zm-zlozka__list--2{left:50%;margin-left:-56px;top:-8px;transform:rotate(2deg);border-top:5px solid var(--zm-yellow)}
.zm-zlozka__list--3{right:0;transform:rotate(9deg);border-top:5px solid var(--zm-orange)}
.zm-zlozka__peciatka{position:absolute;bottom:36px;right:6px;width:54px;height:54px;border:2.5px solid var(--zm-green);border-radius:50%;
  display:flex;align-items:center;justify-content:center;transform:rotate(-16deg);color:#2f8a1d;font-family:var(--f-head);font-weight:700;font-size:8.5px;letter-spacing:.04em;text-align:center;line-height:1.1;background:rgba(255,253,248,.7)}
.zm-zlozka__predok{position:absolute;left:-14px;right:-14px;bottom:-6px;height:84px;border-radius:13px 13px 8px 8px;background:var(--zm-ink);color:var(--zm-ground);
  display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 -4px 13px rgba(11,15,8,.2)}
.zm-zlozka__predok::before{content:"";position:absolute;left:18px;top:-13px;width:76px;height:16px;border-radius:8px 8px 0 0;background:var(--zm-ink)}
.zm-zlozka__predok span{position:relative;z-index:1;padding-top:13px}
@media (prefers-reduced-motion:no-preference){
  .zm-zlozka__list--1{animation:zm-list-1 .6s cubic-bezier(.2,.8,.2,1) .2s both}
  .zm-zlozka__list--2{animation:zm-list-2 .6s cubic-bezier(.2,.8,.2,1) .35s both}
  .zm-zlozka__list--3{animation:zm-list-3 .6s cubic-bezier(.2,.8,.2,1) .5s both}
}
@keyframes zm-list-1{from{transform:translateY(34px) rotate(-9deg)}}
@keyframes zm-list-2{from{transform:translateY(34px) rotate(2deg)}}
@keyframes zm-list-3{from{transform:translateY(34px) rotate(9deg)}}

/* ---------- stav overovania na úradoch ---------- */
.zm-stav{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1)}
.zm-stav li{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:10px 12px;border-radius:var(--s2);background:var(--zm-surface);font-size:13px;line-height:1.35}
.zm-stav li b{display:block;font-size:14px}
.zm-stav__ikona{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.zm-stav__ikona svg{width:12px;height:12px}
.zm-stav li.je-ok .zm-stav__ikona{background:var(--zm-green)}
.zm-stav li.je-caka .zm-stav__ikona{background:none;border:1.5px dashed var(--zm-ink)}

/* ---------- značka Overujeme ---------- */
.zm-overujeme{display:inline-flex;align-items:center;gap:5px;padding:1px 9px;border:1.5px dashed #b39b17;border-radius:var(--r-pill);background:#fbf6c8;
  font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap;vertical-align:1px}
.zm-overujeme-box{display:flex;flex-direction:column;gap:4px;padding:var(--s2) 16px;border:1.5px dashed #b39b17;border-radius:var(--s3);background:#fdf9dc;font-size:14px;line-height:1.5}
.zm-overujeme-box p{margin:0}

/* ---------- reťaz: originál → overená kópia → preklad ---------- */
.zm-retaz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);counter-reset:r}
.zm-retaz li{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s2) 8px;border-radius:var(--s3);background:var(--zm-surface);text-align:center;font-size:13px;line-height:1.35}
.zm-retaz li b{display:block;margin-bottom:3px;font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}
.zm-retaz__t{min-width:0}
.zm-retaz li:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;width:13px;height:13px;margin-top:-6px;background:var(--zm-ink);
  clip-path:polygon(0 0,100% 50%,0 100%)}
.zm-retaz__ikona{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--zm-card)}
.zm-retaz__ikona svg{width:19px;height:19px}

/* ---------- dve cesty vedľa seba ---------- */
.zm-cesty{display:grid;gap:var(--s2)}
.zm-cestaab{min-width:0;display:flex;flex-direction:column;gap:var(--s2);border-radius:var(--s3);background:var(--zm-surface);padding:16px}
.zm-cestaab__hlava{display:flex;align-items:center;gap:var(--s2)}
.zm-cestaab__pismeno{width:44px;height:44px;flex-shrink:0;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--zm-ink);color:var(--zm-ground);
  font-family:var(--f-head);font-weight:700;font-size:21px}
.zm-cestaab--b .zm-cestaab__pismeno{background:var(--zm-cyan);color:var(--zm-ink)}
.zm-cestaab__hlava small{display:block;font-size:13px;line-height:1.35;color:var(--zm-muted)}
.zm-kroky-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.zm-kroky-mini li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--zm-line);font-size:14px;line-height:1.5}
.zm-kroky-mini li > span:first-child{font-family:var(--f-head);font-weight:700;font-size:13px;color:var(--zm-muted);line-height:21px}
.zm-kroky-mini p{margin:0;text-wrap:pretty}
.zm-chipy{display:flex;flex-wrap:wrap;gap:5px}
.zm-chipy span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--zm-card);font-size:12px;font-weight:700;border:1px solid rgba(11,15,8,.18)}

@media (min-width:900px){
  .zm-zlozka{min-height:300px}
  .zm-stav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .zm-cesty{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);align-items:start}
  .zm-cestaab{padding:var(--s3)}
  .zm-retaz li{font-size:14px}
}
@media (max-width:599px){
  .zm-retaz{grid-template-columns:1fr;gap:var(--s3)}
  .zm-retaz li{flex-direction:row;align-items:center;gap:var(--s2);text-align:left;padding:10px 14px}
  .zm-retaz__ikona{flex-shrink:0}
  .zm-retaz li:not(:last-child)::after{right:auto;left:31px;top:auto;bottom:-17px;width:13px;height:11px;margin:0;clip-path:polygon(0 0,100% 0,50% 100%)}
}
/* ---------- azbuka v nadpisoch (verzia 3) ----------
   Prehliadač stiahne písmo len vtedy, keď sa na stránke objaví znak azbuky
   (unicode-range). Slovenské stránky ho nesťahujú. */
@font-face{font-family:'ZM Cyrilika';src:url('../fonts/jetbrains-mono-cyrillic-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--f-head:'Cornichon','ZM Cyrilika','Arial Narrow',sans-serif}
.zm-zlozka__peciatka:lang(uk){font-size:7.5px;letter-spacing:0}            /* dlhšie slovo na pečiatke */
.zm-rec__preklad{flex-basis:100%;margin:0 0 4px}                           /* preklad vety pod bublinou */