.nav { display: flex; justify-content: flex-end; gap: 2rem; font-size: 1rem; margin-bottom: 1rem; }
.nav a { color: #222; text-decoration: none; opacity: 0.8; transition: opacity 0.2s; }
.nav a:hover { opacity: 1; }

.header {position: fixed;top: 0px;left: 0px;width: 100%;height: 56px;background: #FFFFFFFF;border-radius: 0px 0px 0px 0px;box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;}
header {justify-content:space-between; background: #fff;border-bottom: 1px solid #ececec;/*padding: 1rem 0.5rem 0.5rem 0.5rem*/height: 50px;display: flex;align-items: center;position: sticky;top: 0;z-index: 1200;box-shadow: 0 2px 8px rgba(60,72,88,0.03);}
.header-title{height: 100%; align-content: center;}
.burger-btn {display: none;background: none;border: none;cursor: pointer;padding: 0.45rem;margin-right: 1.1rem;z-index: 1300;}
.burger-icon {width: 28px; height: 22px; display: inline-block; position: relative;}
.burger-icon span {display: block;height: 4px;width: 100%;background: #222;border-radius: 2px;position: absolute;left: 0;transition: 0.3s;}
.burger-icon span:nth-child(1) { top: 0; }
.burger-icon span:nth-child(2) { top: 9px; }
.burger-icon span:nth-child(3) { top: 18px; }

.site-title {justify-self: anchor-center;font-size: 1.5rem;font-weight: 600;letter-spacing: -1px;color: #222;}

.header-left{display: flex;}
.header-right{margin-right:10px}
.switch-lang {display:flex}
.lang-tab {cursor: pointer; margin-right:5px;margin-left:5px;}

@media (max-width: 900px) {
  .burger-btn { display: block; }
}