/* Compact navigation at every viewport. */
.nh-header-inner { flex-wrap:wrap; gap:0 16px; }
.nh-brand { margin-right:auto; }
.nh-menu-toggle { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 12px; border:1px solid var(--border-strong); border-radius:4px; background:transparent; color:inherit; cursor:pointer; font:400 18px/1 var(--font-body); order:2; }
.nh-header-inner>.nh-theme-toggle { order:1; }
.nh-header-inner>.nh-nav { order:3; display:none; flex:0 0 100%; margin:16px 0 0; padding:12px 0 4px; border-top:1px solid var(--border); flex-direction:column; align-items:stretch; gap:0; }
.nh-header.menu-open .nh-nav { display:flex; }
.nh-nav a { padding:14px 4px; font-size:20px; white-space:normal; }
.site-header .bar { position:relative; flex-wrap:nowrap!important; }
.site-header .header-actions { margin-left:auto; }
.site-header .nav-toggle { display:inline-flex!important; }
.site-header .main-nav { display:none!important; position:absolute; top:100%; right:0; width:min(420px,100vw); padding:16px 24px; margin:0; background:var(--surface); border:1px solid var(--border-strong); box-shadow:var(--shadow); flex-direction:column; align-items:stretch; gap:0; z-index:30; }
.site-header .main-nav.open { display:flex!important; }
.site-header .main-nav>a { display:block; padding:12px 0; color:var(--ink); white-space:normal; }

/* A single full-bleed image, with a dark gradient for legible copy. */
.tool-card.nh-image-card { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; min-height:360px; background:#171717!important; padding:0!important; }
.tool-card.nh-image-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.88) 100%)!important; z-index:1; }
.tool-card.nh-image-card::after { display:none!important; }
.tool-card.nh-image-card .nh-card-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0; }
.tool-card.nh-image-card .nh-card-copy { position:relative; z-index:2; padding:26px; color:#fff; }
.tool-card.nh-image-card h3,.tool-card.nh-image-card p,.tool-card.nh-image-card .go { color:#fff!important; }

/* Three category treatments use the same ink, paper and gold as Navaro. */
body .home-page #homeVendors .category-vendors { background:var(--surface)!important; border:1px solid var(--border-strong); border-top:4px solid var(--accent); }
body .home-page #homeVendors .category-resellers { background:var(--surface-2)!important; border:1px solid var(--border-strong); border-left:4px solid var(--accent); }
body .home-page #homeVendors .category-resources { background:transparent!important; border:0; border-top:1px solid var(--border-strong); border-radius:0; padding-left:0; padding-right:0; }
.hv-group.category-resellers li { margin:12px 0; padding:0 14px; border:1px solid var(--border)!important; border-radius:4px; }
.hv-group.category-resources li { border-top:0; border-bottom:1px solid var(--border)!important; }
body .tools-page #category-vendors.vendor-section { background:var(--surface)!important; border-top:4px solid var(--accent); }
body .tools-page #category-resellers.vendor-section { background:var(--surface-2)!important; border-left:4px solid var(--accent); }
body .tools-page #category-resources.vendor-section { background:var(--bg)!important; border-top:1px solid var(--border-strong); }

/* Theme the homepage surfaces, leaving photography intact. */
:root[data-theme="dark"] body.navaro-intro-page, :root[data-theme="dark"] .home-page { background:#111!important; color:var(--ink); }
:root[data-theme="dark"] .home-page>.home-useful-tools-section,
:root[data-theme="dark"] .home-page>.home-trending-compounds-section,
:root[data-theme="dark"] .home-page>.home-guides-articles-section,
:root[data-theme="dark"] .home-page>.home-start-section { background:#111!important; color:var(--ink); }
:root[data-theme="dark"] .home-page .home-symptom-box { background:var(--surface)!important; color:var(--ink); }
.card-retatrutide { background-image:linear-gradient(145deg,#8c7656,#26231e)!important; }
@media(max-width:650px){.site-header .main-nav{width:100vw;right:0}.tool-card.nh-image-card{min-height:330px}}

/* The maple-leaf mark is square, so give it room in the header. */
.nh-brand { flex:0 0 88px!important; }
.nh-brand img { width:80px!important; height:88px!important; object-fit:contain; }
.site-header .brand { min-width:88px!important; flex:0 0 88px!important; }
.site-header .brand .brand-logo-home { width:80px!important; min-width:80px!important; height:88px!important; min-height:88px!important; }
.site-header .brand .brand-logo-home img { width:80px!important; height:88px!important; max-height:88px!important; object-fit:contain!important; }
@media(max-width:650px){.nh-brand{flex-basis:72px!important}.nh-brand img{width:68px!important;height:76px!important}.site-header .brand{min-width:72px!important;flex-basis:72px!important}.site-header .brand .brand-logo-home,.site-header .brand .brand-logo-home img{width:68px!important;min-width:68px!important;height:76px!important;min-height:76px!important;max-height:76px!important}}

.vendor-warehouse { background:var(--surface-2); border-bottom:1px solid var(--border-strong); color:var(--ink); }
.vendor-warehouse-inner { display:flex; align-items:center; gap:48px; padding-top:24px; padding-bottom:24px; }
.vendor-warehouse-inner>div { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.vendor-warehouse-label { font:400 20px/1.25 var(--font-display); }
.vendor-warehouse strong { display:inline-block; padding:5px 12px; border:1px solid var(--accent); border-radius:2px; color:var(--ink); font-size:15px; white-space:nowrap; }
.vendor-warehouse p { margin:0; color:var(--ink-soft); font-size:16px; }
.vendor-reship { background:var(--bg); color:var(--ink); border-top:1px solid var(--border); }
.vendor-reship-inner { display:grid; grid-template-columns:1fr 2fr; gap:48px; padding-top:40px; padding-bottom:48px; }
.vendor-reship h2 { margin:0; color:var(--ink)!important; font-size:32px; }
.vendor-reship h3 { margin:0 0 14px; color:var(--ink)!important; font-size:24px; }
.vendor-reship p { color:var(--ink-soft); font-size:19px; }
@media(max-width:650px){.vendor-warehouse-inner{display:block}.vendor-warehouse p{margin-top:12px}.vendor-reship-inner{grid-template-columns:1fr;gap:20px}}
.vendor-profile .vp-hero.has-vendor-art,.barn-page .barn-hero.has-vendor-art { background-color:#15120f!important; background-image:linear-gradient(90deg,rgba(11,10,9,.94) 0%,rgba(11,10,9,.72) 38%,rgba(11,10,9,.08) 100%),var(--vendor-art)!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; }
.vendor-profile .vp-hero.has-vendor-art h1,.vendor-profile .vp-hero.has-vendor-art p,.vendor-profile .vp-hero.has-vendor-art dt,.vendor-profile .vp-hero.has-vendor-art dd,.vendor-profile .vp-hero.has-vendor-art a,.barn-page .barn-hero.has-vendor-art h1,.barn-page .barn-hero.has-vendor-art h2,.barn-page .barn-hero.has-vendor-art p,.barn-page .barn-hero.has-vendor-art a,.barn-page .barn-hero.has-vendor-art span { color:#f6f1e9!important; }
@media(max-width:650px){.vendor-profile .vp-hero.has-vendor-art,.barn-page .barn-hero.has-vendor-art{background-position:center,65% center!important}}

/* Vendor rows become readable cards on phones and narrow tablets. */
@media (max-width: 900px) {
  .vendor-section .directory-table { overflow:visible; border:0; border-radius:0; background:transparent; }
  .vendor-section .directory-table table,
  .vendor-section .directory-table tbody { display:block; width:100%; min-width:0; }
  .vendor-section .directory-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .vendor-section .directory-table tbody tr { display:block; min-width:0; margin:0 0 16px; padding:20px; border:1px solid var(--border-strong); border-radius:8px; background:var(--surface); }
  .vendor-section .directory-table tbody tr[hidden] { display:none!important; }
  .vendor-section .directory-table tbody td { display:grid; grid-template-columns:minmax(95px, .8fr) minmax(0, 1.6fr); gap:12px; width:auto; min-width:0; padding:10px 0; border:0; border-bottom:1px solid var(--border); overflow-wrap:anywhere; font-size:16px; font-weight:400; }
  .vendor-section .directory-table tbody td::before { color:var(--ink-soft); font-size:14px; font-weight:400; }
  .vendor-section .directory-table tbody td:nth-child(2)::before { content:'Contact name'; }
  .vendor-section .directory-table tbody td:nth-child(3)::before { content:'Rate'; }
  .vendor-section .directory-table tbody td:nth-child(4)::before { content:'Contact'; }
  .vendor-section .directory-table tbody td:nth-child(5)::before { content:'Group'; }
  .vendor-section .directory-table tbody td:nth-child(6)::before { content:'Updates / Misc.'; }
  .vendor-section .directory-table tbody td:first-child { display:block; padding:0 0 14px; }
  .vendor-section .directory-table tbody td:last-child { border-bottom:0; padding-bottom:0; }
  .vendor-section .vendor-profile-link { display:inline-block; font-size:23px; line-height:1.2; }
  .vendor-section .vendor-profile-detail { display:inline-block; margin-top:5px; padding:5px 0; }
  .vendor-section .vendor-community-links { min-width:0; gap:4px 16px; }
  .vendor-section .vendor-community-links a { padding:4px 0; white-space:normal; overflow-wrap:anywhere; }
  .vendor-section .vendor-resource-list>a { min-width:0; }
}
@media (max-width: 480px) {
  .vendor-section .directory-table tbody tr { padding:17px; }
  .vendor-section .directory-table tbody td { grid-template-columns:minmax(82px,.7fr) minmax(0,1.3fr); gap:10px; }
  .hv-row-main { flex-wrap:wrap; }
  .hv-contact { min-width:0; overflow-wrap:anywhere; }
}