/* Mobil jako vlastní produkt: společná vrstva pro telefony a dotykové displeje, načítá se na všech stránkách.
   Rytmus sekcí (desktopové odsazení 100 px by na telefonu dělalo 200 px bílého místa), odezva na dotyk,
   bezpečné zóny iPhonu (viewport-fit=cover v head.twig). Lišta dole u palce je také tady. */

/* ── Rytmus: sekce blíž k sobě ── */
@media (max-width:767.98px){
.section-padding{padding-top:56px;padding-bottom:56px}
}

/* ── Dotyk: žádný šedý záblesk prohlížeče, místo něj krátké ztmavení jako v aplikaci ── */
@media (hover:none){
a,button,[role="button"],label,summary{-webkit-tap-highlight-color:transparent}
:where(a,button,[role="button"]):active{opacity:.74;transition-duration:0s}
}

/* ── Bezpečné zóny: kapsle a patička se vyhnou výřezu a ukazateli domů ── */
.hl-kapsle{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}
.hl-menu{top:max(8px,env(safe-area-inset-top))}
/* pod kartou patičky zůstane místo, ať není přilepená ke spodní hraně okna (na počítači asi 50 px) */
.pat-footer{padding-bottom:calc(clamp(10px,3.6vw,56px) + env(safe-area-inset-bottom))}
@media (min-width:992px){.hl-kapsle{top:max(14px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}.hl-menu{top:max(14px,env(safe-area-inset-top))}}

/* ── Lišta dole u palce (jen telefon): Služby, Realizace, Poptávka, Zavolat. Markup je v navigation.twig, chování v mobil.js.
      Na Kontaktu a v dotaznících není, formulář tam je sám cílem; při otevřeném menu zajede. ── */
.mb{position:fixed;z-index:9970;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:6px;border-radius:26px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 0 0 1px rgba(22,24,23,.08),0 18px 40px -20px rgba(14,32,24,.45);color:#161817;opacity:0;transform:translateY(calc(100% + 28px));transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .3s}
.mb.is-in{opacity:1;transform:none}
html.hl-open .mb{opacity:0;transform:translateY(calc(100% + 28px))}
.mb-a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border-radius:20px;color:inherit;font:600 11px/1 Geist,ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;-webkit-tap-highlight-color:transparent}
.mb-a .ik{width:22px;height:22px;stroke-width:1.8}
.mb-a.is-on{background:#eef6f2;color:#0a845d}
.mb-cta{background:#161817;color:#fff}
.mb-cta .ik{color:#14cf93}
.mb-a:active{opacity:.74}
@media (max-width:767.98px){
.mb{display:grid}
body:has(#koForm) .mb,body:has(.dz) .mb{display:none}
/* patička má dole místo, aby lišta nezakryla odkazy a právní řádek */
.pat-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 78px)}
body:has(#koForm) .pat-footer,body:has(.dz) .pat-footer{padding-bottom:calc(clamp(10px,3.6vw,56px) + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.mb{transition:none}}