/* ===== VOLBA 3 – kostra B, fakt–pocit, čistý řád (4. 10.) ===== */
/* ÚVOD: na střed, bez fotky, nástěnka hned pod ním */
.hero-photo{display:none!important}
.hero-2col{display:block!important;text-align:center!important;max-width:880px!important;margin:0 auto!important}
.hero-2col .hero-txt{text-align:center}
.hero-2col h1{font-size:clamp(40px,4.6vw,62px)!important;line-height:1.05;margin:18px auto 0!important;max-width:14em}
.hero .lead{margin:18px auto 0!important;max-width:34em;font-size:clamp(18px,1.5vw,21px)!important}
.hero .lead-q{font-weight:800;color:var(--copper-7)!important;font-size:clamp(19px,1.6vw,22px)!important;margin-top:22px!important}
.hero-2col .cta-row{justify-content:center!important;margin-top:26px!important}
.hero-2col .cta-item{align-items:center!important}
.hero-2col .phone{text-align:center!important}
.hero-2col .chips{display:none!important}
.easy{list-style:none;padding:0;margin:22px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}
.easy li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #eadfce;font-weight:700;font-size:15px;color:#1b2833}
.easy li::before{content:"\f00c";font-family:"FA";font-weight:900;font-size:10px;width:18px;height:18px;border-radius:50%;background:var(--copper);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.stage-wrap{margin-top:44px!important}
.stage .shot-hero .shot-frame{max-width:1120px;margin:0 auto}
/* PŘÍBĚH: jedna kapitola po druhé přes celou šířku, střídavě vlevo/vpravo (kostra B) */
.ch-pair-in{display:block!important}
html body .story .ch-pair .ch{display:block!important;margin:0 0 clamp(64px,8vw,104px)!important}
html body .story .ch-pair .ch:last-child{margin-bottom:0!important}
html body .story .ch-pair .ch-in{display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(40px,5vw,72px);align-items:center}
html body .story .ch-pair .ch:nth-child(2) .ch-in{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
html body .story .ch-pair .ch:nth-child(2) .ch-pic{order:-1}
html body .story .ch-pair .ch-tx,html body .story .ch-pair .ch-pic{grid-row:auto!important}
.ch-pair .ch-h{font-size:clamp(28px,2.7vw,40px)!important;line-height:1.12!important;letter-spacing:-.02em}
.ch-pair .ch-h .hl{display:block;margin-top:4px}
.ch-pair .ch .ticks li{font-size:17px!important}
.ch-pair .ch-pic figure.shot .shot-frame,.ch-pair .ch-pic .kalk-box{aspect-ratio:16/10}
@media (max-width:899px){
html body .story .ch-pair .ch-in,html body .story .ch-pair .ch:nth-child(2) .ch-in{grid-template-columns:1fr;gap:22px}
html body .story .ch-pair .ch:nth-child(2) .ch-pic{order:0}
}
/* příběh Terezy */
.founder{background:#fff;padding:clamp(56px,7vw,88px) 0}
.founder-in{max-width:820px}
.founder blockquote{margin:0;padding:0 0 0 28px;border-left:3px solid var(--copper)}
.founder blockquote p{font-size:clamp(20px,1.9vw,26px);line-height:1.5;color:#1b2833;font-weight:600;margin:0 0 14px}
.founder footer{font-size:15px;font-weight:800;color:var(--copper-7)}
:root[data-theme="dark"] .founder{background:var(--paper)}
:root[data-theme="dark"] .founder blockquote p{color:var(--ink)}
.ch-pair .ch-pic .kalk-box{aspect-ratio:auto!important;height:auto!important}.ch-pair .ch-pic .kalk-box .kalk-p img{height:auto!important;max-height:none!important}
/* „A dalších 24“ sbalené pod tlačítkem */
.d4-more{margin-top:56px}
.d4-more>summary{list-style:none;cursor:pointer;display:flex!important;align-items:center;gap:16px}
.d4-more>summary::-webkit-details-marker{display:none}
.d4-more>summary span{margin-left:auto;font-size:14px;font-weight:800;color:var(--copper-7);border:1.5px solid #e2c3a2;border-radius:999px;padding:6px 14px}
.d4-more[open]>summary span{display:none}
.d4-more>summary::after{display:none!important}
/* úvod: agenda bodově (Tereza 5. 10.) */
.agenda{list-style:none;padding:0;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;max-width:820px;text-align:left}
.agenda li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #eadfce;font-weight:700;font-size:15.5px;color:#1b2833;line-height:1.3}
.agenda .ic{flex:none;width:32px;height:32px;border-radius:9px;background:#1d3d52;color:#e9bf94;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
@media (max-width:760px){.agenda{grid-template-columns:1fr 1fr}.agenda li{font-size:14px;padding:10px}}
@media (max-width:400px){.agenda{grid-template-columns:1fr}}
.hero .eyebrow{font-size:14px!important}
/* agenda jako decentní odrážky (Tereza 5. 10.) */
.agenda{display:grid;grid-template-columns:repeat(2,max-content)!important;justify-content:center;gap:8px 40px!important;max-width:none!important;margin-top:20px!important}
.agenda li{background:none!important;border:0!important;padding:0!important;font-weight:600!important;font-size:17px!important;color:var(--text)!important;gap:10px!important}
.agenda .ic{display:none!important}
.agenda li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--copper)}
@media (max-width:640px){.agenda{grid-template-columns:1fr!important;justify-content:start;max-width:22em!important;margin-left:auto!important;margin-right:auto!important}.agenda li{font-size:16px!important}}
/* ÚVOD ČISTĚ (5. 10.): měřítko jako dev, méně prvků, nástěnka v první obrazovce */
.hero{padding-top:36px!important}
.hero-2col h1{font-size:clamp(32px,3.2vw,46px)!important;line-height:1.1!important;margin-top:14px!important}
.hero .lead-q{font-size:18px!important;margin-top:16px!important}
.hero .lead{font-size:17px!important;margin-top:8px!important}
.agenda{margin-top:16px!important;gap:6px 36px!important}
.agenda li{font-size:16px!important}
.hero-2col .cta-row{margin-top:22px!important}
.hero-2col .phone{margin-top:10px!important;font-size:15px}
.stage-wrap{margin-top:28px!important}
.legend-top{margin-bottom:14px!important}
.legend-top button{font-size:14px!important;padding:6px 14px 6px 6px!important}
.legend-top .hot-dot{width:24px!important;height:24px!important;font-size:12px!important}
/* texty 10/10 + drzosti (5. 10.) */
.hero-sure{margin:14px auto 0;font-size:15px;color:var(--muted);font-weight:600}
.hero-wink,.stage-wink,.sec-wink,.ch-wink,.final-wink{font-weight:700;color:var(--copper-7);font-size:16px;margin:10px auto 0}
.stage-wink{text-align:center;margin:0 auto 14px}
.sec-wink{text-align:center}
.ch-q{font-size:15px;font-weight:800;color:var(--copper-7);margin:0 0 8px;font-style:italic}
.ch-wink{margin-top:16px;text-align:left}
.price-wink{color:#e9bf94;font-weight:700;font-size:16px;line-height:1.5;margin:18px 0}
.final-wink{text-align:left;margin:0 0 20px;font-weight:600;color:var(--muted)}
/* mezery – sjednotit a zmenšit (5. 10.) */
.sec,#srovnani,#obory,#cenik,#faq,#dalsi{padding-top:72px!important;padding-bottom:72px!important}
#kontakt.final{padding-top:72px!important;padding-bottom:88px!important}
.story-intro{padding-top:72px!important;padding-bottom:8px!important}
.ch-pair{padding:56px 0!important}
html body .story .ch-pair .ch{margin-bottom:72px!important}
html body .story .ch-pair .ch:last-child{margin-bottom:0!important}
/* širší textový sloupec – nadpisy kapitol na 2 řádky, ne na 4 */
@media (min-width:900px){
html body .story .ch-pair .ch-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
html body .story .ch-pair .ch:nth-child(2) .ch-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.ch-pair .ch-h{font-size:clamp(26px,2.3vw,34px)!important}
}
.hero .eyebrow-q{font-size:16px!important;font-weight:800;color:var(--copper-7);background:none!important;border:0!important;box-shadow:none!important;padding:0!important;letter-spacing:0;text-transform:none}
/* cik-cak: liché kapitoly text vlevo, sudé obrázek vlevo (5. 10.) */
@media (min-width:900px){
:root body .story .ch-pair .ch:nth-child(2) .ch-pic{order:-1!important}
:root body .story .ch-pair .ch:nth-child(2) .ch-tx{order:1!important}
:root body .story .ch-pair .ch:nth-child(1) .ch-pic{order:1!important}
}
/* tmavý režim: čitelný text v kapitolách */
:root[data-theme="dark"] .story .ch .ticks li,:root[data-theme="dark"] .story .ch p{color:#c9d3db!important}
:root[data-theme="dark"] .story .ch .ch-h{color:#f2f5f7!important}
:root[data-theme="dark"] .story .ch-pair{background:var(--paper)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .story .ch .ticks li,:root:not([data-theme="light"]) .story .ch p{color:#c9d3db!important}:root:not([data-theme="light"]) .story .ch .ch-h{color:#f2f5f7!important}}
/* režim kontroly: ?navrh=1 zvýrazní neschválené texty */
.show-navrh [data-navrh]{background:#fff3a8!important;outline:2px dashed #d4a000;outline-offset:3px;color:#1b2833!important}
.show-navrh [data-navrh] *{color:#1b2833!important}

/* ===== TMAVÝ REŽIM – čitelnost (5. 10.) ===== */
:root[data-theme="dark"] .story .ch .ch-h,:root[data-theme="dark"] .story .ch strong{color:#f2f5f7!important}
:root[data-theme="dark"] .story .ch .ticks li,:root[data-theme="dark"] .story .ch p,:root[data-theme="dark"] .story .ch .pb{color:#cdd6de!important}
:root[data-theme="dark"] .story .ch .ch-h .hl,:root[data-theme="dark"] .story .ch .ch-n span,:root[data-theme="dark"] .story .ch .ch-q,:root[data-theme="dark"] .story .ch .ch-wink{color:#e9bf94!important}
:root[data-theme="dark"] .story .ch .ticks li::before{background:rgba(233,191,148,.18)!important;color:#e9bf94!important}
:root[data-theme="dark"] .story .ch-pair,:root[data-theme="dark"] .story,:root[data-theme="dark"] .story-intro{background:#13212c!important}
:root[data-theme="dark"] .story .ch-pair.p-beige,:root[data-theme="dark"] .story .ch-pair.p-blue{background:#172836!important}
:root[data-theme="dark"] .story-intro .sec-sub,:root[data-theme="dark"] .sec-sub,:root[data-theme="dark"] .sec-wink,:root[data-theme="dark"] .hero-sure{color:#cdd6de!important}
:root[data-theme="dark"] .trust,:root[data-theme="dark"] .trust li{color:#e6ecf0!important;border-color:#2a3a47!important}
:root[data-theme="dark"] .agenda li{color:#e6ecf0!important}
:root[data-theme="dark"] .hero .eyebrow-q,:root[data-theme="dark"] .stage-wink{color:#e9bf94!important}
:root[data-theme="dark"] html.d4-a #dalsi,:root[data-theme="dark"] #dalsi{background:#13212c!important}
:root[data-theme="dark"] #dalsi #dalsi-h,:root[data-theme="dark"] #dalsi .d4-sub,:root[data-theme="dark"] #dalsi .d4-sub b,:root[data-theme="dark"] #dalsi .d4-rest-h{color:#f2f5f7!important}
:root[data-theme="dark"] #dalsi #dalsi-h .hl,:root[data-theme="dark"] #dalsi .ey,:root[data-theme="dark"] #dalsi .d4-more>summary span{color:#e9bf94!important}
:root[data-theme="dark"] #dalsi .d4-g,:root[data-theme="dark"] #dalsi .d4-g:nth-of-type(odd),:root[data-theme="dark"] #dalsi .d4-sklad{background:#1b2c3a!important;border-color:#2a3a47!important}
:root[data-theme="dark"] #dalsi .d4-groups li,:root[data-theme="dark"] #dalsi .d4-groups li h4,:root[data-theme="dark"] #dalsi .d4-sklad,:root[data-theme="dark"] #dalsi .d4-sklad span,:root[data-theme="dark"] #dalsi .d4-sklad b{color:#e6ecf0!important}
:root[data-theme="dark"] #kontakt.final{background:#13212c!important}
:root[data-theme="dark"] #kontakt h2,:root[data-theme="dark"] #kontakt .phone,:root[data-theme="dark"] #kontakt .phone a{color:#f2f5f7!important}
:root[data-theme="dark"] #kontakt h2 .hl,:root[data-theme="dark"] #kontakt .ey,:root[data-theme="dark"] #kontakt .final-punch{color:#e9bf94!important}
:root[data-theme="dark"] #kontakt .final-body,:root[data-theme="dark"] #kontakt .final-wink,:root[data-theme="dark"] #kontakt .cta-note{color:#cdd6de!important}
:root[data-theme="dark"] #kontakt .btn-ghost{color:#f2f5f7!important;border-color:#cdd6de!important}
:root[data-theme="dark"] .price-card .pb-users,:root[data-theme="dark"] .price-card .year-sub{color:#e9bf94!important}
:root[data-theme="dark"] .ob-go{color:#e9bf94!important}
@media (prefers-color-scheme:dark){
/* ===== TMAVÝ REŽIM – čitelnost (5. 10.) ===== */
:root:not([data-theme="light"]) .story .ch .ch-h,:root:not([data-theme="light"]) .story .ch strong{color:#f2f5f7!important}
:root:not([data-theme="light"]) .story .ch .ticks li,:root:not([data-theme="light"]) .story .ch p,:root:not([data-theme="light"]) .story .ch .pb{color:#cdd6de!important}
:root:not([data-theme="light"]) .story .ch .ch-h .hl,:root:not([data-theme="light"]) .story .ch .ch-n span,:root:not([data-theme="light"]) .story .ch .ch-q,:root:not([data-theme="light"]) .story .ch .ch-wink{color:#e9bf94!important}
:root:not([data-theme="light"]) .story .ch .ticks li::before{background:rgba(233,191,148,.18)!important;color:#e9bf94!important}
:root:not([data-theme="light"]) .story .ch-pair,:root:not([data-theme="light"]) .story,:root:not([data-theme="light"]) .story-intro{background:#13212c!important}
:root:not([data-theme="light"]) .story .ch-pair.p-beige,:root:not([data-theme="light"]) .story .ch-pair.p-blue{background:#172836!important}
:root:not([data-theme="light"]) .story-intro .sec-sub,:root:not([data-theme="light"]) .sec-sub,:root:not([data-theme="light"]) .sec-wink,:root:not([data-theme="light"]) .hero-sure{color:#cdd6de!important}
:root:not([data-theme="light"]) .trust,:root:not([data-theme="light"]) .trust li{color:#e6ecf0!important;border-color:#2a3a47!important}
:root:not([data-theme="light"]) .agenda li{color:#e6ecf0!important}
:root:not([data-theme="light"]) .hero .eyebrow-q,:root:not([data-theme="light"]) .stage-wink{color:#e9bf94!important}
:root:not([data-theme="light"]) html.d4-a #dalsi,:root:not([data-theme="light"]) #dalsi{background:#13212c!important}
:root:not([data-theme="light"]) #dalsi #dalsi-h,:root:not([data-theme="light"]) #dalsi .d4-sub,:root:not([data-theme="light"]) #dalsi .d4-sub b,:root:not([data-theme="light"]) #dalsi .d4-rest-h{color:#f2f5f7!important}
:root:not([data-theme="light"]) #dalsi #dalsi-h .hl,:root:not([data-theme="light"]) #dalsi .ey,:root:not([data-theme="light"]) #dalsi .d4-more>summary span{color:#e9bf94!important}
:root:not([data-theme="light"]) #dalsi .d4-g,:root:not([data-theme="light"]) #dalsi .d4-g:nth-of-type(odd),:root:not([data-theme="light"]) #dalsi .d4-sklad{background:#1b2c3a!important;border-color:#2a3a47!important}
:root:not([data-theme="light"]) #dalsi .d4-groups li,:root:not([data-theme="light"]) #dalsi .d4-groups li h4,:root:not([data-theme="light"]) #dalsi .d4-sklad,:root:not([data-theme="light"]) #dalsi .d4-sklad span,:root:not([data-theme="light"]) #dalsi .d4-sklad b{color:#e6ecf0!important}
:root:not([data-theme="light"]) #kontakt.final{background:#13212c!important}
:root:not([data-theme="light"]) #kontakt h2,:root:not([data-theme="light"]) #kontakt .phone,:root:not([data-theme="light"]) #kontakt .phone a{color:#f2f5f7!important}
:root:not([data-theme="light"]) #kontakt h2 .hl,:root:not([data-theme="light"]) #kontakt .ey,:root:not([data-theme="light"]) #kontakt .final-punch{color:#e9bf94!important}
:root:not([data-theme="light"]) #kontakt .final-body,:root:not([data-theme="light"]) #kontakt .final-wink,:root:not([data-theme="light"]) #kontakt .cta-note{color:#cdd6de!important}
:root:not([data-theme="light"]) #kontakt .btn-ghost{color:#f2f5f7!important;border-color:#cdd6de!important}
:root:not([data-theme="light"]) .price-card .pb-users,:root:not([data-theme="light"]) .price-card .year-sub{color:#e9bf94!important}
:root:not([data-theme="light"]) .ob-go{color:#e9bf94!important}
}

:root[data-theme="dark"] body .story section:is(#a-k-tomu,#kalkulace,#tym,#zakazka,#faktura,#zisk,#penize,#konec-mesice) :is(.ch-h,strong){color:#f2f5f7!important}
:root[data-theme="dark"] body .story section:is(#a-k-tomu,#kalkulace,#tym,#zakazka,#faktura,#zisk,#penize,#konec-mesice) :is(.ticks li,p){color:#cdd6de!important}
:root[data-theme="dark"] body .story section:is(#a-k-tomu,#kalkulace,#tym,#zakazka,#faktura,#zisk,#penize,#konec-mesice) :is(.ch-h .hl,.ch-n span,.ch-q,.ch-wink){color:#e9bf94!important}
:root[data-theme="dark"] .obory-more .ob-more{background:#1b2c3a!important;border-color:#2a3a47!important}
:root[data-theme="dark"] .obory-more .ob-more :is(h3,p,.ob-t p){color:#e6ecf0!important}
:root[data-theme="dark"] #dalsi .d4-sklad .soon-tag{background:rgba(233,191,148,.16)!important;color:#e9bf94!important}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) body .story section:is(#a-k-tomu,#kalkulace,#tym,#zakazka,#faktura,#zisk,#penize,#konec-mesice) :is(.ch-h,strong){color:#f2f5f7!important}
:root:not([data-theme="light"]) body .story section:is(#a-k-tomu,#kalkulace,#tym,#zakazka,#faktura,#zisk,#penize,#konec-mesice) :is(.ticks li,p){color:#cdd6de!important}
:root:not([data-theme="light"]) body .story section:is(#a-k-tomu,#kalkulace,#tym,#zakazka,#faktura,#zisk,#penize,#konec-mesice) :is(.ch-h .hl,.ch-n span,.ch-q,.ch-wink){color:#e9bf94!important}
:root:not([data-theme="light"]) .obory-more .ob-more{background:#1b2c3a!important;border-color:#2a3a47!important}
:root:not([data-theme="light"]) .obory-more .ob-more :is(h3,p,.ob-t p){color:#e6ecf0!important}
:root:not([data-theme="light"]) #dalsi .d4-sklad .soon-tag{background:rgba(233,191,148,.16)!important;color:#e9bf94!important}
}

:root[data-theme="dark"]:root body .story .ch-pair section#penize :is(.ch-h,strong){color:#f2f5f7!important}
:root[data-theme="dark"]:root body .story .ch-pair section#penize :is(.ticks li,p){color:#cdd6de!important}
:root[data-theme="dark"]:root body .story .ch-pair section#penize :is(.ch-h .hl,.ch-n span,.ch-q){color:#e9bf94!important}
:root[data-theme="dark"] .story-nav{background:rgba(15,25,34,.94)!important;border-color:#2a3a47!important}
:root[data-theme="dark"] .story-nav a{color:#cdd6de!important}
:root[data-theme="dark"] .story-nav a b{color:#e9bf94!important}
:root[data-theme="dark"] .story-nav a.on{background:#e9bf94!important;color:#13212c!important}
:root[data-theme="dark"] .story-nav a.on b{color:#13212c!important}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):root body .story .ch-pair section#penize :is(.ch-h,strong){color:#f2f5f7!important}
:root:not([data-theme="light"]):root body .story .ch-pair section#penize :is(.ticks li,p){color:#cdd6de!important}
:root:not([data-theme="light"]):root body .story .ch-pair section#penize :is(.ch-h .hl,.ch-n span,.ch-q){color:#e9bf94!important}
:root:not([data-theme="light"]) .story-nav{background:rgba(15,25,34,.94)!important;border-color:#2a3a47!important}
:root:not([data-theme="light"]) .story-nav a{color:#cdd6de!important}
:root:not([data-theme="light"]) .story-nav a b{color:#e9bf94!important}
:root:not([data-theme="light"]) .story-nav a.on{background:#e9bf94!important;color:#13212c!important}
:root:not([data-theme="light"]) .story-nav a.on b{color:#13212c!important}
}

:root[data-theme="dark"] :is(#faq,#obory,#srovnani,#cenik,#kalkulace,#penize,#konec-mesice,#zisk,#zakazka,#a-k-tomu,#tym){background-color:transparent!important}
:root[data-theme="dark"] body main section:is(#faq,#obory,#srovnani,#cenik){background:#13212c!important}
:root[data-theme="dark"] body main section#obory,:root[data-theme="dark"] body main section#cenik{background:#172836!important}
:root[data-theme="dark"] #kontakt .final-otto{position:relative}
:root[data-theme="dark"] #kontakt .final-otto::before{content:"";position:absolute;width:min(380px,90%);aspect-ratio:1;border-radius:50%;background:#f4ece0;opacity:.95;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
:root[data-theme="dark"] #kontakt .final-otto img{position:relative;z-index:1}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) :is(#faq,#obory,#srovnani,#cenik,#kalkulace,#penize,#konec-mesice,#zisk,#zakazka,#a-k-tomu,#tym){background-color:transparent!important}
:root:not([data-theme="light"]) body main section:is(#faq,#obory,#srovnani,#cenik){background:#13212c!important}
:root:not([data-theme="light"]) body main section#obory,:root:not([data-theme="light"]) body main section#cenik{background:#172836!important}
:root:not([data-theme="light"]) #kontakt .final-otto{position:relative}
:root:not([data-theme="light"]) #kontakt .final-otto::before{content:"";position:absolute;width:min(380px,90%);aspect-ratio:1;border-radius:50%;background:#f4ece0;opacity:.95;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
:root:not([data-theme="light"]) #kontakt .final-otto img{position:relative;z-index:1}
}
/* přepínač snímků aplikace pod nástěnkou (jako dev, 5. 10.) */
.app-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;max-width:1120px}
.app-tabs button{border:1.5px solid var(--line-2);background:#fff;color:#1b2833;border-radius:999px;padding:9px 16px;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.app-tabs button:hover{border-color:var(--copper)}
.app-tabs button[aria-selected="true"]{background:#1d3d52;border-color:#1d3d52;color:#fff}
.shot-hero .shot-frame{background:#fff}
.shot-hero .shot-btn img{transition:opacity .18s ease;max-height:72vh;width:100%;object-fit:contain;object-position:top center}
.shot-hero.swap .shot-btn img{opacity:0}
@media (max-width:640px){.app-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.app-tabs button{flex:none}}
:root[data-theme="dark"] .app-tabs button,:root[data-theme="dark"] .legend-top button{background:#1b2c3a;color:#e6ecf0;border-color:#2a3a47}
:root[data-theme="dark"] .app-tabs button[aria-selected="true"]{background:#e9bf94;color:#13212c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .app-tabs button,:root:not([data-theme="light"]) .legend-top button{background:#1b2c3a;color:#e6ecf0;border-color:#2a3a47}:root:not([data-theme="light"]) .app-tabs button[aria-selected="true"]{background:#e9bf94;color:#13212c}}
.shot-hero figcaption{display:none!important}
.app-tabs{margin-top:14px!important}
/* KOLO DESIGNU (5. 10.) */
/* 1 kapitoly: všechny snímky stejný rámeček 16:10, celý obsah, světlé pozadí */
@media (min-width:900px){
.story .ch-pair .ch-pic figure.shot .shot-frame{aspect-ratio:16/10!important;height:auto!important;background:#fbf8f3!important;padding:16px!important;display:flex!important;align-items:center;justify-content:center}
.story .ch-pair .ch-pic figure.shot .shot-frame img{object-fit:contain!important;object-position:center!important;padding:0!important;width:100%!important;height:100%!important;border-radius:8px!important;box-shadow:0 6px 20px rgba(17,40,58,.10)!important}
.story .ch-pair #zisk .ch-pic figure.shot .shot-frame img{max-width:70%!important}
}
/* 2 FAQ: věta zarovnaná s nadpisem */
#faq .sec-wink{text-align:left!important;margin:6px 0 14px!important}
/* 3 „A dalších 24“ + Sklad blíž ke kartám */
.d4-more{margin-top:32px!important}
#dalsi{padding-bottom:56px!important}
/* 4 úvod: méně prvků mezi tlačítky a nástěnkou */
.stage-wink{font-size:15px!important;margin-bottom:10px!important}
.trust{margin-top:22px!important}
/* 5 tmavé pozadí kapitol v tmavém režimu – rámečky snímků tmavší */
:root[data-theme="dark"] .story .ch-pair .ch-pic figure.shot .shot-frame{background:#1b2c3a!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .story .ch-pair .ch-pic figure.shot .shot-frame{background:#1b2c3a!important}}
/* ČITELNOST SNÍMKŮ (laťka: text ve snímku ≥ 11 px) – obrázek širší, výřezy menší */
@media (min-width:900px){
html body .story .ch-pair .ch-in{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important}
html body .story .ch-pair .ch:nth-child(2) .ch-in{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important}
.story .ch-pair .ch-pic figure.shot .shot-frame{aspect-ratio:auto!important;padding:12px!important}
.story .ch-pair .ch-pic figure.shot .shot-frame img{height:auto!important;max-height:460px!important;width:100%!important}
.story .ch-pair #zisk .ch-pic figure.shot .shot-frame img{max-width:78%!important;margin:0 auto}
.story .ch-pair .ch-pic .kalk-box img{max-height:420px!important}
}
/* tým: tabulka bez rámečku navíc, širší */
.story .ch-pair #tym .ch-pic figure.shot .shot-frame{padding:6px!important}
/* přepínač jako dev: záložky nad snímkem, celé okno aplikace 16:9 */
.app-tabs{margin:0 auto 16px!important}
.shot-hero .shot-frame{aspect-ratio:16/9;overflow:hidden}
.shot-hero .shot-btn img{max-height:none!important;height:100%!important;object-fit:cover!important;object-position:top center!important}
/* rovně (výchozí): text vlevo, obrázek vpravo všude; cik-cak jen s ?zz=1 */
@media (min-width:900px){
html:not(.zz) body .story .ch-pair .ch:nth-child(2) .ch-in{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important}
html:not(.zz) body .story .ch-pair .ch:nth-child(2) .ch-pic{order:1!important}
html:not(.zz) body .story .ch-pair .ch:nth-child(2) .ch-tx{order:0!important}
}
/* odrážky agendy se sílou a vzduchem (5. 10.) */
.hero .agenda{grid-template-columns:repeat(3,max-content)!important;gap:16px 44px!important;margin:30px auto 6px!important}
.hero .agenda li{font-size:18px!important;font-weight:700!important;color:#1b2833!important;gap:12px!important}
.hero .agenda li::before{width:9px!important;height:9px!important}
@media (max-width:1100px){.hero .agenda{grid-template-columns:repeat(2,max-content)!important}}
@media (max-width:640px){.hero .agenda{grid-template-columns:1fr!important;gap:12px!important}.hero .agenda li{font-size:16.5px!important}}
:root[data-theme="dark"] .hero .agenda li{color:#eef2f5!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero .agenda li{color:#eef2f5!important}}
.hero .agenda{margin:34px auto 34px!important}.hero-2col .cta-row{margin-top:0!important}
/* odrážky vyniknou: světlý pás, měděné fajfky, víc místa pod nimi (5. 10.) */
.hero .agenda{background:#fff;border:1px solid #eadfce;border-radius:18px;padding:22px 34px!important;margin:36px auto 44px!important;box-shadow:0 18px 40px -28px rgba(17,40,58,.35);width:max-content;max-width:100%;gap:14px 40px!important}
.hero .agenda li::before{content:"\f00c"!important;font-family:"FA";font-weight:900;font-size:11px;width:24px!important;height:24px!important;border-radius:50%;background:var(--copper)!important;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.hero .agenda li{font-size:18px!important;font-weight:800!important}
:root[data-theme="dark"] .hero .agenda{background:#1b2c3a;border-color:#2a3a47}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero .agenda{background:#1b2c3a;border-color:#2a3a47}}
@media (max-width:640px){.hero .agenda{padding:18px 20px!important;width:auto}}
.hero-2col .hero-txt{display:flex;flex-direction:column;align-items:center}.hero .agenda{margin-left:auto!important;margin-right:auto!important;align-self:center}
@media (min-width:900px){.hero-2col{max-width:none!important;width:100%}.hero-2col .hero-txt{width:100%}
.hero .agenda{position:relative;left:0;transform:none;width:fit-content!important;margin:36px auto 44px!important}}