.site-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #e5e5e5;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:52px;}
.nav-logo{height:26px;width:auto;object-fit:contain;}
.nav-links{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;}
.nav-links a{text-decoration:none;color:#1d1d1f;font-size:14px;font-weight:500;padding:6px 12px;border-radius:8px;transition:background 0.15s,color 0.15s;white-space:nowrap;}
.nav-links a:hover{background:#f5f5f7;}
.nav-links a.active{color:#e00;font-weight:700;}

.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;flex-shrink:0;}
.hamburger span{display:block;height:2px;background:#1d1d1f;border-radius:2px;transition:transform 0.25s,opacity 0.25s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;position:absolute;top:52px;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #e5e5e5;padding:12px 20px 20px;flex-direction:column;gap:4px;z-index:99;}
.mobile-menu.open{display:flex;}
.mobile-menu a{text-decoration:none;color:#1d1d1f;font-size:17px;font-weight:500;padding:12px 14px;border-radius:10px;transition:background 0.15s;}
.mobile-menu a:hover{background:#f5f5f7;}
.mobile-menu a.active{color:#e00;font-weight:700;}

@media(max-width:768px){
  .site-nav{padding:0 20px;position:relative;}
  .nav-links{display:none!important;}
  .hamburger{display:flex;}
}