/* Birebir ilham site mantığı: giriş sonrası wallet + Einzahlung + Meine Wetten + profil menüsü */
.desktop-header.sw-ref-header [hidden],
.mobile-topbar.sw-ref-mobile-header [hidden],
[data-auth-guest][hidden],
[data-auth-user][hidden] {
  display: none !important;
}


body.is-authenticated .sw-ref-actions[data-auth-guest],
body.is-authenticated .mobile-register-card[data-auth-guest],
body.is-authenticated .side-card[data-auth-guest],
body.is-authenticated .sw-ref-mobile-login[data-auth-guest] {
  display: none !important;
}

.desktop-header.sw-ref-header .sw-account-bar {
  height: 55px !important;
  display: grid !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 0 !important;
  min-width: 0 !important;
  color: #ffffff !important;
  font-family: 'Roboto Condensed', Arial, sans-serif !important;
}

.sw-wallet-box {
  height: 36px !important;
  min-width: 146px !important;
  max-width: 190px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #ffed00 !important;
  color: #003544 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding: 0 0 0 7px !important;
  margin-right: 10px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
}

.sw-wallet-icon,
.sw-wallet-change,
.sw-mobile-wallet-icon,
.sw-mobile-wallet-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.sw-wallet-icon svg {
  width: 19px !important;
  height: 19px !important;
  fill: currentColor !important;
}

.sw-wallet-balance {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #003544 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.sw-wallet-change {
  width: 30px !important;
  height: 36px !important;
  border-radius: 0 3px 3px 0 !important;
  background: #003544 !important;
  color: #ffed00 !important;
}

.sw-wallet-change svg {
  width: 17px !important;
  height: 17px !important;
  fill: currentColor !important;
}

.sw-user-btn {
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
  margin-left: 15px !important;
  border-radius: 3px !important;
  border: 0 !important;
  background: #005374 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.sw-user-btn-accent {
  background: #ffed00 !important;
  color: #003544 !important;
  border: 1px solid #fff9af !important;
}

.sw-account-menu-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 15px !important;
}

.sw-profile-btn,
.sw-mobile-profile-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid #fff9af !important;
  background: #ffed00 !important;
  color: #003544 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.sw-profile-btn svg,
.sw-mobile-profile-btn svg {
  width: 24px !important;
  height: 24px !important;
  fill: currentColor !important;
}

.sw-account-menu {
  position: absolute !important;
  top: calc(100% + 13px) !important;
  right: 0 !important;
  width: 270px !important;
  z-index: 100000 !important;
  background: #003544 !important;
  color: #ffffff !important;
  border: 1px solid rgba(91, 179, 205, 0.45) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.38) !important;
  box-sizing: border-box !important;
}

.sw-account-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -10px !important;
  right: 8px !important;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid #003544 !important;
}

.sw-account-menu-head {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 20px 20px 16px !important;
  background: #009cbc !important;
  color: #ffffff !important;
}

.sw-account-avatar {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #ffed00 !important;
  color: #003544 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sw-account-avatar svg {
  width: 17px !important;
  height: 17px !important;
  fill: currentColor !important;
}

.sw-account-menu-head strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.sw-account-menu-links {
  display: grid !important;
  padding: 18px 40px 22px !important;
  background: #003544 !important;
}

.sw-account-menu-links a,
.sw-account-menu-links button {
  display: block !important;
  width: 100% !important;
  padding: 10px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font: 900 14px/1.1 'Roboto Condensed', Arial, sans-serif !important;
  cursor: pointer !important;
}

.sw-account-menu-links a:hover,
.sw-account-menu-links button:hover {
  color: #ffed00 !important;
}

.sw-account-menu-links button[data-auth-logout] {
  color: #ffffff !important;
  margin-top: 12px !important;
}

body.is-account-menu-open::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 99998;
  background: transparent;
  pointer-events: none;
}

body.is-authenticated .bet-submit[data-bet-submit] {
  text-transform: uppercase !important;
}

@media (max-width: 900px) {
  body.is-authenticated .mobile-topbar.sw-ref-mobile-header {
    overflow: visible !important;
  }

  .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar {
    margin-left: auto !important;
    margin-right: 10px !important;
    height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;
    max-width: none !important;
    width: auto !important;
    color: #ffffff !important;
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
    position: relative !important;
  }

  .sw-mobile-wallet {
    height: 24px !important;
    min-width: 112px !important;
    max-width: 132px !important;
    border: 0 !important;
    border-radius: 50px !important;
    background: #ffed00 !important;
    color: #003544 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    padding: 0 0 0 7px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  .sw-mobile-wallet-icon svg {
    width: 15px !important;
    height: 15px !important;
    fill: currentColor !important;
  }

  .sw-mobile-wallet strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #003544 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .sw-mobile-wallet-arrow {
    width: 24px !important;
    height: 24px !important;
    border-radius: 0 50px 50px 0 !important;
    background: #003544 !important;
    color: #ffed00 !important;
  }

  .sw-mobile-wallet-arrow svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
  }

  .sw-mobile-profile-btn {
    width: 24px !important;
    height: 24px !important;
    padding: 3px !important;
  }

  .sw-mobile-profile-btn svg {
    width: 16px !important;
    height: 16px !important;
  }

  .sw-mobile-account-menu {
    position: fixed !important;
    top: 55px !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: min(315px, 88vw) !important;
    max-height: calc(100dvh - 70px) !important;
    overflow-y: auto !important;
    z-index: 100000 !important;
  }

  .sw-mobile-account-menu::before {
    right: 20px !important;
  }

  .sw-account-menu-links {
    padding: 16px 30px 20px !important;
  }
}

@media (max-width: 420px) {
  .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar {
    margin-right: 8px !important;
    gap: 7px !important;
  }

  .sw-mobile-wallet {
    min-width: 98px !important;
    max-width: 112px !important;
  }

  .sw-mobile-wallet strong {
    font-size: 10px !important;
  }
}

/* 2026-05-13: Ilham site header düzeltmesi - mevcut oyun/sayfa kodlarına dokunmadan */
.desktop-header.sw-ref-header {
  display: flex !important;
  height: 60px !important;
  min-height: 60px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background: #009cbc !important;
  color: #ffffff !important;
  align-items: center !important;
}

.desktop-header.sw-ref-header .sw-ref-left,
.desktop-header.sw-ref-header .sw-ref-center,
.desktop-header.sw-ref-header .sw-ref-right {
  min-width: 0 !important;
}

.desktop-header.sw-ref-header .sw-ref-left-flow {
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
  min-width: 0 !important;
}

.desktop-header.sw-ref-header .sw-ref-logo {
  width: 172px !important;
  min-width: 172px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.desktop-header.sw-ref-header .sw-ref-logo img {
  width: 172px !important;
  max-width: 172px !important;
  height: auto !important;
  display: block !important;
}

.desktop-header.sw-ref-header .sw-ref-age {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: flex !important;
  align-items: center !important;
}

.desktop-header.sw-ref-header .sw-ref-age img {
  width: 36px !important;
  height: 36px !important;
}

.desktop-header.sw-ref-header .sw-ref-nav {
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  gap: 30px !important;
  white-space: nowrap !important;
}

.desktop-header.sw-ref-header .sw-ref-nav-link {
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  border-bottom: 3px solid transparent !important;
  color: #ffffff !important;
  font: 900 20px/1 'Roboto Condensed', Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.desktop-header.sw-ref-header .sw-ref-nav-link.active {
  border-bottom-color: #ffffff !important;
}

.desktop-header.sw-ref-header .sw-ref-right {
  height: 60px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  overflow: visible !important;
}

@media (min-width: 1280px) {
  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) .sw-ref-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    min-width: 112px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    font: 900 15px/1 "Roboto Condensed", Arial, sans-serif !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) .sw-ref-register {
    background: #ffdf00 !important;
    color: #00384e !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) .sw-ref-login {
    background: #00415a !important;
    color: #ffffff !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) .sw-ref-btn:hover,
  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) .sw-ref-btn:focus-visible {
    filter: brightness(.96) !important;
    outline: 2px solid rgba(255,255,255,.55) !important;
    outline-offset: 2px !important;
  }
}

.desktop-header.sw-ref-header .sw-account-bar {
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 11px !important;
  color: #ffffff !important;
  min-width: 0 !important;
}

.desktop-header.sw-ref-header .sw-wallet-box {
  height: 36px !important;
  min-width: 112px !important;
  width: auto !important;
  max-width: 150px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #004560 !important;
  display: grid !important;
  grid-template-columns: 32px minmax(55px, 1fr) 30px !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.desktop-header.sw-ref-header .sw-wallet-icon {
  width: 32px !important;
  height: 36px !important;
  color: #004560 !important;
}

.desktop-header.sw-ref-header .sw-wallet-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

.desktop-header.sw-ref-header .sw-wallet-balance {
  color: #004560 !important;
  font: 900 14px/1 'Roboto Condensed', Arial, sans-serif !important;
  text-align: right !important;
  padding: 0 8px 0 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.desktop-header.sw-ref-header .sw-wallet-change {
  width: 30px !important;
  height: 36px !important;
  border-radius: 0 3px 3px 0 !important;
  background: #005374 !important;
  color: #ffffff !important;
}

.desktop-header.sw-ref-header .sw-wallet-change svg {
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
}

.desktop-header.sw-ref-header .sw-user-btn {
  height: 36px !important;
  min-width: 126px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 3px !important;
  background: #005374 !important;
  color: #ffffff !important;
  font: 900 15px/36px 'Roboto Condensed', Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.desktop-header.sw-ref-header .sw-user-btn-accent {
  background: #ffed00 !important;
  color: #004560 !important;
  border: 0 !important;
}

.desktop-header.sw-ref-header .sw-account-menu-wrap {
  margin: 0 !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.desktop-header.sw-ref-header .sw-profile-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: #ffed00 !important;
  color: #004560 !important;
  padding: 6px !important;
}

.desktop-header.sw-ref-header .sw-profile-btn svg {
  width: 24px !important;
  height: 24px !important;
  fill: currentColor !important;
}

@media (max-width: 1200px) {
  .desktop-header.sw-ref-header .sw-ref-left-flow { gap: 18px !important; }
  .desktop-header.sw-ref-header .sw-ref-logo,
  .desktop-header.sw-ref-header .sw-ref-logo img { width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
  .desktop-header.sw-ref-header .sw-ref-nav { gap: 20px !important; }
  .desktop-header.sw-ref-header .sw-ref-nav-link { font-size: 18px !important; }
  .desktop-header.sw-ref-header .sw-user-btn { min-width: 116px !important; padding: 0 14px !important; }
}

@media (max-width: 900px) {
  body .desktop-header.sw-ref-header {
    display: none !important;
  }

  body .mobile-topbar.sw-ref-mobile-header {
    display: flex !important;
    height: 41px !important;
    min-height: 41px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    background: #009cbc !important;
    color: #ffffff !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: visible !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-left {
    height: 41px !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo {
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 41px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img {
    width: 122px !important;
    max-width: 122px !important;
    height: auto !important;
    display: block !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-ref-age {
    display: none !important;
  }

  body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar {
    height: 41px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    max-width: 178px !important;
    position: relative !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    height: 24px !important;
    min-width: 95px !important;
    max-width: 118px !important;
    width: auto !important;
    padding: 0 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    color: #004560 !important;
    display: grid !important;
    grid-template-columns: 23px minmax(45px, 1fr) 23px !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-icon {
    width: 23px !important;
    height: 24px !important;
    color: #004560 !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-icon svg {
    width: 13px !important;
    height: 13px !important;
    fill: currentColor !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong {
    color: #004560 !important;
    font: 900 10px/1 'Roboto Condensed', Arial, sans-serif !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: right !important;
    padding-right: 4px !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-arrow {
    width: 23px !important;
    height: 24px !important;
    border-radius: 0 3px 3px 0 !important;
    background: #005374 !important;
    color: #ffffff !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-arrow svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 50% !important;
    border: 0 !important;
    background: #ffed00 !important;
    color: #004560 !important;
    padding: 3px !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-login[data-auth-guest] {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #ffed00 !important;
    color: #004560 !important;
  }

  .sw-mobile-account-menu {
    top: 45px !important;
    right: 6px !important;
    width: min(300px, calc(100vw - 12px)) !important;
    max-height: calc(100dvh - 56px) !important;
  }
}

@media (max-width: 360px) {
  body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo,
  body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
  }

  body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar {
    max-width: 160px !important;
    gap: 4px !important;
  }

  body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    min-width: 86px !important;
    max-width: 104px !important;
    grid-template-columns: 20px minmax(40px, 1fr) 21px !important;
  }
}

/* 2026-05-13: İlham siteye göre hesap paneli - sağ drawer, birebir menü düzeni */
.desktop-header.sw-ref-header {
  overflow: visible !important;
}

.desktop-header.sw-ref-header .sw-ref-left {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.desktop-header.sw-ref-header .sw-ref-center {
  display: none !important;
}

.desktop-header.sw-ref-header .sw-ref-right {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.desktop-header.sw-ref-header .sw-ref-left-flow {
  width: 100% !important;
  min-width: 0 !important;
  gap: 24px !important;
}

.desktop-header.sw-ref-header .sw-ref-nav {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  gap: 28px !important;
}

.desktop-header.sw-ref-header .sw-ref-nav-link {
  font-size: 19px !important;
  white-space: nowrap !important;
}

.desktop-header.sw-ref-header .sw-account-bar {
  gap: 10px !important;
}

.desktop-header.sw-ref-header .sw-account-menu-wrap,
.mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar {
  position: static !important;
}

.sw-account-menu {
  position: fixed !important;
  top: 60px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 255px !important;
  max-width: 255px !important;
  max-height: none !important;
  overflow-y: auto !important;
  z-index: 100000 !important;
  border: 0 !important;
  border-left: 1px solid rgba(91, 179, 205, 0.32) !important;
  box-shadow: -8px 0 22px rgba(0, 0, 0, 0.28) !important;
  background: #00455b !important;
  color: #ffffff !important;
  font-family: 'Roboto Condensed', Arial, sans-serif !important;
  transform: none !important;
}

.sw-account-menu::before {
  display: none !important;
}

.sw-account-menu-close {
  position: absolute !important;
  top: 12px !important;
  right: 16px !important;
  z-index: 2 !important;
  width: 22px !important;
  height: 22px !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font: 400 22px/20px Arial, sans-serif !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.sw-account-menu-head {
  display: none !important;
}

.sw-account-menu-links {
  display: grid !important;
  gap: 11px !important;
  padding: 54px 28px 22px !important;
  background: #00455b !important;
}

.sw-account-menu-links a,
.sw-account-menu-links button {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font: 900 15px/1.12 'Roboto Condensed', Arial, sans-serif !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  white-space: normal !important;
}

.sw-account-menu-links a.is-highlight,
.sw-account-menu-links a:hover,
.sw-account-menu-links button:hover {
  color: #ffed00 !important;
}

.sw-account-menu-links button[data-auth-logout] {
  margin-top: 30px !important;
  color: #ffffff !important;
}

.sw-account-menu-service {
  display: grid !important;
  background: #005374 !important;
  border-top: 3px solid #003544 !important;
  border-bottom: 3px solid #003544 !important;
}

.sw-account-menu-service a {
  min-height: 29px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 38px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font: 900 14px/1 'Roboto Condensed', Arial, sans-serif !important;
  border-bottom: 1px solid rgba(91, 179, 205, 0.15) !important;
}

.sw-account-menu-service a:hover {
  color: #ffed00 !important;
}

.sw-account-menu-service .sw-account-scanner {
  min-height: 38px !important;
  padding-left: 16px !important;
  background: #00647d !important;
  border-bottom: 3px solid #003544 !important;
}

.sw-account-language {
  min-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 0 28px !important;
  background: #00455b !important;
}

.sw-account-language button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font: 900 13px/1 'Roboto Condensed', Arial, sans-serif !important;
  padding: 0 !important;
}

.sw-account-language button span {
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important;
  border: 1px solid #d8f3fb !important;
  box-sizing: border-box !important;
}

.sw-account-language button.is-active span {
  border-color: #ffed00 !important;
  background: #ffed00 !important;
  box-shadow: inset 0 0 0 2px #00455b !important;
}

body.is-account-menu-open::after {
  content: '' !important;
  position: fixed !important;
  inset: 60px 255px 0 0 !important;
  z-index: 99998 !important;
  background: transparent !important;
  pointer-events: auto !important;
}

@media (max-width: 1360px) {
  .desktop-header.sw-ref-header .sw-ref-left-flow { gap: 18px !important; }
  .desktop-header.sw-ref-header .sw-ref-nav { gap: 22px !important; }
  .desktop-header.sw-ref-header .sw-ref-logo,
  .desktop-header.sw-ref-header .sw-ref-logo img {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
  .desktop-header.sw-ref-header .sw-ref-nav-link { font-size: 18px !important; }
  .desktop-header.sw-ref-header .sw-user-btn { min-width: 118px !important; padding: 0 14px !important; }
}

@media (max-width: 1180px) and (min-width: 901px) {
  .desktop-header.sw-ref-header .sw-ref-left-flow { gap: 14px !important; }
  .desktop-header.sw-ref-header .sw-ref-nav { gap: 16px !important; }
  .desktop-header.sw-ref-header .sw-ref-logo,
  .desktop-header.sw-ref-header .sw-ref-logo img {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }
  .desktop-header.sw-ref-header .sw-ref-nav-link { font-size: 16px !important; }
  .desktop-header.sw-ref-header .sw-wallet-box { min-width: 100px !important; max-width: 120px !important; }
  .desktop-header.sw-ref-header .sw-user-btn { min-width: 104px !important; padding: 0 10px !important; font-size: 13px !important; }
}

@media (max-width: 900px) {
  .sw-mobile-account-menu.sw-account-menu {
    position: fixed !important;
    top: 41px !important;
    right: 0 !important;
    bottom: 55px !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    max-height: none !important;
    overflow-y: auto !important;
    border-left: 0 !important;
    box-shadow: none !important;
    background: #00455b !important;
  }

  .sw-mobile-account-menu .sw-account-menu-close {
    top: 12px !important;
    right: 14px !important;
    font-size: 20px !important;
  }

  .sw-mobile-account-menu .sw-account-menu-head {
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 42px 0 28px !important;
    background: #00455b !important;
    border-bottom: 0 !important;
    color: #ffffff !important;
  }

  .sw-mobile-account-menu .sw-account-avatar {
    width: 22px !important;
    height: 22px !important;
    background: #ffed00 !important;
    color: #004560 !important;
  }

  .sw-mobile-account-menu .sw-account-avatar svg {
    width: 15px !important;
    height: 15px !important;
    fill: currentColor !important;
  }

  .sw-mobile-account-menu .sw-account-menu-head strong {
    color: #ffffff !important;
    text-transform: uppercase !important;
    font: 900 14px/1 'Roboto Condensed', Arial, sans-serif !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sw-mobile-account-menu .sw-account-menu-links {
    padding: 8px 38px 18px !important;
    background: #00455b !important;
  }

  .sw-mobile-account-menu .sw-account-menu-links a,
  .sw-mobile-account-menu .sw-account-menu-links button {
    min-height: 33px !important;
    font-size: 13px !important;
  }

  .sw-mobile-account-menu .sw-account-menu-links button[data-auth-logout] {
    margin-top: 22px !important;
  }

  .sw-mobile-account-menu .sw-account-menu-service {
    display: grid !important;
  }

  .sw-mobile-account-menu .sw-account-menu-service a {
    min-height: 30px !important;
    padding: 0 38px !important;
    font-size: 13px !important;
  }

  .sw-mobile-account-menu .sw-account-menu-service .sw-account-scanner {
    min-height: 38px !important;
    padding-left: 16px !important;
  }

  .sw-mobile-account-menu .sw-account-language {
    min-height: 45px !important;
    padding: 0 38px !important;
    gap: 30px !important;
  }

  body.is-account-menu-open::after {
    inset: 41px 0 55px 0 !important;
    pointer-events: none !important;
  }
}

/* 2026-05-13: Header hizalama düzeltmesi - ilham sitedeki sıkı desktop dizilim */
@media (min-width: 901px) {
  body .mobile-topbar.sw-ref-mobile-header {
    display: none !important;
  }

  body .desktop-header.sw-ref-header {
    display: flex !important;
  }

  .desktop-header.sw-ref-header .sw-ref-left-flow {
    gap: 16px !important;
  }

  .desktop-header.sw-ref-header .sw-ref-logo,
  .desktop-header.sw-ref-header .sw-ref-logo img {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
  }

  .desktop-header.sw-ref-header .sw-ref-age {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .desktop-header.sw-ref-header .sw-ref-nav {
    gap: 18px !important;
    margin-left: 90px !important;
  }

  .desktop-header.sw-ref-header .sw-ref-nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .desktop-header.sw-ref-header .sw-account-menu .sw-account-menu-service,
  .desktop-header.sw-ref-header .sw-account-menu .sw-account-language {
    display: none !important;
  }
}

@media (max-width: 1360px) and (min-width: 901px) {
  .desktop-header.sw-ref-header .sw-ref-left-flow {
    gap: 14px !important;
  }

  .desktop-header.sw-ref-header .sw-ref-logo,
  .desktop-header.sw-ref-header .sw-ref-logo img {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
  }

  .desktop-header.sw-ref-header .sw-ref-nav {
    gap: 16px !important;
  }
}

.sw-profile-btn,
.sw-mobile-profile-btn {
  text-decoration: none !important;
}

/* 2026-05-13: İlham site wallet switcher - bakiye tıklama menüsü */
.sw-wallet-menu[hidden] {
  display: none !important;
}

.sw-wallet-menu {
    position: fixed !important;
    top: 50px !important;
    right: 351px !important;
    width: 380px !important;
    height: max-content !important;
    padding: 20px !important;
    align-self: center !important;
    z-index: 100001 !important;
    box-sizing: border-box !important;
    background: #004b65 !important;
    color: #003544 !important;
    overflow: hidden !important;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.42) !important;
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
}

.sw-wallet-switcher-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: calc(100% - 40px) !important;
  height: auto !important;
  margin: 20px !important;
  padding: 0 10px 10px !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  background: #e8f3f6 !important;
  color: #003544 !important;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35) !important;
  cursor: default !important;
}

.sw-wallet-switcher-top {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  align-content: center !important;
  grid-gap: 10px !important;
  height: 42px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(0, 53, 68, 0.2) !important;
}

.sw-wallet-switcher-icon,
.sw-wallet-switcher-label svg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #003544 !important;
}

.sw-wallet-switcher-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

.sw-wallet-switcher-top strong {
  overflow: hidden !important;
  font: 900 15px/1 'Roboto Condensed', Arial, sans-serif !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #003544 !important;
}

.sw-wallet-switcher-top em {
  height: fit-content !important;
  align-self: center !important;
  margin: 10px 0 10px !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  background: #009cbc !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font: 900 11px/1 'Roboto Condensed', Arial, sans-serif !important;
  font-style: normal !important;
  white-space: nowrap !important;
}

.sw-wallet-switcher-main-balance {
  margin: 10px 0 !important;
  text-align: right !important;
  color: #003544 !important;
  font: 900 18px/1 'Roboto Condensed', Arial, sans-serif !important;
}

.sw-wallet-switcher-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr !important;
  gap: 5px !important;
  color: #003544 !important;
}

.sw-wallet-switcher-label {
  display: flex !important;
  align-items: center !important;
  color: #003544 !important;
  font: 400 14px/20px 'Roboto Condensed', Arial, sans-serif !important;
}

.sw-wallet-switcher-label.has-top-margin,
.sw-wallet-switcher-value.has-top-margin {
  margin-top: 5px !important;
}

.sw-wallet-switcher-label svg {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  margin-right: 5px !important;
  fill: currentColor !important;
}

.sw-wallet-switcher-value {
  text-align: right !important;
  color: #003544 !important;
  font: 400 14px/20px 'Roboto Condensed', Arial, sans-serif !important;
  white-space: nowrap !important;
}

.sw-wallet-switcher-deposit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 36px !important;
  margin-top: 15px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #009cbc !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font: 900 16px/1 'Roboto Condensed', Arial, sans-serif !important;
}

.sw-wallet-switcher-deposit:hover {
  background: #ffed00 !important;
  color: #003544 !important;
}

body.is-wallet-menu-open::before {
  content: '' !important;
  position: fixed !important;
  inset: 60px 0 0 0 !important;
  z-index: 100000 !important;
  background: transparent !important;
  pointer-events: auto !important;
}

@media (max-width: 1500px) and (min-width: 901px) {
  .sw-wallet-menu {
    right: 270px !important;
  }
}

@media (max-width: 1180px) and (min-width: 901px) {
  .sw-wallet-menu {
    right: 20px !important;
    width: 340px !important;
  }
}

@media (max-width: 900px) {
  .sw-wallet-menu.sw-mobile-wallet-menu,
  .sw-wallet-menu {
    position: fixed !important;
    top: 41px !important;
    right: 0 !important;
    bottom: 55px !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 20px 10px 50px !important;
    overflow-y: auto !important;
    z-index: 100001 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .sw-wallet-switcher-card {
    width: calc(100% - 20px) !important;
    margin: 10px !important;
    padding: 0 10px 10px !important;
  }

  .sw-wallet-switcher-main-balance {
    font-size: 20px !important;
  }

  .sw-wallet-switcher-grid {
    grid-template-columns: 1.5fr 1fr !important;
  }

  body.is-wallet-menu-open::before {
    inset: 41px 0 55px 0 !important;
    pointer-events: none !important;
  }
}


/* 2026-05-13: Wallet Einzahlen desktop click fix */
.sw-wallet-menu,
.sw-wallet-switcher-card,
.sw-wallet-switcher-deposit {
  pointer-events: auto !important;
}

.sw-wallet-switcher-deposit {
  position: relative !important;
  z-index: 100002 !important;
  cursor: pointer !important;
}

body.is-wallet-menu-open::before {
  pointer-events: none !important;
}


/* 2026-05-14: Mobil spor şeridi desktopta asla görünmesin. Desktop sport düzenine dokunmaz. */
@media (min-width: 768px) {
  .mobile-sport-tabs {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* 2026-05-14: Mobil header referans düzeni - sadece mobil header */
@media (max-width: 1279px) {
  html body .desktop-header.sw-ref-header {
    display: none !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header {
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100000 !important;
    width: 100% !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #009cbc !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    font-family: "Roboto Condensed", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header,
  html body .mobile-topbar.sw-ref-mobile-header * {
    font-family: "Roboto Condensed", Arial, sans-serif !important;
    box-sizing: border-box !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-decoration: none !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img {
    display: block !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: auto !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-age {
    display: none !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar:not([hidden]) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 148px !important;
    overflow: visible !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    display: grid !important;
    grid-template-columns: 22px minmax(49px, 1fr) 23px !important;
    align-items: center !important;
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    color: #004560 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-icon {
    width: 22px !important;
    min-width: 22px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #004560 !important;
    background: #ffffff !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-icon svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 3px 0 0 !important;
    color: #004560 !important;
    font-size: 10px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-arrow {
    width: 23px !important;
    min-width: 23px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 3px 3px 0 !important;
    background: #005374 !important;
    color: #ffffff !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-arrow svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #ffed00 !important;
    color: #004560 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-login[data-auth-guest] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #ffed00 !important;
    color: #004560 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-login[data-auth-guest] svg {
    display: block !important;
    width: 19px !important;
    height: 22px !important;
    fill: currentColor !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu {
    top: 36px !important;
    right: 4px !important;
    width: min(304px, calc(100vw - 8px)) !important;
    max-height: calc(100dvh - 42px) !important;
  }
}

@media (max-width: 360px) {
  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo,
  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    grid-template-columns: 20px minmax(45px, 1fr) 23px !important;
  }
}

/* 2026-05-14: GUEST MOBIL HEADER = /login sayfasındaki mobil header. Sadece giriş yapmamış mobil kullanıcıya uygulanır. */
@media (max-width: 900px) {
  html body:not(.is-authenticated) .desktop-header.sw-ref-header {
    display: none !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header {
    height: 55px !important;
    min-height: 55px !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #009cbc !important;
    color: #ffffff !important;
    display: grid !important;
    grid-template-columns: 1fr 65px !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    z-index: 1010 !important;
    box-shadow: none !important;
    border: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header * {
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
    box-sizing: border-box !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-left {
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    min-width: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: center !important;
    justify-content: start !important;
    padding-left: 10px !important;
    overflow: hidden !important;
    flex: none !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-logo {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    display: block !important;
    text-decoration: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-logo svg {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-age {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    display: block !important;
    flex: none !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-age img,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-age svg {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-userbar {
    display: none !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-login[data-auth-guest],
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header #login-btn.sw-ref-mobile-login {
    width: 65px !important;
    height: 60px !important;
    min-width: 65px !important;
    min-height: 60px !important;
    max-width: 65px !important;
    max-height: none !important;
    border: 0 !important;
    outline: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 0 0 0 35px !important;
    background-color: #ffed00 !important;
    color: #009cbc !important;
    box-shadow: 0 5px 3px 0 rgba(0, 156, 188, 0.5) !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-login-svg,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header #login-btn.sw-ref-mobile-login svg {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    display: inline-block !important;
    position: relative !important;
    top: -2px !important;
    left: -2px !important;
    padding-left: 15px !important;
    box-sizing: content-box !important;
    fill: currentColor !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-login-svg path,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header #login-btn.sw-ref-mobile-login svg path {
    fill: currentColor !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-login-symbol,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header #login-btn span {
    display: none !important;
  }
}

@media (max-width: 360px) {
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header {
    height: 50px !important;
    min-height: 50px !important;
    grid-template-columns: 1fr 55px !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-left {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-logo,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-logo svg {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-age,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-age img,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-age svg {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-login[data-auth-guest],
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header #login-btn.sw-ref-mobile-login {
    width: 55px !important;
    height: 50px !important;
    min-width: 55px !important;
    min-height: 45px !important;
    max-width: 55px !important;
    border-radius: 0 0 0 30px !important;
  }

  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header .sw-ref-login-svg,
  html body:not(.is-authenticated) .mobile-topbar.sw-ref-mobile-header #login-btn.sw-ref-mobile-login svg {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    padding-left: 12px !important;
  }
}

/* 2026-05-14: Mobil hesap menüsü ekran genişliğine otursun. Sadece authenticated mobil menü. */
@media (max-width: 900px) {
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu,
  html body.is-account-menu-open .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu {
    position: fixed !important;
    top: 36px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 55px !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: calc(100dvh - 91px) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #00455b !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu .sw-account-menu-close,
  html body.is-account-menu-open .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu .sw-account-menu-close,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-close {
    right: 14px !important;
  }

  html body.is-account-menu-open::after {
    inset: 36px 0 55px 0 !important;
  }
}

/* 2026-05-14: Mobil wallet/balance alanı - miktara göre dinamik genişlik ve referans popup hizası */
@media (max-width: 900px) {
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar:not([hidden]) {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    display: inline-grid !important;
    grid-template-columns: 22px minmax(44px, max-content) 23px !important;
    width: max-content !important;
    min-width: 94px !important;
    max-width: 146px !important;
    flex: 0 1 auto !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    color: #004560 !important;
    overflow: hidden !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong {
    display: block !important;
    width: auto !important;
    max-width: 101px !important;
    min-width: 0 !important;
    padding: 0 4px 0 0 !important;
    color: #004560 !important;
    font: 700 10px/24px "Roboto Condensed", Arial, sans-serif !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn {
    flex: 0 0 28px !important;
  }

  html body .sw-wallet-menu.sw-mobile-wallet-menu,
  html body .sw-wallet-menu {
    position: fixed !important;
    top: 35px !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: calc(100dvh - 90px) !important;
    padding: 8px 8px 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    color: #003544 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.28) !important;
    z-index: 100001 !important;
  }

  html body .sw-wallet-switcher-card {
    width: 100% !important;
    max-width: 308px !important;
    margin: 0 auto !important;
    padding: 0 9px 10px !important;
    border-radius: 5px !important;
    background: #e8f3f6 !important;
    color: #003544 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35) !important;
  }

  html body .sw-wallet-switcher-top {
    height: 38px !important;
    border-bottom: 1px solid rgba(0, 53, 68, 0.18) !important;
  }

  html body .sw-wallet-switcher-top strong {
    font: 700 13px/1 "Roboto Condensed", Arial, sans-serif !important;
  }

  html body .sw-wallet-switcher-top em {
    background: #005374 !important;
    color: #ffffff !important;
    font: 700 10px/1 "Roboto Condensed", Arial, sans-serif !important;
  }

  html body .sw-wallet-switcher-main-balance {
    margin: 9px 0 8px !important;
    font: 700 18px/1 "Roboto Condensed", Arial, sans-serif !important;
    color: #003544 !important;
    text-align: right !important;
  }

  html body .sw-wallet-switcher-label,
  html body .sw-wallet-switcher-value {
    font: 400 12px/20px "Roboto Condensed", Arial, sans-serif !important;
    color: #003544 !important;
  }

  html body .sw-wallet-switcher-deposit {
    height: 32px !important;
    margin-top: 12px !important;
    border-radius: 3px !important;
    background: #005374 !important;
    color: #ffffff !important;
    font: 700 14px/1 "Roboto Condensed", Arial, sans-serif !important;
  }
}

@media (max-width: 360px) {
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    grid-template-columns: 20px minmax(40px, max-content) 22px !important;
    min-width: 88px !important;
    max-width: 128px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong {
    max-width: 86px !important;
    font-size: 9px !important;
  }
}

/* 2026-05-14: Mobil wallet popup background rengi */
@media (max-width: 900px) {
  html body .sw-wallet-menu.sw-mobile-wallet-menu,
  html body .sw-wallet-menu {
    background: #005374 !important;
  }
}

/* 2026-05-14: Authenticated mobil kullanıcıda hızlı kayıt kartı görünmesin. */
@media (max-width: 900px) {
  html body.is-authenticated .mobile-register-card,
  html body.is-authenticated [data-auth-guest].mobile-register-card,
  html body.is-authenticated .mobile-register-card[data-auth-guest] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}

/* 2026-05-14: SON YUKLENEN DOSYA UZERINDEN - authenticated mobil header 50px ve orantili buyutme */
@media (max-width: 900px) {
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 0 7px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-left {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-ref-logo {
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img {
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    max-height: 34px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar,
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar:not([hidden]) {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    gap: 6px !important;
    max-width: none !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    grid-template-columns: 28px minmax(58px, max-content) 28px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    min-width: 118px !important;
    max-width: 172px !important;
    border-radius: 3px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong {
    max-width: 116px !important;
    padding-right: 5px !important;
    font: 700 12px/30px "Roboto Condensed", Arial, sans-serif !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-arrow {
    width: 28px !important;
    min-width: 28px !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 0 3px 3px 0 !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet-arrow svg {
    width: 17px !important;
    height: 17px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 5px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn svg {
    width: 24px !important;
    height: 24px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu,
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu {
    top: 50px !important;
    max-height: calc(100dvh - 105px) !important;
  }

  html body.is-authenticated .sw-wallet-menu.sw-mobile-wallet-menu,
  html body.is-authenticated .sw-wallet-menu {
    top: 50px !important;
    max-height: calc(100dvh - 105px) !important;
  }

  html body.is-authenticated.is-account-menu-open::after,
  html body.is-authenticated.is-wallet-menu-open::before {
    inset: 50px 0 55px 0 !important;
  }
}

@media (max-width: 360px) {
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-ref-logo,
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet {
    grid-template-columns: 25px minmax(50px, max-content) 26px !important;
    min-width: 106px !important;
    max-width: 150px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-wallet strong {
    max-width: 98px !important;
    font-size: 11px !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-profile-btn {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}

/* === ORTAK MOBIL HEADER: tüm sayfalarda tek kaynak === */
@media (max-width: 1279px) {
  html body {
    --sw-common-mobile-header-height: 35px;
    --sw-common-mobile-footer-height: 60px;
    padding-top: var(--sw-common-mobile-header-height) !important;
  }

  html body:not(.is-authenticated) {
    --sw-common-mobile-header-height: -55px;
  }

  html body .mobile-topbar.sw-ref-mobile-header {
    display: flex !important;
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: var(--sw-common-mobile-header-height) !important;
    min-height: var(--sw-common-mobile-header-height) !important;
    max-height: var(--sw-common-mobile-header-height) !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 100000 !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-left {
    height: var(--sw-common-mobile-header-height) !important;
    min-height: var(--sw-common-mobile-header-height) !important;
    max-height: var(--sw-common-mobile-header-height) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo,
  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo img,
  html body .mobile-topbar.sw-ref-mobile-header .sw-ref-logo svg {
    max-height: var(--sw-common-mobile-header-height) !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar:not([hidden]) {
    height: var(--sw-common-mobile-header-height) !important;
    min-height: var(--sw-common-mobile-header-height) !important;
    max-height: var(--sw-common-mobile-header-height) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu {
    top: calc(var(--sw-common-mobile-header-height) + 1px) !important;
    max-height: calc(100dvh - var(--sw-common-mobile-header-height) - 8px) !important;
  }
}

/* === FIX 2026-05-15: ortak mobil header yüksekliği tek değişkenden beslensin === */
@media (max-width: 1279px) {
  html body.is-authenticated {
    --sw-common-mobile-header-height: 50px !important;
    padding-top: var(--sw-common-mobile-header-height) !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header {
    height: var(--sw-common-mobile-header-height) !important;
    min-height: var(--sw-common-mobile-header-height) !important;
    max-height: var(--sw-common-mobile-header-height) !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-ref-mobile-left,
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar,
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-bar:not([hidden]) {
    height: var(--sw-common-mobile-header-height) !important;
    min-height: var(--sw-common-mobile-header-height) !important;
    max-height: var(--sw-common-mobile-header-height) !important;
  }

  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu,
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu,
  html body.is-authenticated .sw-wallet-menu.sw-mobile-wallet-menu,
  html body.is-authenticated .sw-wallet-menu {
    top: var(--sw-common-mobile-header-height) !important;
  }
}

/* Keep desktop header positions stable on pages with and without a vertical scrollbar. */
@media (min-width: 1280px) {
  html body .desktop-header.sw-ref-header {
    width: calc(100vw - var(--sw-desktop-scrollbar-width, 0px)) !important;
  }
}

/* 2026-05-21: single header CSS source. Loaded last on every visible page. */
.desktop-header.sw-ref-header,
.mobile-topbar.sw-ref-mobile-header,
.desktop-header.sw-ref-header *,
.mobile-topbar.sw-ref-mobile-header * {
  box-sizing: border-box !important;
  font-family: "Roboto Condensed", Arial, sans-serif !important;
}

@media (min-width: 901px) {
  html body .mobile-topbar.sw-ref-mobile-header {
    display: none !important;
  }

  html body .desktop-header.sw-ref-header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    z-index: 1010 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: calc(100vw - var(--sw-desktop-scrollbar-width, 0px)) !important;
    max-width: none !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 0 !important;
    background: #009cbc !important;
    color: #ffffff !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-left {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    height: 60px !important;
    padding: 0 !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-left-flow {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 60px !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-logo,
  html body .desktop-header.sw-ref-header .sw-ref-logo img {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-logo {
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
    text-decoration: none !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-logo img {
    height: auto !important;
    display: block !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-age {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-age img {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-nav {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    margin: 0 0 0 90px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    list-style: none !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-nav-link,
  html body .desktop-header.sw-ref-header .sw-ref-nav a {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
   
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-nav-link.active,
  html body .desktop-header.sw-ref-header .sw-ref-nav a.active {
    border-bottom-color: #ffffff !important;
    color: #ffffff !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-center {
    display: none !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-right {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    height: 60px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-actions[data-auth-guest]:not([hidden]) .sw-ref-btn {
    height: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 3px !important;
    padding: 0 20px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-register {
    background: #ffed00 !important;
    color: #003544 !important;
  }

  html body:not(.is-authenticated) .desktop-header.sw-ref-header .sw-ref-login {
    background: #00465b !important;
    color: #ffffff !important;
  }
}

@media (max-width: 1360px) and (min-width: 901px) {
  html body .desktop-header.sw-ref-header .sw-ref-left-flow {
    gap: 14px !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-logo,
  html body .desktop-header.sw-ref-header .sw-ref-logo img {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-nav {
    gap: 16px !important;
  }
}

@media (max-width: 1180px) and (min-width: 901px) {
  html body .desktop-header.sw-ref-header .sw-ref-nav {
    gap: 14px !important;
    margin-left: 58px !important;
  }

  html body .desktop-header.sw-ref-header .sw-ref-nav-link,
  html body .desktop-header.sw-ref-header .sw-ref-nav a {
    font-size: 16px !important;
  }
}

/* 2026-05-21: account menu polish, kept in the single header CSS source. */
html body .sw-account-menu {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 237, 0, 0.7) rgba(0, 53, 68, 0.55) !important;
}

html body .sw-account-menu::-webkit-scrollbar {
  width: 6px !important;
}

html body .sw-account-menu::-webkit-scrollbar-track {
  background: rgba(0, 53, 68, 0.55) !important;
}

html body .sw-account-menu::-webkit-scrollbar-thumb {
  background: rgba(255, 237, 0, 0.78) !important;
  border-radius: 999px !important;
}

html body .sw-account-menu .sw-account-menu-head {
  display: flex !important;
  align-items: center !important;
  min-height: 58px !important;
  gap: 12px !important;
  padding: 13px 18px !important;
  background: #009cbc !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html body .sw-account-menu .sw-account-avatar {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #ffed00 !important;
  color: #004560 !important;
  box-shadow: 0 0 0 3px rgba(255, 237, 0, 0.14) !important;
}

html body .sw-account-menu .sw-account-avatar svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

html body .sw-account-menu .sw-account-menu-head strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font: 900 18px/1 "Roboto Condensed", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

html body .sw-account-menu .sw-account-menu-close {
  top: 14px !important;
  right: 14px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: rgba(0, 53, 68, 0.36) !important;
  color: #ffffff !important;
  font: 700 20px/30px Arial, sans-serif !important;
  text-align: center !important;
}

html body .sw-account-menu .sw-account-menu-close:hover,
html body .sw-account-menu .sw-account-menu-close:focus-visible {
  background: #ffed00 !important;
  color: #004560 !important;
}

html body .sw-account-menu .sw-account-menu-links {
  background: linear-gradient(180deg, #004f66 0%, #003e52 100%) !important;
}

html body .sw-account-menu .sw-account-menu-links a,
html body .sw-account-menu .sw-account-menu-links button {
  position: relative !important;
  isolation: isolate !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
  transition: background-color 120ms ease, color 120ms ease, transform 120ms ease !important;
}

html body .sw-account-menu .sw-account-menu-links a::before,
html body .sw-account-menu .sw-account-menu-links button::before {
  content: "" !important;
  width: 6px !important;
  min-width: 6px !important;
  height: 6px !important;
  margin-right: 10px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.42) !important;
}

html body .sw-account-menu .sw-account-menu-links a.is-highlight,
html body .sw-account-menu .sw-account-menu-links a:hover,
html body .sw-account-menu .sw-account-menu-links a:focus-visible,
html body .sw-account-menu .sw-account-menu-links button:hover,
html body .sw-account-menu .sw-account-menu-links button:focus-visible {
  background: rgba(255, 237, 0, 0.13) !important;
  color: #ffed00 !important;
  transform: translateX(2px) !important;
}

html body .sw-account-menu .sw-account-menu-links a.is-highlight::before,
html body .sw-account-menu .sw-account-menu-links a:hover::before,
html body .sw-account-menu .sw-account-menu-links a:focus-visible::before,
html body .sw-account-menu .sw-account-menu-links button:hover::before,
html body .sw-account-menu .sw-account-menu-links button:focus-visible::before {
  background: #ffed00 !important;
}

html body .sw-account-menu .sw-account-menu-links button[data-auth-logout] {
  background: rgba(0, 53, 68, 0.42) !important;
  color: #d7edf4 !important;
}

@media (min-width: 901px) {
  html body .desktop-header.sw-ref-header .sw-account-menu {
    top: 60px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 292px !important;
    max-width: 292px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: -14px 0 30px rgba(0, 24, 34, 0.34) !important;
    background: #003e52 !important;
  }

  html body .desktop-header.sw-ref-header .sw-account-menu .sw-account-menu-head {
    padding-right: 54px !important;
  }

  html body .desktop-header.sw-ref-header .sw-account-menu .sw-account-menu-links {
    gap: 7px !important;
    padding: 14px 14px 22px !important;
  }

  html body .desktop-header.sw-ref-header .sw-account-menu .sw-account-menu-links a,
  html body .desktop-header.sw-ref-header .sw-account-menu .sw-account-menu-links button {
    min-height: 38px !important;
    padding: 0 13px !important;
    font: 900 14px/1.05 "Roboto Condensed", Arial, sans-serif !important;
  }

  html body .desktop-header.sw-ref-header .sw-account-menu .sw-account-menu-links button[data-auth-logout] {
    margin-top: 8px !important;
  }
}

@media (max-width: 900px) {
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu,
  html body.is-account-menu-open .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu {
    top: var(--sw-common-mobile-header-height, 50px) !important;
    left: 50% !important;
    right: auto !important;
    bottom: var(--sw-common-mobile-footer-height, 60px) !important;
    width: min(100vw, 430px) !important;
    min-width: 0 !important;
    max-width: 430px !important;
    height: auto !important;
    max-height: calc(100dvh - var(--sw-common-mobile-header-height, 50px) - var(--sw-common-mobile-footer-height, 60px)) !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0 0 8px 8px !important;
    background: #003e52 !important;
    box-shadow: 0 12px 26px rgba(0, 23, 32, 0.38) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    min-height: 52px !important;
    padding: 10px 48px 10px 16px !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-avatar {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-head strong {
    font-size: 17px !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-close {
    top: 11px !important;
    right: 12px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links {
    gap: 5px !important;
    padding: 10px 10px 14px !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button {
    min-height: 34px !important;
    padding: 0 12px !important;
    font: 900 12px/1.08 "Roboto Condensed", Arial, sans-serif !important;
    letter-spacing: 0 !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a::before,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button::before {
    width: 5px !important;
    min-width: 5px !important;
    height: 5px !important;
    margin-right: 8px !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button[data-auth-logout] {
    margin-top: 4px !important;
  }

  html body.is-account-menu-open::after {
    inset: var(--sw-common-mobile-header-height, 50px) 0 var(--sw-common-mobile-footer-height, 60px) 0 !important;
    background: rgba(0, 42, 59, 0.42) !important;
  }
}

/* 2026-05-21: mobile account menu modern polish; keeps all existing menu items. */
@media (max-width: 900px) {
  html body.is-authenticated .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu,
  html body.is-account-menu-open .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu {
    top: var(--sw-common-mobile-header-height, 50px) !important;
    left: 50% !important;
    right: auto !important;
    bottom: var(--sw-common-mobile-footer-height, 60px) !important;
    width: min(100vw, 430px) !important;
    min-width: 0 !important;
    max-width: 430px !important;
    height: auto !important;
    max-height: calc(100dvh - var(--sw-common-mobile-header-height, 50px) - var(--sw-common-mobile-footer-height, 60px)) !important;
    margin: 0 !important;
    padding: 0 0 max(12px, env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 0 0 8px 8px !important;
    background: linear-gradient(180deg, #004f63 0%, #003948 58%, #00323f 100%) !important;
    box-shadow: 0 16px 34px rgba(0, 20, 29, 0.44) !important;
    transform: translateX(-50%) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 30px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 12px 11px 14px !important;
    background: linear-gradient(135deg, #00a6c2 0%, #008aa6 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 8px 18px rgba(0, 34, 45, 0.22) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-avatar {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #ffed00 !important;
    color: #00495d !important;
    box-shadow: 0 0 0 3px rgba(255, 237, 0, 0.18) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-avatar svg {
    width: 21px !important;
    height: 21px !important;
    fill: currentColor !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-head strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font: 900 16px/1 "Roboto Condensed", Arial, sans-serif !important;
    letter-spacing: 0 !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-close {
    position: static !important;
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: end !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0, 52, 68, 0.38) !important;
    color: #ffffff !important;
    font: 700 20px/1 Arial, sans-serif !important;
    cursor: pointer !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 12px 12px 13px !important;
    background: transparent !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: #ffffff !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font: 900 12.5px/1.1 "Roboto Condensed", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    cursor: pointer !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a::before,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button::before {
    content: "" !important;
    width: 9px !important;
    min-width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    border-radius: 3px !important;
    background: #ffed00 !important;
    box-shadow: 0 0 0 3px rgba(255, 237, 0, 0.12) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a::after,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button::after {
    content: "" !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    margin-left: auto !important;
    border: 1px solid rgba(255, 237, 0, 0.38) !important;
    border-radius: 50% !important;
    background-color: rgba(255, 237, 0, 0.12) !important;
    background-image:
      linear-gradient(45deg, transparent 42%, #ffed00 43%, #ffed00 61%, transparent 62%),
      linear-gradient(-45deg, transparent 42%, #ffed00 43%, #ffed00 61%, transparent 62%) !important;
    background-position: 8px 6px, 8px 11px !important;
    background-repeat: no-repeat !important;
    background-size: 8px 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 0 0 3px rgba(255, 237, 0, 0.06) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a.is-highlight,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a:hover,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a:focus-visible,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button:hover,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button:focus-visible {
    background: #ffed00 !important;
    border-color: #ffed00 !important;
    color: #00495d !important;
    transform: translateY(-1px) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a.is-highlight::before,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a:hover::before,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a:focus-visible::before,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button:hover::before,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button:focus-visible::before {
    background: #00495d !important;
    box-shadow: 0 0 0 3px rgba(0, 73, 93, 0.13) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a.is-highlight::after,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a:hover::after,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links a:focus-visible::after,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button:hover::after,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button:focus-visible::after {
    border-color: rgba(0, 73, 93, 0.42) !important;
    background-color: #00495d !important;
    background-image:
      linear-gradient(45deg, transparent 42%, #ffed00 43%, #ffed00 61%, transparent 62%),
      linear-gradient(-45deg, transparent 42%, #ffed00 43%, #ffed00 61%, transparent 62%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 3px rgba(0, 73, 93, 0.10) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button[data-auth-logout] {
    margin-top: 3px !important;
    background: rgba(214, 67, 83, 0.15) !important;
    border-color: rgba(255, 130, 143, 0.24) !important;
    color: #ffd8dc !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-links button[data-auth-logout]::before {
    background: #ff8793 !important;
    box-shadow: 0 0 0 3px rgba(255, 135, 147, 0.12) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-service {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
    background: rgba(0, 37, 48, 0.45) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-service a {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font: 900 12px/1.08 "Roboto Condensed", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-service a:hover,
  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-service a:focus-visible {
    background: rgba(255, 237, 0, 0.14) !important;
    border-color: rgba(255, 237, 0, 0.42) !important;
    color: #ffed00 !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-menu-service .sw-account-scanner {
    grid-column: 1 / -1 !important;
    min-height: 40px !important;
    justify-content: flex-start !important;
    padding: 0 12px !important;
    background: rgba(255, 237, 0, 0.12) !important;
    border-color: rgba(255, 237, 0, 0.32) !important;
    color: #ffed00 !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-language {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 10px 12px 2px !important;
    background: transparent !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-language button {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font: 900 12px/1 "Roboto Condensed", Arial, sans-serif !important;
    letter-spacing: 0 !important;
  }

  html body .mobile-topbar.sw-ref-mobile-header .sw-mobile-account-menu.sw-account-menu .sw-account-language button.is-active {
    background: rgba(255, 237, 0, 0.14) !important;
    border-color: rgba(255, 237, 0, 0.45) !important;
    color: #ffed00 !important;
  }

  html body.is-account-menu-open::after {
    inset: var(--sw-common-mobile-header-height, 50px) 0 var(--sw-common-mobile-footer-height, 60px) 0 !important;
    background: rgba(0, 21, 30, 0.42) !important;
  }
}

/* 2026-05-21: desktop header nav spacing polish only. */
@media (min-width: 1361px) {
  html body .desktop-header.sw-ref-header .sw-ref-nav {
    gap: 30px !important;
    margin-left: 96px !important;
  }
}

@media (max-width: 1360px) and (min-width: 1181px) {
  html body .desktop-header.sw-ref-header .sw-ref-nav {
    gap: 24px !important;
  }
}

@media (max-width: 1180px) and (min-width: 901px) {
  html body .desktop-header.sw-ref-header .sw-ref-nav {
    gap: 18px !important;
  }
}