/* ============================================================================
   GoCheckMyPet — SHARED SITE HEADER (disclosure bar + top nav)
   ONE source of truth for the header. Linked by every page: index, about, faq,
   care-plan, compare, and all /picks/ pages + hub. Do not paste header CSS inline
   anywhere else — edit here so the nav can never drift between pages.
   Self-contained (hardcoded brand palette + font stacks) so it works whether or
   not the host page defines matching CSS variables.
   ============================================================================ */

.gc-disclosure{
  background:#12241E;color:#C9D6CE;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.03em;text-align:center;padding:6px 12px;
}

.gc-nav{
  border-bottom:1px solid #E4E9E2;
  background:rgba(245,247,243,.9);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  position:sticky;top:0;z-index:60;
}
.gc-nav .gc-bar{
  max-width:1180px;margin:0 auto;padding:12px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.gc-nav .gc-brand{
  display:flex;align-items:center;gap:9px;
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:17px;
  color:#12241E;text-decoration:none;flex:none;
}
.gc-nav .gc-brand .gc-mark{width:22px;height:22px;flex:none;display:inline-flex}
.gc-nav .gc-brand .gc-mark img{width:100%;height:100%;object-fit:contain;display:block}
.gc-nav .gc-links{
  display:flex;align-items:center;gap:22px;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
}
.gc-nav .gc-links::-webkit-scrollbar{display:none}
.gc-nav .gc-links a{
  font-family:'Inter',system-ui,sans-serif;font-size:13.5px;font-weight:500;
  color:#5E6E64;text-decoration:none;white-space:nowrap;
}
.gc-nav .gc-links a:hover{color:#12241E}
.gc-nav .gc-links a.active{color:#12241E;font-weight:600}

@media (max-width:640px){
  .gc-nav .gc-bar{flex-direction:column;align-items:stretch;gap:8px}
  .gc-nav .gc-links{gap:20px}
}