@font-face {
  font-family: "BAA Poppins";
  src: url("../fonts1/poppins-v20-latin-600.woff2") format("woff2"),
    url("../fonts1/poppins-v20-latin-600.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

/* Shared BAA Bullion header geometry used by root and /www pages. */
:root {
  --baa-header-gold: #c9982f;
  --baa-header-gold-light: #e6c15c;
  --baa-header-text: #f2f2f2;
  --baa-header-brand-height: 112px;
  --baa-header-nav-height: 48px;
  --baa-header-total-height: 162px;
  --baa-header-content-width: 1170px;
  --baa-header-logo-width: 500px;
  --baa-header-logo-height: 86px;
}

/* Current site header used by root-level pages. */
.site-header {
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--baa-header-total-height) !important;
  height: var(--baa-header-total-height) !important;
  flex: 0 0 var(--baa-header-total-height) !important;
  background: radial-gradient(circle at 50% -35%, rgba(133, 37, 37, .48), transparent 55%),
    linear-gradient(180deg, #3d0b0c 0%, #260506 62%, #190304 100%) !important;
  border-bottom: 2px solid var(--baa-header-gold) !important;
  position: relative !important;
  z-index: 30 !important;
  box-shadow: inset 0 -1px 0 rgba(255, 236, 168, .2), 0 7px 20px rgba(0, 0, 0, .42) !important;
}

.site-header,
.site-header * {
  box-sizing: border-box;
  text-shadow: none !important;
}

.site-header-inner {
  width: min(var(--baa-header-content-width), calc(100% - 32px)) !important;
  max-width: var(--baa-header-content-width) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}

.site-header .site-brand-row {
  min-height: var(--baa-header-brand-height) !important;
  height: var(--baa-header-brand-height) !important;
  max-height: var(--baa-header-brand-height) !important;
  padding: 4px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.site-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-decoration: none !important;
}

.site-header .site-brand .LogoMarkWidth1 {
  width: 135px !important;
  min-width: 135px !important;
  height: 86px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  transform: scale(1.25) !important;
  transform-origin: right center !important;
}

.site-header .site-brand .LogoImgWidth1 {
  width: var(--baa-header-logo-width) !important;
  max-width: calc(100vw - 180px) !important;
  height: var(--baa-header-logo-height) !important;
  max-height: var(--baa-header-logo-height) !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.site-header .site-brand .LogoTextBlock,
#header .site-brand .LogoTextBlock {
  max-width: calc(100vw - 172px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
}

.site-header .site-brand .LogoTextBlock .LogoImgWidth1,
#header .site-brand .LogoTextBlock .LogoImgWidth1 {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
}

.site-header .site-brand .brand-values-img,
#header .site-brand .brand-values-img {
  width: 281px !important;
  max-width: 105vw !important;
  height: auto !important;
  display: block !important;
  align-self: center !important;
  margin: -10px auto 0 !important;
}

/* Neutralize jQuery Mobile and copied page-level header geometry. */
.site-header .site-brand-row {
  line-height: normal !important;
  overflow: visible !important;
}

.site-nav-row {
  min-height: var(--baa-header-nav-height) !important;
  height: var(--baa-header-nav-height) !important;
  max-height: var(--baa-header-nav-height) !important;
  background: linear-gradient(180deg, rgba(91, 16, 18, .72), rgba(42, 5, 6, .9)) !important;
  border-top: 1px solid rgba(230, 193, 92, .48) !important;
}

.site-nav-layout {
  min-height: var(--baa-header-nav-height) !important;
  height: var(--baa-header-nav-height) !important;
  max-height: var(--baa-header-nav-height) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  min-width: 0 !important;
}

.site-nav {
  width: auto !important;
  max-width: 100% !important;
}

.site-nav-list,
.site-dropdown {
  margin: 0 !important;
  list-style: none !important;
}

.site-nav-list {
  padding: 0 !important;
  gap: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
}

.site-nav-list > li {
  position: relative !important;
  flex: 0 0 auto !important;
  height: 47px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.site-nav-list > li > a,
.site-nav-list > li > button {
  min-height: 47px !important;
  height: 47px !important;
  max-height: 47px !important;
  width: auto !important;
  padding: 0 7px !important;
  margin: 0 !important;
  color: var(--baa-header-text) !important;
  font: 600 12px/1.2 "BAA Poppins", Arial, sans-serif !important;
  letter-spacing: .2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.site-nav-list > li > a:hover,
.site-nav-list > li > button:hover,
.site-nav-list > li.active > a,
.site-nav-list > li.active > button {
  color: #ffe8a2 !important;
  background: linear-gradient(180deg, rgba(122, 30, 31, .72), rgba(75, 12, 13, .72)) !important;
  box-shadow: inset 0 -3px 0 var(--baa-header-gold-light) !important;
}

.site-nav-list > li > a:focus-visible,
.site-nav-list > li > button:focus-visible,
.site-menu-toggle:focus-visible {
  outline: 3px solid #fff1b8 !important;
  outline-offset: -3px !important;
}

.site-header #Lb2 {
  display: none;
}

.site-header #Lb2:not([style]) {
  display: none !important;
}

/* Preserve AfterLogin.js visibility while the shared link rule uses !important. */
.site-header #Lb1[style*="display: none"],
.site-header #Lb2[style*="display: none"] {
  display: none !important;
}

/* Legacy theme.css hides this desktop item and makes /www navigation narrower. */
.site-header #showlogin {
  display: list-item !important;
}

.site-nav-list .has-dropdown > button::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 6px !important;
  box-sizing: border-box !important;
  width: 6px !important;
  height: 6px !important;
  margin-left: 7px !important;
  border: 0 !important;
  border-right: 1px solid currentColor !important;
  border-bottom: 1px solid currentColor !important;
  vertical-align: baseline !important;
  transform: rotate(45deg) translateY(-2px) !important;
}

.site-dropdown {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 190px !important;
  padding: 7px 0 !important;
  background: linear-gradient(160deg, #4a0d0f, #210405) !important;
  border: 1px solid var(--baa-header-gold) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .45) !important;
}

.has-dropdown:hover > .site-dropdown,
.has-dropdown.open > .site-dropdown {
  display: block !important;
}

.site-dropdown a {
  min-height: 36px !important;
  padding-inline: 16px !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  color: var(--baa-header-text) !important;
  text-decoration: none !important;
  font: 600 12px/1.2 "BAA Poppins", Arial, sans-serif !important;
}

.site-menu-toggle {
  display: none !important;
  width: 44px !important;
  height: 40px !important;
  padding: 9px !important;
  border: 1px solid rgba(230, 193, 92, .55) !important;
  border-radius: 4px !important;
  background: linear-gradient(160deg, #4b0e10, #250506) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.site-menu-toggle span {
  display: block !important;
  height: 2px !important;
  margin: 4px 0 !important;
  background: var(--baa-header-gold-light) !important;
}

/* Legacy header used by pages in /www. */
html.baa-unified-header-enabled #header {
  display: none !important;
}

#header[hidden] {
  display: none !important;
}

#header > .header-body {
  top: 0 !important;
  min-height: var(--baa-header-total-height) !important;
  position: relative !important;
  display: block !important;
  border-bottom: 2px solid var(--baa-header-gold) !important;
  background: transparent !important;
}

#header,
#header .header-container {
  height: auto !important;
  min-height: 0 !important;
}

#header .header-container {
  display: block !important;
}

#header .header-top {
  display: none !important;
}

#header .headImg {
  min-height: var(--baa-header-brand-height) !important;
  height: var(--baa-header-brand-height) !important;
  padding: 4px 0 !important;
  background: radial-gradient(circle at 50% -35%, rgba(133, 37, 37, .48), transparent 55%),
    linear-gradient(180deg, #3d0b0c 0%, #260506 62%, #190304 100%) !important;
}

#header .headImg .container,
#header .headImg .container .row {
  min-height: var(--baa-header-logo-height) !important;
  height: var(--baa-header-logo-height) !important;
}

#header .headImg .container .row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

#header .headImg .mob-none,
#header .headImg .social_icons {
  display: none !important;
}

#header #iconimage,
#header #iconimage > span {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--baa-header-logo-height) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#header .LogoImgWidth1,
#header #iconimage img.LogoImgWidth1,
#header #iconimage img {
  width: min(var(--baa-header-logo-width), 94vw) !important;
  max-width: var(--baa-header-logo-width) !important;
  height: var(--baa-header-logo-height) !important;
  max-height: var(--baa-header-logo-height) !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#header .naviRow {
  min-height: var(--baa-header-nav-height) !important;
  height: var(--baa-header-nav-height) !important;
  background: linear-gradient(180deg, rgba(91, 16, 18, .72), rgba(42, 5, 6, .9)) !important;
  border-top: 1px solid rgba(230, 193, 92, .48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 244, 205, .07) !important;
}

#header .naviRow > .container,
#header .naviRow .header-column,
#header .naviRow .header-nav,
#header .naviRow .header-nav-main,
#header .naviRow nav,
#header .naviRow #mainNav {
  min-height: var(--baa-header-nav-height) !important;
}

#header .naviRow > #navhead {
  width: min(var(--baa-header-content-width), calc(100% - 32px)) !important;
  max-width: var(--baa-header-content-width) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: stretch !important;
}

#header .naviRow .text-right.d-none.d-lg-block {
  display: none !important;
}

/* Nav-link typography/spacing must match .site-nav-list at every width, not just desktop. */
#header .header-nav-main nav > ul > li > a,
#header .header-nav-main nav > ul > li > a.dropdown-toggle,
#header .header-nav-main nav > ul > li > a.kyc-nav-link {
  padding: 0 7px !important;
  color: var(--baa-header-text) !important;
  font: 600 12px/1.2 "BAA Poppins", Arial, sans-serif !important;
  letter-spacing: .2px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

@media (min-width: 992px) {
  #header .naviRow > #navhead > .header-column:first-child {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #header .naviRow > #navhead > .header-column:last-child {
    display: none !important;
  }

  #header .header-nav,
  #header .header-nav-main,
  #header .header-nav-main nav {
    width: 100% !important;
  }

  #header .header-nav-main nav > ul {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }

  #header .header-nav-main nav > ul > li {
    min-height: var(--baa-header-nav-height) !important;
    height: var(--baa-header-nav-height) !important;
    margin-left: 0 !important;
  }

  #header .header-nav-main nav > ul > li > a,
  #header .header-nav-main nav > ul > li > a.dropdown-toggle {
    min-height: calc(var(--baa-header-nav-height) - 1px) !important;
    height: calc(var(--baa-header-nav-height) - 1px) !important;
    align-items: center !important;
    background: transparent !important;
  }

  #header .header-nav-main nav > ul > li > a:not(#Lb1):not(#Lb2) {
    display: flex;
  }

  #header .header-nav-main nav > ul > li:hover > a,
  #header .header-nav-main nav > ul > li.active > a {
    color: #ffe8a2 !important;
    background: linear-gradient(180deg, rgba(122, 30, 31, .72), rgba(75, 12, 13, .72)) !important;
    box-shadow: inset 0 -3px 0 var(--baa-header-gold-light) !important;
  }
}

/* AfterLogin.js switches these controls; do not override its inline display state. */
#header #Lb2,
#header #Lb4 {
  display: none;
}

@media (max-width: 991px) {
  :root {
    --baa-header-brand-height: 96px;
    --baa-header-nav-height: 46px;
    --baa-header-total-height: 144px;
  }

  .site-header .site-brand .LogoImgWidth1 {
    width: 340px !important;
    max-width: calc(100vw - 132px) !important;
    height: 72px !important;
    max-height: 72px !important;
  }

  .site-header .site-brand .LogoTextBlock {
    width: 340px !important;
    max-width: calc(100vw - 148px) !important;
  }

  .site-header .site-brand .LogoTextBlock .LogoImgWidth1 {
    height: 43px !important;
  }

  .site-header .site-brand .brand-values-img,
  #header .site-brand .brand-values-img {
    width: 145px !important;
    max-width: 36vw !important;
    max-height: 37px !important;
    margin: 2px auto 0 !important;
  }

  .site-header .site-brand {
    gap: 0 !important;
  }

  .site-header .site-brand .LogoMarkWidth1 {
    width: 115px !important;
    min-width: 115px !important;
    height: 76px !important;
    transform: scale(1.15) !important;
  }

  .site-nav-layout,
  .site-nav-row {
    min-height: var(--baa-header-nav-height) !important;
    height: var(--baa-header-nav-height) !important;
    max-height: var(--baa-header-nav-height) !important;
  }

  .site-nav-layout {
    justify-content: flex-end !important;
  }

  .site-menu-toggle {
    display: block !important;
  }

  .site-nav {
    display: none !important;
    width: 100% !important;
    max-width: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: linear-gradient(180deg, #4a0d0f, #210405) !important;
    border-top: 1px solid var(--baa-header-gold) !important;
    border-bottom: 1px solid var(--baa-header-gold) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .48) !important;
  }

  .site-nav.open {
    display: block !important;
  }

  .site-nav-list {
    display: block !important;
    padding: 10px 22px 16px !important;
  }

  .site-nav-list > li > a,
  .site-nav-list > li > button {
    min-height: 44px !important;
    color: var(--baa-header-text) !important;
    width: 100% !important;
    padding: 0 7px !important;
    justify-content: flex-start !important;
  }

  .site-dropdown {
    position: static !important;
    min-width: 0 !important;
    margin: 0 0 5px 16px !important;
    border-width: 0 0 0 1px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .has-dropdown:hover > .site-dropdown {
    display: none !important;
  }

  .has-dropdown.open > .site-dropdown {
    display: block !important;
  }

  #header > .header-body {
    min-height: var(--baa-header-total-height) !important;
  }

  #header .headImg {
    min-height: 80px !important;
    height: 80px !important;
  }

  #header .headImg .container,
  #header .headImg .container .row,
  #header #iconimage,
  #header #iconimage > span {
    min-height: 72px !important;
    height: 72px !important;
  }

  #header .LogoImgWidth1,
  #header #iconimage img.LogoImgWidth1,
  #header #iconimage img {
    width: min(420px, 92vw) !important;
    max-width: 420px !important;
    height: 72px !important;
    max-height: 72px !important;
  }

  #header .naviRow {
    min-height: 46px !important;
    height: auto !important;
  }

  #header .naviRow > #navhead {
    width: calc(100% - 32px) !important;
    min-height: 46px !important;
    align-items: center !important;
  }

  #header .naviRow > #navhead > .header-column:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #header .naviRow > #navhead > .header-column:last-child {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  #header .header-btn-collapse-nav {
    width: 44px !important;
    height: 40px !important;
    margin: 3px 0 !important;
    border: 1px solid rgba(230, 193, 92, .55) !important;
    border-radius: 4px !important;
    background: linear-gradient(160deg, #4b0e10, #250506) !important;
  }

  #header .header-nav-main nav,
  #header .header-nav-main nav > ul {
    background: linear-gradient(180deg, #4a0d0f, #210405) !important;
  }

  #header .header-nav-main nav > ul > li > a,
  #header .header-nav-main nav > ul > li > a.dropdown-toggle,
  #header .header-nav-main nav > ul > li > a.kyc-nav-link {
    min-height: 44px !important;
    color: var(--baa-header-text) !important;
  }
}

@media (max-width: 430px) {
  .site-header-inner {
    width: calc(100% - 24px) !important;
  }

  #header .naviRow > #navhead {
    width: calc(100% - 24px) !important;
  }
}

@media (max-width: 480px) {
  .site-header-inner {
    width: calc(100% - 20px) !important;
  }

  .site-header .site-brand .LogoMarkWidth1 {
    width: 90px !important;
    min-width: 90px !important;
    height: 64px !important;
    transform: scale(1.08) !important;
  }

  .site-header .site-brand .LogoTextBlock {
    width: 230px !important;
    max-width: calc(100vw - 118px) !important;
  }

  .site-header .site-brand .LogoTextBlock .LogoImgWidth1 {
    height: 36px !important;
  }

  .site-header .site-brand .brand-values-img,
  #header .site-brand .brand-values-img {
    width: 120px !important;
    max-width: 32vw !important;
    max-height: 31px !important;
    margin: 2px auto 0 !important;
  }
}