/* header/header — основа: блок-основа этапа 1 (yandex-clickfraud); сгенерировано tools/css_majority.py */
.header { background:#fff;border-bottom:1px solid rgba(0,0,0,.2);left:0;padding:18px 0;position:fixed;top:0;width:100%;z-index:1000 }
.header__container { align-items:center;display:flex;gap:45px;margin:0 auto;max-width:1440px;padding:0 30px }
.header__panel { flex-grow:1;justify-content:space-between;align-items:center;display:flex }
.header__info { align-items:center;display:flex;flex-direction:column }
.header__info-mail { color:#111;font-size:12px;font-weight:300;line-height:14px;margin-bottom:5px }
.header__info-mail:hover { color:var(--accent) }
.header__info-phone { color:#111;font-size:16px;line-height:19px }
.header__info-phone:hover { color:var(--accent);text-decoration:underline }
.header__right { align-items:center;display:flex;gap:20px }
.header__toggle { display:none }
.header__connect { font-size:20px;font-weight:500;padding:10px 20px }
.header__account { font-family:Inter;border-color:var(--btn);color:var(--btn) }
.header__info_mobile { display:none }
.nav { gap:20px;align-items:center;display:flex }
.nav__link { align-items:center;display:flex;color:#111;gap:7px }
.nav__link:hover { text-decoration:underline }
.nav__link svg { height:7px;width:11px }
.nav__dropdown-box { display:none;background:#fff;border-radius:8px;box-shadow:0 4px 40px 0 rgba(0,0,0,.2);margin-left:-16px;margin-top:11px;padding:5px;position:absolute }
.nav__dropdown--open .nav__dropdown-box { display:block }
.nav__dropdown-link { align-items:center;border-radius:4px;display:inline-flex;gap:9px;padding:10px;width:100% }
.nav__dropdown-link:hover { background:#f0f0f0 }
.nav__dropdown-link-text { color:#111;font-size:14px }
.nav__service span { border-right:1px solid #ddd;margin-right:8px;padding-right:12px }
.nav__service-current-icon { background-position:50%;background-repeat:no-repeat;background-size:cover;height:24px;width:24px;background-image:url(/_astro/nav-yandex-protect.44w0C0Nq.svg) }
@media screen and (max-width:1370px) {
  .header__container { gap:25px;padding:0 20px }
  .header__info { margin-left:auto }
  .nav__service span { display:none }
  .header__panel { gap:15px;justify-content:flex-start }
}
@media screen and (max-width:991px) {
  .header__connect:hover { background:none!important }
  .header__container { gap:25px;padding:0 20px;justify-content:space-between }
  .header__info { align-items:flex-end;display:flex;position:fixed;right:90px;top:20px }
  .header__panel { padding-bottom:100px;background:#fff;flex-direction:column;flex-grow:auto;height:calc(100vh - 81px);justify-content:flex-start;opacity:1;overflow-y:auto;position:fixed;right:-100vw;top:81px;transition:opacity .2s;width:100vw;z-index:5;gap:0 }
  .header__info-phone { color:var(--accent) }
  .header__right { flex-direction:column;gap:0;width:100% }
  .header__menu { order:2;width:100% }
  .header__right-cell { border-bottom:1px solid rgba(0,0,0,.1);padding:22px 20px;width:100% }
  .header__right-cell:first-child { order:2 }
  .header__toggle { display:block }
  .header__toggle svg { height:31px;width:40px }
  .header__panel--open { opacity:1;right:0 }
  a.header__account:before { display:none }
  .header__connect { background:none;box-shadow:none;color:var(--accent) }
  .header__info_desktop { display:none }
  .header__info_mobile { display:flex }
  .nav { flex-direction:column;gap:0;width:100% }
  .nav__item { border-bottom:1px solid rgba(0,0,0,.1);width:100% }
  .nav__link { padding:22px 20px;width:100% }
  .nav__dropdown-box { border-radius:0;border-top:1px solid rgba(0,0,0,.1);box-shadow:none;margin-top:0;padding:0;position:static;margin-left:0 }
  .nav__dropdown-link { padding:8px 20px }
  .nav__dropdown-box .nav__dropdown-item { border-bottom:1px solid rgba(0,0,0,.1) }
  .nav__dropdown-box .nav__dropdown-item:last-child { border-bottom:none }
  .nav__dropdown--open .nav__link svg { transform:rotate(180deg) }
  .nav__service span { display:block }
}
@media screen and (max-width:480px) {
  .header__container { padding:0 10px }
  .header__info { right:70px }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */
/* шапка выше содержимого секций (стрелки слайдера и т. п.), ниже чата, квиза и модалок */
.header { z-index:5000 }
/* выбранный пункт выпадающего меню (Header.astro ставит is-current текущему сервису) — одинаково на всех лендингах */
.nav__dropdown-item.is-current .nav__dropdown-link { background:#ddd }
/* подпись списка без выбранного сервиса («Сервисы» elama) — видна на всех ширинах, как в оригинале */
.nav__service .nav__service-label { display:block }
/* логотип — flex (без лишней высоты строки под картинкой) */
.header__logo { display:flex }
/* мобильное меню — сразу под шапкой 77px (≤991px) */
@media screen and (max-width:991px) {
  .header__panel { top:77px;height:calc(100vh - 77px) }
}
/* высота шапки на ПК — 81px и без иконки сервиса («Сервисы» elama): отступ первого экрана задан под неё */
@media screen and (min-width:992px) {
  .header { min-height:81px;box-sizing:border-box }
}
/* шапка без списка сервисов (ty2): меню и контакты — по центру свободного места, только на ПК (на мобильных — как обычно) */
@media screen and (min-width:992px) {
  .header--no-service .header__menu, .header--no-service .header__info { margin:auto }
}
