/* Path: /vaxi-theme/assets/css/header.css */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(250,249,255,.92);
  backdrop-filter: blur(8px);
  transition:transform .35s ease, box-shadow .35s ease;
}
.site-logo{display:inline-flex;align-items:center}
.main-nav ul{display:flex;gap:28px;margin:0;padding:0;list-style:none}
.main-nav a{font-weight:800;color:var(--color-text);position:relative}
.main-nav a::after{
  content:"";position:absolute;right:0;bottom:-6px;width:0;height:2px;
  background:var(--color-primary);transition:width .25s ease;
}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{width:100%}
.nav-toggle{
  display:none;width:42px;height:42px;border-radius:10px;background:#ece9ff;
  align-items:center;justify-content:center;border:0;cursor:pointer;
}
.nav-toggle span{width:18px;height:2px;background:var(--color-primary);position:relative}
.nav-toggle span::before,.nav-toggle span::after{
  content:"";position:absolute;width:18px;height:2px;background:var(--color-primary);right:0
}
.nav-toggle span::before{top:-6px}
.nav-toggle span::after{top:6px}

@media (max-width:768px){
  .nav-toggle{display:flex}
  .main-nav{position:absolute;top:100%;right:0;left:0;background:#fff;display:none;box-shadow:0 14px 40px rgba(0,0,0,.06)}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;gap:0}
  .main-nav li{border-bottom:1px solid #eee}
  .main-nav a{padding:16px 20px;display:block}
}