/* Prezentácia o firme (26. 9. 2026), /firma/<IČO>/prezentacia. Vždy tmavá ako reely: pozadie #0E1E36 s prechodom
   do #142B4D, text #E8EEF6, zelená #ABDDC1 = plocha a stav, oranžová #FFB067 / #F5A25A = dôležité číslo a akcia.
   Písmo systémové ako web, najviac SemiBold 600 (reels-3d-len-graf). Protokol: protokoly/prezentacia-firmy.md. */
:root{--bg:#0E1E36;--bg2:#142B4D;--karta:rgba(20,43,77,.72);--ram:rgba(171,221,193,.18);--text:#E8EEF6;--text2:#C9D6E6;--text3:#A0B1C7;
  --zel:#ABDDC1;--zel2:#58C7A8;--or:#FFB067;--or2:#F5A25A;--modra:#6FA8F0;--fial:#A594F2;
  --hore:calc(60px + env(safe-area-inset-top));--dole:calc(92px + env(safe-area-inset-bottom));--bok:clamp(16px,4.5vw,72px);
  --ease:cubic-bezier(.2,.8,.2,1);color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
b,strong{font-weight:600}
.pz{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 90% at var(--gx,20%) var(--gy,0%),#16345C 0%,rgba(22,52,92,0) 55%),linear-gradient(160deg,var(--bg) 0%,var(--bg2) 100%);
  transition:--gx 1s}
/* jemný kruh loga v pozadí, pootočí sa pri každom slajde */
.pz::before{content:"";position:absolute;width:min(90vmax,1100px);aspect-ratio:1;right:-28vmax;bottom:-38vmax;border-radius:50%;
  border:clamp(28px,6vmax,90px) solid rgba(171,221,193,.035);transform:rotate(var(--rot,0deg));transition:transform 1.2s var(--ease);pointer-events:none}

/* ─── scéna a slajdy ─── */
.pz-scena{position:absolute;inset:0;touch-action:pan-y}
.sl{position:absolute;inset:0;padding:var(--hore) var(--bok) var(--dole);opacity:0;visibility:hidden;
  transition:opacity .55s ease,transform .75s var(--ease),clip-path .8s var(--ease),filter .6s ease,visibility 0s linear .8s;will-change:opacity,transform}
.sl.on{opacity:1;visibility:visible;transform:none;clip-path:inset(0 0 0 0 round 0);filter:none;transition-delay:.12s,.12s,.05s,.12s,0s}
.sl:not(.on)[data-fx="posun"]{transform:translateX(9%)}
.sl.pred:not(.on)[data-fx="posun"]{transform:translateX(-9%)}
.sl:not(.on)[data-fx="zoom"]{transform:scale(1.06);filter:blur(6px)}
.sl.pred:not(.on)[data-fx="zoom"]{transform:scale(.94)}
.sl:not(.on)[data-fx="clona"]{clip-path:inset(0 0 0 100% round 40px)}
.sl.pred:not(.on)[data-fx="clona"]{clip-path:inset(0 100% 0 0 round 40px)}
.sl:not(.on)[data-fx="vrstva"]{transform:translateY(7%) scale(.98)}
.sl.pred:not(.on)[data-fx="vrstva"]{transform:translateY(-5%) scale(.98)}
.sl-in{height:100%;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,16px);
  overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}
.sl-in::-webkit-scrollbar{display:none}
.sl-kat{margin:0;font-size:clamp(12px,1.25vw,14px);letter-spacing:.14em;text-transform:uppercase;color:var(--zel);font-weight:600;display:flex;align-items:center;gap:10px}
.sl-kat::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--zel);flex:none}
.sl-h{margin:0;font-size:clamp(24px,3.6vw,46px);line-height:1.12;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
/* slajd bez grafu stojí v strede výšky; auto okraje namiesto justify-content, aby pri pretečení nič neodrezalo hore */
.sl-in:not(:has(.graf))>:first-child{margin-top:auto}
.sl-in:not(:has(.graf))>:last-child{margin-bottom:auto}
.sl-in:not(:has(.graf))>.sl-telo{flex:0 0 auto}
.sl-telo{flex:1 0 auto;display:flex;flex-direction:column;gap:clamp(10px,1.8vh,20px)}
.veta{margin:0;font-size:clamp(16px,1.75vw,22px);line-height:1.45;color:var(--text2);max-width:62ch;text-wrap:pretty}
.veta b{color:var(--or)}
.pozn{margin:0;font-size:clamp(13px,1.2vw,15px);color:var(--text3);line-height:1.45}
.zdroj{margin:0;font-size:12px;line-height:1.4;color:var(--text3);opacity:.85;flex:none}
/* nábeh obsahu po vstupe slajdu */
.sl .sl-kat,.sl .sl-h,.sl .veta,.sl .dl,.sl .zdroj,.sl .pozn,.sl .leg,.sl .adresa,.sl .cena{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s var(--ease)}
.sl.on .sl-kat{opacity:1;transform:none;transition-delay:.2s}
.sl.on .sl-h{opacity:1;transform:none;transition-delay:.3s}
.sl.on .veta,.sl.on .adresa{opacity:1;transform:none;transition-delay:.45s}
.sl.on .dl{opacity:1;transform:none;transition-delay:calc(.5s + var(--j,0)*.08s)}
.sl.on .zdroj,.sl.on .pozn,.sl.on .leg,.sl.on .cena{opacity:1;transform:none;transition-delay:.9s}

/* ─── úvod a záver ─── */
.sl-uvod .sl-in,.sl-zaver .sl-in{justify-content:center;align-items:center;text-align:center}
.sl-uvod .sl-telo,.sl-zaver .sl-telo{flex:0 0 auto;align-items:center;gap:clamp(8px,1.6vh,18px)}
.logo-scena{width:min(560px,78vw);height:auto;aspect-ratio:1100/520;flex:none;display:block}
.uv-kat{margin:0;color:var(--zel);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(12px,1.3vw,15px);font-weight:600}
.uv-h{margin:0;font-size:clamp(28px,5.2vw,64px);line-height:1.08;font-weight:600;max-width:20ch;text-wrap:balance;overflow-wrap:anywhere}
.uv-pod{margin:0;color:var(--text2);font-size:clamp(15px,1.8vw,21px)}
.uv-stav{margin:4px 0 0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:14px;color:var(--text3)}
.stav{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(171,221,193,.14);color:var(--zel);font-weight:600}
.stav::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.stav.zle{background:rgba(245,162,90,.14);color:var(--or)}
.sl-uvod .uv-kat,.sl-uvod .uv-h,.sl-uvod .uv-pod,.sl-uvod .uv-stav,.sl-zaver .zv-h,.sl-zaver .zv-tl,.sl-zaver .zv-pod{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .8s var(--ease)}
.sl-uvod.on .uv-kat,.sl-uvod.on .uv-h,.sl-uvod.on .uv-pod,.sl-uvod.on .uv-stav,.sl-zaver.on .zv-h,.sl-zaver.on .zv-tl,.sl-zaver.on .zv-pod{opacity:1;transform:none}
.sl-uvod.on .uv-kat{transition-delay:1.5s}.sl-uvod.on .uv-h{transition-delay:1.65s}.sl-uvod.on .uv-pod{transition-delay:1.85s}.sl-uvod.on .uv-stav{transition-delay:2s}
.sl-zaver.on .zv-h{transition-delay:1.6s}.sl-zaver.on .zv-tl{transition-delay:1.8s}.sl-zaver.on .zv-pod{transition-delay:2s}
.zv-h{margin:0;font-size:clamp(20px,2.8vw,34px);line-height:1.25;font-weight:600;max-width:26ch;text-wrap:balance}
.zv-tl{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.tl-o,.tl-d{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:clamp(16px,1.6vw,19px);text-decoration:none;transition:transform .2s,background .2s}
.tl-o{background:var(--or);color:#0E1E36}
.tl-o:hover{background:var(--or2);transform:translateY(-2px)}
.tl-d{background:rgba(232,238,246,.08);color:var(--text);border:1px solid rgba(232,238,246,.22)}
.tl-d:hover{background:rgba(171,221,193,.14);transform:translateY(-2px)}
.zv-pod{margin:0;font-size:12.5px;color:var(--text3);max-width:70ch;line-height:1.5}

/* ─── dlaždice s číslami ─── */
.dls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:clamp(10px,1.4vw,16px)}
.dl{background:var(--karta);border:1px solid var(--ram);border-radius:20px;padding:clamp(14px,1.6vw,22px);display:flex;flex-direction:column;gap:6px;min-width:0}
.dl:nth-child(even){background:rgba(171,221,193,.07)}
.dl-p{font-size:clamp(13px,1.2vw,15px);color:var(--text2);line-height:1.3}
.dl-h{font-size:clamp(24px,3vw,40px);line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dl-h b{font-weight:600}
.pc{white-space:nowrap}
.dl-h .dl-kod{font-size:clamp(20px,2.2vw,30px);overflow-wrap:anywhere}
.dl-h .dl-txt{font-size:clamp(17px,1.7vw,22px);line-height:1.3;display:block}
.dl.ak .dl-h{color:var(--or)}
.dl-pod{font-size:13px;color:var(--text3);line-height:1.35}
.dl.siroka{grid-column:span 2}
.dls>.dl:nth-child(1){--j:0}.dls>.dl:nth-child(2){--j:1}.dls>.dl:nth-child(3){--j:2}.dls>.dl:nth-child(4){--j:3}.dls>.dl:nth-child(5){--j:4}.dls>.dl:nth-child(6){--j:5}.dls>.dl:nth-child(7){--j:6}.dls>.dl:nth-child(8){--j:7}

/* ─── grafy SVG ─── */
.graf{flex:1 1 220px;min-height:190px;display:flex;position:relative}
.graf-mensi{flex-basis:170px;min-height:150px}
.graf svg{width:100%;height:100%;display:block;overflow:visible}
.g-vyska{display:none!important}
@media (max-aspect-ratio:1/1){.g-vyska{display:block!important}.g-sirka{display:none!important}}
.g-os{fill:var(--text3);font-size:16px}
.g-osy{fill:var(--text3);font-size:14px;paint-order:stroke;stroke:#10223D;stroke-width:5px;stroke-linejoin:round}
.g-hod{fill:var(--or);font-size:19px;font-weight:600;paint-order:stroke;stroke:#10223D;stroke-width:5px;stroke-linejoin:round;opacity:0;transition:opacity .5s ease 1.2s}
.sl.on .g-hod{opacity:1}
.g-nula{stroke:rgba(232,238,246,.45);stroke-width:1.5}
.g-zakl{stroke:rgba(232,238,246,.25);stroke-width:1.5}
.g-mr{stroke:rgba(232,238,246,.1);stroke-width:1}
.st{fill:var(--zel);transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;transition:transform .8s var(--ease) calc(.35s + var(--i)*55ms)}
.st.neg{fill:var(--or2);transform-origin:50% 0}
.st.jed:last-of-type{fill:var(--or)}
.sl.on .st{transform:scaleY(1)}
.ci{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease calc(.35s + var(--i)*.3s)}
.sl.on .ci{stroke-dashoffset:0}
.ci.c1{stroke:var(--zel)}.ci.c2{stroke:var(--or2)}.ci.c3{stroke:var(--modra)}
.ci-b{opacity:0;transition:opacity .4s ease calc(1.6s + var(--i)*.3s)}
.sl.on .ci-b{opacity:1}
.ci-b.c1{fill:var(--zel)}.ci-b.c2{fill:var(--or2)}.ci-b.c3{fill:var(--modra)}
.leg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--text2)}
.leg li{display:flex;align-items:center;gap:8px}
.leg i{width:14px;height:14px;border-radius:4px;flex:none}
.leg b{color:var(--text)}
.leg .c1,.leg .c-zisk{background:var(--zel)}.leg .c2,.leg .c-strata{background:var(--or2)}.leg .c3{background:var(--modra)}

/* pruhy porovnania */
.pr{display:flex;flex-direction:column;gap:12px}
.pr-r{display:grid;grid-template-columns:minmax(120px,26%) 1fr auto;align-items:center;gap:14px;font-size:clamp(14px,1.4vw,17px)}
.pr-n{color:var(--text2);line-height:1.3}
.pr-b{height:18px;background:rgba(232,238,246,.06);border-radius:9px;overflow:hidden}
.pr-b i{display:block;height:100%;width:var(--w);background:var(--modra);border-radius:9px;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) calc(.45s + var(--i)*.12s)}
.pr-f .pr-b i{background:var(--or)}
.pr-f .pr-n{color:var(--text);font-weight:600}
.pr-h{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-f .pr-h{color:var(--or)}
.sl.on .pr-b i{transform:scaleX(1)}

/* prstenec vkladov */
.vl{display:flex;align-items:center;gap:clamp(18px,4vw,56px);flex-wrap:wrap}
.kolac{width:clamp(170px,26vw,300px);height:auto;flex:none;transform:rotate(-90deg)}
.kd-pod{fill:none;stroke:rgba(232,238,246,.06);stroke-width:44}
.kd{fill:none;stroke-width:44;stroke-dasharray:0 100;stroke-dashoffset:var(--o);transition:stroke-dasharray 1s var(--ease) calc(.35s + var(--i)*.22s)}
.sl.on .kd{stroke-dasharray:var(--d)}
.k0{stroke:var(--zel);background:var(--zel)}.k1{stroke:var(--or2);background:var(--or2)}.k2{stroke:var(--modra);background:var(--modra)}
.k3{stroke:var(--fial);background:var(--fial)}.k4{stroke:#58C7A8;background:#58C7A8}.k5{stroke:#F5C042;background:#F5C042}.k6{stroke:#A0B1C7;background:#A0B1C7}
.vl-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;flex:1 1 240px;min-width:0}
.vl-leg li{display:flex;gap:12px;align-items:flex-start}
.vl-leg i{width:14px;height:14px;border-radius:4px;flex:none;margin-top:5px}
.vl-leg span{display:flex;flex-direction:column;min-width:0}
.vl-leg b{font-size:clamp(15px,1.6vw,19px);overflow-wrap:anywhere}
.vl-leg small{color:var(--text3);font-size:14px}

/* ľudia */
.ludia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px}
.ludia li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:var(--karta);border:1px solid var(--ram);
  opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .6s var(--ease);transition-delay:calc(.45s + var(--i)*.07s)}
.sl.on .ludia li{opacity:1;transform:none}
.lu-ini{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(171,221,193,.16);color:var(--zel);font-weight:600;flex:none}
.lu-t{display:flex;flex-direction:column;min-width:0}
.lu-t b{overflow-wrap:anywhere}
.lu-t small{color:var(--text3);font-size:13.5px}

/* časová os */
.os{list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px)}
.os::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--zel),rgba(171,221,193,.1));transform:scaleY(0);transform-origin:top;transition:transform 1.4s var(--ease) .3s}
.sl.on .os::before{transform:scaleY(1)}
.os li{position:relative;display:grid;grid-template-columns:minmax(96px,120px) 1fr;column-gap:16px;align-items:baseline;
  opacity:0;transform:translateX(-10px);transition:opacity .5s ease,transform .6s var(--ease);transition-delay:calc(.45s + var(--i)*.14s)}
.sl.on .os li{opacity:1;transform:none}
.os li::before{content:"";position:absolute;left:-21px;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--zel)}
.os time{color:var(--or);font-weight:600;font-variant-numeric:tabular-nums;font-size:15px}
.os b{font-size:clamp(15px,1.5vw,18px)}
.os small{grid-column:2;color:var(--text3);font-size:13.5px;line-height:1.35}

/* sídlo */
.adresa{margin:0;display:flex;gap:14px;align-items:flex-start;font-size:clamp(18px,2vw,26px)}
.adresa span{display:flex;flex-direction:column}
.adresa small{font-size:clamp(14px,1.3vw,16px);color:var(--text2);margin-top:4px}
.pin{width:34px;height:34px;flex:none;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--or);position:relative;margin-top:2px}
.pin::after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--bg)}

/* činnosti */
.cin{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:8px}
.cin li{padding:10px 14px;border-radius:12px;background:rgba(171,221,193,.07);border-left:3px solid var(--zel);font-size:clamp(13.5px,1.25vw,15.5px);line-height:1.35;
  opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .5s var(--ease);transition-delay:calc(.4s + var(--i)*.06s)}
.sl.on .cin li{opacity:1;transform:none}

/* Náskok */
.nks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px}
.nk{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:18px;background:linear-gradient(150deg,rgba(255,176,103,.12),rgba(20,43,77,.8));border:1px solid rgba(255,176,103,.28);
  opacity:0;transform:translateY(12px) scale(.98);transition:opacity .5s ease,transform .6s var(--ease);transition-delay:calc(.45s + var(--i)*.1s)}
.sl.on .nk{opacity:1;transform:none}
.nk-h{display:flex;align-items:center;gap:10px;font-weight:600;font-size:clamp(16px,1.6vw,19px)}
.zamok{width:22px;height:22px;flex:none;background:var(--or);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg>') center/contain no-repeat}
.nk-o{display:flex;flex-direction:column;gap:2px}
.nk-o small{color:var(--text3);font-size:13px}
.nk-o .pc{font-size:clamp(22px,2.6vw,32px);color:var(--or)}
.nk-v{color:var(--text2);font-size:14px;line-height:1.4}
.ap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:10px}
.ap li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;background:var(--karta);border:1px solid var(--ram);
  opacity:0;transform:scale(.94);transition:opacity .45s ease,transform .55s var(--ease);transition-delay:calc(.35s + var(--i)*.05s)}
.sl.on .ap li{opacity:1;transform:none}
.ap-ik{position:relative;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(111,168,240,.16);color:#BFD7F7;flex:none}
.ap li[data-s="vyzvy"] .ap-ik,.ap li[data-s="zmluvy"] .ap-ik,.ap li[data-s="straz"] .ap-ik{background:rgba(255,176,103,.16);color:var(--or)}
.ap li[data-s="granty"] .ap-ik,.ap li[data-s="diery"] .ap-ik,.ap li[data-s="os"] .ap-ik{background:rgba(171,221,193,.16);color:var(--zel)}
.ap-ik svg{width:26px;height:26px}
.ap-st{position:absolute;top:-7px;right:-10px;background:var(--or);color:#0E1E36;font-size:8.5px;font-weight:600;letter-spacing:.04em;padding:2px 5px;border-radius:6px}
.ap-t{display:flex;flex-direction:column;min-width:0}
.ap-t b{font-size:15px}
.ap-t small{color:var(--text3);font-size:13px;line-height:1.3}
.cena{margin:0;font-size:clamp(16px,1.7vw,20px);color:var(--text2)}
.cena b{color:var(--or);font-size:1.25em}

/* ─── horná lišta, pruh a dolné ovládanie ─── */
.pz-hore{position:absolute;top:0;left:0;right:0;height:var(--hore);padding:env(safe-area-inset-top) var(--bok) 0;display:flex;align-items:center;gap:8px;z-index:5}
.pz-znak{display:flex;margin-right:auto;border-radius:50%}
.pz-znak img{display:block}
.pz-cislo{font-size:13px;color:var(--text3);font-variant-numeric:tabular-nums;margin-right:6px}
.pz-ik{width:44px;height:44px;border-radius:50%;border:1px solid rgba(232,238,246,.16);background:rgba(20,43,77,.6);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s}
.pz-ik:hover{background:rgba(171,221,193,.16)}
.pz-ik svg,.pz-tl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pz-ik .i-vyp{display:none}
.pz-ik[aria-pressed="false"]#pz-zvuk .i-zap{display:none}.pz-ik[aria-pressed="false"]#pz-zvuk .i-vyp{display:block}
.pz-ik[aria-pressed="true"]#pz-cela .i-zap{display:none}.pz-ik[aria-pressed="true"]#pz-cela .i-vyp{display:block}
.pz-pruh{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(232,238,246,.06);z-index:6}
.pz-pruh i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,var(--zel),var(--or));transition:width .6s var(--ease)}
.pz-dole{position:absolute;left:0;right:0;bottom:0;height:var(--dole);padding:0 var(--bok) env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:5;
  background:linear-gradient(0deg,rgba(14,30,54,.92) 40%,rgba(14,30,54,0))}
.pz-tl{width:60px;height:60px;border-radius:50%;border:1px solid rgba(232,238,246,.2);background:rgba(20,43,77,.85);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0;flex:none;
  transition:transform .2s,background .2s,opacity .2s}
.pz-tl svg{width:28px;height:28px}
.pz-tl:hover:not(:disabled){background:rgba(171,221,193,.18);transform:scale(1.05)}
.pz-tl:active:not(:disabled){transform:scale(.95)}
.pz-tl:disabled{opacity:.3;cursor:default}
.pz-tl-d{background:var(--or);color:#0E1E36;border-color:transparent}
.pz-tl-d:hover:not(:disabled){background:var(--or2)}
.pz-body{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:min(520px,100%);min-width:0}
.pz-bod{width:22px;height:22px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}
.pz-bod::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(232,238,246,.28);transition:width .3s var(--ease),background .3s}
.pz-bod.bol::before{background:rgba(171,221,193,.6)}
.pz-bod.tu::before{width:20px;border-radius:4px;background:var(--or)}
:focus-visible{outline:3px solid var(--or2);outline-offset:3px}
.sl :focus-visible{outline-offset:2px}

/* ─── mobil na výšku ─── */
@media (max-width:700px){
  :root{--hore:calc(56px + env(safe-area-inset-top));--dole:calc(84px + env(safe-area-inset-bottom))}
  .pz-tl{width:56px;height:56px}
  .pz-body{gap:0}
  .pz-bod{width:12px;height:22px}
  .pz-bod::before{width:6px;height:6px}
  .pz-bod.tu::before{width:14px}
  .dls{grid-template-columns:1fr 1fr;gap:10px}
  .dl{padding:12px 13px;border-radius:16px}
  .dl-h{font-size:clamp(20px,6vw,28px)}
  .dl-h .dl-txt{font-size:15px}
  .dl-h .dl-kod{font-size:18px}
  .dl-pod{font-size:12px}
  .pr-r{grid-template-columns:1fr auto;row-gap:5px}
  .pr-n{grid-column:1/-1}
  .pr-b{grid-column:1;grid-row:2}
  .pr-h{grid-row:2}
  .ap{grid-template-columns:1fr 1fr;gap:8px}
  .ap li{padding:8px;gap:9px;border-radius:14px}
  .ap-ik{width:38px;height:38px;border-radius:11px}
  .ap-ik svg{width:21px;height:21px}
  .ap-t b{font-size:13px;line-height:1.25}
  .ap-t small{display:none}
  .os li{grid-template-columns:1fr}
  .os small{grid-column:1}
  .os time{font-size:13px}
  .os li:nth-child(n+7){display:none}
  .ludia li:nth-child(n+7){display:none}
  .cin li:nth-child(n+6){display:none}
  .vl{justify-content:center}
  .kolac{width:min(200px,52vw)}
  .nks{gap:8px}
  .nk{padding:12px 14px;gap:5px}
  .nk-v{display:none}
  .nk-o .pc{font-size:24px}
}
@media (max-width:700px) and (max-height:760px){
  .ap-t b{font-size:12.5px}
  .veta{font-size:15px}
  .nks{grid-template-columns:1fr 1fr}
  .nk{padding:10px 11px;border-radius:14px}
  .nk-h{font-size:14px;gap:6px}
  .nk-h .zamok{width:16px;height:16px}
  .nk-o small{font-size:11.5px}
  .nk-o .pc{font-size:19px}
  .graf-mensi{flex-basis:120px;min-height:120px}
  .pr{gap:8px}
  .ludia li:nth-child(n+6){display:none}
  .ludia li{padding:9px 12px}
  .lu-ini{width:38px;height:38px}
  .kolac{width:min(150px,42vw)}
  .vl{gap:14px}
  .vl-leg{gap:7px}
  .vl-leg b{font-size:14px}
  .vl-leg small{font-size:12.5px}
}
@media (max-height:620px) and (min-width:701px){
  .logo-scena{width:min(420px,60vw)}
  .dl-h{font-size:clamp(20px,2.4vw,30px)}
}
/* veľká obrazovka: väčšie karty, aby slajd nebol prázdny pod obsahom */
@media (min-width:1100px) and (min-height:760px){
  .dl{padding:24px 26px;gap:8px;border-radius:22px}
  .dl-p{font-size:16px}
  .dl-h{font-size:clamp(26px,2.3vw,44px)}
  .dl-pod{font-size:14.5px}
  .ludia li{padding:16px 18px}
  .lu-ini{width:52px;height:52px;font-size:18px}
  .lu-t b{font-size:18px}
  .lu-t small{font-size:15px}
  .cin li{font-size:17px;padding:14px 18px}
  .os b{font-size:20px}
  .os small{font-size:15px}
  .os time{font-size:17px}
  .ap li{padding:14px 16px;gap:14px}
  .ap-ik{width:58px;height:58px;border-radius:16px}
  .ap-ik svg{width:30px;height:30px}
  .ap-t b{font-size:17px}
  .ap-t small{font-size:14.5px}
  .nk{padding:22px 24px;gap:10px}
  .nk-h{font-size:21px}
  .nk-v{font-size:15.5px}
  .pr-r{font-size:18px}
  .pr-b{height:22px;border-radius:11px}
  .vl-leg b{font-size:20px}
  .vl-leg small{font-size:15.5px}
  .kolac{width:clamp(220px,24vw,340px)}
}
@media (prefers-reduced-motion:reduce){
  .pz::before,.sl,.sl *,.pz-pruh i,.pz-bod::before{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}
  .sl[data-fx]{transform:none!important;clip-path:none!important;filter:none!important}
}