.site-header .header-inner {
  min-width: 0;
}

.site-header .brand {
  flex: 0 0 auto;
}

.site-header .site-nav {
  min-width: 0;
}

@media (min-width: 768px) {
  .site-header .site-nav {
    flex: 1 1 auto;
  }

  .site-header .site-nav ul {
    justify-content: center;
    gap: clamp(10px, 1.5vw, 22px);
  }

  .site-header .header-actions {
    flex: 0 0 auto;
    gap: 8px;
  }

  .site-header .header-pricing-link {
    flex: 0 0 auto;
  }
}

@media (max-width: 767px) {
  .site-header .header-pricing-link {
    display: none;
  }

  .site-header .header-inner {
    gap: 8px;
  }

  .site-header .nav-toggle {
    margin-left: auto;
    flex: 0 0 44px;
  }

  .site-header .site-nav {
    width: 100%;
  }
}