.bbv2-header,
.bbv2-header * {
  box-sizing: border-box;
}

.bbv2-header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
  max-width: 1440px;
  min-height: 6rem;
  margin-inline: auto;
  padding-inline: clamp(1rem, 8.333vw, 7.5rem);
  background: #000;
  color: #fff;
  font-family: Saira, Arial, sans-serif;
  letter-spacing: 0;
}

@media (min-width: 72.001rem) {
  .bbv2-header__nav {
    position: absolute;
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%);
  }
}

.bbv2-header__brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  line-height: 0;
}

.bbv2-header__brand img {
  display: block;
  width: 7.5rem;
  max-width: 100%;
  height: auto;
}

.bbv2-header__nav {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2.222vw, 2rem);
  margin-left: auto;
}

.bbv2-header__link,
.bbv2-header__cta {
  color: inherit;
  font-family: Saira, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.bbv2-header__link {
  white-space: nowrap;
}

.bbv2-header__link:hover {
  color: #ff4c0c;
}

.bbv2-header__cta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  background: #ff4c0c;
  color: #000;
  text-transform: uppercase;
  white-space: nowrap;
}

.bbv2-header__cta img {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  flex: 0 0 auto;
}

.bbv2-header__cta:hover {
  filter: brightness(1.08);
}

.bbv2-header__menu {
  display: none;
  flex: 0 0 auto;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.625rem;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.bbv2-header__menu span {
  display: block;
  width: 1.5rem;
  height: 0.125rem;
  margin-block: 0.3125rem;
  background: currentColor;
}

.bbv2-header a:focus-visible,
.bbv2-header button:focus-visible {
  outline: 0.125rem solid #cfff24;
  outline-offset: 0.25rem;
}

@media (max-width: 72rem) {
  .bbv2-header {
    min-height: 4.5rem;
    gap: 0.75rem;
    padding-inline: 1rem;
  }

  .bbv2-header__brand img {
    width: 6rem;
  }

  .bbv2-header__cta {
    display: none;
  }

  .bbv2-header__menu {
    display: block;
    margin-left: auto;
  }

  .bbv2-header__nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0.5rem 1rem 1rem;
    border-top: 1px solid #333;
    background: #060606;
  }

  .bbv2-header--open .bbv2-header__nav {
    display: flex;
  }

  .bbv2-header__link {
    padding: 0.875rem 0.25rem;
    border-bottom: 1px solid #222;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbv2-header *,
  .bbv2-header *::before,
  .bbv2-header *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

.bbv2-mobile-dialog { display:none; }
@media(max-width:72rem) {
 .bbv2-mobile-dialog[open] { display:flex;flex-direction:column;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:100px 24px 32px;border:0;background:#000;color:#fff;overflow:auto;font-family:Saira,Arial,sans-serif;letter-spacing:0; }
 .bbv2-mobile-dialog::backdrop { background:#000; }
 .bbv2-mobile-dialog nav { display:flex;flex-direction:column;gap:0;margin:0; }
 .bbv2-mobile-dialog__link { padding:18px 0;border-bottom:1px solid #ffffff33;color:#fff;text-transform:uppercase;font:600 clamp(24px,7.6vw,40px)/1.2 Saira,Arial,sans-serif; }
 .bbv2-mobile-dialog__cta { display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:40px;padding:15px 24px;background:#ff4c0c;color:#000;text-transform:uppercase;font:500 16px/24px Saira,Arial,sans-serif; }
 .bbv2-mobile-dialog__cta img { flex:none;width:16px;height:16px; }
 .bbv2-mobile-dialog__cta+.bbv2-mobile-dialog__cta { margin-top:16px;background:#cfff24; }
 .bbv2-mobile-dialog__close { position:absolute;right:16px;top:18px;width:56px;height:56px;padding:0;border:1px solid #ffffff33;background:#000;color:#fff;cursor:pointer; }
 .bbv2-mobile-dialog__close span { position:absolute;top:27px;left:11px;width:32px;height:2px;background:currentColor;transform:rotate(45deg); }
 .bbv2-mobile-dialog__close span+span { transform:rotate(-45deg); }
 .bbv2-mobile-dialog :is(a,button):focus-visible { outline:2px solid #cfff24;outline-offset:4px; }
}
@media(max-width:800px) {
 .bbv2-header { min-height:92px; }
 .bbv2-header__brand img { width:138px;height:44px; }
 .bbv2-header__menu { position:relative;width:44px;min-width:44px;height:56px;padding:0; }
 .bbv2-header__menu span { position:absolute;left:0;top:13px;width:44px;height:2px;margin:0; }
 .bbv2-header__menu span:nth-child(2) { top:27px; }
 .bbv2-header__menu span:nth-child(3) { top:41px; }
}
