.has-market-selector .header-inner {
  width: min(calc(100% - 40px), 1320px);
  gap: 18px;
}
.has-market-selector .brand { flex-shrink: 0; }
.has-market-selector .desktop-nav { margin-left: auto; }
.market-selector { position: relative; flex-shrink: 0; }
.market-selector-trigger {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid #33465f;
  border-radius: 12px;
  background: #132137;
  color: #e4edf8;
  font-size: .8rem;
  font-weight: 650;
  line-height: 1.25;
  list-style: none;
  white-space: nowrap;
  cursor: pointer;
}
.market-selector-trigger::-webkit-details-marker { display: none; }
.market-selector-trigger:hover, .market-selector[open] > summary {
  border-color: #6790b6;
  background: #1a2d45;
}
.market-selector-code { display: none; }
.market-selector-divider { width: 1px; height: 15px; background: #425570; }
.market-selector-currency { color: #9fb3ca; font-size: .74rem; letter-spacing: .025em; }
.market-selector-chevron { transition: transform 120ms ease; }
.market-selector[open] .market-selector-chevron { transform: rotate(180deg); }
.market-selector:not([open]) > .market-selector-panel { display: none; }
.market-selector-panel {
  position: absolute;
  z-index: 100;
  top: calc(100% + 13px);
  right: 0;
  width: 324px;
  max-width: calc(100vw - 28px);
  max-height: calc(100dvh - 96px);
  overflow-y: auto;
  padding: 18px 12px 10px;
  border: 1px solid #3c536d;
  border-radius: 18px;
  background: #132238;
  box-shadow: 0 18px 55px #030a18a6;
  color: #f8fafc;
  line-height: 1.4;
}
.market-selector-heading { padding: 0 8px; font-size: 1rem; font-weight: 750; }
.market-selector-description { margin: 5px 8px 14px; color: #a7bad0; font-size: .79rem; }
.market-selector-options { max-height: min(360px, 48dvh); overflow-y: auto; overscroll-behavior: contain; list-style: none; padding: 0; margin: 0; }
.market-selector-options li { margin: 3px 0; }
.market-selector-options li[hidden] { display: none; }
.market-selector-option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  text-decoration: none;
}
.market-selector-option:hover { background: #203550; }
.market-selector-option[aria-current="page"] { border-color: #38647f; background: #17384b; }
.market-selector-region { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid #415671; border-radius: 10px; color: #b7cde2; font-size: .72rem; font-weight: 750; letter-spacing: .03em; }
.market-selector-option-copy { display: grid; gap: 4px; flex: 1; }
.market-selector-country { color: #f1f6fc; font-size: .86rem; font-weight: 650; }
.market-selector-money { color: #a7bad0; font-size: .75rem; }
.market-selector-option > svg { color: #65d9c0; flex-shrink: 0; }
.market-selector-note { margin: 13px 8px 2px; padding-top: 12px; border-top: 1px solid #30435c; font-size: .71rem; color: #9bb0c8; }
.market-selector-search { display: grid; gap: 6px; margin: 0 8px 12px; font-size: .75rem; color: #a7bad0; }
.market-selector-search input { width: 100%; padding: 10px 12px; border: 1px solid #425a75; border-radius: 10px; background: #0f1b2c; color: #f8fafc; }
.market-selector-empty { margin: 16px 8px; color: #a7bad0; font-size: .8rem; }
@media (max-width: 1320px) {
  .market-selector-name { display: none; }
  .market-selector-code { display: inline; }
}
@media (max-width: 1180px) {
  .has-market-selector .desktop-nav { display: none; }
  .has-market-selector .mobile-nav { position: relative; display: block; order: 3; }
  .has-market-selector .market-selector { margin-left: auto; order: 2; }
  .has-market-selector .mobile-nav > summary { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #48617d; border-radius: 12px; font-size: 1.3rem; list-style: none; cursor: pointer; }
  .has-market-selector .mobile-nav > summary::-webkit-details-marker { display: none; }
  .has-market-selector .mobile-nav > .nav-links { display: grid; position: absolute; top: 57px; right: 0; width: min(320px, calc(100vw - 28px)); max-height: calc(100dvh - 100px); overflow-y: auto; align-items: stretch; padding: 15px; border: 1px solid #47617e; border-radius: 16px; background: #14263d; box-shadow: 0 18px 55px #030a18a6; }
  .market-selector-panel { position: fixed; top: 84px; right: 14px; width: 340px; }
}
@media (max-width: 620px) {
  .has-market-selector .header-inner { width: calc(100% - 28px); gap: 10px; }
  .market-selector-trigger { gap: 7px; padding-inline: 10px; }
}
@media (max-width: 374px) {
  .has-market-selector .brand > span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .market-selector-chevron { transition: none; }
}
