/* Header: лого, контакты, поиск */
.l-site-header {
  position: relative;
  width: 100%;
  min-height: 140px;
  background: var(--color-bg);
}

.l-site-header__wrap {
  position: relative;
  max-width: var(--width-content);
  margin: 0 auto;
  padding: var(--space-md) var(--space-lg);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--space-lg);
  align-items: start;
}

.l-site-header__left {
  text-align: center;
}
.l-site-header__logo { display: inline-block; }
.l-site-header__logo-img { display: block; max-height: 98px; width: auto; }
.l-site-header__title {
  font: 700 18px/1.3 var(--font-serif);
  color: var(--color-text);
  margin-top: var(--space-sm);
}
.l-site-header__title span { color: var(--color-primary-light); }
.l-site-header__social { margin-top: var(--space-sm); }
.l-site-header__social a {
  display: inline-block;
  margin-right: var(--space-sm);
  font-size: 14px;
  text-decoration: none;
}
.l-site-header__onas { color: var(--color-primary) !important; font-weight: 700; }

.l-site-header__right {
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-text);
}
.l-site-header__callback-link {
  text-decoration: none;
  border-bottom: 1px dotted;
  color: var(--color-text);
}
.l-site-header__phone a { color: var(--color-text); text-decoration: none; }
.l-site-header__phone-prefix { color: var(--color-text-muted); }
.l-site-header__mode, .l-site-header__metro { margin-top: var(--space-xs); }
.l-site-header__scheme a { font-size: 13px; }

.l-site-header__middle {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.l-site-header__menu-html ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.l-site-header__menu-html a {
  color: var(--color-text);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-dark);
}
.l-site-header__search-form { display: flex; gap: var(--space-xs); }
.l-site-header__search-input { flex: 1; min-width: 0; }
.l-site-header__search-btn {
  padding: var(--space-sm) var(--space-md);
  font: inherit;
  color: var(--color-bg);
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
}

@media (max-width: 900px) {
  .l-site-header__wrap {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .l-site-header__right { order: 2; }
  .l-site-header__middle { order: 3; }
}