[data-bqms-header] { position: relative; z-index: 40; flex: 0 0 100%; width: 100%; }
.bqms-header {
  --background: 0 0% 100%;
  --foreground: 222.2 47.4% 11.2%;
  --border: 214.3 31.8% 91.4%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --primary: 221.2 70.5% 33.1%;
  --bqms-blue: #183D92;
  --bqms-radius: 8px;
  --bqms-focus: 2px solid #183D92;
  --bqms-font: Inter, ui-sans-serif, system-ui, sans-serif;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  height: 68px;
  padding: 0 24px;
  border-bottom: 1px solid rgb(210 210 215 / 72%);
  border-radius: 0 0 var(--bqms-radius) var(--bqms-radius);
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 8px 24px rgb(29 29 31 / 4%);
  color: #1d1d1f;
  font-family: var(--bqms-font);
  backdrop-filter: saturate(180%) blur(18px);
  transform: translateY(0);
  transition: transform 180ms ease;
}
.bqms-header.is-hidden { transform: translateY(-100%); }
.bqms-header__brand { display: inline-flex; align-items: center; gap: 10px; color: #1d1d1f; text-decoration: none; white-space: nowrap; }
.bqms-header__brand img { display: block; width: 24px; height: 24px; border-radius: 6px; }
.bqms-header__brand strong { font-size: 1.02rem; line-height: 24px; font-weight: 650; letter-spacing: .02em; }
.bqms-header__nav { display: flex; align-items: center; gap: 26px; margin-left: auto; white-space: nowrap; }
.bqms-header__nav a { position: relative; display: inline-flex; align-items: center; min-height: 32px; padding: 0 1px; color: #6e6e73; font-size: .78rem; font-weight: 600; text-decoration: none; }
.bqms-header__nav a:hover, .bqms-header__nav a:focus-visible, .bqms-header__nav a[aria-current="page"] { color: var(--bqms-blue); outline: none; }
.bqms-header__nav a[aria-current="page"]::after { position: absolute; right: 0; bottom: -7px; left: 0; height: 2px; border-radius: 2px; background: var(--bqms-blue); content: ""; }
.bqms-header__language { display: inline-flex; align-items: center; gap: 5px; margin-left: 4px; padding: 0; border: 0; color: #6e6e73; background: transparent; font: inherit; font-size: .72rem; cursor: pointer; }
.bqms-header__language .is-selected { color: var(--bqms-blue); font-weight: 750; }
.bqms-header__brand:focus-visible, .bqms-header__language:focus-visible { border-radius: 4px; outline: var(--bqms-focus); outline-offset: 4px; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .bqms-header { background: #fff; } }
@media (max-width: 720px) {
  .bqms-header { height: auto; min-height: 70px; flex-wrap: wrap; gap: 8px; padding: 10px 16px 9px; border-radius: 0 0 var(--bqms-radius) var(--bqms-radius); }
  .bqms-header__brand { gap: 8px; }
  .bqms-header__brand img { width: 22px; height: 22px; border-radius: 5px; }
  .bqms-header__brand strong { font-size: .88rem; line-height: 22px; }
  .bqms-header__language { margin-left: auto; }
  .bqms-header__nav { order: 3; width: 100%; margin-left: 0; gap: 20px; overflow-x: auto; scrollbar-width: none; }
  .bqms-header__nav::-webkit-scrollbar { display: none; }
  .bqms-header__nav a { flex: 0 0 auto; min-height: 26px; font-size: .72rem; }
  .bqms-header__nav a[aria-current="page"]::after { bottom: -3px; }
}
@media (prefers-reduced-motion: reduce) { .bqms-header, .bqms-header * { transition-duration: .01ms !important; } }
