/* Шапка сайта: расстояния между логотипом, меню, телефоном и кнопкой на всех ширинах. Подключена на всех страницах. */

/* минимальный зазор между блоками шапки — логотип, меню и кнопка никогда не прилипают друг к другу */
#siteHeader .glass > div{ column-gap:32px; }

/* ноутбуки до 1280 px: короткие подписи пунктов (как в мобильном меню) и ровный шаг 26 px */
#siteHeader .nav-short{ display:none; }
@media (min-width:1024px) and (max-width:1279px){
  #siteHeader nav[aria-label="Основное меню"]{ gap:26px; font-size:15px; }
  #siteHeader .nav-full{ display:none; }
  #siteHeader .nav-short{ display:inline; }
}

/* от 1536 px в шапке появляется телефон: иконки соцсетей в шапке не показываем (они есть в меню и подвале),
   телефон отделён от меню и от кнопки тонкими линиями */
#siteHeader .glass div:has(> a[aria-label="Telegram"]){ display:none; }
@media (min-width:1536px){
  #siteHeader .glass a[href^="tel:"]{ padding-left:28px; border-left:1px solid rgba(255,255,255,.1); }
  #siteHeader .glass div:has(> a[href^="tel:"]){ padding-right:28px; margin-right:4px; }
}

/* hero на главной: текст не прижимается к шапке (было 24–51 px от низа шапки, на ноутбуках 1024×768 особенно тесно) */
#top{ padding-top:120px; }
@media (min-width:1024px) and (max-height:820px){ #top{ padding-top:124px; } }