/* ===== Социальные иконки в шапке (VK, MAX) =====
   Инжектятся скриптом /js/header-social.js:
   - на desktop: в .top-contact, перед кнопкой «Перезвоните»
   - на mobile drawer: в .mobile-menu-foot, перед CTA-кнопкой
   URL'ы берутся из window.SHARIPKIN_VK_URL / SHARIPKIN_MAX_URL (site-config.js). */

.header-social{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}

.header-social-link{
  display:inline-grid;place-items:center;
  width:36px;height:36px;
  border-radius:8px;
  overflow:hidden;
  background:transparent;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .2s ease;
}
.header-social-link:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(6,22,51,.18);
}
.header-social-link:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}
.header-social-link svg{display:block;width:36px;height:36px;border-radius:8px}

/* === Desktop topbar === */
.header-social--desktop{margin-right:6px}
@media (max-width:880px){
  .header-social--desktop{display:none}                       /* на мобилке скрыт — есть в drawer */
}

/* === Mobile drawer === */
.header-social--mobile{
  justify-content:flex-start;
  gap:12px;
  margin:0;
}
.header-social--mobile .header-social-link{width:44px;height:44px}
.header-social--mobile .header-social-link svg{width:44px;height:44px}