/* GENEROVÁNO z návrhu (scratchpad web/build.py) */

body{margin:0;background:#F7F8F5;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;color:#06303A;-webkit-font-smoothing:antialiased}
a{color:#0D4F56}a:hover{color:#06303A}
h1,h2,h3,p{margin:0}
.serif{font-family:'Source Serif 4',Georgia,'Times New Roman',serif;letter-spacing:-0.01em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:12px;background:#4DEB8D;color:#06303A;font-weight:700;font-size:18px;text-decoration:none;border:0;font-family:inherit;box-sizing:border-box}
.btn:hover{background:#38D97A;color:#06303A}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:12px;background:transparent;color:#0D4F56;font-weight:700;font-size:17px;text-decoration:none;border:1.5px solid #0D4F56;font-family:inherit;box-sizing:border-box}
.btn2:hover{background:#DDEBE9;color:#06303A}
.doloz{background:#FFF1C9;box-shadow:inset 0 -2px 0 #B7791F;padding:0 3px;border-radius:3px}
.tagd{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6B4400;background:#FFE7A3;padding:2px 6px;border-radius:4px;vertical-align:middle;line-height:1.4}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0D4F56}
.num{font-variant-numeric:tabular-nums lining-nums}
.muted{color:#44605F}
.card{background:#FFFFFF;border:1px solid #D5E2DF;border-radius:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:15px;font-weight:700;color:#06303A}
.input{height:52px;border:1.5px solid #B9CCC8;border-radius:10px;padding:0 14px;font-size:17px;font-family:inherit;color:#06303A;background:#fff;box-sizing:border-box;width:100%}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#DDEBE9;color:#0D4F56;font-size:14px;font-weight:700}

.star{color:#E8A317}
.crit{display:flex;gap:14px;align-items:flex-start}
.ico{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#DDEBE9;color:#0D4F56;display:flex;align-items:center;justify-content:center}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px;border-radius:14px;border:1.5px solid #B9CCC8;background:#fff;color:#06303A;font-weight:700;font-size:17px;text-decoration:none;font-family:inherit}
.tile:hover{border-color:#0D4F56;background:#F2F7F6;color:#06303A}
.faq{border-top:1px solid #D5E2DF;padding:18px 0}
.faq h3{font-size:18px;font-weight:700;margin-bottom:8px}
.faq p{font-size:16px;line-height:1.55;color:#1D4A50}

.tile3{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;gap:8px;padding:14px 10px;border-radius:16px;background:#FFFFFF;border:1.5px solid #B9CCC8;color:#06303A;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.tile3:hover{border-color:#0D4F56;background:#F2F7F6;color:#06303A}
.tile3 .ti{display:flex;align-items:center;justify-content:center;color:#0D4F56;height:64px}
.tile3 .tbtn{align-self:stretch;display:block;background:#4DEB8D;color:#06303A;font-weight:800;font-size:clamp(13px,1vw + 6px,15px);line-height:1.2;white-space:nowrap;border-radius:10px;padding:10px 4px}
.tile3:hover .tbtn{background:#3FD97E}
.tile3 .tsub{font-size:13px;color:#44605F;font-weight:600}
.step{font-size:13px;font-weight:800;color:#0B5A2E;background:#C9F2D9;padding:4px 10px;border-radius:999px}
.prog{height:6px;border-radius:6px;background:#DDEBE9;overflow:hidden}.prog span{display:block;height:100%;background:#4DEB8D;border-radius:6px}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#0B5A2E;background:#E3F7EA;border:1px solid #BFE9CF;padding:4px 10px;border-radius:999px}
.dot{width:8px;height:8px;border-radius:50%;background:#B9CCC8}.dot.on{background:#06303A;width:20px;border-radius:4px}
.navb{width:48px;height:48px;border-radius:50%;border:1.5px solid #B9CCC8;background:#fff;display:flex;align-items:center;justify-content:center;color:#06303A}

@keyframes pas{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pasbox{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.pasbox::-webkit-scrollbar{display:none}
.pas{display:flex;gap:20px;width:max-content;animation:pas 80s linear infinite}
.pasbox:hover .pas,.pasbox:focus-within .pas{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.pas{animation:none}}

.rozc{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid #B9CCC8;background:#FFFFFF;color:#0D4F56;font-weight:700;font-size:15px;text-decoration:none}.rozc:hover{border-color:#0D4F56}
.re2f899{gap:12px!important;height:64px!important;padding:0 16px!important}
.r67ddcd{width:150px!important}
.r1aa468{gap:20px!important;padding:40px 16px!important}
.r793008{font-size:28px!important}
.r59802f{font-size:17px!important}
.r2b94ab{gap:24px!important;grid-template-columns:1fr!important;padding:40px 16px!important}
.r4f5b61{gap:14px!important}
.rb50508{font-size:30px!important}
.r3b611d{gap:20px!important}
.r0c9f13{font-size:36px!important}
.rf05e4d{gap:10px!important}
.r70235a{padding:14px 16px!important}
.r89ed32{height:48px!important;width:48px!important}
.rdf76f0{height:24px!important;width:24px!important}
.r65352f{font-size:14.5px!important}
.r16a783{gap:12px!important;grid-template-columns:1fr!important}
.rbbf6b0{padding:22px!important}
.rb78f2a{font-size:22px!important}
.rb02720{gap:24px!important;grid-template-columns:1fr!important;padding:40px 16px!important}
.r74228a{font-size:28px!important}
.ra04236{font-size:15px!important}
.rd3bece{padding:16px 16px!important}
.re47adf{font-size:22px!important}
.r01fca9{gap:12px!important;grid-template-columns:1fr!important}
.r74619c{padding:40px 16px!important}
.r4f60e1{align-items:flex-start!important;text-align:left!important}
.r51db4d{font-size:30px!important}
.rd4cd74{max-width:none!important;padding:16px!important}
.r4ae1b9{font-size:13px!important}
.ra5a974{font-size:19px!important}
.rdf272e{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}
.r3acd80{font-size:18px!important}
.r156c62{margin:0 -16px!important;padding:6px 16px 10px!important}
.rff85cf{flex:0 0 300px!important;padding:20px!important}
.rf5f2d2{gap:12px!important;padding-top:8px!important}
.r0e4a1e{gap:14px 26px!important}
.r33979a{height:24.0px!important;width:62.4px!important}
.rbb6943{height:20.8px!important;width:34.2px!important}
.r6fd38b{height:24.0px!important;width:170.9px!important}
.r48d452{height:16.8px!important;width:88.2px!important}
.rc69a9c{height:24.0px!important;width:80.3px!important}
.rcda0a0{height:24.0px!important;width:24.0px!important}
.r072549{font-size:17px!important}
.r94a526{display:flex!important;flex-direction:column!important;gap:20px!important;padding:40px 16px!important}
.r09c1af{gap:16px!important}
.r408ace{align-items:stretch!important;flex-direction:column!important;gap:22px!important}
.r84afe4{height:340px!important;width:100%!important}
.r2fa45a{font-size:26px!important}
.r2a2e65{flex-direction:column!important;gap:16px!important}
.re12889{gap:12px!important;grid-template-columns:1fr!important}
.reb3ddc{padding:18px!important}
.rfe45f1{display:flex!important;flex-direction:column!important;gap:22px!important;padding:18px 16px 28px!important}
.r2ff0d5{font-size:34px!important}
.r8abfff{font-size:18px!important}
.r5bcb24{flex-direction:column!important}
.rc9273b{height:460px!important}
.r1d1327{bottom:12px!important;left:12px!important;padding:16px 18px!important;right:12px!important}
.r9145eb{font-size:19px!important}
.rcda69f{gap:24px!important;grid-template-columns:1fr!important;padding:40px 16px!important}
.r8af6c3{gap:18px!important}
.r604040{gap:18px 16px!important;grid-template-columns:1fr 1fr!important}
.r86aed0{font-size:46px!important}
.r3207b0{font-size:14px!important}
.rd5a72d{gap:12px!important}
.r110d63{padding:4px 0!important}
.r22fb61{font-size:14px!important}
.r85c80c{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding:16px 16px!important}
.raed5e2{flex:1 1 100%!important}
.r8dd00c{gap:14px!important;grid-template-columns:1fr!important}
.r9eb52f{padding:22px!important}
.r7810f9{padding:14px 0!important}
.rbf6579{font-size:17px!important}
.r78d9e2{display:flex!important;flex-direction:column!important;gap:20px!important;padding:18px 16px 28px!important}
.rf00605{gap:8px!important}
.r2d1406{gap:14px!important;padding:22px!important}
.r0feb7b{font-size:34px!important}
.r9c2756{height:30px!important;width:30px!important}
.rc83a93{padding:16px 18px!important}
.rb2e908{gap:16px!important;grid-template-columns:1fr!important}
.rc28fe1{padding:18px 18px!important}
.r72858a{grid-template-columns:96px 1fr!important;padding:12px 0!important}
.red9724{font-size:15.5px!important}
.r01b669{font-size:16px!important}
.rbdb733{padding:16px!important}
.r13533f{gap:0px!important;grid-template-columns:1fr!important}
.r61498d{border-top:1px solid #D5E2DF!important;padding:16px 0!important}
.rc7fec3{gap:12px!important;grid-template-columns:1fr!important}
.r5c19ab{padding:20px!important}
@media (min-width:1000px){.re2f899{gap:24px!important;height:80px!important;padding:0 64px!important}}
@media (min-width:1000px){.r67ddcd{width:190px!important}}
@media (min-width:1000px){.r1aa468{gap:32px!important;padding:88px 64px!important}}
@media (min-width:1000px){.r793008{font-size:40px!important}}
@media (min-width:1000px){.r59802f{font-size:19px!important}}
@media (min-width:1000px){.r2b94ab{gap:64px!important;grid-template-columns:1fr 1.15fr!important;padding:88px 64px!important}}
@media (min-width:1000px){.r4f5b61{gap:20px!important}}
@media (min-width:1000px){.rb50508{font-size:46px!important}}
@media (min-width:1000px){.r3b611d{gap:32px!important}}
@media (min-width:1000px){.r0c9f13{font-size:48px!important}}
@media (min-width:1000px){.rf05e4d{gap:12px!important}}
@media (min-width:1000px){.r70235a{padding:16px 20px!important}}
@media (min-width:1000px){.r89ed32{height:52px!important;width:52px!important}}
@media (min-width:1000px){.rdf76f0{height:26px!important;width:26px!important}}
@media (min-width:1000px){.r65352f{font-size:15.5px!important}}
@media (min-width:1000px){.r16a783{gap:22px!important;grid-template-columns:repeat(3,1fr)!important}}
@media (min-width:1000px){.rbbf6b0{padding:30px!important}}
@media (min-width:1000px){.rb78f2a{font-size:24px!important}}
@media (min-width:1000px){.rb02720{gap:64px!important;grid-template-columns:1fr 1.05fr!important;padding:88px 64px!important}}
@media (min-width:1000px){.r74228a{font-size:42px!important}}
@media (min-width:1000px){.ra04236{font-size:16px!important}}
@media (min-width:1000px){.rd3bece{padding:18px 22px!important}}
@media (min-width:1000px){.re47adf{font-size:26px!important}}
@media (min-width:1000px){.r01fca9{gap:18px!important;grid-template-columns:repeat(4,1fr)!important}}
@media (min-width:1000px){.r74619c{padding:88px 64px!important}}
@media (min-width:1000px){.r4f60e1{align-items:center!important;text-align:center!important}}
@media (min-width:1000px){.r51db4d{font-size:44px!important}}
@media (min-width:1000px){.rd4cd74{max-width:880px!important;padding:28px!important}}
@media (min-width:1000px){.r4ae1b9{font-size:14px!important}}
@media (min-width:1000px){.ra5a974{font-size:22px!important}}
@media (min-width:1000px){.rdf272e{gap:14px!important;grid-template-columns:repeat(4,1fr)!important}}
@media (min-width:1000px){.r3acd80{font-size:20px!important}}
@media (min-width:1000px){.r156c62{margin:0 -64px!important;padding:6px 64px 10px!important}}
@media (min-width:1000px){.rff85cf{flex:0 0 380px!important;padding:26px!important}}
@media (min-width:1000px){.rf5f2d2{gap:16px!important;padding-top:16px!important}}
@media (min-width:1000px){.r0e4a1e{gap:18px 56px!important}}
@media (min-width:1000px){.r33979a{height:30px!important;width:77.9px!important}}
@media (min-width:1000px){.rbb6943{height:26px!important;width:42.8px!important}}
@media (min-width:1000px){.r6fd38b{height:30px!important;width:213.6px!important}}
@media (min-width:1000px){.r48d452{height:21px!important;width:110.2px!important}}
@media (min-width:1000px){.rc69a9c{height:30px!important;width:100.4px!important}}
@media (min-width:1000px){.rcda0a0{height:30px!important;width:30.0px!important}}
@media (min-width:1000px){.r072549{font-size:21px!important}}
@media (min-width:1000px){.r94a526{align-items:start!important;display:grid!important;gap:64px!important;grid-template-columns:0.85fr 1.3fr!important;padding:88px 64px!important}}
@media (min-width:1000px){.r09c1af{gap:22px!important}}
@media (min-width:1000px){.r408ace{align-items:center!important;flex-direction:row!important;gap:64px!important}}
@media (min-width:1000px){.r84afe4{height:420px!important;width:340px!important}}
@media (min-width:1000px){.r2fa45a{font-size:38px!important}}
@media (min-width:1000px){.r2a2e65{flex-direction:row!important;gap:48px!important}}
@media (min-width:1000px){.re12889{gap:20px!important;grid-template-columns:repeat(3,1fr)!important}}
@media (min-width:1000px){.reb3ddc{padding:22px!important}}
@media (min-width:1000px){.rfe45f1{align-items:center!important;display:grid!important;gap:80px!important;grid-template-columns:1.1fr 1fr!important;padding:48px 64px 72px!important}}
@media (min-width:1000px){.r2ff0d5{font-size:58px!important}}
@media (min-width:1000px){.r8abfff{font-size:21px!important}}
@media (min-width:1000px){.r5bcb24{flex-direction:row!important}}
@media (min-width:1000px){.rc9273b{height:600px!important}}
@media (min-width:1000px){.r1d1327{bottom:28px!important;left:-48px!important;padding:22px 24px!important;right:32px!important}}
@media (min-width:1000px){.r9145eb{font-size:23px!important}}
@media (min-width:1000px){.rcda69f{gap:56px!important;grid-template-columns:0.72fr 1.5fr!important;padding:88px 64px!important}}
@media (min-width:1000px){.r8af6c3{gap:28px!important}}
@media (min-width:1000px){.r604040{gap:22px!important;grid-template-columns:1fr!important}}
@media (min-width:1000px){.r86aed0{font-size:72px!important}}
@media (min-width:1000px){.r3207b0{font-size:15.5px!important}}
@media (min-width:1000px){.rd5a72d{gap:16px!important}}
@media (min-width:1000px){.r110d63{padding:8px 0!important}}
@media (min-width:1000px){.r22fb61{font-size:15px!important}}
@media (min-width:1000px){.r85c80c{align-items:center!important;flex-direction:row!important;gap:14px!important;padding:18px 22px!important}}
@media (min-width:1000px){.raed5e2{flex:1 1 auto!important}}
@media (min-width:1000px){.r8dd00c{gap:24px!important;grid-template-columns:1fr 1fr!important}}
@media (min-width:1000px){.r9eb52f{padding:32px!important}}
@media (min-width:1000px){.r7810f9{padding:16px 0!important}}
@media (min-width:1000px){.rbf6579{font-size:20px!important}}
@media (min-width:1000px){.r78d9e2{align-items:center!important;display:grid!important;gap:72px!important;grid-template-columns:1fr 1fr!important;padding:48px 64px 72px!important}}
@media (min-width:1000px){.rf00605{gap:12px!important}}
@media (min-width:1000px){.r2d1406{gap:16px!important;padding:32px!important}}
@media (min-width:1000px){.r0feb7b{font-size:44px!important}}
@media (min-width:1000px){.r9c2756{height:36px!important;width:36px!important}}
@media (min-width:1000px){.rc83a93{padding:20px 22px!important}}
@media (min-width:1000px){.rb2e908{gap:40px!important;grid-template-columns:1.15fr 1fr!important}}
@media (min-width:1000px){.rc28fe1{padding:28px 32px!important}}
@media (min-width:1000px){.r72858a{grid-template-columns:140px 1fr!important;padding:14px 0!important}}
@media (min-width:1000px){.red9724{font-size:17px!important}}
@media (min-width:1000px){.r01b669{font-size:17px!important}}
@media (min-width:1000px){.rbdb733{padding:20px!important}}
@media (min-width:1000px){.r13533f{gap:32px!important;grid-template-columns:repeat(3,1fr)!important}}
@media (min-width:1000px){.r61498d{border-top:0!important;padding:0px 0!important}}
@media (min-width:1000px){.rc7fec3{gap:16px!important;grid-template-columns:repeat(5,1fr)!important}}
@media (min-width:1000px){.r5c19ab{padding:26px!important}}
/* ── web: responzivita, chování, přístupnost (ručně, ne z návrhu) */
/* fonty self-host (rychlost fáze 1, 4. 11. 2026): podmnožina latin + čeština/slovenština, postup web-build/fonty/POSTUP.md; URL = preload v _index.html.twig */
@font-face{font-family:'Figtree';src:url(/v3/hp/fonts/figtree-400-800-2.woff2) format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(/v3/hp/fonts/source-serif-4-600-700-2.woff2) format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#F7F8F5}
.fmh{background:#F7F8F5;display:flex;flex-direction:column;overflow-x:clip;min-width:0}
.fmh *{box-sizing:border-box}
.fmh img{max-width:100%}
.od{display:contents}.om{display:none}
@media (max-width:999px){.od{display:none}.om{display:contents}}
/* obsah na širokých obrazovkách drží šířku návrhu (1440 − 2×64) */
@media (min-width:1000px){.fmh>section,.fmh>footer,.fmh>header,.fmh>.od>section,.fmh>.od>footer,.fmh>.od>header{padding-left:max(64px,calc((100% - 1312px)/2))!important;padding-right:max(64px,calc((100% - 1312px)/2))!important}}
/* hlavička přilepená nahoře */
.fmh header{position:sticky;top:0;z-index:40}
/* mobilní spodní lišta */
.fmh .hp-sticky{position:fixed!important;left:0;right:0;bottom:0;z-index:35;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
@media (min-width:1000px){.fmh .hp-sticky{display:none!important}}
/* pás recenzí: tlačítko jen pro klávesnici – skryté, viditelné při fokusu (CEO 2. 11. bez tlačítka, WCAG 2.2.2) */
.pas-ovl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.pas-ovl:focus-visible{position:static;width:auto;height:auto;clip:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #0D4F56;background:#fff;color:#0D4F56;font:700 15px/1 'Figtree',system-ui,sans-serif;outline:3px solid #0D4F56;outline-offset:2px}
.fmh .hp-sticky{transition:transform .2s ease,visibility .2s}
.fmh .hp-sticky.hp-sticky-pryc{transform:translateY(110%);visibility:hidden}
@media (prefers-reduced-motion:reduce){.fmh .hp-sticky{transition:none}}
@media (max-width:999px){.fmh footer{padding-bottom:96px!important}}
/* karusel makléřů, reference, FAQ, pás recenzí */
.mtrack{overflow-x:auto!important;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory}
.mtrack::-webkit-scrollbar{display:none}
.mcard{scroll-snap-align:start}
.pas{animation:none!important}
.pasbox{user-select:none}.pasbox.drag{cursor:grabbing}
.faqi>button:hover{background:#F2F7F6}
.rnext,.mprev,.mnext,.tile3,.faqi>button{cursor:pointer}
/* dlaždice formuláře: celé pole je label nativního radia */
.tile3 .tlab{display:contents;cursor:pointer}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tile3:focus-within{outline:3px solid #0D4F56;outline-offset:2px}
.hpform{margin:0}
/* „Najít makléře“: zvýraznění výběru */
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(77,235,141,.9)}70%{box-shadow:0 0 0 14px rgba(77,235,141,0)}100%{box-shadow:0 0 0 0 rgba(77,235,141,0)}}
.puls{animation:puls 1.1s ease-out 2;outline:3px solid #4DEB8D;outline-offset:2px}
.fokus-karta{position:relative;z-index:60;box-shadow:0 0 0 400vmax rgba(6,48,58,.58),0 24px 60px rgba(0,0,0,.35)!important;transition:box-shadow .35s ease}
.fokus-blur{filter:blur(4px);transition:filter .35s ease}
@media (prefers-reduced-motion:reduce){.mtrack{scroll-behavior:auto}.puls{animation:none}.fokus-karta,.fokus-blur{transition:none}}
/* dlaždice: popisek vždy pod ikonou (výška podle obsahu, ne pevná) */
.fmh .tile3{min-height:0!important}  /* varianta D (CEO 2. 11.): název – ikona – tlačítko, bez absolutní ikony */
/* patička (ručně psaná _paticka.html.twig) */
.hp-pata{background:#06303A;color:#C9DCD9;padding:56px 64px 40px;display:flex;flex-direction:column;gap:32px;font-size:15px;line-height:1.4}
@media (min-width:1000px){.hp-pata{padding-left:max(64px,calc((100% - 1312px)/2));padding-right:max(64px,calc((100% - 1312px)/2))}}
.hp-pata-sloupce{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.hp-pata-sl{display:flex;flex-direction:column;gap:10px;min-width:0}
.hp-pata-sl b{color:#fff;font-size:15px;margin-bottom:4px}
.hp-pata a{color:#C9DCD9;text-decoration:none}
.hp-pata a:hover{color:#fff;text-decoration:underline}
.hp-pata-spodek{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px}
.hp-pata-spodek p{margin:0}
.hp-pata-pravni{display:flex;flex-wrap:wrap;gap:16px}
@media (max-width:999px){.hp-pata{padding:32px 16px 104px}.hp-pata-sloupce{grid-template-columns:1fr 1fr;gap:24px 16px}}
@media (max-width:420px){.hp-pata-sloupce{grid-template-columns:1fr}}
.hp-pata a.hp-pata-h{color:#fff;font-weight:700;margin-bottom:4px}
/* chyba formuláře (/prodej-nemovitosti) */
.hpform-chyba{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#FDECEA;color:#8C1D18;font-weight:600;font-size:15px;line-height:1.45}
.hpform-chyba ul{margin:0;padding-left:18px}
.hpform-chyba:focus{outline:3px solid #8C1D18;outline-offset:2px}
.tile3.active{border-color:#0D4F56;background:#F2F7F6}
/* odkaz dlaždice na homepage vyplní celou dlaždici */
.tile3 a.tlab{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;width:100%;color:inherit;text-decoration:none;outline:none}  /* ne display:contents – odkaz musí jít zaměřit klávesnicí */
/* patička: města jako <details> – desktop otevřené (hp.js) a vzhledem jako dosud, mobil kompaktně (CEO 31. 10.) */
.hp-pata-mesta>summary{list-style:none;color:#fff;font-weight:700;font-size:15px;margin-bottom:4px;cursor:default}
.hp-pata-mesta>summary::-webkit-details-marker{display:none}
.hp-pata-mesta-seznam{display:flex;flex-direction:column;gap:10px}
.hp-pata-kratke{display:none}
@media (min-width:1000px){.hp-pata-mesta>summary{pointer-events:none}}
@media (max-width:999px){
  .hp-pata-sloupce{grid-template-columns:1fr!important;gap:8px!important}
  .hp-pata-fm{display:grid!important;grid-template-columns:1fr 1fr;gap:4px 16px!important;padding-bottom:12px}
  .hp-pata-fm>.hp-pata-h{grid-column:1/-1}
  .hp-pata-fm a,.hp-pata-mesta-seznam a{display:flex;align-items:center;min-height:40px}
  .hp-pata-mesta{border-top:1px solid rgba(255,255,255,.14)}
  .hp-pata-mesta>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin:0;cursor:pointer}
  .hp-pata-mesta>summary::after{content:"";width:10px;height:10px;border-right:2px solid #C9DCD9;border-bottom:2px solid #C9DCD9;transform:rotate(45deg);margin-right:6px;transition:transform .2s}
  .hp-pata-mesta[open]>summary::after{transform:rotate(-135deg)}
  .hp-pata-mesta-seznam{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding-bottom:12px}
  .hp-pata-dlouhe{display:none}.hp-pata-kratke{display:inline}
  .hp-pata-kontakt{flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:6px 0!important;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
  .hp-pata-kontakt>b{width:100%}
  .hp-pata-kontakt>a,.hp-pata-kontakt>span{display:inline-flex;align-items:center;min-height:40px}
  .hp-pata-kontakt>*:not(b):not(:last-child)::after,.hp-pata-pravni>*:not(:last-child)::after{content:"·";margin:0 10px;color:#7FA3A0}
  .hp-pata-pravni{gap:0!important}
  .hp-pata-pravni a{display:inline-flex;align-items:center;min-height:40px}
  .hp-pata-spodek{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.hp-pata-mesta>summary::after{transition:none}}
/* mobilní menu – varianta A (celoobrazovkový panel, _menu.html.twig), schválil CEO 31. 10. */
.fmh header button[aria-label="Otevřít menu"],.fmh header button[aria-label="Zavřít menu"]{border-color:#5E7E7A!important;cursor:pointer}  /* rámeček ☰ 4,4:1 */
.fmh header button.hm-otevreno{background:#06303A!important;border-color:#06303A!important;color:#fff!important}
html.hm-zamek,html.hm-zamek body{overflow:hidden}
.hm-panel{position:fixed;left:0;right:0;top:64px;bottom:0;z-index:45;background:#fff;display:flex;flex-direction:column;font-family:'Figtree',system-ui,sans-serif;color:#06303A;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.hm-panel[hidden]{display:none}
@media (min-width:1240px){.hm-panel{display:none!important}}
.hm-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 4px;display:flex;flex-direction:column;gap:12px}
.hm-trust{display:flex;flex-direction:column;gap:4px;background:#DDEBE9;border-radius:14px;padding:12px 14px}
.hm-trust p{margin:0;font-size:15px;line-height:1.4;font-weight:600;color:#06303A}
.hm-trust .hm-t1{font-size:16px;font-weight:800;line-height:1.3}
.hm-trust .hm-row{display:flex;align-items:center;gap:4px;font-size:14px;color:#0D4F56;font-weight:700}
.hm-q{display:flex;gap:8px}
.hm-q a{flex:1 1 0;justify-content:center;white-space:nowrap;min-height:44px;padding:0 8px;border-radius:999px;border:1.5px solid #0D4F56;background:#fff;color:#0D4F56;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.hm-q a:hover{background:#DDEBE9}
.hm-list{list-style:none;margin:0;padding:0}
.hm-polozka{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 4px;border-bottom:1px solid #D5E2DF;color:#06303A;text-decoration:none;font-size:18px;font-weight:700}
.hm-polozka:hover{color:#0D4F56}
.hm-polozka>span:first-child{flex:1}
.hm-chev{color:#44605F;flex-shrink:0}
.hm-meta{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#44605F}
.hm-foot{flex-shrink:0;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #D5E2DF;display:flex;flex-direction:column;gap:10px;background:#fff}
.hm-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 20px;border-radius:12px;background:#4DEB8D;color:#06303A;font-weight:800;font-size:18px;text-decoration:none}
.hm-cta:hover{background:#38D97A;color:#06303A}
.hm-tel{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px;border-radius:12px;background:#fff;color:#0D4F56;text-decoration:none;border:1.5px solid #0D4F56}
.hm-avs{display:flex}.hm-avs img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;object-fit:cover}.hm-avs img+img{margin-left:-10px}
.hm-tx{display:flex;flex-direction:column;line-height:1.2}.hm-tx b{font-size:17px;color:#06303A}.hm-tx span{font-size:13px;color:#44605F;font-weight:600}
.hm-ic{margin-left:auto;width:36px;height:36px;border-radius:10px;background:#DDEBE9;display:flex;align-items:center;justify-content:center}
.hm-panel :focus-visible{outline:3px solid #0D4F56;outline-offset:2px}
/* hlavička: vlastní zlom – desktopové menu jen od 1240 px, pod tím ☰ + panel (CEO 1. 11.) */
@media (max-width:1239px){.fmh .odh{display:none!important}.fmh .omh{display:contents!important}}
@media (min-width:1000px) and (max-width:1239px){.fmh .omh>header{padding-left:max(64px,calc((100% - 1312px)/2))!important;padding-right:max(64px,calc((100% - 1312px)/2))!important}}
.hp-nav{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;white-space:nowrap}
.hp-nav a{text-decoration:none;font-weight:600;font-size:16px;color:#06303A;display:inline-flex;align-items:center;min-height:44px}
/* zelený zvýrazňovač v menu (CEO 1. 11.): linka 3 px, odsazení 6 px; hover a focus-visible ~60 % (přechod 120 ms), aktivní položka plně */
.hp-nav a,.hm-polozka>span:first-child{text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:3px;text-underline-offset:6px;transition:text-decoration-color .12s ease}
@media (hover:hover){.hp-nav a:hover,.hm-polozka:hover>span:first-child{text-decoration-color:rgba(77,235,141,.6)}}
.hp-nav a:focus-visible,.hm-polozka:focus-visible>span:first-child{text-decoration-color:rgba(77,235,141,.6)}
/* aktivní: stránka (aria-current=page) nebo právě viditelná sekce (aria-current=location, scroll-spy) */
.hp-nav a[aria-current],.hp-nav a[aria-current]:hover,.hm-polozka[aria-current]>span:first-child,.hm-polozka[aria-current]:hover>span:first-child{text-decoration-color:rgba(77,235,141,.9)}
@media (prefers-reduced-motion:reduce){.hp-nav a,.hm-polozka>span:first-child{transition:none}}
@media (max-width:1360px){.hp-nav{gap:14px}.hp-nav a{font-size:15px}.fmh .odh header{padding-left:32px!important;padding-right:32px!important;gap:20px!important}}
/* desktopová hlavička: nic se nezalamuje (tlačítko, telefon); když se nevejde, přepne se na ☰ (1240) */
.fmh .odh header>*{flex-shrink:0;white-space:nowrap}
.fmh .odh header .btn{white-space:nowrap}
/* O nás: mapa prodejů = obrázek (mapa_obr.py) + 3 pulsy (Praha, Brno, Ostrava) jako CSS prvky; tloušťka kroužku se při růstu nemění */
.mapa-obr{position:relative}
.mapa-obr img{display:block;width:100%;height:auto}
.mapa-puls{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);border:2px solid #4DEB8D;border-radius:50%;box-sizing:border-box;pointer-events:none;animation:mapa-puls 2.7s ease-out infinite}
@keyframes mapa-puls{0%{width:8px;height:8px;opacity:.9}100%{width:44px;height:44px;opacity:0}}
@media (prefers-reduced-motion:reduce){.mapa-puls{animation:none;opacity:0}}
/* Kontakt: Google mapa kanceláře (líně, hp.js); mobil přes celou šířku 260 px, desktop 360 px */
.kmapa-obal{display:flex;flex-direction:column;gap:10px;margin:0 -16px}
.kmapa{position:relative;height:260px;background:#DDEBE9;display:flex;align-items:center;justify-content:center}
.kmapa-btn{min-height:48px;padding:0 20px;border-radius:12px;border:1.5px solid #0D4F56;background:#FFFFFF;color:#0D4F56;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.kmapa-pod{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;padding:0 16px;font-size:15px;line-height:1.45;color:#1D4A50}
.kmapa-pod a{font-weight:700;color:#0D4F56}
@media (min-width:1000px){.kmapa-obal{margin:0}.kmapa{height:360px;border-radius:16px;overflow:hidden;border:1px solid #D5E2DF}.kmapa-pod{padding:0}}
/* cíle kotev (Astra P2-7/P2-8): prázdný prvek před sekcí; při skoku ho nezakryje lepicí hlavička */
.hp-kotva{display:block;height:0;scroll-margin-top:72px}
@media (min-width:1240px){.hp-kotva{scroll-margin-top:88px}}

/* desktopová spodní lišta „Co prodáváte?“ (CEO 2. 11. 19:49, varianta A) – jen od 1000 px, na mobilu nikdy */
.hp-dlista{display:none}
@media (min-width:1000px){
  .hp-dlista{display:block;position:fixed;left:0;right:0;bottom:0;z-index:34;background:#FFFFFF;border-top:1px solid #D5E2DF;box-shadow:0 -8px 24px rgba(6,48,58,.10);transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility .2s;padding-bottom:env(safe-area-inset-bottom,0px)}
  .hp-dlista.hp-dlista-on{transform:none;visibility:visible}
  html.hp-dlista-rezerva{scroll-padding-bottom:96px}
  html.hp-dlista-rezerva .fmh footer::after{content:'';display:block;height:80px}  /* patička končí nad lištou (Astra P1) */
  .hp-dlista-in{max-width:1440px;box-sizing:border-box;margin:0 auto;padding:12px max(64px,env(safe-area-inset-right,0px)) 12px max(64px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:24px}
  .hp-dlista-t{display:flex;flex-direction:column;gap:2px}
  .hp-dlista-t b{font:800 20px/1.2 'Figtree',system-ui,sans-serif;color:#06303A}
  .hp-dlista-t span{font:700 13px/1.3 'Figtree',system-ui,sans-serif;color:#0B8846}
  .hp-dlista-volby{display:flex;gap:12px}
  .hp-dlista-v{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 18px 8px 12px;border:1.5px solid #B9CCC8;border-radius:12px;background:#FFFFFF;color:#06303A;font:800 16px/1 'Figtree',system-ui,sans-serif;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
  .hp-dlista-v img{width:28px;height:28px;object-fit:contain}
  .hp-dlista-v:hover,.hp-dlista-v:focus-visible{border-color:#4DEB8D;box-shadow:0 0 0 2px #4DEB8D;background:#F3FEF7;outline:none}
}
@media (prefers-reduced-motion:reduce){.hp-dlista{transition:none}}

/* ── hero v5 (CEO 9. 11. 2026, desky F-* navrh5): jeden DOM (gen3.hero5/pas5), mobil = základ, desktop od 1000 px */
/* nadpis 400 + zvýraznění 700: vlastní rodina jen pro .t5-h1 (400 = nový soubor, 600–700 = stávající soubor, stejná URL) – nic jiného se nemění */
@font-face{font-family:'Source Serif 4 H';src:url(/v3/hp/fonts/source-serif-4-400-3.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4 H';src:url(/v3/hp/fonts/source-serif-4-600-700-2.woff2) format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
.t5{position:relative;background:#FFFFFF;padding:18px 16px 16px;display:flex;flex-direction:column;gap:12px}
.t5-defs{position:absolute;width:0;height:0;overflow:hidden}
.t5-txt{display:flex;flex-direction:column;gap:12px}
.t5-h1{margin:0;font-family:'Source Serif 4 H','Source Serif 4',Georgia,serif;font-weight:400;font-size:30px;line-height:1.17;letter-spacing:-.4px;color:#06303A}
.t5-h1.t5-dl1,.t5-h1.t5-dl2{font-size:27px;line-height:1.16}
.t5-h1 b{font-weight:700}
.t5-h1 .hz{background-image:linear-gradient(#BFE6E3,#BFE6E3);background-size:100% .34em;background-position:0 96%;background-repeat:no-repeat;padding:0 .04em}
.t5-sub{margin:0;font-size:15px;line-height:1.45;color:#1D4A50}
.t5-zona{position:relative;display:flex;flex-direction:column;gap:12px}
.t5-mini{display:block;width:350px;max-width:100%;height:auto;margin:-2px 0 -6px;overflow:visible}
.t5-kresba,.t5-ramsvg{display:none}
.t5-ram{position:relative;margin:0 -9px;padding:7px;border:2.5px dotted #0D4F56;border-radius:22px;background:#FFFFFF}
.t5-grid{display:flex;flex-direction:column;gap:10px}
.t5-grid .tile3{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;height:58px;padding:0 12px 0 14px;border:2px solid #B9CCC8;border-radius:14px;background:#FFFFFF;text-align:left;box-shadow:none}
.t5-grid .tile3 a.tlab{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;height:100%}
.t5-grid .ti{flex-shrink:0;width:32px;height:32px}
.t5-ib{display:none}
.t5-mi{display:block}
.t5-pruh{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:19px;font-weight:800;line-height:1.2;color:#06303A}
.t5-sip{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#4DEB8D;display:flex;align-items:center;justify-content:center;font-weight:800}
.t5-grid .tile3:hover{border-color:#0D4F56;background:#F2F7F6}
.t5-grid .tile3:hover .t5-sip{background:#3FD97E}
.t5-hodn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;min-height:24px;font-size:13px;line-height:1.4;color:#1D4A50;text-align:center;text-decoration:none;white-space:nowrap}
.t5-hodn b{color:#06303A}
.t5-hv{font-family:'Figtree',system-ui,sans-serif;font-weight:400;color:#E8A317;letter-spacing:1px}
.t5-hodn:hover>span:last-child,.t5-cg:hover .t5-l{text-decoration:underline}
.t5-ram.fokus-karta{background:#FFFFFF}
/* pás čísel: mobil 2×2 bez Google (hodnocení je v hero), desktop Google + 4 čísla */
.t5-pas{background:#DDEBE9;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:20px 16px}
.t5-c{display:flex;flex-direction:column;gap:2px;min-width:0;color:#06303A;text-decoration:none}
.t5-cg{display:none}
.t5-v{display:flex;align-items:center;gap:10px;font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:21px;line-height:1.2;color:#06303A}
.t5-l{font-size:12px;line-height:1.35;color:#44605F}
@media (min-width:1000px){
  .t5{padding-top:32px;padding-bottom:36px;gap:0}
  .t5-txt{gap:22px;max-width:790px}
  .t5-h1{font-size:56px;line-height:1.14;max-width:760px}
  .t5-h1.t5-dl1{font-size:52px;line-height:1.14}
  .t5-h1.t5-dl2{font-size:46px;line-height:1.12;max-width:790px}
  .t5-txt:has(.t5-dl2){gap:14px}
  .t5-sub{font-size:19px;line-height:1.6;max-width:640px}
  .t5-zona{align-self:flex-start;margin:16px 0 0 -14px;gap:0}
  .t5-mini,.t5-hodn{display:none}
  .t5-ram{margin:0;padding:14px;border:0;border-radius:26px;background:transparent}
  .t5-ramsvg{display:block;position:absolute;left:1.25px;top:1.25px;width:calc(100% - 2.5px);height:calc(100% - 2.5px);overflow:visible;pointer-events:none}
  .t5-grid{display:grid;grid-template-columns:repeat(4,183px);gap:20px}
  .t5-grid .tile3{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:221px;padding:0;border:1px solid #C7E3E0;border-radius:10px;overflow:hidden;background:#FFFFFF;text-align:center;box-shadow:0 6px 18px rgba(6,48,58,.08)}
  .t5-grid .tile3 a.tlab{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}
  .t5-grid .ti{width:auto;height:150px;display:flex;align-items:center;justify-content:center}
  .t5-ib{display:block;position:relative;width:89px;height:66px;overflow:hidden}
  .t5-ib img{position:absolute;max-width:none}
  .t5-mi{display:none}
  .t5-pruh{background:#4DEB8D;justify-content:center}
  .t5-sip{width:auto;height:auto;background:none;border-radius:0}
  .t5-grid .tile3:hover{border-color:#0D4F56;background:#FFFFFF}
  .t5-grid .tile3:hover .t5-pruh{background:#3FD97E}
  .t5-grid .tile3:hover .t5-sip{background:none}
  /* kresba: hrot šipky (56,252 v kresbě) na pravém boku rámečku; na užších obrazovkách zmenšená kolem hrotu (pravý okraj ≈ bok rámečku
     870 px + 424 px × měřítko musí zůstat v okně), pod 1100 px skrytá */
  .t5-kresba{display:block;position:absolute;left:calc(100% - 56px);top:-252px;width:480px;height:500px;overflow:visible;pointer-events:none;transform-origin:56px 252px}
  .t5-pas{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding-top:34px;padding-bottom:34px}
  .t5-c{gap:6px;padding-right:26px}
  .t5-cg{display:flex}
  .t5-v{font-size:30px}
  .t5-l{font-size:13px;line-height:1.4}
  .t5-cg .t5-hv{font-size:17px}
}
@media (min-width:1000px) and (max-width:1309px){.t5-kresba{transform:scale(.85)}}
@media (min-width:1000px) and (max-width:1239px){.t5-kresba{transform:scale(.68)}}
@media (min-width:1000px) and (max-width:1169px){.t5-kresba{transform:scale(.52)}}
@media (min-width:1000px) and (max-width:1099px){.t5-kresba{display:none}}
.rozc{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid #B9CCC8;background:#FFFFFF;color:#0D4F56;font-weight:700;font-size:15px;text-decoration:none}.rozc:hover{border-color:#0D4F56}