/*
 * NAZZQI homepage/header edge alignment - 2026-10-30
 * This uniquely named file avoids stale browser caches of assets/css/style.css.
 * Match the 1200px max-width, 24px side gutter of the homepage hero.
 * Loaded AFTER style.css on all public and buyer pages.
 */
.site-header .nav-container {
  box-sizing: border-box;
  width: calc(100% - 48px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.site-header .logo-link {
  flex: 0 0 auto;
  justify-self: start;
  min-width: 0;
}
.site-header .nav-links {
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 22px;
  justify-self: auto;
  justify-content: flex-start;
}
.site-header .nav-actions {
  flex: 0 0 auto;
  justify-self: auto;
  margin-left: auto;
}
@media (max-width: 1279px) {
  .site-header .nav-container { gap: 14px; }
  .site-header .nav-links {
    display: none;
    position: absolute;
    margin-left: 0;
    width: 100%;
    top: 100%;
    left: 0;
  }
  .site-header .nav-links.mobile-active { display: flex; }
}
@media (max-width: 850px) {
  .site-header .nav-container { width: calc(100% - 40px); }
}
@media (max-width: 520px) {
  .site-header .nav-container { width: calc(100% - 28px); gap: 8px; }
}