/* Plovoucí navigace: sklo, rozostření pozadí a spodní modrý přechod v obrysu. */
body { padding-top: 104px; }
.site-header {
  position: fixed;
  z-index: 20;
  top: 16px;
  right: 16px;
  left: 16px;
  width: auto;
  max-width: none;
  border: 1px solid transparent;
  border-radius: 23px;
  background: linear-gradient(105deg, rgba(255,255,255,.78), rgba(237,244,255,.58)) padding-box, linear-gradient(to top, rgba(24,104,232,.76), rgba(83,135,255,.06)) border-box;
  box-shadow: 0 12px 35px rgba(31, 61, 100, .09);
  backdrop-filter: blur(20px) saturate(1.25);
  -webkit-backdrop-filter: blur(20px) saturate(1.25);
}
.nav-wrap { height: 68px; max-width: 1440px; padding: 0 28px; }
.site-header nav { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; gap: 34px; }
.site-header nav a { position: relative; padding: 25px 0 22px; color: #234046; }
.site-header nav a::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; border-radius: 2px; background: #1267e9; transform: scaleX(0); transform-origin: center; transition: transform .2s ease; }
.site-header nav a[aria-current="page"]::after { transform: scaleX(1); }
.site-header nav a[aria-current="page"] { color: #075e9a; }
.site-header .button-small { min-width: 140px; justify-content: center; background: #076a92; }
.site-header .button-small:hover { background: #075476; }
@media (max-width: 850px) {
  body { padding-top: 91px; }
  .site-header { top: 12px; right: 12px; left: 12px; border-radius: 18px; }
  .nav-wrap { height: 62px; padding: 0 17px; }
  .site-header nav.is-open { top: 62px; border: 1px solid rgba(27, 105, 228, .26); border-radius: 0 0 18px 18px; background: rgba(251,252,250,.96); transform: none; }
  .site-header nav a { padding: 3px 0; }
  .site-header nav a::after { right: auto; bottom: -3px; width: 35px; }
}
@media (max-width: 520px) { .site-header .button-small { min-width: auto; } }