/* Компактная шапка, задача 566356 (11.11.2026).
   Размеры в px: базовый шрифт сайта считается от ширины окна (1rem = 10,4 px на 1440 и 16 px на 1920),
   из-за этого шапка была 99–155 px. Теперь высота шапки 60 px на любой ширине компьютера. */
:root{ --hdr-gap:8px; --hdr-h:60px; --hdr-total:68px; }

@media (min-width:768px){
  html body .header{ padding:var(--hdr-gap) 12px 0; }
  html body .header__wrapper,
  html body .header.--bg .header__wrapper{ display:flex; align-items:center; height:var(--hdr-h); padding:0; border-radius:20px; }
  html body .header__wrapper > .center-wrap{ max-width:none; width:100%; padding:0 clamp(16px, 2.2vw, 36px); }
  html body .header__row{ align-items:center; gap:20px; height:var(--hdr-h); }

  html body .header__logo{ flex:none; width:138px; height:37px; }

  html body .header__menu{ flex:1 1 auto; min-width:0; gap:20px; }
  html body .header__services-btn{ display:inline-flex; align-items:center; height:36px; padding:0 14px; font-size:15px; line-height:1; letter-spacing:-0.01em; border-radius:999px; white-space:nowrap; }
  html body .header__services-btn span{ padding-left:25px; }
  html body .header__services-btn span::before{ width:18px; height:13px; background-size:contain; }
  html body .header__nav{ gap:clamp(14px, 1.3vw, 22px); align-items:center; }
  html body .header__nav-link{ font-size:15px; line-height:1.2; letter-spacing:-0.01em; white-space:nowrap; }
  html body .header__search-btn{ flex:none; width:18px; height:18px; }

  html body .header__socials{ flex:none; gap:14px; align-items:center; }
  html body .header__socials-phone{ font-size:16px; line-height:1.2; letter-spacing:-0.01em; }
  html body .header__phone-addy{ margin-top:2px; font-size:12px; line-height:1.25; letter-spacing:0; padding-left:12px; opacity:.8; }
  html body .header__phone-addy::before{ width:7px; height:10px; }
  html body .header__socials-btn{ display:inline-flex; align-items:center; height:40px; padding:0 20px; font-size:15px; line-height:1; border-width:1.5px; white-space:nowrap; }
  html body .header__social-mess{ flex:none; gap:8px; margin:0; }
  html body header .footer__btns-social{ width:40px; height:40px; border-radius:12px; background-size:18px; }

  /* строка поиска в шапке */
  html body .header__search{ top:50%; transform:translateY(-50%); }
  html body .header__search-form input{ height:44px; padding:0 96px 0 44px; font-size:15px; border-width:1.5px; }
  html body .header__search-form::before{ left:16px; width:18px; height:18px; }
  html body .header__search-form button{ top:4px; right:4px; height:36px; padding:0 18px; font-size:14px; }
  html body .header__search-content{ margin-top:8px; padding:20px; border-radius:16px; }
  html body .header__search-item, html body .header__search-empty{ font-size:15px; letter-spacing:0; }

  /* отступ страниц под шапку */
  html body .other-pages{ padding-top:calc(var(--hdr-total) + 8px); }
}

/* узкий компьютер и планшет: меню в бургере, остаются логотип, телефон, запись */
@media (min-width:768px) and (max-width:1199px){
  html body .header__nav, html body .header__search-btn, html body .header__social-mess{ display:none; }
  html body .header__burger{ display:block; flex:none; width:66px; height:33px; background-size:contain; background-repeat:no-repeat; background-position:center; cursor:pointer;
    background-image:url('data:image/svg+xml,<svg width="66" height="33" viewBox="0 0 66 33" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="1" width="65" height="31" rx="15.5" stroke="%23F9FAFC" stroke-opacity="0.5"/><path d="M24 11h18M24 16.5h18M24 22h18" stroke="%23F9FAFC" stroke-width="1.6" stroke-linecap="round"/></svg>'); }
}
@media (min-width:768px) and (max-width:1365px){
  html body .header__phone-addy{ display:none; }
}
@media (min-width:1200px) and (max-width:1439px){
  html body .header__social-mess{ display:none; }
}