/* Treat the disclosure arrow as part of BRAND LIBRARY when spacing destinations. */
.site-header {
  --primary-nav-gap: 28px;
  --primary-divider-color: #1b2a333b;
}
.site-header nav { gap: var(--primary-nav-gap); }
.site-header .nav-source { margin-right: 0; }
.site-header .products-nav,
.site-header .hero-nav,
.site-header .clinic-nav { position: relative; }
.site-header nav > .products-nav::after,
.site-header nav > .hero-nav::before,
.site-header nav > .clinic-nav::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 1px;
  height: 14px;
  background: var(--primary-divider-color);
  transform: translateY(-50%);
  pointer-events: none;
  transition: background-color .5s ease;
}
.site-header nav > .products-nav::after { right: calc(var(--primary-nav-gap) / -2); }
.site-header nav > .hero-nav::before,
.site-header nav > .clinic-nav::before { left: calc(var(--primary-nav-gap) / -2); }
body.home-top .site-header:not(.is-interacting) { --primary-divider-color: #ffffff59; }
@media (min-width: 601px) and (max-width: 1350px) {
  .header-inner { column-gap: var(--primary-nav-gap); }
}
@media (min-width: 601px) and (max-width: 1000px) {
  .site-header { --primary-nav-gap: 16px; }
}
@media (max-width: 600px) {
  .site-header { --primary-nav-gap: 8px; }
  .header-inner { column-gap: var(--primary-nav-gap); }
  .site-header nav > .products-nav::after,
  .site-header nav > .hero-nav::before,
  .site-header nav > .clinic-nav::before { height: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header nav > .products-nav::after,
  .site-header nav > .hero-nav::before,
  .site-header nav > .clinic-nav::before { transition: none; }
}