/* 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:flex-start;justify-content:flex-end;gap:6px;padding:16px;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{position:absolute;top:14px;right:14px;border-radius:14px;background:#4DEB8D;color:#06303A;display:flex;align-items:center;justify-content:center}
.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}
.r2ff1d6{display:flex!important;flex-direction:column!important;gap:18px!important;padding:22px 16px 28px!important}
.rac1ae8{gap:14px!important}
.r1dc0f0{font-size:32px!important}
.r8abfff{font-size:18px!important}
.r78ac1b{padding:16px!important}
.r4ae1b9{font-size:13px!important}
.ra5a974{font-size:19px!important}
.rdf272e{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}
.rd8e313{min-height:120px!important}
.r78dcac{height:48px!important;width:48px!important}
.r09b9ca{height:30px!important;width:30px!important}
.r3acd80{font-size:18px!important}
.re34d6f{gap:20px 16px!important;grid-template-columns:1fr 1fr!important;padding:24px 16px!important}
.r7c4d80{font-size:26px!important}
.r22fb61{font-size:14px!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}
.r7313b8{min-height:120px!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}
.rf00605{gap:8px!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}
@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){.r2ff1d6{align-items:center!important;display:grid!important;gap:56px!important;grid-template-columns:1.05fr 1fr!important;padding:64px 64px 72px!important}}
@media (min-width:1000px){.rac1ae8{gap:18px!important}}
@media (min-width:1000px){.r1dc0f0{font-size:54px!important}}
@media (min-width:1000px){.r8abfff{font-size:21px!important}}
@media (min-width:1000px){.r78ac1b{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){.rd8e313{min-height:132px!important}}
@media (min-width:1000px){.r78dcac{height:60px!important;width:60px!important}}
@media (min-width:1000px){.r09b9ca{height:34px!important;width:34px!important}}
@media (min-width:1000px){.r3acd80{font-size:20px!important}}
@media (min-width:1000px){.re34d6f{gap:32px!important;grid-template-columns:repeat(4,1fr)!important;padding:36px 64px!important}}
@media (min-width:1000px){.r7c4d80{font-size:36px!important}}
@media (min-width:1000px){.r22fb61{font-size:15px!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){.r7313b8{min-height:170px!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){.rf00605{gap:12px!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}}
/* ── web: responzivita, chování, přístupnost (ručně, ne z návrhu) */
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}}
@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{padding-top:86px!important;min-height:0!important;justify-content:flex-start!important}
@media (max-width:999px){.fmh .tile3{padding-top:74px!important}}
/* 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:flex-start;gap:6px;width:100%;color:inherit;text-decoration:none;outline:none}  /* ne display:contents – odkaz musí jít zaměřit klávesnicí */
/* pás recenzí: tlačítko Zastavit / Spustit */
.pas-ovl{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #B9CCC8;background:#fff;color:#0D4F56;font:700 15px/1 'Figtree',system-ui,sans-serif;cursor:pointer}
.pas-ovl:hover{border-color:#0D4F56}
.pas-ovl:focus-visible{outline:3px solid #0D4F56;outline-offset:2px}
/* 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}