/* Procematic — spolecne styly: hlavicka, navigace, paticka */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FAF8F3;color:#172126;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:#183F3E}a:hover{color:#245C5A}
::selection{background:#E3EFED}
header.site{position:sticky;top:0;z-index:50;background:rgba(250,248,243,.92);backdrop-filter:blur(8px);border-bottom:1px solid #E1E6E4}
.nav{max-width:1120px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#172126}
.brand svg{flex:none;display:block}
.brand span{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;letter-spacing:-.01em}
.menu{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.navl{text-decoration:none;font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:8px;color:#626D73;background:transparent;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.navl:hover{color:#172126;background:#F1F4F3}
.navl.act{color:#245C5A;background:#E3EFED}
.navl.act:hover{color:#245C5A;background:#E3EFED}
details.svc{position:relative}
details.svc summary{list-style:none;font-family:'Inter',sans-serif}
details.svc summary::-webkit-details-marker{display:none}
details.svc .panel{position:absolute;top:calc(100% + 6px);left:0;min-width:300px;background:#FFFFFF;border:1px solid #E1E6E4;border-radius:12px;box-shadow:0 16px 40px rgba(23,33,38,.12);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:60}
details.svc .panel a{text-decoration:none;padding:10px 12px;border-radius:8px;display:block}
details.svc .panel a:hover{background:#F1F4F3}
details.svc .panel b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px;color:#172126}
details.svc .panel small{display:block;font-size:13px;color:#626D73;margin-top:2px;font-weight:400}
.cta{text-decoration:none;font-size:14px;font-weight:500;padding:9px 16px;border-radius:9px;background:#245C5A;color:#FFFFFF;margin-left:10px}
.cta:hover{background:#183F3E;color:#FFFFFF}
.fl{color:#CFE0DD;text-decoration:none;font-size:14.5px}
.fl:hover{color:#FFFFFF}