/* Mobile menu CTA bar: keep the two fast contact actions in one balanced row. */
@layer components {
  .contact-channels--nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-2);
  }

  .contact-channels--nav .contact-channels__item {
    min-inline-size: 0;
  }

  .contact-channels--nav .contact-channel {
    inline-size: 100%;
    min-inline-size: 0;
    justify-content: center;
    padding-inline: var(--s-2);
  }

  .contact-channels--nav .contact-channel__value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}