/* VOLBA 4 – z analýzy oficiálního webu (6. 10.) */
.hero .lead-main{font-size:clamp(19px,1.6vw,22px)!important;font-weight:800;color:var(--copper-7)!important;margin:16px auto 0!important}
/* obory: 3 velké + 1 malá + „Váš obor tu není“ → 2 sloupce dole */
@media (min-width:641px){.obory-more{grid-template-columns:repeat(2,minmax(0,1fr))!important}.obory-more>li:last-child{grid-column:span 1!important}}
:root[data-theme="dark"] .hero .lead-main{color:#e9bf94!important}
@media (min-width:641px){
.obory{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.obory-more{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.obory-more>li:last-child{grid-column:span 1!important}
.obory-more .ob-s{min-height:220px!important}
}
/* „A k tomu ještě“ – přehledné skupiny (6. 10.) */
html #dalsi.fx,:root #dalsi.fx{background:#1d3d52!important;padding:88px 0;color:#e8eef2}
.fx-head{text-align:center;margin-bottom:40px}
.fx .ey{color:#e9bf94}
.fx #dalsi-h{color:#fff;margin:0 auto}
.fx #dalsi-h .hl{color:#e9bf94}
.fx .sec-sub{color:#cdd6de;margin:12px auto 0;max-width:36em}
.fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fg{background:#fff;border-radius:18px;padding:24px 24px 18px;box-shadow:0 20px 40px -24px rgba(0,0,0,.5);border-top:5px solid var(--copper)}
.fg:nth-child(3n+2){border-top-color:#2e6f82}.fg:nth-child(3n){border-top-color:#c79a3b}
.fg-h{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.fg-h .ic{flex:none;width:44px;height:44px;border-radius:12px;background:#1d3d52;color:#e9bf94;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.fg-k{margin:0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a6a4a}
.fg h3{margin:2px 0 0;font-size:20px;line-height:1.2;color:#1b2833}
.fg ul{list-style:none;margin:0;padding:0}
.fg li{padding:9px 0;border-top:1px solid #efe6d8;display:flex;flex-direction:column;gap:2px}
.fg li b{color:#1b2833;font-size:15.5px}
.fg li span{color:#46535c;font-size:14.5px;line-height:1.45}
.fx-sklad{margin:22px auto 0;text-align:center;color:#cdd6de;font-size:15px}
.fx-sklad b{color:#fff}
.fx .soon-tag{background:rgba(233,191,148,.16);border:1px solid rgba(233,191,148,.4);color:#e9bf94;border-radius:999px;padding:3px 10px;font-weight:800}
@media (max-width:1023px){.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fx{padding:56px 0}.fx-grid{grid-template-columns:1fr}}
html #dalsi.fx .sec-sub{color:#cdd6de!important}html #dalsi.fx .fx-sklad{color:#cdd6de!important}
:root[data-theme="dark"] #dalsi.fx{background:#13212c!important}
:root[data-theme="dark"] #dalsi .fg{background:#1b2c3a;box-shadow:none;border-left:1px solid #2a3a47;border-right:1px solid #2a3a47;border-bottom:1px solid #2a3a47}
:root[data-theme="dark"] #dalsi .fg h3,:root[data-theme="dark"] #dalsi .fg li b{color:#f2f5f7}
:root[data-theme="dark"] #dalsi .fg li span{color:#c3ced6}
:root[data-theme="dark"] #dalsi .fg li{border-top-color:#2a3a47}
:root[data-theme="dark"] #dalsi .fg-k{color:#e9bf94}
:root[data-theme="dark"] #dalsi .fg-h .ic{background:#0f1a22}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #dalsi.fx{background:#13212c!important}
:root:not([data-theme="light"]) #dalsi .fg{background:#1b2c3a;box-shadow:none}
:root:not([data-theme="light"]) #dalsi .fg h3,:root:not([data-theme="light"]) #dalsi .fg li b{color:#f2f5f7}
:root:not([data-theme="light"]) #dalsi .fg li span{color:#c3ced6}
:root:not([data-theme="light"]) #dalsi .fg li{border-top-color:#2a3a47}
:root:not([data-theme="light"]) #dalsi .fg-k{color:#e9bf94}}
html #dalsi.fx #dalsi-h{color:#fff!important}html #dalsi.fx #dalsi-h .hl{color:#e9bf94!important}html #dalsi.fx .ey{color:#e9bf94!important}
/* barvy skupin + barevné odrážky (6. 10.) */
.fg:nth-child(1){--g:#23704d;--gs:#e2f0e8}.fg:nth-child(2){--g:#a65f2c;--gs:#f6e9de}.fg:nth-child(3){--g:#2e6f82;--gs:#e3eff3}
.fg:nth-child(4){--g:#85621a;--gs:#f5eedc}.fg:nth-child(5){--g:#6a3d9a;--gs:#eee8f5}.fg:nth-child(6){--g:#3f5f99;--gs:#e5ebf6}
html #dalsi .fg{border-top-color:var(--g)}
html #dalsi .fg-h .ic{background:var(--gs);color:var(--g)}
html #dalsi .fg-k{color:var(--g)}
.fg li{position:relative;padding-left:26px!important}
.fg li::before{content:"";position:absolute;left:0;top:13px;width:16px;height:16px;border-radius:50%;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
:root[data-theme="dark"] #dalsi .fg-h .ic{background:color-mix(in srgb,var(--g) 22%,#0f1a22)}
:root[data-theme="dark"] #dalsi .fg-k{color:color-mix(in srgb,var(--g) 55%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #dalsi .fg-h .ic{background:color-mix(in srgb,var(--g) 22%,#0f1a22)}:root:not([data-theme="light"]) #dalsi .fg-k{color:color-mix(in srgb,var(--g) 55%,#fff)}}
/* čísla přímo na nástěnce místo prokliků (6. 10.) */
.shot-hero .shot-frame{position:relative}
.shot-hero .pin{position:absolute;transform:translate(-50%,-50%);z-index:3;width:30px;height:30px;border-radius:50%;background:var(--copper);color:#fff;font:900 15px/1 var(--font);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(255,255,255,.95),0 4px 12px rgba(17,40,58,.3);pointer-events:none;transition:transform .2s,opacity .2s}
.shot-hero .pin.on{transform:translate(-50%,-50%) scale(1.35)}
.shot-hero.pins-off .pin,.legend-top.pins-off{opacity:0;visibility:hidden}
.legend-top li{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--ink,#1b2833);cursor:default}
.legend-top{transition:opacity .2s}
@media (max-width:640px){.shot-hero .pin{display:none}.legend-top{display:none}}
.stage .app-tabs{margin-bottom:6px}.stage .legend-top{margin:14px auto 22px}
/* varianta ?agenda=1 – bez karty, barevné ikony podle skupin (6. 10.) */
html.ag1 .agenda{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;grid-template-columns:repeat(3,max-content)!important;gap:18px 36px!important;margin-top:30px!important}
html.ag1 .agenda li{font-weight:800!important;font-size:17px!important;color:#1b2833!important;gap:12px!important}
html.ag1 .agenda li::before{display:none!important}
html.ag1 .agenda .ic{display:inline-flex!important;width:40px;height:40px;border-radius:12px;font-size:16px;align-items:center;justify-content:center;flex:none}
html.ag1 .agenda li:nth-child(1) .ic{background:#e3eff3;color:#2e6f82}
html.ag1 .agenda li:nth-child(2) .ic{background:#f5eedc;color:#85621a}
html.ag1 .agenda li:nth-child(3) .ic{background:#eee8f5;color:#6a3d9a}
html.ag1 .agenda li:nth-child(4) .ic{background:#f6e9de;color:#a65f2c}
html.ag1 .agenda li:nth-child(5) .ic{background:#e2f0e8;color:#23704d}
html.ag1 .agenda li:nth-child(6) .ic{background:#e5ebf6;color:#3f5f99}
:root[data-theme="dark"].ag1 .agenda li{color:#f2f5f7!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]).ag1 .agenda li{color:#f2f5f7!important}}
@media (max-width:760px){html.ag1 .agenda{grid-template-columns:1fr 1fr!important;gap:14px 18px!important}html.ag1 .agenda li{font-size:15px!important}}
html.ag1 .agenda{gap:16px 26px!important}html.ag1 .agenda li{font-size:16.5px!important}
@media (max-width:640px){html.ag1 .agenda{grid-template-columns:max-content!important;justify-content:center;gap:12px!important}html.ag1 .agenda .ic{width:34px;height:34px;font-size:14px}}
.shot-hero .pin{pointer-events:auto;cursor:zoom-in}.legend-top li{cursor:zoom-in!important}.legend-top li:hover{color:var(--copper-7,#8a4f22)!important}
/* čísla kapitol 01–08 barevně podle skupiny (stejné barvy jako odrážky v úvodu a „A k tomu ještě“) */
html .ch-pair .ch-n[style*="--cc"] b{background:var(--cc)!important}
html .ch-n[style*="--cc"] span{color:var(--cc)!important}
html .story-nav a[style*="--cc"] b{color:var(--cc)!important}
:root[data-theme="dark"] .story-nav a[style*="--cc"] b,:root[data-theme="dark"] .ch-n[style*="--cc"] span{color:color-mix(in srgb,var(--cc) 55%,#fff)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .story-nav a[style*="--cc"] b,:root:not([data-theme="light"]) .ch-n[style*="--cc"] span{color:color-mix(in srgb,var(--cc) 55%,#fff)!important}}
html body .ch-pair .ch-tx .ch-n[style*="--cc"] span{color:var(--cc)!important}
html:not(.ld2) .lead-main.l2,html.ld2 .lead-main.l1{display:none}html.ld2 .lead-main.l2{max-width:34em;margin-left:auto;margin-right:auto}
/* varianta ?ag=2 – celá firma: oblast + přínos */
html:not(.ag2) .agenda2,html.ag2 .agenda:not(.agenda2){display:none!important}
html.ag2 .agenda2 li span{display:flex;flex-direction:column;line-height:1.25}
html.ag2 .agenda2 li b{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:900}
html.ag2 .agenda2 li:nth-child(1) b{color:#2e6f82}html.ag2 .agenda2 li:nth-child(2) b{color:#2e6f82}html.ag2 .agenda2 li:nth-child(3) b{color:#85621a}html.ag2 .agenda2 li:nth-child(4) b{color:#6a3d9a}html.ag2 .agenda2 li:nth-child(5) b{color:#23704d}html.ag2 .agenda2 li:nth-child(6) b{color:#3f5f99}
html.ag2 .agenda2 li:nth-child(2) .ic{background:#e3eff3!important;color:#2e6f82!important}html.ag2 .agenda2 li:nth-child(3) .ic{background:#f5eedc!important;color:#85621a!important}html.ag2 .agenda2 li:nth-child(4) .ic{background:#eee8f5!important;color:#6a3d9a!important}html.ag2 .agenda2 li:nth-child(5) .ic{background:#e2f0e8!important;color:#23704d!important}
html.ag2 .agenda2{grid-template-columns:repeat(3,max-content)!important;gap:16px 30px!important}
html.ag2 .agenda2 li span{display:inline;font-size:16px;font-weight:800}
html.ag2 .agenda2 li .ic{background:var(--x)}
@media (max-width:980px){html.ag2 .agenda2{grid-template-columns:repeat(2,max-content)!important}}
@media (max-width:640px){html.ag2 .agenda2{grid-template-columns:max-content!important}}
/* transformace: dřív (malé, tlumené) → teď (tučně, barva skupiny) */
html.ag2 .agenda2.tr{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1100px;margin-left:auto!important;margin-right:auto!important;gap:22px 28px!important}
html.ag2 .agenda2.tr li{align-items:flex-start!important}
html.ag2 .agenda2.tr li span{display:flex;flex-direction:column;gap:3px}
html.ag2 .agenda2.tr small{font-size:14px;font-weight:600;color:#6b7780;line-height:1.35}
html.ag2 .agenda2.tr b{font-size:17px;font-weight:900;line-height:1.3;letter-spacing:0;text-transform:none}
:root[data-theme="dark"] html.ag2 .agenda2.tr small,:root[data-theme="dark"].ag2 .agenda2.tr small{color:#a9b6bf}
@media (max-width:980px){html.ag2 .agenda2.tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){html.ag2 .agenda2.tr{grid-template-columns:1fr!important}}
/* pruh důvěry: všechny tři položky stejná jemná fajfka */
html .trust li::before,html .trust li+li::before{content:"\f00c"!important;font-family:"FA"!important;font-weight:900!important;font-size:10px!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#f3e6d8!important;color:#a8642f!important;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;position:static!important}
:root[data-theme="dark"] .trust li::before{background:rgba(233,191,148,.16)!important;color:#e9bf94!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .trust li::before{background:rgba(233,191,148,.16)!important;color:#e9bf94!important}}
@media (max-width:640px){html .trust li:nth-child(2)::before{display:inline-flex!important}}
html .trust{gap:10px 28px!important}html .trust li{font-size:15.5px!important}
/* zvýraznění karty v zoomu po kliknutí na číslo */
.zoom-hl{position:absolute;z-index:3;pointer-events:none;border:3px solid #a8642f;border-radius:12px;box-shadow:0 0 0 9999px rgba(17,30,40,.38),0 0 0 6px rgba(168,100,47,.22);transition:all .2s}
.zoom-sc{position:relative}
html.ag2 .agenda2.tr small{color:#3a4852!important;font-size:14.5px!important}
.zoom-hl{border:0!important;box-shadow:none!important;border-radius:0!important;background:rgba(17,30,40,.42)}
.zoom-box{position:absolute;border:3px solid #a8642f;border-radius:10px;box-shadow:0 0 0 5px rgba(168,100,47,.25),0 10px 30px rgba(0,0,0,.25);background-repeat:no-repeat;box-sizing:border-box;background-clip:padding-box}
/* obory: co obor dostane – body přímo na kartě */
.ob-pts{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}
.ob-pts li{position:relative;padding-left:22px;font-size:15px;line-height:1.35;color:#f3ede4;font-weight:600}
.ob-pts li::before{content:"\f00c";font-family:"FA";font-weight:900;position:absolute;left:0;top:2px;font-size:11px;color:#e9bf94}
.obory-more .ob-pts li{font-size:14px}
.ob::after{background:linear-gradient(180deg,rgba(13,25,34,0) 25%,rgba(13,25,34,.55) 55%,rgba(13,25,34,.9) 100%)!important}
.obory-more .ob-s{min-height:260px!important}
.ob .ob-t p[data-test="T3"],.ob .ob-t>p:has(+.ob-pts){display:none!important}#obory h2{text-align:center;margin-left:auto!important;margin-right:auto!important}
/* obory 6. 10.: zakázková výroba dominantou, pestré provozy */
.ob2{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:18px}
.ob2 .ob2-big{grid-row:1/3}
.ob2 .ob{aspect-ratio:auto!important;height:100%;min-height:250px}
.ob2 .ob2-big .ob{min-height:520px}
.ob2 .ob2-big h3{font-size:30px!important}
.ob2-more{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ob2-more .ob{aspect-ratio:auto!important;min-height:250px}
.ob2-more h3{font-size:17px!important}
.ob2-more .ob-pts li{font-size:13.5px}
.obory-more-h{margin:30px 0 12px;font-weight:800;color:#1b2833}
.ob-more2{background:#fff!important;border:1px solid #eadfce;color:#1b2833!important}
.ob-more2::after{display:none!important}
.ob-more2 .ob-t{position:static!important;height:100%;justify-content:space-between;padding:22px!important}
.ob-more2 h3{color:#1b2833!important}.ob-more2 h3::after{display:none}
.ob-more2 p{color:#3a4852!important;font-size:14.5px;margin:6px 0 0}
.ob-more2 b{color:#8a4f22;font-size:14.5px;margin-top:14px}
:root[data-theme="dark"] .ob-more2{background:#1b2c3a!important;border-color:#2a3a47}:root[data-theme="dark"] .ob-more2 h3{color:#f2f5f7!important}:root[data-theme="dark"] .ob-more2 p{color:#c3ced6!important}:root[data-theme="dark"] .ob-more2 b{color:#e9bf94}
@media (max-width:900px){.ob2{grid-template-columns:1fr;grid-template-rows:auto}.ob2 .ob2-big{grid-row:auto}.ob2 .ob2-big .ob{min-height:420px}.ob2-more{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ob2-more{grid-template-columns:1fr}}
/* úvod provzdušnit (6. 10.) */
html.ag2 .agenda2.tr{gap:34px 48px!important;margin-top:44px!important;margin-bottom:12px!important}
html.ag2 .agenda2.tr b{margin-bottom:3px}
html.ag2 .hero .cta-row{margin-top:52px!important}
.stage .stage-wink{margin-top:56px!important}
.stage .app-tabs{margin-top:16px}
.ob2-more{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ob2-more .ob{min-height:210px!important}@media (max-width:900px){.ob2-more{grid-template-columns:1fr 1fr!important}}@media (max-width:560px){.ob2-more{grid-template-columns:1fr!important}}
/* ještě víc vzduchu – telefon tam, kde byl úvod snímku */
html.ag2 .agenda2.tr{gap:46px 52px!important;margin-top:56px!important}
html.ag2 .hero .cta-row{margin-top:84px!important}
.stage .stage-wink{margin-top:88px!important}
html.ag2 .agenda2.tr{gap:46px 34px!important}
/* ceník zjednodušený */
.price-one{font-size:20px;font-weight:900;color:#fff;margin:18px 0 6px}
#cenik .price-list li{font-size:16px}
#cenik .year{padding:16px 20px!important}
#cenik .year strong{font-size:17px}
/* ceník podle živého webu (6. 10.) */
.pc-head{text-align:center;margin-bottom:36px}
.pc-grid{display:grid;grid-template-columns:1fr minmax(0,460px);gap:56px;align-items:center;max-width:1080px;margin:0 auto}
.pc-list h3{font-size:19px;margin:0 0 18px;color:#1b2833}
.pc-list ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.pc-list li{position:relative;padding-left:34px;font-size:16.5px;color:#3a4852;line-height:1.45}
.pc-list li b{color:#1b2833}
.pc-list li::before{content:"\f00c";font-family:"FA";font-weight:900;font-size:10px;position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:#f3e6d8;color:#a8642f;display:flex;align-items:center;justify-content:center}
.pc-card{background:#1d3d52;color:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 60px -30px rgba(17,40,58,.55);display:flex;flex-direction:column}
.pc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pc-top b{font-size:17px}
.pc-tag{background:#f3e6d8;color:#8a4f22;font-weight:800;font-size:13px;border-radius:999px;padding:5px 12px}
.pc-sw{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.08);border-radius:999px;padding:5px;margin-bottom:22px}
.pc-sw button{font:800 15px/1 var(--font);border:0;border-radius:999px;padding:12px 10px;background:transparent;color:#cdd6de;cursor:pointer}
.pc-sw button[aria-pressed="true"]{background:#a8642f;color:#fff}
.pc-sw button span{font-size:11.5px;background:#fff;color:#8a4f22;border-radius:999px;padding:3px 8px;margin-left:6px}
.pc-price{margin:0}.pc-num{font-size:56px;font-weight:900;letter-spacing:-.02em}.pc-per{color:#cdd6de;font-size:17px}
.pc-sub{margin:4px 0 20px;color:#e9bf94;font-weight:800}
.pc-pts{list-style:none;margin:0 0 24px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:10px}
.pc-pts li{position:relative;padding-left:32px;color:#e8eef2;font-size:15.5px}
.pc-pts li::before{content:"\f00c";font-family:"FA";font-weight:900;font-size:10px;position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:rgba(233,191,148,.18);color:#e9bf94;display:flex;align-items:center;justify-content:center}
.pc-card .btn{width:100%;text-align:center}
.pc-demo{display:block;text-align:center;margin-top:12px;color:#e9bf94;font-weight:800;text-decoration:none}
.pc-vat{text-align:center;margin:10px 0 0;color:#a9b6bf;font-size:13px}
:root[data-theme="dark"] .pc-list h3,:root[data-theme="dark"] .pc-list li b{color:#f2f5f7}:root[data-theme="dark"] .pc-list li{color:#c3ced6}:root[data-theme="dark"] .pc-card{background:#1b2c3a;border:1px solid #2a3a47}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pc-list h3,:root:not([data-theme="light"]) .pc-list li b{color:#f2f5f7}:root:not([data-theme="light"]) .pc-list li{color:#c3ced6}:root:not([data-theme="light"]) .pc-card{background:#1b2c3a;border:1px solid #2a3a47}}
@media (max-width:900px){.pc-grid{grid-template-columns:1fr;gap:32px}.pc-card{max-width:520px;margin:0 auto;width:100%}}
#cenik .pc-head{display:block!important;text-align:center!important}#cenik .pc-head .sec-h,#cenik .pc-head .sec-sub{margin-left:auto!important;margin-right:auto!important;text-align:center!important}#cenik .pc-head .sec-sub{margin-top:10px!important}
/* malý Otto v úvodu vpravo nahoře */
.hero-in{position:relative}
.hero-otto{position:absolute;right:2%;top:6px;width:110px;height:auto;opacity:.95;pointer-events:none;transform:rotate(6deg)}
@media (max-width:1100px){.hero-otto{width:84px;right:0}}
@media (max-width:900px){.hero-otto{display:none}}
.hero-otto{right:13%!important;top:18px!important}@media (max-width:1100px){.hero-otto{right:4%!important}}
/* ceník v barvách stránky: ikony podle skupin jako v úvodu */
.pc-list li{padding-left:46px!important;min-height:32px;display:flex;align-items:center}
.pc-list li::before{display:none!important}
.pc-list li .ic{position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:10px;background:var(--bg);color:var(--c);display:flex;align-items:center;justify-content:center;font-size:13px}
.pc-list li b{color:var(--c)!important}
#cenik{background:#f7f3ec}
/* Otto větší a výš */
.hero-otto{width:140px!important;top:-14px!important}
@media (max-width:1100px){.hero-otto{width:100px!important}}
.pc-list li{display:block!important;padding-top:5px;padding-bottom:5px}
/* Otto podle Terezy: left 75.2 %, top 19 px, šířka 197 px; sedí na lince */
.hero-otto{left:75.2%!important;right:auto!important;top:19px!important;width:197px!important;transform:none!important;display:block}
.hero-otto img{width:100%;height:auto;display:block;position:relative;z-index:1}
.hero-otto::after{content:"";position:absolute;left:-46%;right:-30%;top:69%;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(168,100,47,0),#a8642f 22%,#a8642f 78%,rgba(168,100,47,0));z-index:0}
@media (max-width:1250px){.hero-otto{width:150px!important;left:78%!important}}
@media (max-width:900px){.hero-otto{display:none!important}}
/* navigace kapitol: aktivní položka čitelná, popisky kapitol v barvě skupiny */
html body .story-nav a.on[style*="--cc"]{background:var(--cc)!important;color:#fff!important}
html body .story-nav a.on[style*="--cc"] b{color:#fff!important;opacity:.85}
:root:root:root body .story .ch-n[style*="--cc"] span{color:var(--cc)!important}
:root:root:root #obsah .story section .ch-n[style*="--cc"] span{color:var(--cc)!important}
.hero-otto::after{left:var(--ll,-46%)!important;right:var(--lr,-30%)!important;top:var(--lt,69%)!important;height:var(--lw,3px)!important}
/* linka: podtrhne „Všechno, co k chodu firmy…“ a dojde až pod Otta */
.hero-otto::after{display:none!important}
.hero-line{position:absolute;height:3px;border-radius:3px;background:linear-gradient(90deg,#a8642f 0,#a8642f 85%,rgba(168,100,47,0));z-index:0;pointer-events:none}
.hero-otto{z-index:1}
:root[data-theme="dark"] .hero-line{background:linear-gradient(90deg,#e9bf94 0,#e9bf94 85%,rgba(233,191,148,0))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero-line{background:linear-gradient(90deg,#e9bf94 0,#e9bf94 85%,rgba(233,191,148,0))}}
/* srovnání výrazněji: sloupec AutoOffice navy, fajfky a proužek v barvě skupiny */
.cmp table{border-collapse:separate;border-spacing:0}
.cmp tbody th[scope="row"]{position:relative;padding-left:26px!important;font-weight:800!important}
.cmp tbody tr[style*="--g"] th[scope="row"]::before{content:"";position:absolute;left:10px;top:22%;bottom:22%;width:4px;border-radius:4px;background:var(--g)}
.cmp td.ao,.cmp th.ao{background:#1d3d52!important}
.cmp tbody td.ao{border-color:rgba(255,255,255,.08)!important}
.cmp tbody tr[style*="--g"] .yes{background:var(--g)!important;box-shadow:0 0 0 4px rgba(255,255,255,.12);width:32px!important;height:32px!important;font-size:16px!important}
.cmp tbody tr td:not(.ao) .yes{background:#c9d2d8!important;box-shadow:none}
.cmp td.m{color:#8a949b!important}
.cmp tbody tr:hover th,.cmp tbody tr:hover td:not(.ao){background:#faf5ee}
.cmp tbody tr:last-child td.ao{border-bottom-right-radius:16px}
.cmp tbody tr:last-child td.ao{border-bottom-right-radius:0!important}.cmp tbody tr[style*="--g"] td.ao .yes{background:color-mix(in srgb,var(--g) 80%,#fff)!important}
/* srovnání v2: světlé, AutoOffice sloupec měděně tónovaný, syté fajfky v barvě skupiny */
.cmp tbody tr[style*="--g"] th[scope="row"]::before{display:none!important}
.cmp tbody th[scope="row"]{padding-left:22px!important}
html body .cmp tbody td.ao{background:#f6e9de!important;border-color:#ecdcc8!important}
html body .cmp thead th.ao{background:#1d3d52!important}
html body .cmp tbody tr[style*="--g"] td.ao .yes{background:var(--g)!important;box-shadow:none!important;width:30px!important;height:30px!important}
.cmp tbody tr:hover td.ao{background:#f1e2d0!important}
:root[data-theme="dark"] .cmp tbody td.ao{background:#2a2420!important;border-color:#3a3029!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cmp tbody td.ao{background:#2a2420!important;border-color:#3a3029!important}}
.hero-line{background:linear-gradient(90deg,rgba(168,100,47,0) 0,#a8642f 18%,#a8642f 82%,rgba(168,100,47,0) 100%)!important}
:root[data-theme="dark"] .hero-line{background:linear-gradient(90deg,rgba(233,191,148,0) 0,#e9bf94 18%,#e9bf94 82%,rgba(233,191,148,0) 100%)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero-line{background:linear-gradient(90deg,rgba(233,191,148,0) 0,#e9bf94 18%,#e9bf94 82%,rgba(233,191,148,0) 100%)!important}}
.hero-line{height:6px!important;border-radius:6px}
html.ag2 .agenda2.tr{margin-top:96px!important}
/* hodnoty od Terezy 6. 10. (?ladit=1) */
html body:not(#zz1) .hero h1{font-size:48px!important}
html body:not(#zz1) .hero .lead-main{margin-top:43px!important;font-size:28px!important}
html.ag2 body:not(#zz1) .hero .agenda2.tr{margin-top:108px!important;row-gap:74px!important;column-gap:67px!important;grid-template-columns:repeat(3,max-content)!important;justify-content:center!important;max-width:none!important}
html body:not(#zz1) .hero .agenda2 li b{font-size:19px!important}
html body:not(#zz1) .hero .agenda2 small{font-size:18px!important}
html body:not(#zz1) .hero .cta-row{margin-top:86px!important}
html body:not(#zz1) .stage .stage-wink{margin-top:88px!important}
@media (max-width:1180px){html.ag2 body:not(#zz1) .hero .agenda2.tr{grid-template-columns:repeat(2,max-content)!important;column-gap:48px!important}}
@media (max-width:760px){html.ag2 body:not(#zz1) .hero .agenda2.tr{grid-template-columns:1fr!important;justify-content:stretch!important;row-gap:28px!important}html body:not(#zz1) .hero h1{font-size:34px!important}html body:not(#zz1) .hero .lead-main{font-size:20px!important;margin-top:20px!important}html body:not(#zz1) .hero .agenda2 li b{font-size:17px!important}html body:not(#zz1) .hero .agenda2 small{font-size:15px!important}}
/* odrážky: tři stejně široké sloupce, položka vystředěná ve svém sloupci → prostřední přesně na střed stránky */
html.ag2 body:not(#zz1) .hero .agenda2.tr{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:center!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;column-gap:40px!important}
html.ag2 body:not(#zz1) .hero .agenda2.tr li{width:max-content;max-width:100%}
@media (max-width:1180px){html.ag2 body:not(#zz1) .hero .agenda2.tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){html.ag2 body:not(#zz1) .hero .agenda2.tr{grid-template-columns:1fr!important;justify-items:start!important}}
html.ag2 body:not(#zz1) .hero .agenda2.tr{max-width:1320px!important;column-gap:24px!important}
@media (max-width:760px){html.ag2 body:not(#zz1) .hero .agenda2.tr li{width:auto!important}}
@media (min-width:1360px){html.ag2 body:not(#zz1) .hero .agenda2.tr li :is(b,small){white-space:nowrap}}
@media (min-width:1181px) and (max-width:1359px){html body:not(#zz1) .hero .agenda2 small{font-size:16px!important}}
/* provzdušnit zbytek stránky ve stejném rytmu jako úvod */
html body .sec,html body #srovnani,html body #obory,html body #cenik,html body #faq,html body #dalsi,html body #kontakt{padding-top:120px!important;padding-bottom:120px!important}
html body .sec-head,html body .fx-head,html body .pc-head{margin-bottom:56px!important}
html body .story .ch-pair{padding-top:56px!important;padding-bottom:56px!important}
html body .story .ch-pair .ch-in+.ch-in{margin-top:96px!important}
html body .story-intro,html body .story>.wrap:first-child{padding-top:120px!important}
html body .fx-grid{gap:28px!important}
html body .ob2{gap:24px!important}html body .ob2-more{gap:22px!important}
html body .pc-grid{gap:80px!important}
@media (max-width:760px){html body .sec,html body #srovnani,html body #obory,html body #cenik,html body #faq,html body #dalsi,html body #kontakt{padding-top:64px!important;padding-bottom:64px!important}html body .story .ch-pair .ch-in+.ch-in{margin-top:56px!important}}
html:not(.ag3) .agv3,html.ag3 .agenda2:not(.agv3){display:none!important}
/* úvod = přesně jedna obrazovka, „Nebo zavolejte“ dole; velikosti mezi původní a laděnou verzí */
html body:not(#zz1) .hero{padding-top:clamp(24px,4vh,56px)!important;padding-bottom:clamp(16px,3vh,32px)!important}
html body:not(#zz1) .hero .hero-txt{min-height:calc(100svh - var(--top,68px) - clamp(24px,4vh,56px) - clamp(16px,3vh,32px));display:flex;flex-direction:column}
html body:not(#zz1) .hero h1{font-size:clamp(38px,5.4vh,48px)!important}
html body:not(#zz1) .hero .lead-main{margin-top:clamp(14px,3.2vh,36px)!important;font-size:clamp(20px,2.9vh,26px)!important}
html.ag2 body:not(#zz1) .hero .agenda2.tr{margin-top:clamp(36px,8vh,90px)!important;row-gap:clamp(22px,5.4vh,60px)!important;column-gap:32px!important}
html body:not(#zz1) .hero .agenda2 li b{font-size:clamp(16px,2.1vh,19px)!important}
html body:not(#zz1) .hero .agenda2 small{font-size:clamp(14px,1.9vh,17px)!important}
html body:not(#zz1) .hero .cta-row{margin-top:auto!important;padding-top:clamp(28px,5vh,64px)}
@media (max-width:760px){html body:not(#zz1) .hero .hero-txt{min-height:0}}
html body:not(#zz1) .hero-otto{width:clamp(120px,15.5vh,197px)!important}
html.ag2 body:not(#zz1) .hero .agenda2.tr{margin-top:clamp(64px,10vh,104px)!important}
/* nadpis: AutoOffice barevně, podnadpis jinou barvou */
.hero h1 .h1-ao{color:#a8642f}
html body:not(#zz1) .hero .lead-main.l2{color:#2e6f82!important}
:root[data-theme="dark"] .hero h1 .h1-ao{color:#e9bf94}:root[data-theme="dark"] body .hero .lead-main.l2{color:#8fc3cf!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero h1 .h1-ao{color:#e9bf94}:root:not([data-theme="light"]) body .hero .lead-main.l2{color:#8fc3cf!important}}
/* srovnání: fajfky na střed sloupce */
html body .cmp td.ao,html body .cmp th.ao{text-align:center!important}
html body .cmp th.ao .cmp-logo{margin:0 auto}
html body .cmp td:not(.ao):not(.m){text-align:left}
/* šipka na další část; tlačítka o kus výš */
.hero-next{align-self:center;margin-top:clamp(18px,3vh,32px);width:46px;height:46px;border-radius:50%;border:1.5px solid #e2c3a2;color:#a8642f;display:inline-flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;animation:hn 2.4s ease-in-out infinite;transition:background .2s,color .2s}
.hero-next:hover{background:#a8642f;color:#fff;border-color:#a8642f}
@keyframes hn{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.hero-next{animation:none}}
html body:not(#zz1) .hero .cta-row{padding-top:clamp(20px,3.5vh,44px)}
:root[data-theme="dark"] .hero-next{border-color:#5a4632;color:#e9bf94}
@media (max-width:760px){.hero-next{display:none}}
html body:not(#zz1) .hero .hero-txt{min-height:calc(100svh - var(--top,68px) - clamp(24px,4vh,56px) - clamp(16px,3vh,32px) - 112px)!important}
html body:not(#zz1) .hero .phone{margin-top:12px!important}
.hero-next{display:flex;margin:clamp(12px,2.2vh,24px) auto 0!important}
/* varianta ?cta=top: tlačítka rovnou pod nadpisem */
html.ctatop body:not(#zz1) .hero .cta-row{order:2;margin-top:clamp(20px,3.5vh,36px)!important;padding-top:0!important}
html.ctatop body:not(#zz1) .hero h1{order:0}html.ctatop body:not(#zz1) .hero .lead-main{order:1}
html.ctatop body:not(#zz1) .hero .agenda2{order:3}
html.ctatop body:not(#zz1) .hero .hero-txt{min-height:0!important}
html.ag2 body:not(#zz1) .hero .agenda2.tr{row-gap:clamp(18px,4.2vh,48px)!important;margin-top:clamp(56px,8.5vh,96px)!important}
html.ctatop body:not(#zz1) .hero .phone{order:3}
html.ctatop body:not(#zz1) .hero .agenda2{order:4}
html.ctatop body:not(#zz1) .hero .hero-next{order:5}
html.ctatop body:not(#zz1) .hero .cta-row{margin-top:clamp(40px,6vh,64px)!important}
html.ctatop.ag2 body:not(#zz1) .hero .agenda2.tr{margin-top:clamp(40px,7vh,72px)!important}
/* pruh důvěry rovnou pod úvodem (pod tlačítky a telefonem) */
html body .trust-hero{border:0!important;padding:0!important;margin:clamp(14px,2.4vh,26px) auto 0!important;justify-content:center;gap:8px 28px!important}
html body .trust-hero li{font-size:14.5px!important;font-weight:700!important;color:#3a4852!important}
html.ctatop body:not(#zz1) .hero .trust-hero{order:3}
html.ag2 body:not(#zz1) .hero .agenda2.tr{margin-top:clamp(48px,7.5vh,90px)!important;row-gap:clamp(16px,3.6vh,44px)!important}
html.ag2 body:not(#zz1) .hero .agenda2.tr{margin-top:clamp(44px,6.5vh,80px)!important;row-gap:clamp(14px,3vh,38px)!important}
html body:not(#zz1) .hero .cta-row{padding-top:clamp(16px,2.6vh,34px)!important}
html body .trust-hero{margin-top:clamp(10px,1.8vh,20px)!important}
.hero-next{margin-top:clamp(8px,1.6vh,18px)!important}
html.ag2 body:not(#zz1) .hero .agenda2.tr{margin-top:clamp(60px,9vh,96px)!important}
/* šipka na další část – všude */
.sec-next-w{display:flex;justify-content:center;padding:clamp(24px,4vh,48px) 0 0;position:relative;z-index:2}
.sec-next{width:46px;height:46px;border-radius:50%;border:1.5px solid #e2c3a2;color:#a8642f;background:rgba(255,255,255,.6);display:inline-flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;animation:hn 2.4s ease-in-out infinite;transition:background .2s,color .2s;cursor:pointer}
.sec-next:hover{background:#a8642f;color:#fff;border-color:#a8642f}
.fx .sec-next,.final .sec-next,.story-cta .sec-next{border-color:rgba(233,191,148,.5);color:#e9bf94;background:transparent}
:root[data-theme="dark"] .sec-next{border-color:#5a4632;color:#e9bf94;background:transparent}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sec-next{border-color:#5a4632;color:#e9bf94;background:transparent}}
@media (max-width:760px){.sec-next-w{display:none}}
/* výzva po příběhu: odlišit od tmavé sekce „A k tomu ještě“ – měděný pás */
html body .story-cta{background:#a8642f!important;padding:40px 0!important}
html body .story-cta p span{color:#fbe9d6!important}
html body .story-cta .btn-primary{background:#fff!important;color:#8a4f22!important;border-color:#fff!important}
html body .story-cta-tel{color:#fff!important}
html body #dalsi.fx{padding-top:96px!important}
/* úvod: menší nadpis, větší odrážky (6. 10.) */
html body:not(#zz1) .hero h1{font-size:clamp(34px,4.6vh,42px)!important}
html body:not(#zz1) .hero .lead-main{font-size:clamp(18px,2.4vh,22px)!important;margin-top:clamp(12px,2.4vh,26px)!important}
html body:not(#zz1) .hero .agenda2 li b{font-size:clamp(17px,2.3vh,20px)!important}
html body:not(#zz1) .hero .agenda2 small{font-size:clamp(15px,2vh,17.5px)!important}
html body:not(#zz1) .hero .agenda2 .ic{width:44px!important;height:44px!important;font-size:17px!important}
html body .trust-hero{margin-top:clamp(20px,3.4vh,40px)!important}
.hero-next{margin-top:clamp(14px,2.4vh,26px)!important}
/* závěr odlišit od FAQ */
html body #kontakt{background:#eaf1f4!important}
:root[data-theme="dark"] #kontakt{background:#16252f!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #kontakt{background:#16252f!important}}
.sec-next-w{grid-column:1/-1;width:100%;flex-basis:100%}
html.ag2 body:not(#zz1) .hero .agenda2.tr{row-gap:clamp(22px,5vh,56px)!important}
html body:not(#zz1) .hero .cta-row{padding-top:clamp(28px,5vh,60px)!important}
html body:not(#zz1) main section#kontakt.final{background:#eaf1f4!important}
:root[data-theme="dark"] body main section#kontakt.final{background:#16252f!important}
#faq .sec-next-w{display:none!important}
.sec-next-w{padding-bottom:8px}.stage-wrap>.sec-next-w{padding-top:28px}
/* větev místo rovné linky v úvodu */
html body .hero-line{background:none!important;height:28px!important;border-radius:0}
.hero-line svg{width:100%;height:100%;display:block;overflow:visible}
/* Otto sedí na větvi v patičce (místo plovoucího v závěru) */
.final-otto{display:none!important}
.foot-otto-sit{position:absolute;z-index:3;height:190px;width:auto;top:-128px;left:max(24px,calc((100vw - 1240px)/2 + 90px));pointer-events:none}
html body .final-has-otto{padding-bottom:150px!important}
@media (max-width:900px){.foot-otto-sit{height:120px;top:-80px;left:20px}}
/* každá kapitola 01–08 = jeden celý slide pod lištou, obsah na střed, větší */
html body .story .ch-pair{padding-top:0!important;padding-bottom:0!important}
html body .story [id].ch{min-height:calc(100svh - var(--top,68px) - var(--navh,64px));display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vh,56px) 0 clamp(8px,2vh,24px)!important;margin:0!important;scroll-margin-top:calc(var(--top,68px) + var(--navh,64px))}
html body .story .ch-pair .ch-in+.ch-in{margin-top:0!important}
html body .story [id].ch .ch-h{font-size:clamp(30px,4.4vh,42px)!important}
html body .story [id].ch .ticks li{font-size:clamp(16px,2.1vh,18.5px)!important}
html body .story [id].ch .ch-pic{transform:none}
html body .story [id].ch .ch-pic figure.shot .shot-frame img{max-height:min(62vh,560px)!important}
html body .story [id].ch .sec-next-w{padding-top:clamp(16px,3vh,32px)}
html body .story [id].ch{display:flex!important;flex-direction:column!important;justify-content:center!important}
html body .story [id].ch .ch-in{width:100%}
html body .story [id].ch .ch-pic figure.shot .shot-frame img{max-height:min(66vh,620px)!important}
html body .story [id].ch .ch-h{font-size:clamp(32px,4.8vh,46px)!important}
html body main section#kontakt .final-otto,html body main section#kontakt .final-otto img{display:none!important}
html body .foot-otto-sit{height:250px!important;top:-158px!important;left:max(24px,calc((100vw - 1240px)/2 + 120px))!important}
/* závěr: text vlevo přes šířku, Otto na větvi vpravo */
html body main section#kontakt .final-in{display:block!important}
html body main section#kontakt .final-text{max-width:720px!important;margin:0!important;text-align:left}
html body main section#kontakt .final-text .cta-row,html body main section#kontakt .final-text [class*="cta"]{flex-direction:row!important;flex-wrap:wrap}
html body .foot-otto-sit{left:auto!important;right:max(24px,calc((100vw - 1240px)/2 + 80px))!important}
html body main section#kontakt .final-text [class*="cta-item"]{flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start}
html body main section#kontakt .final-text .cta-row{display:flex!important;gap:14px 18px}
/* velký Otto sedí na větvi vpravo */
html body .foot-otto-sit{height:380px!important;top:-238px!important;right:max(24px,calc((100vw - 1240px)/2 + 40px))!important}
html body .final-has-otto{padding-bottom:120px!important}
html body .foot-otto-sit{filter:drop-shadow(0 0 1.2px rgba(233,191,148,.9)) drop-shadow(0 0 1.2px rgba(233,191,148,.9))}
/* Domluvme se + Časté dotazy na jednom slidu */
html body main section#kontakt.fq{padding-top:clamp(56px,8vh,96px)!important;padding-bottom:clamp(140px,18vh,180px)!important}
.fq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:start}
html body main section#kontakt .fq-grid .final-text{max-width:none!important}
html body main section#kontakt .final-text h2{font-size:clamp(34px,4.6vh,44px)!important}
.fq-h{font-size:clamp(24px,3vh,30px);margin:0 0 14px;color:#1b2833}
.fq-faq .faq details summary{padding-top:13px!important;padding-bottom:13px!important;font-size:16px!important}
.fq-faq .textlink{display:inline-block;margin-top:16px}
:root[data-theme="dark"] .fq-h{color:#f2f5f7}
html body .fq-faq .faq,html body .fq-faq .faq details{background:transparent!important}
html body main section#kontakt .fq-faq{background:transparent!important;padding:0!important;margin:0!important;min-height:0!important}
html body main section#kontakt .fq-faq .fq-h{font-size:clamp(24px,3vh,30px)!important;margin:4px 0 10px!important;line-height:1.2}
html body main section#kontakt .fq-faq .ey{margin:0!important}
html body main section#kontakt .final-text .cta-row{flex-direction:row!important}
html body main section#kontakt .final-text .cta-item{display:flex;flex-direction:column}
html body main section#kontakt .fq-faq,html body main section#kontakt .fq-faq *:not(summary):not(.ic){background-color:transparent!important}
html body main section#kontakt .fq-faq .faq{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body main section#kontakt div.fq-faq#faq{background:none!important;background-color:transparent!important}
html body:not(#zz1) .hero-otto{width:clamp(140px,18vh,220px)!important}
:root:root:root:not([data-theme="dark"]) body main #kontakt #faq{background:transparent!important}
html body:not(#zz1) .hero .lead-main{margin-top:clamp(6px,1.4vh,16px)!important}
/* rytmus kapitol: každá přesně jedna obrazovka, obsah na střed, šipka vždy na stejném místě */
html body .story [id].ch{height:calc(100svh - var(--top,68px) - var(--navh,64px))!important;min-height:0!important;box-sizing:border-box;position:relative;padding:clamp(16px,3vh,40px) 0 clamp(84px,11vh,110px)!important;justify-content:center!important;overflow:visible}
html body .story [id].ch>.sec-next-w{position:absolute;left:0;right:0;bottom:clamp(18px,3vh,32px);padding:0!important}
html body .story [id].ch .ch-pic figure.shot .shot-frame img{max-height:min(54vh,520px)!important}
html body .story [id].ch .kalk-box{max-height:60vh}
html body .story [id].ch .ch-h{font-size:clamp(28px,4.2vh,42px)!important}
/* časté dotazy v závěru menší */
html body main section#kontakt .fq-faq .fq-h{font-size:clamp(20px,2.4vh,24px)!important}
html body main section#kontakt .fq-faq .faq details summary{font-size:14.5px!important;padding-top:9px!important;padding-bottom:9px!important;min-height:0!important}
html body main section#kontakt .fq-faq .faq details p{font-size:14.5px!important}
html body main section#kontakt .fq-faq .faq details summary::after{transform:scale(.8)}
html body main section#kontakt .fq-faq .textlink{font-size:14.5px;margin-top:10px}
.story-cta .sec-next-w{display:none!important}
/* šipka je poslední věc sekce – další sekce navazuje hned pod ní */
html body main section:is(#cenik,#obory,#srovnani,#dalsi){padding-bottom:28px!important}
html body .stage-wrap{padding-bottom:20px!important}
/* Domluvme se samostatně, Časté dotazy úplně dole – dva sloupce, jedna obrazovka */
html body main section#kontakt .fq-grid{display:block!important}
html body main section#kontakt .fq-grid .final-text{max-width:720px!important}
html body main section#kontakt.fq{padding-bottom:clamp(60px,9vh,100px)!important}
html body main section#faq.faq2{background:#f7f3ec!important;padding:clamp(56px,8vh,96px) 0 clamp(150px,20vh,200px)!important}
.faq2 .fq-faq{text-align:center}
.faq2 .fq-h{font-size:clamp(28px,3.8vh,36px)!important;margin:6px auto 28px!important}
.faq2 .faq{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;text-align:left;max-width:1120px;margin:0 auto}
.faq2 .faq details{border-bottom:1px solid #e4dccf}
.faq2 .faq details summary{font-size:15.5px!important;padding:16px 0!important}
.faq2 .textlink{margin-top:22px;display:inline-block}
:root[data-theme="dark"] body main section#faq.faq2{background:#13212c!important}
/* Otto víc doprava */
html body .foot-otto-sit{right:max(8px,calc((100vw - 1240px)/2 - 30px))!important}
.faq2 .textlink{grid-column:1/-1}.faq2 .fq-faq>.textlink{display:block;width:max-content;margin:24px auto 0}