/* ============================================================
   ДОПОЛНЕНИЕ К ШАПКЕ site-new
   Добавить в конец /bitrix/templates/spena/css/custom.css
   Ничего из существующих правил менять не нужно.
   ============================================================ */

/* --- значки мессенджеров: MAX и WhatsApp --- */
.msgs{display:flex;align-items:center;gap:10px;flex:0 0 auto;align-self:center}
.msgs a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .15s}
.msgs a:hover{transform:translateY(-1px)}
.msgs img,.msgs svg{display:block;width:32px;height:32px;border-radius:8px}

/* --- кнопка «Оставить заявку» внутри бургер-меню --- */
.m-cta{display:none}

/* --- мобильная версия --- */
@media (max-width:900px){
  /* кнопка заявки — первой строкой в раскрытом меню */
  .m-cta{display:block;order:-1;background:var(--on-red);color:var(--red-deep)!important;
         font-weight:700;text-align:center;padding:13px 18px;border-radius:12px;font-size:1rem}
  nav.main.red .links.inner .m-cta{color:var(--red-deep)!important}

  /* мессенджеры — отдельной строкой внизу меню, крупнее */
  .msgs{width:100%;margin-top:4px;padding-top:18px;border-top:1px solid oklch(0.7 0.12 27);gap:16px}
  .msgs img,.msgs svg{width:44px;height:44px;border-radius:11px}
  .links:not(.inner) .msgs{border-top-color:var(--line)}
}

/* --- якорь формы не уезжает под липкую шапку --- */
#form,.pform{scroll-margin-top:90px}