/* v3 Nav-inspired header and marketplace mega menu refinements. */
:root { --header-h: 88px; }
.gbc-header { background: #fff; border-bottom-color: #e6e9ee; box-shadow: 0 1px 8px rgba(7, 24, 44, .06); }
.gbc-header .gbc-container--wide { max-width: 1240px; }
.gbc-header__bar { gap: 1.15rem; }
.gbc-brand img, .gbc-brand svg { height: 58px; max-width: 245px; }
.gbc-nav { margin-inline-start: 1.2rem; }
.gbc-nav__list { gap: .1rem; }
.gbc-nav__link { min-height: 46px; padding: .65rem .75rem; border-radius: 6px; color: #121922; font-size: .94rem; font-weight: 650; white-space: nowrap; }
.gbc-nav__link:hover { background: #f6f7f9; color: #006fba; }
.gbc-nav__link[aria-expanded="true"] { background: #eaf7fd; color: #0071ce; }
.gbc-header__search { max-width: 230px; margin-inline: .25rem; }
.gbc-header__actions { gap: .55rem; }
.gbc-btn--register { --btn-bg: #fff; --btn-fg: #07182c; border-color: #cbd5df; box-shadow: none; }
.gbc-btn--register:hover { --btn-bg: #f5f8fb; color: #0071ce; border-color: #8ba4bc; }
.gbc-btn--login { --btn-bg: #0071ce; --btn-fg: #fff; box-shadow: 0 4px 12px rgba(0, 113, 206, .2); }
.gbc-btn--login:hover { --btn-bg: #005ba8; color: #fff; }
.gbc-mega { top: calc(100% + 14px); width: min(960px, 94vw); padding: 1.75rem 1.9rem 1.35rem; border: 1px solid #e1e7ed; border-top: 3px solid #0f9fde; border-radius: 0 0 14px 14px; box-shadow: 0 24px 55px rgba(7, 24, 44, .18); }
.gbc-mega__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem 2rem; }
.gbc-mega__col h3 { margin: 0 0 .75rem; color: #596574; font-size: .72rem; letter-spacing: .13em; }
.gbc-mega__link { min-height: 58px; padding: .55rem .6rem; border-radius: 8px; }
.gbc-mega__link:hover { background: #f3f9fc; }
.gbc-mega__link .gbc-mega__ic { width: 38px; height: 38px; border-radius: 7px; background: #eaf7fd; }
.gbc-mega__link b { font-size: .96rem; line-height: 1.25; }
.gbc-mega__link span { margin-top: .12rem; font-size: .79rem; line-height: 1.35; }
.gbc-mega__foot { margin-top: 1.2rem; padding-top: 1rem; }
@media (max-width: 1180px) {
  .gbc-header .gbc-container--wide { max-width: 100%; }
  .gbc-brand img, .gbc-brand svg { height: 52px; max-width: 220px; }
  .gbc-nav__link { padding-inline: .55rem; font-size: .89rem; }
}
@media (max-width: 900px) {
  :root { --header-h: 76px; }
  .gbc-brand img, .gbc-brand svg { height: 50px; max-width: 210px; }
  .gbc-mobile__head .gbc-brand img, .gbc-mobile__head .gbc-brand svg { height: 48px; }
}

/* V4.6.2 compact header and learning navigation. */
:root { --header-h: 76px; }
.gbc-header .gbc-container--wide { max-width: 1200px; }
.gbc-header__bar { gap: .95rem; }
.gbc-brand img,
.gbc-brand svg { height: 49px; max-width: 205px; }
.gbc-nav { margin-inline-start: .85rem; }
.gbc-nav__list { gap: .04rem; }
.gbc-nav__link { min-height: 42px; padding: .56rem .66rem; font-size: .91rem; }
.gbc-dropdown--learn { min-width: 335px; }
.gbc-dropdown--learn a { padding: .68rem .78rem; }
.gbc-dropdown--learn a span { max-width: 31ch; }

@media (max-width: 1180px) {
  .gbc-brand img,
  .gbc-brand svg { height: 46px; max-width: 194px; }
  .gbc-nav { margin-inline-start: .45rem; }
  .gbc-nav__link { padding-inline: .48rem; font-size: .86rem; }
}

@media (max-width: 900px) {
  :root { --header-h: 72px; }
  .gbc-brand img,
  .gbc-brand svg { height: 45px; max-width: 190px; }
  .gbc-mobile__head .gbc-brand img,
  .gbc-mobile__head .gbc-brand svg { height: 43px; max-width: 182px; }
}