/* Shared native header skin; deliberately absent from the accepted homepage. */
@import url('/local/include/gamestreet-homepage/assets/fonts/inter.css');

.gs-inner-header {
  --gs-header-bg: #151020;
  --gs-header-surface: #21182d;
  --gs-header-text: #f4f5f6;
  --gs-header-muted: #bdb4cc;
  --gs-header-accent: #cdaaff;
  background: var(--gs-header-bg);
  color: var(--gs-header-text);
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
}
.gs-inner-header .template-container {
  max-width: 1360px;
}
.gs-inner-header .standard-8 > .header-upper-block > .template-container,
.gs-inner-header .standard-8 > .header-border-block > .header-middle-block,
.gs-inner-header .fixed-1 > .header-border-block > .header-middle-block {
  width: calc(100% - 96px);
  padding-left: 0;
  padding-right: 0;
}
.gs-inner-header .standard-8 .header-upper-block,
.gs-inner-header .intec-header,
.gs-inner-header .header-border-block,
.gs-inner-header .header-block {
  background-color: var(--gs-header-bg) !important;
  color: var(--gs-header-text);
  border-color: #ffffff10 !important;
}
/* Keep the transparent native shell while its inner bar auto-hides on scroll. */
.gs-inner-header .intec-header-mobile { background-color: transparent !important; }

.gs-inner-header .standard-8 .header-upper-block {
  border-bottom: 1px solid #ffffff0c;
  height: 44px;
}
.gs-inner-header .standard-8 .header-upper-block > .template-container > .flex {
  height: 44px;
  min-height: 44px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.gs-inner-header .header-menu-info { padding-left: 0 !important; padding-right: 12px !important; }
.gs-inner-header .header-upper-block .fragment-auth { height: 44px; }
.gs-inner-header .header-upper-block .header-middle-icon { padding-top: 0 !important; padding-bottom: 0 !important; }
.gs-inner-header [data-role='complex.header'],
.gs-inner-header .intec-header.complex.old { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.gs-inner-header .c-menu,
.gs-inner-header .intec-header { font-family: Inter, Arial, sans-serif; }
.gs-inner-header .header-menu-info .template-container { padding: 0; }
.gs-inner-header .header-menu-info .widget-menu-item {
  min-height: 38px;
  padding: 7px 13px !important;
  font-size: 12px;
  font-weight: 500;
  color: var(--gs-header-muted) !important;
}
.gs-inner-header .header-menu-info .widget-menu-item:hover,
.gs-inner-header a:hover { color: var(--gs-header-accent) !important; }
.gs-inner-header .header-social-item-grey { color: var(--gs-header-muted) !important; }
.gs-inner-header .header-social-item-grey svg { fill: currentColor !important; }
.gs-inner-header .header-tagline { display: none; }
.gs-inner-header .header-middle-wrapper {
  min-height: 82px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 24px;
}
.gs-inner-header a.header-middle-logotype {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex-shrink: 0;
  width: auto !important;
  min-height: 44px;
  margin: 0 !important;
  color: var(--gs-header-text) !important;
  text-decoration: none;
}
.gs-inner-header a.header-middle-logotype::after {
  content: 'GAMESTREET';
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -.5px;
  line-height: 1;
  white-space: nowrap;
  word-break: normal;
  flex-shrink: 0;
}
.gs-inner-header a.header-middle-logotype .header-logotype,
.gs-inner-header a.header-middle-logotype img {
  display: block;
  width: 36px;
  height: 36px;
  max-width: none;
  max-height: none;
  object-fit: contain;
}
.gs-inner-header .header-middle-menu {
  margin: 0 !important;
  padding: 0 !important;
}
.gs-inner-header .header-middle-menu .menu-wrapper-2 > .menu-item > .menu-wrap > .menu-item-text {
  min-height: 44px;
  padding: 11px 14px !important;
  border-radius: 8px;
  background: #ffffff08;
  color: var(--gs-header-text) !important;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  gap: 4px;
}
.gs-inner-header .header-middle-menu .menu-wrapper-2 > .menu-item > .menu-wrap > .menu-item-text:hover {
  background: #ffffff10;
}
.gs-inner-header .header-middle-menu .menu-wrapper-2 > .menu-item > .menu-wrap > .menu-item-text svg {
  fill: var(--gs-header-accent);
}
.gs-inner-header .header-middle-search {
  min-width: 160px;
  padding: 0 !important;
  margin-left: auto;
}
.gs-inner-header .c-search-title-input-1,
.gs-inner-header .c-search-title-input-1 form { width: 100%; }
.gs-inner-header .search-title-form-input {
  background: #0b0b11 !important;
  border: 1px solid #ffffff0c !important;
  border-radius: 6px !important;
  color: var(--gs-header-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  min-height: 44px;
  box-shadow: none !important;
}
.gs-inner-header .search-title-form-input::placeholder { color: #8c839a; opacity: 1; }
.gs-inner-header .search-title-form-input:focus {
  border-color: #ad74ec !important;
  outline: 2px solid #a567e62b;
  outline-offset: 2px;
}
.gs-inner-header .search-title-form-button-submit,
.gs-inner-header .search-title-form-button-clear {
  color: var(--gs-header-muted) !important;
}
.gs-inner-header .search-title-form-button-submit svg { stroke: currentColor !important; }
.gs-inner-header .header-basket-wrapper { margin: 0 !important; gap: 8px; }
.gs-inner-header .header-basket-button { padding: 0 !important; }
.gs-inner-header .header-basket-button > div {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
}
.gs-inner-header .header-basket-wrapper,
.gs-inner-header .fragment-auth,
.gs-inner-header .fragment-buttons,
.gs-inner-header .fragment-burger-menu,
.gs-inner-header .fragment-search,
.gs-inner-header [data-action='search.open'] {
  color: var(--gs-header-text) !important;
}
.gs-inner-header .header-basket-wrapper svg,
.gs-inner-header .fragment-auth svg,
.gs-inner-header .fragment-buttons svg,
.gs-inner-header .fragment-burger-menu svg {
  color: var(--gs-header-text) !important;
  stroke: currentColor !important;
}
.gs-inner-header .header-basket-counter {
  background: #8c3be5 !important;
  color: #fff !important;
}
/* Keep the native menus and their event handlers; only their surfaces change. */
.gs-inner-header .menu-submenu,
.gs-inner-header .menu-screen,
.gs-inner-header .menu-item-submenu,
.gs-inner-header .menu-submenu-wrapper,
.gs-inner-header .title-search-result-2,
.gs-inner-header .search-title-result,
.gs-inner-header .header-drop-down-menu-items {
  background-color: var(--gs-header-surface) !important;
  color: var(--gs-header-text) !important;
  border-color: #ffffff12 !important;
}
.gs-inner-header .menu-submenu a,
.gs-inner-header .menu-screen a { color: var(--gs-header-text) !important; }
.gs-inner-header .search-title-overlay,
.gs-inner-header .menu-overlay { background-color: #090611bd !important; }
.gs-inner-header .c-menu-mobile .menu-header,
.gs-inner-header .c-menu-mobile .menu-content,
.gs-inner-header .c-menu-mobile .menu-content-wrapper,
.gs-inner-header .c-menu-mobile .ui-bg-ntr-b,
.gs-inner-header .c-menu-mobile .ui-bg-ntr-td {
  background: var(--gs-header-surface) !important;
  color: var(--gs-header-text) !important;
}
.gs-inner-header .c-menu-mobile .ui-text-ntr-d,
.gs-inner-header .c-menu-mobile .ui-text-ntr-sd,
.gs-inner-header .c-menu-mobile .menu-back-text { color: var(--gs-header-text) !important; }
.gs-inner-header .c-menu-mobile .ui-border-ntr-sb { border-color: #ffffff12 !important; }
.gs-inner-header .c-menu-mobile .menu-social-item { color: var(--gs-header-muted); }
.gs-inner-header .fixed-1 .header-middle-block-wrapper { min-height: 76px; padding-top: 10px !important; padding-bottom: 10px !important; gap: 16px; }
.gs-inner-header .fixed-1 a.header-middle-logotype { min-width: 200px; max-width: none; flex: 0 0 auto; }
.gs-inner-header .fixed-1 a.header-middle-logotype::after { font-size: 19px; }
.gs-inner-header .fixed-1 .menu-item-text,
.gs-inner-header .fixed-1 .search-title-button { color: var(--gs-header-text) !important; }
.gs-inner-header .fixed-1 .menu-item-text svg { fill: var(--gs-header-accent) !important; }
.gs-inner-header .fixed-1 .search-title-button svg { stroke: var(--gs-header-text) !important; }
.gs-inner-header .fixed-1 .menu-open svg,
.gs-inner-header .fixed-1 [data-role='close'] svg { stroke: var(--gs-header-text) !important; }
.gs-inner-header a:focus-visible,
.gs-inner-header button:focus-visible,
.gs-inner-header [tabindex]:focus-visible {
  outline: 2px solid var(--gs-header-accent);
  outline-offset: 3px;
  border-radius: 4px;
}
.gs-inner-page .layout-content { margin-top: 0 !important; }
.gs-inner-breadcrumbs {
  background: #100d18;
  color: #bdb4cc;
  padding: 18px 0 16px;
  font-family: Inter, Arial, sans-serif;
}
.gs-inner-breadcrumbs .breadcrumb-item-content,
.gs-inner-breadcrumbs .breadcrumb-link { color: #aaa0ba !important; }
.gs-inner-breadcrumbs .breadcrumb-item:last-child .breadcrumb-item-content { color: #f4efff !important; }
.gs-inner-breadcrumbs .breadcrumb-link:hover { color: #d6b6ff !important; }
.gs-inner-breadcrumbs .breadcrumb-separator { color: #62556f; }
.gs-inner-breadcrumbs .breadcrumb-menu-wrapper {
  background: #21182d !important;
  border-radius: 8px;
  box-shadow: 0 12px 40px #0006;
}
.gs-inner-breadcrumbs .breadcrumb-menu-item { color: #e4dcec !important; }
.gs-inner-breadcrumbs .template-container { max-width: 1360px; }

@media (max-width: 1200px) {
  .gs-inner-header .standard-8 > .header-upper-block > .template-container,
  .gs-inner-header .standard-8 > .header-border-block > .header-middle-block,
  .gs-inner-header .fixed-1 > .header-border-block > .header-middle-block { width: calc(100% - 56px); }
  .gs-inner-header .header-middle-wrapper { gap: 18px; }
  .gs-inner-header a.header-middle-logotype::after { font-size: 19px; }
  .gs-inner-header .header-menu-info .widget-menu-item { padding-left: 9px !important; padding-right: 9px !important; }
}
@media (max-width: 768px) {
  .gs-inner-header .intec-header-mobile .header-block-content { min-height: 72px; padding-top: 10px !important; padding-bottom: 10px !important; }
  .gs-inner-header .intec-header-mobile .template-container { padding-left: 18px; padding-right: 18px; }
  .gs-inner-header .fragment-logotype { flex-grow: 0 !important; }
  .gs-inner-header .fragment-logotype .header-middle-logotype { width: auto !important; }
  .gs-inner-header .fragment-logotype a { gap: 9px; color: var(--gs-header-text) !important; text-decoration: none !important; }
  .gs-inner-header .fragment-logotype a::after { content: 'GAMESTREET'; font-size: 16px; font-weight: 800; letter-spacing: -.4px; }
  .gs-inner-header .fragment-logotype img { width: 30px; height: 30px; max-width: none; max-height: none; }
  .gs-inner-header .fragment-buttons { flex-grow: 0 !important; }
  .gs-inner-header .fragment-burger-menu { margin-right: 10px; }
  .gs-inner-header .search-title[data-role='panel'] { background: #151020 !important; color: #f4f5f6; }
  .gs-inner-breadcrumbs { padding: 12px 0; }
}
@media (max-width: 360px) {
  .gs-inner-header .intec-header-mobile .template-container { padding-left: 12px; padding-right: 12px; }
  .gs-inner-header .fragment-logotype a::after { font-size: 13px; }
  .gs-inner-header .fragment-logotype img { width: 26px; height: 26px; }
  .gs-inner-header .fragment-logotype a { gap: 6px; }
  .gs-inner-header .fragment-burger-menu { margin-right: 5px; }
}
@media (prefers-reduced-motion: no-preference) {
  .gs-inner-header a, .gs-inner-header button { transition: color .16s ease, background-color .16s ease; }
}