.header{position:sticky;top:0;z-index:30;background:rgba(244,248,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.header.scrolled{border-color:var(--line);background:rgba(255,255,255,.92)}
.header .wrap{display:flex;align-items:center;gap:clamp(20px,2.6vw,40px);height:80px}
.logo img{height:34px;width:auto}
.nav{display:flex;gap:clamp(16px,2vw,32px);flex:1;min-width:0}
.nav a{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}
.nav a:hover,.nav a.on{color:var(--blue)}
.mnav a.on{color:var(--blue)}
.head-right{display:flex;align-items:center;gap:22px}
.city{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink)}
.city svg{color:var(--blue)}
.fav{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--ink)}
.fav:hover{background:var(--blue-soft)}
.fav.on svg{fill:var(--blue);stroke:var(--blue)}
.login{padding:11px 26px;font-size:15px}
.burger{display:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px}
.mnav{display:none;flex-direction:column;padding:8px 28px 20px;background:#fff;border-bottom:1px solid var(--line)}
.mnav a{padding:14px 0;font-weight:600;border-bottom:1px solid var(--line)}
.mnav.open{display:flex}
@media (max-width:1100px){
  .nav{gap:22px}
  .header .wrap{gap:24px}
}
@media (max-width:1180px){
  .nav{display:none}
  .burger{display:flex}
  .header .wrap{justify-content:space-between}
  .head-right{margin-left:auto}
}
@media (max-width:900px){
  .nav,.head-right .city,.head-right .login{display:none}
  .burger{display:flex}
  .header .wrap{height:68px;gap:12px;justify-content:space-between}
  .head-right{margin-left:auto}
}
@media (max-width:640px){
  .mnav{padding:8px 18px 20px}
}