/* ===== Sdílené styly: tokeny, telefon, komponenty (převzato z axa-cestovni-pojisteni-wireframe.html) ===== */
/* Layout: varianty pod sebou; v každé telefon vlevo a číslované poznámky vpravo, na mobilu pod sebou */
:root{
  --bg:#E9ECF1; --screen:#FFFFFF; --ink:#1B2230; --muted:#667085; --line:#D8DCE3; --soft:#F3F5F8;
  --accent:#2B3FCF; --accent-soft:#E7EAFB; --ok:#23845A; --no:#A6ACB8; --note:#C2410C;
  --ui:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#11141A; --screen:#1A1E27; --ink:#E7EAF0; --muted:#98A1B0; --line:#2D3342; --soft:#222733;
  --accent:#8E9CFF; --accent-soft:#272E52; --ok:#5CC48A; --no:#5E6676; --note:#F59E62; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#11141A; --screen:#1A1E27; --ink:#E7EAF0; --muted:#98A1B0; --line:#2D3342; --soft:#222733;
  --accent:#8E9CFF; --accent-soft:#272E52; --ok:#5CC48A; --no:#5E6676; --note:#F59E62; color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.45}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.switch{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;user-select:none}
.switch input{width:18px;height:18px;accent-color:var(--note)}

.stage{display:grid;grid-template-columns:400px minmax(0,1fr);gap:40px;align-items:start}

/* phone */
.phone{position:relative;width:100%;max-width:400px;height:800px;margin:0 auto;border:10px solid var(--ink);border-radius:38px;background:var(--screen);overflow:hidden;box-shadow:0 20px 50px -20px rgba(20,30,60,.35)}
.screen{height:100%;overflow-y:auto;position:relative}
.screen::-webkit-scrollbar{width:0}
.mk{position:absolute;z-index:6;width:22px;height:22px;border-radius:50%;background:var(--note);color:#fff;font:500 12px/22px var(--mono);text-align:center;pointer-events:none}
.mk.left{left:-15px;top:12px}
.notes-off .mk,.notes-off .notes{display:none}
.rel{position:relative}

.appbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line)}
.logo{width:34px;height:34px;border:1.5px dashed var(--muted);border-radius:4px;display:grid;place-items:center;font:500 9px var(--mono);color:var(--muted)}
.appbar b{font-size:16px}
.stepper{font-size:12px;color:var(--muted);text-align:right}
.bar{height:4px;background:var(--line);border-radius:2px;margin:6px 0 0;width:72px}
.bar i{display:block;height:100%;width:33%;background:var(--accent);border-radius:2px}
.trip{margin:14px 16px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--soft);border-radius:10px;font-size:14px}
.trip span{color:var(--muted)}
.trip button{all:unset;color:var(--accent);font-weight:700;cursor:pointer;font-size:14px}
h3.q{font-size:20px;margin:20px 16px 12px;text-wrap:balance}

.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 16px}
.tab{all:unset;cursor:pointer;position:relative;border:1.5px solid var(--line);border-radius:12px;padding:12px 6px 10px;text-align:center;display:grid;gap:2px;background:var(--screen)}
.tab .n{font-weight:700;font-size:15px}
.tab .s{font-size:12px;color:var(--muted)}
.tab .p{font-weight:700;font-size:17px;margin-top:4px;font-variant-numeric:tabular-nums}
.tab .o{font-size:11px;color:var(--muted);text-decoration:line-through;font-variant-numeric:tabular-nums}
.tab[aria-selected="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tabs.compact .tab{padding:10px 4px 8px}
.tabs.compact .s,.tabs.compact .o{display:none}
.tabs.compact .p{margin-top:0;font-size:16px}
.badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--screen);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:20px;white-space:nowrap}
.stickhead{position:sticky;top:0;z-index:4;background:transparent;padding:0;border:0}
.shd{background:var(--screen);padding:14px 0 10px;border-bottom:1px solid var(--line)}
.stickhead.stuck{pointer-events:none}
.stickhead.stuck .shd{pointer-events:auto}
.stickhead .hint{margin:8px 16px 0;font-size:12px;color:var(--muted);text-align:center}
.sentinel{height:1px;margin-top:-1px}
.stickhead.shrink .tab{transition:padding .15s}
.stickhead.stuck .shd{padding:8px 0 8px;box-shadow:0 4px 12px -8px rgba(20,30,60,.35)}
.stickhead.stuck .tab{padding:7px 4px 6px;border-radius:9px;overflow:hidden}
.stickhead.stuck .tab .n{font-size:13px}
.stickhead.stuck .tab .p{font-size:14px;margin-top:0}
.stickhead.stuck .tab .s,.stickhead.stuck .tab .o,.stickhead.stuck .badge{display:none}

.seg{display:flex;margin:12px 16px 0;background:var(--soft);border-radius:9px;padding:3px}
.seg button{all:unset;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 0;border-radius:7px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.seg button svg{flex:none}
.seg button[aria-pressed="true"]{background:var(--screen);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}

.fit{margin:16px 16px 0;font-size:15px}
.fit b{display:block;font-size:12px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:2px}

.ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:1px}
.yes .ic{background:var(--ok);color:var(--screen)}
.nope .ic{border:1.5px solid var(--no);color:var(--no)}
.t{font-weight:700;font-size:15px;display:block}
.h{font-size:13px;color:var(--muted);display:block}
.v{font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.nope .t,.nope .v{color:var(--no);font-weight:400}

.list{list-style:none;margin:12px 16px 0;padding:0;border-top:1px solid var(--line)}
.list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)}

.alist{list-style:none;margin:12px 16px 0;padding:0;border-top:1px solid var(--line)}
.acc{position:relative;border-bottom:1px solid var(--line)}
.ahead{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto 22px;gap:10px;align-items:start;padding:11px 0;cursor:pointer}
.ahead.static{cursor:default}
.ahead:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.chev{display:grid;margin-top:-1px}
.chev .chevc{margin-left:0}
.ahead.b{grid-template-columns:minmax(0,1fr) auto}
.ahead.c{display:block;position:relative;padding:12px 0 8px}
.ahead.c>span:first-child{display:block;padding:0 26px}
.ahead.c .t,.ahead.c .h{text-align:center}
.ahead.c .t{font-size:16px}
.ahead.c .chev{position:absolute;right:0;top:11px}
.cg.vals3{margin:0 0 12px}
.cg.vals3 button{padding:8px 2px;font-size:14px;font-weight:400}
.cg.vals3 button.sel{font-weight:700}
.adet.c{padding-top:0}
.chevc{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-left:6px;vertical-align:-5px}
.chevc svg{transition:transform .2s}
.open .chevc svg{transform:rotate(180deg)}
.adet{padding:0 0 12px 0}
.sub{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0;border-top:1px dashed var(--line)}
.sub span:first-child{min-width:0}
.sv{font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sv.x{color:var(--no);font-weight:400}
.who{font-size:13px;color:var(--muted);margin-top:6px}
.arr{font-size:9px;margin-left:4px;vertical-align:1px}
.up{color:var(--ok)}.down{color:var(--note)}
@keyframes fl{from{background:var(--accent-soft);box-shadow:0 0 0 4px var(--accent-soft)}to{background:transparent;box-shadow:0 0 0 4px transparent}}
.flash{animation:fl 1.4s ease-out;border-radius:4px}

.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.cg button{all:unset;cursor:pointer;text-align:center;padding:4px 2px;border-radius:6px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cg button.sel{background:var(--accent-soft);color:var(--accent)}
.cg button.x{color:var(--no);font-weight:400}
.cg button:focus-visible{outline:2px solid var(--accent)}
.ch button{font-size:11px;font-family:var(--mono);font-weight:500;color:var(--muted);letter-spacing:.02em}
.crow{border-top:1px dashed var(--line);padding:6px 0}
.crow .l{font-size:14px;font-weight:700;color:var(--ink);text-align:center;margin-bottom:4px}
/* C: detail přes celou šířku řádku, s větším vertikálním rytmem */
.adet.c{padding:6px 0 18px 0}
.adet.c .crow{padding:10px 0 12px;border-top:0}
.adet.c .crow .l{margin-bottom:8px;text-align:center;font-size:13.5px;background:var(--soft);padding:7px 10px;border-radius:7px}
.adet.c .cg button{padding:8px 2px;font-size:14px;font-weight:400}
.adet.c .cg button.sel{font-weight:700}

.delta{margin:14px 16px 0;padding:12px;border:1.5px dashed var(--line);border-radius:10px;font-size:14px}
.delta strong{display:block;margin-bottom:2px}
.delta.warn{border-color:var(--note)}

.matrix{margin:14px 16px 0}
.mhead{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;position:sticky;top:0;background:var(--screen);padding:6px 0;z-index:2}
.mhead button{all:unset;cursor:pointer;text-align:center;padding:6px 2px;border-radius:8px;font-size:13px;font-weight:700}
.mhead button small{display:block;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
.mhead button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent)}
.mrow{border-top:1px solid var(--line);padding:10px 0}
.mrow .l{font-size:15px;font-weight:700;color:var(--ink);text-align:center;margin-bottom:6px}
.mrow .l small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:1px}
.mrow .vals{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;text-align:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.mrow .vals span{padding:3px 0;border-radius:6px}
.mrow .vals .sel{background:var(--accent-soft)}
.mrow .vals .x{color:var(--no);font-weight:400}

.common{margin:18px 16px 0;font-size:14px;color:var(--muted);padding-bottom:28px}
.common b{color:var(--ink)}
.common a{color:var(--accent);font-weight:700}
.more{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;align-items:center;margin:18px 16px 0;padding:13px 14px;border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:10px;font-weight:700;font-size:14px;width:calc(100% - 32px)}
.more span:nth-child(2){flex:1}
.more .arrow{font-size:18px;line-height:1}
.more:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.infobox{display:flex;gap:10px;align-items:flex-start;margin:16px 16px 0;padding:12px 14px;background:var(--soft);border-left:3px solid var(--accent);border-radius:10px;font-size:14px;color:var(--ink)}
.infobox svg{flex:none;color:var(--accent);margin-top:1px}
.infobox b{display:block;font-size:12px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:2px}
.checks{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.checks li{display:flex;gap:8px;align-items:flex-start;color:var(--ink);font-size:14px}
.checks svg{flex:none;color:var(--ok);margin-top:2px}
.common .doc{margin-top:12px}
.next{margin:14px 16px 0;font-size:13px;color:var(--muted);padding-bottom:20px}

.sticky{position:sticky;bottom:0;background:var(--screen);border-top:1px solid var(--line);padding:12px 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:4}
.pr{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.pr s{font-size:13px;color:var(--muted);font-weight:400;margin-left:4px}
.sl{font-size:12px;color:var(--ok)}
.cta{all:unset;cursor:pointer;background:var(--accent);color:var(--screen);font-weight:700;padding:13px 18px;border-radius:10px;font-size:15px;white-space:nowrap}
.cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.scrim{position:absolute;inset:0;background:rgba(10,14,25,.45);z-index:8;opacity:0;pointer-events:none;transition:opacity .2s}
.sheet{position:absolute;left:0;right:0;bottom:0;height:86%;background:var(--screen);border-radius:18px 18px 0 0;z-index:9;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s ease}
.open-sheet .scrim{opacity:1;pointer-events:auto}.open-sheet .sheet{transform:none}
.sheet header{padding:10px 16px 8px;border-bottom:1px solid var(--line)}
.grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 10px}
.sheet header div{display:flex;justify-content:space-between;align-items:center}
.sheet h4{margin:0;font-size:17px}
.x-btn{all:unset;cursor:pointer;font-size:14px;font-weight:700;color:var(--accent)}
.sheet .body{overflow-y:auto;padding:0 16px 20px}
.grp{margin-top:14px}
.grp h5{margin:0 0 4px;font-size:16px}
.sheet .mrow .l{font-size:14px;font-weight:400;margin-bottom:4px;text-align:left}
.sheet .mrow .vals{font-size:12px;font-weight:400}
.doc{display:block;margin-top:16px;color:var(--accent);font-weight:700;font-size:14px}
@media (prefers-reduced-motion:reduce){.sheet,.scrim,.chev{transition:none}.flash{animation:none;background:var(--accent-soft)}}

.notes{display:grid;gap:14px;align-content:start}
.notes h3{font-size:18px;margin:0 0 4px}
.note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px}
.note .num{width:24px;height:24px;border-radius:50%;background:var(--note);color:#fff;font:500 12px/24px var(--mono);text-align:center}
.note b{display:block}
.note p{margin:2px 0 0;color:var(--muted);max-width:62ch}
.risk{font-size:14px;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.risk b{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--note);display:block;margin-bottom:2px}
.risk p{margin:0;color:var(--muted);max-width:62ch}


/* ===== Shell: hlavička, drawer, stránky ===== */
.hdr{position:sticky;top:0;z-index:30;background:var(--screen);border-bottom:1px solid var(--line)}
.hdr-in{max-width:1180px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;gap:14px}
.brand{font-weight:700;color:var(--ink);text-decoration:none;font-size:15px;white-space:nowrap}
.hdr-sep{width:1px;height:22px;background:var(--line)}
.hdr-title{flex:1;min-width:0;color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.burger{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);background:var(--screen)}
.burger:hover{border-color:var(--ink)}
.burger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dscrim{position:fixed;inset:0;background:rgba(10,14,25,.45);z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}
.drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;background:var(--screen);z-index:41;transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;padding:18px 22px 28px;box-shadow:-20px 0 50px -30px rgba(20,30,60,.5);display:flex;flex-direction:column;gap:22px}
.drawer-open .dscrim{opacity:1;pointer-events:auto}.drawer-open .drawer{transform:none}
@media (prefers-reduced-motion:reduce){.drawer,.dscrim{transition:none}}
.dr-head{display:flex;align-items:center;justify-content:space-between}
.dr-head b{font-size:18px}
.dr-x{all:unset;cursor:pointer;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--soft)}
.dr-x:hover{color:var(--ink)}
.drawer h4{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.mkts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mkts button{all:unset;cursor:pointer;display:grid;gap:2px;text-align:center;padding:12px 6px 10px;border-radius:12px;border:1.5px solid var(--line)}
.mkts button b{font:700 16px var(--mono)}
.mkts button span{font-size:12px;color:var(--muted)}
.mkts button small{font-size:10px;color:var(--note);text-transform:uppercase;letter-spacing:.05em}
.mkts button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.mkts button[aria-pressed="true"] span{color:var(--accent)}
.mkts button[disabled]{cursor:default;opacity:.55}
.dr-nav{display:grid;gap:8px}
.dr-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 12px;border-radius:14px;border:1.5px solid var(--line);color:var(--ink);text-decoration:none}
.dr-item .ico{width:48px;height:48px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--accent)}
.dr-item .txt b{display:block;font-size:16px}
.dr-item .txt small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35;margin-top:2px}
.dr-item .cnt{font:500 13px var(--mono);color:var(--muted);background:var(--soft);padding:3px 8px;border-radius:12px}
.dr-item:hover{border-color:var(--accent)}
.dr-item[aria-current="page"]{border-color:var(--accent);background:var(--accent-soft)}
.dr-item[aria-current="page"] .ico{background:var(--accent);color:#fff}
.dr-foot{margin:auto 0 0;font-size:12px;color:var(--muted)}
.main{padding:28px 24px 64px;min-width:0;container-type:inline-size}
.wrap{max-width:1180px;margin:0 auto}
@media (max-width:600px){.main{padding:20px 16px 48px}.hdr-in{padding:0 16px}}
.page .phead{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.page h1{font-size:28px;margin:0}
.page .phead p{margin:6px 0 0;color:var(--muted);max-width:70ch}
.back{display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700;margin-bottom:10px}
.back:hover{color:var(--accent)}
.topbar .back{margin:0 4px 0 0}
/* nálezy */
.mtabs{display:flex;background:var(--soft);border-radius:10px;padding:3px}
.mtabs button{all:unset;cursor:pointer;padding:7px 18px;border-radius:8px;font:700 14px var(--ui);color:var(--muted);text-align:center}
.mtabs button small{display:block;font:500 11px var(--mono);margin-top:1px}
.mtabs button[aria-selected="true"]{background:var(--screen);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 18px}
@media (max-width:760px){.tiles{grid-template-columns:1fr 1fr}}
.tile{border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--screen)}
.tile b{display:block;font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}
.tile span{font-size:13px;color:var(--muted)}
.tile small{display:block;font-size:11px;color:var(--muted)}
.tile.navrh{border-color:var(--ok)}.tile.navrh b{color:var(--ok)}
.tile.ceka{border-color:var(--note)}.tile.ceka b{color:var(--note)}
.tile.mimo b{color:var(--muted)}
.tile.later{border-style:dashed}.tile.later b{color:var(--muted)}
.banner{margin:0 0 18px;padding:12px 16px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:14px}
.filters{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:0 0 20px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--screen)}
.fgroup{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.fgroup .fl{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.fgroup button{all:unset;cursor:pointer;padding:5px 10px;border-radius:16px;border:1.5px solid var(--line);font-size:13px;font-weight:700;color:var(--muted)}
.fgroup button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
#fq{margin-left:auto;min-width:220px;padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;font:14px var(--ui);background:var(--soft);color:var(--ink)}
#fq:focus{outline:2px solid var(--accent);border-color:transparent}
.ngroup{margin:0 0 28px}
.ngroup h2{display:flex;align-items:baseline;gap:10px;font-size:18px;margin:0 0 8px}
.ngroup h2 .id{font:500 12px var(--mono);color:var(--muted)}
.ngroup h2 small{font:500 12px var(--mono);color:var(--muted)}
.ntab{width:100%;border-collapse:collapse;font-size:14px;background:var(--screen);border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.ntab th{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:left;padding:9px 10px;background:var(--soft);border-bottom:1px solid var(--line)}
.ntab td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.ntab tr:last-child td{border-bottom:0}
.ntab .c-id{font:500 12px var(--mono);white-space:nowrap}
.ntab .c-id a,.ntab .c-n a{color:var(--ink);text-decoration:none;font-weight:700}
.ntab .c-n a:hover{color:var(--accent)}
.ntab .c-n small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;max-width:60ch}
.ntab .tag{font:500 11px var(--mono);padding:2px 6px;border-radius:4px;background:var(--soft);color:var(--muted)}
.ntab .pr{font:500 11px var(--mono);padding:2px 6px;border-radius:4px;background:var(--soft);color:var(--muted)}
.ntab .pr.P0,.ntab .pr.P1{background:var(--note);color:#fff}
.ntab .c-pr{white-space:nowrap}
.ntab .c-pr .pr{margin-right:4px}
.ntab .c-pr .pr i{font-style:normal;opacity:.7;margin-right:3px;font-size:9px}
.ntab .pr.none{background:transparent;border:1px dashed var(--line)}
.pokr{display:inline-block;margin-left:6px;font:500 11px var(--mono);padding:3px 7px;border-radius:12px;border:1.5px solid var(--line);color:var(--muted);vertical-align:middle}
.pokr.oba{border-color:var(--accent);color:var(--accent)}
.pokr.big{font-size:13px;padding:5px 12px}
.stbox{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.muted{color:var(--muted)}
.ntab .c-dev .dev{display:inline-flex;gap:4px;color:var(--muted)}
.ntab .c-rc{white-space:nowrap;color:var(--muted)}
.ntab .c-st{min-width:180px}
.stav{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:12px;background:var(--soft);color:var(--muted);white-space:nowrap}
.stav.navrh{background:#E3F5EC;color:var(--ok)}
.stav.ceka{background:#FDECE2;color:var(--note)}
.stav.big{font-size:14px;padding:6px 14px}
.ntab .sol{display:block;margin-top:6px;font-size:12.5px;color:var(--accent);font-weight:700;text-decoration:none}
.ntab tr.st-mimo td{color:var(--muted)}
.ntab tr.st-mimo .c-n a{color:var(--muted);font-weight:400}
.src{font-size:12.5px;color:var(--muted)}
.src a{color:var(--accent)}
/* komponenty */
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.kcard{display:block;border:1.5px solid var(--line);border-radius:16px;padding:18px 18px 16px;background:var(--screen);color:var(--ink);text-decoration:none}
.kcard:hover{border-color:var(--accent)}
.kcard h2{font-size:18px;margin:8px 0 10px}
.kc-top{display:flex;justify-content:space-between;align-items:center}
.kc-top .id{font:500 12px var(--mono);color:var(--muted)}
.kc-top .dev{display:inline-flex;gap:4px;color:var(--muted)}
.kc-vars{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.kc-vars .vp{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);font:500 12px var(--mono);color:var(--note)}
.kc-meta{font-size:12.5px;color:var(--muted);margin-left:4px}
.kc-f{font-size:13px;color:var(--muted)}
.kgroup{margin-top:40px;padding-top:22px;border-top:2px solid var(--ink)}
.kgroup:first-of-type{margin-top:24px}
.kgroup>h2{font-size:24px;margin:0 0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kgroup>h2 .id{font:700 14px var(--mono);color:var(--screen);background:var(--ink);padding:5px 10px;border-radius:8px;letter-spacing:.04em}
.kgroup>h2 small{flex-basis:100%;font-size:13px;font-weight:400;color:var(--muted);margin-top:-6px}
.kcard.ghost{border-style:dashed;color:var(--muted);cursor:default;background:transparent}
.kcard.ghost:hover{border-color:var(--line)}
.kc-cnt{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.kc-mk{display:inline-flex;align-items:center;gap:5px;font:500 11px var(--mono);padding:3px 8px;border-radius:12px;background:var(--soft);color:var(--muted)}
.kc-mk b{font:700 13px var(--sans, inherit);color:inherit}
.kc-mk.on{background:#FDECE2;color:var(--note)}
.kc-id small{font-size:10px;margin-left:5px;padding-left:5px;border-left:1px solid currentColor;letter-spacing:.04em}
.kc-row{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.kc-lbl{font:500 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.kc-mkts{display:inline-flex;gap:4px}
.kc-m{display:inline-flex;align-items:center;gap:3px;font:500 11px var(--mono);padding:3px 8px;border-radius:12px;border:1.5px solid var(--line);color:var(--muted)}
.kc-m.ok{border-color:var(--ok);background:#E3F5EC;color:var(--ok)}
.kc-m svg{width:11px;height:11px}
.kcard.ghost.nof{opacity:.6}
.kc-st{margin-top:10px}
.stav.rozprac{background:var(--accent-soft);color:var(--accent)}
.stav.neresi{background:var(--soft);color:var(--muted);text-decoration:line-through}
.kfilters{margin-top:16px}
.kcard h2{margin-top:6px}
.kc-f{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.kc-id{font:500 11px var(--mono);padding:3px 7px;border-radius:6px;background:var(--soft);color:var(--ink)}
.kc-id{display:inline-flex;align-items:center;gap:0}
.kc-id svg{width:11px;height:11px;margin-right:4px}
.kc-id.done{background:#E3F5EC;color:var(--ok)}
.klegend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;font-size:13px;color:var(--muted);align-items:center}
.kc-vars .dev{margin-left:auto;display:inline-flex;gap:4px;color:var(--muted)}
.kcard.ghost h2{color:var(--muted)}
.kcard.ghost p{margin:0;font-size:13px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.two .card{margin-top:0;max-width:none}
.sols{list-style:none;margin:0;padding:0}
.sols li{padding:8px 0;border-top:1px solid var(--line)}
.sols li a{font-weight:700}
.sols li small{display:block;color:var(--muted)}
.head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:end;justify-content:space-between;margin-bottom:8px}
.head h1{font-size:26px;margin:0;text-wrap:balance}
.head p{margin:4px 0 0;color:var(--muted);max-width:66ch}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:20px;padding:4px 10px;font-size:13px;color:var(--ink);text-decoration:none;background:var(--screen)}
.chip b{font:500 11px var(--mono);color:var(--note)}
.chip:hover{border-color:var(--accent)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}
.toc a{color:var(--ink);text-decoration:none;border:1.5px solid var(--line);border-radius:20px;padding:6px 12px;font-size:14px;background:var(--screen)}
.toc a b{font-family:var(--mono);font-weight:500;color:var(--note);margin-right:4px}
.var{padding-block:36px 8px;border-top:1px solid var(--line);margin-top:28px}
.vhead{margin-bottom:22px}
.vhead h2{font-size:22px;margin:0;text-wrap:balance;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.vid{display:inline-block;background:var(--note);color:#fff;font:700 15px/1 var(--ui);padding:8px 12px;border-radius:8px;letter-spacing:.02em;white-space:nowrap}
.vhead p{margin:4px 0 0;color:var(--muted);max-width:66ch}
.stage{display:grid;grid-template-columns:400px minmax(0,1fr);gap:40px;align-items:start}
@container (max-width:860px){.stage{grid-template-columns:minmax(0,1fr)}}
.compare{margin-top:28px;border-top:1px solid var(--line);padding-top:28px}
.compare h2{font-size:22px;margin:0 0 12px}
.cmp{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.cmp th,.cmp td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cmp th{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.scrollx{overflow-x:auto}
.card{border:1.5px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:16px;background:var(--screen);max-width:72ch}
.card h3{margin:0 0 6px;font-size:16px}
.card p{margin:6px 0 0;color:var(--muted)}
.card .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:500 12px var(--mono);color:var(--muted);margin-bottom:8px}
.card .meta .P0,.card .meta .P1{color:var(--note)}
.card a{color:var(--accent);font-weight:700}
.placeholder{margin:0 16px;padding:8px 10px;background:var(--accent-soft);color:var(--accent);font-size:12px;border-radius:8px;margin-top:12px}
.empty-state{color:var(--muted);max-width:60ch}

/* ===== Zařízení: přepínač + desktopový rám ===== */
.topbar{position:sticky;top:56px;z-index:20;background:var(--screen);border-bottom:1px solid var(--line);margin:-28px -24px 24px;padding:10px 24px}
@media (max-width:600px){.topbar{margin:-20px -16px 20px;padding:10px 16px}}
.topbar .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tb-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0;flex:1}
.tb-title>b{font-size:18px}
.tb-meta{font:500 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.vpills{display:flex;gap:6px}
.tb-notes{font-size:14px;font-weight:700;color:var(--muted);padding:0 4px}
.tb-notes input{accent-color:var(--note)}
.vpills a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--screen);color:var(--note);font:500 14px var(--mono);text-decoration:none}
.vpills a:hover{border-color:var(--note);background:var(--soft)}
.vpills a:focus-visible{outline:2px solid var(--accent)}
.findings{margin:4px 0 8px}
.findings h2{font-size:20px;margin:0 0 10px}
.findings ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.findings li a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:14px;align-items:baseline;padding:9px 6px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14.5px}
.findings li a:hover{background:var(--soft)}
.findings .id{font:500 12px var(--mono);color:var(--muted)}
.findings .pr{font:500 11px var(--mono);padding:2px 6px;border-radius:4px;background:var(--soft);color:var(--muted)}
.findings .pr.P0,.findings .pr.P1{background:var(--note);color:#fff}
.findings .dev{display:inline-flex;gap:4px;align-items:center;color:var(--muted);align-self:center}
.findings .dev svg{display:block}
.findings .rc{font-size:12.5px;color:var(--muted);min-width:7ch}
.devseg{display:flex;background:var(--soft);border:1.5px solid var(--line);border-radius:10px;padding:3px;flex:none}
.devseg button{all:unset;cursor:pointer;display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;color:var(--muted)}
.devseg button[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.devseg button[disabled]{opacity:.4;cursor:default}
.nodev{color:var(--muted);margin:0}
.stage.desktop{grid-template-columns:minmax(0,1fr)}
.stage.desktop .notes{grid-template-columns:1fr 1fr;gap:14px 32px;margin-top:8px}
.stage.desktop .notes h3{grid-column:1/-1}
.desk{position:relative;width:100%;height:720px;border:10px solid var(--ink);border-radius:16px;background:var(--screen);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px -20px rgba(20,30,60,.35)}
.chrome{flex:none;height:36px;background:var(--soft);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px}
.chrome i{width:10px;height:10px;border-radius:50%;background:var(--line);display:block}
.chrome span{flex:1;margin-left:10px;height:22px;border-radius:6px;background:var(--screen);border:1px solid var(--line);font:12px/20px var(--mono);color:var(--muted);padding:0 10px}
.desk .screen{flex:1;overflow-y:auto;position:relative}
.dwrap{max-width:920px;margin:0 auto;padding:28px 32px 24px}
.dq{font-size:24px;margin:0 0 18px}
.desk .shd{padding:12px 0;border-bottom:1px solid var(--line)}
.dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dcards.aligned{grid-template-columns:minmax(0,1.5fr) repeat(3,1fr);gap:8px}
.dcard{all:unset;cursor:pointer;position:relative;border:1.5px solid var(--line);border-radius:14px;padding:18px 16px 16px;background:var(--screen);display:grid;gap:2px;text-align:center;align-content:start}
.dcard .n{font-weight:700;font-size:18px}
.dcard .p{font-weight:700;font-size:22px;margin-top:6px;font-variant-numeric:tabular-nums}
.dcard .o{font-size:12px;color:var(--muted);text-decoration:line-through;font-variant-numeric:tabular-nums}
.dcard .f{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.4}
.dcard[aria-selected="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.dcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dcard .badge{top:-10px}
.desk .stickhead.stuck .shd{padding:8px 0}
.desk .stickhead.stuck .dcard{padding:8px 12px 7px;border-radius:9px}
.desk .stickhead.stuck .dcard .f,.desk .stickhead.stuck .dcard .o,.desk .stickhead.stuck .badge{display:none}
.desk .stickhead.stuck .dcard .n{font-size:14px}
.desk .stickhead.stuck .dcard .p{font-size:15px;margin-top:0}
.desk .seg{max-width:360px;margin:20px 0 0}
.dlist{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.dlist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.dalist{margin:0}
.dalist .ahead{padding:14px 0}
.adet.dsub{padding:0 0 16px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.adet.dsub .who{grid-column:1/-1}
.dtable{margin-top:4px}
.drow{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,1fr);gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.drow .name{min-width:0}
.drow .name .t{font-size:15px}
.dname{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:flex-start;gap:8px;padding:2px 0}
.dname.static{cursor:default}
.dname:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.dname .chevc{flex:none;margin:1px 0 0}
.drow.open .chevc svg{transform:rotate(180deg)}
.dcell{all:unset;cursor:pointer;text-align:center;padding:10px 6px;border-radius:8px;font-size:15px;font-weight:400;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dcell.sel{background:var(--accent-soft);color:var(--accent);font-weight:700}
.dcell.x{color:var(--no)}
.dcell:focus-visible{outline:2px solid var(--accent)}
.drow.sub{padding:6px 0;border-bottom:1px dashed var(--line);background:var(--soft)}
.drow.sub .name{font-size:14px;padding-left:34px;color:var(--ink)}
.drow.sub .dcell{padding:6px;font-size:14px}
.dmore{margin-top:18px}
.desk .more{margin:0;max-width:420px}
.desk .common{margin:22px 0 0;padding-bottom:0}
.desk .checks{grid-template-columns:1fr 1fr;gap:8px 32px}
.desk .mk.left{left:-26px;top:10px}
.dbar{padding:14px 32px}
.desk .sheet{left:auto;top:0;right:0;bottom:0;width:560px;height:auto;border-radius:0;transform:translateX(100%);box-shadow:-20px 0 50px -30px rgba(20,30,60,.5)}
.desk.open-sheet .sheet{transform:none}
.desk .sheet .grab{display:none}
.desk .sheet .body{padding:0 24px 24px}
.desk .mhead{grid-template-columns:repeat(3,1fr)}
.desk .mrow .vals{font-size:13px}
@media (prefers-reduced-motion:reduce){.desk .sheet{transition:none}}

/* věta „Doporučení“ pod nadpisem + PDF v liště */
.dop{margin:-8px 16px 10px;font-size:13px;color:var(--muted);line-height:1.4}
.dop b{color:var(--accent);font-weight:700}
.desk .dop{margin:-8px 0 16px;font-size:14px}

/* (i) s vysvětlením na klik */
.info{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font:700 11px/1 var(--ui);margin-left:6px;vertical-align:2px;cursor:pointer;user-select:none}
.info:hover,.info[aria-expanded="true"]{background:var(--accent);color:#fff}
.info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nope .info{border-color:var(--no);color:var(--no)}
/* modální okno s vysvětlením (uvnitř rámu) */
.mscrim{position:absolute;inset:0;background:rgba(10,14,25,.45);z-index:12;display:none}
.modal{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);background:var(--screen);border-radius:14px;padding:20px 18px 18px;z-index:13;display:none;box-shadow:0 20px 50px -20px rgba(20,30,60,.5);text-align:left}
.open-info .mscrim,.open-info .modal{display:block}
.modal h4{margin:0 28px 8px 0;font-size:17px}
.modal p{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--ink)}
.modal .mx{all:unset;cursor:pointer;position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:var(--muted);background:var(--soft)}
.modal .mx:hover{color:var(--ink)}
.modal .mclose{display:block;width:100%;box-sizing:border-box;text-align:center}
.desk .modal{left:50%;right:auto;width:480px;transform:translate(-50%,-50%)}
.desk .modal .mclose{width:auto;display:inline-block}
.common .doc{display:inline-flex;align-items:center;gap:6px;margin-top:14px}

/* ===== K1 · Destinace a zóny (komponenta destinace) ===== */
.dst .dst-zones{display:grid;gap:8px;margin:12px 16px 0}
.dst-zone{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--screen)}
.dst-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dst-zone .rd{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted);margin-top:1px;display:grid;place-items:center}
.dst-zone[aria-checked="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.dst-zone[aria-checked="true"] .rd{border-color:var(--accent)}
.dst-zone[aria-checked="true"] .rd::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.dst-zone .n{display:block;font-weight:700;font-size:15px}
.dst-zone .d{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.dst-zone .by{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--accent)}
.dst-zone .by svg{flex:none}
.dst-transit{margin-top:0;align-items:center}
.dst-transit svg{width:22px;height:22px;margin:0}
.dst-transit b{margin-bottom:1px}
.dst-transit+.dst-select,.dst>.rel+.rel>.dst-search{margin-top:14px}
.dst .dst-zones{margin-top:14px}
.dst-help{margin:16px 16px 0;padding:14px;border:1px dashed var(--line);border-radius:12px}
.dst-help>b{display:block;font-size:14px;margin-bottom:8px}
.dst-search{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;background:var(--screen)}
.dst-search svg{flex:none;color:var(--muted)}
.dst-search input{all:unset;flex:1;min-width:0;padding:11px 0;font-size:15px;color:var(--ink)}
.dst-search.open{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}
.dst-sugg{list-style:none;margin:0;padding:4px 0;position:absolute;left:-1.5px;right:-1.5px;top:100%;max-height:220px;overflow-y:auto;background:var(--screen);border:1.5px solid var(--accent);border-top:0;border-radius:0 0 10px 10px;z-index:8;box-shadow:0 12px 30px -16px rgba(20,30,60,.4)}
.dst-sugg li button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:8px 12px;font-size:14px}
.dst-sugg li button:hover,.dst-sugg li button:focus-visible{background:var(--soft)}
.dst-sugg li button small{color:var(--muted);font-size:12px;white-space:nowrap}
.dst-sugg li.none{padding:10px 12px;font-size:13px;color:var(--muted)}
.dst-picked{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);font-size:14px}
.dst-picked>span{display:flex;align-items:center;gap:6px;min-width:0}
.dst-picked svg{flex:none;color:var(--accent)}
.dst-picked button{all:unset;cursor:pointer;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--screen);font-size:12px}
.dst-legal{margin:18px 16px 24px;font-size:12px;color:var(--muted);line-height:1.45}

/* B */
.dst .dst-search.b{margin:12px 16px 0}
.dst>.rel>.dst-search{margin:12px 16px 0}
.dst-picked.top{margin:12px 16px 0;padding:12px}
.dst-desk .dst-picked.top{margin-left:0;margin-right:0}
.dst-result{margin:14px 16px 0;padding:14px;border-radius:12px;background:var(--soft);border-left:3px solid var(--accent)}
.dst-rz{display:flex;align-items:baseline;gap:8px}
.dst-rz .k{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.dst-rz b{font-size:17px}
.dst-result p{margin:6px 0 0;font-size:13px;color:var(--muted)}
.dst-result p.by{display:flex;align-items:flex-start;gap:6px;font-weight:700;color:var(--ink)}
.dst-result p.by svg{flex:none;color:var(--accent);margin-top:1px}
.dst-result p.tr{color:var(--ink)}
.dst-link{all:unset;cursor:pointer;display:block;margin:14px 16px 0;color:var(--accent);font-weight:700;font-size:14px}
.dst-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.dst-link::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.dst-link[aria-expanded="true"]::after{transform:rotate(-135deg);margin-bottom:-1px}

/* C */
.dst-select{position:relative;margin:12px 16px 0}
.dst-field{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;padding:12px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--screen);font-size:15px}
.dst-field:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dst-field .z{color:var(--muted);font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dst-field b{white-space:nowrap}
.dst-field svg{margin-left:auto;flex:none;color:var(--muted);transition:transform .2s}
.dst-select.open .dst-field{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}
.dst-select.open .dst-field svg{transform:rotate(180deg)}
.dst-dd{position:absolute;left:0;right:0;top:100%;z-index:8;background:var(--screen);border:1.5px solid var(--accent);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 12px 30px -16px rgba(20,30,60,.4)}
.desk .dst-dd{max-height:520px;overflow-y:auto}
.dst-opt{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;padding:10px 12px;border-bottom:1px solid var(--line)}
.dst-opt:hover,.dst-opt:focus-visible{background:var(--soft)}
.dst-opt[aria-selected="true"]{background:var(--accent-soft)}
.dst-opt b{display:block;font-size:15px}
.dst-opt span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.dst-cty{background:var(--accent-soft);border-top:2px solid var(--accent)}
.dst-ctyhead{border-bottom:0;padding:12px}
.dst-ctyhead svg{float:left;margin:3px 8px 0 0;color:var(--accent)}
.dst-ctyhead b{color:var(--accent)}
.dst-ctyhead span{clear:both}
.dst-cty.open .dst-ctyhead{background:transparent}
.dst-ctybody{padding:0 12px 12px}
.dst-ctybody .dst-search{background:var(--screen)}
.dst-ctybody .dst-search{flex-wrap:wrap}
.dst-ctybody .dst-sugg{position:static;flex:1 0 100%;margin:0 -13.5px -1.5px;max-height:200px;border-radius:0 0 10px 10px}
.dst-under{margin:12px 16px 0;font-size:13px;color:var(--muted)}
.dst-under p{margin:0 0 6px}
.dst-under p.tr{color:var(--ink)}

/* desktop: formulářový řádek jako na webu, obsah bez vnitřního okraje telefonu */
.dst-desk{max-width:640px}
.dst-desk .dst-zones,.dst-desk .dst-help,.dst-desk .dst-legal,.dst-desk .dst-chips,.dst-desk .dst-result,.dst-desk .dst-link,.dst-desk .dst-more,.dst-desk .dst-select,.dst-desk .dst-under,.dst-desk>.rel>.dst-search,.dst-desk .infobox{margin-left:0;margin-right:0}
.dst-desk .dst-zones{grid-template-columns:1fr 1fr}
.dst-desk .dst-legal{margin-bottom:0}
.dst-more{margin-top:24px}
.dst-more .chevc{background:transparent;margin:0}
.dst-more[aria-expanded="true"] .chevc svg{transform:rotate(180deg)}
.dst-more+.dst-zones{margin-top:14px}
.dst .rel+.rel>.dst-legal{margin-top:24px}
.desk .dst-more{margin:24px 0 0;max-width:none;width:100%}
.desk .dst-more+.dst-zones{margin-top:14px}

/* ===== K2 · Telefon a předvolba (komponenta telefon) ===== */
.tel-mob{padding:20px 16px 24px}
.k2-title{font-size:20px;margin:0 0 12px}
.k2-typ{display:flex;gap:18px;margin:0 0 16px;font-size:14px}
.k2-radio{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}
.k2-radio i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--muted);display:inline-grid;place-items:center}
.k2-radio.on{color:var(--ink)}
.k2-radio.on i{border-color:var(--accent)}
.k2-radio.on i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.k2-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}
.tel-desk .k2-grid{grid-template-columns:repeat(3,1fr);gap:14px 16px}
.tel-desk .k2-f.w2{grid-column:span 2}
.tel-desk .k2-f.w3{grid-column:span 3}
.tel-field.static{border-color:var(--line);background:var(--soft)}
.tel-field.static input{color:var(--muted);font-size:15px;letter-spacing:0;cursor:default}
.k2-row2{display:grid;grid-template-columns:1fr;gap:12px}
.tel-desk .k2-row2{grid-template-columns:1fr 1fr;gap:14px 16px;align-items:start}
.k2-consent{margin:20px 0 0;font-size:12px;color:var(--muted);line-height:1.45}
.k2-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px}
.cta.static{cursor:default;opacity:.55}
.k2-back{font-size:13px;font-weight:700;color:var(--accent);opacity:.55}
.tel-flag{width:22px;height:16px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.tel-desk{max-width:640px}
.tel-row{display:block}
.tel-label{display:block;font-weight:700;font-size:15px;margin:0 0 6px}
.tel-field{position:relative;display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:10px;background:var(--screen)}
.tel-field:focus-within,.tel-field.open{border-color:var(--accent)}
.tel-field.ok{border-color:var(--ok)}
.tel-field.err{border-color:var(--note)}
.tel-field input{all:unset;flex:1;min-width:0;padding:11px 12px;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.tel-field input::placeholder{color:var(--no);letter-spacing:.02em}
.tel-prefix{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;padding:0 10px 0 12px;border-right:1.5px solid var(--line);background:var(--soft);border-radius:9px 0 0 9px;font-weight:700;font-size:15px;white-space:nowrap}
.tel-prefix:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.tel-prefix svg{color:var(--muted);transition:transform .2s}
.tel-field.open .tel-prefix svg{transform:rotate(180deg)}
.tel-help{margin:6px 0 0;font-size:13px;color:var(--muted)}
.tel-msg{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:13px;font-weight:700}
.tel-msg.ok{color:var(--ok)}
.tel-msg.err{color:var(--note)}
.tel-dd{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 4px);z-index:8;background:var(--screen);border:1.5px solid var(--accent);border-radius:10px;box-shadow:0 12px 30px -16px rgba(20,30,60,.4);overflow:hidden}
.tel-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted)}
.tel-search input{all:unset;flex:1;min-width:0;padding:10px 0;font-size:14px;color:var(--ink)}
.tel-dd ul{list-style:none;margin:0;padding:4px 0;max-height:240px;overflow-y:auto}
.tel-dd li button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px}
.tel-dd li button:hover,.tel-dd li button:focus-visible{background:var(--soft)}
.tel-dd li button[aria-selected="true"]{background:var(--accent-soft)}
.tel-dd .nm{flex:1;min-width:0}
.tel-dd .cd{font-family:var(--mono);color:var(--muted);font-size:13px}
/* lišta komponenty: přepínač trhu */
.mseg{margin-left:8px}
.mseg button{font-family:var(--mono);font-weight:500;min-width:44px;justify-content:center}

/* ===== K1 · Storno cesty a spoluúčast (komponenta storno) ===== */
.st-mob{padding:20px 16px 24px}
.st-desk{max-width:640px}
.st-row{margin-top:16px}
.st-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;padding:14px;border:1.5px solid var(--line);border-radius:12px;background:var(--screen)}
.st-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.st-card .cb{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--muted);display:grid;place-items:center;font-size:14px;color:var(--screen);margin-top:1px}
.st-card.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.st-card.on .cb{background:var(--accent);border-color:var(--accent)}
.st-card .t{display:block;font-weight:700;font-size:16px}
.st-card .h{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.st-cardfee{font-weight:700;color:var(--ok);white-space:nowrap;font-variant-numeric:tabular-nums}
.st-body{padding:4px 0 0}
.st-lists{display:grid;gap:12px;margin-top:14px}
.st-desk .st-lists{grid-template-columns:1fr 1fr;gap:12px 24px}
.st-lists b,.st-back .k{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:6px}
.st-lists .checks{margin:0}
.desk .st-lists .checks{grid-template-columns:1fr;gap:6px}
.st-lists .checks.no li svg{color:var(--note)}
.st-note{margin:6px 0 0;font-size:13px;color:var(--ink)}
.st-date{display:flex;align-items:center;padding-right:12px}
.st-date svg{color:var(--muted);flex:none;pointer-events:none}
.st-date{position:relative}
.st-date input[type=date]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.st-fee small{font-weight:500;color:var(--muted)}
.st-rule{margin:8px 0 0;font-size:13px;color:var(--ink);font-weight:700}
.st-price{display:flex;align-items:center}
.st-price input{font-variant-numeric:tabular-nums}
.st-price .unit{padding:0 12px;color:var(--muted);font-size:14px}
.st-desk .st-price,.st-desk .st-date{max-width:320px}
.st-back{margin-top:16px;padding:14px;border-radius:12px;background:var(--soft);border-left:3px solid var(--accent)}
.st-back p{margin:0 0 6px;font-size:14px;line-height:1.45}
.st-bar{height:10px;border-radius:5px;background:var(--note);overflow:hidden;margin-top:10px}
.st-bar i{display:block;height:100%;background:var(--ok)}
.st-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}
.st-legend b{color:var(--ink);font-variant-numeric:tabular-nums}
.st-fee{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-weight:700}
.st-fee b{color:var(--ok);font-size:18px;font-variant-numeric:tabular-nums}
.st-lab .tel-label{display:flex;align-items:center;gap:6px}
.st-summary{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-size:13px}
.st-summary li{display:flex;align-items:center;gap:8px}
.st-summary li svg{flex:none;color:var(--ok)}
.st-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.st-desk .st-seg{max-width:360px}
.st-seg button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--screen);font-weight:700;font-size:15px}
.st-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.st-seg .rd{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted);display:grid;place-items:center;flex:none}
.st-seg button[aria-checked="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.st-seg button[aria-checked="true"] .rd{border-color:var(--accent)}
.st-seg button[aria-checked="true"] .rd::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.st-desc{margin:12px 0 0;font-size:13px;color:var(--muted)}
.st-calc{margin:10px 0 0;font-size:14px;line-height:1.45;padding:10px 12px;border-radius:10px;background:var(--soft);border-left:3px solid var(--accent)}
.st .info{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font:700 11px/1 var(--ui);cursor:pointer;vertical-align:-3px;margin-left:4px}

/* ===== K1 · Typ pojištění, balíčky a čím cestujete (komponenta balicky) ===== */
.bl-mob{padding:20px 16px 24px}
.bl-desk{max-width:720px}
.bl-sec{margin-top:22px}
.bl-mob>.bl-sec:first-child,.bl-desk>.bl-sec:first-child,.bl-mob>.rel:first-child>.bl-sec,.bl-desk>.rel:first-child>.bl-sec{margin-top:0}
.bl-h{font-size:17px;margin:0 0 10px;display:flex;align-items:center;gap:6px}
.bl-typ{display:grid;gap:8px}
.bl-typ button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:10px;border:1.5px solid transparent}
.bl-typ button:hover{background:var(--soft)}
.bl-typ button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bl-typ .rd{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted);display:grid;place-items:center;margin-top:1px}
.bl-typ button[aria-checked="true"]{background:var(--soft)}
.bl-typ button[aria-checked="true"] .rd{border-color:var(--accent)}
.bl-typ button[aria-checked="true"] .rd::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.bl-typ .n{display:block;font-weight:700;font-size:15px}
.bl-typ .d{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.bl-rok{margin-top:14px;padding:14px;border-radius:12px;background:var(--soft);border-left:3px solid var(--accent)}
.bl-rok p{margin:0 0 10px;font-size:14px}
.bl-extlink{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bl-extlink svg{flex:none}
.bl-desk .bl-typ{grid-template-columns:1fr 1fr}
.tel-help.top{margin:-4px 0 10px}
.bl-chips{display:flex;flex-wrap:wrap;gap:8px}
.bl-chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:9px 14px 9px 10px;border-radius:24px;border:1.5px solid var(--line);font-weight:700;font-size:14px;background:var(--screen)}
.bl-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bl-chip .ic{font-size:16px;line-height:1}
.bl-chip[aria-checked="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.bl-offer{margin-top:18px;padding:14px;border-radius:12px;background:var(--soft);border-left:3px solid var(--accent)}
.bl-offerh{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--accent)}
.bl-offerh b{color:var(--ink);font-size:15px}
.bl-offer .bl-card{background:var(--screen)}
.bl-offer .bl-card+.bl-card{margin-top:10px}
.bl-card{border:1.5px solid var(--line);border-radius:12px;padding:14px;background:var(--screen)}
.bl-card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.bl-cardh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bl-cardh b{font-size:16px}
.badge2{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:var(--ok);color:var(--screen);white-space:nowrap}
.bl-sub{margin:6px 0 0;font-size:13px;color:var(--muted)}
.bl-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:14px}
.bl-list li{display:flex;gap:8px;align-items:flex-start}
.bl-list li svg{flex:none;color:var(--ok);margin-top:2px}
.bl-list small{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.bl-price{display:flex;align-items:baseline;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}
.bl-price b{font-size:18px;color:var(--ok);font-variant-numeric:tabular-nums}
.bl-price s{font-variant-numeric:tabular-nums}
.bl-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.cta.small{padding:10px 16px;font-size:14px}
.cta.ghost{background:var(--screen);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.bl-on{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ok)}
.bl-link{all:unset;cursor:pointer;color:var(--accent);font-weight:700;font-size:13px}
.bl-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.bl-applied{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:10px;background:#E3F5EC;font-size:14px;line-height:1.45}
.bl-applied svg{flex:none;color:var(--ok);margin-top:2px}
.bl .info{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font:700 11px/1 var(--ui);cursor:pointer;margin-left:2px}
.bl-vars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:6px}
.bl-vars button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;gap:2px;text-align:center;padding:12px 6px 10px;border:1.5px solid var(--line);border-radius:12px;background:var(--screen);align-content:start}
.bl-vars button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bl-vars button[aria-checked="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.bl-vars .n{font-weight:700;font-size:15px}
.bl-vars .p{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.bl-rec{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--ok);color:var(--screen);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:20px;white-space:nowrap}
.bl-prip{display:grid;gap:6px}
.bl-pr{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px;position:relative}
.bl-pr.on{border-color:var(--accent);background:var(--accent-soft)}
.bl-pr input{width:18px;height:18px;accent-color:var(--accent);margin:0;flex:none}
.bl-pr .n{flex:1;font-weight:700;position:relative}
.bl-pr .n .bl-rec{position:static;transform:none;margin-left:8px;vertical-align:1px}
.bl-pr .p{color:var(--ok);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bl-nudge{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:10px;background:var(--soft);border-left:3px solid var(--accent);font-size:14px;line-height:1.45}
.bl-nudge svg{flex:none;color:var(--accent);margin-top:2px}
.bl-nudge b{display:block;margin-bottom:4px}
.bl-nudge p{margin:4px 0 0}
.bl-nudge p b{display:inline;margin:0}
.bl-nudge .bl-link{margin-left:4px}
.bl-total{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.bl-total .row{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}
.bl-total .row b{font-size:20px;color:var(--ok);font-variant-numeric:tabular-nums}
.bl-total .row s{margin-left:8px;font-size:13px;color:var(--muted);font-weight:400}
.bl-total .why{display:flex;gap:8px;align-items:center;margin-top:6px;font-size:13px;color:var(--muted)}
.bl-total .why svg{flex:none;color:var(--ok)}
.bl-total .why b{color:var(--ink)}
.bl-desk .bl-vars{max-width:480px}
.hint{display:block;font-size:11px;line-height:1.3;color:var(--muted);margin-top:4px;font-weight:400}
.hint.on{color:var(--ok);font-weight:700}
.hint.go{color:var(--accent);font-weight:700}
.bl-pr .n .hint{margin-top:2px}
.bl-best{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--soft);border-left:3px solid var(--accent)}
.bl-bestrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px dashed var(--line)}
.bl-bestrow>span{display:grid;gap:2px;min-width:0}
.bl-bestrow small{font-size:12px;color:var(--muted)}
.bl-bestrow small s{margin-right:4px}
.bl-bestrow.on b{color:var(--ok)}
.bl-bestrow .bl-on{white-space:nowrap;font-size:13px}
.bl-track{position:sticky;bottom:0;z-index:4;background:var(--screen);border-top:2px solid var(--line);padding:10px 16px 12px}
.bl-track.on{border-top-color:var(--ok);background:#F1FAF5}
.bl-track.flash{animation:fl 1.4s ease-out}
.bl-trackh{display:flex;align-items:center;gap:8px;font-size:14px}
.bl-trackh svg{flex:none;color:var(--accent)}
.bl-track.on .bl-trackh svg{color:var(--ok)}
.bl-trackh .st{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
.bl-track.on .bl-trackh .st{color:var(--ok);font-weight:700}
.bl-steps{display:flex;gap:14px;margin-top:6px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.bl-steps span{display:inline-flex;align-items:center;gap:5px}
.bl-steps span.ok{color:var(--ink)}
.bl-steps span svg{color:var(--ok)}
.bl-steps i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--muted);display:inline-block}
.bl-miss{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:13px}
.bl-miss .cta{padding:8px 12px;font-size:13px}
.bl-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-weight:700}
.bl-tot b{font-size:20px;color:var(--ok);font-variant-numeric:tabular-nums}
.bl-tot s{margin-left:8px;font-size:13px;color:var(--muted);font-weight:400}
.desk .bl-track{padding:12px 32px}
.bl-desk .bl-best{max-width:560px}

/* ===== Wizard rám (malé komponenty jako samostatný krok) ===== */
.screen.wiz{display:flex;flex-direction:column}
.wiz-head{flex:none}
.wiz-head .appbar b{margin-left:auto;text-align:right}
.wiz-body{flex:1 0 auto;display:flex;flex-direction:column}
.wiz-content{margin:auto 0;padding:8px 0 20px;position:relative}
/* blok s otevřeným seznamem nad ostatními */
.wiz-content>*:has(.dst-sugg),.wiz-content>*:has(.dst-dd),.wiz-content>*:has(.tel-dd),.wiz-content>*:has(.tm-pop){position:relative;z-index:9}
.wiz-enter{animation:wizin .42s cubic-bezier(.2,.7,.2,1) both}
@keyframes wizin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wiz-enter{animation:none}}
.desk .wiz-head .appbar{padding:14px 32px 10px}
.desk .wiz-head .appbar b{font-size:18px}
.desk .wiz-content{padding:16px 0 32px}

/* ===== Téma „AXA NEW“ (Figma AXA WF – Ideas, skupina NEW) =====
   Zapíná třída .axa na rámu komponenty (.phone / .desk): wizFrame ji přidává sám, volba-varianty a telefon v mountu.
   Jen vizuál: barvy, font, tvary. Obsah, markup a logika komponent se nemění. Téma je vždy světlé (brand), i v tmavém režimu nástroje. */
.axa{--axa-navy:#00008F;--axa-green:#7EC400;--axa-sky:#EDF7FF;--axa-mint:#EAF6DE;--axa-grey:#E0E0E0;--axa-input:#EEF2F7;--axa-blue:#D3ECFD;--axa-lbl:#344054;--axa-help:#667085;
  --axa-font:"Source Sans 3","Source Sans Pro",var(--ui);--axa-shadow:0 4px 18px rgba(0,0,0,.11);--axa-shadow-s:0 4px 11px rgba(0,0,0,.11);--axa-hair:rgba(151,151,151,.29);
  --ink:#000;--screen:#fff;--muted:#737373;--line:#E0E0E0;--soft:#EEF2F7;--accent:#00008F;--accent-soft:#EDF7FF;--ok:#7EC400;--no:#8B94A4;
  font-family:var(--axa-font);color:#000;color-scheme:light}
.axa .screen{background:#fff;color:#000}
.axa .mk{font:500 12px/22px var(--mono)}
/* hlavička wizardu */
.axa .appbar{border-bottom:1px solid var(--axa-grey);padding:14px 16px 10px}
.axa .logo{border:0;border-radius:3px;background:var(--axa-navy);color:#fff;font:700 11px/1 var(--ui);letter-spacing:.02em}
.axa .appbar b{font-family:Georgia,"Times New Roman",serif;color:var(--axa-navy);font-size:18px}
.axa.desk .wiz-head .appbar{padding:14px 32px 10px}
/* nadpisy kroku a věta pod nimi */
.axa h3.q,.axa .dq,.axa .k2-title{font-size:24px;font-weight:700;text-align:center;color:#000}
.axa .dop{text-align:center;color:#000;font-size:13px}
.axa .dop b{color:#000}
/* štítky skupin (dřív mono uppercase) */
.axa .fit b,.axa .infobox b,.axa .st-lists b,.axa .st-back .k,.axa .dst-rz .k,.axa .common b{font:600 12px/1.3 var(--axa-font);letter-spacing:.04em;text-transform:uppercase;color:#000}
.axa .common b{font-size:14px;letter-spacing:.02em;text-transform:none;font-weight:700}
/* info box = světle modrý box s navy textem */
.axa .infobox,.axa .bl-rok,.axa .dst-result,.axa .st-back,.axa .st-calc,.axa .bl-offer,.axa .bl-best,.axa .bl-nudge,.axa .delta{border:0;border-left:0;border-radius:8px;background:var(--axa-sky);color:var(--axa-navy)}
.axa .infobox b,.axa .st-back .k,.axa .dst-rz .k{color:var(--axa-navy)}
.axa .infobox svg,.axa .bl-nudge svg,.axa .dst-result p.by svg{color:var(--axa-navy)}
.axa .st-back p,.axa .st-calc,.axa .dst-result p,.axa .bl-nudge,.axa .bl-nudge b,.axa .dst-result p.by,.axa .dst-result p.tr,.axa .bl-offerh b,.axa .st-legend b,.axa .dst-rz b{color:var(--axa-navy)}
.axa .bl-rok{position:relative;margin-top:24px;padding:12px 14px 12px 34px}
.axa .bl-rok::before{content:"i";position:absolute;left:10px;top:12px;box-sizing:border-box;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--axa-navy);font:700 9px/11px var(--ui);text-align:center}
.axa .bl-rok p{font-size:13px;margin:0 0 6px}
.axa .bl-extlink{color:var(--axa-navy);font-size:13px}
.axa .bl-applied,.axa .bl-track.on{background:var(--axa-mint);color:#000}
/* tlačítka */
.axa .cta{background:var(--axa-green);color:#fff;font-weight:400;font-size:17px;border-radius:13px;padding:12px 20px}
.axa .cta.small{font-size:14px;padding:9px 16px}
.axa .cta.ghost,.axa .more{background:#fff;color:var(--axa-navy);box-shadow:inset 0 0 0 1px var(--axa-navy)}
.axa .more{border:0;border-radius:13px;font-weight:600;font-size:16px;justify-content:center;padding:11px 14px}
.axa .more span:nth-child(2){flex:none}
.axa .more .arrow{color:var(--axa-navy)}
.axa .sticky{border-top:1px solid var(--axa-grey)}
.axa .pr{color:#000}
.axa .sl{color:var(--axa-navy)}
/* karty variant (záložky na mobilu, karty na desktopu) = světle modré karty, navy název a cena */
.axa .tab,.axa .dcard,.axa .bl-vars button{background:var(--axa-blue);border:2px solid transparent;border-radius:8px}
.axa .tab .n,.axa .tab .p,.axa .dcard .n,.axa .dcard .p,.axa .bl-vars .n,.axa .bl-vars .p{color:var(--axa-navy)}
.axa .tab .s,.axa .dcard .f,.axa .tab .o,.axa .dcard .o{color:#737373}
.axa .tab[aria-selected="true"],.axa .dcard[aria-selected="true"],.axa .bl-vars button[aria-checked="true"]{background:var(--axa-mint);border-color:var(--axa-green);box-shadow:none}
.axa .badge,.axa .bl-rec,.axa .badge2{background:var(--axa-navy);color:#fff;letter-spacing:0;text-transform:none;font-size:10px;padding:3px 10px;border-radius:33px}
.axa .badge2,.axa .bl-pr .bl-rec{background:var(--axa-green)}
.axa .stickhead.stuck .shd{box-shadow:0 4px 12px -8px rgba(0,0,0,.25)}
/* přepínač pohledů (segment) */
.axa .seg{background:#EDF2F9;border-radius:8px;padding:5px}
.axa .seg button{font-weight:600;color:#000;border-radius:6px}
.axa .seg button[aria-pressed="true"]{color:var(--axa-navy);background:#fff}
/* hodnoty ve srovnání */
.axa .cg button.sel,.axa .dcell.sel,.axa .mrow .vals .sel,.axa .mhead button[aria-selected="true"]{background:var(--axa-sky);color:var(--axa-navy)}
.axa .chevc{background:var(--axa-sky);color:var(--axa-navy)}
.axa .adet.c .crow .l{background:var(--axa-input)}
/* panel a modální okno */
.axa .sheet{border-radius:12px 12px 0 0;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.axa .grab{background:#D9D9D9;width:44px}
.axa .sheet h4{font-size:18px}
.axa .x-btn,.axa .modal .mx{background:var(--axa-sky);color:var(--axa-navy);border-radius:6px;font-weight:700}
.axa .x-btn{padding:6px 10px;font-size:13px}
.axa .modal{border-radius:12px}
.axa .modal h4{font-size:18px}
/* (i) */
.axa .info,.axa .bl .info,.axa .st .info{border-color:var(--axa-navy);color:var(--axa-navy)}
.axa .info:hover,.axa .info[aria-expanded="true"]{background:var(--axa-navy)}
/* společné krytí: fajfky zelené */
.axa .checks svg,.axa .bl-list li svg,.axa .st-summary li svg,.axa .bl-steps span svg{color:var(--axa-green)}
.axa .yes .ic{background:var(--axa-green)}
/* formulářová pole (K2, storno): šedé pole bez rámečku, popisek 12 px, nápověda 10–12 px */
.axa .tel-label{font:400 12px/1.5 var(--axa-font);color:var(--axa-lbl);margin:0 0 3px}
.axa .tel-field{border:.5px solid var(--axa-input);background:var(--axa-input);border-radius:4px;min-height:40px}
.axa .tel-field input{padding:9px 10px;font-size:14px;color:#17212B;letter-spacing:0}
.axa .tel-field.static{background:var(--axa-input);border-color:var(--axa-input)}
.axa .tel-field.static input{color:#17212B;font-weight:600;font-size:14px}
.axa .tel-field:focus-within,.axa .tel-field.open{border-color:var(--axa-navy);background:#fff}
.axa .tel-field.ok{border-color:var(--axa-green)}
.axa .tel-field.err{border-color:#D28045}
.axa .tel-prefix{background:transparent;border-right:0;padding-right:4px;font-weight:600;font-size:14px}
.axa .tel-help{font-size:11px;color:var(--axa-help)}
.axa .tel-msg{font-size:12px}
.axa .tel-msg.ok{color:#4C8C00}
.axa .tel-msg.err{color:#D28045}
.axa .tel-dd{border-radius:8px;border-color:var(--axa-navy)}
.axa .tel-dd li button[aria-selected="true"]{background:var(--axa-sky)}
.axa .k2-typ{display:flex;gap:0;background:#EDF2F9;border-radius:8px;padding:5px;margin:0 0 16px}
.axa .k2-radio{flex:1;justify-content:center;padding:7px 8px;border-radius:6px;font-weight:600;color:#000;font-size:14px}
.axa .k2-radio i{display:none}
.axa .k2-radio.on{background:#fff;color:var(--axa-navy)}
.axa .k2-consent{font-size:11px;color:var(--axa-help)}
.axa .cta.static{opacity:1}
.axa .k2-back{color:var(--axa-navy);opacity:.7}
.axa .st-rule{color:#000}
.axa .st-lab .tel-label{font-size:16px;font-weight:700;color:#000}
.axa .st-price .unit{color:var(--axa-help)}
/* karty s výběrem (destinace, storno, typ pojištění, štítky dopravy, připojištění) = bílá karta se stínem, vybraná se zeleným rámečkem */
.axa .dst-zone,.axa .st-card,.axa .st-seg button,.axa .bl-card,.axa .bl-pr,.axa .bl-chip,.axa .dst-opt.dst-ctyhead{border:1px solid var(--axa-hair);border-radius:8px;background:#fff;box-shadow:var(--axa-shadow-s)}
.axa .dst-zone[aria-checked="true"],.axa .st-card.on,.axa .st-seg button[aria-checked="true"],.axa .bl-card.on,.axa .bl-pr.on,.axa .bl-chip[aria-checked="true"]{border-color:var(--axa-green);background:#fff;box-shadow:var(--axa-shadow-s)}
.axa .dst-zone .n,.axa .st-card .t,.axa .bl-cardh b{font-size:16px}
.axa .dst-zone .d,.axa .st-card .h,.axa .bl-sub{font-size:12px;color:#737373}
.axa .dst-zone .rd,.axa .st-seg .rd,.axa .bl-typ .rd{border-color:#9AA0A6}
.axa .dst-zone[aria-checked="true"] .rd,.axa .st-seg button[aria-checked="true"] .rd,.axa .bl-typ button[aria-checked="true"] .rd{border-color:var(--axa-green)}
.axa .dst-zone[aria-checked="true"] .rd::after,.axa .st-seg button[aria-checked="true"] .rd::after,.axa .bl-typ button[aria-checked="true"] .rd::after{background:var(--axa-green)}
.axa .dst-zone .by{color:var(--axa-navy)}
.axa .dst .dst-zones{gap:14px}
.axa .st-card .cb{width:24px;height:24px;border-radius:4px;border:1px solid var(--axa-navy);color:#fff}
.axa .st-card.on .cb{background:var(--axa-green);border-color:var(--axa-green)}
.axa .st-cardfee,.axa .st-fee b,.axa .bl-pr .p,.axa .bl-price b,.axa .bl-total .row b,.axa .bl-tot b{color:var(--axa-green)}
.axa .st-bar{background:var(--axa-grey)}
.axa .st-bar i{background:var(--axa-green)}
.axa .bl-pr input{accent-color:var(--axa-green);width:22px;height:22px}
.axa .bl-chip{border-radius:24px;font-weight:600}
.axa .bl-offer .bl-card,.axa .bl-best{box-shadow:none}
.axa .bl-bestrow{border-top-color:rgba(0,0,143,.15)}
.axa .bl-bestrow small{color:var(--axa-navy);opacity:.8}
.axa .bl-track{border-top:1px solid var(--axa-grey)}
.axa .bl-track.on{border-top-color:var(--axa-green)}
.axa .bl-trackh svg{color:var(--axa-navy)}
.axa .hint.on{color:#4C8C00}
.axa .hint.go{color:var(--axa-navy)}
/* hledání a rozbalovací seznam destinace */
.axa .dst-search{border:.5px solid var(--axa-input);background:var(--axa-input);border-radius:4px}
.axa .dst-search input{padding:10px 0;font-size:14px}
.axa .dst-search.open{border-color:var(--axa-navy);background:#fff}
.axa .dst-sugg{border-color:var(--axa-navy);border-radius:0 0 4px 4px}
.axa .dst-help{border:0;background:var(--axa-input);border-radius:8px}
.axa .dst-help .dst-search{background:#fff;border-color:#fff}
/* vybraná země = stav „vybráno“ (bílá, zelený rámeček, zelená ikona), ne informační box; informace zůstávají světle modré */
.axa .dst-picked{background:#fff;color:#000;border:2px solid var(--axa-green);border-radius:8px;box-shadow:var(--axa-shadow-s)}
.axa .dst-picked svg{color:var(--axa-green)}
.axa .dst-picked button{background:var(--axa-input);color:#000}
.axa .dst-field{border:2px solid var(--axa-navy);border-radius:8px;font-size:16px;padding:10px 12px}
.axa .dst-field svg{color:var(--axa-navy)}
.axa .dst-select.open .dst-field{border-bottom-left-radius:0;border-bottom-right-radius:0}
.axa .dst-dd{border:2px solid var(--axa-navy);border-top:0;border-radius:0 0 8px 8px}
.axa .dst-opt b{font-size:16px}
.axa .dst-opt span{font-size:12px;color:#737373}
.axa .dst-opt[aria-selected="true"]{background:var(--axa-sky)}
.axa .dst-cty{background:var(--axa-sky);border-top:2px solid var(--axa-navy)}
.axa .dst-opt.dst-ctyhead{box-shadow:none;border:0;border-radius:0;background:transparent}
.axa .dst-ctyhead b,.axa .dst-ctyhead svg{color:var(--axa-navy)}
.axa .dst-under,.axa .dst-legal{font-size:12px;color:#737373}
.axa .dst-link{color:var(--axa-navy)}
.axa .dst-more{margin-top:24px}
/* typ pojištění: dvě karty s ikonou (Figma Krok 1) */
.axa .bl-mob{padding:24px 20px 28px}
.axa .bl-sec:has(>.bl-typ)>.bl-h{font-size:24px;font-weight:700;justify-content:center;text-align:center;margin:0 0 20px;color:#000}
.axa .bl-h{font-size:16px}
.axa .bl-typ{gap:16px}
.axa .bl-typ button{grid-template-columns:64px minmax(0,1fr) 18px;gap:14px;padding:20px 12px 18px;border-radius:8px;border:2px solid transparent;background:#fff;color:#000;box-shadow:var(--axa-shadow)}
.axa .bl-typ button:hover{background:#fff}
.axa .bl-typ button:focus-visible{outline:2px solid var(--axa-navy)}
.axa .bl-typ button[aria-checked="true"]{background:#fff;border-color:var(--axa-green)}
.axa .bl-typ .ic{width:64px;height:64px;border-radius:16px;background:var(--axa-sky);display:grid;place-items:center;font-size:38px;line-height:1}
.axa .bl-typ button[data-typ="jedna"] .ic{background:var(--axa-mint)}
.axa .bl-typ .n{font-size:18px;line-height:1.2;margin-top:4px}
.axa .bl-typ .d{font-size:14px;line-height:1.3;color:#000;margin-top:8px}
.axa .bl-typ .rd{width:18px;height:18px;border:1.5px solid #9AA0A6;margin-top:6px}
.axa .bl-desk .bl-typ{grid-template-columns:1fr 1fr;gap:20px}

/* ===== Volba varianty D: karty vedle sebe s horizontálním posunem ===== */
.vcards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 16px 16px;margin:0;scrollbar-width:none}
.vcards::-webkit-scrollbar{display:none}
@media (hover:hover){.vcards{cursor:grab}}
.vcards.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.vcards.drag .vsel{pointer-events:none}
.vcard{flex:0 0 78%;scroll-snap-align:start;position:relative;box-sizing:border-box;border:2px solid transparent;border-radius:8px;background:var(--accent-soft);padding:16px 12px 12px;display:grid;gap:3px;align-content:start}
.vcard[aria-selected="true"]{border-color:var(--accent)}
.vcard .badge{position:absolute;top:12px;right:12px;left:auto;transform:none}
.vcard .vn,.vcard .vp{font-size:24px;font-weight:700;color:var(--accent);line-height:1.15}
.vcard .vo{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.vcard .vf{font-size:12px;margin-top:4px;line-height:1.35}
.vcard .vk{margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.12);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.vrows{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:7px;font-size:12px}
.vrows li{display:flex;justify-content:space-between;gap:8px;align-items:center}
.vrows li .n{flex:1;min-width:0}
.vrows li .v{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.vrows li.nope{color:var(--no)}
.vrows li svg{flex:none;color:var(--ok)}
.vsel{all:unset;cursor:pointer;margin-top:12px;text-align:center;padding:9px;border-radius:13px;background:var(--screen);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);font-weight:600;font-size:15px}
.vsel:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.vcard[aria-selected="true"] .vsel{background:var(--accent);color:#fff}
.desk .vcards{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;padding:12px 0 0;gap:16px}
.desk .vcard{flex:none}
.axa .vcard{background:var(--axa-blue)}
.axa .vcard[aria-selected="true"]{background:var(--axa-mint);border-color:var(--axa-green)}

/* ===== K1 · Sleva a její důvod (komponenta sleva) ===== */
.slv-top .wiz-content{margin:0 0 auto}
.slv-mob{padding:16px 16px 0}
.slv-desk{max-width:640px;padding-top:20px;padding-bottom:0}
.slv-box{display:grid;gap:8px;padding:14px 16px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}
.slv-box b{font-size:16px}
.slv-box p{margin:0;font-size:14px;line-height:1.45}
.slv-okwrap{justify-self:start;margin-top:4px}
.slv-ok{display:inline-flex;align-items:center;gap:8px;margin-top:4px}
.slv-ok svg{flex:none}
.slv-barwrap{position:sticky;bottom:0;margin-top:auto;z-index:4}
.slv-barwrap.desk-bar .sticky{padding:14px 32px}
.slv-box{transform-origin:50% 100%}
.slv-box.out{animation:slvout .65s cubic-bezier(.5,0,.3,1) forwards;pointer-events:none}
@keyframes slvout{0%{transform:none;opacity:1}25%{transform:translateY(-14px) scale(1.03) rotate(-1.5deg);opacity:1}100%{transform:translateY(var(--dy,320px)) scale(.25) rotate(3deg);opacity:0}}
.slv-ok.done{background:#4C8C00}
.slv-ok.done svg path{stroke-dasharray:22;stroke-dashoffset:22;animation:slvcheck .4s ease-out forwards}
@keyframes slvcheck{to{stroke-dashoffset:0}}
.slv-sl{display:inline-block;transform-origin:0 50%}
.slv-sl.pop{animation:slvpop .8s cubic-bezier(.2,.8,.2,1)}
@keyframes slvpop{0%{transform:scale(1)}30%{transform:scale(1.15);color:var(--ok)}60%{transform:scale(.97)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.slv-box.out,.slv-ok.done svg path,.slv-sl.pop{animation:none}}

/* ===== K1 · Pro koho je pojištění a věk (komponenta cestujici) ===== */
.cs-who .ic{font-size:34px}
.cs-cnt{display:grid;gap:10px;margin-top:4px}
.cs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--screen)}
.cs-row .tx{display:grid;gap:2px;min-width:0}
.cs-row .n{font-weight:700;font-size:15px}
.cs-row .d{font-size:13px;color:var(--muted)}
.cs-row .ctl{display:inline-flex;align-items:center;gap:10px;flex:none}
.cs-row .ctl b{min-width:20px;text-align:center;font-size:17px;font-variant-numeric:tabular-nums}
.cs-row .ctl button{all:unset;cursor:pointer;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}
.cs-row .ctl button[disabled]{background:var(--line);color:var(--muted);cursor:default}
.cs-row .ctl button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* věk jednotlivce: karty se stejnou stavbou i výškou jako karty počítadel (název + rozmezí) */
.cs-age{margin-top:4px;gap:10px}
.cs-age button{padding:12px 14px;align-items:center}
.cs-age .tx{display:grid;gap:2px;min-width:0}
.cs-age .n{font-weight:700;font-size:15px}
.cs-age .d{font-size:13px;color:var(--muted);font-weight:400}
.cs-h{justify-content:flex-start;text-align:left}
.cs-list{display:grid;gap:10px}
.cs-opt{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--screen)}
.cs-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cs-opt .rd{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted);display:grid;place-items:center;margin-top:1px;box-sizing:border-box}
.cs-opt[aria-checked="true"]{border-color:var(--accent);background:var(--accent-soft)}
.cs-opt[aria-checked="true"] .rd{border-color:var(--accent)}
.cs-opt[aria-checked="true"] .rd::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.cs-opt .n{display:block;font-weight:700;font-size:15px}
.cs-opt .d{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.cs-desk .cs-age{max-width:none;grid-template-columns:repeat(3,1fr);gap:12px}
.cs-desk .cs-age button{padding:10px 12px}
.cs-desk .cs-age .n{font-size:14px}
.cs-desk .cs-age .d{font-size:12px}
/* desktop: počítadla Dospělí / Děti / Senioři jako tři karty vedle sebe, uvnitř název a popis nahoře, ovládání pod nimi */
.cs-desk .cs-cnt{grid-template-columns:repeat(3,1fr);gap:12px}
.cs-desk .cs-row{padding:10px 12px;gap:8px}
.cs-desk .cs-row .n{font-size:14px}
.cs-desk .cs-row .d{font-size:12px}
.cs-desk .cs-row .ctl{gap:6px}
.cs-desk .cs-row .ctl button{width:30px;height:30px}
.cs-desk .cs-row .ctl b{min-width:18px;font-size:16px}
.cs-desk .cs-list{grid-template-columns:1fr 1fr}
.cs-desk .bl-typ{grid-template-columns:1fr 1fr;gap:16px}
/* téma AXA */
.axa .cs-row,.axa .cs-opt{border:1px solid var(--axa-hair);border-radius:8px;box-shadow:var(--axa-shadow-s)}
.axa .cs-opt[aria-checked="true"]{border-color:var(--axa-green);background:#fff}
.axa .cs-opt .rd{border-color:#9AA0A6}
.axa .cs-opt[aria-checked="true"] .rd{border-color:var(--axa-green)}
.axa .cs-opt[aria-checked="true"] .rd::after{background:var(--axa-green)}
.axa .cs-row .ctl button{background:var(--axa-green)}
.axa .cs-row .ctl button[disabled]{background:var(--axa-grey);color:#9AA0A6}
.axa .cs-row .d,.axa .cs-opt .d,.axa .cs-age .d{color:#737373;font-size:12px}
.axa .bl-sec:has(>.cs-who)>.bl-h{font-size:24px;font-weight:700;justify-content:center;text-align:center;margin:0 0 20px}
.axa .cs-who button{padding:14px 12px}
.axa .cs-who .ic{width:52px;height:52px;border-radius:12px;font-size:28px}
.axa .cs-who button{grid-template-columns:52px minmax(0,1fr) 18px}
.axa .cs-who .n{font-size:16px;margin-top:2px}
.axa .cs-who .d{font-size:13px;margin-top:4px}
.axa .cs-who{gap:12px}
/* B: po výběru nevybrané karty zmenšené na řádek s ikonou a názvem, vybraná celá */
.cs-who button.mini{grid-template-columns:28px minmax(0,1fr) 18px;gap:10px;padding:8px 12px;align-items:center;box-shadow:none;background:var(--soft)}
.cs-who button.mini .ic{width:28px;height:28px;border-radius:7px;font-size:16px}
.cs-who button.mini .n{font-size:14px;font-weight:600;margin:0}
.cs-who button.mini .rd{margin:0}
.axa .cs-who button.mini{box-shadow:none;border:1px solid var(--axa-hair);background:#fff}
.axa .cs-who button.mini .ic{width:28px;height:28px;border-radius:7px;font-size:16px}

/* ===== K1 · Dokoupit připojištění na cesty (komponenta pripojisteni) ===== */
.pp-h{justify-content:center;text-align:center;font-size:24px;font-weight:700;margin:0 0 8px}
.pp .tel-help.top{text-align:center;margin:0 0 14px}
.pp-var{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.pp-var .k{font-size:13px;color:var(--muted);white-space:nowrap}
.pp-seg,.desk .pp-seg{margin:0;flex:1;max-width:none}
.pp-list{display:grid;gap:10px}
.pp-tile{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) auto 24px;gap:12px;align-items:center;width:100%;padding:12px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--screen);text-align:left}
.pp-tile:focus-visible,.pp-lockbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pp-tile.on{border-color:var(--accent);background:var(--accent-soft)}
.pp-tile .ic{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;font-size:22px;line-height:1}
.pp-tile .tx{display:grid;gap:2px;min-width:0}
.pp-tile .n{font-weight:700;font-size:15px}
.pp-tile .d{font-size:12px;color:var(--muted);line-height:1.35}
.pp-tile .pc{font-weight:700;color:var(--ok);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}
.pp-tile .cb{width:24px;height:24px;border-radius:5px;border:1.5px solid var(--muted);display:grid;place-items:center;color:#fff;box-sizing:border-box}
.pp-tile.on .cb{background:var(--accent);border-color:var(--accent)}
.pp-tile.locked{cursor:default;padding:0;display:block;background:var(--soft);border-color:var(--line)}
.pp-tile.locked .ic{background:var(--line);filter:grayscale(1);opacity:.8}
.pp-tile .lk{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--note);margin-top:2px}
.pp-lockbtn{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px;border-radius:12px}
.pp-lockbtn .n{color:var(--muted)}
.pp-lockbtn .pc{color:var(--muted);font-weight:400}
.pp-ask{padding:0 12px 12px;font-size:13px}
.pp-askbtns{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pp-askbtns .cta.small{flex:none}
/* C: kompaktní řádek kontextu, dvě volby vedle sebe; klepnutí otevře vlastní nabídku pod volbou */
.pp-ctxwrap{z-index:5}
.pp-ctx{display:flex;gap:8px;margin:0 0 14px}
.pp-ctxi{position:relative;flex:1;min-width:0}
.pp-ctxb{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:6px;padding:7px 26px 7px 10px;border-radius:9px;background:var(--soft);font-size:12px;color:var(--muted);white-space:nowrap;cursor:pointer;position:relative}
.pp-ctxb b{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.pp-ctxb::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.pp-ctxi.open .pp-ctxb::after{transform:translateY(-20%) rotate(225deg)}
.pp-ctxi.open .pp-ctxb{background:var(--screen);box-shadow:0 0 0 1.5px var(--accent) inset}
.pp-ctxb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pp-pop{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--screen);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:4px;display:grid;gap:2px;z-index:6;animation:ppPop .12s ease-out}
@keyframes ppPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pp-pop button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
.pp-pop button:hover{background:var(--soft)}
.pp-pop button[aria-selected="true"]{color:var(--accent)}
.pp-pop button[aria-selected="true"]::after{content:"\2713";font-size:12px}
.pp-desk .pp-ctx{max-width:460px}
.axa .pp-ctxb{background:#EDF2F9;color:#000;border-radius:8px}
.axa .pp-ctxb b{color:var(--axa-navy)}
.axa .pp-ctxi.open .pp-ctxb{background:#fff;box-shadow:0 0 0 1.5px var(--axa-navy) inset}
.axa .pp-pop{border:0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,143,.16)}
.axa .pp-pop button[aria-selected="true"]{color:var(--axa-navy);background:var(--axa-sky)}
/* C: blok balíčku podle dopravy s cestou ke slevě */
.pp-pack{display:grid;gap:8px;padding:10px;margin:0 0 14px;border-radius:14px;border:1.5px solid var(--accent);background:var(--accent-soft)}
.pp-pack.on{border-color:var(--ok)}
.pp-pack .ph{display:grid;gap:1px;padding:0 2px}
.pp-pack .ph b{font-size:13px;color:var(--accent);letter-spacing:.02em}
.pp-pack .ph span{font-size:12px;color:var(--muted)}
.pp-pack .pt{display:grid;gap:5px;padding:2px 2px 0}
.pp-pack .pt-h{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pp-math{display:grid;gap:3px;padding:6px 10px;border-radius:9px;background:var(--screen)}
.pp-math .mr{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;line-height:1.35}
.pp-math .mr .l{display:inline-flex;align-items:center;gap:6px;min-width:0}
.pp-math .mr .l svg{width:14px;height:14px;flex:none;color:var(--ok)}
.pp-math .mr .v{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pp-math .mr.now{color:var(--muted)}
.pp-math .mr.have .v{font-size:12px;color:var(--muted)}
.pp-math .mr.disc .v{color:var(--ok);font-weight:700}
.pp-math .mr.sum{margin-top:3px;padding-top:6px;border-top:1px solid var(--line);font-size:14px}
.pp-math .mr.sum .v b{font-size:16px}
.pp-math .mr.sum s{color:var(--muted);font-size:12px;font-weight:400;margin-left:4px}
.pp-use{margin-top:4px;width:100%;box-sizing:border-box;text-align:center}
.pp-pack .res{margin-top:3px;padding:7px 10px;border-radius:9px;background:var(--screen);font-size:12px;color:var(--muted)}
.pp-pack .res.on{display:flex;align-items:center;gap:6px;background:var(--ok);color:#fff}
.pp-pack .res.on b{font-weight:700}
.axa .pp-pack{background:var(--axa-sky);border-color:var(--axa-navy);border-radius:10px}
.axa .pp-pack.on{background:var(--axa-mint);border-color:var(--axa-green)}
.axa .pp-pack .ph b,.axa .pp-pack .ph span{color:var(--axa-navy)}
.axa .pp-pack .pt-h{color:var(--axa-navy);opacity:.7}
.axa .pp-math{color:var(--axa-navy)}
.axa .pp-math .mr.sum{border-top-color:#D6E4F0}
.axa .pp-math .mr.disc .v,.axa .pp-math .mr .l svg{color:#4F8A00}
.axa .pp-pack .res{background:#fff;color:var(--axa-navy)}
.axa .pp-pack .res.on{background:var(--axa-green);color:#fff}
/* B, C: mezititulek nad zamčenou částí seznamu */
.pp-grp{display:flex;align-items:center;gap:6px;margin:6px 0 -2px;font-size:12px;font-weight:700;color:var(--note)}
.pp-grp svg{width:14px;height:14px}
.axa .pp-grp{color:#D28045}
.axa /* box „Navrhujeme“ u zamčeného připojištění: celá šířka dlaždice; řádek varianta → vyšší a rozdíl za den, krytí navíc jako štítky, věta o automatickém přidání */
.pp-sug{margin:2px 0 10px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);display:grid;gap:8px}
.pp-sug .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pp-sug .sw{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:15px}
.pp-sug .sw .k{flex-basis:100%;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.pp-sug .sw s{color:var(--muted);font-size:13px}
.pp-sug .sw s::after{content:"→";text-decoration:none;display:inline-block;margin-left:6px;color:var(--muted)}
.pp-sug .sw b{color:var(--accent)}
.pp-sug .dd{display:grid;text-align:right;line-height:1.15;flex:none}
.pp-sug .dd .l{font-size:11px;color:var(--muted)}
.pp-sug .dd b{font-size:17px;color:var(--ok);font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-sug .g{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.pp-sug .g .l{font-size:11px;color:var(--muted);margin-right:2px}
.pp-sug .chip{font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;background:var(--screen);color:var(--ink);border:1px solid var(--line)}
.pp-sug .auto{margin:0;font-size:12px;color:var(--muted);line-height:1.4}
.pp-sug .auto b{color:var(--ink);font-weight:600}
.axa .pp-sug{background:var(--axa-sky);color:var(--axa-navy);border-radius:8px}
.axa .pp-sug .sw .k,.axa .pp-sug .sw b{color:var(--axa-navy)}
.axa .pp-sug .dd b{color:#4F8A00}
.axa .pp-sug .chip{background:#fff;border-color:transparent;color:var(--axa-navy)}
/* desktop: dva sloupce, dlaždice v řádku stejně vysoké s obsahem zarovnaným nahoru (ikona, cena i zaškrtnutí na úrovni názvu); mezititulek i rozbalená zamčená dlaždice přes oba sloupce */
.pp-desk .pp-list{grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.pp-desk .pp-tile,.pp-desk .pp-lockbtn{align-items:start}
.pp-desk .pp-tile .pc,.pp-desk .pp-tile .cb{margin-top:9px}
.pp-desk .pp-tile.on .cb,.pp-desk .pp-tile .cb{margin-top:8px}
.pp-desk .pp-grp{grid-column:1/-1;margin:8px 0 -4px}
.pp-desk .pp-tile.locked.open{grid-column:1/-1}
.pp-desk .pp-tile.locked.open .pp-lockbtn{align-items:center}
.pp-desk .pp-ask{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:end;padding:0 16px 14px}
.pp-desk .pp-ask .pp-sug{margin:0;grid-row:1/3}
.pp-desk .pp-askbtns{flex-direction:column;align-items:stretch;gap:10px;min-width:220px}
.pp-desk .pp-askbtns .cta.small{text-align:center}
.pp-ctx2{display:flex;gap:16px;margin:0 0 14px}
.pp-ctx2 .pp-var{flex:1;margin:0;max-width:none}
.pp-ctx2 .pp-var .k{min-width:0}
.pp-desk .pp-pack{padding:14px 16px}
.pp-desk .pp-pack .pt{grid-template-columns:1fr;max-width:none}
.pp-desk .pp-math{padding:8px 14px}
.pp-desk .pp-use{width:auto;justify-self:start;min-width:220px}
.pp-desk .pp-var{max-width:460px}
/* téma AXA */
.axa .pp-tile{border:1px solid var(--axa-hair);border-radius:8px;box-shadow:var(--axa-shadow-s);background:#fff}
.axa .pp-tile.on{border-color:var(--axa-green);background:#fff}
.axa .pp-tile .ic{background:var(--axa-sky)}
.axa .pp-tile .cb{border:1px solid var(--axa-navy);border-radius:4px}
.axa .pp-tile.on .cb{background:var(--axa-green);border-color:var(--axa-green)}
.axa .pp-tile.locked{background:#F9FAFB;border-color:rgba(0,0,0,.25);box-shadow:var(--axa-shadow-s)}
.axa .pp-tile.locked .ic{background:#EFEFEF}
.axa .pp-lockbtn .n{color:#8B94A4}
.axa .pp-tile .lk{color:#D28045}
.axa .pp-var .k{color:#000}
/* připojištění: odkaz na detail na dlaždici a drawer s detailem (fotka v hlavičce, co kryje, PDF) */
.pd-in h4{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px}
.pp-pop{font-size:10px;padding:2px 8px}
/* rohový štítek „Oblíbené“: pravý horní roh dlaždice, bez vlivu na výšku a zalamování názvu */
.pp-tile{position:relative}
.pp-corner{position:absolute;top:0;right:0;font-size:10px;font-weight:700;line-height:1;padding:3px 8px 4px;border-radius:0 11px 0 8px;background:var(--ok);color:var(--screen);white-space:nowrap;pointer-events:none}
.axa .pp-corner{background:var(--axa-green);border-radius:0 7px 0 8px}
.pp-det{all:unset;box-sizing:border-box;cursor:pointer;justify-self:start;display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--accent)}
.pp-det span{font-size:15px;line-height:1}
.pp-det:hover{text-decoration:underline}
.pp-det:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.pp-detrow{padding:0 12px 10px 64px;margin-top:-6px}
.sheet.pd{height:92%;overflow:hidden}
.pd-scroll{flex:1;overflow-y:auto}
.pd-photo{position:relative;height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#00008F 0%,#3B5BDB 55%,#7EC400 130%);color:#fff}
.pd-photo .ic{font-size:72px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.pd-photo .cap{position:absolute;left:12px;bottom:10px;right:56px;font-size:11px;letter-spacing:.02em;background:rgba(0,0,0,.35);padding:3px 8px;border-radius:6px;justify-self:start;width:fit-content}
.pd-x{all:unset;cursor:pointer;position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#00008F;font-size:14px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.pd-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pd-in{padding:16px 18px 22px}
.pd-in h4{margin:0 0 4px;font-size:21px}
.pd-lead{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--muted)}
.pd-av{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pd-av .k{font-size:12.5px;color:var(--muted);margin-right:2px}
.pd-chip{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.pd-chip.no{background:var(--soft);color:var(--no);text-decoration:line-through;font-weight:400}
.pd-in h5{margin:18px 0 4px;font-size:15px}
.pd-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.4}
.pd-row .v{font-weight:700;text-align:right;white-space:normal}
.pd-row:has(.v2){grid-template-columns:1fr}
.pd-row .v2{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-weight:700;font-size:13px}
.pd-colh{padding:4px 0;border-bottom:0}
.pd-colh .v2{font-weight:400;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pd-in .doc{margin-top:18px}
.pd-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);background:var(--screen)}
.pd-foot .cta:only-child{flex:1;text-align:center}
.pd-foot .lk{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--note)}
.pd-on{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ok)}
.pd-on svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--ok);color:#fff;box-sizing:border-box}
.desk .sheet.pd{height:auto}
.desk .pd-photo{height:230px}
.desk .pd-in{padding:20px 24px 24px}
.desk .pd-foot{padding:14px 24px}
.axa .pp-det{color:var(--axa-navy)}
.axa .pd-chip{background:var(--axa-sky);color:var(--axa-navy)}
.axa .pd-chip.no{background:#F3F4F6;color:#8B94A4}
.axa .pd-lead,.axa .pd-av .k{color:var(--axa-help)}
.axa .pd-row{border-bottom-color:var(--axa-hair)}
.axa .pd-in .doc{color:var(--axa-navy)}
.axa .pd-on{color:#4C8A00}
.axa .pd-on svg{background:var(--axa-green)}
.axa .pd-foot{background:#fff;border-top-color:var(--axa-hair)}
.axa .pd-foot .lk{color:#D28045}
@media (prefers-reduced-motion:reduce){.sheet.pd{transition:none}}
.axa .sheet.pd .pd-in h4{font-size:21px}

/* ===== Obrazovky K1 (Jedna stránka, Wizard): vložené komponenty, hlavička webu, košík, lišta, patička ===== */
/* vložená komponenta (.emb): bez markerů poznámek; překryvy (modální okno, panel, drawer) se počítají k celému rámu (.emb-frame má transform, proto fixed = rám) */
.emb .mk{display:none}
.emb-frame{transform:translateZ(0)}
.emb-frame .emb .mscrim,.emb-frame .emb .modal,.emb-frame .emb .scrim,.emb-frame .emb .sheet{position:fixed}
.emb:has(.dst-sugg),.emb:has(.dst-dd),.emb:has(.tel-dd),.emb:has(.pp-pop){position:relative;z-index:9}
.emb-content>*:has(.dst-sugg),.emb-content>*:has(.dst-dd){position:relative;z-index:9}
/* panel / drawer vložené komponenty na desktopu: třída open-sheet je na hostiteli, ne na rámu */
.desk .open-sheet .sheet{transform:none}
.k1-missing{margin:16px;color:var(--note);font-size:13px}
/* stránka: světle šedé pozadí, bloky jako bílé karty */
.axa .screen.k1page{background:#F2F3F5}
.k1-head{background:#fff}
.k1-appbar{border-bottom:1px solid var(--axa-grey)}
.k1-appbar>b{flex:1;text-align:center}
.k1-pp{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--axa-navy);color:#fff;flex:none;text-align:center;line-height:1.05}
.k1-pp svg{display:none}
.k1-pp small{font-size:7.5px;font-weight:600;padding:0 3px}
.k1-stepm{display:flex;justify-content:center;align-items:baseline;gap:8px;padding:10px 16px;border-bottom:1px solid var(--axa-grey);font-size:14px}
.k1-stepm span{color:#737373;font-size:12px}
.k1-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--axa-grey);max-width:1040px;margin:0 auto;padding:0 24px}
.k1-steps span{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;font-size:13px;color:#737373;border-bottom:2px solid transparent}
.k1-steps span i{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font:600 11px/18px var(--axa-font);text-align:center;font-style:normal;flex:none}
.k1-steps span.on{color:var(--axa-navy);font-weight:600;border-bottom-color:var(--axa-navy)}
.k1-steps span.on i{background:var(--axa-navy);color:#fff;border-color:var(--axa-navy)}
.k1-main{display:grid;gap:10px;padding:10px 0 0}
.k1-blk{background:#fff}
.k1-blk.k1-hide{display:none}
.k1-rok .k1-barwrap,.k1-rok .k1-cart{display:none}
.k1-desk{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;max-width:1040px;margin:0 auto;padding:16px 24px 8px;align-items:start}
.k1-d .k1-main{padding:0}
.k1-cart{position:sticky;top:16px}
.k1-cartbox{background:#fff;padding:16px;box-shadow:var(--axa-shadow-s);border-radius:8px;display:grid;gap:6px;font-size:13px;color:#000}
.k1-carth{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.k1-carth b{font-size:16px}
.k1-carth .pdf{color:#9AA0A6}
.k1-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.k1-row span{color:#737373}
.k1-row b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.k1-row b small{font-weight:400;color:#737373}
.k1-row.muted b{font-weight:400}
.k1-row.disc b{color:var(--axa-navy)}
.k1-row.sum span{color:#000;font-weight:700}
.k1-row.sum b{font-weight:700;color:#4C8C00;font-size:18px}
.k1-cartbox hr{border:0;border-top:1px solid var(--axa-grey);margin:4px 0;width:100%}
.k1-cartbox .cta.k1-cta{margin-top:8px;text-align:center;white-space:normal}
.k1-save{justify-self:center;font-size:12px;margin-top:2px;opacity:.75}
/* komponenty uvnitř stránky: bez vnějšího omezení šířky desktopového obalu */
.k1page .dwrap{max-width:none;padding:20px 24px 22px}
.k1page .bl-desk,.k1page .dst-desk,.k1page .st-desk,.k1page .slv-desk,.k1page .cs-desk,.k1page .pp-desk{max-width:none}
.k1page .vv-host{padding-bottom:8px}
.k1-m .slv-mob{padding:16px 16px 16px}
/* lišta dole (mobil, wizard): obal je přilepený, lišta uvnitř obyčejná */
.k1-barwrap,.k1w-barwrap{position:sticky;bottom:0;z-index:4}
.k1-bar{position:static;display:flex;align-items:center;gap:12px;padding:10px 16px 12px}
.k1-barp{flex:1;min-width:0}
.k1-ctablk{padding-top:8px}
.k1-m .k1-ctablk .cta{display:block;width:100%;box-sizing:border-box;text-align:center;font-size:17px;padding:14px}
.k1-d .k1-ctablk{display:flex;justify-content:flex-end}
.k1-d .k1-ctablk .cta{font-size:17px;padding:14px 28px}
.k1-bar .pr{font-size:20px}
.k1-bar .cta{font-size:15px;padding:11px 14px}
.k1-bar .cta[disabled]{opacity:.45;cursor:default}
/* statické bloky: termín, slevový kód */
.k1-h{font-size:16px;margin:0 0 10px}
.k1-kodl{font-size:16px;font-weight:700;color:#000;margin-bottom:8px}
.k1-kodrow{display:flex;gap:10px;align-items:stretch}
.k1-kodrow .tel-field{flex:1}
.k1-kodrow .cta.small{display:flex;align-items:center}
.k1-d .k1-kodrow{max-width:420px}
.k1-kod.inline{margin-top:18px}
/* patička */
.k1-foot{margin-top:28px;border-top:1px solid var(--axa-grey)}
.k1-pay{background:#E9ECF1;padding:18px 16px 20px;display:grid;gap:14px}
.k1-pay>div{display:grid;gap:8px}
.k1-pay span{font-size:13px;color:var(--axa-navy);font-weight:600}
.k1-logos{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.k1-logo{height:22px;width:auto;display:block}
.k1-logo[alt="Google Pay"],.k1-logo[alt="Apple Pay"]{height:20px}
.k1-bank{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:3px;background:var(--c);color:#fff;font:700 11px/1 var(--axa-font);letter-spacing:.01em;white-space:nowrap}
.k1-d .k1-pay{padding:22px 24px 24px}
.k1-d .k1-pay>div{grid-template-columns:220px 1fr;align-items:center;max-width:992px;margin:0 auto;width:100%}
.k1-footbar{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--axa-navy);color:#fff;font-size:12px;flex-wrap:wrap}
.k1-d .k1-footbar{padding:14px 24px}
.k1-footbar a{color:#fff}
/* wizard: sloupec na celou výšku (hlavička, krok, lišta), patička až pod ním */
.k1w-col{display:flex;flex-direction:column;min-height:100%}
.k1w-head{flex:none;background:#fff}
.k1w-prog{padding:10px 16px 12px;border-bottom:1px solid var(--axa-grey)}
.k1-d .k1w-prog{padding:10px 32px 12px}
.k1w-progt{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#737373}
.k1w-progt .n{font-size:14px;color:var(--axa-navy)}
.k1w-progbar{height:6px;border-radius:3px;background:var(--axa-grey);margin-top:8px;overflow:hidden}
.k1w-progbar i{display:block;height:100%;background:var(--axa-green);border-radius:3px;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.k1w-body{flex:1 0 auto;display:flex;flex-direction:column}
.k1w-stage{position:relative;flex:1;display:flex;flex-direction:column}
.k1w-step{position:relative;z-index:1;margin:auto 0;padding:8px 0 20px}
.k1w-step.top{margin:0}
/* přechod bez překryvu: starý krok zmizí (.16 s), pak nový přijede (.26 s); starý zůstává v toku, nic se nepřekládá */
.k1w-step.in-r{animation:k1in-r .26s cubic-bezier(.2,.7,.2,1) both}
.k1w-step.in-l{animation:k1in-l .26s cubic-bezier(.2,.7,.2,1) both}
.k1w-step.out-l,.k1w-step.out-r{pointer-events:none}
.k1w-step.out-l{animation:k1out-l .16s ease-in both}
.k1w-step.out-r{animation:k1out-r .16s ease-in both}
@keyframes k1in-r{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes k1in-l{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes k1out-l{to{opacity:0;transform:translateX(-40px)}}
@keyframes k1out-r{to{opacity:0;transform:translateX(40px)}}
.k1w-nav{flex:none}
.k1w-back{all:unset;cursor:pointer;color:var(--axa-navy);font-weight:600;font-size:14px;padding:8px 6px 8px 0}
.k1w-back[disabled]{opacity:.35;cursor:default}
.k1w .k1-host+.k1-host{margin-top:4px}
.k1w .slv-mob{padding:16px 20px 0}
.k1-d .k1w-step>.k1-host>.dwrap,.k1-d .k1w-step>.dwrap{max-width:760px}
.k1-d .k1w-step .vv-host .dwrap{max-width:920px}
/* shrnutí */
.k1w-sumh{margin:0 0 16px}
.k1w-sumrows{display:grid;border-top:1px solid var(--axa-grey)}
.k1w-sumrow{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--axa-grey);font-size:14px}
.k1w-sumrow .l{color:#737373;font-size:12px}
.k1w-sumrow .val{font-weight:600;overflow-wrap:anywhere}
.k1-d .k1w-sumrow{grid-template-columns:160px minmax(0,1fr) auto}
.k1w-price{margin-top:16px;box-shadow:none;background:var(--axa-sky);border-radius:8px}
.k1w-price hr{border-top-color:#D6E4F0}
/* detail obrazovky: statické bloky ve složení ve stejné mřížce jako odkazy, tlumeně */
.findings li .static{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:baseline;padding:9px 6px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14.5px}
/* volba varianty: společné krytí jako jeden řádek pod nadpisem, odkaz na PDF na konci */
.common-top{display:flex;gap:8px;align-items:flex-start;margin:0 16px 10px;font-size:13px;line-height:1.4;color:var(--ink)}
.common-top svg{flex:none;margin-top:1px;color:var(--ok)}
.common-top b{font-weight:700}
.desk .common-top{margin:0 0 14px;font-size:14px}
.axa .common-top svg{color:var(--axa-green)}
.vv-doc{display:block;margin:18px 16px 28px}
.desk .vv-doc{margin:22px 0 0}
/* ===== Design systém (light): barvy a jejich význam ===== */
.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0 0 28px}
.ds-tok{border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--screen);display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}
.ds-sw{width:44px;height:44px;border-radius:10px;border:1px solid rgba(0,0,0,.12)}
.ds-tok b{display:block;font-size:15px}
.ds-tok code{font:500 12px var(--mono);color:var(--muted)}
.ds-tok p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.ds-states{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.ds-state{border:1.5px solid var(--line);border-radius:14px;background:var(--screen);overflow:hidden}
.ds-state>div:first-child{padding:12px 16px 10px}
.ds-state h3{margin:0 0 4px;font-size:16px}
.ds-state p{margin:0;font-size:13px;color:var(--muted)}
.ds-ex{padding:16px;background:#F2F3F5;border-top:1px solid var(--line);font-family:"Source Sans 3",var(--ui);color:#000}
.ds-ex .bl-mob{padding:0}
.ds-ex .infobox,.ds-ex .bl-applied{margin:0}
.ds-ex .dst-zones{margin:0}
.ds-ex .pp-list{margin:0}
.ds-ex .cta{display:inline-block}
.ds-rules{margin:28px 0 0;max-width:72ch}
.ds-rules li{margin:0 0 6px;color:var(--ink)}
/* připojištění C: aktivní balíček jen jako oznámení (mint, fajfka), bez propočtu a tlačítka */
.pp-pack.compact{grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;margin:0 0 14px}
.pp-pack.compact>svg{width:22px;height:22px;color:var(--ok)}
.pp-pack.compact>div{display:grid;gap:2px}
.pp-pack.compact b{font-size:15px;color:#000}
.pp-pack.compact span{font-size:13px;color:#4C8C00;font-weight:600}
.axa .pp-pack.compact>svg{color:var(--axa-green)}

/* ---------- Notes for devs ---------- */
.dn-list{display:grid;gap:14px;max-width:820px}
.dn-note{border:1.5px solid var(--line);border-radius:14px;background:var(--screen);padding:16px 20px 18px}
.dn-top{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13px;color:var(--muted)}
.dn-id{font:600 13px var(--mono);color:var(--ink);background:var(--soft);padding:2px 8px;border-radius:10px}
.dn-note h2{margin:8px 0 6px;font-size:19px}
.dn-note p{margin:0 0 8px;color:var(--ink);line-height:1.5;max-width:72ch}
.dn-ex{border-collapse:collapse;margin:8px 0 0;font-size:13.5px;width:100%}
.dn-ex th{text-align:left;font-weight:600;color:var(--muted);padding:6px 10px;border-bottom:1.5px solid var(--line)}
.dn-ex td{padding:6px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.dn-ex td:first-child{font-weight:600;white-space:nowrap}

/* ===== Termín cesty (tm): dvě pole / jedno pole s rozsahem, řádek s délkou, kalendář na rozsah (mobil drawer, desktop panel) ===== */
.tm-mob{padding:20px 16px 24px}
.tm-desk{max-width:640px}
.tm-h{font-size:17px}
.wiz .tm-h,.k1w .tm-h{font-size:24px;font-weight:700;justify-content:center;text-align:center;margin:0 0 20px;color:#000}
.tm-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.tm-field input{min-width:0;width:100%;flex:1}
.tm-f{margin-top:0;position:relative}
.rel+.tm-f,.tm-fields+.rel,.tm-fields+.tm-fields{margin-top:14px}
.tm-fields .tm-f{margin-top:0}
.tm-field{align-items:center;padding-right:10px;cursor:pointer}
.tm-field input{cursor:pointer}
.desk .tm-field input{cursor:text}
.tm-calbtn{display:grid;place-items:center;color:var(--muted);flex:none;margin-left:4px}
.tm-field.open .tm-calbtn{color:var(--accent)}
button.tm-range{font:inherit;color:inherit;text-align:left;padding:0 10px 0 0;cursor:pointer;width:100%}
.tm-rv{flex:1;padding:11px 12px;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.axa .tm-rv{padding:9px 10px;font-size:14px;font-weight:600;color:#17212B;letter-spacing:0}
.tm-dur{display:flex;gap:12px;margin-top:14px}
.tm-di{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:var(--ink)}
.tm-di i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--screen);color:var(--accent);flex:none}
.tm-di b{font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.tm-di>span{font-size:14px;color:var(--muted);align-self:flex-end;padding-bottom:3px}
.axa .tm-di{background:var(--axa-mint)}
.axa .tm-di i{color:var(--axa-navy)}
.axa .tm-di b{color:var(--axa-navy)}
.tm-help{margin-top:12px}
.tm-err{color:var(--note)}
.tm-manual{display:inline-block;margin-top:12px}
/* kalendář */
.tm-wd{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;color:var(--muted);font-weight:600;padding:6px 0}
.tm-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}
.tm-month{padding:4px 0 10px}
.tm-mh{display:block;font-size:15px;margin:8px 0 6px}
.tm-d{all:unset;box-sizing:border-box;position:relative;height:40px;display:grid;place-items:center;cursor:pointer;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
.tm-d span{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.tm-d:hover span{background:var(--soft)}
.tm-d:disabled{color:var(--no);cursor:default}
.tm-d:disabled:hover span{background:none}
.tm-d.tod span{box-shadow:inset 0 0 0 1.5px var(--line)}
.tm-d.in::before,.tm-d.a::before,.tm-d.b::before,.tm-d.hb::before{content:"";position:absolute;top:2px;bottom:2px;left:0;right:0;background:var(--accent-soft)}
.tm-d.a::before{left:50%}
.tm-d.b::before,.tm-d.hb::before{right:50%}
.tm-d.a.b::before{display:none}
.tm-d.a span,.tm-d.b span{background:var(--accent);color:#fff;font-weight:700;box-shadow:none}
.tm-d.hb span{box-shadow:inset 0 0 0 2px var(--accent)}
.tm-d:focus-visible span{outline:2px solid var(--accent);outline-offset:1px}
.axa .tm-d.in::before,.axa .tm-d.a::before,.axa .tm-d.b::before,.axa .tm-d.hb::before{background:var(--axa-mint)}
.axa .tm-d.a span,.axa .tm-d.b span{background:var(--axa-green)}
.axa .tm-d.hb span{box-shadow:inset 0 0 0 2px var(--axa-green)}
.axa .tm-d:hover span{background:var(--axa-sky)}
/* mobil: drawer zespodu */
.tm-sheet{height:88%}
.tm-sheet .mx{all:unset;cursor:pointer;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:var(--muted);background:var(--soft)}
.axa .tm-sheet .mx{background:var(--axa-sky);color:var(--axa-navy);border-radius:6px;font-weight:700}
.tm-sheet .tm-wd{padding:8px 0 0}
.tm-sheet .tm-months{padding:0 16px;flex:1}
.tm-foot{padding:12px 16px 16px;border-top:1px solid var(--line);background:var(--screen)}
.tm-hint,.tm-max{margin:0 0 10px;font-size:13px;color:var(--muted)}
.tm-max a{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.axa .tm-max a{color:var(--axa-navy)}
.tm-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.tm-btns .cta{text-align:center;padding:12px 10px}
.tm-btns .cta:disabled{opacity:.5;cursor:default}
/* desktop: panel pod polem, dva měsíce vedle sebe */
.tm-pophost{position:relative}
.tm-pop{position:absolute;left:0;top:6px;z-index:30;width:640px;max-width:100%;box-sizing:border-box;background:var(--screen);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -20px rgba(20,30,60,.45);padding:12px 16px 0}
.wiz .tm-pop{position:static;margin-top:10px}
.wiz .tm-pophost:has(.tm-pop){margin-bottom:14px}
.k1w .tm-pophost{z-index:30;position:relative}
.k1w .sheet.tm-sheet{z-index:30}
/* krok s otevřeným kalendářem nad lištou dole (krok má vlastní stacking context kvůli animaci) */
.k1w-step:has(.tm-pop),.k1w-step:has(.open-sheet){z-index:10}
.tm-popnav{display:flex;justify-content:space-between;position:absolute;left:12px;right:12px;top:14px;z-index:1;pointer-events:none}
.tm-popnav button{all:unset;cursor:pointer;pointer-events:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--soft)}
.tm-popnav button:disabled{opacity:.35;cursor:default}
.tm-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tm-two .tm-mh{text-align:center;margin:6px 0 4px}
.tm-two .tm-d{height:38px;font-size:14px}
.tm-two .tm-d span{width:34px;height:34px}
.tm-pop .tm-foot{margin:8px -16px 0;border-radius:0 0 14px 14px}
.tm-pop .tm-btns{grid-template-columns:auto auto;justify-content:end}
.axa .tm-pop{border-radius:12px;border:1px solid var(--axa-hair)}
.k1-blk:has(.tm-pop){position:relative;z-index:9}
@media (prefers-reduced-motion:reduce){.tm-sheet{transition:none}}

/* ===== Jednání (jd): seznam, dlaždice, úkoly, rozhodnutí, detail ===== */
.jd .back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--accent);text-decoration:none;margin-bottom:10px}
.jd-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 22px}
.jd-tile{border:1.5px solid var(--line);border-radius:12px;background:var(--screen);padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.jd-tile b{font-size:26px;line-height:1.1}
.jd-tile span{font-size:13px;color:var(--muted)}
.jd-tile.warn{border-color:var(--note);background:var(--note-soft,rgba(255,170,120,.12))}
.jd-h{font-size:17px;margin:24px 0 10px}
.jd-list{display:grid;gap:10px;max-width:920px}
.jd-card{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;border:1.5px solid var(--line);border-radius:14px;background:var(--screen);padding:14px 18px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.jd-card:hover{border-color:var(--accent);box-shadow:0 8px 24px -16px rgba(20,30,60,.5)}
.jd-card.planovano,.jd-card.dnes{border-left:5px solid var(--accent)}
.jd-card.dnes{border-left-color:var(--note)}
.jd-when{display:flex;flex-direction:column;gap:2px}
.jd-when b{font-size:17px}
.jd-when span{font-size:12.5px;color:var(--muted)}
.jd-top{display:flex;gap:10px;align-items:center;font-size:12.5px}
.jd-card h2{margin:4px 0 2px;font-size:17px}
.jd-meta{margin:0;font-size:13px;color:var(--muted)}
.jd-arrow{font-size:26px;color:var(--muted);padding:0 4px}
.jd-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--soft);color:var(--muted);white-space:nowrap}
.jd-pill.planovano{background:var(--accent-soft);color:var(--accent)}
.jd-pill.dnes{background:rgba(255,170,120,.2);color:#B3471A}
.jd-pill.probehlo{background:var(--ok-soft,rgba(80,160,60,.15));color:var(--ok,#2F6B00)}
.jd-pill.hotovo{background:var(--ok-soft,rgba(80,160,60,.15));color:var(--ok,#2F6B00)}
.jd-pill.otevreny{background:rgba(255,170,120,.2);color:#B3471A}
.jd-pill.big{font-size:13px;padding:5px 14px}
.jd-tab{border-collapse:collapse;width:100%;max-width:1000px;font-size:13.5px;background:var(--screen);border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.jd-tab th{text-align:left;font-weight:600;color:var(--muted);padding:8px 12px;border-bottom:1.5px solid var(--line);font-size:12.5px}
.jd-tab td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.jd-tab tr:last-child td{border-bottom:0}
.jd-uid{font:600 12.5px var(--mono);color:var(--muted);white-space:nowrap}
.jd-u.done .jd-ut{text-decoration:line-through;color:var(--muted)}
.jd-vazba{display:inline-flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}
.jd-vazba a{font-size:12px;font-weight:700;text-decoration:none;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:8px}
.jd-src{display:block;margin-top:3px;font-size:12px;color:var(--muted);text-decoration:none}
.jd-src:hover{text-decoration:underline}
.jd-rlist{display:grid;gap:10px;max-width:920px}
.jd-r{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1.5px solid var(--line);border-radius:12px;background:var(--screen);padding:12px 16px}
.jd-r p{margin:0 0 4px;line-height:1.5}
.jd-rid{font:600 12.5px var(--mono);color:var(--ink);background:var(--soft);padding:2px 8px;border-radius:10px;margin-top:2px}
.jd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jd-sec{border:1.5px solid var(--line);border-radius:14px;background:var(--screen);padding:16px 20px 18px}
.jd-sec.wide{grid-column:1/-1}
.jd-sec h2{margin:0 0 10px;font-size:17px}
.jd-sec h2 small{font-weight:400;color:var(--muted);font-size:13px;margin-left:8px}
.jd-sec .jd-tab{border:0;border-radius:0}
.jd-agenda{margin:0;padding-left:22px;line-height:1.55}
.jd-agenda>li{margin:0 0 8px}
.jd-agenda ul{margin:4px 0 0;padding-left:18px;color:var(--muted)}
.jd-agenda a{color:var(--accent);font-weight:600}
.jd-sec p{margin:0 0 8px;line-height:1.55;max-width:72ch}
.jd .empty-state{margin:0}
@media (max-width:860px){.jd-tiles{grid-template-columns:1fr 1fr}.jd-grid{grid-template-columns:1fr}.jd-card{grid-template-columns:1fr auto}.jd-when{flex-direction:row;gap:8px;align-items:baseline}}