html { scrollbar-gutter: stable; }
.lounge-header {
  --header-gold: #f2c875;
  box-sizing: border-box;
  background: #101826;
  border-bottom: 1px solid #273448;
  color: #f7f2e7;
  font: 14px/1.4 system-ui, "Malgun Gothic", sans-serif;
}
.lounge-header *, .lounge-header *::before, .lounge-header *::after { box-sizing: border-box; }
.lounge-header .lounge-header__inner {
  width: min(1400px, calc(100% - 48px));
  margin-inline: auto;
  min-height: 76px;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) minmax(170px, 295px) 92px;
  align-items: center;
  gap: clamp(12px, 2vw, 28px);
}
.lounge-header a { color: inherit; text-decoration: none; }
.lounge-header a:hover, .lounge-header a[aria-current] { color: var(--header-gold); }
.lounge-header :focus-visible { outline: 2px solid var(--header-gold); outline-offset: 2px; }
.lounge-header .lounge-header__brand { display: flex; align-items: center; gap: 11px; font-weight: 800; white-space: nowrap; }
.lounge-header__brand small { display: block; color: var(--header-gold); font-size: 9px; letter-spacing: .23em; }
.lounge-header__mark { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #76613b; border-radius: 9px; background: #28241e; color: var(--header-gold); font-size: 22px; }
.lounge-header .lounge-header__nav { display: flex; justify-content: center; gap: clamp(12px, 2vw, 26px); white-space: nowrap; color: #b3bfd0; }
.lounge-header .lounge-header__search { display: flex; min-width: 0; gap: 6px; margin: 0; }
.lounge-header__search input { width: 100%; min-width: 0; padding: 0 10px; background: #0e1725; border: 1px solid #45516a; border-radius: 8px; color: #f7f2e7; font: inherit; }
.lounge-header__search input::placeholder { color: #b3bfd0; }
.lounge-header__search button { flex: 0 0 auto; min-height: 40px; padding: 0 14px; border: 0; border-radius: 8px; background: var(--header-gold); color: #211a0e; font: inherit; font-weight: 800; cursor: pointer; }
.lounge-header .lounge-header__account { display: grid; place-items: center; min-height: 40px; border: 1px solid #74613e; border-radius: 8px; color: var(--header-gold); white-space: nowrap; }
@media (max-width: 1050px) {
  .lounge-header .lounge-header__inner { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr) 92px; gap: 10px; padding-block: 10px; }
  .lounge-header .lounge-header__nav { grid-row: 2; grid-column: 1 / -1; justify-content: space-between; overflow-x: auto; gap: 10px; font-size: 13px; }
  .lounge-header__nav a { padding-block: 6px; }
  .lounge-header .lounge-header__search { grid-row: 3; grid-column: 1 / -1; }
  .lounge-header__search input { font-size: 16px; }
  .lounge-header__search button, .lounge-header .lounge-header__account { min-height: 44px; }
  .lounge-header .lounge-header__account { grid-row: 1; grid-column: 2; }
}

@media (max-width: 420px) { .lounge-header .lounge-header__nav { flex-wrap: wrap; justify-content: flex-start; column-gap: 14px; row-gap: 0; } }