
.Header-nav {
  margin-left: auto;
}

.Header-list {
  list-style: none;
  display: flex;
  align-items: center;
}

.Header-link {
  display: block;
  color: var(--ink-strong);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-bottom: 3px solid transparent;
  transition: color 0.25s ease, border-color 0.25s ease;
}

.Header-link:hover,
.Header-link.is-current {
  color: var(--action-primary);
  border-bottom-color: var(--action-primary);
}

.Header-toggle {
  margin-left: auto;
}

.Header-toggle span {
  width: 26px;
  height: 2px;
  border-radius: 1px;
  background: var(--ink-strong);
}

.Header-close {
  color: var(--ink-strong);
}

.Header-phone {
  color: var(--action-primary);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.9rem;
  margin-left: 1rem;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .Header-link { font-size: 0.86rem; }
}

@media (max-width: 767px) {
  .Header-list {
    border-bottom: none;
  }
  
  [data-mm-menu] .Header-list { width: 100%; align-items: stretch; }
  [data-mm-menu] .Header-item { width: 100%; }
  .Header-link {
    border-bottom: 1px solid var(--line-hair);
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
  }
  .Header-phone { margin-left: 0.5rem; }
}
