/* Scoped navigation: shared by every page without changing legacy page content. */
.bf-header { --bf-ink:#213d32; --bf-muted:#59645c; --bf-paper:#fbfaf6; --bf-green:#24694e; --bf-line:#d9dfd3; --bf-orange:#ba512d; position:relative; z-index:30; width:100%; margin:0; padding:0; border-bottom:1px solid var(--bf-line); background:var(--bf-paper); color:var(--bf-ink); font:400 16px/1.65 'DM Sans',sans-serif; -webkit-font-smoothing:antialiased; }
.bf-header *,.bf-header *::before,.bf-header *::after { box-sizing:border-box; }
.bf-header .bf-wrap { width:min(1160px,calc(100% - 80px)); margin-inline:auto; }
.bf-header .bf-header-inner { display:flex; justify-content:space-between; align-items:center; gap:30px; min-height:90px; padding-block:0; }
.bf-header a { color:inherit; text-decoration:none; }
.bf-header a:hover,.bf-header a:focus { color:var(--bf-green); text-decoration:none; }
.bf-header a:focus-visible,.bf-header summary:focus-visible,.bf-header button:focus-visible { outline:3px solid var(--bf-orange); outline-offset:5px; }
.bf-header .bf-logo { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:700; letter-spacing:-.04em; line-height:1.65; flex-shrink:0; }
.bf-header .bf-logo img { display:block; width:38px; height:38px; max-width:100%; object-fit:contain; border:0; border-radius:0; }
.bf-header .bf-main-nav { display:flex; align-items:center; gap:26px; margin:0; padding:0; font-size:13px; font-weight:500; line-height:1.65; }
.bf-header .bf-main-nav a { display:inline-flex; align-items:center; min-height:44px; }
.bf-header .bf-nav-cta { gap:16px; color:var(--bf-green); }
.bf-header a[aria-current="page"] { color:var(--bf-green); text-decoration:underline; text-underline-offset:6px; }
.bf-header .bf-menu-toggle { display:none; }
.bf-header .bf-collections-menu { position:relative; margin:0; }
.bf-header .bf-collections-menu > summary { display:flex; align-items:center; gap:9px; min-height:44px; margin:0; padding:0; cursor:pointer; list-style:none; font-size:inherit; line-height:inherit; }
.bf-header .bf-collections-menu > summary::-webkit-details-marker { display:none; }
.bf-header .bf-collections-menu[open] > summary,.bf-header .bf-has-current > summary { color:var(--bf-green); }
.bf-header .bf-has-current > summary { text-decoration:underline; text-underline-offset:6px; }
.bf-header .bf-collections-menu[open] > summary > span { transform:rotate(180deg); }
.bf-header .bf-dropdown { display:grid; grid-template-columns:1fr 2fr; gap:24px; position:absolute; top:calc(100% + 14px); right:-26px; width:610px; max-height:calc(100vh - 130px); overflow-y:auto; padding:26px; background:var(--bf-paper); border:1px solid var(--bf-line); box-shadow:0 15px 35px #213d321a; }
.bf-header .bf-menu-label { margin:0 0 12px; font-size:10px; font-weight:400; line-height:1.65; text-transform:uppercase; letter-spacing:.1em; color:var(--bf-muted); }
.bf-header .bf-dropdown ul { list-style:none; margin:0; padding:0; }
.bf-header .bf-dropdown li { margin:0; padding:0; }
.bf-header .bf-menu-brands { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.bf-header .bf-dropdown li a { display:flex; font-size:12px; min-height:39px; padding:5px 0; }
.bf-header .bf-dropdown li a:hover { text-decoration:underline; text-underline-offset:4px; }
.bf-header .bf-menu-all { grid-column:1 / -1; justify-content:space-between; border-top:1px solid var(--bf-line); padding-top:16px; color:var(--bf-green); font-size:12px; }
@media(max-width:1000px) and (min-width:761px) { .bf-header .bf-main-nav { gap:17px; font-size:12px; } .bf-header .bf-logo { font-size:16px; } }
@media(max-width:1000px) { .bf-header .bf-wrap { width:calc(100% - 56px); } }
@media(max-width:760px) {
  .bf-header .bf-wrap { width:calc(100% - 40px); }
  .bf-header .bf-header-inner { min-height:0; flex-wrap:wrap; gap:0; padding-block:12px; }
  .bf-header .bf-logo { font-size:17px; }
  .bf-header .bf-logo img { width:32px; height:32px; }
  .bf-header.bf-nav-ready .bf-menu-toggle:not([hidden]) { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:8px 12px; border:1px solid var(--bf-line); border-radius:0; background:transparent; color:var(--bf-ink); font:500 12px 'DM Sans',sans-serif; cursor:pointer; }
  .bf-header .bf-menu-icon { font-size:18px; line-height:1; }
  .bf-header .bf-main-nav { width:100%; flex-direction:column; align-items:stretch; gap:0; padding-top:12px; margin-top:10px; border-top:1px solid var(--bf-line); font-size:13px; max-height:75vh; overflow-y:auto; }
  .bf-header.bf-nav-ready:not(.bf-menu-open) .bf-main-nav { display:none; }
  .bf-header .bf-main-nav > a,.bf-header .bf-collections-menu > summary { min-height:48px; padding:9px 4px; }
  .bf-header .bf-collections-menu > summary { justify-content:space-between; }
  .bf-header .bf-dropdown { position:static; width:100%; max-height:none; grid-template-columns:1fr; padding:18px; gap:20px; box-shadow:none; background:#edf0e7; }
  .bf-header .bf-dropdown ul { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
  .bf-header .bf-dropdown li a { min-height:44px; }
  .bf-header .bf-nav-cta { justify-content:space-between; }
}
@media(max-width:360px) { .bf-header .bf-logo { font-size:15px; gap:7px; } .bf-header .bf-logo img { width:28px; height:28px; } .bf-header.bf-nav-ready .bf-menu-toggle:not([hidden]) { padding-inline:9px; } }