header{
  position:fixed;top:0;left:0;right:0;z-index:60;padding:18px 0;
  transition:background .3s ease, box-shadow .3s ease, padding .3s ease;
}
header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);padding:11px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}

.brand{display:flex;align-items:center;gap:11px;font-family:var(--display)}
/* logo sa automaticky prispôsobí výške hlavičky (mení sa len výška, šírka dopočíta) */
.brand .logo{height:42px;width:auto;display:block;flex:none;transition:height .3s ease}
header.scrolled .brand .logo{height:36px}
.brand .name{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--ink);line-height:1}
.brand .name b{color:var(--blue)}
.brand .sub{display:block;font-family:var(--body);font-weight:600;font-size:.62rem;letter-spacing:.28em;color:var(--muted);text-transform:uppercase;margin-top:2px}

.menu{display:flex;align-items:center;gap:30px}
.menu a{font-family:var(--display);font-weight:500;font-size:.97rem;color:var(--ink);position:relative}
.menu a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--blue);transition:width .25s ease}
.menu a:hover::after{width:100%}

.header-cta{display:flex;align-items:center;gap:14px}
.phone-pill{display:inline-flex;align-items:center;gap:.5em;font-family:var(--display);font-weight:600;color:var(--ink)}
.phone-pill svg{width:17px;height:17px;color:var(--blue)}

.burger{display:none;background:none;border:none;cursor:pointer;width:42px;height:42px;border-radius:11px;align-items:center;justify-content:center}
.burger span{display:block;width:21px;height:2px;background:var(--ink);position:relative;transition:.3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:21px;height:2px;background:var(--ink);transition:.3s}
.burger span::before{top:-7px}.burger span::after{top:7px}
body.menu-open .burger span{background:transparent}
body.menu-open .burger span::before{top:0;transform:rotate(45deg)}
body.menu-open .burger span::after{top:0;transform:rotate(-45deg)}

/* mobile panel */
.mobile-panel{
  position:fixed;inset:0 0 0 auto;width:min(320px,84vw);background:#fff;z-index:55;
  transform:translateX(100%);transition:transform .35s cubic-bezier(.65,0,.2,1);
  padding:90px 30px 30px;display:flex;flex-direction:column;gap:6px;box-shadow:-20px 0 60px rgba(7,59,134,.2);
}
body.menu-open .mobile-panel{transform:none}
.mobile-panel a{font-family:var(--display);font-weight:600;font-size:1.15rem;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.mobile-panel .btn{margin-top:18px;justify-content:center;color:#fff}
.overlay{position:fixed;inset:0;background:rgba(10,37,64,.4);z-index:54;opacity:0;visibility:hidden;transition:.3s}
body.menu-open .overlay{opacity:1;visibility:visible}

@media (max-width:760px){
  .menu,.header-cta .phone-pill,.header-cta .btn{display:none}
  .burger{display:flex}
  .header-cta{gap:0}
}