/* Site shell styles extracted from final-fixes.css.

   Keep this file loaded after final-fixes.css until legacy shell rules are removed. */



.site-header,
.front-header {
min-height: 78px;
}

.brand strong,
.brand small,
.header-action,
.front-cta,
.theme-toggle,
.button {
font-family: Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.store-hero .brand-catalog-intro {
align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 36px auto 0 !important;
  max-width: 780px !important;
  text-align: center !important;
}

.store-hero .brand-catalog-intro strong {
font-size: clamp(1.3rem, 2.3vw, 2rem) !important;
  line-height: 1.05 !important;
}

.store-hero .brand-catalog-intro span {
color: var(--muted) !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  max-width: 620px !important;
}

.brand-catalog-grid {
display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  margin: 26px auto 0 !important;
  max-width: 980px !important;
  width: min(100%, 980px) !important;
}

.brand-catalog-card {
align-content: start !important;
  background:
    radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white), color-mix(in srgb, var(--surface) 86%, var(--bg))) !important;
  border: 1px solid color-mix(in srgb, var(--line) 86%, var(--accent)) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
  min-height: 320px !important;
  padding: 24px !important;
  text-align: center !important;
}

.brand-catalog-card::before {
background: linear-gradient(90deg, var(--green), var(--yellow), var(--blue));
  content: "" !important;
  height: 4px !important;
  left: 18px !important;
  opacity: 0.72 !important;
  position: absolute !important;
  right: 18px !important;
  top: 14px !important;
}

.brand-catalog-card:hover,
.brand-catalog-card.is-active {
border-color: var(--accent) !important;
  box-shadow: 0 18px 46px rgba(8, 24, 39, 0.12) !important;
  transform: translateY(-3px) !important;
}

.brand-catalog-card.is-active {
outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent) !important;
  outline-offset: 3px !important;
}

.brand-logo-frame {
align-items: center !important;
  aspect-ratio: 16 / 6 !important;
  background: color-mix(in srgb, white 92%, var(--surface)) !important;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  margin: 14px 0 6px !important;
  max-height: 156px !important;
  min-height: 128px !important;
  padding: 20px !important;
  width: 100% !important;
}

.brand-logo-mode {
aspect-ratio: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: 92px !important;
  max-width: 86% !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: auto !important;
}

.brand-logo-mode-dark {
display: none !important;
}

html.dark-theme body .brand-logo-frame,
body.dark-theme .brand-logo-frame {
background: #050607 !important;
}

html.dark-theme body .brand-logo-mode-light,
body.dark-theme .brand-logo-mode-light {
display: none !important;
}

html.dark-theme body .brand-logo-mode-dark,
body.dark-theme .brand-logo-mode-dark {
display: block !important;
}

.brand-catalog-card > img {
aspect-ratio: 16 / 9 !important;
  background: color-mix(in srgb, white 92%, var(--surface)) !important;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  height: auto !important;
  margin-top: 12px !important;
  max-height: 142px !important;
  object-fit: contain !important;
  padding: 12px !important;
  width: 100% !important;
}

.brand-catalog-card span {
color: var(--accent) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.brand-catalog-card strong {
font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.08 !important;
  max-width: 390px !important;
}

.brand-catalog-card small {
color: var(--muted) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
  max-width: 390px !important;
}

@media (max-width: 980px) {
.brand-catalog-grid {
grid-template-columns: repeat(2, minmax(210px, 1fr)) !important;
}
}

@media (max-width: 620px) {
.brand-catalog-grid {
grid-template-columns: 1fr !important;
}
}

@media (max-width: 620px) {
.brand-catalog-card {
min-height: 0 !important;
}
}

.site-header,
.front-header {
align-items: center !important;
  box-sizing: border-box !important;
  min-height: 88px !important;
  padding: 0 clamp(18px, 4vw, 54px) !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header,
.front-header {
display: grid !important;
  grid-template-columns: minmax(150px, 230px) minmax(0, 1fr) minmax(140px, 220px) !important;
  gap: clamp(16px, 2.5vw, 30px) !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header .brand,
.front-header .front-brand {
justify-self: start !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav,
.front-header nav {
justify-self: center !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header .header-actions,
.front-header .front-actions {
justify-self: end !important;
}

html:not(.dark-theme) body .site-header,
html:not(.dark-theme) .front-header {
background: #ffffff !important;
}

.site-header nav,
.front-header nav {
align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(20px, 2.4vw, 34px) !important;
  justify-content: center !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
.front-header nav a {
color: #645d50 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
.front-header nav a:hover {
color: #11140f !important;
}

html.dark-theme body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
html.dark-theme .front-header nav a,
body.dark-theme:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
body.dark-theme .front-header nav a {
color: rgba(248, 244, 232, 0.78) !important;
}

html.dark-theme body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
html.dark-theme .front-header nav a:hover,
body.dark-theme:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
body.dark-theme .front-header nav a:hover {
color: #ffffff !important;
}

.site-header nav a[href*="kits-prontos"],
.front-header nav a[href*="kits-prontos"],
body.flight-site .site-header nav a[href*="kits-voo"] {
font-size: calc(clamp(14px, 1vw, 16px) + 1px) !important;
  font-weight: 900 !important;
}

body.flight-site .site-header {
background: color-mix(in srgb, var(--flight-panel) 88%, transparent);
}

body.flight-site .site-header,
body.pimax-site .site-header,
body.vr-config-site .site-header {
display: grid !important;
  gap: clamp(16px, 2.5vw, 30px) !important;
  grid-template-columns: minmax(170px, 245px) minmax(0, 1fr) minmax(150px, 230px) !important;
}

body.flight-site .site-header .brand,
body.pimax-site .site-header .brand,
body.vr-config-site .site-header .brand {
justify-self: start !important;
}

body.flight-site .site-header nav,
body.pimax-site .site-header nav,
body.vr-config-site .site-header nav {
justify-self: center !important;
}

body.flight-site .site-header .header-actions,
body.pimax-site .site-header .header-actions,
body.vr-config-site .site-header .header-actions {
justify-self: end !important;
}

body.pimax-site .site-header,
body.vr-config-site .site-header {
background: color-mix(in srgb, var(--pimax-panel) 88%, transparent);
}

body.flight-site .brand small {
text-transform: none !important;
}

html:not(.dark-theme) body .site-header .brand-logo-light,
html:not(.dark-theme) .front-header .front-logo-light {
display: block !important;
}

html:not(.dark-theme) body .site-header .brand-logo-dark,
html:not(.dark-theme) .front-header .front-logo-dark {
display: none !important;
}

.header-actions,
.front-actions {
align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}

.theme-toggle {
border-radius: 6px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  text-transform: none !important;
}

@media (max-width: 760px) {
.site-header,
  .front-header {
display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 76px !important;
    padding: 12px 16px !important;
}
}

@media (max-width: 760px) {
.site-header nav,
  .front-header nav {
gap: 14px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
.site-header nav a,
  .front-header nav a {
flex: 0 0 auto !important;
    font-size: 14px !important;
}
}

body.store-lite-page .store-page,
body.store-lite-page .store-section,
body.store-lite-page .brand-catalog-grid,
body.store-lite-page .store-grid {
contain: layout paint !important;
}

body.store-lite-page.store-brand-is-open .store-hero {
min-height: auto !important;
  padding-block: 36px !important;
}

body.store-lite-page .brand-catalog-card,
body.store-lite-page .store-card,
body.store-lite-page .catalog-brand-switcher,
body.store-lite-page .store-category-note {
box-shadow: none !important;
  transform: none !important;
  transition: border-color 100ms ease, background-color 100ms ease, color 100ms ease !important;
  will-change: auto !important;
}

body.store-lite-page .brand-catalog-card:hover,
body.store-lite-page .brand-catalog-card.is-active,
body.store-lite-page .store-card:hover {
transform: none !important;
}

body.store-lite-page .brand-catalog-card {
min-height: 0 !important;
}

body.store-lite-page .brand-logo-frame,
body.store-lite-page .brand-catalog-card img {
filter: none !important;
  transform: none !important;
}

body.store-lite-page .catalog-brand-switcher {
backdrop-filter: none !important;
  background: var(--panel) !important;
  border-color: var(--line) !important;
}

@media (max-width: 720px) {
body.store-lite-page .brand-catalog-grid {
gap: 10px !important;
}
}

@media (max-width: 760px) {
html body .theme-toggle {
gap: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    width: 46px !important;
}
}

@media (max-width: 760px) {
html body .theme-toggle-icon {
height: 22px !important;
    width: 22px !important;
}
}

@media (max-width: 760px) {
html body .theme-toggle-icon svg {
height: 16px !important;
    width: 16px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system,
  html body .front-header.header-system,
  html body .site-header.header-system.has-site-search,
  html body .front-header.header-system.has-site-search {
grid-template-rows: 44px 24px !important;
    min-height: 84px !important;
    row-gap: 6px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > nav > a,
  html body .front-header.header-system > nav > a {
font-size: 14px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > nav > a[href*="kits-prontos"],
  html body .front-header.header-system > nav > a[href*="kits-prontos"],
  html body .site-header.header-system > nav > a[href*="kits-voo"],
  html body .front-header.header-system > nav > a[href*="kits-voo"] {
align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 14px !important;
    line-height: 1 !important;
    min-height: 24px !important;
    padding: 5px 10px !important;
}
}

html body .site-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html body .front-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html body .site-header > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html body .front-header > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]) {
background: transparent !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -2px 0 rgba(19, 148, 91, 0.55) !important;
  color: #2f2a22 !important;
}

html.dark-theme body .site-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html.dark-theme body .front-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
body.dark-theme .site-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
body.dark-theme .front-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]) {
background: transparent !important;
  border-color: transparent !important;
  box-shadow: inset 0 -2px 0 rgba(255, 203, 44, 0.7) !important;
  color: #fff7df !important;
}

html body.race-home header.header-system > nav > a,
html body.ready-race-page header.header-system > nav > a,
html body.race-home header.front-header > nav > a,
html body.ready-race-page header.front-header > nav > a {
color: #6e675b !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

html body.race-home header.header-system > nav > a:hover,
html body.ready-race-page header.header-system > nav > a:hover,
html body.race-home header.front-header > nav > a:hover,
html body.ready-race-page header.front-header > nav > a:hover,
html body.race-home header.header-system > nav > a.is-active,
html body.ready-race-page header.header-system > nav > a.is-active,
html body.race-home header.front-header > nav > a.is-active,
html body.ready-race-page header.front-header > nav > a.is-active {
color: #3f392f !important;
}

html body.race-home header.header-system > nav > a.is-active:not([href*="kits-prontos"]),
html body.ready-race-page header.header-system > nav > a.is-active:not([href*="kits-prontos"]),
html body.race-home header.front-header > nav > a.is-active:not([href*="kits-prontos"]),
html body.ready-race-page header.front-header > nav > a.is-active:not([href*="kits-prontos"]) {
background: rgba(16, 16, 16, 0.045) !important;
  border: 1px solid rgba(63, 57, 47, 0.16) !important;
  border-radius: 999px !important;
  color: #3f392f !important;
}

html body.race-home header.header-system > nav > a[href*="kits-prontos"],
html body.ready-race-page header.header-system > nav > a[href*="kits-prontos"],
html body.race-home header.front-header > nav > a[href*="kits-prontos"],
html body.ready-race-page header.front-header > nav > a[href*="kits-prontos"] {
background: rgba(255, 203, 44, 0.18) !important;
  border: 1px solid rgba(255, 203, 44, 0.42) !important;
  border-radius: 999px !important;
  color: #5f511c !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  min-height: 26px !important;
  padding: 5px 9px !important;
}

html body .site-universe-logo,
html body .mobile-universe-logo {
align-items: center !important;
  display: grid !important;
  height: 24px !important;
  justify-items: center !important;
  overflow: hidden !important;
  position: relative !important;
  width: 58px !important;
}

html body .site-universe-logo img,
html body .mobile-universe-logo img {
display: block !important;
  height: 100% !important;
  inset: 0 !important;
  margin: auto !important;
  max-height: 24px !important;
  max-width: 58px !important;
  object-fit: contain !important;
  position: absolute !important;
  width: 100% !important;
}

html:not(.dark-theme) body .site-universe-logo .site-universe-logo-dark,
body:not(.dark-theme) .site-universe-logo .site-universe-logo-dark,
html:not(.dark-theme) body .mobile-universe-logo .mobile-universe-logo-dark,
body:not(.dark-theme) .mobile-universe-logo .mobile-universe-logo-dark,
html.dark-theme body .site-universe-logo .site-universe-logo-light,
body.dark-theme .site-universe-logo .site-universe-logo-light,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-light,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-light {
display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html:not(.dark-theme) body .site-universe-logo .site-universe-logo-light,
body:not(.dark-theme) .site-universe-logo .site-universe-logo-light,
html:not(.dark-theme) body .mobile-universe-logo .mobile-universe-logo-light,
body:not(.dark-theme) .mobile-universe-logo .mobile-universe-logo-light,
html.dark-theme body .site-universe-logo .site-universe-logo-dark,
body.dark-theme .site-universe-logo .site-universe-logo-dark,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-dark,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-dark {
display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.site-header,
.front-header {
display: grid !important;
  grid-template-columns: minmax(170px, 250px) minmax(0, 1fr) auto auto !important;
}

.site-header .brand,
.front-header .front-brand,
.front-header .brand {
grid-column: 1 !important;
}

.site-universe-switch {
align-self: center !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(16, 20, 18, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(8, 14, 12, 0.08) !important;
  display: inline-grid !important;
  gap: 6px !important;
  grid-column: 3 !important;
  grid-template-columns: repeat(3, minmax(74px, 88px)) !important;
  justify-self: end !important;
  padding: 6px !important;
  white-space: normal !important;
  text-align: center !important;
  width: auto !important;
}

.site-universe-switch a {
align-items: center !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: #151711 !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
  min-height: 58px !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

.site-universe-switch a:hover {
background: rgba(255, 214, 56, 0.16) !important;
  border-color: rgba(202, 159, 0, 0.34) !important;
  color: #11130e !important;
  transform: translateY(-1px) !important;
}

.site-universe-switch a.is-active {
background: #fff4b8 !important;
  border-color: rgba(202, 159, 0, 0.34) !important;
  box-shadow: none !important;
  color: #11130e !important;
}

.site-universe-switch a.flight.is-active {
background: #dff2ff !important;
  border-color: rgba(45, 139, 230, 0.34) !important;
  color: #061521 !important;
}

.site-universe-switch a.pimax.is-active {
background: #dcffe8 !important;
  border-color: rgba(0, 164, 84, 0.34) !important;
  color: #06150c !important;
}

.site-universe-logo {
align-items: center !important;
  display: grid !important;
  height: 24px !important;
  justify-items: center !important;
  width: 74px !important;
}

.site-universe-logo-dark,
.mobile-universe-logo-dark {
display: none !important;
}

.site-universe-switch a strong {
color: currentColor !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

html.dark-theme body .site-universe-switch,
body.dark-theme .site-universe-switch {
background: rgba(10, 18, 24, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22) !important;
}

html.dark-theme body .site-universe-switch a,
body.dark-theme .site-universe-switch a {
color: rgba(248, 246, 237, 0.82) !important;
}

html.dark-theme body .site-universe-switch a:hover,
body.dark-theme .site-universe-switch a:hover {
background: rgba(255, 214, 56, 0.12) !important;
  border-color: rgba(255, 214, 56, 0.24) !important;
  color: #fff7d6 !important;
}

html.dark-theme body .site-universe-switch a.is-active,
body.dark-theme .site-universe-switch a.is-active {
background: rgba(255, 214, 56, 0.17) !important;
  border-color: rgba(255, 214, 56, 0.34) !important;
  color: #fff7d6 !important;
}

html.dark-theme body .site-universe-switch a.flight.is-active,
body.dark-theme .site-universe-switch a.flight.is-active {
background: rgba(53, 181, 255, 0.18) !important;
  border-color: rgba(53, 181, 255, 0.36) !important;
  color: #dff4ff !important;
}

html.dark-theme body .site-universe-switch a.pimax.is-active,
body.dark-theme .site-universe-switch a.pimax.is-active {
background: rgba(35, 224, 95, 0.16) !important;
  border-color: rgba(35, 224, 95, 0.34) !important;
  color: #dffff0 !important;
}

html.dark-theme body .site-universe-logo-light,
body.dark-theme .site-universe-logo-light,
html.dark-theme body .mobile-universe-logo-light,
body.dark-theme .mobile-universe-logo-light {
display: none !important;
}

html.dark-theme body .site-universe-logo-dark,
body.dark-theme .site-universe-logo-dark,
html.dark-theme body .mobile-universe-logo-dark,
body.dark-theme .mobile-universe-logo-dark {
display: block !important;
}

@media (max-width: 1320px) {
.site-header,
  .front-header {
grid-template-columns: minmax(142px, 220px) minmax(0, 1fr) auto auto !important;
    gap: 12px !important;
}
}

@media (max-width: 1320px) {
.site-universe-logo {
width: 58px !important;
}
}

@media (max-width: 1320px) {
.site-universe-logo img {
max-width: 58px !important;
}
}

@media (max-width: 1320px) {
.site-universe-switch a strong {
font-size: 0.7rem !important;
}
}

@media (min-width: 981px) {
@media (min-width: 1680px) {
html body.flight-site .site-header.has-site-search,
    html body.flight-site .front-header.has-site-search,
    html body.pimax-site .site-header.has-site-search,
    html body.pimax-site .front-header.has-site-search {
grid-template-areas: "brand search nav switcher actions" !important;
      grid-template-columns: minmax(150px, 210px) minmax(300px, 360px) minmax(420px, 1fr) minmax(260px, auto) auto !important;
      grid-template-rows: auto !important;
      min-height: 88px !important;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
}
}
}

@media (min-width: 981px) {
@media (min-width: 1680px) {
html body.flight-site .site-header.has-site-search > .site-universe-switch,
    html body.flight-site .front-header.has-site-search > .site-universe-switch,
    html body.pimax-site .site-header.has-site-search > .site-universe-switch,
    html body.pimax-site .front-header.has-site-search > .site-universe-switch {
justify-self: end !important;
}
}
}

@media (max-width: 980px) {
.site-universe-switch {
background: rgba(255, 255, 255, 0.72) !important;
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-self: stretch !important;
    order: 3 !important;
    padding: 5px !important;
    width: 100% !important;
}
}

@media (max-width: 980px) {
.site-universe-switch a {
min-height: 48px !important;
    padding: 5px !important;
}
}

@media (max-width: 980px) {
.site-universe-switch a strong {
font-size: 0.68rem !important;
}
}

@media (max-width: 760px) {
.site-header,
  .front-header {
padding-bottom: 10px !important;
}
}

@media (max-width: 760px) {
.site-universe-switch {
margin-top: 8px !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch {
grid-template-columns: 1fr !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a {
grid-template-columns: 96px minmax(0, 1fr) !important;
    justify-items: start !important;
    min-height: 62px !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a strong,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a strong {
grid-column: 2 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a small {
grid-column: 2 !important;
}
}

@media (max-width: 760px) {
.mobile-universe-logo {
align-items: center !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    height: 34px !important;
    justify-items: center !important;
    width: 88px !important;
}
}

@media (max-width: 760px) {
.mobile-universe-logo img {
display: block !important;
    max-height: 34px !important;
    max-width: 88px !important;
    object-fit: contain !important;
}
}

@media (max-width: 760px) {
html body .site-header,
  html body .front-header {
grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
}
}

@media (max-width: 760px) {
html body .site-header .brand,
  html body .front-header .front-brand,
  html body .front-header .brand {
max-width: calc(100vw - 214px) !important;
}
}

@media (max-width: 760px) {
html body .site-header .brand-logo,
  html body .front-header .brand-logo {
flex: 0 0 auto !important;
    height: 58px !important;
    width: 58px !important;
}
}

@media (max-width: 760px) {
html body .site-header .brand strong,
  html body .front-header .brand strong,
  html body .front-header .front-brand strong {
font-size: clamp(18px, 5vw, 24px) !important;
    line-height: 1 !important;
}
}

@media (max-width: 760px) {
html body .site-header .brand small,
  html body .front-header .brand small,
  html body .front-header .front-brand small {
font-size: clamp(13px, 3.6vw, 17px) !important;
    line-height: 1.1 !important;
}
}

@media (max-width: 760px) {
html body .site-header .header-actions,
  html body .front-header .front-actions {
gap: 7px !important;
}
}

@media (max-width: 760px) {
html body .theme-toggle {
align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    width: 46px !important;
}
}

@media (max-width: 760px) {
html body .theme-toggle #theme-toggle-label,
  html body .theme-toggle span:not(.theme-toggle-icon) {
display: none !important;
}
}

@media (max-width: 760px) {
html body .theme-toggle-icon {
align-items: center !important;
    display: inline-flex !important;
    font-size: 20px !important;
    height: 1em !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: 1em !important;
}
}

@media (max-width: 760px) {
html body .instagram-action {
align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    width: 46px !important;
}
}

@media (max-width: 760px) {
html body .instagram-action span {
display: none !important;
}
}

@media (max-width: 760px) {
html body .instagram-action svg {
height: 20px !important;
    width: 20px !important;
}
}

@media (max-width: 760px) {
html body .mobile-menu-toggle {
height: 46px !important;
    min-height: 46px !important;
    min-width: 88px !important;
}
}

@media (max-width: 390px) {
html body .site-header .brand,
  html body .front-header .front-brand,
  html body .front-header .brand {
max-width: calc(100vw - 198px) !important;
}
}

@media (max-width: 390px) {
html body .site-header .brand-logo,
  html body .front-header .brand-logo {
height: 52px !important;
    width: 52px !important;
}
}

@media (max-width: 390px) {
html body .theme-toggle,
  html body .instagram-action {
height: 42px !important;
    min-height: 42px !important;
    min-width: 42px !important;
    width: 42px !important;
}
}

@media (max-width: 390px) {
html body .mobile-menu-toggle {
height: 42px !important;
    min-height: 42px !important;
    min-width: 78px !important;
    padding: 0 9px !important;
}
}

@media (max-width: 760px) {
html body .store-hero .brand-catalog-intro {
margin-top: 28px !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
html body .store-hero .brand-catalog-intro strong {
font-size: clamp(22px, 7vw, 30px) !important;
    line-height: 1.05 !important;
}
}

@media (max-width: 760px) {
html body .store-hero .brand-catalog-intro span {
font-size: 1rem !important;
    line-height: 1.35 !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-grid {
display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 18px !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card {
align-content: center !important;
    align-items: center !important;
    border-radius: 14px !important;
    display: grid !important;
    gap: 8px !important;
    min-height: 118px !important;
    overflow: hidden !important;
    padding: 12px !important;
    text-align: center !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card::before,
  html body .brand-catalog-card::after {
display: none !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card:hover,
  html body .brand-catalog-card.is-active {
box-shadow: none !important;
    transform: none !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card.is-active {
outline-offset: 1px !important;
}
}

@media (max-width: 760px) {
html body .brand-logo-frame {
aspect-ratio: 16 / 7 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    max-height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
}
}

@media (max-width: 760px) {
html body .brand-logo-mode {
max-height: 34px !important;
    max-width: 82% !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode,
  html body .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode,
  html body .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode,
  html body .brand-catalog-card[data-brand-target="moza"] .brand-logo-mode {
max-height: 34px !important;
    max-width: 86% !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card span {
color: var(--accent, #20d878) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card strong {
font-size: clamp(15px, 4.4vw, 18px) !important;
    line-height: 1.05 !important;
    margin: 0 auto !important;
    max-width: 12ch !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card small {
display: none !important;
}
}

.instagram-action,
.whatsapp-action {
align-items: center !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.55)) !important;
  border: 1px solid color-mix(in srgb, var(--line, #d8cfbd) 72%, #e1306c) !important;
  border-radius: 999px !important;
  color: var(--text, #10100f) !important;
  display: inline-flex !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  gap: 7px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
  white-space: normal !important;
  text-align: center !important;
}

.instagram-action svg,
.whatsapp-action svg {
display: block !important;
  fill: currentColor !important;
  height: 18px !important;
  width: 18px !important;
}

.whatsapp-action {
border-color: color-mix(in srgb, var(--line, #d8cfbd) 68%, #25d366) !important;
  color: #0b7e3c !important;
}

.instagram-action:hover,
.instagram-action:focus-visible {
border-color: #e1306c !important;
  box-shadow: 0 10px 24px rgba(225, 48, 108, 0.16) !important;
  color: #c9145a !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.whatsapp-action:hover,
.whatsapp-action:focus-visible {
border-color: #25d366 !important;
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.16) !important;
  color: #07843d !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

html.dark-theme body .instagram-action,
body.dark-theme .instagram-action,
html.dark-theme body .whatsapp-action,
body.dark-theme .whatsapp-action {
background: rgba(255, 255, 255, 0.06) !important;
  color: #f8f4f0 !important;
}

html.dark-theme body .instagram-action,
body.dark-theme .instagram-action {
border-color: rgba(225, 48, 108, 0.46) !important;
}

html.dark-theme body .whatsapp-action,
body.dark-theme .whatsapp-action {
border-color: rgba(37, 211, 102, 0.48) !important;
}

html.dark-theme body .instagram-action:hover,
body.dark-theme .instagram-action:hover,
html.dark-theme body .instagram-action:focus-visible,
body.dark-theme .instagram-action:focus-visible {
background: rgba(225, 48, 108, 0.13) !important;
  border-color: #f25c94 !important;
  color: #ffffff !important;
}

html.dark-theme body .whatsapp-action:hover,
body.dark-theme .whatsapp-action:hover,
html.dark-theme body .whatsapp-action:focus-visible,
body.dark-theme .whatsapp-action:focus-visible {
background: rgba(37, 211, 102, 0.13) !important;
  border-color: #25d366 !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
.instagram-action,
  .whatsapp-action {
border-radius: 999px !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    width: 40px !important;
}
}

@media (max-width: 760px) {
.instagram-action span,
  .whatsapp-action span {
clip: rect(0 0 0 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: normal !important;
  text-align: center !important;
    width: 1px !important;
}
}

html:not(.dark-theme) body .store-hero h1,
html:not(.dark-theme) body .store-hero p,
html:not(.dark-theme) body .store-hero .brand-catalog-intro strong {
color: #090b08 !important;
}

html:not(.dark-theme) body .store-hero .brand-catalog-intro span,
html:not(.dark-theme) body .store-hero > p {
color: #625d52 !important;
}

html:not(.dark-theme) body .brand-catalog-card {
background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(16, 19, 15, 0.16) !important;
  color: #090b08 !important;
}

html:not(.dark-theme) body .brand-catalog-card strong {
color: #090b08 !important;
}

html:not(.dark-theme) body .brand-catalog-card small {
color: #625d52 !important;
}

html.dark-theme body .store-hero h1,
html.dark-theme body .store-hero p,
html.dark-theme body .store-hero .brand-catalog-intro strong,
body.dark-theme .store-hero h1,
body.dark-theme .store-hero p,
body.dark-theme .store-hero .brand-catalog-intro strong {
color: #f8f4e8 !important;
}

html.dark-theme body .store-hero .brand-catalog-intro span,
html.dark-theme body .store-hero > p,
body.dark-theme .store-hero .brand-catalog-intro span,
body.dark-theme .store-hero > p {
color: rgba(248, 244, 232, 0.7) !important;
}

html.dark-theme body .brand-catalog-card,
body.dark-theme .brand-catalog-card {
background: #0a0f12 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #f8f4e8 !important;
}

html.dark-theme body .brand-catalog-card strong,
body.dark-theme .brand-catalog-card strong {
color: #f8f4e8 !important;
}

html.dark-theme body .brand-catalog-card small,
body.dark-theme .brand-catalog-card small {
color: rgba(248, 244, 232, 0.68) !important;
}

html.dark-theme body .brand-logo-frame,
body.dark-theme .brand-logo-frame {
background: #030405 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.theme-toggle-icon {
align-items: center !important;
  background: rgba(16, 43, 92, 0.12) !important;
  border-radius: 999px !important;
  color: #102b5c !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  height: 22px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 22px !important;
}

.theme-toggle-icon svg {
fill: none !important;
  height: 15px !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.2px !important;
  width: 15px !important;
}

html.dark-theme body .theme-toggle-icon,
body.dark-theme .theme-toggle-icon {
background: rgba(248, 208, 0, 0.14) !important;
  color: #f8d000 !important;
}

.theme-toggle {
background: rgba(16, 43, 92, 0.08) !important;
  border: 1px solid rgba(16, 43, 92, 0.24) !important;
  color: #102b5c !important;
}

html.dark-theme body .theme-toggle,
body.dark-theme .theme-toggle {
background: rgba(248, 208, 0, 0.1) !important;
  border-color: rgba(248, 208, 0, 0.34) !important;
  color: #f8d000 !important;
}

.theme-toggle[data-theme-state="light"] .theme-toggle-icon,
html:not(.dark-theme) body .theme-toggle-icon {
background: rgba(16, 43, 92, 0.12) !important;
  color: #102b5c !important;
}

.theme-toggle[data-theme-state="dark"] .theme-toggle-icon,
html.dark-theme body .theme-toggle-icon,
body.dark-theme .theme-toggle-icon {
background: rgba(248, 208, 0, 0.14) !important;
  color: #f8d000 !important;
}

body .site-header nav a[href$="kits-prontos.html"],
body .front-header nav a[href$="kits-prontos.html"],
body .site-header nav a[href*="kits-prontos"] {
font-size: 17px !important;
  font-weight: 900 !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
.front-header nav a {
border-radius: 999px !important;
  padding: 10px 12px !important;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
.front-header nav a:hover {
background: #f8d000 !important;
  color: #0b0d0b !important;
  transform: translateY(-1px) !important;
}

html.dark-theme body .brand-logo-frame,
body.dark-theme .brand-logo-frame {
background: rgba(0, 0, 0, 0.28) !important;
  border-color: rgba(248, 244, 232, 0.16) !important;
}

html.dark-theme body .brand-logo-mode,
body.dark-theme .brand-logo-mode {
background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  padding: 0 !important;
}

body .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode {
max-height: 108px !important;
  max-width: 96% !important;
}

body .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode {
max-height: 62px !important;
  max-width: 90% !important;
}

body .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode-light {
max-height: 82px !important;
  max-width: 90% !important;
}

body .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode-dark {
max-height: 82px !important;
  max-width: 90% !important;
}

.store-section[data-brand-group="pimax"] .store-category-row-headsets {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.store-section[data-brand-group="pimax"] .store-category-row-accessories {
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

@media (max-width: 1100px) {
.store-section[data-brand-group="pimax"] .store-category-row-headsets {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

@media (max-width: 680px) {
.store-category-row,
  .store-section[data-brand-group="pimax"] .store-category-row-headsets,
  .store-section[data-brand-group="pimax"] .store-category-row-accessories {
grid-template-columns: 1fr !important;
}
}

.site-header,
.front-header {
align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(190px, 270px) minmax(0, 1fr) minmax(190px, 270px) !important;
  min-height: 78px !important;
  padding-left: clamp(18px, 3vw, 44px) !important;
  padding-right: clamp(18px, 3vw, 44px) !important;
}

.site-header .brand,
.front-header .front-brand,
.front-header .brand {
justify-self: start !important;
  min-width: 0 !important;
}

.site-header nav,
.front-header nav {
align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  justify-self: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

.site-header nav a,
.front-header nav a {
border-radius: 999px !important;
  color: var(--muted) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 11px 13px !important;
  text-transform: none !important;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header nav a:hover,
.front-header nav a:hover {
transform: translateY(-1px) !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
.front-header nav a:hover {
background: #f8d000 !important;
  color: #0b0d0b !important;
}

body.flight-site .site-header nav a:hover {
background: #35b5ff !important;
  color: #06111d !important;
}

body.pimax-site .site-header nav a:hover,
body.vr-config-site .site-header nav a:hover {
background: #23e05f !important;
  color: #06110a !important;
}

.site-header nav a[href$="kits-prontos.html"],
.front-header nav a[href$="kits-prontos.html"],
.site-header nav a[href*="kits-prontos"],
.site-header nav a[href$="kits-voo.html"],
.site-header nav a[href*="kits-voo"] {
font-size: 17px !important;
  font-weight: 950 !important;
}

.header-actions,
.front-actions {
justify-self: end !important;
  min-width: 0 !important;
}

html:not(.dark-theme) body .site-header,
html:not(.dark-theme) body .front-header {
background: rgba(255, 255, 255, 0.96) !important;
}

html.dark-theme body .site-header nav a,
body.dark-theme .site-header nav a,
html.dark-theme body .front-header nav a,
body.dark-theme .front-header nav a {
color: rgba(248, 244, 232, 0.78) !important;
}

@media (max-width: 980px) {
.site-header,
  .front-header {
grid-template-columns: 1fr auto !important;
}
}

@media (max-width: 980px) {
.site-header nav,
  .front-header nav {
grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
}
}

@media (max-width: 980px) {
.site-header nav::-webkit-scrollbar,
  .front-header nav::-webkit-scrollbar {
display: none !important;
}
}

@media (max-width: 980px) {
.site-header nav a,
  .front-header nav a {
font-size: 14px !important;
}
}

@media (max-width: 980px) {
.site-header nav a[href$="kits-prontos.html"],
  .front-header nav a[href$="kits-prontos.html"],
  .site-header nav a[href*="kits-prontos"],
  .site-header nav a[href$="kits-voo.html"],
  .site-header nav a[href*="kits-voo"] {
font-size: 15px !important;
}
}

@media (max-width: 640px) {
.theme-toggle {
min-height: 38px !important;
    padding: 0 10px !important;
}
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a[href="kits-prontos.html"],
body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .front-header nav a[href="kits-prontos.html"] {
font-size: 17px !important;
  font-weight: 950 !important;
}

.site-header,
.front-header {
display: flex !important;
  justify-content: space-between !important;
  position: fixed !important;
}

.site-header nav,
.front-header nav {
left: 50% !important;
  max-width: min(760px, calc(100vw - 560px)) !important;
  overflow-x: auto !important;
  padding: 2px 4px !important;
  position: absolute !important;
  scrollbar-width: none !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: max-content !important;
  z-index: 2 !important;
}

.site-header nav a,
.front-header nav a {
font-size: 15px !important;
  font-weight: 850 !important;
}

.site-header nav a[href$="kits-prontos.html"],
.front-header nav a[href$="kits-prontos.html"],
.site-header nav a[href*="kits-prontos"],
.front-header nav a[href*="kits-prontos"] {
font-size: 17px !important;
  font-weight: 950 !important;
}

.site-header .brand,
.front-header .front-brand,
.front-header .brand {
flex: 0 0 auto !important;
  max-width: 260px !important;
  position: relative !important;
  z-index: 3 !important;
}

.header-actions,
.front-actions {
flex: 0 0 auto !important;
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 1180px) {
.site-header nav,
  .front-header nav {
left: auto !important;
    max-width: 100% !important;
    order: 3 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
}
}

@media (max-width: 1180px) {
.site-header,
  .front-header {
display: grid !important;
    grid-template-columns: 1fr auto !important;
}
}

.site-header nav,
.front-header nav {
align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: clamp(8px, 1.2vw, 18px) !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header nav::-webkit-scrollbar,
.front-header nav::-webkit-scrollbar {
display: none !important;
}

.site-header nav a,
.front-header nav a {
flex: 0 0 auto !important;
  font-size: clamp(13px, 0.86vw, 15px) !important;
  line-height: 1 !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header nav a[href$="kits-prontos.html"],
.front-header nav a[href$="kits-prontos.html"],
.site-header nav a[href*="kits-prontos"],
.front-header nav a[href*="kits-prontos"],
.site-header nav a[href$="kits-voo.html"],
.site-header nav a[href*="kits-voo"] {
font-size: clamp(14px, 0.94vw, 16px) !important;
  font-weight: 950 !important;
}

@media (min-width: 1181px) {
.site-header nav,
  .front-header nav {
max-width: min(860px, calc(100vw - 500px)) !important;
}
}

@media (max-width: 1180px) {
.site-header nav,
  .front-header nav {
grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    padding-bottom: 4px !important;
    width: 100% !important;
}
}

.site-header nav,
.front-header nav {
align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: clamp(12px, 1.35vw, 24px) !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.site-header nav > a,
.front-header nav > a {
flex: 0 0 auto !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header .brand,
.front-header .brand,
.front-header .front-brand {
min-width: 0 !important;
}

@media (max-width: 760px) {
.theme-toggle {
aspect-ratio: 1 !important;
    border-radius: 999px !important;
    min-width: 40px !important;
    width: 40px !important;
    padding: 0 !important;
}
}

@media (max-width: 760px) {
.theme-toggle #theme-toggle-label {
display: none !important;
}
}

@media (max-width: 760px) {
.instagram-action {
aspect-ratio: 1 !important;
    width: 40px !important;
}
}

@media (max-width: 760px) {
.instagram-action span {
display: none !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-grid,
  html body .brand-catalog-grid {
display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 22px !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card,
  html body .brand-catalog-card {
align-content: center !important;
    display: grid !important;
    gap: 8px !important;
    min-height: 158px !important;
    padding: 14px !important;
    text-align: center !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card .brand-logo-frame,
  html body .brand-catalog-card .brand-logo-frame {
align-items: center !important;
    display: flex !important;
    height: 58px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card .brand-logo-mode,
  html body .brand-catalog-card .brand-logo-mode {
max-height: 34px !important;
    max-width: 116px !important;
    object-fit: contain !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card span,
  html body .brand-catalog-card span {
font-size: 11px !important;
    margin: 0 !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card strong,
  html body .brand-catalog-card strong {
font-size: clamp(1rem, 4.4vw, 1.18rem) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card small,
  html body .brand-catalog-card small {
display: none !important;
}
}

@media (max-width: 760px) {
body.store-brand-is-open .store-hero {
min-height: 0 !important;
    padding-bottom: 12px !important;
    padding-top: calc(92px + env(safe-area-inset-top)) !important;
}
}

@media (max-width: 760px) {
body.store-brand-is-open .store-hero > .eyebrow,
  body.store-brand-is-open .store-hero > h1,
  body.store-brand-is-open .store-hero > p {
display: none !important;
}
}

@media (max-width: 760px) {
body.store-brand-is-open .catalog-brand-switcher {
margin-top: 0 !important;
}
}

body.store-brand-is-open .store-hero {
min-height: auto !important;
  padding-bottom: clamp(18px, 3vw, 34px) !important;
  padding-top: clamp(118px, 12vw, 148px) !important;
}

body.store-brand-is-open .catalog-empty-state {
display: none !important;
}

body.store-brand-is-open .brand-catalog-intro,
body.store-brand-is-open .brand-catalog-grid {
display: none !important;
}

.catalog-brand-switcher {
display: none;
}

body.store-brand-is-open .catalog-brand-switcher {
align-items: center;
  backdrop-filter: blur(16px);
  background: rgba(255, 250, 240, 0.9);
  border: 1px solid rgba(9, 148, 80, 0.18);
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(24, 15, 6, 0.08);
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin: clamp(16px, 3vw, 28px) auto clamp(14px, 2.6vw, 24px);
  max-width: 1180px;
  padding: 12px;
  position: sticky;
  top: 86px;
  z-index: 12;
}

body.store-brand-is-open .catalog-brand-switcher > span {
color: #706758;
  flex: 0 0 auto;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding-left: 8px;
  text-transform: uppercase;
}

body.store-brand-is-open .catalog-brand-switcher > div {
display: grid;
  flex: 1 1 auto;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.store-brand-is-open .catalog-brand-switcher button {
appearance: none;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(112, 103, 88, 0.2);
  border-radius: 14px;
  color: #11100e;
  cursor: pointer;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 900;
  min-height: 44px;
  padding: 10px 12px;
  text-transform: uppercase;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

body.store-brand-is-open .catalog-brand-switcher button:hover {
border-color: rgba(251, 197, 0, 0.9);
  transform: translateY(-1px);
}

body.store-brand-is-open .catalog-brand-switcher button.is-active {
background: #0b9556;
  border-color: #0b9556;
  color: #fff;
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher,
body.dark-theme.store-brand-is-open .catalog-brand-switcher {
background: rgba(10, 17, 20, 0.92);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher > span,
body.dark-theme.store-brand-is-open .catalog-brand-switcher > span {
color: rgba(255, 255, 255, 0.62);
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher button,
body.dark-theme.store-brand-is-open .catalog-brand-switcher button {
background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.86);
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher button:hover,
body.dark-theme.store-brand-is-open .catalog-brand-switcher button:hover {
border-color: rgba(251, 197, 0, 0.9);
  color: #fff;
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher button.is-active,
body.dark-theme.store-brand-is-open .catalog-brand-switcher button.is-active {
background: #fbc500;
  border-color: #fbc500;
  color: #070b0e;
}

@media (max-width: 720px) {
body.store-brand-is-open .catalog-brand-switcher {
align-items: stretch;
    border-radius: 16px;
    flex-direction: column;
    margin-inline: 14px;
    padding: 10px;
    position: sticky;
    top: 76px;
}
}

@media (max-width: 720px) {
body.store-brand-is-open .catalog-brand-switcher > span {
padding-left: 2px;
}
}

@media (max-width: 720px) {
body.store-brand-is-open .catalog-brand-switcher > div {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
body.store-brand-is-open .catalog-brand-switcher button {
min-height: 46px;
}
}

body.store-brand-is-open .store-hero h1 {
font-size: clamp(2.2rem, 4vw, 4.2rem) !important;
  max-width: 860px !important;
}

body.store-brand-is-open .store-hero > p:not(.eyebrow) {
max-width: 620px !important;
}

body.store-brand-is-open .store-section {
scroll-margin-top: 112px !important;
}

@media (max-width: 760px) {
.site-header,
  .front-header {
box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    left: 0 !important;
    max-width: 100vw !important;
    min-height: 0 !important;
    padding: 10px 12px 12px !important;
    right: 0 !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
.site-header .brand,
  .front-header .front-brand,
  .front-header .brand {
max-width: min(62vw, 230px) !important;
}
}

@media (max-width: 760px) {
.site-header nav,
  .front-header nav {
contain: paint !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    left: auto !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 2px !important;
    position: static !important;
    scrollbar-width: none !important;
    transform: none !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
.site-header nav a,
  .front-header nav a {
align-items: center !important;
    border: 1px solid rgba(127, 118, 96, 0.18) !important;
    display: flex !important;
    font-size: 11px !important;
    justify-content: center !important;
    line-height: 1.08 !important;
    flex: 0 0 auto !important;
    min-height: 34px !important;
    min-width: 0 !important;
    padding: 8px 6px !important;
    text-align: center !important;
    white-space: normal !important;
    white-space: normal !important;
  text-align: center !important;
    width: auto !important;
}
}

@media (max-width: 760px) {
.site-header nav a[href*="kits-prontos"],
  .front-header nav a[href*="kits-prontos"],
  .site-header nav a[href*="kits-voo"] {
font-size: 12px !important;
}
}

@media (max-width: 760px) {
.header-actions,
  .front-actions {
align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
}
}

@media (max-width: 760px) {
.theme-toggle {
min-height: 34px !important;
    min-width: 76px !important;
    padding: 0 8px !important;
}
}

@media (max-width: 760px) {
body.store-brand-is-open .store-hero {
padding-top: clamp(116px, 30vw, 136px) !important;
}
}

@media (max-width: 760px) {
.catalog-brand-switcher {
max-width: calc(100vw - 24px) !important;
}
}

@media (max-width: 760px) {
body.store-brand-is-open .catalog-brand-switcher {
margin-inline: 12px !important;
    top: 104px !important;
    width: auto !important;
}
}

.mobile-menu-toggle {
display: none;
}

@media (max-width: 760px) {
.site-header,
  .front-header {
overflow: visible !important;
    position: fixed !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    z-index: 1000 !important;
}
}

@media (max-width: 760px) {
.site-header .brand,
  .front-header .front-brand,
  .front-header .brand {
align-items: center !important;
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    max-width: calc(100vw - 164px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
}

@media (max-width: 760px) {
.site-header .brand span,
  .front-header .front-brand span,
  .front-header .brand span {
min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 760px) {
.header-actions,
  .front-actions {
align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    justify-self: end !important;
}
}

@media (max-width: 760px) {
.theme-toggle {
border-radius: 999px !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    height: 38px !important;
    line-height: 1 !important;
    min-height: 38px !important;
    min-width: 70px !important;
    padding: 0 9px !important;
    position: static !important;
    transform: none !important;
}
}

@media (max-width: 760px) {
.theme-toggle-icon {
font-size: 14px !important;
    line-height: 1 !important;
}
}

@media (max-width: 760px) {
.mobile-menu-toggle {
align-items: center !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 999px !important;
    color: #0c1114 !important;
    cursor: pointer !important;
    display: inline-grid !important;
    flex: 0 0 auto !important;
    grid-template-columns: 14px auto !important;
    height: 38px !important;
    justify-content: center !important;
    min-width: 74px !important;
    padding: 0 10px !important;
    position: relative !important;
}
}

@media (max-width: 760px) {
.mobile-menu-toggle span {
background: currentColor !important;
    border-radius: 999px !important;
    display: block !important;
    grid-column: 1 !important;
    height: 2px !important;
    width: 14px !important;
}
}

@media (max-width: 760px) {
.mobile-menu-toggle span + span {
margin-top: 3px !important;
}
}

@media (max-width: 760px) {
.mobile-menu-toggle b {
font-size: 12px !important;
    font-weight: 950 !important;
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    line-height: 1 !important;
    margin-left: 7px !important;
    text-transform: none !important;
}
}

@media (max-width: 760px) {
html.dark-theme body .mobile-menu-toggle,
  body.dark-theme .mobile-menu-toggle {
background: rgba(16, 26, 34, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8f4e8 !important;
}
}

@media (max-width: 760px) {
.site-header nav,
  .front-header nav {
display: none !important;
}
}

@media (max-width: 760px) {
body.mobile-menu-open .site-header nav,
  body.mobile-menu-open .front-header nav {
align-items: stretch !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 245, 238, 0.96)) !important;
    border: 1px solid rgba(13, 18, 19, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    grid-column: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
    left: 12px !important;
    max-height: calc(100dvh - 92px) !important;
    max-width: calc(100vw - 24px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px !important;
    position: absolute !important;
    right: 12px !important;
    top: calc(100% + 8px) !important;
    transform: none !important;
    min-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
    z-index: 1002 !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav,
  body.dark-theme.mobile-menu-open .site-header nav,
  html.dark-theme body.mobile-menu-open .front-header nav,
  body.dark-theme.mobile-menu-open .front-header nav {
background:
      linear-gradient(145deg, rgba(12, 20, 27, 0.98), rgba(7, 14, 18, 0.98)) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48) !important;
}
}

@media (max-width: 760px) {
body.mobile-menu-open .site-header nav a,
  body.mobile-menu-open .front-header nav a {
align-items: center !important;
    border: 1px solid rgba(127, 118, 96, 0.16) !important;
    border-radius: 14px !important;
    color: #11140f !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    justify-content: space-between !important;
    line-height: 1.1 !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    text-align: left !important;
    white-space: normal !important;
  text-align: center !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
body.mobile-menu-open .site-header nav a::after,
  body.mobile-menu-open .front-header nav a::after {
content: "›";
    font-size: 22px;
    opacity: 0.5;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav a,
  body.dark-theme.mobile-menu-open .site-header nav a,
  html.dark-theme body.mobile-menu-open .front-header nav a,
  body.dark-theme.mobile-menu-open .front-header nav a {
background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
    color: #f8f4e8 !important;
}
}

@media (max-width: 760px) {
body.mobile-menu-open .site-header nav a[href*="kits-prontos"],
  body.mobile-menu-open .front-header nav a[href*="kits-prontos"],
  body.mobile-menu-open .site-header nav a[href*="kits-voo"] {
background: #f8d000 !important;
    color: #0b0d0b !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}
}

@media (max-width: 760px) {
body.flight-site.mobile-menu-open .site-header nav a[href*="kits-voo"] {
background: #35b5ff !important;
    color: #06111d !important;
}
}

@media (max-width: 760px) {
.mobile-whatsapp {
align-items: center !important;
    background: linear-gradient(135deg, #12b76a, #0b8f4f) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 999px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 18px 44px rgba(8, 99, 52, 0.36) !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    font-size: 0 !important;
    font-weight: 950 !important;
    gap: 8px !important;
    justify-content: center !important;
    left: 14px !important;
    letter-spacing: 0 !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    position: fixed !important;
    right: 14px !important;
    text-decoration: none !important;
    z-index: 900 !important;
}
}

@media (max-width: 760px) {
.mobile-whatsapp::before {
background: rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
    content: "WhatsApp" !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 7px 9px !important;
}
}

@media (max-width: 760px) {
.mobile-whatsapp::after {
content: "Tirar dúvida" !important;
    font-size: 15px !important;
    line-height: 1 !important;
}
}

@media (max-width: 760px) {
html body .site-header,
  html body .front-header,
  html body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header,
  html body.flight-site .site-header,
  html body.pimax-site .site-header,
  html body.vr-config-site .site-header {
grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
}
}

@media (max-width: 760px) {
html body .site-header .brand,
  html body .front-header .front-brand,
  html body .front-header .brand {
grid-column: 1 !important;
    grid-row: 1 !important;
}
}

@media (max-width: 760px) {
html body .site-header .header-actions,
  html body .front-header .front-actions {
grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav,
  html body.mobile-menu-open .front-header nav {
left: 12px !important;
    margin: 0 !important;
    max-width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    right: 12px !important;
    width: calc(100vw - 24px) !important;
}
}

.site-header nav .mobile-menu-close,
.front-header nav .mobile-menu-close,
.site-header nav .mobile-menu-strip,
.front-header nav .mobile-menu-strip,
.site-header nav .mobile-menu-tiles,
.front-header nav .mobile-menu-tiles,
.site-header nav .mobile-menu-tile-grid,
.front-header nav .mobile-menu-tile-grid,
.site-header nav .mobile-menu-tile,
.front-header nav .mobile-menu-tile,
.site-header nav .mobile-menu-tile img,
.front-header nav .mobile-menu-tile img,
.site-header nav .mobile-menu-tile span,
.front-header nav .mobile-menu-tile span {
display: none !important;
}

@media (min-width: 761px) {
.site-header nav .mobile-menu-close,
  .front-header nav .mobile-menu-close,
  .site-header nav .mobile-menu-strip,
  .front-header nav .mobile-menu-strip,
  .site-header nav .mobile-menu-tiles,
  .front-header nav .mobile-menu-tiles,
  .site-header nav .mobile-menu-tile-grid,
  .front-header nav .mobile-menu-tile-grid,
  .site-header nav .mobile-menu-tile,
  .front-header nav .mobile-menu-tile,
  .site-header nav .mobile-menu-tile img,
  .front-header nav .mobile-menu-tile img,
  .site-header nav .mobile-menu-tile span,
  .front-header nav .mobile-menu-tile span {
display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important;
    width: 0 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav,
  html body.mobile-menu-open .front-header nav {
align-content: start !important;
    align-items: stretch !important;
    background: #fffdf8 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #080908 !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: 100dvh !important;
    inset: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 100dvh !important;
    min-width: 100vw !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 18px 18px calc(84px + env(safe-area-inset-bottom)) !important;
    position: fixed !important;
    right: auto !important;
    top: 0 !important;
    width: 100vw !important;
    z-index: 3000 !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav,
  body.dark-theme.mobile-menu-open .site-header nav,
  html.dark-theme body.mobile-menu-open .front-header nav,
  body.dark-theme.mobile-menu-open .front-header nav {
background: #050607 !important;
    color: #fffdf2 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav > a,
  html body.mobile-menu-open .front-header nav > a {
align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #080908 !important;
    display: flex !important;
    font-size: clamp(18px, 5.35vw, 25px) !important;
    font-weight: 950 !important;
    justify-content: flex-start !important;
    line-height: 1 !important;
    min-height: 43px !important;
    padding: 0 52px 0 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav > a,
  body.dark-theme.mobile-menu-open .site-header nav > a,
  html.dark-theme body.mobile-menu-open .front-header nav > a,
  body.dark-theme.mobile-menu-open .front-header nav > a {
color: #fffdf2 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav > a::after,
  html body.mobile-menu-open .front-header nav > a::after {
content: "" !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav > a:first-of-type::after,
  html body.mobile-menu-open .front-header nav > a:first-of-type::after {
content: "\203A" !important;
    display: inline-block !important;
    font-size: 1.15em !important;
    margin-left: 8px !important;
    opacity: 1 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-close,
  html body.mobile-menu-open .front-header nav .mobile-menu-close {
align-items: center !important;
    background: #fff !important;
    border: 3px solid #070807 !important;
    border-radius: 999px !important;
    color: #070807 !important;
    display: flex !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    height: 40px !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    width: 40px !important;
    z-index: 2 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-strip,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip {
background: #fffdf8 !important;
    border-bottom: 1px solid rgba(8, 9, 8, 0.12) !important;
    border-top: 1px solid rgba(8, 9, 8, 0.12) !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 10px -18px 18px !important;
    padding: 10px 16px !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-strip a,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a,
  html body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle {
align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    color: #080908 !important;
    display: flex !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    gap: 5px !important;
    justify-content: center !important;
    line-height: 1.05 !important;
    min-height: 30px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-strip,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-strip,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-strip,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-strip {
background: #050505 !important;
    border-bottom-color: rgba(255, 255, 255, 0.16) !important;
    border-top-color: rgba(255, 255, 255, 0.16) !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-strip a,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-strip a,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-strip a,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-strip a,
  html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle {
color: #fffdf2 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-strip a svg,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a svg,
  html body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle svg,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle svg {
display: block !important;
    flex: 0 0 15px !important;
    fill: none !important;
    height: 15px !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 2px !important;
    width: 15px !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-strip a span,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a span,
  html body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle span,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle span {
display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 760px) {
body.flight-site .site-header.has-site-search .brand span,
  body.flight-site .front-header.has-site-search .front-brand span {
max-width: 100px !important;
    overflow: hidden !important;
}
}

@media (max-width: 760px) {
body.flight-site .site-header.has-site-search .brand small,
  body.flight-site .front-header.has-site-search .front-brand small {
display: block !important;
    max-width: 92px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tiles,
  html body.mobile-menu-open .front-header nav .mobile-menu-tiles {
display: block !important;
    margin: 0 0 18px !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tiles h3,
  html body.mobile-menu-open .front-header nav .mobile-menu-tiles h3 {
color: #0a0b0a !important;
    font-size: clamp(14px, 4vw, 18px) !important;
    font-style: italic !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin: 0 0 9px !important;
    text-transform: uppercase !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-tiles h3,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-tiles h3,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-tiles h3,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-tiles h3 {
color: #fffdf2 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tile-grid,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile-grid {
display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tile,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile {
align-items: end !important;
    aspect-ratio: 1.72 / 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    display: flex !important;
    filter: none !important;
    font-size: clamp(12px, 3.5vw, 16px) !important;
    font-weight: 760 !important;
    justify-content: flex-start !important;
    line-height: 1.05 !important;
    min-height: 50px !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 8px !important;
    isolation: isolate !important;
    position: relative !important;
    text-align: left !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75) !important;
    text-transform: none !important;
    white-space: normal !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tile::before,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile::before {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.08)) !important;
    content: "" !important;
    inset: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tile img,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile img {
display: block !important;
    filter: none !important;
    height: 100% !important;
    inset: 0 !important;
    max-height: none !important;
    max-width: none !important;
    mix-blend-mode: normal !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
    position: absolute !important;
    transform: none !important;
    width: 100% !important;
    z-index: -2 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tile *,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile * {
filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tile span,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile span {
color: #ffffff !important;
    display: block !important;
    font-size: clamp(13px, 3.4vw, 16px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    position: relative !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.72) !important;
    z-index: 1 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav > a:hover,
  html body.mobile-menu-open .front-header nav > a:hover {
background: rgba(7, 8, 7, 0.06) !important;
    color: #080908 !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-tile:hover,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile:hover {
box-shadow: inset 0 0 0 2px rgba(8, 145, 80, 0.8) !important;
    transform: none !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-menu-strip a::after,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a::after,
  html body.mobile-menu-open .site-header nav .mobile-menu-tile::after,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile::after {
content: "" !important;
}
}

html:not(.dark-theme) body.store-lite-page .store-section[data-brand-group="pimax"] .store-card[data-brand="pimax"] figure {
background: #ffffff !important;
  border-color: rgba(10, 33, 60, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(10, 33, 60, 0.04) !important;
}

html:not(.dark-theme) body.store-lite-page .store-section[data-brand-group="pimax"] .store-card[data-brand="pimax"] figure img {
background: #ffffff !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html:not(.dark-theme) body.store-lite-page .store-section[data-brand-group="pimax"] .store-card[data-brand="pimax"].is-out-of-stock figure img {
filter: grayscale(0.42) opacity(0.68) !important;
}

html body .theme-toggle {
align-items: center !important;
  display: inline-flex !important;
  gap: 0 !important;
  height: 42px !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  width: 42px !important;
}

html body .theme-toggle #theme-toggle-label,
html body .theme-toggle span:not(.theme-toggle-icon) {
display: none !important;
}

html body .theme-toggle-icon {
height: 24px !important;
  width: 24px !important;
}

html body .theme-toggle-icon svg {
height: 17px !important;
  width: 17px !important;
}

@media (max-width: 760px) {
body.store-lite-page .store-hero .brand-catalog-intro,
  html body.store-lite-page .store-hero .brand-catalog-intro {
margin: 26px auto 14px !important;
    max-width: calc(100vw - 32px) !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .store-hero .brand-catalog-intro strong,
  html body.store-lite-page .store-hero .brand-catalog-intro strong {
font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.05 !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .store-hero .brand-catalog-intro span,
  html body.store-lite-page .store-hero .brand-catalog-intro span {
font-size: 15px !important;
    line-height: 1.45 !important;
    margin-top: 8px !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-grid,
  html body.store-lite-page .brand-catalog-grid {
display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 auto !important;
    max-width: calc(100vw - 32px) !important;
    padding: 0 !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card,
  html body.store-lite-page .brand-catalog-card {
align-items: center !important;
    border-radius: 16px !important;
    display: grid !important;
    gap: 6px 12px !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    min-height: 112px !important;
    padding: 12px !important;
    text-align: left !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card::before,
  body.store-lite-page .brand-catalog-card::after,
  html body.store-lite-page .brand-catalog-card::before,
  html body.store-lite-page .brand-catalog-card::after {
display: none !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card .brand-logo-frame,
  html body.store-lite-page .brand-catalog-card .brand-logo-frame {
align-items: center !important;
    align-self: center !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 14px !important;
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    height: 86px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-height: 86px !important;
    min-height: 86px !important;
    overflow: hidden !important;
    padding: 12px !important;
    width: 86px !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card .brand-logo-mode {
display: none !important;
    height: auto !important;
    margin: 0 !important;
    max-height: 42px !important;
    max-width: 74px !important;
    object-fit: contain !important;
    width: auto !important;
}
}

@media (max-width: 760px) {
html:not(.dark-theme) body.store-lite-page .brand-catalog-card .brand-logo-mode-light,
  html.dark-theme body.store-lite-page .brand-catalog-card .brand-logo-mode-dark,
  body.dark-theme.store-lite-page .brand-catalog-card .brand-logo-mode-dark {
display: block !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode,
  body.store-lite-page .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode {
max-height: 34px !important;
    max-width: 78px !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode {
max-height: 38px !important;
    max-width: 76px !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card span,
  html body.store-lite-page .brand-catalog-card span {
align-self: end !important;
    color: #11b86a !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    grid-column: 2 !important;
    letter-spacing: 0.03em !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card strong,
  html body.store-lite-page .brand-catalog-card strong {
display: block !important;
    font-size: clamp(18px, 5vw, 22px) !important;
    grid-column: 2 !important;
    letter-spacing: 0 !important;
    line-height: 1.02 !important;
    margin: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
body.store-lite-page .brand-catalog-card small,
  html body.store-lite-page .brand-catalog-card small {
display: -webkit-box !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    grid-column: 2 !important;
    line-height: 1.28 !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: left !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}
}

@media (max-width: 760px) {
html:not(.dark-theme) body.store-lite-page .brand-catalog-card {
background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(18, 42, 38, 0.12) !important;
}
}

@media (max-width: 760px) {
html:not(.dark-theme) body.store-lite-page .brand-catalog-card .brand-logo-frame {
background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(18, 42, 38, 0.10) !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.store-lite-page .brand-catalog-card,
  body.dark-theme.store-lite-page .brand-catalog-card {
background: rgba(7, 13, 17, 0.86) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.store-lite-page .brand-catalog-card .brand-logo-frame,
  body.dark-theme.store-lite-page .brand-catalog-card .brand-logo-frame {
background: rgba(2, 5, 7, 0.78) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .cart-fab,
  html body.store-lite-page:not(.store-brand-is-open) .cart-fab {
display: none !important;
}
}

@media (max-width: 760px) {
body.store-lite-page.store-brand-is-open .cart-fab,
  html body.store-lite-page.store-brand-is-open .cart-fab {
bottom: calc(18px + env(safe-area-inset-bottom)) !important;
    right: 12px !important;
    transform: scale(0.9) !important;
    transform-origin: right bottom !important;
    z-index: 780 !important;
}
}

.site-header .brand.brand-wide-logo .brand-logo {
height: 52px !important;
  object-fit: contain !important;
  width: 92px !important;
}

.site-header .brand.brand-wide-logo {
gap: 10px !important;
}

@media (max-width: 760px) {
.site-header .brand.brand-wide-logo .brand-logo {
height: 48px !important;
    width: 64px !important;
}
}

.legal-footer-links {
display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 22px;
  padding: 22px 18px;
  border-top: 1px solid rgba(120, 116, 105, 0.24);
  font-size: 0.92rem;
}

.legal-footer-links a {
color: inherit;
  opacity: 0.78;
  font-weight: 750;
  text-decoration: none;
}

.legal-footer-links a:hover {
opacity: 1;
  text-decoration: underline;
}

html:not(.dark-theme) body :where(
  .fan-hero,
  .category-strip,
  .bundle-row,
  .style-grid,
  .config-band,
  .pimax-front-callout,
  .flight-callout,
  .under-cover,
  .ready-kits-section,
  .ready-kit-card,
  .store-page,
  .store-hero,
  .brand-catalog-card,
  .store-card,
  .store-section,
  .catalog-brand-switcher,
  .configurator-hero,
  .config-line-switch,
  .ecosystem-stage,
  .ecosystem-card,
  .configurator-section,
  .option-group,
  .option-card,
  .summary,
  .kit-insight,
  .compatibility-panel,
  .upgrade-guide,
  .advantages,
  .customers,
  .contact,
  .flight-page,
  .flight-hero,
  .flight-card,
  .flight-option-group,
  .flight-product-card,
  .flight-summary,
  .flight-summary-insight,
  .flight-summary-checklist,
  .flight-total-box,
  .flight-detail-copy,
  .flight-detail-card,
  .flight-buy-panel,
  .flight-commercial-blocks,
  .flight-ad-strip,
  .pimax-page,
  .vr-config-page,
  .pimax-hero,
  .pimax-model-card,
  .pimax-proof,
  .pimax-compare,
  .pimax-accessory-grid,
  .pimax-setup,
  .vr-option-group,
  .vr-option-card,
  .vr-summary,
  .product-ad-page,
  .product-ad-copy,
  .product-ad-description,
  .product-ad-panel,
  .product-detail-blocks,
  .product-info,
  .product-final-cta,
  .cart-page,
  .cart-page-panel,
  .checkout-summary
) {
color: var(--readable-text) !important;
}

html.dark-theme body :where(
  .fan-hero,
  .category-strip,
  .bundle-row,
  .style-grid,
  .config-band,
  .pimax-front-callout,
  .flight-callout,
  .under-cover,
  .ready-kits-section,
  .ready-kit-card,
  .store-page,
  .store-hero,
  .brand-catalog-card,
  .store-card,
  .store-section,
  .catalog-brand-switcher,
  .configurator-hero,
  .config-line-switch,
  .ecosystem-stage,
  .ecosystem-card,
  .configurator-section,
  .option-group,
  .option-card,
  .summary,
  .kit-insight,
  .compatibility-panel,
  .upgrade-guide,
  .advantages,
  .customers,
  .contact,
  .flight-page,
  .flight-hero,
  .flight-card,
  .flight-option-group,
  .flight-product-card,
  .flight-summary,
  .flight-summary-insight,
  .flight-summary-checklist,
  .flight-total-box,
  .flight-detail-copy,
  .flight-detail-card,
  .flight-buy-panel,
  .flight-commercial-blocks,
  .flight-ad-strip,
  .pimax-page,
  .vr-config-page,
  .pimax-hero,
  .pimax-model-card,
  .pimax-proof,
  .pimax-compare,
  .pimax-accessory-grid,
  .pimax-setup,
  .vr-option-group,
  .vr-option-card,
  .vr-summary,
  .product-ad-page,
  .product-ad-copy,
  .product-ad-description,
  .product-ad-panel,
  .product-detail-blocks,
  .product-info,
  .product-final-cta,
  .cart-page,
  .cart-page-panel,
  .checkout-summary
),
body.dark-theme :where(
  .fan-hero,
  .category-strip,
  .bundle-row,
  .style-grid,
  .config-band,
  .pimax-front-callout,
  .flight-callout,
  .under-cover,
  .ready-kits-section,
  .ready-kit-card,
  .store-page,
  .store-hero,
  .brand-catalog-card,
  .store-card,
  .store-section,
  .catalog-brand-switcher,
  .configurator-hero,
  .config-line-switch,
  .ecosystem-stage,
  .ecosystem-card,
  .configurator-section,
  .option-group,
  .option-card,
  .summary,
  .kit-insight,
  .compatibility-panel,
  .upgrade-guide,
  .advantages,
  .customers,
  .contact,
  .flight-page,
  .flight-hero,
  .flight-card,
  .flight-option-group,
  .flight-product-card,
  .flight-summary,
  .flight-summary-insight,
  .flight-summary-checklist,
  .flight-total-box,
  .flight-detail-copy,
  .flight-detail-card,
  .flight-buy-panel,
  .flight-commercial-blocks,
  .flight-ad-strip,
  .pimax-page,
  .vr-config-page,
  .pimax-hero,
  .pimax-model-card,
  .pimax-proof,
  .pimax-compare,
  .pimax-accessory-grid,
  .pimax-setup,
  .vr-option-group,
  .vr-option-card,
  .vr-summary,
  .product-ad-page,
  .product-ad-copy,
  .product-ad-description,
  .product-ad-panel,
  .product-detail-blocks,
  .product-info,
  .product-final-cta,
  .cart-page,
  .cart-page-panel,
  .checkout-summary
) {
color: var(--readable-text) !important;
}

html:not(.dark-theme) body :where(
  .product-ad-highlights span,
  .flight-detail-highlights span,
  .summary-list div,
  .summary-price-row,
  .summary-compatibility-badges span,
  .compatibility-panel,
  .kit-insight,
  .flight-summary-insight,
  .flight-summary-checklist,
  .vr-summary-list div,
  .pimax-compare div,
  .product-variant-choice,
  .store-card-copy,
  .brand-catalog-card small,
  .catalog-brand-switcher button
) {
color: var(--readable-text) !important;
}

html.dark-theme body :where(
  .product-ad-highlights span,
  .flight-detail-highlights span,
  .summary-list div,
  .summary-price-row,
  .summary-compatibility-badges span,
  .compatibility-panel,
  .kit-insight,
  .flight-summary-insight,
  .flight-summary-checklist,
  .vr-summary-list div,
  .pimax-compare div,
  .product-variant-choice,
  .store-card-copy,
  .brand-catalog-card small,
  .catalog-brand-switcher button
),
body.dark-theme :where(
  .product-ad-highlights span,
  .flight-detail-highlights span,
  .summary-list div,
  .summary-price-row,
  .summary-compatibility-badges span,
  .compatibility-panel,
  .kit-insight,
  .flight-summary-insight,
  .flight-summary-checklist,
  .vr-summary-list div,
  .pimax-compare div,
  .product-variant-choice,
  .store-card-copy,
  .brand-catalog-card small,
  .catalog-brand-switcher button
) {
color: var(--readable-text) !important;
}

html:not(.dark-theme) body :where(.eyebrow, .store-card-copy > span, .brand-catalog-card span, .product-ad-copy .eyebrow, .flight-detail-copy .eyebrow) {
color: var(--accent, #0f8f4f) !important;
}

html.dark-theme body :where(.eyebrow, .store-card-copy > span, .brand-catalog-card span, .product-ad-copy .eyebrow, .flight-detail-copy .eyebrow),
body.dark-theme :where(.eyebrow, .store-card-copy > span, .brand-catalog-card span, .product-ad-copy .eyebrow, .flight-detail-copy .eyebrow) {
color: var(--accent, #1ed47a) !important;
}

html:not(.dark-theme) body.mobile-menu-open :where(.site-header nav, .front-header nav) {
color: #0b0d0b !important;
}

html:not(.dark-theme) body.mobile-menu-open :where(.site-header nav a, .front-header nav a, .mobile-menu-strip a, .mobile-menu-tiles h3, .mobile-menu-tiles p) {
color: #0b0d0b !important;
}

html.dark-theme body.mobile-menu-open :where(.site-header nav, .front-header nav),
body.dark-theme.mobile-menu-open :where(.site-header nav, .front-header nav) {
color: #fffaf0 !important;
}

html.dark-theme body.mobile-menu-open :where(.site-header nav a, .front-header nav a, .mobile-menu-strip a, .mobile-menu-tiles h3, .mobile-menu-tiles p),
body.dark-theme.mobile-menu-open :where(.site-header nav a, .front-header nav a, .mobile-menu-strip a, .mobile-menu-tiles h3, .mobile-menu-tiles p) {
color: #fffaf0 !important;
}

@media (min-width: 981px) {
.speedrace-mobile-whatsapp {
bottom: 100px !important;
    right: 22px !important;
    background: linear-gradient(135deg, #18c96e, #0a8f4a) !important;
    color: #04140a !important;
    box-shadow: 0 18px 42px rgba(10, 143, 74, 0.28) !important;
}
}

@media (min-width: 761px) {
html body .site-header .mobile-menu-toggle,
  html body .front-header .mobile-menu-toggle {
display: none !important;
}
}

@media (max-width: 980px) {
html body header.header-system,
  html body header.front-header {
box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible !important;
}
}

@media (max-width: 980px) {
html body header.header-system .brand,
  html body header.front-header .brand,
  html body header.front-header .front-brand {
min-width: 0 !important;
    max-width: calc(100vw - 170px) !important;
}
}

@media (max-width: 980px) {
html body header.header-system .brand span,
  html body header.front-header .brand span,
  html body header.front-header .front-brand span {
min-width: 0 !important;
}
}

@media (max-width: 980px) {
html body header.header-system .brand strong,
  html body header.header-system .brand small,
  html body header.front-header .brand strong,
  html body header.front-header .brand small,
  html body header.front-header .front-brand strong,
  html body header.front-header .front-brand small {
display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
}

@media (max-width: 980px) {
html body header.header-system > nav,
  html body header.front-header > nav {
color: #12100b !important;
}
}

@media (max-width: 980px) {
html.dark-theme body header.header-system > nav,
  body.dark-theme header.header-system > nav,
  html.dark-theme body header.front-header > nav,
  body.dark-theme header.front-header > nav {
color: #fffaf0 !important;
}
}

@media (max-width: 980px) {
html body header.header-system > nav > a,
  html body header.front-header > nav > a {
color: inherit !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
}

@media (max-width: 980px) {
html body header.header-system .mobile-menu-strip,
  html body header.front-header .mobile-menu-strip {
overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
}
}

@media (max-width: 980px) {
html body header.header-system .mobile-menu-strip::-webkit-scrollbar,
  html body header.front-header .mobile-menu-strip::-webkit-scrollbar {
display: none !important;
}
}

@media (max-width: 980px) {
html body header.header-system .mobile-menu-tile,
  html body header.front-header .mobile-menu-tile {
min-width: 0 !important;
    overflow: hidden !important;
}
}

@media (max-width: 980px) {
html body header.header-system .mobile-menu-tile strong,
  html body header.front-header .mobile-menu-tile strong,
  html body header.header-system .mobile-menu-tile small,
  html body header.front-header .mobile-menu-tile small {
display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
}

@media (max-width: 980px) {
html body header.header-system .site-search.is-open,
  html body header.front-header .site-search.is-open {
position: fixed !important;
    top: 82px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 100010 !important;
    width: auto !important;
    max-width: none !important;
}
}

@media (max-width: 980px) {
html body .site-search-results {
max-height: min(62vh, 520px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-grid {
display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card {
display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 14px !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card .brand-logo-frame {
width: 92px !important;
    min-width: 92px !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 10px !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card .brand-logo-frame img {
max-width: 100% !important;
    max-height: 46px !important;
    object-fit: contain !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card > span,
  html body .brand-catalog-card > strong,
  html body .brand-catalog-card > small,
  html body .brand-catalog-card > p {
grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card strong {
font-size: 1rem !important;
    line-height: 1.12 !important;
}
}

@media (max-width: 760px) {
html body .brand-catalog-card small,
  html body .brand-catalog-card p {
font-size: 0.82rem !important;
    line-height: 1.28 !important;
}
}

body.pimax-vr-store-page .brand-catalog-grid,
body.pimax-vr-store-page .catalog-empty-state,
body.pimax-vr-store-page .catalog-brand-switcher {
display: none !important;
}

body.pimax-vr-store-page .brand-catalog-intro {
max-width: 760px !important;
}

.store-single-brand .brand-catalog-grid,
.store-single-brand .catalog-brand-switcher,
.store-single-brand [data-catalog-empty] {
display: none !important;
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .store-hero {
padding-inline: 14px !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-intro {
margin-inline: auto !important;
    max-width: calc(100vw - 28px) !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid {
display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: calc(100vw - 28px) !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card {
align-content: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 1fr !important;
    min-height: 136px !important;
    padding: 12px !important;
    text-align: center !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-frame,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-frame {
grid-column: 1 !important;
    grid-row: auto !important;
    height: 58px !important;
    justify-self: center !important;
    max-height: 58px !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    width: 100% !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-mode,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-mode {
max-height: 34px !important;
    max-width: 118px !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card span,
  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong,
  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card span,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small {
grid-column: 1 !important;
    text-align: center !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong {
font-size: clamp(15px, 4.4vw, 19px) !important;
}
}

@media (max-width: 760px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small {
display: none !important;
}
}

@media (max-width: 380px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid {
grid-template-columns: 1fr !important;
}
}

@media (max-width: 380px) {
body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card {
min-height: 112px !important;
}
}

.site-universe-switch {
align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(120, 130, 120, 0.2);
  border-radius: 999px;
  display: inline-flex;
  gap: 4px;
  justify-self: end;
  padding: 4px;
  white-space: nowrap;
}

.site-universe-switch a {
align-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--muted, #6b665c);
  display: inline-flex;
  flex-direction: column;
  font-size: 0.72rem;
  font-weight: 950;
  gap: 1px;
  letter-spacing: 0;
  line-height: 1;
  min-width: 72px;
  padding: 9px 12px 8px;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.site-universe-switch a span {
font-size: 0.62rem;
  opacity: 0.72;
  text-transform: uppercase;
}

.site-universe-switch a strong {
font-size: 0.82rem;
}

.site-universe-switch a:hover {
background: rgba(238, 191, 69, 0.14);
  border-color: rgba(238, 191, 69, 0.38);
  color: #15110a;
  transform: translateY(-1px);
}

.site-universe-switch a.is-active {
background: #f1c84b;
  border-color: rgba(0, 0, 0, 0.08);
  color: #10130e;
  box-shadow: 0 10px 26px rgba(238, 191, 69, 0.22);
}

.site-universe-switch a.flight.is-active {
background: #3ea7ff;
  color: #041521;
  box-shadow: 0 10px 26px rgba(62, 167, 255, 0.2);
}

.site-universe-switch a.pimax.is-active {
background: #23d978;
  color: #03150b;
  box-shadow: 0 10px 26px rgba(35, 217, 120, 0.18);
}

html.dark-theme .site-universe-switch,
body.dark-theme .site-universe-switch {
background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.14);
}

html.dark-theme .site-universe-switch a,
body.dark-theme .site-universe-switch a {
color: rgba(248, 246, 237, 0.72);
}

html.dark-theme .site-universe-switch a:hover,
body.dark-theme .site-universe-switch a:hover {
color: #f8f6ed;
}

@media (max-width: 1120px) {
.site-universe-switch {
display: none;
}
}

.mobile-universe-switch {
display: none;
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch {
display: grid;
    gap: 10px;
    margin: 8px 0 18px;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a {
align-items: center;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(10, 20, 14, 0.12);
    border-radius: 16px;
    color: #11140f !important;
    display: grid;
    gap: 3px;
    min-height: 64px;
    padding: 13px 15px;
    text-decoration: none;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a::after,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a::after {
display: none;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a strong,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a strong {
font-size: 1.02rem;
    line-height: 1.05;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a small {
color: #5f665f;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.2;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a.is-active,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a.is-active {
border-color: rgba(35, 217, 120, 0.55);
    box-shadow: inset 4px 0 0 #23d978;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-universe-switch a,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-universe-switch a {
background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.14);
    color: #f8f6ed !important;
}
}

@media (max-width: 760px) {
html.dark-theme body.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-universe-switch a small,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-universe-switch a small {
color: rgba(248, 246, 237, 0.72);
}
}

.site-header,
.front-header {
grid-template-columns: minmax(170px, 250px) minmax(0, 1fr) auto auto !important;
}

.site-header nav,
.front-header nav {
grid-column: 2 !important;
}

.site-universe-switch {
align-self: center !important;
  display: inline-grid !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  grid-template-columns: repeat(3, minmax(74px, 88px)) !important;
  justify-self: end !important;
  margin: 0 !important;
  position: static !important;
  z-index: 3 !important;
}

.header-actions,
.front-actions {
grid-column: 4 !important;
}

.site-universe-logo,
.mobile-universe-logo {
align-items: center !important;
  display: grid !important;
  justify-items: center !important;
}

.site-universe-logo {
height: 24px !important;
  width: 74px !important;
}

.site-universe-logo img {
display: block !important;
  max-height: 24px !important;
  max-width: 74px !important;
  object-fit: contain !important;
}

.site-universe-switch a {
display: grid !important;
  justify-items: center !important;
}

@media (max-width: 1320px) {
.site-header,
  .front-header {
grid-template-columns: minmax(142px, 220px) minmax(0, 1fr) auto auto !important;
}
}

@media (max-width: 1320px) {
.site-universe-switch {
grid-template-columns: repeat(3, 68px) !important;
}
}

@media (max-width: 980px) {
.site-header,
  .front-header {
grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
}
}

@media (max-width: 980px) {
.site-universe-switch {
display: none !important;
}
}

@media (max-width: 980px) {
.header-actions,
  .front-actions {
grid-column: 2 !important;
    grid-row: 1 !important;
}
}

@media (max-width: 980px) {
.site-universe-logo {
height: 20px !important;
    width: 78px !important;
}
}

@media (max-width: 980px) {
.site-universe-logo img {
max-height: 20px !important;
    max-width: 78px !important;
}
}

.site-universe-logo .site-universe-logo-dark,
.mobile-universe-logo .mobile-universe-logo-dark {
display: none !important;
}

html.dark-theme body .site-universe-logo .site-universe-logo-light,
body.dark-theme .site-universe-logo .site-universe-logo-light,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-light,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-light {
display: none !important;
}

html.dark-theme body .site-universe-logo .site-universe-logo-dark,
body.dark-theme .site-universe-logo .site-universe-logo-dark,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-dark,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-dark {
display: block !important;
}

.site-universe-switch {
grid-template-columns: repeat(3, minmax(82px, 94px)) !important;
}

.site-universe-logo {
height: 34px !important;
  width: 56px !important;
}

.site-universe-logo img {
height: auto !important;
  max-height: 34px !important;
  max-width: 56px !important;
  object-fit: contain !important;
}

.site-universe-switch a {
min-height: 62px !important;
  padding: 7px 8px !important;
}

.site-universe-switch a strong {
font-size: 0.72rem !important;
  line-height: 1 !important;
}

.site-header .brand.brand-wide-logo .brand-logo,
.site-header .brand .brand-logo {
object-fit: contain !important;
}

@media (max-width: 1200px) and (min-width: 981px) {
.site-universe-switch {
grid-template-columns: repeat(3, 78px) !important;
}
}

@media (max-width: 1200px) and (min-width: 981px) {
.site-universe-logo {
height: 30px !important;
    width: 52px !important;
}
}

@media (max-width: 1200px) and (min-width: 981px) {
.site-universe-logo img {
max-height: 30px !important;
    max-width: 52px !important;
}
}

@media (max-width: 1200px) and (min-width: 981px) {
.site-universe-switch a {
min-height: 56px !important;
}
}

@media (max-width: 760px) {
.site-universe-logo {
height: 24px !important;
    width: 44px !important;
}
}

@media (max-width: 760px) {
.site-universe-logo img {
max-height: 24px !important;
    max-width: 44px !important;
}
}

@media (max-width: 760px) {
html body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a {
grid-template-columns: 104px minmax(0, 1fr) !important;
}
}

@media (max-width: 760px) {
.mobile-universe-logo {
height: 38px !important;
    width: 96px !important;
}
}

@media (max-width: 760px) {
.mobile-universe-logo img {
max-height: 38px !important;
    max-width: 96px !important;
    object-fit: contain !important;
}
}

@media (min-width: 981px) {
body.pimax-compare-page .site-header {
display: grid !important;
    grid-template-columns: 250px minmax(320px, 1fr) 320px !important;
    grid-template-rows: 34px 62px !important;
    grid-template-areas:
      "brand nav actions"
      "brand switcher actions" !important;
    row-gap: 12px !important;
    min-height: 122px !important;
    padding-bottom: 14px !important;
    padding-top: 12px !important;
}
}

@media (min-width: 981px) {
body.pimax-compare-page .site-header .brand {
grid-area: brand !important;
}
}

@media (min-width: 981px) {
body.pimax-compare-page .site-header nav {
grid-area: nav !important;
    align-self: center !important;
    justify-self: center !important;
}
}

@media (min-width: 981px) {
body.pimax-compare-page .site-header .site-universe-switch {
align-self: center !important;
    grid-area: switcher !important;
    justify-self: center !important;
    margin: 0 !important;
    position: static !important;
}
}

@media (min-width: 981px) {
body.pimax-compare-page .site-header .header-actions,
body.pimax-compare-page .site-header .front-actions {
align-self: center !important;
    grid-area: actions !important;
    grid-row: 1 / 3 !important;
    justify-self: end !important;
}
}

@media (max-width: 980px) {
.site-header > .site-universe-switch,
  .front-header > .site-universe-switch {
display: none !important;
}
}

@media (max-width: 980px) {
body.mobile-menu-open .site-header nav .mobile-universe-switch,
  body.mobile-menu-open .front-header nav .mobile-universe-switch {
display: grid !important;
}
}

@media (max-width: 980px) {
body.flight-site .site-header .brand {
min-width: 0 !important;
}
}

@media (max-width: 980px) {
body.flight-site .site-header .brand span {
max-width: 128px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 980px) {
body.flight-site .site-header .brand small {
max-width: 128px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (min-width: 981px) {
.site-header,
  .front-header,
  body.pimax-compare-page .site-header {
align-items: center !important;
    display: grid !important;
    grid-template-areas:
      "brand search actions"
      "brand nav switcher" !important;
    grid-template-columns: minmax(170px, 240px) minmax(360px, 1fr) minmax(310px, 390px) !important;
    grid-template-rows: 54px 58px !important;
    min-height: 116px !important;
    row-gap: 0 !important;
}
}

@media (min-width: 981px) {
.site-header .brand,
  .front-header .brand,
  body.pimax-compare-page .site-header .brand {
grid-area: brand !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
}
}

@media (min-width: 981px) {
.site-header .site-search,
  .front-header .site-search {
grid-area: search !important;
    justify-self: center !important;
    max-width: 560px !important;
    width: min(560px, 100%) !important;
}
}

@media (min-width: 981px) {
.site-header nav,
  .front-header nav,
  body.pimax-compare-page .site-header nav {
grid-area: nav !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: center !important;
    min-width: 0 !important;
    overflow: visible !important;
    width: auto !important;
}
}

@media (min-width: 981px) {
.site-header .site-universe-switch,
  .front-header .site-universe-switch,
  body.pimax-compare-page .site-header .site-universe-switch {
grid-area: switcher !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
}
}

@media (min-width: 981px) {
.site-header .header-actions,
  .front-header .front-actions,
  .front-header .header-actions,
  body.pimax-compare-page .site-header .header-actions,
  body.pimax-compare-page .site-header .front-actions {
grid-area: actions !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: end !important;
    min-width: 0 !important;
}
}

@media (min-width: 981px) {
html body .site-header,
  html body .front-header,
  html body.pimax-compare-page .site-header {
align-items: center !important;
    column-gap: 22px !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "brand nav nav actions" !important;
    grid-template-columns: minmax(170px, 250px) minmax(390px, 1fr) auto auto !important;
    grid-template-rows: 54px 52px !important;
    min-height: 116px !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    row-gap: 0 !important;
}
}

@media (min-width: 981px) {
html body .site-header .brand,
  html body .front-header .brand,
  html body .front-header .front-brand,
  html body.pimax-compare-page .site-header .brand {
align-self: center !important;
    grid-area: brand !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
}
}

@media (min-width: 981px) {
html body .site-header .site-search,
  html body .front-header .site-search {
align-self: center !important;
    grid-area: search !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 560px !important;
    min-width: 300px !important;
    position: relative !important;
    transform: none !important;
    width: min(560px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header nav,
  html body .front-header nav,
  html body.pimax-compare-page .site-header nav {
align-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(24px, 2.1vw, 40px) !important;
    grid-area: nav !important;
    grid-column: auto !important;
    grid-row: auto !important;
    inset: auto !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding-inline: 20px !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    z-index: 4 !important;
}
}

@media (min-width: 981px) {
html body .site-header nav a,
  html body .front-header nav a,
  html body.pimax-compare-page .site-header nav a {
clip-path: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    min-width: max-content !important;
    overflow: visible !important;
    padding-inline: 0 !important;
    position: relative !important;
    text-align: center !important;
    transform: none !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (min-width: 981px) {
html body .site-header .site-universe-switch,
  html body .front-header .site-universe-switch,
  html body.pimax-compare-page .site-header .site-universe-switch {
align-self: center !important;
    display: inline-grid !important;
    grid-area: switcher !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    z-index: 5 !important;
}
}

@media (min-width: 981px) {
html body .site-header .header-actions,
  html body .front-header .front-actions,
  html body .front-header .header-actions,
  html body.pimax-compare-page .site-header .header-actions,
  html body.pimax-compare-page .site-header .front-actions {
align-self: center !important;
    grid-area: actions !important;
    grid-column: auto !important;
    grid-row: 1 / 3 !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
    z-index: 6 !important;
}
}

@media (max-width: 980px) {
html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch {
display: none !important;
}
}

@media (max-width: 980px) {
body.pimax-site .site-header .brand span,
  body.vr-config-site .site-header .brand span,
  body.pimax-compare-page .site-header .brand span {
max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 980px) {
body.pimax-site .site-header .brand small,
  body.vr-config-site .site-header .brand small,
  body.pimax-compare-page .site-header .brand small {
max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (min-width: 981px) {
html body.store-lite-page .site-header nav a:first-child {
margin-left: 28px !important;
}
}

@media (min-width: 981px) {
html body.store-lite-page .site-header nav {
min-width: 620px !important;
}
}

@media (min-width: 981px) {
html body.pimax-compare-page .site-header {
align-items: center !important;
    display: grid !important;
    grid-template-areas: "brand nav side" !important;
    grid-template-columns: minmax(230px, 300px) minmax(360px, 1fr) minmax(380px, 440px) !important;
    grid-template-rows: 104px !important;
    min-height: 120px !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    position: relative !important;
}
}

@media (min-width: 981px) {
html body.pimax-compare-page .site-header .brand {
grid-area: brand !important;
    justify-self: start !important;
    position: static !important;
}
}

@media (min-width: 981px) {
html body.pimax-compare-page .site-header nav {
align-self: center !important;
    grid-area: nav !important;
    justify-self: center !important;
    max-width: 100% !important;
    padding-inline: 24px !important;
    position: static !important;
    transform: none !important;
}
}

@media (min-width: 981px) {
html body.pimax-compare-page .site-header .header-actions {
align-self: start !important;
    grid-area: side !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
}
}

@media (min-width: 981px) {
html body.pimax-compare-page .site-header .site-universe-switch {
align-self: end !important;
    grid-area: side !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page .store-hero > p,
  html body.store-lite-page .brand-catalog-intro {
box-sizing: border-box !important;
    inline-size: min(320px, calc(100vw - 72px)) !important;
    max-width: min(320px, calc(100vw - 72px)) !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    width: min(320px, calc(100vw - 72px)) !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid {
gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: min(342px, calc(100vw - 48px)) !important;
    overflow: visible !important;
    width: min(342px, calc(100vw - 48px)) !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card {
display: grid !important;
    gap: 8px 12px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    text-align: left !important;
    box-sizing: border-box !important;
    min-height: 118px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 12px 10px !important;
    width: 100% !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-frame {
align-self: center !important;
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    height: 74px !important;
    max-width: 100% !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-mode {
max-height: 34px !important;
    max-width: 112px !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong {
grid-column: 2 !important;
    font-size: 0.78rem !important;
    line-height: 1.05 !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small {
display: block !important;
    font-size: 0.62rem !important;
    grid-column: 2 !important;
    line-height: 1.25 !important;
}
}

@media (max-width: 980px) {
html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card span {
grid-column: 2 !important;
}
}

@media (max-width: 700px) {
html body .site-header,
  html body .front-header {
box-sizing: border-box !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}
}

@media (max-width: 700px) {
html body .site-header > .header-actions > .theme-toggle,
  html body .front-header > .front-actions > .theme-toggle {
display: none !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    justify-content: space-between !important;
    min-height: 72px !important;
    padding-left: 18px !important;
    padding-right: 12px !important;
    position: sticky !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
flex: 0 0 64px !important;
    max-width: 64px !important;
    min-width: 0 !important;
    width: 64px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    max-width: calc(100vw - 94px) !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
display: none !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
flex: 0 0 44px !important;
    margin: 0 !important;
    min-width: 44px !important;
    position: static !important;
    width: 44px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .instagram-action,
  html body .front-header.has-site-search .instagram-action {
flex: 0 0 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    min-width: 44px !important;
    width: 44px !important;
}
}

@media (max-width: 700px) {
html body .site-header .header-actions,
  html body .front-header .front-actions {
gap: 6px !important;
    max-width: calc(100vw - 94px) !important;
    overflow: visible !important;
}
}

@media (max-width: 700px) {
html body .site-header .mobile-menu-toggle,
  html body .front-header .mobile-menu-toggle {
min-width: 74px !important;
    width: 74px !important;
}
}

@media (max-width: 700px) {
html body .site-header .brand,
  html body .front-header .brand,
  html body .front-header .front-brand {
min-width: 0 !important;
    max-width: 174px !important;
}
}

@media (max-width: 700px) {
html body .site-header .brand span,
  html body .front-header .brand span,
  html body .front-header .front-brand span {
display: none !important;
}
}

@media (max-width: 700px) {
html body .site-header .brand strong,
  html body .front-header .brand strong,
  html body .front-header .front-brand strong {
display: block !important;
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 700px) {
html body .site-header .brand small,
  html body .front-header .brand small,
  html body .front-header .front-brand small {
display: block !important;
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 700px) {
html body .mobile-whatsapp {
display: none !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-areas: "brand actions" !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    justify-content: initial !important;
    min-height: 72px !important;
    overflow: visible !important;
    padding: 10px 10px 10px 16px !important;
    position: sticky !important;
    width: 100% !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
align-items: center !important;
    display: flex !important;
    flex: none !important;
    grid-area: brand !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    left: auto !important;
    margin: 0 !important;
    max-width: 62px !important;
    min-width: 0 !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: 62px !important;
    z-index: 8 !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .brand img,
  html body .front-header.has-site-search > .brand img,
  html body .front-header.has-site-search > .front-brand img {
height: 54px !important;
    max-width: 58px !important;
    object-fit: contain !important;
    width: 58px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
align-items: center !important;
    display: flex !important;
    flex: none !important;
    gap: 6px !important;
    grid-area: actions !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: calc(100vw - 94px) !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
    transform: none !important;
    width: auto !important;
    z-index: 9 !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions,
  html body .site-header.has-site-search > .header-actions *,
  html body .front-header.has-site-search > .front-actions * {
box-sizing: border-box !important;
}
}

@media (max-width: 700px) {
html body:not(.mobile-menu-open) .site-header.has-site-search > nav,
  html body:not(.mobile-menu-open) .front-header.has-site-search > nav {
display: none !important;
}
}

@media (max-width: 700px) {
html body.mobile-menu-open .site-header.has-site-search > nav,
  html body.mobile-menu-open .front-header.has-site-search > nav {
display: flex !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle,
  html body .front-header.has-site-search .mobile-menu-toggle {
align-items: center !important;
    border-radius: 999px !important;
    display: inline-grid !important;
    flex: 0 0 74px !important;
    grid-template-columns: 18px auto !important;
    height: 44px !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 74px !important;
    opacity: 1 !important;
    padding: 0 10px !important;
    position: absolute !important;
    right: 10px !important;
    top: 14px !important;
    visibility: visible !important;
    width: 74px !important;
    z-index: 20 !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle b,
  html body .front-header.has-site-search .mobile-menu-toggle b {
display: block !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
    margin: 0 !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle span,
  html body .front-header.has-site-search .mobile-menu-toggle span {
display: block !important;
    height: 2px !important;
    left: 12px !important;
    position: absolute !important;
    width: 16px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(1),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(1) {
top: 14px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(2),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(2) {
top: 21px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(3),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(3) {
top: 28px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .instagram-action,
  html body .front-header.has-site-search .instagram-action,
  html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
flex: 0 0 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    min-width: 42px !important;
    width: 42px !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
left: auto !important;
    position: absolute !important;
    right: 92px !important;
    top: 15px !important;
    transform: none !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .header-actions > .instagram-action,
  html body .front-header.has-site-search > .front-actions > .instagram-action {
display: none !important;
    flex: 0 0 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .header-actions > .theme-toggle,
  html body .front-header.has-site-search > .front-actions > .theme-toggle,
  html body .site-header.has-site-search > .header-actions > .header-action,
  html body .front-header.has-site-search > .front-actions > .front-cta,
  html body .front-header.has-site-search > .front-actions > .header-action {
display: none !important;
    flex: 0 0 0 !important;
    min-width: 0 !important;
    width: 0 !important;
}
}

@media (max-width: 700px) {
html body .mobile-menu-floating {
align-items: center !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
    color: #0b1219 !important;
    display: inline-grid !important;
    grid-template-columns: 18px auto !important;
    height: 44px !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 74px !important;
    padding: 0 10px !important;
    pointer-events: auto !important;
    position: fixed !important;
    right: 64px !important;
    top: 14px !important;
    transform: none !important;
    visibility: visible !important;
    width: 74px !important;
    z-index: 100000 !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .mobile-menu-toggle,
  html body .front-header.has-site-search > .mobile-menu-toggle {
display: none !important;
}
}

@media (max-width: 700px) {
html.dark-theme body .mobile-menu-floating,
  body.dark-theme .mobile-menu-floating {
background: rgba(15, 24, 32, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8fbf7 !important;
}
}

@media (max-width: 700px) {
html body .mobile-menu-floating span {
background: currentColor !important;
    border-radius: 999px !important;
    display: block !important;
    height: 2px !important;
    left: 12px !important;
    position: absolute !important;
    width: 16px !important;
}
}

@media (max-width: 700px) {
html body .mobile-menu-floating span:nth-child(1) {
top: 14px !important;
}
}

@media (max-width: 700px) {
html body .mobile-menu-floating span:nth-child(2) {
top: 21px !important;
}
}

@media (max-width: 700px) {
html body .mobile-menu-floating span:nth-child(3) {
top: 28px !important;
}
}

@media (max-width: 700px) {
html body .mobile-menu-floating b {
display: block !important;
    font-size: 0.76rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding-left: 22px !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
position: sticky !important;
    overflow: visible !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
position: static !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    transform: none !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
display: block !important;
    position: absolute !important;
    inset: 15px 92px auto auto !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 30 !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle,
  html body .front-header.has-site-search .mobile-menu-toggle {
display: inline-grid !important;
    position: absolute !important;
    inset: 14px 10px auto auto !important;
    width: 74px !important;
    min-width: 74px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
    z-index: 40 !important;
}
}

@media (max-width: 700px) {
html body .site-header.has-site-search .mobile-menu-toggle b,
  html body .front-header.has-site-search .mobile-menu-toggle b {
display: block !important;
    padding-left: 22px !important;
}
}

@media (min-width: 981px) {
html body.flight-site .site-header.has-site-search,
  html body.flight-site .front-header.has-site-search,
  html body.pimax-site .site-header.has-site-search,
  html body.pimax-site .front-header.has-site-search {
align-items: center !important;
    column-gap: clamp(18px, 1.8vw, 30px) !important;
    display: grid !important;
    grid-template-areas:
      "brand search actions"
      "brand nav switcher" !important;
    grid-template-columns: minmax(150px, 220px) minmax(360px, 1fr) auto !important;
    grid-template-rows: 54px 52px !important;
    min-height: 118px !important;
    overflow: visible !important;
    padding-bottom: 14px !important;
    padding-top: 14px !important;
    row-gap: 0 !important;
}
}

@media (min-width: 981px) {
html body.flight-site .site-header.has-site-search > .brand,
  html body.flight-site .front-header.has-site-search > .brand,
  html body.flight-site .front-header.has-site-search > .front-brand,
  html body.pimax-site .site-header.has-site-search > .brand,
  html body.pimax-site .front-header.has-site-search > .brand,
  html body.pimax-site .front-header.has-site-search > .front-brand {
grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
}
}

@media (min-width: 981px) {
html body.flight-site .site-header.has-site-search > .site-search,
  html body.flight-site .front-header.has-site-search > .site-search,
  html body.flight-site .site-header.has-site-search > .site-search.is-open,
  html body.flight-site .front-header.has-site-search > .site-search.is-open,
  html body.pimax-site .site-header.has-site-search > .site-search,
  html body.pimax-site .front-header.has-site-search > .site-search,
  html body.pimax-site .site-header.has-site-search > .site-search.is-open,
  html body.pimax-site .front-header.has-site-search > .site-search.is-open {
grid-area: search !important;
    justify-self: stretch !important;
    left: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
}
}

@media (min-width: 981px) {
html body.flight-site .site-header.has-site-search > nav,
  html body.flight-site .front-header.has-site-search > nav,
  html body.pimax-site .site-header.has-site-search > nav,
  html body.pimax-site .front-header.has-site-search > nav {
background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    left: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-inline: 0 !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
}
}

@media (min-width: 981px) {
html body.flight-site .site-header.has-site-search > .site-universe-switch,
  html body.flight-site .front-header.has-site-search > .site-universe-switch,
  html body.pimax-site .site-header.has-site-search > .site-universe-switch,
  html body.pimax-site .front-header.has-site-search > .site-universe-switch {
grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 308px !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
    width: 308px !important;
    z-index: 3 !important;
}
}

@media (min-width: 981px) {
html body.flight-site .site-header.has-site-search > .header-actions,
  html body.flight-site .front-header.has-site-search > .front-actions,
  html body.pimax-site .site-header.has-site-search > .header-actions,
  html body.pimax-site .front-header.has-site-search > .front-actions {
grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
}
}

@media (min-width: 1680px) {
html body.flight-site .site-header.has-site-search,
  html body.flight-site .front-header.has-site-search,
  html body.pimax-site .site-header.has-site-search,
  html body.pimax-site .front-header.has-site-search {
grid-template-areas: "brand search nav switcher actions" !important;
    grid-template-columns: minmax(150px, 210px) minmax(300px, 360px) minmax(420px, 1fr) minmax(260px, auto) auto !important;
    grid-template-rows: auto !important;
    min-height: 88px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
}

@media (min-width: 1680px) {
html body.flight-site .site-header.has-site-search > .site-universe-switch,
  html body.flight-site .front-header.has-site-search > .site-universe-switch,
  html body.pimax-site .site-header.has-site-search > .site-universe-switch,
  html body.pimax-site .front-header.has-site-search > .site-universe-switch {
justify-self: end !important;
}
}

html body .site-universe-switch {
align-items: stretch !important;
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(20, 30, 40, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(13, 18, 24, 0.12) !important;
  display: grid !important;
  gap: 5px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 5px !important;
}

html.dark-theme body .site-universe-switch,
body.dark-theme .site-universe-switch {
background: rgba(8, 13, 18, 0.76) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

html body .site-universe-switch a {
align-items: center !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: var(--text, #11130f) !important;
  display: grid !important;
  gap: 3px !important;
  grid-template-rows: 24px auto !important;
  justify-items: center !important;
  min-height: 54px !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

html.dark-theme body .site-universe-switch a,
body.dark-theme .site-universe-switch a {
color: #f8fbf7 !important;
}

html body .site-universe-switch a:hover,
html body .site-universe-switch a:focus-visible,
html body .site-universe-switch a.is-active {
background: linear-gradient(135deg, rgba(23, 207, 116, 0.22), rgba(248, 208, 0, 0.34)) !important;
  border-color: rgba(23, 207, 116, 0.42) !important;
  box-shadow: 0 12px 26px rgba(7, 120, 67, 0.14) !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}

html body.flight-site .site-universe-switch a:hover,
html body.flight-site .site-universe-switch a:focus-visible,
html body.flight-site .site-universe-switch a.is-active {
background: linear-gradient(135deg, rgba(40, 157, 255, 0.24), rgba(248, 208, 0, 0.28)) !important;
  border-color: rgba(40, 157, 255, 0.38) !important;
}

html body.pimax-site .site-universe-switch a:hover,
html body.pimax-site .site-universe-switch a:focus-visible,
html body.pimax-site .site-universe-switch a.is-active {
background: linear-gradient(135deg, rgba(23, 207, 116, 0.26), rgba(248, 208, 0, 0.24)) !important;
  border-color: rgba(23, 207, 116, 0.46) !important;
}

html:not(.dark-theme) body.pimax-site .site-universe-switch a.pimax.is-active strong,
html:not(.dark-theme) body.pimax-compare-page .site-universe-switch a.pimax.is-active strong {
color: #11130f !important;
}

html.dark-theme body.pimax-site .site-universe-switch a.pimax.is-active strong,
body.dark-theme.pimax-site .site-universe-switch a.pimax.is-active strong,
html.dark-theme body.pimax-compare-page .site-universe-switch a.pimax.is-active strong,
body.dark-theme.pimax-compare-page .site-universe-switch a.pimax.is-active strong {
color: #ffffff !important;
}

html body .site-universe-logo {
align-items: center !important;
  display: grid !important;
  height: 24px !important;
  justify-items: center !important;
  min-width: 0 !important;
  width: 58px !important;
}

html body .site-universe-logo img {
display: block !important;
  height: 24px !important;
  max-width: 58px !important;
  object-fit: contain !important;
  width: 58px !important;
}

html body .site-universe-switch a strong {
color: inherit !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  text-align: center !important;
}

@media (max-width: 700px) {
html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
display: none !important;
}
}

@media (min-width: 1281px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
align-items: center !important;
    box-sizing: border-box !important;
    column-gap: 18px !important;
    display: grid !important;
    grid-template-areas: "brand search nav switcher actions" !important;
    grid-template-columns: minmax(210px, 250px) 330px minmax(430px, 1fr) 204px auto !important;
    grid-template-rows: 1fr !important;
    min-height: 88px !important;
    overflow: visible !important;
    padding: 10px clamp(22px, 2.5vw, 54px) !important;
    width: 100% !important;
}
}

@media (min-width: 1281px) {
html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
}
}

@media (min-width: 1281px) {
html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
grid-area: search !important;
    justify-self: start !important;
    left: auto !important;
    margin: 0 !important;
    max-width: 330px !important;
    min-width: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 330px !important;
}
}

@media (min-width: 1281px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    gap: clamp(12px, 0.85vw, 22px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
}
}

@media (min-width: 1281px) {
html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
flex: 0 0 auto !important;
    font-size: clamp(13px, 0.72vw, 15px) !important;
    min-height: 34px !important;
    padding: 8px 7px !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (min-width: 1281px) {
html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
display: grid !important;
    grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 204px !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: 204px !important;
}
}

@media (min-width: 1281px) {
html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (max-width: 1480px) and (min-width: 981px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(190px, 240px) 320px 204px auto !important;
    grid-template-rows: 50px 38px !important;
    min-height: 108px !important;
}
}

@media (max-width: 1480px) and (min-width: 981px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
justify-self: center !important;
    max-width: min(760px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
align-items: center !important;
    box-sizing: border-box !important;
    column-gap: clamp(12px, 1.1vw, 22px) !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(230px, 280px) minmax(280px, 420px) 244px minmax(320px, auto) !important;
    grid-template-rows: 52px 38px !important;
    min-height: 112px !important;
    overflow: visible !important;
    padding: 10px clamp(20px, 2.4vw, 48px) !important;
    width: 100% !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
grid-area: search !important;
    justify-self: start !important;
    left: auto !important;
    margin: 0 !important;
    max-width: 420px !important;
    min-width: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(420px, 100%) !important;
    z-index: 2 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
max-width: 420px !important;
    width: 100% !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    gap: clamp(16px, 1.2vw, 28px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    z-index: 2 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
flex: 0 0 auto !important;
    font-size: clamp(13px, 0.72vw, 15px) !important;
    min-height: 34px !important;
    padding: 8px clamp(8px, 0.62vw, 12px) !important;
    white-space: normal !important;
  text-align: center !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 244px !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: 244px !important;
    z-index: 4 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    white-space: normal !important;
  text-align: center !important;
    z-index: 5 !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
column-gap: 12px !important;
    grid-template-columns: minmax(190px, 240px) 340px 204px minmax(320px, auto) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
max-width: 340px !important;
    width: 340px !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
gap: 14px !important;
    justify-content: center !important;
    padding-right: 0 !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
font-size: 13px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
max-width: 204px !important;
    width: 204px !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search > .site-universe-switch a,
  html body .front-header.has-site-search > .site-universe-switch a {
min-height: 56px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search > .site-universe-switch .site-universe-logo,
  html body .front-header.has-site-search > .site-universe-switch .site-universe-logo {
height: 24px !important;
    width: 44px !important;
}
}

@media (max-width: 1900px) and (min-width: 981px) {
html body .site-header.has-site-search > .site-universe-switch .site-universe-logo img,
  html body .front-header.has-site-search > .site-universe-switch .site-universe-logo img {
max-height: 24px !important;
    max-width: 44px !important;
}
}

@media (max-width: 1180px) and (min-width: 981px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
grid-template-areas:
      "brand search actions"
      "nav nav nav" !important;
    grid-template-columns: minmax(210px, 280px) minmax(300px, 1fr) auto !important;
    grid-template-rows: 50px 40px !important;
    min-height: 104px !important;
}
}

@media (max-width: 1180px) and (min-width: 981px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
justify-content: center !important;
    justify-self: center !important;
    max-width: min(780px, 100%) !important;
    padding: 0 !important;
}
}

@media (max-width: 1180px) and (min-width: 981px) {
html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
display: none !important;
}
}

body.flight-store-page .brand-catalog-grid,
body.flight-store-page .catalog-empty-state,
body.flight-store-page .catalog-brand-switcher {
display: none !important;
}

body.flight-store-page .brand-catalog-intro {
max-width: 760px !important;
}

@media (min-width: 981px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(210px, 270px) minmax(300px, 430px) minmax(190px, 230px) minmax(260px, max-content) !important;
    grid-template-rows: auto auto !important;
    min-height: 108px !important;
    overflow: visible !important;
    padding: 14px clamp(18px, 2.4vw, 42px) 12px !important;
    row-gap: 10px !important;
    width: 100% !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
grid-area: brand !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 4 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
grid-area: search !important;
    justify-self: start !important;
    max-width: 430px !important;
    min-width: 0 !important;
    position: relative !important;
    width: min(430px, 100%) !important;
    z-index: 5 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
max-width: 430px !important;
    width: 100% !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 230px !important;
    position: relative !important;
    width: 230px !important;
    z-index: 6 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 6 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(18px, 2.5vw, 42px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 980px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: min(980px, 100%) !important;
    z-index: 3 !important;
}
}

@media (min-width: 981px) {
html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
flex: 0 0 auto !important;
    line-height: 1 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}
}

@media (max-width: 1360px) and (min-width: 981px) {
html body .site-header.has-site-search,
  html body .front-header.has-site-search {
grid-template-columns: minmax(190px, 250px) minmax(260px, 360px) minmax(178px, 210px) minmax(220px, max-content) !important;
}
}

@media (max-width: 1360px) and (min-width: 981px) {
html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
max-width: 360px !important;
}
}

@media (max-width: 1360px) and (min-width: 981px) {
html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
gap: 20px !important;
}
}

@media (min-width: 981px) {
html body .site-header,
  html body .front-header {
display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(210px, 270px) minmax(300px, 430px) minmax(190px, 230px) minmax(260px, max-content) !important;
    grid-template-rows: auto auto !important;
    min-height: 108px !important;
    overflow: visible !important;
    row-gap: 10px !important;
}
}

@media (min-width: 981px) {
html body .site-header > .brand,
  html body .front-header > .brand,
  html body .front-header > .front-brand {
grid-area: brand !important;
    justify-self: start !important;
}
}

@media (min-width: 981px) {
html body .site-header > .site-search,
  html body .front-header > .site-search {
grid-area: search !important;
    justify-self: start !important;
    max-width: 430px !important;
    width: min(430px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header > .site-search .site-search-field,
  html body .front-header > .site-search .site-search-field {
width: 100% !important;
}
}

@media (min-width: 981px) {
html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch {
grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 230px !important;
    width: 230px !important;
}
}

@media (min-width: 981px) {
html body .site-header > .header-actions,
  html body .front-header > .front-actions {
grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
}
}

@media (min-width: 981px) {
html body .site-header > nav,
  html body .front-header > nav {
grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    max-width: 980px !important;
    overflow: hidden !important;
    width: min(980px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header,
  html body .front-header,
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
align-items: center !important;
    box-sizing: border-box !important;
    column-gap: clamp(18px, 2vw, 34px) !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(205px, 250px) minmax(260px, 380px) minmax(178px, 220px) max-content !important;
    grid-template-rows: 44px 24px !important;
    min-height: 84px !important;
    overflow: visible !important;
    padding: 8px clamp(20px, 2.5vw, 46px) !important;
    row-gap: 4px !important;
}
}

@media (min-width: 981px) {
html body .site-header > .brand,
  html body .front-header > .brand,
  html body .front-header > .front-brand,
  html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
}
}

@media (min-width: 981px) {
html body .site-header .brand-logo,
  html body .front-header .brand-logo,
  html body .front-header .front-logo {
max-height: 44px !important;
}
}

@media (min-width: 981px) {
html body .site-header > .site-search,
  html body .front-header > .site-search,
  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
grid-area: search !important;
    justify-self: start !important;
    max-width: 380px !important;
    min-width: 0 !important;
    width: min(380px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header > .site-search .site-search-field,
  html body .front-header > .site-search .site-search-field,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
height: 42px !important;
    min-height: 42px !important;
    width: 100% !important;
}
}

@media (min-width: 981px) {
html body .site-header > nav,
  html body .front-header > nav,
  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(18px, 2.1vw, 34px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    max-width: min(980px, 100%) !important;
    min-height: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: min(980px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header > nav a,
  html body .front-header > nav a,
  html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
align-items: center !important;
    display: inline-flex !important;
    font-size: 14px !important;
    line-height: 1 !important;
    min-height: 24px !important;
    padding: 4px 0 !important;
    white-space: nowrap !important;
}
}

@media (min-width: 981px) {
html body .site-header > nav a[href*="kits-prontos"],
  html body .front-header > nav a[href*="kits-prontos"],
  html body .site-header > nav a[href*="kits-voo"],
  html body .front-header > nav a[href*="kits-voo"] {
font-size: 14px !important;
    min-height: 24px !important;
    padding: 4px 10px !important;
}
}

@media (min-width: 981px) {
html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch,
  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 220px !important;
    width: 220px !important;
}
}

@media (min-width: 981px) {
html body .site-universe-switch a {
min-height: 38px !important;
    padding: 5px 9px !important;
}
}

@media (min-width: 981px) {
html body .site-universe-switch .site-universe-logo {
height: 20px !important;
}
}

@media (min-width: 981px) {
html body .site-header > .header-actions,
  html body .front-header > .front-actions,
  html body .front-header > .header-actions,
  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions,
  html body .front-header.has-site-search > .header-actions {
align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
}
}

@media (min-width: 981px) and (max-width: 1380px) {
html body .site-header,
  html body .front-header,
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
column-gap: 16px !important;
    grid-template-columns: minmax(185px, 220px) minmax(220px, 310px) minmax(162px, 190px) max-content !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}
}

@media (min-width: 981px) and (max-width: 1380px) {
html body .site-header > .site-search,
  html body .front-header > .site-search,
  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
max-width: 310px !important;
    width: min(310px, 100%) !important;
}
}

@media (min-width: 981px) and (max-width: 1380px) {
html body .site-header > nav,
  html body .front-header > nav,
  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
gap: 18px !important;
    max-width: 760px !important;
}
}

@media (min-width: 981px) and (max-width: 1380px) {
html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch,
  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
max-width: 190px !important;
    width: 190px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system,
  html body .front-header.header-system,
  html body .site-header.header-system.has-site-search,
  html body .front-header.header-system.has-site-search {
display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(190px, 250px) minmax(260px, 380px) 220px max-content !important;
    grid-template-rows: 56px 32px !important;
    min-height: 112px !important;
    overflow: visible !important;
    padding: 12px clamp(24px, 2vw, 44px) 14px !important;
    row-gap: 10px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > .brand,
  html body .front-header.header-system > .front-brand,
  html body .front-header.header-system > .brand {
grid-area: brand !important;
    max-width: 250px !important;
    min-width: 0 !important;
    width: 100% !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > .site-search,
  html body .front-header.header-system > .site-search {
grid-area: search !important;
    justify-self: start !important;
    max-width: 380px !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
    width: min(380px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > nav,
  html body .front-header.header-system > nav {
grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    max-width: 1040px !important;
    min-height: 32px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: min(1040px, 100%) !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > .site-universe-switch,
  html body .front-header.header-system > .site-universe-switch {
grid-area: switcher !important;
    justify-self: end !important;
    max-width: 220px !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: 220px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > .header-actions,
  html body .front-header.header-system > .front-actions,
  html body .front-header.header-system > .header-actions {
grid-area: actions !important;
    justify-self: end !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system nav .mobile-universe-switch,
  html body .front-header.header-system nav .mobile-universe-switch,
  html body .site-header.header-system nav .mobile-menu-strip,
  html body .front-header.header-system nav .mobile-menu-strip {
display: none !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > nav > a,
  html body .front-header.header-system > nav > a {
font-size: 14px !important;
    min-height: 26px !important;
    padding: 5px 8px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > nav > a[href*="kits-prontos"],
  html body .front-header.header-system > nav > a[href*="kits-prontos"],
  html body .site-header.header-system > nav > a[href*="kits-voo"],
  html body .front-header.header-system > nav > a[href*="kits-voo"] {
align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 14px !important;
    line-height: 1 !important;
    min-height: 26px !important;
    padding: 5px 9px !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > nav > a[href*="kits-prontos"],
  html body .front-header.header-system > nav > a[href*="kits-prontos"] {
background: rgba(255, 203, 44, 0.18) !important;
    border: 1px solid rgba(255, 203, 44, 0.42) !important;
    color: #2a2100 !important;
}
}

@media (min-width: 981px) {
html body .site-header.header-system > nav > a[href*="kits-voo"],
  html body .front-header.header-system > nav > a[href*="kits-voo"] {
background: rgba(35, 139, 255, 0.15) !important;
    border: 1px solid rgba(35, 139, 255, 0.36) !important;
    color: #073b78 !important;
}
}

@media (min-width: 981px) {
html.dark-theme body .site-header.header-system > nav > a[href*="kits-prontos"],
  body.dark-theme .site-header.header-system > nav > a[href*="kits-prontos"],
  html.dark-theme body .front-header.header-system > nav > a[href*="kits-prontos"],
  body.dark-theme .front-header.header-system > nav > a[href*="kits-prontos"] {
background: rgba(255, 203, 44, 0.14) !important;
    border-color: rgba(255, 203, 44, 0.38) !important;
    color: #ffe58a !important;
}
}

@media (min-width: 981px) {
html.dark-theme body .site-header.header-system > nav > a[href*="kits-voo"],
  body.dark-theme .site-header.header-system > nav > a[href*="kits-voo"],
  html.dark-theme body .front-header.header-system > nav > a[href*="kits-voo"],
  body.dark-theme .front-header.header-system > nav > a[href*="kits-voo"] {
background: rgba(35, 139, 255, 0.18) !important;
    border-color: rgba(35, 139, 255, 0.42) !important;
    color: #bfe0ff !important;
}
}

@media (min-width: 981px) {
html body.ready-race-page header.header-system {
display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(190px, 230px) minmax(260px, 380px) 220px max-content !important;
    grid-template-rows: 56px 32px !important;
    column-gap: 18px !important;
    row-gap: 10px !important;
    align-items: center !important;
    min-height: 112px !important;
    padding: 14px 48px 12px !important;
}
}

@media (min-width: 981px) {
html body.ready-race-page header.header-system .brand {
grid-area: brand !important;
    min-width: 0 !important;
}
}

@media (min-width: 981px) {
html body.ready-race-page header.header-system .site-search {
grid-area: search !important;
    width: 100% !important;
    max-width: 380px !important;
    justify-self: start !important;
}
}

@media (min-width: 981px) {
html body.ready-race-page header.header-system .site-universe-switch {
grid-area: switcher !important;
    width: 220px !important;
    justify-self: center !important;
}
}

@media (min-width: 981px) {
html body.ready-race-page header.header-system .header-actions {
grid-area: actions !important;
    justify-self: end !important;
    min-width: 0 !important;
}
}

@media (max-width: 760px) {
body {
padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
}
}