/* Header brand/logo sizing polish. */
.site-header {
  --zar-header-logo-h: clamp(46px, 4.2vw, 54px);
}
.header-inner {
  min-height: max(var(--header-h), 78px);
}
.brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  width: auto;
  min-width: calc(var(--zar-header-logo-h) * .82);
}
.brand-logo {
  display: block;
  height: var(--zar-header-logo-h) !important;
  max-height: var(--zar-header-logo-h) !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  object-fit: contain;
}
@media (max-width: 980px) {
  .site-header { --zar-header-logo-h: 48px; }
  .header-inner { min-height: 74px; }
}
@media (max-width: 680px) {
  :root { --header-h: 70px; }
  .site-header { --zar-header-logo-h: 44px; }
  .header-inner { min-height: 70px; }
}