.ls-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--ls-bg-dark);
  color: var(--ls-text);
  height: var(--ls-header-h);
  display: flex;
  align-items: center;
  transition: height var(--ls-transition);
}
.ls-header.scrolled { height: var(--ls-header-h-scroll); }

.ls-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.ls-header__logo { flex-shrink: 0; }
.ls-header__logo img { max-height: 50px; transition: max-height var(--ls-transition); }
.ls-header.scrolled .ls-header__logo img { max-height: 40px; }

.ls-header__logo .site-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ls-text);
  text-decoration: none;
}
.ls-header__logo .site-name span { color: var(--ls-primary); }

.ls-header__nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ls-header__nav a {
  color: var(--ls-text);
  font-size: 0.875rem;
  text-decoration: none;
  transition: color var(--ls-transition);
}
.ls-header__nav a:hover { color: var(--ls-primary); }

.ls-header__nav .btn-ls {
  color: #fff;
}
.ls-header__nav .btn-ls:hover {
  color: #fff;
}

.ls-header__icon-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  color: var(--ls-text);
  font-size: 0.8rem;
  font-weight: 600;
}
.ls-header__icon-link:hover { color: var(--ls-primary); }
.ls-header__icon-link svg { flex-shrink: 0; }

@media (max-width: 768px) {
  .ls-header { height: 60px; padding: 0 10px; }
  .ls-header__logo .site-name { font-size: 1.125rem; }
  .ls-header__nav { gap: 10px; }
  .ls-header__nav a { font-size: 0.75rem; }
  .ls-header__nav .nav-hide-mobile { display: none; }
}