@media (max-width: 720px) {
  .site-header {
    gap: 12px;
  }

  .header-actions {
    gap: 10px;
    margin-left: auto;
  }
}

@media (max-width: 420px) {
  .site-header {
    padding-inline: 12px;
    gap: 8px;
  }

  .header-brand img {
    width: 105px;
  }

  .header-actions {
    gap: 7px;
  }

  .header-actions .text-button {
    display: inline-flex;
    font-size: 11px;
    white-space: nowrap;
  }

  .header-actions .button-small {
    padding: 8px 10px;
    font-size: 12px;
    white-space: nowrap;
  }
}