/* BOXFIT inline navigation · user revision 2026-09-27 */
.site-header.bf-header { display: flex; flex-wrap: nowrap; height: 82px; padding: 0 clamp(22px, 2.8vw, 48px); gap: 24px; background: rgba(255,255,255,.97); border-bottom: 1px solid #e9e5dd; box-shadow: none; z-index: 110; }
.bf-header .bf-brand { flex-shrink: 0; font-size: 20px; letter-spacing: -.6px; gap: 10px; white-space: nowrap; }
.bf-header .bf-brand img { height: 44px; width: auto; }
.bf-inline-nav { display: flex; align-items: center; justify-content: center; gap: clamp(15px, 1.4vw, 24px); flex: 1; min-width: 0; }
.bf-inline-nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; color: #524c41; font-size: 13px; text-decoration: none; white-space: nowrap; transition: color .15s; }
.bf-inline-nav a:hover, .bf-inline-nav a[aria-current="page"] { color: #957436; }
.bf-inline-nav a[aria-current="page"]::after { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; height: 2px; background: #b99a58; }
.bf-header-tools { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.bf-header-tools a { text-decoration: none; white-space: nowrap; }
.bf-header-search { display: flex; align-items: center; width: 138px; height: 40px; border: 1px solid #e6ddce; border-radius: 22px; background: #f8f6f0; }
.bf-header-search input { min-width: 0; width: 100%; padding: 0 0 0 12px; border: 0; outline: 0; background: transparent; color: #463e31; font: inherit; font-size: 11px; }
.bf-header-search input::placeholder { color: #918878; }
.bf-header-search input:focus-visible { outline: 2px solid #d6be8c; outline-offset: 3px; border-radius: 3px; }
.bf-header-search button { display: grid; place-items: center; width: 34px; height: 38px; flex-shrink: 0; padding: 0; border: 0; background: transparent; color: #74603b; cursor: pointer; }
.bf-header-search button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.bf-header-login { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; font-size: 12px; font-weight: 600; color: #373025; }
.bf-language { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid #e6e1d8; border-radius: 50%; color: #292722; font-size: 11px; font-weight: 700; }
.bf-header-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 42px; padding: 0 18px; border-radius: 24px; background: #b99a58; color: #211c12; font-size: 12px; font-weight: 700; }
.bf-header-cta:hover { background: #d1b672; }
.bf-header-cta svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.search-overlay { z-index: 130; }
@media (min-width: 1450px) { .bf-inline-nav a { font-size: 14px; } }
@media (max-width: 1250px) {
  .site-header.bf-header { gap: 16px; padding: 0 24px; }
  .bf-header .bf-brand { font-size: 18px; gap: 8px; }
  .bf-header .bf-brand img { height: 40px; }
  .bf-inline-nav { gap: 14px; }
  .bf-header-search { width: 116px; }
  .bf-header-tools { gap: 8px; }
  .bf-header-cta { gap: 12px; padding: 0 15px; }
}
@media (max-width: 1100px) {
  .site-header.bf-header { padding: 0 20px; gap: 14px; }
  .bf-header .bf-brand { font-size: 16px; gap: 7px; }
  .bf-header .bf-brand img { height: 36px; }
  .bf-inline-nav { gap: 11px; }
  .bf-inline-nav a { font-size: 12px; }
  .bf-header-search { width: 104px; }
  .bf-header-tools { gap: 7px; }
  .bf-header-cta { padding: 0 12px; gap: 10px; font-size: 11px; }
  .bf-language { width: 32px; height: 34px; }
}
@media (max-width: 940px) {
  .site-header.bf-header { height: 114px; flex-wrap: wrap; gap: 0 20px; padding: 8px 24px 0; }
  .bf-header .bf-brand { margin-right: auto; }
  .bf-inline-nav { order: 3; flex-basis: 100%; height: 40px; justify-content: flex-start; gap: 26px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #d9cdb4 transparent; }
  .bf-inline-nav a { min-height: 38px; }
  .bf-header-search { width: 154px; }
  .bf-diagnosis-section { scroll-margin-top: 114px; }
  .bf-diagnosis-copy { top: 138px; }
}
@media (max-width: 620px) {
  .site-header.bf-header { height: 108px; padding: 6px 16px 0; gap: 0 8px; }
  .bf-header .bf-brand { font-size: 14px; letter-spacing: -.4px; gap: 6px; }
  .bf-header .bf-brand img { height: 32px; }
  .bf-header-tools { gap: 7px; }
  .bf-language { width: 26px; height: 32px; border: 0; font-size: 10px; }
  .bf-header-login { font-size: 11px; }
  .bf-header-cta { min-height: 36px; padding: 0 11px; font-size: 11px; gap: 8px; }
  .bf-header-cta svg { width: 11px; height: 11px; }
  .bf-header-search { width: 28px; height: 36px; border: 0; background: transparent; }
  .bf-header-search button { width: 28px; height: 36px; }
  .bf-header-search input { display: none; }
  .bf-header-search.bf-search-open input { display: block; position: absolute; top: 58px; left: 16px; right: 16px; width: calc(100% - 32px); height: 44px; padding: 0 14px; border: 1px solid #d8c6a1; border-radius: 8px; background: #fff; box-shadow: 0 6px 18px #3027161a; z-index: 1; font-size: 16px; }
  .bf-inline-nav { gap: 24px; height: 40px; }
  .bf-inline-nav a { font-size: 12px; }
  .bf-diagnosis-section { scroll-margin-top: 108px; }
  html[lang="en"] .bf-header-cta { font-size: 10px; padding: 0 10px; }
}
@media (max-width: 360px) {
  .site-header.bf-header { padding-left: 10px; padding-right: 10px; }
  .bf-header .bf-brand { font-size: 12px; gap: 4px; }
  .bf-header-tools { gap: 5px; }
  .bf-header-cta { padding: 0 9px; gap: 5px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .bf-inline-nav a { transition: none; } }

/* Restore the existing three dropdowns without collapsing the top navigation. */
.bf-inline-nav .bf-nav-item { flex-shrink:0; min-height:44px; padding:0; gap:7px; color:#524c41; font-size:13px; font-weight:400; }
.bf-inline-nav .bf-nav-item::after { display:inline-block; width:5px; height:5px; border-width:1px; }
.bf-inline-nav .bf-nav-item:is(:hover,.active,.is-current) { color:#957436; }
.bf-inline-nav .bf-nav-item:focus-visible { outline:2px solid #b99a58; outline-offset:5px; border-radius:2px; }
.bf-inline-nav .nav-dropdown { position:fixed; top:var(--bf-menu-top,82px); left:var(--bf-menu-left,24px); display:block; transform:none; width:320px; min-width:0; max-width:calc(100vw - 32px); max-height:calc(100dvh - var(--bf-menu-top,82px) - 16px); overflow-y:auto; padding:10px; margin:0; border:1px solid #e6ddce; border-radius:12px; background:#fff; box-shadow:0 16px 40px #30271624; visibility:hidden; opacity:0; pointer-events:none; z-index:111; }
.bf-inline-nav .nav-dropdown.is-open { visibility:visible; opacity:1; pointer-events:auto; }
.bf-inline-nav .nav-dropdown a { display:block; min-height:0; padding:11px 14px; white-space:normal; color:#40382c; font-size:13px; font-weight:500; line-height:1.6; border-radius:6px; }
.bf-inline-nav .nav-dropdown a small { margin-top:2px; color:#827769; font-size:11px; line-height:1.6; }
.bf-inline-nav .nav-dropdown a:is(:hover,:focus-visible) { color:#745a28; background:#f6f1e7; outline:0; }
.bf-inline-nav .nav-dropdown a[aria-current="page"]::after { display:none; }
.bf-inline-nav .nav-dropdown .nav-subitem { margin:3px 0; padding:10px 14px; }
@media(min-width:1450px) { .bf-inline-nav .bf-nav-item { font-size:14px; } }
@media(max-width:1100px) { .bf-inline-nav .bf-nav-item { font-size:12px; } }
@media(max-width:940px) { .bf-inline-nav .bf-nav-item { min-height:38px; } .bf-inline-nav .nav-dropdown { left:16px; width:calc(100vw - 32px); --bf-menu-top:114px; } }
@media(max-width:620px) { .bf-inline-nav .nav-dropdown { --bf-menu-top:108px; } }
@media(prefers-reduced-motion:reduce) { .bf-inline-nav .nav-dropdown { transition:none; } }