/* Merit Labs: one centered-brand header for home and all storefront pages. */
body .merit-site-notice { padding: 8px 20px; background: var(--ml-chrome-bar, #18212d); text-align: center; }
body .merit-site-notice p { margin: 0; color: var(--ml-ink-muted, #a5aeba); font: 400 11px/1.5 "DM Sans", sans-serif; letter-spacing: .05em; }
body #header.ml-unified-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.97); border-bottom: 1px solid rgba(195,212,226,.4); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font-family: "DM Sans", sans-serif; }
body #header.ml-unified-header .merit-header-layout { display: grid; grid-template-columns: minmax(0,1fr) 112px minmax(0,1fr); align-items: center; gap: 16px; width: 100%; max-width: 1280px; min-height: 96px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
body #header.ml-unified-header :is(.merit-header-primary,.merit-header-account) { display: flex; align-items: center; gap: 24px; min-width: 0; }
body #header.ml-unified-header .merit-header-account { justify-content: flex-end; }
body #header.ml-unified-header .merit-header-brand { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 80px; }
body #header.ml-unified-header .merit-header-brand img { display: block; width: 120px; height: 80px; max-width: none; object-fit: contain; }
body #header.ml-unified-header .merit-header-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; flex-shrink: 0; color: var(--ml-ink-2, #334155); font: 500 13px/1.3 "DM Sans", sans-serif; text-decoration: none; white-space: nowrap; transition: color .18s, background .18s; }
body #header.ml-unified-header .merit-header-link span { font: inherit; }
body #header.ml-unified-header .merit-header-link i { display: inline-block; width: 20px; text-align: center; font-size: 17px; }
body #header.ml-unified-header .merit-header-link:hover { color: var(--ml-navy-link, #142b56); }
body #header.ml-unified-header .merit-header-link.active { color: var(--ml-navy-link, #142b56); }
body #header.ml-unified-header .merit-header-link.active span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
body #header.ml-unified-header a:focus-visible { outline: 2px solid var(--ml-navy-link, #142b56); outline-offset: 4px; border-radius: 4px; }
@media (max-width: 1000px) and (min-width: 768px) {
  body #header.ml-unified-header .merit-header-layout { padding-inline: 20px; grid-template-columns: minmax(0,1fr) 88px minmax(0,1fr); gap: 12px; }
  body #header.ml-unified-header :is(.merit-header-primary,.merit-header-account) { gap: 16px; }
  body #header.ml-unified-header .merit-header-link { gap: 6px; }
}
@media (max-width: 767px) {
  body .merit-site-notice { padding: 7px 16px; }
  body .merit-site-notice p { font-size: 10px; letter-spacing: .025em; }
  body #header.ml-unified-header .merit-header-layout { min-height: 84px; padding: 0 16px; grid-template-columns: minmax(0,1fr) 80px minmax(0,1fr); gap: 8px; }
  body #header.ml-unified-header .merit-header-primary { gap: 0; }
  body #header.ml-unified-header .merit-header-secondary { display: none; }
  body #header.ml-unified-header .merit-header-brand { min-height: 72px; }
  body #header.ml-unified-header .merit-header-brand img { width: 96px; height: 64px; }
  body #header.ml-unified-header .merit-header-shop { min-width: 78px; padding: 0 12px; border-radius: 999px; background: var(--ml-navy-link, #142b56); color: #fff; box-sizing: border-box; gap: 7px; }
  body #header.ml-unified-header .merit-header-shop:hover, body #header.ml-unified-header .merit-header-shop.active { color: #fff; background: #243d64; }
  body #header.ml-unified-header .merit-header-shop.active span { text-decoration: none; }
  body #header.ml-unified-header .merit-header-account { gap: 6px; }
  body #header.ml-unified-header .merit-header-account .merit-header-link { flex-direction: column; min-width: 44px; min-height: 48px; gap: 5px; font-size: 11px; }
  body #header.ml-unified-header .merit-header-link i { width: 18px; font-size: 17px; }
}

/* Keep all four actions visible below the centered logo on narrow phones. */
@media (max-width: 439px) {
  body #header.ml-unified-header .merit-header-layout { grid-template-columns: auto 1fr; gap: 0 12px; padding-block: 4px 10px; }
  body #header.ml-unified-header .merit-header-brand { grid-column: 1 / -1; grid-row: 1; min-height: 64px; }
  body #header.ml-unified-header .merit-header-primary { grid-column: 1; grid-row: 2; }
  body #header.ml-unified-header .merit-header-account { grid-column: 2; grid-row: 2; }
}