/* ===== DataDent – komponenty podstránek a společných prvků (v10, rozšířeno ve v15) =====
   Staví na tokenech ze style.css: --ink, --violet (teal), --peri, --line, --lav, --mint, --sand, --muted, --f-*, --r-*  */

/* aktivní položka menu */
.nav-links a.is-active,.nav-links a[aria-current="page"]{color:var(--violet);background:var(--lav)}
.nav-drop.is-active{color:var(--violet)}
.nav-login.is-active{color:var(--violet)}
#mmenu .mf-r.is-active{color:var(--violet)}
#mmenu .mf-r.is-active .mf-go{background:var(--mint);color:var(--violet)}
#mmenu .mf-m.is-active{background:var(--lav);color:#019d9f}

/* patička: karta MAGNAPRO jako tlačítko, verze */
button.dd-card{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;border:0}
.dd-ver{font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-left:4px;font-weight:400}

/* ===== hlavička podstránky ===== */
.phero{position:relative;isolation:isolate;overflow-x:clip;padding-top:calc(env(safe-area-inset-top,0px) + 132px);padding-bottom:clamp(36px,6vw,72px)}
.phero .ambient{border-radius:0}
.phero .smudge.s-a{width:560px;height:480px;left:-140px;top:-120px;background:#caf6f6}
.phero .smudge.s-b{width:520px;height:440px;right:-160px;top:40px;background:#d3eded}
.ph-in{position:relative;z-index:1;display:grid;gap:18px;max-width:880px}
.ph-in.center{margin:0 auto;text-align:center;justify-items:center}
.crumbs{font-size:13.5px;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"/";color:#c3c8ce}
.crumbs a{color:var(--ink-2);transition:color .2s}
.crumbs a:hover{color:var(--violet)}
.crumbs [aria-current="page"]{color:var(--muted)}
.ph-title{font-weight:600;letter-spacing:-.045em;margin:0;text-wrap:balance;max-width:18ch}

.ph-sub{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--muted);max-width:60ch;margin:0}
.ph-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ph-cta.center{justify-content:center}

/* ===== štítky stavu modulu ===== */
.bdg{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap;vertical-align:middle}
.bdg::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.bdg-main{background:var(--violet);color:#fff}
.bdg-main::before{background:#fff}
.bdg-live{background:var(--ok-bg);color:var(--ok)}
.bdg-soon{background:var(--warn-bg);color:var(--warn)}
.bdg-opt{background:var(--pink);color:var(--peri-d)}

/* ===== přilepená navigace skupin ===== */
.subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px);z-index:20;display:flex;justify-content:center;margin-bottom:8px;pointer-events:none}
.subnav ul{pointer-events:auto;list-style:none;margin:0;padding:5px;display:flex;gap:4px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--line) inset,0 10px 30px -18px rgba(36,40,44,.35);overflow-x:auto;scrollbar-width:none;max-width:100%}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s}
.subnav a small{font-family:var(--f-mono);font-size:11px;color:var(--muted)}
.subnav a:hover,.subnav a.on{background:var(--lav);color:var(--violet)}

/* ===== skupina modulů ===== */
.grp{scroll-margin-top:170px}
.grp+.grp{margin-top:clamp(48px,7vw,88px)}
.grp-h{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.grp-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--violet);flex:none}
.grp-ic.peri{background:var(--pink);color:var(--peri-d)}
.grp-h .h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.grp-h .cnt{margin-left:auto;font-family:var(--f-mono);font-size:13px;color:var(--muted)}

/* ===== karta modulu ===== */
.mx-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.mx-grid,.mx-grid[data-n="6"],.mx-grid[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.mx-grid[data-n="4"],.mx-grid[data-n="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.mx-grid[data-n="10"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.mx-grid[data-n="10"],.mx-grid[data-n="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}
.mx{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:22px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line) inset;transition:box-shadow .25s,transform .25s}
a.mx:hover{box-shadow:0 0 0 1px #c3e8e9 inset,var(--shadow-md);transform:translateY(-3px)}
.mx-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mx-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--lav);color:var(--violet)}
.mx-ic svg{width:20px;height:20px}
.mx h3{margin:0;font-size:17.5px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.mx p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.mx .more{font-size:14px;font-weight:600;color:var(--violet);display:inline-flex;align-items:center;gap:6px}
.mx .more svg{transition:transform .25s}
a.mx:hover .more svg{transform:translateX(3px)}
a.mx:hover .mx-ic{background:var(--violet);color:#fff;transition:background .25s,color .25s}
.mx.plain{background:rgba(255,255,255,.55);border:1.5px dashed #deebeb;box-shadow:none}
.mx.plain .mx-ic{background:var(--sand);color:var(--ink-2)}
.mx.main{background:linear-gradient(160deg,#eefbfb,#fff 55%);box-shadow:0 0 0 1.5px #c3e8e9 inset}

/* ===== funkce modulu (seznam) ===== */

.fx-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-grid[data-cols="1"]{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){.fx-grid[data-cols="3"],.fx-grid[data-cols="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1280px){.fx-grid[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}
.fx{display:grid;align-content:start}
.fx .ic{display:grid;place-items:center}
.fx .ic svg{width:18px;height:18px}
.fx h3,.fx h4{margin:0;font-weight:600;line-height:1.3}
.fx p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}
.fx .lnk{justify-self:start;margin-top:4px;font-size:13.5px;font-weight:600;color:var(--violet)}
.fx .lnk:hover{text-decoration:underline;text-underline-offset:3px}

/* ===== zvýraznění (4 hlavní body) ===== */
.hl-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.hl{display:grid;gap:8px;padding:22px;align-content:start}
.hl .k{font-family:var(--f-mono);font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:500;letter-spacing:-.04em;color:var(--violet);line-height:1.1}
.hl h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.015em}
.hl p{margin:0;font-size:14px;color:var(--muted)}
@media (max-width:1000px){.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hl-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== pruh s ukázkou ===== */
.demo-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;position:relative;overflow:hidden;isolation:isolate}
.demo-band::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-220px;border-radius:50%;z-index:-1}
.demo-band h2{margin:0 0 6px;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;letter-spacing:-.03em}
.demo-band p{margin:0;max-width:60ch}
.demo-band .btn-primary{flex:none}

/* ===== závěrečná výzva ===== */
.cta-final{text-align:center}
.cta-final .head{margin:0 auto}
.ctf-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}

/* ===== modal MAGNAPRO ===== */
.cmodal{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 40px 80px -30px rgba(23,35,35,.5);overflow:auto}
.cmodal::backdrop{background:rgba(23,35,35,.45);backdrop-filter:blur(4px)}
.cmodal[open]{animation:cmIn .35s var(--ease)}
@keyframes cmIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.cm-in{padding:clamp(22px,4vw,36px);display:grid;gap:14px}
.cm-tag{justify-self:start;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);background:var(--lav);padding:5px 10px;border-radius:999px}
.cm-title{margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600;letter-spacing:-.035em}
.cm-lead{margin:0;color:var(--muted)}
.cm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:6px}
.cm-h{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cm-cols ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px;font-size:14.5px}
.cm-list li{display:flex;gap:10px}
.cm-list li::before{content:"";flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--violet)}
.cm-cols a{color:var(--ink);font-weight:500;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}
.cm-cols a:hover{color:var(--violet);border-color:var(--violet)}
.cm-cols a small{font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-left:4px}
.cm-foot{display:flex;justify-content:flex-end;margin:4px 0 0}
@media (max-width:600px){.cm-cols{grid-template-columns:minmax(0,1fr)}.cm-foot .btn{width:100%}}

@media (prefers-reduced-motion:reduce){.cmodal[open]{animation:none}a.mx:hover,.mx{transform:none!important}}

/* ===== navigace mezi moduly (předchozí / další) ===== */
.mpager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.mp{display:grid;gap:4px;padding:18px 22px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line) inset;transition:box-shadow .25s,transform .25s}
.mp:hover{box-shadow:0 0 0 1px #c3e8e9 inset,var(--shadow-md);transform:translateY(-2px)}
.mp.next{text-align:right;justify-items:end}
.mp-l{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.mp b{font-size:17px;font-weight:600;letter-spacing:-.02em}
.mp:hover b{color:var(--violet)}
@media (max-width:560px){.mpager{grid-template-columns:minmax(0,1fr)}.mp.next{text-align:left;justify-items:start}}

/* ===== v10: ukázky formulářů (/ukazky-formularu) ===== */
.fp-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px;margin:0 auto 22px;max-width:max-content;border-radius:999px;background:var(--sand);box-shadow:0 0 0 1px var(--line) inset;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fp-tabs::-webkit-scrollbar{display:none}
.fp-tab{flex:none;border:0;background:transparent;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.fp-tab:hover{color:var(--ink)}
.fp-tab[aria-selected="true"]{background:#fff;color:var(--violet);box-shadow:var(--shadow-sm)}
.fp-tab:focus-visible,.fp-lang:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.fp-panel:focus{outline:none}
.fp-card{max-width:820px;margin:0 auto;border-radius:var(--r-xl);background:#fff;box-shadow:0 0 0 1px var(--line) inset,var(--shadow-lg);overflow:hidden;scroll-margin-top:96px}
.fp-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px clamp(16px,3vw,28px);border-bottom:1px solid var(--line);background:var(--sand)}
.fp-org{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}
.fp-org svg{color:var(--violet)}
.fp-badge{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:var(--warn-bg);padding:3px 8px;border-radius:999px}
.fp-langs{display:flex;gap:4px;margin-left:auto}
.fp-lang{border:0;font:inherit;font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--muted);background:transparent;padding:6px 8px;border-radius:8px;cursor:pointer;min-width:34px;min-height:32px}
.fp-lang:hover{color:var(--ink);background:#fff}
.fp-lang.on{color:#fff;background:var(--violet)}
.fp-head{padding:clamp(20px,3.5vw,32px) clamp(16px,3vw,28px) 0}
.fp-title{margin:0;font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:600;letter-spacing:-.035em}
.fp-subt{margin:4px 0 0;color:var(--muted)}
.fp-steps{list-style:none;display:flex;gap:6px;margin:20px 0 0;padding:0 clamp(16px,3vw,28px);overflow-x:auto;scrollbar-width:none}
.fp-steps::-webkit-scrollbar{display:none}
.fp-steps li{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;font-size:13.5px;color:var(--muted);background:var(--sand);transition:background .25s,color .25s}
.fp-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;font-size:12px;font-weight:600;box-shadow:0 0 0 1px var(--line) inset}
.fp-steps li.done{color:var(--violet)}
.fp-steps li.done .fp-n{background:var(--lilac);box-shadow:none}
.fp-steps li[aria-current="step"]{background:var(--violet);color:#fff}
.fp-steps li[aria-current="step"] .fp-n{background:#fff;color:var(--violet);box-shadow:none}
.fp-bar{height:3px;margin:16px clamp(16px,3vw,28px) 0;border-radius:3px;background:var(--line);overflow:hidden}
.fp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--violet-2));border-radius:inherit;transition:width .45s var(--ease)}
.fp-body{padding:clamp(18px,3vw,28px) clamp(16px,3vw,28px) 6px}
.fp-pane{border:0;margin:0;padding:0;min-width:0}
.fp-pane:not([hidden]){animation:fpIn .4s var(--ease)}
@keyframes fpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fp-pt{padding:0;margin:0 0 16px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--violet)}
.fp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.fp-f{display:grid;gap:6px;min-width:0;align-content:start}
.fp-f.wide,.fp-grid>.wide{grid-column:1/-1}
.fp-f>label,.fp-lbl,.fp-set legend,.fp-yn legend{font-size:13.5px;font-weight:500;color:var(--ink-2)}
.fp-f b,.fp-lbl b{color:var(--bad);font-weight:600}
.fp-f input:not([type=radio]):not([type=checkbox]):not([type=range]),.fp-f select,.fp-f textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fafdfd;font:inherit;font-size:15px;color:var(--ink);opacity:1;-webkit-text-fill-color:currentColor}
.fp-f textarea{resize:none;min-height:64px}
.fp-f input::placeholder,.fp-f textarea::placeholder{color:#9aa0a6;-webkit-text-fill-color:#9aa0a6}
.fp-pane:disabled .fp-f input,.fp-pane:disabled .fp-f select,.fp-pane:disabled .fp-f textarea{cursor:not-allowed}
.fp-tel{display:grid;grid-template-columns:92px minmax(0,1fr);gap:6px}
.fp-set,.fp-yn{border:0;margin:0;padding:0;min-width:0}
.fp-set legend,.fp-yn legend{padding:0;margin-bottom:6px}
.fp-opts{display:flex;flex-wrap:wrap;gap:6px}
.fp-ch{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fafdfd;font-size:14.5px;color:var(--ink);cursor:not-allowed}
.fp-ch input{accent-color:var(--violet);width:16px;height:16px;margin:0}
.fp-ch.fp-f{display:inline-flex;justify-self:start}
.fp-ch u{text-decoration-color:var(--violet);text-underline-offset:2px}
.fp-yn{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;border-radius:var(--r-md);background:var(--sand)}
.fp-yn legend{float:left;margin:0;max-width:60ch}
.fp-yn .fp-opts{margin-left:auto}
.fp-sub{margin:10px 0 0;padding-top:16px;border-top:1px dashed var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.fp-range{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:center}
.fp-range input[type=range]{width:100%;accent-color:var(--violet)}
.fp-sign{display:grid;place-items:center;height:140px;border-radius:var(--r-md);border:1.5px dashed #c3e8e9;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(3,178,181,.08) 34px 35px),#fafdfd;color:var(--muted);font-size:14px}
.fp-link{justify-self:start;border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline}
.fp-doc{display:grid;gap:16px;padding:18px;border-radius:var(--r-md);background:var(--sand);box-shadow:0 0 0 1px var(--line) inset}
.fp-doc-s{display:grid;gap:8px}
.fp-doc-s h3{margin:0 0 2px;font-size:15px;font-weight:600}
.fp-sk:nth-of-type(1){width:96%}.fp-sk:nth-of-type(2){width:88%}.fp-sk:nth-of-type(3){width:62%}
.fp-sk{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,#e2eded,#edf4f5)}
.fp-doc-note{margin:0;font-size:13px;color:var(--muted)}
.fp-nav{display:flex;justify-content:space-between;gap:10px;padding:18px clamp(16px,3vw,28px) clamp(18px,3vw,26px)}
.fp-nav .fp-next{margin-left:auto}
.fp-foot{max-width:820px;margin:16px auto 0;text-align:center;font-size:13.5px;color:var(--muted)}
.fp-modal .cm-in{text-align:left}
.fp-mlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:641px){.fp-steps{flex-wrap:wrap;overflow:visible}}
.fp-mbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.fp-login{justify-self:start;font-size:14px;color:var(--violet);font-weight:500;border-bottom:1px solid transparent}
.fp-login:hover{border-color:currentColor}
.fp-modal-s{width:min(460px,calc(100vw - 32px))}
.fp-globe{font-size:34px;line-height:1}
@media (max-width:640px){
  .fp-tabs{max-width:100%;border-radius:var(--r-md);margin-inline:-4px}
  .fp-grid{grid-template-columns:minmax(0,1fr)}
  .fp-langs{margin-left:0;width:100%;justify-content:flex-start}
  .fp-steps li:not([aria-current="step"]) .fp-sl{display:none}
  .fp-steps li:not([aria-current="step"]){padding:6px}
  .fp-nav .btn{flex:1 1 0;padding:0 14px}
  .fp-mbtns .btn{width:100%}
}

/* ===== v10: ukázka vyplněné anamnézy (/ukazka-anamnezy) ===== */
.ua-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(20px,4vw,48px);align-items:start;max-width:1180px}
.ua-doc{border-radius:var(--r-xl);background:#fff;box-shadow:0 0 0 1px var(--line) inset,var(--shadow-lg);padding:clamp(18px,3.5vw,32px);display:grid;gap:18px}
.ua-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ua-brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px}
.ua-brand svg{color:var(--violet)}
.ua-langs{display:flex;gap:4px}
.ua-langs span:not(.sr-only){font-family:var(--f-mono);font-size:11.5px;color:var(--muted);padding:4px 7px;border-radius:7px;background:var(--sand)}
.ua-langs span.on{color:#fff;background:var(--violet)}
.ua-title{margin:0;font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:600;letter-spacing:-.03em}
.ua-sub{margin:2px 0 0;color:var(--muted);font-size:14.5px}
.ua-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.ua-grid div{padding:10px 12px;border-radius:var(--r-sm);background:var(--sand);min-width:0}
.ua-grid dt,.ua-l{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.01em}
.ua-grid dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.ua-q{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ua-q li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--line) inset;font-size:15px}
.ua-ynv{display:inline-flex;flex:none;padding:3px;border-radius:999px;background:var(--sand)}
.ua-ynv b{font-size:13px;font-weight:500;color:var(--muted);padding:4px 12px;border-radius:999px}
.ua-ynv b.on{background:var(--violet);color:#fff;font-weight:600}
.ua-note{padding:12px 14px;border-radius:var(--r-sm);background:var(--mint)}
.ua-note p{margin:4px 0 0;font-weight:500}
.ua-sign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding-top:6px;border-top:1px dashed var(--line)}
.ua-sig{display:block;margin-top:4px;font-family:"Segoe Script","Brush Script MT","Snell Roundhand",cursive;font-size:30px;line-height:1.2;color:#005859;border-bottom:1.5px solid var(--ink);padding-bottom:4px}
.ua-date{display:block;margin-top:4px;font-family:var(--f-mono);font-size:14px}
.ua-send{display:flex;align-items:center;justify-content:center;height:48px;border-radius:999px;background:var(--violet);color:#fff;font-weight:600;opacity:.9}
.ua-foot{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted)}
.ua-foot svg{flex:none;margin-top:3px;color:var(--violet)}
.ua-side{position:sticky;top:110px;display:grid;gap:22px}
.ua-flow{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ua-flow li{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--r-lg);background:var(--sand)}
.ua-n{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--violet);color:#fff;font-weight:600;font-size:14px}
.ua-flow b{font-weight:600}
.ua-flow p{margin:2px 0 0;font-size:14.5px;color:var(--muted)}
.ua-btns{display:grid;gap:10px}
@media (max-width:900px){.ua-wrap{grid-template-columns:minmax(0,1fr)}.ua-side{position:static}}
@media (max-width:480px){.ua-grid{grid-template-columns:minmax(0,1fr)}.ua-q li{font-size:14.5px}.ua-sign{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.fp-pane:not([hidden]){animation:none}.fp-bar i{transition:none}}

/* ===== v11: společné prvky obsahových stránek ===== */
.sec-head{margin:0 auto clamp(28px,4vw,44px);text-align:center;justify-items:center}
.inl{color:var(--violet);font-weight:500;text-decoration:underline;text-decoration-color:rgba(3,178,181,.35);text-underline-offset:3px;transition:text-decoration-color .2s}
.inl:hover{text-decoration-color:currentColor}
.inl.strong,.fx p .strong{font-weight:600}
.fx p .dark{color:var(--ink);font-weight:600}

.ctf-btns.start{justify-content:flex-start}

/* ===== v11: kontaktní formulář ===== */
.cf-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start;max-width:1180px}
.cf-side{display:grid;gap:16px;position:sticky;top:110px}
.cf-side .lead{text-align:left}
.cf-points{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.cf-points li{display:flex;gap:10px;align-items:center;font-weight:500}
.cf-points svg{color:var(--violet);flex:none}
.cform{display:grid;gap:18px;padding:clamp(18px,3.5vw,32px);border-radius:var(--r-xl);background:#fff;box-shadow:0 0 0 1px var(--line) inset,var(--shadow-md);position:relative}
.ct-modal .cform{padding:0;box-shadow:none;border-radius:0}
.cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.cf-grid.one{grid-template-columns:minmax(0,1fr)}
.cf-f{display:grid;gap:6px;min-width:0;align-content:start}
.cf-f.wide,.cf-grid>.wide{grid-column:1/-1}
.cf-f label{font-size:14px;font-weight:500;color:var(--ink-2)}
.cform b{color:var(--bad);font-weight:600}
.cf-f input,.cf-f select,.cf-f textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #d9dee6;border-radius:var(--r-sm);background:#fafdfd;font:inherit;font-size:16px;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.cf-f textarea{resize:vertical;min-height:128px}
.cf-f input[type=file]{padding:9px 10px;font-size:14px}
.cf-f input::placeholder,.cf-f textarea::placeholder{color:#9aa0a6}
.cf-f input:focus,.cf-f select:focus,.cf-f textarea:focus{outline:none;border-color:var(--violet);background:#fff;box-shadow:0 0 0 4px rgba(3,178,181,.15)}
.cf-f [aria-invalid="true"]{border-color:var(--bad);box-shadow:0 0 0 3px rgba(212,70,60,.12)}
.cf-hint{font-size:12.5px;color:var(--muted)}
.cf-err{font-size:12.5px;color:var(--bad);font-weight:500}
.cf-consent{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--ink-2);line-height:1.5;cursor:pointer}
.cf-consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--violet)}
.cf-consent.is-invalid span{color:var(--bad)}
.cf-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.cf-foot.end{justify-content:flex-end}
.cf-req{margin:0;font-size:12.5px;color:var(--muted)}
.cf-status{margin:0;font-size:14px;font-weight:500}
.cf-status:empty{display:none}
.cf-status.ok{padding:12px 14px;border-radius:var(--r-sm);background:var(--ok-bg);color:var(--ok)}
.cf-status.err{padding:12px 14px;border-radius:var(--r-sm);background:var(--bad-bg);color:var(--bad)}
.cf-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.cform button[disabled]{opacity:.6;cursor:progress}
@media (max-width:900px){.cf-wrap{grid-template-columns:minmax(0,1fr)}.cf-side{position:static}}
@media (max-width:600px){.cf-grid{grid-template-columns:minmax(0,1fr)}.cf-foot .btn{width:100%}}
.ct-modal{width:min(560px,calc(100vw - 32px))}
.ct-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ct-x{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--sand);font-size:24px;line-height:1;color:var(--ink);cursor:pointer}
.ct-x:hover{background:var(--line)}
.ct-x:focus-visible{outline:2px solid var(--violet);outline-offset:2px}

/* ===== v11: o nás ===== */
.tl{list-style:none;margin:0 auto;padding:0;max-width:880px;display:grid;gap:0;position:relative}
.tl::before{content:"";position:absolute;left:43px;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--violet),var(--lilac))}
.tl li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:clamp(14px,3vw,28px);padding:0 0 clamp(20px,3vw,32px)}
.tl-y{position:relative;z-index:1;justify-self:center;align-self:start;padding:7px 12px;border-radius:999px;background:var(--violet);color:#fff;font-family:var(--f-mono);font-size:14px;font-weight:500;box-shadow:0 0 0 6px #fff}
.tl-c{padding:18px 22px;background:#fff}
.tl-c h3{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.tl-c p{margin:0;color:var(--muted);font-size:15px}
.tl-end{display:flex;gap:10px;align-items:center;justify-content:center;max-width:880px;margin:4px auto 0;font-weight:500;color:var(--ink-2)}
.tl-end svg{color:var(--violet);flex:none}
@media (max-width:560px){.tl::before{left:15px}.tl li{grid-template-columns:minmax(0,1fr);gap:10px;padding-left:36px}.tl-y{justify-self:start;margin-left:-36px;box-shadow:0 0 0 4px #fff}}

.co-more{justify-self:start}

/* ===== v11: promo akce ===== */

.fcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fcard{display:grid;gap:4px;align-content:start;padding:20px;background:#fff;transition:box-shadow .25s,transform .25s}
.fcard:hover{box-shadow:0 0 0 1px #c3e8e9 inset,var(--shadow-md);transform:translateY(-3px)}
.fcard-ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:12px;background:var(--lav);color:var(--violet)}
.fcard h3{margin:0;font-size:16.5px;font-weight:600;letter-spacing:-.02em}
.fcard p{margin:0;font-size:14px;color:var(--muted)}
.fcard-l{margin-top:10px;font-size:13.5px;font-weight:600;color:var(--violet)}
@media (max-width:1100px){.fcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.fcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.fcards{grid-template-columns:minmax(0,1fr)}}

.promo-band{position:relative;overflow:hidden;isolation:isolate;padding:clamp(24px,5vw,64px);border-radius:var(--r-xl);background:var(--ink);color:#fff;display:grid;gap:clamp(22px,3vw,36px)}
.promo-band::before{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-200px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(20,222,225,.35),transparent 65%)}
.promo-band::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:-220px;bottom:-320px;border-radius:50%;background:radial-gradient(circle,rgba(24,137,139,.3),transparent 65%)}
.pr-head{display:grid;gap:12px;max-width:760px}
.pr-tag{justify-self:start;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7eeef0;background:rgba(20,222,225,.14);padding:5px 10px;border-radius:999px}
.pr-head h2{margin:0;color:#fff;font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:600;line-height:1.08;letter-spacing:-.04em}
.pr-head p{margin:0;color:rgba(255,255,255,.75);font-size:clamp(1rem,1.3vw,1.1rem)}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pr-i{display:grid;gap:8px;align-content:start;padding:20px;border-radius:var(--r-lg);background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset}
.pr-i .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(20,222,225,.18);color:#7eeef0}
.pr-i h3{margin:4px 0 0;color:#fff;font-size:17px;font-weight:600}
.pr-i p{margin:0;font-size:14.5px;color:rgba(255,255,255,.7)}
.pr-cta{display:flex}
@media (max-width:900px){.pr-grid{grid-template-columns:minmax(0,1fr)}}
.psteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:none}
.psteps li{position:relative;display:grid;gap:8px;align-content:start;padding:22px}
.pst-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--violet);color:#fff;font-weight:600;font-size:16px;box-shadow:0 8px 20px -8px rgba(3,178,181,.8)}
.psteps li:last-child .pst-n{background:var(--peri);box-shadow:0 8px 20px -8px rgba(24,137,139,.8)}
.psteps h3{margin:6px 0 0;font-size:17px;font-weight:600;letter-spacing:-.02em}
.psteps p{margin:0;font-size:14.5px;color:var(--muted)}
@media (max-width:1000px){.psteps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.psteps{grid-template-columns:minmax(0,1fr)}}
.coop{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,5vw,64px)}
.coop-t{display:grid;gap:14px}
.coop-t .lead{text-align:left}
.coop-t p{margin:0}
.chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.chips li{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-sm);font-size:14.5px;font-weight:500}
.chips svg{color:var(--violet);flex:none}
@media (max-width:900px){.coop{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){.chips{grid-template-columns:minmax(0,1fr)}}

/* ===== v13: registrace, přihlášení, zapomenuté heslo ===== */
.cf-status.info{padding:12px 14px;border-radius:var(--r-sm);background:var(--lav);color:var(--ink-2);font-weight:500}
.rg-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(24px,5vw,64px);align-items:start;max-width:1180px}
.rg-info{display:grid;gap:14px;align-content:start}
.rg-h{margin:0;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:600;letter-spacing:-.035em}
.rg-h3{margin:12px 0 0;font-size:17px;font-weight:600;letter-spacing:-.02em}
.rg-lead{margin:0;color:var(--muted);max-width:56ch}
.rg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rg-list li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--sand);font-size:14.5px;font-weight:500}
.rg-list svg{flex:none;margin-top:2px;color:var(--violet)}
.rg-who{grid-template-columns:minmax(0,1fr)}
.rg-who li{background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.rg-more{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.rg-side{display:grid;gap:14px}
.rg-fh{display:flex;gap:14px;align-items:flex-start}
.rg-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--lav);color:var(--violet)}
.rg-fh h2{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em}
.rg-fh p{margin:2px 0 0;font-size:14px;color:var(--muted)}
.rg-send,.auth-send{width:100%}
.rg-trust{margin:-4px 0 0;display:flex;gap:6px;align-items:center;justify-content:center;font-size:12.5px;color:var(--muted)}
.rg-trust svg{color:var(--violet)}
.rg-q{margin:0;text-align:center;font-size:14.5px;color:var(--muted)}
@media (max-width:900px){.rg-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.rg-list{grid-template-columns:minmax(0,1fr)}}

.auth-card{width:min(440px,100%);display:grid;gap:14px;padding:clamp(22px,5vw,36px);border-radius:var(--r-xl);background:#fff;box-shadow:0 0 0 1px var(--line) inset,var(--shadow-lg);text-align:center}

.auth-key{width:100%;gap:10px}
.auth-or{display:flex;align-items:center;gap:12px;margin:2px 0;font-size:13px;color:var(--muted)}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-form{padding:0;box-shadow:none;border-radius:0;text-align:left}
.auth-after{margin:0;text-align:center;font-size:14.5px;color:var(--muted)}
.pw-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.inl.small{font-size:13px}
.pw-box{position:relative}
.pw-box input{padding-right:52px}
.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.pw-eye:hover,.pw-eye[aria-pressed="true"]{color:var(--violet);background:var(--lav)}
.pw-eye:focus-visible{outline:2px solid var(--violet);outline-offset:1px}

/* ===== v14: právní dokumenty ===== */
.lg-hero .ph-in{text-align:left;max-width:1148px;margin:0 auto;justify-items:start}
.lg-hero .crumbs ol{justify-content:flex-start}
.lg-title{font-size:clamp(2rem,4.6vw,3.4rem);max-width:22ch}
.lg-lead{max-width:72ch;text-align:left;margin-left:0}
.lg-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}
.lg-meta li{display:grid;gap:1px;padding:9px 14px;border-radius:var(--r-md);background:rgba(255,255,255,.85);box-shadow:0 0 0 1px var(--line) inset;max-width:100%}
.lg-meta span{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lg-meta b{font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.lg-sec{padding-top:clamp(24px,4vw,40px)}
.lg-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;max-width:1180px}
.lg-side{position:sticky;top:100px;display:grid;gap:14px;max-height:calc(100dvh - 120px);grid-template-rows:minmax(0,1fr) auto auto}
.lg-toc{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line) inset;overflow:hidden}
.lg-toc summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;list-style:none;border-bottom:1px solid var(--line)}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc summary:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.lg-count{font-family:var(--f-mono);font-size:11px;padding:2px 7px;border-radius:999px;background:var(--lav);color:var(--violet)}
.lg-toc nav{overflow:auto;min-height:0;max-height:100%;padding:6px;overscroll-behavior:contain;scrollbar-width:thin}
.lg-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.lg-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;padding:7px 10px;border-radius:9px;font-size:14px;line-height:1.35;color:var(--ink-2);transition:background .15s,color .15s}
.lg-toc a:hover{background:var(--sand);color:var(--ink)}
.lg-toc a[aria-current]{background:var(--lav);color:var(--violet);font-weight:600}
.tn{font-family:var(--f-mono);font-size:12px;color:var(--muted);padding-top:1px}
.lg-toc a[aria-current] .tn{color:var(--violet)}
.lg-docs{padding:14px 16px;border-radius:var(--r-lg);background:var(--sand)}
.lg-docs-h{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lg-docs ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lg-docs a{display:block;padding:5px 0;font-size:14px;color:var(--ink-2)}
.lg-docs a:hover{color:var(--violet)}
.lg-docs a[aria-current]{color:var(--violet);font-weight:600}
.lg-print{width:100%;height:42px;font-size:14px;gap:8px}
.lg-doc{min-width:0;max-width:820px}
.lg-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 28px;padding:16px 18px;border-radius:var(--r-md);background:var(--mint);font-size:15px;color:var(--ink-2)}
.lg-note svg{flex:none;margin-top:2px;color:var(--violet)}
.lg-art{scroll-margin-top:100px;padding:0 0 clamp(26px,3.5vw,38px);margin:0 0 clamp(26px,3.5vw,38px);border-bottom:1px solid var(--line)}
.lg-art:last-of-type{border-bottom:0}
.lg-art h2{display:flex;gap:12px;align-items:baseline;margin:0 0 16px;font-size:clamp(1.25rem,2.3vw,1.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.25}
.lg-num{flex:none;font-family:var(--f-mono);font-size:13px;font-weight:500;letter-spacing:0;color:var(--violet);background:var(--lav);padding:3px 9px;border-radius:999px;transform:translateY(-2px)}
.lg-art h3{margin:22px 0 10px;font-size:17px;font-weight:600;letter-spacing:-.015em}
.lg-art p{margin:0 0 12px;font-size:16px;line-height:1.7;color:var(--ink-2)}
.lg-p{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}
.pn{font-family:var(--f-mono);font-size:13px;color:var(--muted);padding-top:3px}
.lg-list{margin:0 0 14px;padding:0 0 0 52px;display:grid;gap:6px}
.lg-list li{font-size:16px;line-height:1.6;color:var(--ink-2);padding-left:4px}
.lg-list li::marker{color:var(--violet)}
.lg-art strong{color:var(--ink);font-weight:600}
.lg-table{margin:6px 0 18px;overflow-x:auto;border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line) inset}
.lg-table:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.lg-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
.lg-table th{position:sticky;top:0;text-align:left;padding:11px 12px;background:var(--sand);font-weight:600;font-size:12.5px;letter-spacing:.02em;color:var(--ink);border-bottom:1px solid var(--line)}
.lg-table td{padding:11px 12px;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink-2);line-height:1.5}
.lg-table tr:last-child td{border-bottom:0}
.lg-table td:first-child{font-family:var(--f-mono);font-size:13px;color:var(--ink);font-weight:500}
.lg-foot{margin-top:8px;padding:22px;border-radius:var(--r-lg);background:var(--sand);display:grid;gap:14px}
.lg-rel{display:flex;flex-wrap:wrap;gap:10px}
.lg-rel .btn{height:44px;font-size:14.5px;gap:8px}
.lg-foot p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
@media (max-width:1000px){
  .lg-wrap{grid-template-columns:minmax(0,1fr)}
  .lg-side{position:sticky;top:76px;z-index:5;max-height:none;grid-template-rows:auto}
  .lg-docs,.lg-print{display:none}
  .lg-toc{box-shadow:0 0 0 1px var(--line) inset,var(--shadow-md)}
  .lg-toc[open] nav{max-height:min(60dvh,440px)}
  .lg-toc:not([open]) summary{border-bottom:0}
}
@media (max-width:640px){
  .lg-p{display:block}
  .pn{display:inline;padding:0;margin-right:6px;color:var(--violet)}
  .lg-list{padding-left:20px}
  .lg-table table{min-width:0}
  .lg-table thead{display:none}
  .lg-table tr{display:grid;padding:10px 12px;border-bottom:1px solid var(--line)}
  .lg-table td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;padding:4px 0;border:0}
  .lg-table td::before{content:attr(data-label);font-family:var(--f-body);font-size:12px;font-weight:600;color:var(--muted)}
}
@media print{
  .nav-shell,.dd-foot,#cookie,.to-top,.lg-side,.ambient,.progress,.skip,.mmenu,.lg-rel,#mmenu{display:none!important}
  .lg-wrap{display:block}
  .phero{padding:0!important;min-height:0!important}
  .lg-art{break-inside:auto;border-color:#ccc}
  .lg-art h2{break-after:avoid}
  .lg-art p,.lg-list li{font-size:11pt;color:#000}
  a{color:#000!important;text-decoration:none!important}
}

/* =====================================================================
   v15 – sjednocení podstránek s homepage
   Podstránky používají stejné stavební prvky jako index.html:
   .panel (p-lav / p-mint / p-sand) + .ambient .smudge, .head, .seg, .mod,
   .app okno aplikace, .fine, .final + .trustline
   ===================================================================== */

/* odsazení sekcí bez inline stylů */
.section.tight{padding-top:0}
.section.snug{padding-top:24px}

/* ---------- hlavička podstránky = hero z homepage ---------- */

.phero .smudge.s-c{width:520px;height:420px;left:38%;top:260px;background:#d1f3f4;opacity:.45}
.ph-title{font-size:clamp(2.45rem,5.6vw,4.7rem);line-height:1.02}
.ph-title em{font-style:normal;color:var(--violet)}
.lg-title em{font-style:normal;color:var(--violet)}
.phero .fine{justify-content:flex-start;margin-top:4px}
.ph-in.center .fine{justify-content:center}
.phero .fine svg{color:var(--violet)}

/* hero modulu: text vlevo, okno aplikace vpravo */
.ph-split{position:relative;z-index:1;display:grid;gap:clamp(36px,5vw,64px);align-items:center}
.ph-split .ph-in{max-width:640px}

.ph-vis{position:relative;min-width:0}
@media(min-width:1024px){.ph-split{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}}

.app.mock{max-width:560px;margin:0 auto;border-radius:22px}
.mk-body{padding:18px 20px 20px;display:grid;gap:4px}
.mk-h{display:flex;align-items:center;gap:12px}
.mk-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--violet);flex:none}
.mk-ic svg{width:20px;height:20px}
.mk-h b{display:block;font-size:16px;letter-spacing:-.02em;font-weight:600}
.mk-h small{display:block;font-size:12.5px;color:var(--muted)}
.mock .tabs{margin:12px 0 8px}
.mk-rows{display:grid;gap:8px}
.mk-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset}
.mk-ri{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--violet);box-shadow:0 0 0 1px var(--line) inset}
.mk-row:nth-child(even) .mk-ri{color:var(--peri-d)}
.mk-ri svg{width:16px;height:16px}
.mk-row b{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-row small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ph-vis .float-chip.fc-m2{right:-22px;top:-26px}
@media(max-width:1180px){.ph-vis .float-chip.fc-m1{left:-8px}.ph-vis .float-chip.fc-m2{right:-6px}}
@media(max-width:640px){.ph-vis .float-chip{display:none}.mk-row{grid-template-columns:30px minmax(0,1fr)}.mk-row .chip{display:none}}

/* ---------- úvod k funkcím ---------- */
.fx-intro{margin:0 auto clamp(28px,4vw,44px)}

/* ---------- skupina funkcí = barevný panel z homepage ---------- */

.fg-head{display:grid;gap:14px;align-content:start}
@media(min-width:1024px){.fg-head{position:sticky;top:120px}}
.fg-head .h2{font-size:clamp(1.9rem,3.2vw,2.8rem)}
.fg-head .lead{font-size:1rem}
.fg-count{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:13px;color:var(--violet)}
.fg-count::before{content:"";width:22px;height:1px;background:currentColor;opacity:.5}

.panel .ambient .smudge.g1{width:440px;height:380px;right:-110px;top:-90px;background:#d3eded}
.panel .ambient .smudge.g2{width:400px;height:340px;left:-130px;bottom:-80px;background:#c4f2f3}
.p-sand .ambient .smudge.g1{background:#e1f5f6;opacity:.6}
.p-sand .ambient .smudge.g2{background:#e8ecfb;opacity:.5}

/* karta funkce = karta .seg z homepage */
.seg h3,.seg h4{margin:0;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.seg p{margin:0}
.seg .si svg{width:20px;height:20px}
.seg .lnk{justify-self:start;font-size:13.5px;font-weight:600;color:var(--violet)}
.seg .lnk:hover{text-decoration:underline;text-underline-offset:3px}
.seg .bdg{justify-self:start}
.seg p .dark{color:var(--ink);font-weight:600}

/* ---------- obecné karty podstránek ve stylu homepage ---------- */
.fx{padding:22px;border-radius:18px;background:#fff;box-shadow:var(--shadow-md)}
.fx .ic{background:var(--mint);color:var(--violet);width:42px;height:42px;border-radius:13px}
.fx:nth-child(even) .ic{background:var(--pink);color:var(--peri-d)}
.hl{border-radius:18px;background:#fff;box-shadow:var(--shadow-md)}

.tl-c{border-radius:18px;box-shadow:var(--shadow-md)}
.panel .mx{box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,var(--shadow-sm)}
.panel .mx:hover{box-shadow:0 0 0 1px #c3e8e9 inset,var(--shadow-md)}
.panel .mx.plain{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.9)}
.panel .fcard{box-shadow:var(--shadow-md)}

/* sekce s obsahem v panelu */
.panel>.head.sec-head{margin-bottom:clamp(28px,4vw,44px)}
.panel.pg-panel .fx-grid,.panel.pg-panel .hl-grid,.panel.pg-panel .fcards{position:relative;z-index:1}

/* katalog modulů: oblasti jako panely */
.grp.panel{scroll-margin-top:150px}
.grp.panel+.grp.panel{margin-top:24px}
.grp.panel .grp-h{margin-bottom:28px}

/* ---------- promo blok (akce) – světlý panel místo tmavého ---------- */
.promo-band.panel{background:radial-gradient(ellipse 75% 65% at 0% 0%,var(--lilac) 0%,transparent 85%),radial-gradient(ellipse 75% 80% at 100% 100%,var(--pink) 0%,transparent 85%),#f1fbfb;color:var(--ink)}
.promo-band.panel::before,.promo-band.panel::after{display:none}
.promo-band.panel .pr-head p,.promo-band.panel p{color:var(--muted)}
.promo-band.panel h2,.promo-band.panel h3{color:var(--ink)}
.promo-band.panel .pr-i{color:var(--ink)}
.promo-band.panel .pr-i p{color:var(--muted)}
.promo-band.panel .pr-tag,.promo-band.panel .eyebrow{color:var(--violet)}

/* ---------- závěrečná výzva = blok „Začněte s DataDent“ z homepage ---------- */
.final.cta-final .head{justify-items:center}
.final .ctf-btns{margin-top:6px}
.final .mpager{width:100%}

/* související moduly */
.rel .mod-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-top:clamp(28px,4vw,40px)}
.rel .mpager{margin-top:24px}
.panel>.cf-wrap,.panel>.rg-wrap{position:relative;z-index:1;margin:0 auto}
.panel .cf-side{top:130px}
.fcard{box-shadow:var(--shadow-md);border-radius:18px}
.psteps li{border-radius:18px;background:#fff;box-shadow:var(--shadow-md)}
.psteps .pst-n{font-family:var(--f-mono)}
/* pruh „Chcete vidět…“ – světlý jako panely homepage */
.demo-band{background:radial-gradient(ellipse 80% 120% at 0% 0%,var(--lilac) 0%,transparent 80%),radial-gradient(ellipse 70% 120% at 100% 100%,var(--pink) 0%,transparent 80%),#f1fbfb;color:var(--ink);border-radius:var(--r-xl);padding:clamp(24px,4vw,44px)}
.demo-band::before{background:radial-gradient(circle,rgba(24,137,139,.14),transparent 65%)}
.demo-band h2{color:var(--ink)}
.demo-band p{color:var(--muted)}
.panel>.ua-wrap{position:relative;z-index:1;margin:0 auto}

/* =====================================================================
   v16 – O nás, Akce, Kontakt, Registrace, Ukázka anamnézy
   hero s vizuálem, čísla, scény a FAQ převzaté z homepage
   ===================================================================== */
.hero-stats{margin-top:0;padding:10px;border-radius:26px;background:#fff;box-shadow:var(--shadow-md),0 0 0 1px var(--line) inset;gap:0}
.hero-stats .stat{position:relative;padding:22px 12px}
.hero-stats .stat+.stat::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.hero-stats .stat b{color:var(--violet);font-family:var(--f-mono);font-weight:500;font-size:clamp(1.8rem,3.4vw,2.6rem)}
@media(max-width:760px){.hero-stats .stat:nth-child(odd)::before{display:none}}

/* vizuál v hero: karta formuláře / kontaktu */
.ph-vis>.reveal-card{width:min(440px,100%)}
.ph-vis:has(>.reveal-card) .float-chip.fc-m1{left:-6px;top:-34px;bottom:auto}
.ph-vis:has(>.reveal-card) .float-chip.fc-m2{right:-6px;top:auto;bottom:-30px}
.reveal-card .fs-l{font-size:13.5px;color:var(--muted)}
.ct-card .av{display:grid;place-items:center;background:var(--mint);color:var(--violet)}
.ct-card .av svg{width:22px;height:22px}
.ct-card .rc-field .val{word-break:normal}

/* scény na podstránkách (nadpis + obsah vedle sebe) */
.scene .head{align-content:start}
.scene-tl{align-items:start}
.scene-tl .tl{margin:0}
.scene-tl .tl-end{margin-top:22px;justify-content:flex-start}
@media(min-width:960px){.scene-tl>.head{position:sticky;top:130px}}

.scene .head .fine{justify-content:flex-start;margin-top:6px}
.scene .head .fine svg{color:var(--violet)}
.panel .steps4 li{background:rgba(255,255,255,.78)}
.wand-stage .wand{cursor:default}

/* úspora (akce) = blok úspory z homepage */
.us-v3 .method{text-align:center;color:var(--muted);max-width:80ch;margin:0 auto}

/* registrace */

.rg-wrap+.stats,.panel+.stats{margin-top:clamp(28px,4vw,48px)}

/* kontakt – FAQ */
#faq .qa .ans a{color:var(--violet)}
/* karty .fx = karta .seg z homepage (ikona nahoře) */
.fx{grid-template-columns:minmax(0,1fr);gap:10px}
.fx .ic{grid-row:auto}
.fx h3,.fx h4{font-size:16px;letter-spacing:-.02em}
/* promo blok – nadpis jako .h2 */
.promo-band.panel h2{font-size:clamp(2rem,4.2vw,3.5rem);font-weight:600;line-height:1.05;letter-spacing:-.04em;margin:10px 0 14px}
.promo-band.panel .pr-tag{display:inline-flex;align-items:center;gap:8px;background:none;padding:0;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet)}
.promo-band.panel .pr-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(3,178,181,.14)}
.promo-band.panel .pr-i{border-radius:18px;background:#fff;box-shadow:var(--shadow-md)}
/* nadpis v hero s vizuálem */
.ph-split .ph-title{font-size:clamp(2.3rem,4.6vw,4.1rem);max-width:17ch}
.reg-badge{margin:0 0 4px}

/* =====================================================================
   v17 – stránky modulů: vlastní ukázka aplikace v hero, V kostce, navigace oblastí
   ===================================================================== */
.ph-in .bdg{justify-self:start}
.mk-body.mv{gap:8px}
.mv-lbl{margin:6px 0 0;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.mv-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 12px;border-radius:12px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset}
.mv-ri{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--violet);box-shadow:0 0 0 1px var(--line) inset}
.mv-ri .av{width:34px;height:34px}
.mv-t b{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-t small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mv-chip-g{background:#edf4f5;color:var(--ink-2)}
.mv-note{font-size:11.5px;color:var(--muted);margin-left:auto}
.mv-tooth{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--f-mono);font-size:12.5px;font-weight:500;color:var(--peri-d);background:var(--pink)}
.mv-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.mv-tile{padding:10px 12px;border-radius:12px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;min-width:0}
.mv-tile small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-tile b{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.2;color:var(--violet)}
.mv-tile.v b{color:var(--peri-d)}.mv-tile.w b{color:var(--warn)}.mv-tile.b b{color:var(--bad)}.mv-tile.ok b{color:var(--ok)}
.mv-tile span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:var(--violet);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.mv-btn.sm{height:30px;padding:0 12px;font-size:12px}
.mv-btn.ghost{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line) inset}
.mv-quota{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12px;color:var(--muted);padding:4px 2px}
.mv-quota i{height:6px;border-radius:99px;background:#edf4f5;overflow:hidden}
.mv-quota em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--peri))}
.mv-quota b{font-size:12px;color:var(--ink-2);font-weight:500}
/* bezpečnost */
.mv-login{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:linear-gradient(135deg,#eefbfb,#f3f5fe);box-shadow:0 0 0 1px #e0f0f0 inset}
.mv-key{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--violet);color:#fff;box-shadow:0 10px 24px -10px rgba(3,178,181,.8)}
.mv-login b{display:block;font-size:14px}.mv-login small{display:block;font-size:12px;color:var(--muted)}
.mv-steps{display:flex;gap:6px;flex-wrap:wrap}
.mv-steps span{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--ok-bg);color:var(--ok)}
/* cloud */
.mv-crumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
/* dashboard */
.mv-hot{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--warn-bg);color:var(--warn);font-size:12.5px}
.mv-hot b{font-weight:600}.mv-hot span{color:var(--ink-2)}.mv-hot em{margin-left:auto;font-style:normal;font-weight:600}
.mv-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mv-quick span{display:grid;justify-items:center;gap:4px;padding:9px 4px;border-radius:12px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;font-size:11px;color:var(--ink-2)}
.mv-quick svg{color:var(--violet)}
/* docházka */
.mv-clock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#eefbfb,#f3f5fe);box-shadow:0 0 0 1px #e0f0f0 inset}
.mv-clock small{display:block;font-size:11px;color:var(--muted)}
.mv-clock b{display:block;font-size:24px;font-weight:500;letter-spacing:-.03em;color:var(--violet);line-height:1.2}
.mv-clock span{font-size:12px;color:var(--muted)}
.mv-clock .mv-btn{color:#fff}
/* formuláře */
.mv-langs{display:flex;align-items:center;gap:4px}
.mv-langs span{font-family:var(--f-mono);font-size:11px;padding:4px 7px;border-radius:7px;background:#edf4f5;color:var(--muted)}
.mv-langs span.on{background:var(--violet);color:#fff}
.mv-langs em{margin-left:auto;font-style:normal;font-size:12px;color:var(--muted)}
/* kalendář */
.mv-tabs{margin:2px 0 4px}
.mv-cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mv-day small{display:block;text-align:center;font-size:11px;color:var(--muted);margin-bottom:4px}
.mv-day>div{position:relative;height:150px;border-radius:10px;background:repeating-linear-gradient(180deg,#f7fafa 0 29px,#edf4f5 29px 30px);box-shadow:0 0 0 1px #eaf2f3 inset}
.mv-day .ev{position:absolute;left:3px;right:3px;border-radius:7px;padding:4px 5px;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}
.ev.a{background:var(--mint);color:#028e90;box-shadow:inset 3px 0 0 var(--violet)}
.ev.b{background:var(--pink);color:var(--peri-d);box-shadow:inset 3px 0 0 var(--peri)}
.ev.c{background:var(--warn-bg);color:var(--warn);box-shadow:inset 3px 0 0 var(--warn)}
/* kartotéka */
.mv-patient{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#eefbfb,#f3f5fe);box-shadow:0 0 0 1px #e0f0f0 inset}
.mv-patient .av{width:42px;height:42px;font-size:14px}
.mv-patient b{display:block;font-size:14.5px}.mv-patient small{display:block;font-size:12px;color:var(--muted)}
.mv-fam{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:999px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;font-size:12px}
.mv-fam .av{width:24px;height:24px;font-size:10px}
.mv-sign{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ok);padding:6px 2px}
/* kříže */
.mv-teeth{display:grid;gap:4px;padding:10px;border-radius:14px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset}
.mv-teeth>div{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}
.mv-teeth>div:first-child{padding-bottom:5px;border-bottom:1px dashed #d8e7e7}
.mv-t2{display:grid;justify-items:center;gap:2px}
.mv-t2 i{width:100%;aspect-ratio:1;max-width:24px;border-radius:7px;background:#fff;box-shadow:0 0 0 1.5px #dae9e9 inset}
.mv-t2 small{font-family:var(--f-mono);font-size:8.5px;color:var(--muted)}
.mv-t2.k i{background:var(--violet);box-shadow:none}.mv-t2.a i{background:#8d96a3;box-shadow:none}.mv-t2.e i{background:var(--peri);box-shadow:none}
.mv-t2.c i{background:#f2c35b;box-shadow:none}.mv-t2.r i{background:#fff;box-shadow:0 0 0 2px var(--bad) inset}.mv-t2.x i{background:transparent;box-shadow:0 0 0 1.5px #dae9e9 inset;opacity:.45}
.mv-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--muted)}
.mv-legend span{display:inline-flex;align-items:center;gap:5px}
.mv-legend span::before{content:"";width:9px;height:9px;border-radius:3px;background:#fff;box-shadow:0 0 0 1.5px #dae9e9 inset}
.mv-legend .k::before{background:var(--violet);box-shadow:none}.mv-legend .a::before{background:#8d96a3;box-shadow:none}.mv-legend .e::before{background:var(--peri);box-shadow:none}
.mv-legend .c::before{background:#f2c35b;box-shadow:none}.mv-legend .r::before{box-shadow:0 0 0 2px var(--bad) inset}.mv-legend .x::before{opacity:.45}
.mv-paro{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;font-size:12px;color:var(--muted)}
.mv-paro span{margin-right:auto}
.mv-paro b{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:500}
.mv-paro .g{background:var(--ok-bg);color:var(--ok)}.mv-paro .y{background:var(--warn-bg);color:var(--warn)}.mv-paro .r{background:var(--bad-bg);color:var(--bad)}
.mv-paro em{font-style:normal;font-weight:600;color:var(--bad);margin-left:4px}
/* multi-pobočka */
.mv-switch{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--ink);color:#fff;font-size:13px}
.mv-switch small{color:rgba(255,255,255,.65)}.mv-switch em{margin-left:auto;font-style:normal;opacity:.7}
/* pokladna */
.mv-receipt{border-radius:14px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;padding:10px 12px;display:grid;gap:2px}
.mv-rh{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:6px;border-bottom:1px dashed #d8e7e7;margin-bottom:4px}
.mv-rh b{font-family:var(--f-mono);font-size:13px;font-weight:500}.mv-rh span{font-size:12px;color:var(--muted)}
.mv-rl{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr);gap:8px;font-size:12.5px;padding:4px 0}
.mv-rl span:nth-child(n+2){text-align:right}
.mv-rl.head{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
.mv-rl .mono{font-size:12px;color:var(--ink-2)}
.mv-rl.tot{border-top:1px solid #e2eded;margin-top:4px;padding-top:8px;font-weight:600}
.mv-rl.tot .mono{color:var(--violet);font-size:14px;font-weight:500}
/* recall */
.mv-mail{display:grid;gap:4px;justify-items:start;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#eefbfb,#f3f5fe);box-shadow:0 0 0 1px #e0f0f0 inset}
.mv-mail small{font-size:11px;color:var(--muted)}.mv-mail b{font-size:14px}.mv-mail .mv-btn{margin-top:4px}
.mv-mail em{font-style:normal;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
/* rezervace */
.mv-svc{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;font-size:13px}
.mv-svc svg{color:var(--violet)}.mv-svc span{margin-left:auto;font-size:12px;color:var(--muted)}
.mv-dates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mv-dates span{display:grid;justify-items:center;padding:8px 0;border-radius:12px;font-size:11px;color:var(--muted);background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.mv-dates b{font-size:18px;font-weight:600;color:var(--ink);letter-spacing:-.02em}
.mv-dates .on{background:var(--ink);color:rgba(255,255,255,.7);box-shadow:none}.mv-dates .on b{color:#fff}
.mv-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mv-slots span{text-align:center;padding:8px 0;border-radius:10px;font-family:var(--f-mono);font-size:12.5px;background:var(--lav);color:#028e90}
.mv-slots .on{background:var(--violet);color:#fff;box-shadow:0 8px 18px -8px rgba(3,178,181,.8)}
.mv-slots .off{background:#f2f6f6;color:#b4bac1;text-decoration:line-through}
.mv-flow{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.mv-flow span{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;background:#f2f6f6}
.mv-flow span.on{background:var(--ok-bg);color:var(--ok)}
.mv-flow i{width:14px;height:1px;background:#d5e1e1}
/* semafor */
.mv-ball{width:22px;height:22px;border-radius:50%;display:flex;overflow:hidden;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(36,40,44,.2)}
.mv-ball i{flex:1}.mv-ball .g{background:#22b26a}.mv-ball .o{background:#f0a12a}.mv-ball .r{background:#e0483d}.mv-ball .n{background:#b8bec5}
.mv-legend2{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding:2px}
/* statistiky */
.mv-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:130px;padding:10px 12px 6px;border-radius:14px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset}
.mv-chart span{display:grid;grid-template-rows:1fr auto;justify-items:center;height:100%;gap:4px}
.mv-chart i{align-self:end;width:100%;max-width:26px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--violet-2),var(--violet))}
.mv-chart span:nth-child(4) i{background:linear-gradient(180deg,#5fb1b2,var(--peri))}
.mv-chart small{font-size:10.5px;color:var(--muted)}
/* veřejný profil */
.mv-profile{display:flex;align-items:center;gap:12px}
.mv-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#019d9f,var(--violet-2) 55%,var(--peri));color:#fff}
.mv-profile b{display:block;font-size:15px}.mv-profile small{display:block;font-size:12px;color:var(--muted)}
.mv-hours{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:10px 14px;border-radius:14px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;font-size:12.5px}
.mv-hours span{color:var(--muted)}.mv-hours b{font-size:12.5px;font-weight:500;text-align:right}
.mv-cta2{display:flex;gap:8px;flex-wrap:wrap}
/* zprávy */
.mv-chat-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.mv-chat-h span{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--muted)}
.mv-chat-h i{width:7px;height:7px;border-radius:50%;background:#c3c9cf}.mv-chat-h i.on{background:#22b26a}
.mv-chat-h span i:last-of-type{margin-right:5px}
.mv-msg{display:flex;gap:8px;align-items:flex-end}
.mv-msg p{margin:0;max-width:82%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#f2f7f7;font-size:12.5px;line-height:1.45}
.mv-msg p b{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-bottom:1px}
.mv-msg.me{justify-content:flex-end}
.mv-msg.me p{border-radius:14px 14px 4px 14px;background:var(--violet);color:#fff}
.mv-msg.me p b{color:rgba(255,255,255,.75)}
.mv-at{font-weight:600;color:#c9feff;margin-right:3px}
.mv-att{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:5px 9px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px var(--line) inset;font-size:11.5px}
@media(max-width:640px){.mv-row{grid-template-columns:30px minmax(0,1fr)}.mv-row>.chip{display:none}.mv-ri{width:30px;height:30px}.mv-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.mv-quick span:nth-child(n+4){display:none}}

/* ---------- V kostce (souhrn modulu) ---------- */
.kostka .head{margin-bottom:clamp(24px,3vw,36px)}
.k-grid{display:grid;gap:12px}
.k-card{position:relative;display:grid;gap:8px;align-content:start;padding:22px 22px 22px 24px;border-radius:18px;background:#fff;box-shadow:var(--shadow-md);overflow:hidden}
.k-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--violet),var(--peri))}
.k-card h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.k-card p{margin:0;font-size:14px;color:var(--muted)}
.k-n{font-family:var(--f-mono);font-size:12px;color:var(--violet)}
/* shrnutí plochého modulu jako úvod panelu */
.fg-head .fg-sum{font-size:15px;color:var(--ink-2);max-width:42ch}
.fg-head .fg-sum b{display:block;font-size:16px;margin-bottom:4px;color:var(--ink)}
/* lepicí navigace oblastí */
.mod-subnav{margin:0 0 20px}
.mod-subnav a small{margin-left:2px}

.ph-vis .float-chip.fc-m1{left:-40px;bottom:-48px;top:auto}
.phero:has(.ph-split){padding-bottom:clamp(64px,8vw,110px)}
.mv-typing{display:flex;align-items:center;gap:3px;font-size:11.5px;color:var(--muted);padding-left:40px}
.mv-typing i{width:5px;height:5px;border-radius:50%;background:#bccdce;animation:mvdot 1.2s infinite}
.mv-typing i:nth-child(2){animation-delay:.15s}.mv-typing i:nth-child(3){animation-delay:.3s;margin-right:6px}
@keyframes mvdot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.mv-typing i{animation:none}}
.k-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-grid.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.k-grid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.k-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.k-grid,.k-grid.n4{grid-template-columns:minmax(0,1fr)}}
.rel .mod{padding:20px;border-radius:18px;background:#fff;box-shadow:var(--shadow-md)}
.rel .mod:hover{box-shadow:0 0 0 1px #c3e8e9 inset,var(--shadow-lg)}
.rel .mod .mi{width:42px;height:42px;border-radius:13px;background:var(--mint)}

/* =====================================================================
   v18 – „Co modul umí“ jako interaktivní ukázka (varianta 2)
   ===================================================================== */
.ix .vx-split{align-items:start}
.ix-left{display:grid;gap:clamp(28px,4vw,44px)}
.ix-gh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ix-gh .eyebrow{flex-basis:100%}
.ix-gh h3{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.ix-grp{scroll-margin-top:160px}
.ix-head{margin-bottom:18px;max-width:none}
.ix-head .h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
.ix-sum{max-width:52ch;font-size:15px;color:var(--ink-2)}
.ix-sum b{display:block;font-size:16px;margin-bottom:4px;color:var(--ink)}
.vx-list{display:grid;gap:8px}
.vx-li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;text-align:left;font:inherit;color:inherit;border:0;cursor:pointer;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(255,255,255,.9) inset;transition:background .25s,box-shadow .25s}
.vx-li:hover{background:rgba(255,255,255,.85)}
.vx-li:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.vx-li b{display:block;font-size:15.5px;letter-spacing:-.015em}
.vx-li small{display:block;font-size:13.5px;color:var(--muted);max-height:0;overflow:hidden;transition:max-height .35s var(--ease),margin .35s}
.vx-li small .bdg{margin-left:4px}
.vx-li.on{background:#fff;box-shadow:var(--shadow-md)}
.vx-li.on small{max-height:240px;margin-top:4px}
.vx-n{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:12px;background:#fff;color:var(--muted);box-shadow:0 0 0 1px var(--line) inset;transition:background .25s,color .25s}
.vx-li.on .vx-n{background:var(--violet);color:#fff;box-shadow:none}
.vx-stage{position:relative}
@media(min-width:960px){.vx-stage{position:sticky;top:110px}}
.vx-stage .app.mock{max-width:none}
.vx-calls{display:grid;margin:-14px 22px 0;position:relative;z-index:2}
.vx-call{grid-area:1/1;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:var(--shadow-lg),0 0 0 1px var(--line) inset;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}
.vx-call:not(.on){visibility:hidden}
.vx-call.on{opacity:1;transform:none;visibility:visible}
.vx-call .si{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--violet)}
.vx-call b{display:block;font-size:14.5px;letter-spacing:-.01em}
.vx-call span{font-size:13px;color:var(--muted)}
@media(max-width:959px){.vx-stage{order:-1}.vx-calls{display:none}}
.ix .mod-subnav{margin-bottom:20px}

/* =====================================================================
   v19 – Přihlášení a Zapomenuté heslo: rozdělená obrazovka (varianta 1)
   ===================================================================== */
.au{padding:calc(env(safe-area-inset-top,0px) + 104px) 0 clamp(28px,4vw,48px);background:linear-gradient(180deg,#f2fafb 0%,#fff 40%)}
.au-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,3vw,40px);min-height:calc(100dvh - 150px);align-items:stretch}
.au-form{display:grid;place-items:center;padding:clamp(12px,3vw,32px) 0}
.au-in{width:min(420px,100%);display:grid;gap:14px}
.au-in .crumbs{margin-bottom:6px}
.au-h{margin:0;font-size:clamp(2.3rem,4.4vw,3.3rem);font-weight:600;letter-spacing:-.045em;line-height:1.03}
.au-sub{margin:-4px 0 8px;color:var(--muted);font-size:1.02rem}
.au-in .auth-key{width:100%;gap:10px;height:52px}
.au-in .auth-form{padding:0;box-shadow:none;border-radius:0;background:none;text-align:left}
.au-in .cf-f input{min-height:52px}
.au-in .auth-send{width:100%;height:52px}
.au-in .auth-after{margin:4px 0 0;text-align:center;font-size:14.5px;color:var(--muted)}
.au-brand{display:grid;gap:24px;align-content:center;border-radius:var(--r-xl);padding:clamp(28px,4vw,56px)!important}
.au-brand .ambient .smudge:nth-child(1){width:520px;height:440px;left:-140px;top:-160px;background:#caf6f6}
.au-brand .ambient .smudge:nth-child(2){width:480px;height:420px;right:-160px;bottom:-160px;background:#d3eded}
.au-bt{display:grid;gap:12px;max-width:560px}
.au-bt .h2{font-size:clamp(1.9rem,3.2vw,2.8rem)}
.au-brand .trustline{justify-content:flex-start;margin-top:0}
.app.au-app{max-width:none;margin:0;border-radius:18px}
.au-ab{padding:14px 16px;display:grid;gap:10px}
.au-hot{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--lav);color:var(--violet);font-size:13px}
.au-hot b{font-weight:600}
.au-rows{display:grid;gap:6px}
.au-r{display:grid;grid-template-columns:46px 30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:#f7fafa;box-shadow:0 0 0 1px #eaf2f3 inset;font-size:13px}
.au-r .mono{font-size:12px;color:var(--muted)}
.au-r b{display:block;font-size:13.5px}.au-r small{display:block;font-size:12px;color:var(--muted)}

@media(max-width:960px){.au-grid{grid-template-columns:minmax(0,1fr);min-height:0}.au-brand{display:none}.au{padding-top:calc(env(safe-area-inset-top,0px) + 96px)}}
@media(max-width:520px){.au-r{grid-template-columns:40px 28px minmax(0,1fr)}.au-r .chip{display:none}}

/* =====================================================================
   v20 – Zapomenuté heslo: náhled e-mailu, nápověda, časová osa
   ===================================================================== */
.au-h-sm{font-size:clamp(2.1rem,3.8vw,3rem);white-space:nowrap}
.au-help{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:#f5fafa;box-shadow:0 0 0 1px #e7f2f2 inset;color:var(--muted);font-size:14px;line-height:1.5}
.au-help svg{color:var(--dd-teal);margin-top:1px}
.au-help b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.au-mail{max-width:560px}
.au-mb{padding:18px 20px 20px;display:grid;gap:10px;text-align:left}
.au-mh{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid #ecf3f4}
.au-mh b{display:block;font-size:13.5px}.au-mh small{display:block;font-size:12px;color:var(--muted)}
.au-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--violet);font-weight:700;font-size:12px;letter-spacing:.02em}
.au-mb h3{margin:4px 0 0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}
.au-mb p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}
.au-mbtn{justify-self:start;margin-top:4px;padding:10px 18px;border-radius:999px;background:var(--dd-teal);color:#fff;font-weight:600;font-size:13.5px;box-shadow:0 8px 20px -8px rgba(8,179,182,.6)}
.au-mfoot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:2px}
.au-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
.au-tl li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.75);box-shadow:0 1px 2px rgba(16,24,40,.05),0 0 0 1px rgba(16,24,40,.04) inset;font-size:14px;font-weight:500}
.au-tl b{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;background:var(--dd-teal);color:#fff;font-size:13px}
@media(max-width:1180px){.au-tl{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.au-h-sm{white-space:normal}}

/* =====================================================================
   v24 – konec úvodní sekce (.phero) bez viditelného přechodu
   Pozadí i barevné skvrny a jemná textura se postupně ztrácí do bílé.
   ===================================================================== */
.phero{background:linear-gradient(180deg,#e9f8f8 0%,#f2fafb 45%,rgba(255,255,255,0) 100%)}
.phero>.ambient{bottom:-1px;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,rgba(0,0,0,.55) 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 45%,rgba(0,0,0,.55) 72%,transparent 100%)}

/* =====================================================================
   v25 – O nás: čísla s ikonami, oblasti jako záložky, bezpečnost v seznamu,
   hodnoty v řadě, firemní údaje s mapou a kopírováním IČO/DIČ
   ===================================================================== */

.o4-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.o4-stats>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.o4-stats .ic{grid-row:span 2;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--violet)}.o4-stats .ic svg{width:20px;height:20px}
.o4-stats b{font-size:1.9rem;line-height:1.05}.o4-stats span:last-child{font-size:13.5px;color:var(--muted)}
.o4-tabs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;position:relative;z-index:1}
.o4-tl{display:grid;gap:6px}
.o4-tab{all:unset;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border-radius:16px;transition:background .2s}
.o4-tab:hover{background:rgba(255,255,255,.6)}.o4-tab[aria-selected="true"]{background:#fff;box-shadow:0 10px 24px -16px rgba(0,88,89,.4)}
.o4-tab .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.7);color:var(--violet)}.o4-tab[aria-selected="true"] .ic{background:var(--violet);color:#fff}
.o4-tab .ic svg{width:18px;height:18px}.o4-tab b{display:block;font:700 15.5px/1.3 var(--f-display);color:var(--ink)}.o4-tab small{font-size:13px;color:var(--muted)}
.o4-pp{padding:clamp(24px,3.4vw,40px);border-radius:24px;background:#fff;box-shadow:0 24px 48px -28px rgba(0,88,89,.35)}
.o4-pan{display:grid;gap:12px;align-content:start;animation:o4in .35s ease}@keyframes o4in{from{opacity:0;transform:translateY(6px)}}
.o4-big{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--mint);color:var(--violet)}.o4-big svg{width:28px;height:28px}
.o4-tag{font:700 12px/1 var(--f-body);font-stretch:88%;letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}
.o4-pan h3{margin:0;font-size:clamp(1.5rem,2.4vw,2rem)}.o4-pan p{margin:0;color:var(--muted);font-size:16px;max-width:52ch}.o4-pan .lnk{font-weight:600;color:var(--violet)}
.o4-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.o4-list>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:20px 0;border-bottom:1px solid var(--line)}
.o4-list .ic{grid-row:span 2;color:var(--violet);margin-top:2px}.o4-list .ic svg{width:22px;height:22px}.o4-list h3{margin:0;font-size:16.5px}.o4-list p{margin:0;font-size:14.5px;color:var(--muted)}
.o4-vals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1;counter-reset:none}
.o4-vals li{position:relative;padding:22px;border-radius:20px;background:#fff}
.o4-vals b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--violet);color:#fff;font-size:13px;margin-bottom:12px}
.o4-vals h3{margin:0 0 6px;font-size:16.5px}.o4-vals p{margin:0;font-size:14px;color:var(--muted)}
.o4-co{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:stretch}
.o4-map{position:relative;min-height:340px;border-radius:28px;overflow:hidden;background:
  radial-gradient(circle at 55% 48%,rgba(3,178,181,.18),transparent 34%),
  repeating-linear-gradient(0deg,transparent 0 38px,rgba(0,88,89,.06) 38px 39px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(0,88,89,.06) 38px 39px),#f0f7f8}
.o4-map::before{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:14px;background:#fff;transform:rotate(-12deg);box-shadow:0 0 0 1px rgba(0,88,89,.06)}
.o4-map::after{content:"";position:absolute;top:-10%;bottom:-10%;left:62%;width:12px;background:#fff;transform:rotate(18deg);box-shadow:0 0 0 1px rgba(0,88,89,.06)}
.o4-pin{position:absolute;left:55%;top:48%;z-index:2;transform:translate(-50%,-100%);width:56px;height:56px;border-radius:50% 50% 50% 4px;rotate:-45deg;display:grid;place-items:center;background:var(--violet);color:#fff;box-shadow:0 14px 28px -10px rgba(3,178,181,.7)}
.o4-pin svg{rotate:45deg;width:22px;height:22px}
.o4-addr{position:absolute;left:24px;bottom:24px;z-index:2;padding:14px 18px;border-radius:16px;background:#fff;box-shadow:0 12px 28px -16px rgba(0,88,89,.4);display:grid;font-size:14px;color:var(--muted)}.o4-addr b{color:var(--ink);font-size:16px}
.o4-info{display:grid;gap:12px;align-content:center}.o4-info .h2{margin:0}
.o4-rows{list-style:none;margin:6px 0 8px;padding:0;border-top:1px solid var(--line)}
.o4-rows li{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.o4-rows span{font-size:13.5px;color:var(--muted)}.o4-rows b{font-weight:600}
.o4-cp{all:unset;cursor:pointer;padding:6px 10px;border-radius:999px;font:600 12.5px/1 var(--f-display);color:var(--violet);background:var(--mint)}.o4-cp:hover{filter:brightness(.96)}
.o4-info .co-more{justify-self:start}
@media(max-width:900px){.o4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.o4-tabs,.o4-co{grid-template-columns:minmax(0,1fr)}.o4-list,.o4-vals{grid-template-columns:minmax(0,1fr)}.o4-map{min-height:240px}.o4-rows li{grid-template-columns:70px minmax(0,1fr) auto}}

/* =====================================================================
   v27 – „Co modul umí“ jako katalog funkcí: oblast vlevo, funkce ve dvou
   sloupcích i s popisem vpravo, bez rozbalování (všech 21 modulů)
   ===================================================================== */
.ix~.mod-subnav,.mod-subnav{display:none}
.ix .vx-split{grid-template-columns:minmax(0,1fr)}
.ix .vx-stage{display:none}
.ix .ix-left{gap:0}
.ix .ix-grp{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:28px;padding:28px 0;border-top:1px solid var(--line);position:relative;z-index:1}
.ix .ix-grp:first-child{border-top:0;padding-top:0}
.ix .ix-gh{display:grid;align-content:start;gap:8px;position:sticky;top:130px;margin:0}
.ix .ix-gh h3{font-size:1.45rem}
.ix .vx-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ix .vx-li,.ix .vx-li.on,.ix .vx-li:hover{cursor:default;background:#fff;box-shadow:0 0 0 1px var(--line) inset;padding:16px}
.ix .vx-li small,.ix .vx-li.on small{max-height:none;margin-top:6px}
.ix .vx-n,.ix .vx-li.on .vx-n{background:var(--mint);color:var(--violet);box-shadow:none}
@media(max-width:900px){.ix .ix-grp,.ix .vx-list{grid-template-columns:minmax(0,1fr)}.ix .ix-gh{position:static}}

/* =====================================================================
   v28 – úvod homepage: text vlevo, ukázka aplikace vpravo (návrh 1)
   ===================================================================== */
.hx .hx-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:center}
.hx .hero-copy{text-align:left;justify-items:start;gap:20px}
.hx .hero-copy .h1{max-width:13ch;font-size:clamp(2.6rem,4.6vw,4.4rem)}
.hx .lead{text-align:left!important;max-width:48ch}
.hx .cta-row,.hx .fine{justify-content:flex-start}
.hx{padding-bottom:clamp(40px,6vw,80px)}
.hx-right{position:relative;min-width:0}
.hx-v1 .stage{margin-top:0;perspective:1800px}
.hx-v1 .app{transform:rotateY(-9deg) rotateX(3deg);transform-origin:left center;box-shadow:var(--shadow-lg)}
.hx-v1 .float-chip{display:flex}.hx-v1 .fc-1{left:-34px;top:-22px}.hx-v1 .fc-2{right:-10px;top:auto;bottom:90px}.hx-v1 .fc-3{left:12%;bottom:-26px}
@media(max-width:960px){.hx .hx-grid{grid-template-columns:minmax(0,1fr)}.hx-v1 .app{transform:none}.hx-v1 .float-chip{display:none}}

/* =====================================================================
   v29 – „Jak to funguje“: tři sloupce – text, zub s moduly, karty situací
   ===================================================================== */
.jx .jx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;position:relative;text-align:left}
.jx .jx-head{text-align:left;justify-items:start;margin:0;max-width:none}
.jx .jx-head .lead{text-align:left;max-width:50ch}
.jx-txt{display:grid;gap:22px;align-content:center;position:relative;z-index:3}
.jx .orb-wrap{width:min(500px,100%);margin:clamp(70px,7vw,100px) auto!important;justify-self:center}
.jx .orbit-sys{width:132%}
.jx .ticker{justify-content:flex-start;margin:0}

/* 3 – tři sloupce */
.jx3 .jx-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.8fr);gap:clamp(20px,3vw,40px)}
.jx3 .jx-head .h2{font-size:clamp(1.9rem,3vw,2.6rem)}
.jx3 .orb-wrap{width:min(440px,100%)}.jx3 .orbit-sys{width:126%}
.jx3 .ticker{display:grid;gap:6px;justify-items:start}
.jx-sits{display:grid;gap:12px;position:relative;z-index:3}
.jx-sit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border-radius:20px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);box-shadow:var(--shadow-md),0 0 0 1px var(--line) inset;color:var(--muted);font-size:14px;line-height:1.5;transition:transform .2s,box-shadow .2s}
.jx-sit:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 0 1px var(--violet) inset}
.jx-sit .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--violet)}
.jx-sit small{display:block;font:700 11.5px/1 var(--f-body);font-stretch:88%;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-bottom:6px}
.jx-sit b{display:block;font:700 16px/1.3 var(--f-display);color:var(--ink);margin-bottom:4px}
  background:radial-gradient(ellipse 60% 70% at 78% 45%,rgba(20,222,225,.28),transparent 70%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(3,178,181,.22),transparent 70%),#043f45;box-shadow:var(--shadow-lg)}
@media(max-width:1100px){.jx3 .jx-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.jx3 .jx-sits{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.jx .jx-grid,.jx3 .jx-grid{grid-template-columns:minmax(0,1fr)}.jx .orb-wrap{width:min(420px,82%)}.jx3 .jx-sits{grid-template-columns:minmax(0,1fr)}}

/* =====================================================================
   v30 – Kontakt: „Tři cesty podle situace“ místo tří karet kanálů
   ===================================================================== */
.kx-head{margin-bottom:28px}
.kx .ic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--violet)}
.kx .kx-p small{display:block;font:700 11.5px/1 var(--f-body);font-stretch:88%;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-bottom:7px}
.kx .kx-p b{display:block;font:700 16.5px/1.3 var(--f-display);color:var(--ink)}

.kx-mini{font-size:13px;color:var(--muted)}
/* 3 – cesty */
.kx-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kx-p{position:relative;display:grid;gap:12px;align-content:start;padding:28px;border-radius:24px;background:#fff;box-shadow:var(--shadow-md),0 0 0 1px var(--line) inset;color:var(--muted);font-size:14.5px}
.kx-p p{margin:0}.kx .kx-p b{font-size:19px}
.kx-p ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.kx-p li{display:flex;gap:8px;align-items:center;color:var(--ink-2);font-weight:500}.kx-p li svg{color:var(--violet)}
.kx-p .btn{justify-self:start;margin-top:6px}
.kx-n{position:absolute;right:24px;top:22px;font:750 15px var(--f-body);font-stretch:88%;color:var(--line);color:#c9dede}
.kx-p-hl{box-shadow:var(--shadow-lg),0 0 0 2px var(--violet) inset}
.kx-mails li{display:block}
.kx-firm{display:flex;gap:12px;align-items:center;justify-content:center;margin:22px 0 0;font-size:14px;color:var(--muted);text-align:center}
.kx-firm .ic{width:32px;height:32px;border-radius:10px}

@media(max-width:640px){.kx-firm{flex-direction:column}}
@media(max-width:860px){.kx-paths{grid-template-columns:minmax(0,1fr)}}