:root{ --bfH: 64px; }

html,body{margin:0;padding:0;}
body{padding-top:0 !important;}
main{padding-top:0 !important;}

/* first block under overlay header */
.hero, .hero-section, .main-hero, .main-banner, .banner, .home-hero, section:first-of-type{
  margin-top:0 !important;
  padding-top: var(--bfH) !important;
}

/* our injected topbar */
#bf-topbar.bf-real-header{
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: var(--bfH) !important;
  z-index: 999999 !important;

  display:flex !important;
  align-items:center !important;

  padding: 0 32px !important;

  background: linear-gradient(to bottom, rgba(10,14,18,.72) 0%, rgba(10,14,18,.38) 55%, rgba(10,14,18,0) 100%) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

#bf-topbar.bf-real-header.bf-scrolled{
  background: rgba(10,14,18,.90) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.35) !important;
}

/* layout */
#bf-topbar .bf-left{
  display:flex !important;
  align-items:center !important;
  gap: 22px !important;
  min-width: 0;
}
#bf-topbar .bf-right{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap: 14px !important;
}

/* logo */
#bf-topbar .bf-logo, #bf-topbar .bf-logo img{
  display:block;
  height: 38px;
  width:auto;
}
#bf-topbar .bf-logo{
  line-height:0;
}

/* menu */
#bf-topbar nav{
  display:flex !important;
  align-items:center !important;
  gap: 24px !important;
}
#bf-topbar nav a{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  color: rgba(255,255,255,.92) !important;
  font-weight: 300 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 0 !important;
  opacity: .88;
  text-decoration: none !important;
  position: relative !important;
}
#bf-topbar nav a:hover{ opacity: 1; }
#bf-topbar nav a.bf-active::after{
  content:"";
  position:absolute;
  left: 0; right: 0;
  bottom: -10px;
  height: 2px;
  background: rgba(255,255,255,.9);
}

/* language control (moved as-is) */
#bf-topbar .bf-lang,
#bf-topbar [data-lang],
#bf-topbar .lang,
#bf-topbar .language,
#bf-topbar .locale{
  display:flex;
  align-items:center;
  gap: 8px;
}

/* make any chips look flat */
#bf-topbar .bf-lang,
#bf-topbar .lang,
#bf-topbar .language,
#bf-topbar .locale{
  background: transparent !important;
  border: none !important;
  box-shadow:none !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 300 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* hide original header we replaced */
.bf-hide-original{ display:none !important; }