/* Keep the supplied messenger marks optically equal and preserve touch targets. */
.messenger--whatsapp img { border-radius: 0; }

@media (max-width: 767px) {
  .contacts__top { gap: 16px; padding-block: 16px; }
  .contacts__top > div {
    display: grid;
    grid-template-columns: repeat(3, 44px);
    gap: 2px;
  }
  .contacts__top > div > a:last-child {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    margin: 0;
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  .header__contacts { gap: 0; }
  .header__contacts .messenger { width: 40px; height: 44px; padding: 8px; }
}