/* Share the existing messenger SVGs/URLs; show compact controls in mobile chrome. */
.header-messengers { display: none; }
@media (max-width: 1020px) {
  body > header .nav { gap: 12px; }
  body > header .nav-actions { gap: 12px; }
  .header-messengers { display: flex; flex: none; }
  .header-messengers .svc-messenger-links { width: auto; gap: 8px; }
  .header-messengers .svc-msg-btn { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; color: #fff; }
  .header-messengers .svc-msg-btn svg { width: 23px; height: 23px; }
  .header-messengers .svc-msg-btn--tg { background: #24a9e8; }
  .header-messengers .svc-msg-btn--vb { background: #7360f2; }
  .header-messengers .svc-msg-btn--wa { background: #20cf60; }
  .header-messengers .svc-msg-btn:hover,
  .header-messengers .svc-msg-btn:active { color: #fff; }
  .header-messengers .svc-msg-btn:focus-visible { outline-color: var(--ink); }
  html.menu-is-open > body > header .header-messengers,
  html.menu-is-closing > body > header .header-messengers { pointer-events: auto; }
}
@media (max-width: 480px) {
  body > header .nav > .logo { font-size: clamp(1.05rem, 4.4vw, 1.35rem); }
  body > header .nav, body > header .nav-actions { gap: 8px; }
  .header-messengers .svc-messenger-links { gap: 5px; }
  .header-messengers .svc-msg-btn { width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; }
  .header-messengers .svc-msg-btn svg { width: 21px; height: 21px; }
  body > header .burger { width: 44px; height: 44px; flex: 0 0 44px; }
}
@media (max-width: 359px) {
  body > header .nav { padding-inline: 12px; }
  .header-messengers .svc-msg-btn { width: 32px; height: 36px; flex-basis: 32px; }
}