/* Volba 1 – doplňky k smer_bplus.css (B+ 1:1). Tmavé tokeny B+ jsou v _spolecne.css (z varianty D4). */
:root{--btn:#94592a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--btn:#94592a}
 :root:not([data-theme="light"]) .top{background:rgba(15,25,34,.92)}
 :root:not([data-theme="light"]) .tabs,:root:not([data-theme="light"]) .bar{background:rgba(15,25,34,.95)}
 :root:not([data-theme="light"]) .shot-frame,:root:not([data-theme="light"]) .zoom{background:#1c2c39}
 :root:not([data-theme="light"]) .shot-btn,:root:not([data-theme="light"]) .zoom-sc{background:#fff}
 :root:not([data-theme="light"]) .brand img,:root:not([data-theme="light"]) .cmp .ao img{filter:brightness(0) invert(1)}
 :root:not([data-theme="light"]) .h1b{color:var(--ink)}}
:root[data-theme="dark"] .top{background:rgba(15,25,34,.92)}
:root[data-theme="dark"] .tabs,:root[data-theme="dark"] .bar{background:rgba(15,25,34,.95)}
:root[data-theme="dark"] .shot-frame,:root[data-theme="dark"] .zoom{background:#1c2c39}
:root[data-theme="dark"] .shot-btn,:root[data-theme="dark"] .zoom-sc{background:#fff}
:root[data-theme="dark"] .brand img{filter:brightness(0) invert(1)}
body{background:var(--cream)}
/* T13: měď jen na „klid“, zbytek nadpisu tmavý */
.h1b{color:var(--navy-9)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .h1a,:root:not([data-theme="light"]) .h1b{color:var(--ink)}}
:root[data-theme="dark"] .h1a,:root[data-theme="dark"] .h1b{color:var(--ink)}
.h1a .klid{font-style:normal;color:var(--copper-7)}
/* vzduch mezi úvodem a nástěnkou (Tereza) */
.stage-wrap{margin-top:112px}
.stage-wrap::before{top:30%}
@media (max-width:640px){.stage-wrap{margin-top:60px}.stage-wrap::before{top:64px}.chips{grid-template-columns:1fr}}
/* přepínač vzhledu */
.theme-btn{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line-2);background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;font-size:16px}
.theme-btn .ic{display:none}
:root:not([data-theme]) .theme-btn .t-auto,:root[data-theme="light"] .theme-btn .t-light,:root[data-theme="dark"] .theme-btn .t-dark{display:inline-block}
.menu-tel{text-align:center;font-weight:800}
.seg{border:0;margin:12px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.seg legend{font-size:14px;font-weight:800;color:var(--muted);margin-bottom:6px}
.seg label{flex:1;position:relative}
.seg input{position:absolute;opacity:0;inset:0}
.seg span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1.5px solid var(--line-2);border-radius:10px;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer}
.seg input:checked+span{background:var(--copper-1);border-color:var(--copper);color:var(--copper-7)}
/* funkce na mobilu a tabletu pod sebou – lišta kapitol jen na počítači (P0-4, P1-20) */

/* kalkulace: dvojice snímků */
.feat-grid--kalk{align-items:start}
.kalk-wrap{margin-top:44px}
.kalk-pair{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:28px;align-items:start}
.kalk-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px 2px}
.kalk-l-vy{color:var(--copper-7)}
.tag-hide{text-transform:none;letter-spacing:0;font-size:15px;color:var(--copper-7);background:var(--copper-1);border:1px solid var(--copper-3);border-radius:999px;padding:3px 10px}
@media (max-width:1023px){.kalk-pair{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.kalk-wrap{margin-top:24px}.kalk-pair{gap:20px}}
.ask-tel{margin:0}
.faq-tel{margin-top:14px;font-weight:700;color:var(--text)}
.faq-tel a{color:var(--navy);font-weight:800}
.year-tag{background:rgba(211,154,99,.18)!important;color:#f7d9b8!important;border:1px solid rgba(211,154,99,.35)}
.obory-more .ob-t p{font-size:15px;line-height:1.4;margin-top:4px;color:#e8edf0}
.hot-dot{background:var(--btn)}
.start-cta .btn-ghost{margin-top:6px}
.d4-fa{font-size:12px;color:var(--copper-3)}
/* ===== kolo 1 poroty ===== */
/* mobil: vzduch (P0-2) a škrty jen zdvojení */
@media (max-width:640px){
  .feat,.sec{padding:48px 0}
  body{font-size:17px;line-height:1.6}
  .hero{padding-top:26px}
  .ticks{gap:12px;margin-top:16px}
  .ask{display:none}
  .kalk-pair>div:first-child{display:none}
  /* obory bez karuselu (P1-17), další obory bez miniatur */
  .obory,.obory-more{display:grid!important;grid-template-columns:minmax(0,1fr);overflow:visible!important;margin-left:0!important;margin-right:0!important;padding:0!important;scroll-snap-type:none;grid-template-columns:minmax(0,1fr)!important}
  .obory-more>li:last-child{grid-column:auto!important}
  .obory>li,.obory-more>li{width:auto!important;flex:none!important}
  .obory-more .ob-s{aspect-ratio:auto;min-height:0;background:var(--navy)}
  .obory-more .ob-s img{display:none}
  .obory-more .ob-s::after{display:none}
  .obory-more .ob-s .ob-t{position:static;padding:16px 18px}
}
/* malé dlaždice oborů s větou T3 – výška podle obsahu */
@media (min-width:641px){.obory-more .ob-s{aspect-ratio:auto;min-height:280px}}
/* zvětšení kalkulace na mobilu celé (P1-4) */
@media (max-width:760px){.zoom-sc img{max-width:100%}}
/* osa: všech 6 kroužků stejných obrysových (kolo 2) */
.tl li:last-child::before{background:var(--paper)!important;border-color:var(--copper)!important;color:var(--copper-7)!important}
/* kontrast AA v obou režimech */
.btn-primary{background:#94592a}
.btn-primary:hover{background:#7d4a22}
.chips .ic,.kicker span .ic{background:#94592a}
.top-tel .ic{color:var(--copper-7)}
.kicker .ic,.tabs .ic{color:var(--copper-7)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.foot,.final,.stage-wrap,.price-card,.ob,.ob-more,.skip,.cmp,.d4){--navy:#1d3d52;--navy-9:#11283a;--navy-8:#173246}
 :root:not([data-theme="light"]) .skip{background:#1d3d52}}
:root[data-theme="dark"] :is(.foot,.final,.stage-wrap,.price-card,.ob,.ob-more,.skip,.cmp,.d4){--navy:#1d3d52;--navy-9:#11283a;--navy-8:#173246}
:root[data-theme="dark"] .skip{background:#1d3d52}
.cmp .yes{background:#94592a}
.shot-hero .cap-small{color:#c9d5dd}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .more-btn{color:var(--copper-7)}
 :root:not([data-theme="light"]) .foot-firm{color:#b3c2cd}
 :root:not([data-theme="light"]) .d4-fa,:root:not([data-theme="light"]) .ob-go .ic{color:#e4ad78}
 :root:not([data-theme="light"]) .cmp thead .ao{color:#fff}}
:root[data-theme="dark"] .more-btn{color:var(--copper-7)}
:root[data-theme="dark"] .foot-firm{color:#b3c2cd}
:root[data-theme="dark"] .d4-fa,:root[data-theme="dark"] .ob-go .ic{color:#e4ad78}
:root[data-theme="dark"] .cmp thead .ao{color:#fff}

/* MĚŘÍTKO podle dev webu (4. 10.): obsah 1180 px, nadpisy jako dev, text čitelný */
:root{--maxw:1120px}
@media (min-width:1024px){
.hero h1{font-size:clamp(36px,3.4vw,50px);line-height:1.08;max-width:17em}
.feat h2,.sec-h{font-size:clamp(28px,2.3vw,34px);line-height:1.15}
.price-card h2{font-size:clamp(26px,2.1vw,30px)}
.final h2{font-size:clamp(30px,2.8vw,40px)}
.lead,.hero p{font-size:19px}
}

/* Kalkulace: jeden rámeček s přepínačem Vy / zákazník (4. 10.) */
.kalk-box{background:var(--navy-9,#11283a);border-radius:22px;padding:16px 16px 18px;box-shadow:var(--sh-2)}
.kalk-seg{display:flex;gap:6px;background:rgba(255,255,255,.08);border-radius:12px;padding:4px;margin-bottom:14px}
.kalk-seg button{flex:1;min-height:42px;border:0;border-radius:9px;background:transparent;color:#d8e2ea;font:inherit;font-weight:800;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.kalk-seg button[aria-selected="true"]{background:#fff;color:var(--navy-9,#11283a)}
.kalk-seg .ic{font-size:13px}
.kalk-box .shot{margin:0}.kalk-box figcaption{color:#c9d5de;margin-top:10px;font-size:14px}
.kalk-box .kalk-p[data-k="zak"] .shot-frame{max-width:440px;margin:0 auto}
.kalk-p[hidden]{display:none}
.kalk-box figcaption,.kalk-box .cap-main{color:#d3dde5!important}
.kalk-box .kalk-p[data-k="vy"] .shot-frame{background:#1d3d52;border-color:rgba(255,255,255,.12)}

/* BARVY POZADÍ podle C+ (4. 10., Tereza: „větší intenzita, víc barev“) – jen světlý režim */
:root:not([data-theme="dark"]) #kalkulace,:root:not([data-theme="dark"]) #penize,:root:not([data-theme="dark"]) #konec-mesice,
:root:not([data-theme="dark"]) #srovnani,:root:not([data-theme="dark"]) #cenik{background:#f4ece0}
:root:not([data-theme="dark"]) #zisk,:root:not([data-theme="dark"]) #zakazka,:root:not([data-theme="dark"]) #a-k-tomu,
:root:not([data-theme="dark"]) #obory,:root:not([data-theme="dark"]) #faq{background:#fbf7f1}
/* Tým a stavy: celá sekce tmavě modrá jako v C+ */
#tym{background:#1d3d52!important;color:#e8eef2}
#tym h2,#tym .feat-text h2,#tym strong{color:#fff}
#tym .body,#tym p,#tym li,#tym figcaption,#tym .cap-main{color:#d3dde5}
#tym .kicker{color:#e9bf94}#tym .kicker span{background:rgba(255,255,255,.12);color:#fff}
#tym .ticks li::before{background:rgba(255,255,255,.12);color:#e9bf94}
#tym .shot-frame{border-color:rgba(255,255,255,.15)}
.feat+.feat{border-top:0}
/* Časová osa: klik na krok ukáže snímek z aplikace (4. 10.) */
#a-k-tomu .tl li{cursor:pointer;border-radius:12px;transition:opacity .2s}
#a-k-tomu .tl li:not(.on){opacity:.72}
#a-k-tomu .tl li:hover{opacity:1}
#a-k-tomu .tl li.on::before{background:var(--copper)!important;color:#fff!important;border-color:var(--copper)!important}
#a-k-tomu .tl li.on h3{color:var(--copper-7)}
#a-k-tomu .tl li:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.osa-shot{margin:40px 0 0}
.osa-frame{background:#1d3d52;border-radius:22px;padding:16px;box-shadow:var(--sh-2)}
.osa-frame img{display:block;width:100%;height:auto;border-radius:12px;background:#fff}
.osa-frame img[hidden]{display:none}
.osa-cap{margin-top:12px;font-size:15px;color:var(--muted);font-weight:600}
@media (max-width:640px){.osa-shot{margin-top:20px}.osa-frame{padding:8px;border-radius:14px}}
/* osa se snímky: spojovací čárky k bloku níž už nedávají smysl */
#a-k-tomu .tl li:last-child::after,.d4-l1,.d4-l2{display:none!important}
/* „A dalších 24 krátce“: méně textu – jen názvy, popis po najetí/kliknutí (4. 10.) */
.d4-groups li{position:relative}
.d4-groups li p{display:none}
.d4-groups li h4{cursor:default}
@media (hover:hover){
.d4-groups li:hover p{display:block;position:absolute;left:34px;top:100%;z-index:5;width:min(320px,90%);background:#fff;color:#1b2833;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.35)}
}
.d4-groups li{padding-top:6px!important;padding-bottom:6px!important}
/* ÚVOD (4. 10.): plná nástěnka hned pod úvodem, prostorově natočená, při scrollu se narovná; místo bodů 1–3 „Co v AutoOffice máte“ */
.stage-wrap{margin-top:40px!important}
.shot-hero{perspective:1600px}
.shot-hero .shot-frame{transform:rotateX(var(--tilt,10deg)) scale(var(--sc,.94));transform-origin:50% 0;transition:transform .15s linear;will-change:transform}
@media (prefers-reduced-motion:reduce){.shot-hero .shot-frame{transform:none}}
.legend{display:none}
.umi-row{margin:28px auto 0;text-align:center}
.umi-row-h{font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#e9bf94;margin-bottom:14px}
.umi-row ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
.umi-row a{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:16px 10px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:700;font-size:15px;line-height:1.3;transition:background .2s,transform .2s}
.umi-row a:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.umi-row .ic{font-size:18px;color:#e9bf94}
@media (max-width:1023px){.umi-row ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.umi-row ul{grid-template-columns:repeat(2,minmax(0,1fr))}.umi-row a{font-size:14px;padding:12px 8px}}
.shot-hero .zoom-hint{left:auto!important;top:auto!important;right:16px!important;bottom:16px!important;transform:none!important}
/* FUNKCE JAKO PROHLÍDKA (4. 10.): pevná scéna, při scrollu se mění funkce (jen větší obrazovky) */
.is-story .story-stage{position:sticky;overflow:hidden}
.is-story .story-stage>.feat{position:absolute;inset:0;margin:0;padding:0!important;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translateY(28px);transition:opacity .5s ease,transform .5s ease,visibility 0s .5s;border:0!important}
.is-story .story-stage>.feat.cur{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .5s ease,visibility 0s}
.is-story .story-stage>.feat>.wrap{width:100%}
.is-story .feat .ask{display:none}
.is-story .feat-wide>.wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.is-story .feat-wide .wide-head{display:block}
.is-story .feat-wide .wide-head>div+div{margin-top:16px}
.is-story .feat h2{font-size:clamp(26px,2.4vw,34px)!important}
.is-story .feat .body{font-size:16.5px;margin-top:12px}
.is-story .feat .ticks li{font-size:16px}
.is-story .feat .shot-frame img,.is-story .feat .kalk-box img{max-height:calc(var(--stage-h) - 150px);width:auto;max-width:100%;margin:0 auto;object-fit:contain}
.is-story .feat figure{margin:0}
.story-dots{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:3}
.story-dots i{width:8px;height:8px;border-radius:50%;background:rgba(17,40,58,.25);transition:all .3s}
.story-dots i.cur{background:var(--copper);height:22px;border-radius:6px}
/* oranžová = důležité (4. 10.): klíčová část nadpisu měděná, štítek kapitoly tmavý */
.feat h2 .hl{font-style:normal;color:var(--copper-7)}
#tym h2 .hl{color:#e9bf94}
.feat .kicker{color:var(--navy-9,#11283a)}
.feat .kicker span{background:var(--navy-9,#11283a);color:#fff}
#tym .kicker{color:#fff}#tym .kicker span{background:var(--copper);color:#fff}
/* prohlídka na šířce 900–1023: dva sloupce a lišta funkcí viditelná */
@media (min-width:900px){
.is-story .tabs{display:block!important}
.is-story .feat-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:40px!important}
.is-story .feat-rev .feat-grid>figure{order:-1}
.is-story .feat .shot-frame img{width:100%}
}
@media (min-width:900px){.is-story .feat-wide figure,.is-story .feat-wide .shot-frame,.is-story .feat-wide .shot-btn{width:100%;max-width:none}.is-story .feat-wide>.wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
/* úvod: informativní body jako na devu (4. 10.) */
.hero-pts{list-style:none;padding:0;margin:4px auto 26px;display:inline-grid;gap:10px;text-align:left}
.hero-pts li{display:flex;gap:12px;align-items:flex-start;font-size:18px;line-height:1.45;color:var(--text)}
.hero-pts b{color:var(--ink,#1b2833);font-weight:800}
.hero-pts .ic{flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--copper-1,#f3e3d1);color:var(--copper-7);font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.hero .lead{margin-bottom:18px}
@media (max-width:640px){.hero-pts li{font-size:16px}}
.hero-pts{display:grid;width:max-content;max-width:100%}.hero .cta-row{margin-top:8px}
/* Další obory jako v C+: jen název, víc místa – 4 sloupce ve dvou řadách (4. 10.) */
@media (min-width:641px){
.obory-more{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.obory-more>li:last-child{grid-column:span 1!important}
.obory-more .ob-s{min-height:200px!important;aspect-ratio:auto!important}
}
.obory-more>li:not(:last-child) .ob-t p{display:none}
.obory-more .ob-t h3{font-size:17px;line-height:1.25}
.obory-more>li:last-child .ob-t p{font-size:14.5px}
.is-story .story-stage>.feat{align-items:flex-start;padding-top:clamp(24px,5vh,56px)!important}
/* Časová osa jako prohlídka scrollem (4. 10.): kroky svisle vlevo, snímek vpravo */
.osa-story #a-k-tomu{padding:0!important}
.osa-story .osa-pin{position:sticky;overflow:hidden;display:flex;align-items:flex-start;padding-top:clamp(20px,4vh,44px)}
.osa-story .osa-pin>.wrap{width:100%;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:40px;align-items:start}
.osa-story .osa-head{grid-column:1 / -1;margin-bottom:0}
.osa-story #a-k-tomu .tl{display:flex!important;flex-direction:column;gap:6px;margin:0!important}
.osa-story #a-k-tomu .tl::before,.osa-story #a-k-tomu .tl::after{display:none!important}
.osa-story #a-k-tomu .tl li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:10px 12px;opacity:.55}
.osa-story #a-k-tomu .tl li::before{width:36px!important;height:36px!important;font-size:15px!important;margin:0!important;grid-row:1 / span 2}
.osa-story #a-k-tomu .tl li h3{font-size:17px;margin:6px 0 0}
.osa-story #a-k-tomu .tl li p{display:none;font-size:15px;margin-top:4px}
.osa-story #a-k-tomu .tl li.on{opacity:1;background:#fff;box-shadow:var(--sh-1)}
.osa-story #a-k-tomu .tl li.on p{display:block}
.osa-story .osa-shot{margin:0}
.osa-story .osa-frame img{max-height:calc(var(--osa-h) - 190px);width:auto;max-width:100%;margin:0 auto;object-fit:contain}
@media (min-width:641px){.obory-more>li:last-child{grid-column:span 2!important}}
/* ÚVOD ve dvou sloupcích (4. 10.): text vlevo, nástěnka vpravo */
@media (min-width:900px){
.hero-2col{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;text-align:left!important;max-width:calc(var(--maxw) + 2*var(--gut))!important}
.hero-2col .hero-txt{text-align:left}
.hero-2col .eyebrow{margin-left:0}
.hero-2col h1{font-size:clamp(34px,3.3vw,46px)!important;max-width:none;margin-left:0}
.hero-2col .lead{margin-left:0;margin-right:0}
.hero-2col .hero-pts{margin-left:0}
.hero-2col .cta-row{justify-content:flex-start}
.hero-2col .cta-item{align-items:flex-start}
.hero-2col .phone{text-align:left}
.hero-2col .chips{justify-content:flex-start;display:grid!important;grid-template-columns:1fr 1fr;gap:8px 18px}
.hero-2col .chips li{font-size:14.5px}
.hero-pic{perspective:1400px}
.hero-pic .shot-frame{transform:rotateY(-8deg) rotateX(2deg);transform-origin:0 50%;box-shadow:0 40px 80px -30px rgba(17,40,58,.45)}
.hero-pic figcaption{display:none}
}
.stage-wrap{margin-top:28px!important}
.stage-wrap .stage{display:none}
/* úvod 2 sloupce – doladění */
@media (min-width:900px){
.hero-2col .cta-row{display:flex;flex-wrap:nowrap;gap:12px}
.hero-2col .btn-lg{padding-left:22px;padding-right:22px;font-size:16px}
.hero-pic .zoom-hint{font-size:13px!important;padding:6px 12px!important;right:10px!important;bottom:10px!important}
}
.hero-pic{min-width:0;max-width:100%}
@media (max-width:899px){.hero-pic{margin-top:28px}}
/* osa: čísla zůstanou vodorovně, řídí se scrollem (4. 10.) */
.osa-story .osa-pin>.wrap{display:block}
.osa-story #a-k-tomu .tl{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));flex-direction:initial;gap:0 14px;margin:18px 0 0!important}
.osa-story #a-k-tomu .tl li{display:block;padding:8px 6px;opacity:.5;background:none!important;box-shadow:none!important}
.osa-story #a-k-tomu .tl li::before{margin:0 0 8px!important}
.osa-story #a-k-tomu .tl li h3{margin:0;font-size:16px}
.osa-story #a-k-tomu .tl li p{display:none!important}
.osa-story .osa-shot{margin-top:14px}
.osa-story .osa-frame img{max-height:calc(var(--osa-h) - 260px)}
@media (max-width:899px){.hero-2col{display:block!important}.hero-txt{min-width:0;max-width:100%}.hero-pts{width:auto!important}}
.osa-story .osa-frame{display:flex;justify-content:center}.osa-story .osa-frame img{max-height:calc(var(--osa-h) - 300px)!important;width:auto!important}
/* osa: táhlo, které vybízí k potažení (4. 10.) */
#a-k-tomu .wrap{position:relative}
.tl-track{position:relative;height:6px;border-radius:6px;background:var(--copper-1,#f3e3d1);margin:26px 0 -6px;cursor:grab;touch-action:none}
.tl-fill{position:absolute;left:0;top:0;bottom:0;width:18px;border-radius:6px;background:var(--copper);transition:width .35s ease}
.tl-knob{position:absolute;top:50%;left:18px;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;border:2px solid var(--copper);color:var(--copper-7);display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 4px 14px rgba(17,40,58,.2);cursor:grab;transition:left .35s ease;animation:tlnudge 1.6s ease-in-out infinite}
.dragging .tl-knob,.tl-track:active .tl-knob{cursor:grabbing;animation:none}
@keyframes tlnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
.tl-hint{margin:16px 0 0;font-size:14px;font-weight:700;color:var(--copper-7);display:flex;align-items:center;gap:8px;transition:opacity .4s}
.tl-hint.used{opacity:0}
#a-k-tomu .tl{margin-top:14px!important}
#a-k-tomu .tl li::after{display:none!important}
#a-k-tomu .tl::before{display:none!important}
@media (prefers-reduced-motion:reduce){.tl-knob{animation:none}}
@media (max-width:640px){.tl-track,.tl-hint{display:none}}
/* Tým/E-mail v prohlídce: snímek větší */
@media (min-width:900px){.is-story .feat-wide figure.shot{width:100%}.is-story .feat-wide .shot-frame img{width:100%!important;max-width:none}}
/* KONZISTENTNÍ NADPISY PODLE DEVU (4. 10.): malý měděný štítek velkými písmeny, nadpis s měděnou druhou půlkou, na střed, víc vzduchu */
.ey{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-7);margin:0 0 12px}
.ey-d{color:#e9bf94}
.sec-h .hl,#dalsi-h .hl,.final h2 .hl{font-style:normal;color:var(--copper-7)}
#dalsi-h .hl,.final h2 .hl{color:#e9bf94}
.sec{padding:clamp(64px,8vw,104px) 0}
#srovnani .wrap>.ey,#srovnani .sec-h,#obory .sec-head,#a-k-tomu .osa-head{text-align:center;margin-left:auto;margin-right:auto}
#obory .sec-head{display:block}
#obory .sec-sub{margin-top:10px}
#srovnani .sec-h,#obory .sec-h,#a-k-tomu .sec-h{max-width:22em}
.d4-head{text-align:center}.d4-head .d4-sub{margin-left:auto;margin-right:auto;max-width:36em}
#a-k-tomu .kicker-plain{display:none}
/* méně textu v prohlídce funkcí: nadpis + body, odstavec jen na mobilu */
@media (min-width:900px){.is-story .feat .body{display:none}.is-story .feat .ticks{margin-top:18px}}
/* méně textu v závěru */
.final-body{max-width:34em}
/* osa jen klikací: snímek se vždy vejde na obrazovku */
#a-k-tomu .osa-frame{display:flex;justify-content:center}
#a-k-tomu .osa-frame img{max-height:62vh;width:auto!important;max-width:100%}
#a-k-tomu .tl li p{display:none}
#a-k-tomu .tl li h3{font-size:16px}
@media (min-width:641px){#a-k-tomu .tl{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0 12px!important}
#a-k-tomu .tl li{padding:0!important;min-height:0!important}
#a-k-tomu .tl li::before{position:relative!important;left:auto!important;top:auto!important;margin:0 0 10px!important}}
#a-k-tomu .osa-head .sec-h{margin-left:auto;margin-right:auto}
/* Otto v závěru větší, jako v C+ (4. 10.) */
@media (min-width:641px){.final-has-otto .final-otto img{height:clamp(300px,34vw,440px)!important}}
@media (max-width:640px){.final-has-otto .final-otto img{height:130px!important}}
/* rámeček snímku osy se přizpůsobí snímku */
#a-k-tomu .osa-frame{width:fit-content;max-width:100%;margin:0 auto}
@media (min-width:900px){.final-has-otto .final-in{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:40px;align-items:center}.final-has-otto .final-otto img{height:clamp(280px,30vw,400px)!important}}
/* plynulé prolínání funkcí podle scrollu – bez skoků */
.is-story .story-stage>.feat{transition:none!important}
.is-story .story-stage>.feat{align-items:center;padding-top:0!important}
/* JEDNOTNÉ RÁMEČKY v prohlídce (4. 10.): všechny snímky ve stejně velkém tmavém rámečku */
@media (min-width:900px){
.is-story .feat-grid,.is-story .feat-wide>.wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:44px!important;align-items:center!important}
.is-story .feat figure.shot,.is-story .kalk-box{width:100%;margin:0}
.is-story .feat figure.shot .shot-frame,.is-story .kalk-box{height:min(calc(var(--stage-h) - 120px),440px);background:#1d3d52!important;border-radius:22px!important;padding:16px!important;box-shadow:var(--sh-2);display:flex;flex-direction:column;justify-content:center;border:0!important}
.is-story .feat figure.shot .shot-btn{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:transparent!important;padding:0}
.is-story .feat figure.shot .shot-frame img,.is-story .feat figure.shot picture{max-height:100%!important;max-width:100%!important;width:auto!important;height:auto;object-fit:contain;border-radius:10px;background:#fff}
.is-story .feat figure.shot picture{display:flex;align-items:center;justify-content:center;height:100%}
.is-story .kalk-box .kalk-p{flex:1;min-height:0;display:flex}
.is-story .kalk-box .kalk-p[hidden]{display:none}
.is-story .kalk-box figure.shot .shot-frame{height:auto;padding:0!important;box-shadow:none}
.is-story .kalk-box figure{display:flex;flex-direction:column;min-height:0;flex:1}
.is-story .kalk-box img{max-height:calc(min(calc(var(--stage-h) - 120px),440px) - 110px)!important}
.is-story .feat figcaption{margin-top:10px;font-size:14px}
.is-story .feat-wide .wide-head{max-width:none}
}
@media (min-width:900px){
.is-story .feat-rev .feat-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}
.is-story .feat figure.shot .shot-btn,.is-story .feat figure.shot picture{background:transparent!important}
.is-story .feat figure.shot .shot-frame img{background:transparent!important;height:auto!important}
}
@media (min-width:900px){
#tym.feat figure.shot .shot-frame{background:#2a5068!important}
.is-story .kalk-box{height:min(calc(var(--stage-h) - 120px),440px)!important}
.is-story .feat figure.shot,.is-story .kalk-box{align-self:center}
}
/* Srovnání podle C+ (4. 10.): logo ve sloupci, hodnoty vlevo, „ručně“ kurzívou, kulatá fajfka */
.cmp th,.cmp td{text-align:left!important}
.cmp-logo{height:22px;width:auto;display:block}
:root[data-theme="dark"] .cmp-logo{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cmp-logo{filter:brightness(0) invert(1)}}
.cmp td.m{font-style:italic;color:var(--muted)}
.cmp .yes{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--copper);color:#fff;align-items:center;justify-content:center;font-size:14px;font-weight:900}
.cmp thead th.ao .cmp-logo{filter:brightness(0) invert(1)!important}
/* osa: jen klik + šipky (4. 10.) */
.osa-nav{display:flex;align-items:center;gap:14px;justify-content:center}
.osa-nav .osa-frame{flex:0 1 auto;min-width:0}
.osa-prev,.osa-next{flex:none;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--copper);background:#fff;color:var(--copper-7);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;box-shadow:var(--sh-1);transition:background .2s,color .2s}
.osa-prev:hover,.osa-next:hover{background:var(--copper);color:#fff}
.osa-prev:focus-visible,.osa-next:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
@media (max-width:640px){.osa-prev,.osa-next{width:38px;height:38px;font-size:13px}.osa-nav{gap:6px}}
/* AUDIT 4. 10. */
/* menu: na šířce 900–1100 burger (dřív menu zmizelo bez náhrady) */
@media (max-width:1100px){.burger{display:inline-flex!important}}
/* popisy funkcí v „A dalších“: klepnutím/Enterem */
.d4-groups li{cursor:pointer}
.d4-groups li.open p{display:block!important;position:static!important;box-shadow:none!important;background:transparent!important;color:inherit!important;padding:4px 0 0!important;width:auto!important;opacity:.85;font-size:14px}
/* FUNKCE – NORMÁLNÍ SCROLL, JEDNOTNÝ VZHLED (4. 10.): text vlevo, snímek ve stejném tmavém rámečku vpravo */
@media (min-width:900px){
.features>section.feat{padding:clamp(64px,8vw,96px) 0!important}
.features .feat-grid,.features .feat-wide>.wrap{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:48px!important;align-items:center!important}
.features .feat-rev .feat-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}
.features .feat-wide .wide-head{display:block;margin:0}
.features .feat-wide .wide-head>div+div{margin-top:16px}
.features .feat h2{font-size:clamp(26px,2.4vw,34px)!important}
.features .feat figure.shot,.features .kalk-box{width:100%;margin:0;align-self:center}
.features .feat figure.shot .shot-frame,.features .kalk-box{height:420px;background:#1d3d52!important;border-radius:22px!important;padding:16px!important;box-shadow:var(--sh-2);display:flex;flex-direction:column;justify-content:center;border:0!important}
#tym.feat figure.shot .shot-frame{background:#2a5068!important}
.features .feat figure.shot .shot-btn{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:transparent!important;padding:0}
.features .feat figure.shot picture{display:flex;align-items:center;justify-content:center;height:100%;background:transparent!important}
.features .feat figure.shot .shot-frame img{max-height:100%!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain;border-radius:10px}
.features .kalk-box .kalk-p{flex:1;min-height:0;display:flex}
.features .kalk-box .kalk-p[hidden]{display:none}
.features .kalk-box figure.shot .shot-frame{height:auto;padding:0!important;box-shadow:none;background:transparent!important}
.features .kalk-box figure{display:flex;flex-direction:column;min-height:0;flex:1}
.features .kalk-box img{max-height:300px!important}
.features .feat figcaption{margin-top:10px;font-size:14px}
.features .feat .ask{display:none}
}
@media (min-width:900px){.features .kalk-box{height:auto!important;min-height:420px;justify-content:flex-start}.features .kalk-box .kalk-p{flex:none}.features .kalk-box img{max-height:290px!important}}

/* ===== PC SJEDNOCENÍ (4. 10. večer) ===== */
/* 1) úvod: jistoty pod sebou, stejně zarovnané */
@media (min-width:900px){.hero-2col .chips{display:flex!important;flex-direction:column;gap:8px;align-items:flex-start}.hero-2col .chips li{white-space:nowrap}}
/* 2) pruh důvěry pod úvodem bez tmavého polopásu */
.stage-wrap::before{display:none!important}
.stage-wrap{background:transparent!important}
.trust{color:var(--muted)!important;padding:18px 0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust li{color:var(--muted)!important}
/* 3) střídání pozadí: bílá – modrá – béžová – modrá … */
:root{--sec-white:#ffffff;--sec-beige:#f4ece0;--sec-navy:#1d3d52}
:root:not([data-theme="dark"]) #kalkulace,:root:not([data-theme="dark"]) #zakazka,:root:not([data-theme="dark"]) #srovnani,:root:not([data-theme="dark"]) #cenik{background:var(--sec-white)!important}
:root:not([data-theme="dark"]) #penize,:root:not([data-theme="dark"]) #a-k-tomu,:root:not([data-theme="dark"]) #obory,:root:not([data-theme="dark"]) #faq{background:var(--sec-beige)!important}
#zisk,#tym,#konec-mesice{background:var(--sec-navy)!important;color:#e8eef2}
#zisk h2,#konec-mesice h2,#zisk strong,#konec-mesice strong{color:#fff}
#zisk .body,#zisk li,#zisk figcaption,#zisk .cap-main,#konec-mesice .body,#konec-mesice li,#konec-mesice figcaption,#konec-mesice .cap-main,#konec-mesice p{color:#d3dde5}
#zisk h2 .hl,#konec-mesice h2 .hl{color:#e9bf94}
#zisk .kicker,#konec-mesice .kicker{color:#fff}#zisk .kicker span,#konec-mesice .kicker span{background:var(--copper);color:#fff}
#zisk .ticks li::before,#konec-mesice .ticks li::before{background:rgba(255,255,255,.12);color:#e9bf94}
#konec-mesice a{color:#e9bf94}
/* tmavé sekce: rámeček o odstín světlejší, ať je vidět */
#zisk figure.shot .shot-frame,#tym figure.shot .shot-frame,#konec-mesice figure.shot .shot-frame{background:#2a5068!important}
/* 4) rámečky snímků: všechny přesně stejně vysoké, bez vnořeného druhého rámečku */
@media (min-width:900px){
.features .feat figure.shot .shot-frame,.features .kalk-box{height:440px!important;min-height:0!important}
.features .shot-panel .shot-frame>*{background:transparent}
.features .feat figure.shot .shot-frame img{box-shadow:0 10px 30px rgba(0,0,0,.25)}
.features .kalk-box{justify-content:flex-start!important}
.features .kalk-box .kalk-p{flex:1!important;min-height:0;align-items:center;justify-content:center}
.features .kalk-box img{max-height:300px!important;width:auto!important;margin:0 auto}
.features .kalk-box figcaption{display:none}
}
/* 5) A k tomu ještě: štítek a nadpis na střed, bez teček */
.d4-head{display:block!important;text-align:center}
.d4-head .ey{text-align:center}
.d4-link,.d4-dotc{display:none!important}
/* 6) ceník: obě karty stejně vysoké */
.price-grid{align-items:stretch!important}
.price-grid>*{height:auto}
.start-cta,.price-start{height:100%}
.price-grid .start{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.price-grid .start-foot{margin-top:auto}

/* ===== FUNKCE JAKO ZÁLOŽKY (dev styl, 4. 10. večer) ===== */
.features{background:#fff;padding:clamp(64px,8vw,104px) 0 clamp(56px,7vw,88px)}
:root[data-theme="dark"] .features{background:var(--paper)}
.feat-intro{text-align:center;margin-bottom:28px}
.feat-intro .sec-h{margin:0 auto}
.feat-intro .sec-sub{margin:12px auto 0;max-width:36em;color:var(--muted);font-size:17px}
.features .tabs{position:static!important;background:transparent!important;border:0!important;backdrop-filter:none!important;display:block!important}
.features .tabs-in{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 var(--gut)}
.features .tabs a{border:1.5px solid var(--line-2);border-radius:999px;padding:10px 18px;background:#fff;font-weight:800;font-size:15px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,border-color .2s}
.features .tabs a .ic{color:var(--copper)}
.features .tabs a:hover{border-color:var(--copper)}
.features .tabs a.on{background:#1d3d52;border-color:#1d3d52;color:#fff}
.features .tabs a.on .ic{color:#e9bf94}
/* jedna funkce naráz, plynulé prolnutí */
.features.is-tabbed .feat{display:none;background:transparent!important;padding:32px 0 0!important;border:0!important}
.features.is-tabbed .feat.on{display:block;animation:featIn .45s ease}
@keyframes featIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.features.is-tabbed .feat.on{animation:none}}
/* uvnitř záložek všude světlý text na bílém – zrušit tmavé sekce */
.features #zisk,.features #tym,.features #konec-mesice{color:var(--text)!important}
.features :is(#zisk,#tym,#konec-mesice) h2,.features :is(#zisk,#tym,#konec-mesice) strong{color:var(--ink,#1b2833)!important}
.features :is(#zisk,#tym,#konec-mesice) :is(.body,li,p,figcaption,.cap-main){color:var(--text)!important}
.features :is(#zisk,#tym,#konec-mesice) h2 .hl{color:var(--copper-7)!important}
.features :is(#zisk,#tym,#konec-mesice) .kicker{color:var(--ink,#1b2833)!important}
.features :is(#zisk,#tym,#konec-mesice) .kicker span{background:#1d3d52!important}
.features :is(#zisk,#tym,#konec-mesice) .ticks li::before{background:var(--copper-1)!important;color:var(--copper-7)!important}
.features :is(#zisk,#tym,#konec-mesice) a{color:var(--copper-7)!important}
.features .feat figure.shot .shot-frame{background:#1d3d52!important}
.features .feat .kicker{display:none}
/* stejná výška obsahu, ať stránka při přepnutí neskáče */
@media (min-width:900px){.features.is-tabbed .feat.on>.wrap{min-height:460px}}
/* mobil */
@media (max-width:899px){.features .tabs-in{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:4px}.features .tabs-in::-webkit-scrollbar{display:none}.features .tabs a{flex:none}}
/* střídání pozadí dalších částí: úvod krém → funkce bílá → osa béžová → A k tomu modrá → srovnání bílá → obory béžová → ceník bílá → dotazy béžová → závěr modrá */
.features #zisk,.features #tym,.features #konec-mesice,.features #kalkulace,.features #penize,.features #zakazka{background:transparent!important}
.features #zisk figure.shot .shot-frame,.features #tym figure.shot .shot-frame,.features #konec-mesice figure.shot .shot-frame{background:#1d3d52!important}
.features .kalk-box figure.shot .shot-frame{height:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.features .kalk-box .kalk-seg{position:relative;z-index:2;flex:none}
/* záložky: víc vzduchu, méně textu (4. 10.) – jen nadpis + body, odstavec pryč */
@media (min-width:900px){
.features.is-tabbed .feat{padding-top:48px!important}
.features .feat-grid,.features .feat-wide>.wrap{gap:72px!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important}
.features .feat-rev .feat-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important}
.features .feat .body{display:none!important}
.features .feat h2{margin-bottom:28px!important}
.features .feat .ticks{gap:22px!important;margin-top:0!important}
.features .feat .ticks li{font-size:17px;line-height:1.55}
.features .feat figure.shot .shot-frame{padding:28px!important}
}
/* OSA v3 (4. 10.): kroky jako záložky nahoře, vlevo popis kroku + tlačítka, vpravo snímek v pevném rámečku */
#a-k-tomu .tl{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px!important;margin:28px 0 0!important;counter-reset:k}
#a-k-tomu .tl li{display:inline-flex!important;align-items:center;gap:10px;padding:8px 18px 8px 8px!important;border:1.5px solid var(--line-2);border-radius:999px;background:#fff;opacity:1!important;cursor:pointer;min-height:0!important}
#a-k-tomu .tl li::before{width:30px!important;height:30px!important;font-size:14px!important;margin:0!important;position:static!important;border-width:1.5px!important}
#a-k-tomu .tl li h3{font-size:15px!important;margin:0!important;white-space:nowrap;color:var(--ink)}
#a-k-tomu .tl li p{display:none!important}
#a-k-tomu .tl li.on{background:#1d3d52;border-color:#1d3d52}
#a-k-tomu .tl li.on h3{color:#fff!important}
#a-k-tomu .tl li.on::before{background:var(--copper)!important;border-color:var(--copper)!important;color:#fff!important}
#a-k-tomu .tl li:hover{border-color:var(--copper)}
.osa-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center;margin-top:48px}
.osa-n{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-7);margin:0 0 10px}
.osa-h{font-size:clamp(26px,2.4vw,34px);line-height:1.15;margin:0 0 16px;color:var(--ink)}
.osa-p{font-size:18px;line-height:1.6;color:var(--text);margin:0 0 28px}
.osa-btns{display:flex;gap:10px;flex-wrap:wrap}
.osa-b{min-height:46px;padding:0 20px;border-radius:12px;border:1.5px solid var(--line-2);background:#fff;font:inherit;font-weight:800;font-size:15px;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.osa-bn{background:var(--copper);border-color:var(--copper);color:#fff}
.osa-b:disabled{opacity:.4;cursor:default}
.osa-b:not(:disabled):hover{filter:brightness(1.08)}
#a-k-tomu .osa-shot{margin:0!important}
#a-k-tomu .osa-nav{display:block!important}
#a-k-tomu .osa-frame{width:100%!important;height:440px;padding:24px!important;background:#1d3d52;border-radius:22px;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:var(--sh-2)}
#a-k-tomu .osa-frame img{max-height:100%!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
#a-k-tomu .osa-cap{display:none}
@media (max-width:899px){
.osa-body{grid-template-columns:1fr;gap:24px;margin-top:24px}
#a-k-tomu .tl{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:4px}
#a-k-tomu .tl::-webkit-scrollbar{display:none}
#a-k-tomu .tl li{flex:none}
#a-k-tomu .osa-frame{height:auto;padding:10px!important}
}
/* větší náhledy (4. 10.): snímek zabere víc šířky, rámeček vyšší, méně okraje */
@media (min-width:900px){
.osa-body{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)!important;gap:48px!important}
#a-k-tomu .osa-frame{height:540px!important;padding:14px!important}
.features .feat-grid,.features .feat-wide>.wrap{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)!important;gap:56px!important}
.features .feat-rev .feat-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)!important}
.features .feat figure.shot .shot-frame{height:520px!important;padding:14px!important}
.features .kalk-box{height:520px!important}
.features .kalk-box img{max-height:400px!important}
}
/* „A k tomu ještě“ – světlé karty na modrém, barevný pruh, ať funkce vyčnívají (4. 10.) */
#dalsi .d4-k{background:#fbf7f1!important;border:0!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.55);transition:transform .25s,box-shadow .25s}
#dalsi .d4-k:hover{transform:translateY(-4px);box-shadow:0 26px 50px -18px rgba(0,0,0,.6)}
#dalsi .d4-k::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--copper);z-index:2}
#dalsi .d4-k:nth-child(2)::before,#dalsi .d4-k:nth-child(5)::before{background:#3f7a8c}
#dalsi .d4-k:nth-child(3)::before,#dalsi .d4-k:nth-child(6)::before{background:#c79a3b}
#dalsi .d4-mk{background:#f1e7d8!important}
#dalsi .d4-tx h3,#dalsi .d4-tx h4,#dalsi .d4-tx strong{color:#1b2833!important}
#dalsi .d4-tx p{color:#3a4852!important}
#dalsi .d4-chap{color:var(--copper-7)!important}
#dalsi .d4-ic{background:#1d3d52!important;color:#e9bf94!important}
#dalsi .d4-mk>*{box-shadow:0 10px 24px -10px rgba(17,40,58,.35)}
/* „A dalších 24“: každá skupina jako vlastní panel, ať se nesleje (4. 10.) */
#dalsi .d4-cols>div{display:flex;flex-direction:column;gap:16px}
#dalsi .d4-g{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 20px 12px;margin:0!important}
#dalsi .d4-g summary{border-bottom:1px solid rgba(255,255,255,.12)!important;padding-bottom:10px;margin-bottom:6px}
#dalsi .d4-g summary span{color:#e9bf94!important}
#dalsi .d4-g:nth-of-type(odd){background:rgba(233,191,148,.08);border-color:rgba(233,191,148,.22)}
#dalsi .d4-groups li .ico,#dalsi .d4-groups li .d4-fa{color:#e9bf94!important}
#dalsi .d4-rest-h{font-size:24px;margin-bottom:20px}
@media (min-width:900px){#dalsi .d4-cols{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;columns:auto!important}}
@media (min-width:900px){#dalsi .d4-cols{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start}
#dalsi .d4-cols>div{display:contents!important}
#dalsi .d4-g{width:auto!important;min-width:0}}
#dalsi .d4-groups li h4{white-space:normal}
/* ÚVOD PODLE C+ (4. 10.): fotka vpravo, celá nástěnka pod úvodem s váhou */
@media (min-width:900px){
.hero-2col{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:56px!important;align-items:stretch!important}
.hero-2col h1{font-size:clamp(40px,4vw,58px)!important;line-height:1.05}
}
.hero-photo{border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(17,40,58,.5);min-height:320px}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-pic .shot-frame{transform:none!important}
.stage-wrap .stage{display:block!important}
.stage-wrap{margin-top:48px!important}
.stage .shot-hero .shot-frame{border-radius:20px;box-shadow:0 30px 70px -30px rgba(17,40,58,.45);transform:none!important}
.stage .shot-hero figcaption{text-align:center;margin-top:14px}
@media (max-width:899px){.hero-photo{margin-top:24px;aspect-ratio:3/2;min-height:0}}
/* „A dalších 24“: 3 sloupce panelů (oprava) */
#dalsi .d4-groups--cols{columns:auto!important}
/* ZÁVĚR PODLE C+ (4. 10.): světlý, velký Otto vlevo, emoce na konci */
#kontakt.final{background:#f4ece0!important;color:var(--text)}
#kontakt .final-in{display:grid!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;gap:64px!important;align-items:center}
#kontakt .final-otto{order:-1;position:relative!important;display:flex!important;justify-content:center}
#kontakt .final-otto img{height:clamp(300px,30vw,420px)!important;width:auto;filter:drop-shadow(0 30px 24px rgba(17,40,58,.18))}
#kontakt h2{color:var(--ink,#1b2833)!important;font-size:clamp(34px,3.4vw,50px)!important;padding-right:0!important}
#kontakt h2 .hl{color:var(--copper-7)!important}
#kontakt .final-body{color:var(--text)!important;font-size:18px}
#kontakt .final-punch{font-weight:800;font-size:clamp(20px,1.7vw,24px);color:var(--copper-7);margin:18px 0 26px}
#kontakt .cta-note{color:var(--muted)!important}
#kontakt .phone,#kontakt .phone a{color:var(--ink)!important}
@media (max-width:899px){#kontakt .final-in{grid-template-columns:1fr!important;gap:24px!important}#kontakt .final-otto img{height:180px!important}}

/* ===== PŘÍBĚH (4. 10. večer): 8 kapitol jedné zakázky, střídavě vlevo/vpravo, barevná pásma ===== */
.story-intro{text-align:center;padding:clamp(72px,8vw,112px) var(--gut) 24px}
.story-intro .sec-h{margin:0 auto;font-size:clamp(32px,3.2vw,46px)!important}
.story-intro .sec-sub{max-width:38em;margin:14px auto 0;color:var(--muted);font-size:18px}
.story{background:#fff}
.ch{padding:clamp(56px,7vw,96px) 0;position:relative;overflow:hidden}
.ch.tint-a{background:#fff}
.ch.tint-b{background:#f6efe4}
.ch.tint-c{background:#eef3f6}
.ch.tint-navy{background:#1d3d52;color:#e8eef2}
.ch-in{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,5vw,80px);align-items:center}
.ch.rev .ch-in{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.ch.rev .ch-pic{order:-1}
.ch-n{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.ch-n b{font-size:56px;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--copper);letter-spacing:-.02em}
.ch-n span{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-7)}
.ch-h{font-size:clamp(28px,2.6vw,38px);line-height:1.12;margin:0 0 22px;color:var(--ink,#1b2833);letter-spacing:-.02em}
.ch-h .hl{font-style:normal;color:var(--copper-7)}
.ch .pb{font-size:18px;line-height:1.6;color:var(--text);margin:0 0 12px}
.ch .ticks{gap:16px!important;margin:0!important}
.ch .ticks li{font-size:17px}
.ch.tint-navy .ch-h,.ch.tint-navy strong{color:#fff}
.ch.tint-navy .ch-h .hl,.ch.tint-navy .ch-n span{color:#e9bf94}
.ch.tint-navy .ticks li,.ch.tint-navy .pb{color:#d3dde5}
.ch.tint-navy .ticks li::before{background:rgba(255,255,255,.12);color:#e9bf94}
/* snímky: velké, světlý rámeček se stínem, lehce natočené k textu */
.ch-pic{perspective:1600px}
.ch-pic figure.shot{margin:0}
.ch-pic figure figcaption{display:none}
.ch-pic .shot-frame{background:#fff!important;border:1px solid rgba(17,40,58,.08)!important;border-radius:18px!important;padding:10px!important;box-shadow:0 40px 80px -40px rgba(17,40,58,.45),0 8px 24px -12px rgba(17,40,58,.18);transform:rotateY(-6deg) rotateX(2deg);transition:transform .6s ease;height:auto!important}
.ch.rev .ch-pic .shot-frame{transform:rotateY(6deg) rotateX(2deg)}
.ch-pic:hover .shot-frame{transform:none!important}
.ch-pic .shot-frame img{border-radius:10px;width:100%!important;height:auto!important;max-height:none!important;display:block;box-shadow:none!important}
.ch-pic .shot-btn{background:transparent!important;padding:0;width:100%}
.ch-pic .kalk-box{height:auto!important;min-height:0!important;transform:rotateY(-6deg) rotateX(2deg);transition:transform .6s;box-shadow:0 40px 80px -40px rgba(17,40,58,.55)}
.ch-pic:hover .kalk-box{transform:none}
.ch-pic .kalk-box img{max-height:none!important;width:100%!important}
/* jemný příjezd při scrollu */
.ch .ch-tx,.ch .ch-pic{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.ch.in .ch-tx,.ch.in .ch-pic{opacity:1;transform:none}
.ch.in .ch-pic{transition-delay:.12s}
@media (prefers-reduced-motion:reduce){.ch .ch-tx,.ch .ch-pic{opacity:1;transform:none;transition:none}.ch-pic .shot-frame,.ch-pic .kalk-box{transform:none}}
/* tmavý režim */
:root[data-theme="dark"] .story,:root[data-theme="dark"] .ch.tint-a{background:var(--paper)}
:root[data-theme="dark"] .ch.tint-b,:root[data-theme="dark"] .ch.tint-c{background:var(--cream)}
/* mobil */
@media (max-width:899px){
.ch-in,.ch.rev .ch-in{grid-template-columns:1fr;gap:28px}
.ch.rev .ch-pic{order:0}
.ch-n b{font-size:40px}
.ch-pic .shot-frame,.ch.rev .ch-pic .shot-frame,.ch-pic .kalk-box{transform:none}
}
/* příběh: pozadí a barvy kapitol mají přednost před starými pravidly sekcí */
.story .ch.tint-a{background:#fff!important}
.story .ch.tint-b{background:#f6efe4!important}
.story .ch.tint-c{background:#eef3f6!important}
.story .ch.tint-navy{background:#1d3d52!important}
.story .ch:not(.tint-navy) .ch-h,.story .ch:not(.tint-navy) strong{color:#1b2833!important}
.story .ch:not(.tint-navy) .ch-h .hl{color:var(--copper-7)!important}
.story .ch:not(.tint-navy) :is(.ticks li,.pb,p){color:var(--text)!important}
.story .ch:not(.tint-navy) .ticks li::before{background:var(--copper-1)!important;color:var(--copper-7)!important}
.story .ch:not(.tint-navy) .ch-n span{color:var(--copper-7)!important}
.story .ch.tint-navy .ch-h{color:#fff!important}.story .ch.tint-navy .ch-h .hl{color:#e9bf94!important}
.story .ch.tint-navy :is(.ticks li,.pb){color:#d3dde5!important}
.story .ch-pic figure.shot .shot-frame{background:#fff!important}
.story .ch-pic .shot-panel .shot-frame>*{background:transparent!important}
/* příběh – id pravidla (přebijí staré #zisk/#tym/#konec-mesice/#penize) */
html body .story section#a-k-tomu,html body .story section#tym,html body .story section#zisk{background:#fff!important}
html body .story section#kalkulace,html body .story section#faktura,html body .story section#konec-mesice{background:#f6efe4!important}
html body .story section#zakazka{background:#eef3f6!important}
html body .story section#penize{background:#1d3d52!important}
html body .story section:is(#tym,#zisk,#konec-mesice) :is(.ch-h,strong){color:#1b2833!important}
html body .story section:is(#tym,#zisk,#konec-mesice) .ch-h .hl{color:var(--copper-7)!important}
html body .story section:is(#tym,#zisk,#konec-mesice) :is(.ticks li,p){color:var(--text)!important}
html body .story section:is(#tym,#zisk,#konec-mesice) .ticks li::before{background:var(--copper-1)!important;color:var(--copper-7)!important}
html body .story section:is(#tym,#zisk,#konec-mesice) .ch-n span{color:var(--copper-7)!important}
html body .story section#penize :is(.ch-h,strong){color:#fff!important}
html body .story section#penize .ch-h .hl,html body .story section#penize .ch-n span{color:#e9bf94!important}
html body .story section#penize :is(.ticks li,p){color:#d3dde5!important}
html body .story section#penize .ticks li::before{background:rgba(255,255,255,.12)!important;color:#e9bf94!important}
html body .story .ch-pic figure.shot .shot-frame{background:#fff!important;padding:10px!important}
/* příběh bez tmavých kapitol (Tereza: „tmavé“) – Peníze světle modrošedé */
:root:not([data-theme="dark"]) body .story section#penize{background:#eef3f6!important}
:root:not([data-theme="dark"]) body .story section#penize :is(.ch-h,strong){color:#1b2833!important}
:root:not([data-theme="dark"]) body .story section#penize .ch-h .hl,:root:not([data-theme="dark"]) body .story section#penize .ch-n span{color:var(--copper-7)!important}
:root:not([data-theme="dark"]) body .story section#penize :is(.ticks li,p){color:var(--text)!important}
:root:not([data-theme="dark"]) body .story section#penize .ticks li::before{background:var(--copper-1)!important;color:var(--copper-7)!important}
:root:not([data-theme="dark"]) body .story section#zakazka{background:#fff!important}
:root:not([data-theme="dark"]) body .story :is(section#tym,section#zisk,section#a-k-tomu){background:#fff!important}
:root:not([data-theme="dark"]) body .story :is(section#kalkulace,section#faktura,section#konec-mesice){background:#f6efe4!important}
/* rámečky kolem snímků všude bílé (ne tmavé) */
:root:not([data-theme="dark"]) body .story .ch-pic figure.shot .shot-frame{background:#fff!important}
.story .ch-pic .shot-panel{background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
.story .ch-pic .shot-panel .shot-frame{box-shadow:0 40px 80px -40px rgba(17,40,58,.45),0 8px 24px -12px rgba(17,40,58,.18)!important;border:1px solid rgba(17,40,58,.08)!important}
:root:not([data-theme="dark"]) body .story section:is(#zisk,#tym,#konec-mesice,#penize,#zakazka) figure.shot .shot-frame{background:#fff!important}
/* 1-2-3 nad nástěnkou (4. 10.) */
.legend.legend-top{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;padding:0;margin:0 0 22px}
.legend-top button{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;font:inherit;font-weight:800;font-size:16px;color:var(--ink,#1b2833);cursor:pointer;box-shadow:var(--sh-1);transition:border-color .2s,transform .2s}
.legend-top button:hover{border-color:var(--copper);transform:translateY(-2px)}
.legend-top .hot-dot{width:30px;height:30px;border-radius:50%;background:var(--copper);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;position:static;transform:none}
@media (max-width:640px){.legend-top button{font-size:14px;padding:8px 14px 8px 8px}}
/* „A k tomu ještě“ v2 (4. 10.): každá karta vlastní barva, žádné prázdno, větší důraz */
#dalsi .d4-k{display:flex!important;flex-direction:column;justify-content:flex-start!important;background:#fff!important;border-radius:22px!important}
#dalsi .d4-k::before{display:none!important}
#dalsi .d4-mk{padding:28px!important;min-height:0!important;flex:none!important;display:flex;align-items:center;justify-content:center}
#dalsi .d4-k:nth-child(1) .d4-mk{background:linear-gradient(135deg,#f6dcc0,#efcaa3)!important}
#dalsi .d4-k:nth-child(2) .d4-mk{background:linear-gradient(135deg,#d6e7ee,#bfd8e3)!important}
#dalsi .d4-k:nth-child(3) .d4-mk{background:linear-gradient(135deg,#f6e7c4,#efd8a0)!important}
#dalsi .d4-k:nth-child(4) .d4-mk{background:linear-gradient(135deg,#dfe9d8,#c9dcbf)!important}
#dalsi .d4-k:nth-child(5) .d4-mk{background:linear-gradient(135deg,#efe1d6,#e4cdbd)!important}
#dalsi .d4-k:nth-child(6) .d4-mk{background:linear-gradient(135deg,#dde3ec,#c8d2e0)!important}
#dalsi .d4-tx{padding:22px 26px 26px!important;margin-top:0!important;flex:1;display:flex;flex-direction:column;justify-content:flex-start!important}
#dalsi .d4-chap{display:none!important}
#dalsi .d4-tx h3,#dalsi .d4-tx h4{font-size:22px!important;line-height:1.2;margin:0 0 8px!important;display:flex;align-items:center;gap:12px}
#dalsi .d4-tx p{font-size:16px!important;line-height:1.55;margin:0!important}
#dalsi .d4-ic{width:40px!important;height:40px!important;border-radius:12px!important;flex:none}
#dalsi .d4-k:nth-child(1) .d4-ic{background:#94592a!important;color:#fff!important}
#dalsi .d4-k:nth-child(2) .d4-ic{background:#2f6577!important;color:#fff!important}
#dalsi .d4-k:nth-child(3) .d4-ic{background:#a77a1e!important;color:#fff!important}
#dalsi .d4-k:nth-child(4) .d4-ic{background:#4d7244!important;color:#fff!important}
#dalsi .d4-k:nth-child(5) .d4-ic{background:#8a5a3c!important;color:#fff!important}
#dalsi .d4-k:nth-child(6) .d4-ic{background:#3d5878!important;color:#fff!important}
#dalsi .d4-grid{gap:20px!important;align-items:stretch}
/* ===== VARIANTA B – střídmá „redakční“: bílé karty, jedna měděná linka, vše stejné, důraz typografií ===== */
html.d4-b #dalsi{background:#f6efe4!important}
html.d4-b #dalsi :is(h2,.d4-sub,.d4-sub b,.d4-rest-h){color:#1b2833!important}
html.d4-b #dalsi #dalsi-h .hl{color:var(--copper-7)!important}
html.d4-b #dalsi .ey{color:var(--copper-7)!important}
html.d4-b #dalsi .d4-k{background:#fff!important;box-shadow:0 1px 2px rgba(17,40,58,.06),0 20px 40px -24px rgba(17,40,58,.25)!important;border:1px solid #eadfce!important}
html.d4-b #dalsi .d4-k .d4-mk{background:#fbf7f1!important;border-bottom:1px solid #eadfce}
html.d4-b #dalsi .d4-k .d4-ic{background:transparent!important;color:var(--copper-7)!important;border:1.5px solid #e2c3a2;width:36px!important;height:36px!important}
html.d4-b #dalsi .d4-tx h3,html.d4-b #dalsi .d4-tx h4{font-size:21px!important}
html.d4-b #dalsi .d4-tx{border-top:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box}
html.d4-b #dalsi .d4-k:hover{border-color:var(--copper)!important}
html.d4-b #dalsi .d4-g{background:#fff!important;border-color:#eadfce!important}
html.d4-b #dalsi .d4-g summary span{color:var(--copper-7)!important}
html.d4-b #dalsi .d4-groups li,html.d4-b #dalsi .d4-groups li h4{color:#1b2833!important}
html.d4-b #dalsi .d4-sklad{color:#55626c!important;border-color:#d6c6b0!important}
html.d4-b #dalsi .d4-cta :is(h3,p,.d4-cta-h,.d4-cta-t){color:#1b2833!important}
html.d4-b #dalsi .d4-note{color:#55626c!important}
/* ===== VARIANTA C – tmavá prémiová: tmavé karty, světlá ukázka, jeden měděný akcent vlevo ===== */
html.d4-c #dalsi .d4-k{background:#173246!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
html.d4-c #dalsi .d4-k .d4-mk{background:#1f3e55!important}
html.d4-c #dalsi .d4-k .d4-tx{border-left:3px solid var(--copper);margin:22px 0 24px 26px!important;padding:2px 22px 0 16px!important}
html.d4-c #dalsi .d4-tx h3,html.d4-c #dalsi .d4-tx h4{color:#fff!important;font-size:22px!important}
html.d4-c #dalsi .d4-tx p{color:#c8d2d9!important}
html.d4-c #dalsi .d4-k .d4-ic{background:transparent!important;color:#e9bf94!important;width:auto!important;height:auto!important}
html.d4-c #dalsi .d4-k:hover{border-color:rgba(233,191,148,.5)!important;transform:translateY(-3px)}
html.d4-c #dalsi .d4-k .d4-tx{flex:none!important}
/* posudek kontrolora (4. 10.): stejná mřížka 3×2, stejné výšky, zarovnání ikon, mobil */
@media (min-width:900px){
#dalsi .d4-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:20px!important}
#dalsi .d4-k,#dalsi .d4-k.w2{grid-column:auto!important;grid-row:auto!important}
#dalsi .d4-mk{height:230px!important;box-sizing:border-box}
#dalsi .d4-mk>*{max-width:100%;transform-origin:center}
#dalsi .d4-cols{align-items:stretch!important}
}
#dalsi .d4-groups li{display:flex!important;align-items:center!important;gap:10px}
#dalsi .d4-groups li>.ico,#dalsi .d4-groups li>.d4-fa{flex:none;width:16px;height:16px;margin:0!important;position:static!important;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
#dalsi .d4-note,#dalsi .d4-sklad span{color:#c8d2d9!important;font-size:14px!important}
@media (max-width:899px){
#dalsi .d4-g:not([open]) summary{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
#dalsi .d4-cols>div{gap:10px!important}
#dalsi .d4-g{margin:0!important}
}
/* posudek art directora (4. 10.): 3 barevné tóny místo 6 (měď, petrolej, šalvěj), ikona nad nadpisem, vzduch, sklad čitelně */
#dalsi .d4-k:nth-child(3n+1) .d4-mk{background:linear-gradient(160deg,#f6e3cf,#ecd0b2)!important}
#dalsi .d4-k:nth-child(3n+2) .d4-mk{background:linear-gradient(160deg,#e0ecf1,#c9dce5)!important}
#dalsi .d4-k:nth-child(3n) .d4-mk{background:linear-gradient(160deg,#e6eedf,#d2e0c8)!important}
#dalsi .d4-k:nth-child(3n+1) .d4-ic{background:#94592a!important}
#dalsi .d4-k:nth-child(3n+2) .d4-ic{background:#2f6577!important}
#dalsi .d4-k:nth-child(3n) .d4-ic{background:#4d7244!important}
#dalsi .d4-tx h3,#dalsi .d4-tx h4{flex-direction:column;align-items:flex-start!important;gap:14px!important;font-size:20px!important;margin:0 0 10px!important}
#dalsi .d4-tx p{color:#46535c!important}
#dalsi #dalsi-h{margin-bottom:14px;text-wrap:balance}
#dalsi .d4-sub{max-width:44ch;margin:0 auto 56px!important;font-size:18px;line-height:1.55;color:#c3cfd8!important;text-wrap:balance}
#dalsi .d4-sub b{color:#fff!important}
#dalsi .d4-groups li,#dalsi .d4-groups li h4{font-weight:500!important;color:#e6edf2!important}
#dalsi .d4-g summary span{font-size:12px;letter-spacing:.08em}
#dalsi .d4-g:nth-of-type(odd){background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}
#dalsi .d4-rest-h{margin:88px 0 28px!important;font-size:22px;display:flex;align-items:center;gap:16px;color:#fff}
#dalsi .d4-rest-h::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12)}
#dalsi .d4-sklad{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04);border-radius:14px;padding:16px 22px;color:#c3cfd8!important;margin-top:20px}
#dalsi .d4-sklad b{color:#fff!important}
#dalsi .d4-sklad .soon-tag{background:rgba(233,191,148,.14)!important;border:1px solid rgba(233,191,148,.4)!important;color:#e9bf94!important}
@media (max-width:899px){#dalsi .d4-cols,#dalsi .d4-cols>div{display:flex!important;flex-direction:column;gap:12px!important}#dalsi .d4-g summary{min-height:44px}}
#dalsi .d4-mk{overflow:hidden}#dalsi .d4-mk>*{width:100%;box-sizing:border-box}#dalsi .d4-k:nth-child(6) .d4-mk>*{transform:scale(.9)}

/* ===== „A k tomu ještě“ v3 (4. 10.): světlé teplé pozadí, sytě barevné celé karty, jedna dominantní, živé ukázky ===== */
html.d4-a #dalsi{background:#f6efe4!important}
html.d4-a #dalsi #dalsi-h{color:#1b2833!important}
html.d4-a #dalsi #dalsi-h .hl{color:var(--copper-7)!important}
html.d4-a #dalsi .ey{color:var(--copper-7)!important}
html.d4-a #dalsi .d4-sub{color:#46535c!important}
html.d4-a #dalsi .d4-sub b{color:#1b2833!important}
@media (min-width:900px){
html.d4-a #dalsi .d4-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:20px!important}
html.d4-a #dalsi .d4-k:nth-child(1){grid-column:span 2!important;grid-row:span 2!important}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-mk{height:auto!important;flex:1!important;padding:48px!important}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-mk>*{transform:scale(1.25)}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-tx h3,html.d4-a #dalsi .d4-k:nth-child(1) .d4-tx h4{font-size:28px!important}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-tx p{font-size:18px!important;max-width:40ch}
html.d4-a #dalsi .d4-mk{height:220px!important}
}
html.d4-a #dalsi .d4-k{border:0!important;box-shadow:0 24px 48px -28px rgba(17,40,58,.55)!important;overflow:hidden}
html.d4-a #dalsi .d4-k:nth-child(1){background:#1d3d52!important}
html.d4-a #dalsi .d4-k:nth-child(2),html.d4-a #dalsi .d4-k:nth-child(5){background:#94592a!important}
html.d4-a #dalsi .d4-k:nth-child(3),html.d4-a #dalsi .d4-k:nth-child(6){background:#2f6577!important}
html.d4-a #dalsi .d4-k:nth-child(4){background:#4d6b44!important}
html.d4-a #dalsi .d4-k .d4-mk{background:rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.12)}
html.d4-a #dalsi .d4-k .d4-mk>*{transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 18px 36px -14px rgba(0,0,0,.45)!important}
html.d4-a #dalsi .d4-k:hover .d4-mk>*{transform:scale(1.06)}
html.d4-a #dalsi .d4-k:nth-child(1):hover .d4-mk>*{transform:scale(1.3)}
html.d4-a #dalsi .d4-k:hover{transform:translateY(-4px)}
html.d4-a #dalsi .d4-tx h3,html.d4-a #dalsi .d4-tx h4{color:#fff!important}
html.d4-a #dalsi .d4-tx p{color:rgba(255,255,255,.82)!important}
html.d4-a #dalsi .d4-k .d4-ic{background:rgba(255,255,255,.16)!important;color:#fff!important}
/* A dalších 24 na světlém */
html.d4-a #dalsi .d4-rest-h{color:#1b2833!important}
html.d4-a #dalsi .d4-rest-h::after{background:#e2d4c0!important}
html.d4-a #dalsi .d4-g,html.d4-a #dalsi .d4-g:nth-of-type(odd){background:#fff!important;border:1px solid #eadfce!important}
html.d4-a #dalsi .d4-g summary{border-bottom-color:#eadfce!important}
html.d4-a #dalsi .d4-g summary span{color:var(--copper-7)!important}
html.d4-a #dalsi .d4-groups li,html.d4-a #dalsi .d4-groups li h4{color:#1b2833!important}
html.d4-a #dalsi .d4-groups li .ico,html.d4-a #dalsi .d4-groups li .d4-fa{color:var(--copper)!important}
html.d4-a #dalsi .d4-groups li.open p{color:#46535c!important}
html.d4-a #dalsi .d4-sklad{background:#fff!important;border:1px solid #eadfce!important;color:#46535c!important}
html.d4-a #dalsi .d4-sklad b{color:#1b2833!important}
html.d4-a #dalsi .d4-sklad .soon-tag{background:#f3e3d1!important;border-color:#e2c3a2!important;color:var(--copper-7)!important}
html.d4-a #dalsi :is(.d4-cta-h,.d4-cta h3,.d4-cta-t,.d4-cta p){color:#1b2833!important}
html.d4-a #dalsi .d4-note{color:#55626c!important}
html.d4-a #dalsi .d4-cmp{border-color:#e2d4c0!important}
@media (min-width:900px){
html.d4-a #dalsi .d4-k:nth-child(1) .d4-mk{padding:56px 64px!important}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-mk>*{transform:none!important;width:100%!important;max-width:560px;font-size:1.15em}
html.d4-a #dalsi .d4-k:nth-child(1):hover .d4-mk>*{transform:scale(1.03)!important}
}
html.d4-a #dalsi .d4-sklad span{color:#46535c!important}
/* 1 a 2 na jednom řádku: velká karta 2/3, SMS 1/3, stejná výška; pak řada 3–5? → 4 karty: 3,4,5,6 ve 2 řadách po 2? ne – 3 + 3 */
@media (min-width:900px){
html.d4-a #dalsi .d4-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
html.d4-a #dalsi .d4-k:nth-child(1){grid-column:span 4!important;grid-row:auto!important}
html.d4-a #dalsi .d4-k:nth-child(2){grid-column:span 2!important}
html.d4-a #dalsi .d4-k:nth-child(n+3){grid-column:span 2!important}
html.d4-a #dalsi .d4-k:nth-child(3){grid-column:span 2!important}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-mk{height:220px!important;flex:none!important;padding:24px 48px!important}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-mk>*{font-size:1em;max-width:520px}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-tx h3,html.d4-a #dalsi .d4-k:nth-child(1) .d4-tx h4{font-size:24px!important}
html.d4-a #dalsi .d4-k:nth-child(1) .d4-tx p{font-size:16.5px!important}
}
/* páry na řádek, široká/úzká se střídá: 1W+2, 3+4W, 5W+6 */
@media (min-width:900px){
html.d4-a #dalsi .d4-k:nth-child(n){grid-column:span 2!important}
html.d4-a #dalsi .d4-k:nth-child(1),html.d4-a #dalsi .d4-k:nth-child(4),html.d4-a #dalsi .d4-k:nth-child(5){grid-column:span 4!important}
html.d4-a #dalsi .d4-k:nth-child(4) .d4-mk,html.d4-a #dalsi .d4-k:nth-child(5) .d4-mk{padding:24px 48px!important}
html.d4-a #dalsi .d4-k:nth-child(4) .d4-mk>*,html.d4-a #dalsi .d4-k:nth-child(5) .d4-mk>*{max-width:520px;width:100%}
}
/* lepkavá navigace kapitol příběhu (4. 10.) */
.story-nav{position:sticky;top:var(--top,68px);z-index:40;background:rgba(255,253,250,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.story-nav-in{display:flex;justify-content:center;gap:4px;padding-top:10px!important;padding-bottom:10px!important;overflow-x:auto;scrollbar-width:none}
.story-nav-in::-webkit-scrollbar{display:none}
.story-nav a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.story-nav a b{font-size:12px;color:var(--copper-7);font-weight:900}
.story-nav a:hover{color:var(--ink)}
.story-nav a.on{background:#1d3d52;color:#fff}.story-nav a.on b{color:#e9bf94}
@media (max-width:1100px){.story-nav-in{justify-content:flex-start}}
:root[data-theme="dark"] .story-nav{background:rgba(15,25,34,.94)}

/* ===== PŘÍBĚH V PÁRECH (4. 10.): 2 kapitoly vedle sebe – texty nahoře v jedné linii, obrázky pod nimi ===== */
.ch-pair{padding:clamp(56px,7vw,96px) 0}
.ch-pair.p-white{background:#fff}.ch-pair.p-beige{background:#f6efe4}.ch-pair.p-blue{background:#eef3f6}
:root[data-theme="dark"] .ch-pair{background:var(--paper)!important}
.ch-pair-in{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:clamp(32px,4vw,64px);row-gap:28px}
html body .story .ch-pair .ch{display:grid;grid-row:span 2;grid-template-rows:subgrid;padding:0!important;background:transparent!important;overflow:visible}
html body .story .ch-pair .ch-in{display:contents!important}
html body .story .ch-pair .ch-tx{grid-row:1;align-self:start}
html body .story .ch-pair .ch-pic{grid-row:2;align-self:start;order:0!important}
.ch-pair .ch-pic .shot-frame,.ch-pair .ch-pic .kalk-box{transform:none!important}
.ch-pair .ch-pic .shot-frame{transition:transform .4s ease,box-shadow .4s ease}
.ch-pair .ch-pic:hover .shot-frame{transform:translateY(-4px)!important}
.ch-pair .ch-h{font-size:clamp(24px,2vw,30px)!important}
.ch-pair .ch-n b{font-size:44px}
@media (max-width:899px){
.ch-pair-in{grid-template-columns:1fr;row-gap:20px}
html body .story .ch-pair .ch{grid-row:auto;grid-template-rows:auto;display:block;margin-bottom:40px}
html body .story .ch-pair .ch-in{display:grid!important;gap:20px}
}
:root:root body .story .ch-pair section.ch:is(#a-k-tomu,#kalkulace,#tym,#zakazka,#faktura,#zisk,#penize,#konec-mesice){background:transparent!important}
:root:root body .story .ch-pair section#penize :is(.ch-h,strong){color:#1b2833!important}
:root:root body .story .ch-pair section#penize .ch-h .hl,:root:root body .story .ch-pair section#penize .ch-n span{color:var(--copper-7)!important}
:root:root body .story .ch-pair section#penize :is(.ticks li,p){color:var(--text)!important}

/* ===== DESIGN – sjednocení párů (4. 10.) ===== */
/* štítek: plné měděné číslo + název funkce, nadpis = přínos */
.ch-pair .ch-n{gap:10px;margin-bottom:14px}
.ch-pair .ch-n b{font-size:13px!important;line-height:1;-webkit-text-stroke:0!important;color:#fff!important;background:var(--copper);border-radius:999px;padding:6px 10px;letter-spacing:.04em}
.ch-pair .ch-n span{font-size:13px}
.ch-pair .ch-h{font-size:clamp(24px,2.1vw,30px)!important;margin-bottom:16px!important;text-wrap:balance}
.ch-pair .ch .ticks li,.ch-pair .ch .pb{font-size:16.5px!important}
.ch-pair .ch .ticks{gap:10px!important}
/* obrázky: všechny stejný rámeček 16:10, stejný styl, výřez od levého horního rohu = čitelnější */
.ch-pair .ch-pic figure.shot .shot-frame,.ch-pair .ch-pic .kalk-box{aspect-ratio:16/10;height:auto!important;overflow:hidden;border-radius:16px!important;padding:0!important;background:#fff!important;border:1px solid rgba(17,40,58,.10)!important;box-shadow:0 30px 60px -36px rgba(17,40,58,.45),0 6px 18px -10px rgba(17,40,58,.15)!important}
.ch-pair .ch-pic .shot-btn,.ch-pair .ch-pic picture{display:block!important;width:100%!important;height:100%!important}
.ch-pair .ch-pic figure.shot .shot-frame img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:left top!important;border-radius:0!important}
#penize .ch-pic figure.shot .shot-frame img{object-fit:contain!important;object-position:center!important;padding:12px;box-sizing:border-box}
/* kalkulace: světlý rámeček, přepínač nahoře, snímek uvnitř */
.ch-pair .ch-pic .kalk-box{display:flex!important;flex-direction:column;padding:10px!important;background:#f6efe4!important}
.ch-pair .ch-pic .kalk-seg{background:#fff!important;border:1px solid #eadfce;margin-bottom:10px!important}
.ch-pair .ch-pic .kalk-seg button{color:#46535c!important}
.ch-pair .ch-pic .kalk-seg button[aria-selected="true"]{background:#1d3d52!important;color:#fff!important}
.ch-pair .ch-pic .kalk-box .kalk-p{flex:1;min-height:0;display:flex}
.ch-pair .ch-pic .kalk-box .kalk-p[hidden]{display:none}
.ch-pair .ch-pic .kalk-box figure.shot,.ch-pair .ch-pic .kalk-box .shot-frame{aspect-ratio:auto!important;height:100%!important;width:100%;border:0!important;box-shadow:none!important;background:transparent!important;margin:0}
.ch-pair .ch-pic .kalk-box img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:left top!important;border-radius:8px!important;max-height:none!important}
.ch-pair .ch-pic .zoom-hint{font-size:12px!important;padding:6px 10px!important;right:10px!important;bottom:10px!important}
/* celé snímky tam, kde je důležitý celý obsah (kdo, částky) */
.ch-pair :is(#tym,#zakazka,#zisk,#konec-mesice) .ch-pic figure.shot .shot-frame img{object-fit:contain!important;object-position:center!important;padding:14px;box-sizing:border-box}
.ch-pair :is(#tym,#zakazka,#zisk,#konec-mesice,#penize) .ch-pic figure.shot .shot-frame{background:#fbf8f3!important}
/* body 1–3 (4. 10.) */
/* 1 obory světlejší: slabší ztmavení fotek, „Váš obor tu není?“ béžově */
.ob::after{background:linear-gradient(to top,rgba(10,24,35,.72) 0%,rgba(10,24,35,.25) 38%,rgba(10,24,35,0) 60%)!important}
.ob{background:#e9dfd1!important}
.obory-more .ob-more{background:#fff!important;border:1px solid #eadfce;color:#1b2833!important}
.obory-more .ob-more::after{display:none!important}
.obory-more .ob-more :is(h3,p,.ob-t p){color:#1b2833!important}
.obory-more .ob-more .ob-go{color:var(--copper-7)!important}
/* 2 úvod vzdušněji: jistoty jen jemně v řádku */
@media (min-width:900px){.hero-2col .chips{flex-direction:row!important;flex-wrap:wrap;gap:6px 18px!important}.hero-2col .chips li{font-size:14px!important;font-weight:700;color:var(--muted)}}
.hero-2col .chips .ic{background:transparent!important;color:var(--copper)!important;width:auto!important;height:auto!important}
.hero-pts{margin-bottom:22px!important}
/* 3 výřezy 02/03 zobrazit celé */
.ch-pair #tym .ch-pic figure.shot .shot-frame img{padding:18px!important}
.ch-pair #kalkulace .kalk-box img{object-fit:contain!important;object-position:center!important;background:#1d3d52;border-radius:8px}
:root body .ch-pair #kalkulace .kalk-box .kalk-p img{height:100%!important;width:100%!important;object-fit:contain!important}
/* ROLE – opravy (4. 10. večer) */
/* designér: menu viditelné i na šířce 900–1100 (Terezino okno) */
@media (min-width:900px) and (max-width:1100px){
.top-links{display:flex!important;gap:0}.top-links a{padding:0 8px!important;font-size:15px!important}
.burger{display:none!important}
.top-tel{font-size:0!important;width:44px;justify-content:center}
}
/* UX: lišta kapitol – menší, okraje se jemně ztrácí místo useknutí */
.story-nav a{padding:7px 11px!important;font-size:14px!important}
.story-nav-in{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
/* puntičkář: „A dalších 24“ bez děr – sloupce místo řad */
@media (min-width:900px){
#dalsi .d4-cols{display:block!important;columns:3;column-gap:16px}
#dalsi .d4-cols>div{display:block!important}
#dalsi .d4-g{break-inside:avoid;margin:0 0 16px!important;display:block}
}
@media (min-width:900px){#dalsi .d4-cols{columns:3!important;display:block!important}}
.top-links a,.top .login,.top a{white-space:nowrap}
@media (min-width:900px) and (max-width:1100px){.top-links a{padding:0 7px!important;font-size:14.5px!important}.top .btn-sm,.top .btn{padding-left:14px!important;padding-right:14px!important}}
/* 4 opravy (4. 10.) */
/* CTA za příběhem – jediný tmavý pruh, odděluje příběh od „A k tomu ještě“ */
.story-cta{background:#1d3d52;color:#fff;padding:44px 0}
.story-cta-in{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}
.story-cta p{margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.25;color:#fff;max-width:26em}
.story-cta p span{color:#e9bf94}
.story-cta-a{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.story-cta-tel{color:#d3dde5;font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* pruh důvěry výrazněji */
.trust{font-size:16px!important;color:#1b2833!important;font-weight:800!important;gap:10px 36px!important;padding:22px 0!important}
.trust li{color:#1b2833!important;display:inline-flex;align-items:center;gap:10px}
.trust li::before{content:"\f00c";font-family:"FA";font-weight:900;font-size:11px;width:22px;height:22px;border-radius:50%;background:var(--copper);color:#fff;display:inline-flex;align-items:center;justify-content:center;position:static!important;margin:0!important}
/* výřezy 04/05 přes celý rámeček */
.ch-pair #zakazka .ch-pic figure.shot .shot-frame img{object-fit:cover!important;object-position:left top!important;padding:0!important}