@media (max-width: 760px) {
  .navbar {
    z-index: 50;
    height: var(--navbar-height);
    min-height: var(--navbar-height);
    padding: 0 12px;
    grid-template-columns: 1fr auto;
  }

  .navbar-brand {
    gap: 8px;
    padding-right: 0;
    font-size: 12px;
    white-space: nowrap;
  }

  .navbar-brand img {
    width: 29px;
    height: 29px;
  }

  .nav-links {
    display: none;
  }

  .contact-button {
    min-height: 34px;
    padding: 0 13px;
    font-size: 9px;
    letter-spacing: 0.055em;
  }

  .contact-icon {
    width: 14px;
    height: 14px;
  }
}