/**
 * Mobil header — m.casinomilyon591 DOM (header-bc içinde hdr-crypto-content + navigation holder)
 */

/* —— layout-header-holder-bc —— */
body.mobile-site #root.layout-bc .layout-header-holder-bc {
  height: auto !important;
  min-height: 0;
  overflow: visible;
}

body.mobile-site .layout-header-holder-bc.mobile-bc-header {
  position: sticky;
  top: 0;
  z-index: 1050;
  width: 100%;
  padding-top: env(safe-area-inset-top, 0px);
  isolation: isolate;
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
  box-shadow: none !important;
}

body.mobile-site .layout-header-holder-bc > .hdr-dynamic-content {
  display: block !important;
  position: relative !important;
  top: auto !important;
  width: 100%;
  max-height: none !important;
  min-height: 0;
  padding: 0 5px !important;
  overflow: hidden;
  opacity: 1 !important;
  transform: none !important;
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
  z-index: 2;
}

body.mobile-site .layout-header-holder-bc > .hdr-dynamic-content:empty,
body.mobile-site .layout-header-holder-bc > .hdr-dynamic-content .hm-row-bc:empty,
body.mobile-site .layout-header-holder-bc > .hdr-dynamic-content .hm-row-bc-inner:empty {
  display: none !important;
}

body.mobile-site .layout-header-holder-bc > .hdr-dynamic-content .product-banner-container-bc:empty {
  display: none !important;
}

body.mobile-site #root.layout-bc .layout-header-holder-bc .header-bc {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  height: auto !important;
  max-height: none !important;
  display: block;
  width: 100%;
  overflow: visible;
  z-index: 1051;
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-main-content-bc > .hdr-user-bc > *,
html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-guest-shortcuts > * {
  visibility: hidden !important;
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-main-content-bc > .hdr-user-bc,
html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-guest-shortcuts {
  position: relative;
  pointer-events: none !important;
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-main-content-bc > .hdr-user-bc {
  width: 102px;
  min-width: 102px;
  height: 32px;
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-main-content-bc > .hdr-user-bc::before,
html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-main-content-bc > .hdr-user-bc::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-main-content-bc > .hdr-user-bc::before {
  right: 38px;
  width: 64px;
  height: 32px;
  border-radius: 8px;
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-main-content-bc > .hdr-user-bc::after {
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-guest-shortcuts::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)) 10px center / 72px 24px no-repeat,
    radial-gradient(circle, rgba(255, 255, 255, 0.17) 0 48%, transparent 52%) calc(100% - 12px) center / 24px 24px no-repeat,
    radial-gradient(circle, rgba(255, 255, 255, 0.14) 0 48%, transparent 52%) calc(100% - 32px) center / 24px 24px no-repeat,
    radial-gradient(circle, rgba(255, 255, 255, 0.11) 0 48%, transparent 52%) calc(100% - 52px) center / 24px 24px no-repeat;
}

html.member-session-hint body.mobile-site .header-bc.hdr-auth-guest .hdr-guest-shortcuts {
  height: 40px !important;
  min-height: 40px !important;
  padding-block: 0 !important;
}

body.mobile-site #root.layout-bc .hdr-navigation-scrollable-bc-holder,
body.mobile-site #root.layout-bc .hdr-additional-info,
body.mobile-site #root.layout-bc .hdr-crypto-content {
  transform: none !important;
}

body.mobile-site #root .layout-content-holder-bc {
  padding-top: 0 !important;
  margin-top: 0 !important;
  position: relative;
  z-index: 0;
}

/* —— İkon fontu —— */
body.mobile-site .layout-header-holder-bc [class*="bc-i-"]::before,
body.mobile-site .layout-header-holder-bc [class^="bc-i-"]::before {
  font-family: BetConstruct-Icons !important;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* —— 1. hdr-main-content-bc —— */
body.mobile-site .hdr-main-content-bc {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--mobile-header-main-section-height, 46px) !important;
  min-height: var(--mobile-header-main-section-height, 46px) !important;
  overflow: visible !important;
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
}
/* Sağ padding yalnızca site header'da (akıllı menü). Profil modalına sızmasın. */
body.mobile-site .header-bc > .hdr-main-content-bc {
  padding: 0 calc(42px + max(8px, env(safe-area-inset-right, 0px))) 0 var(--padding-page-aside, 10px) !important;
}

body.mobile-site .hdr-main-content-bc .logo-container {
  flex: 1 1 auto;
  flex-shrink: 1;
  width: auto;
  min-width: 0;
  max-width: min(172px, 46vw);
  display: flex;
  align-items: center;
  overflow: hidden;
}

body.mobile-site .hdr-main-content-bc .logo {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: min(172px, 46vw);
  height: 40px;
  min-height: 40px;
  overflow: hidden;
}

/* Mobil: statik logo kutusu */
body.mobile-site .hdr-main-content-bc .hdr-logo-bc,
body.mobile-site .hdr-main-content-bc video.hdr-logo-bc {
  width: 100% !important;
  height: 40px !important;
  max-width: 172px !important;
  max-height: 40px !important;
  min-width: 0;
  object-fit: contain !important;
  object-position: left center !important;
  display: block;
  background: transparent !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  border-radius: 2px !important;
}
/* Mobil animasyonlu logo — dar ekranda kullanıcı/akıllı menüyü ezmesin */
body.mobile-site .hdr-main-content-bc .logo-container:has(.hdr-logo-animated) {
  width: auto;
  min-width: 0;
  max-width: min(200px, 48vw);
  overflow: hidden;
}
body.mobile-site .hdr-main-content-bc .logo:has(.hdr-logo-animated) {
  width: 100%;
  max-width: min(200px, 48vw);
  height: 40px;
  min-height: 40px;
  overflow: hidden;
}
body.mobile-site .hdr-main-content-bc .hdr-logo-animated,
body.mobile-site .hdr-main-content-bc video.hdr-logo-animated {
  width: 100% !important;
  height: 40px !important;
  max-width: min(200px, 48vw) !important;
  max-height: 40px !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
  border-radius: 2px !important;
}

body.mobile-site .hdr-main-content-bc > .hdr-user-bc {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px;
  flex: 0 1 auto;
  flex-shrink: 1;
  min-width: 0;
  margin-left: auto;
  margin-right: 0;
  max-width: calc(100% - 8px);
}

body.mobile-site .hdr-main-content-bc .user-balance-dropdown {
  flex-shrink: 0;
}

/* Bakiye kutusu — çerçevede dolanan ışık */
@property --bal-border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes balBorderSpin {
  to {
    --bal-border-angle: 360deg;
  }
}

body.mobile-site .hdr-main-content-bc .hdr-balance-trigger {
  position: relative;
  z-index: 0;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  overflow: visible;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(12, 8, 30, 0.55);
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px rgba(168, 70, 225, 0.22);
  text-decoration: none;
}

body.mobile-site .hdr-main-content-bc .hdr-balance-trigger::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  padding: 1.2px;
  box-sizing: border-box;
  pointer-events: none;
  background: conic-gradient(
    from var(--bal-border-angle),
    transparent 0%,
    transparent 55%,
    rgba(168, 70, 225, 0.2) 68%,
    rgba(168, 70, 225, 0.9) 78%,
    rgba(255, 220, 255, 0.95) 86%,
    rgba(168, 70, 225, 0.7) 92%,
    transparent 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: balBorderSpin 2.4s linear infinite;
}

body.mobile-site .hdr-main-content-bc .hdr-balance-trigger:hover,
body.mobile-site .hdr-main-content-bc .hdr-balance-trigger:focus-visible {
  border-color: transparent;
  background: rgba(12, 8, 30, 0.72);
  box-shadow: inset 0 0 0 1px rgba(168, 70, 225, 0.35);
}

body.mobile-site .hdr-main-content-bc .hdr-user-info-content-bc {
  display: block;
}

body.mobile-site .hdr-main-content-bc .balanceAmount {
  margin: 0;
  color: #e879f9 !important;
  font-size: 13px;
  font-weight: 700;
}

/* Header: yalnızca ana bakiye (BC ext-2 / bonus satırı gizli) */
body.mobile-site .layout-header-holder-bc .hdr-user-info-texts-bc.ext-2,
body.mobile-site .layout-header-holder-bc .hdr-user-info-texts-bc + .hdr-user-info-texts-bc,
body.mobile-site .layout-header-holder-bc .balanceBonus,
body.mobile-site .layout-header-holder-bc [data-header-balance-bonus] {
  display: none !important;
}

body.mobile-site .layout-header-holder-bc .hdr-user-info-content-bc {
  display: block !important;
  flex-direction: column !important;
  align-items: flex-end !important;
}

body.mobile-site .layout-header-holder-bc .hdr-user-info-texts-bc.ext-1 {
  display: block !important;
  max-width: 100%;
}

body.mobile-site .hdr-main-content-bc .profileDetails {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.mobile-site .hdr-main-content-bc .profileDetails .userBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

body.mobile-site .hdr-main-content-bc .hdr-user-avatar-icon-bc {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(80, 80, 90, 0.85);
  font-size: 16px;
  color: #fff;
}

body.mobile-site .hdr-main-content-bc .backFace {
  display: none;
}

body.mobile-site .hdr-main-content-bc .smartPanel-bc {
  position: absolute !important;
  top: 50%;
  right: max(8px, env(safe-area-inset-right, 0px));
  transform: translateY(-50%);
  z-index: 6;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 34px;
  height: 34px;
  overflow: visible;
}

body.mobile-site .hdr-main-content-bc .smartPanel-bc .hdr-toggle-button-bc {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 0;
  cursor: pointer;
  position: relative !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}

body.mobile-site .hdr-main-content-bc .smartPanel-bc .hdr-toggle-button-bc::after {
  content: attr(data-badge) !important;
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #0a0719 !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  text-align: center !important;
  font-family: var(--font-family, sans-serif) !important;
  z-index: 1;
}

/* Guest before-login row: target header shows quick icons, not wallet-connect. */
body.mobile-site .header-bc .hdr-guest-shortcuts {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  height: var(--mobile-header-guest-shortcuts-height, 34px);
  min-height: var(--mobile-header-guest-shortcuts-height, 34px);
  padding: 4px 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
}

body.mobile-site .header-bc .guest-shortcut-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-decoration: none;
  background: #9c4db1 !important;
  box-shadow: 0 0 6px rgba(156, 77, 177, 0.55);
  -webkit-appearance: none;
  appearance: none;
}

body.mobile-site .header-bc .guest-shortcut-icon::before {
  font-size: 14px;
  line-height: 1;
}

body.mobile-site .header-bc .guest-shortcut-icon.bc-i-wallet {
  background: #105431 !important;
  box-shadow: 0 0 6px rgba(22, 255, 0, 0.42);
}

body.mobile-site .header-bc .guest-shortcut-wheel {
  border-radius: 50%;
  background:
    url("https://uploads.onecompiler.io/43kt7pygm/43qjwc624/media_18755179_0837470962ad0ff75ac4535e349a57df.gif")
    center / contain no-repeat !important;
}

body.mobile-site .header-bc .guest-shortcut-wheel::before {
  color: transparent !important;
}

/* —— 2. hdr-additional-info —— */
body.mobile-site .hdr-additional-info {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  position: relative;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 8px 0 var(--padding-page-aside, 10px) !important;
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  overflow: visible;
}

/* BRONZE ribbon — BC + orijinal gri 3D şerit */
body.mobile-site .header-bc .hdr-additional-info > .loyaltyBonusHeader {
  position: relative;
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 46px;
  min-height: 46px;
  padding: 0 6px 0 10px;
  margin: 0;
  margin-inline-start: 8px;
  margin-inline-end: 0;
  text-decoration: none;
  color: inherit;
  z-index: 1;
  cursor: pointer;
}

body.mobile-site .header-bc .loyaltyBonusHeaderShadow {
  width: 116%;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #0009;
  filter: blur(4px);
  opacity: 0.5;
  z-index: -2;
}

body.mobile-site .header-bc .loyaltyBonusHeaderBackground {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 106%;
  height: 100%;
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: -3;
  pointer-events: none;
}

body.mobile-site .header-bc .loyaltyBonusHeaderBackground::before,
body.mobile-site .header-bc .loyaltyBonusHeaderBackground::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: rgb(32, 32, 34);
  z-index: -3;
  pointer-events: none;
}

body.mobile-site .header-bc .loyaltyBonusHeaderBackground::before {
  bottom: 10px;
  transform: perspective(80px) rotateX(55deg);
}

body.mobile-site .header-bc .loyaltyBonusHeaderBackground::after {
  top: 10px;
  transform: perspective(80px) rotateX(125deg);
}

body.mobile-site .header-bc .loyaltyBonusHeader::before,
body.mobile-site .header-bc .loyaltyBonusHeader::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  background: rgb(32, 32, 34);
  z-index: -1;
  pointer-events: none;
}

body.mobile-site .header-bc .loyaltyBonusHeader::before {
  bottom: 6px;
  height: 50%;
  transform: perspective(80px) rotateX(55deg);
}

body.mobile-site .header-bc .loyaltyBonusHeader::after {
  top: 6px;
  height: 50%;
  transform: perspective(80px) rotateX(125deg);
}

body.mobile-site .header-bc .loyaltyBonusHeaderText {
  order: 0;
  margin: 0 4px 0 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.9);
  max-width: 120px;
}

body.mobile-site .header-bc .loyaltyBonusImg {
  order: 0;
  width: 20px;
  max-height: 20px;
  margin-top: -2px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Kısayol şeridi — kapalı: << | ortaklık | telefon | cüzdan (üst üste, şeffaf) */
body.mobile-site .header-bc .loyaltyBonusHeader + .hdr-user-bc.hasLoyaltyLevel {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  position: relative;
  flex: 0 1 auto;
  min-width: 0;
  margin-inline-start: auto !important;
  gap: 0;
  height: 26px;
  padding: 0;
  border-radius: 0;
  background: none !important;
  box-shadow: none !important;
}

body.mobile-site .hdr-additional-info .hdr-shortcuts-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
}

body.mobile-site .hdr-additional-info .headerExpanded {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  order: 0;
  height: 26px;
  min-width: 30px;
  cursor: pointer;
  padding: 0 2px 0 0;
  box-shadow: none !important;
  background: rgb(32, 32, 34) !important;
  border-radius: 0;
}

body.mobile-site .hdr-additional-info .headerExpanded .hdr-expanded-label {
  display: none;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  margin-inline-end: 4px;
  white-space: nowrap;
}

body.mobile-site .hdr-additional-info .headerExpandedIcons {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 0;
  color: #fff;
  direction: ltr;
}

body.mobile-site .hdr-additional-info .headerExpandedIcons--open {
  display: none;
}

body.mobile-site .hdr-additional-info .headerExpandedIcons .bc-i-small-arrow-left:first-child,
body.mobile-site .hdr-additional-info .headerExpandedIcons .bc-i-small-arrow-right:first-child {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
}

body.mobile-site .hdr-additional-info .headerExpandedIcons .bc-i-small-arrow-left:last-child,
body.mobile-site .hdr-additional-info .headerExpandedIcons .bc-i-small-arrow-right:last-child {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  margin-inline-start: -6px;
}

/* Kapalı: üst üste ikonlar (katlanmış görünüm — 4px koyu halka), çark gizli */
body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel:not(.isExpandedIcons) .hdr-shortcuts-icons .user-nav-icon {
  margin-inline-start: -2px !important;
  margin-inline-end: 0 !important;
  box-shadow: 0 0 0 4px rgb(32, 32, 34) !important;
  z-index: 0;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel:not(.isExpandedIcons) .hdr-shortcut-wheel {
  display: none !important;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel .user-nav-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px;
  border-radius: 4px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff !important;
  position: relative;
  z-index: 1;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel .user-nav-icon::before {
  font-size: 14px;
}

body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-wallet {
  order: 1;
  z-index: 3;
}

body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-call {
  order: 2;
  z-index: 2;
}

body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-standings {
  order: 3;
  z-index: 1;
}

body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-wallet {
  background: #105431 !important;
  box-shadow: none !important;
}

body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-call,
body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-standings {
  background: #9c4db1 !important;
}

body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-x50-wheel {
  background: url(https://uploads.onecompiler.io/43kt7pygm/43qjwc624/media_18755179_0837470962ad0ff75ac4535e349a57df.gif) center / contain no-repeat !important;
  box-shadow: none !important;
}

body.mobile-site .hdr-additional-info .user-nav-icon.bc-i-x50-wheel::before {
  color: transparent !important;
}

/* Açık: tam satır — KAPAT >> sol, ikonlar sağ (ortaklık, telefon, cüzdan, çark) */
body.mobile-site .hdr-additional-info.hdr-shortcuts-row-expanded,
body.mobile-site .hdr-additional-info:has(.isExpandedIcons) {
  z-index: 10;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px;
  max-height: 40px;
  margin-inline-start: 0 !important;
  padding-inline: var(--padding-page-aside, 10px);
  border-radius: 0;
  box-shadow: none;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgb(32, 32, 34) !important;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .headerExpanded {
  flex: 0 0 auto;
  order: 0;
  height: 40px;
  padding: 0 8px 0 0;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .headerExpanded .hdr-expanded-label {
  display: inline;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .headerExpandedIcons--collapsed {
  display: none !important;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .headerExpandedIcons--open {
  display: flex !important;
  direction: ltr;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .headerExpanded .hdr-expanded-label {
  color: #fff;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .hdr-shortcuts-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-start: auto;
  gap: 6px;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .hdr-shortcuts-icons .user-nav-icon {
  margin-inline-start: 0;
  box-shadow: none;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .user-nav-icon.bc-i-wallet {
  box-shadow: none !important;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .hdr-shortcut-wheel {
  display: inline-flex !important;
}

/* Açık modda ikon sırası: ortaklık → telefon → cüzdan → çark */
body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .bc-i-standings {
  order: 1;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .bc-i-call {
  order: 2;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .bc-i-wallet {
  order: 3;
}

body.mobile-site .hdr-additional-info .hdr-user-bc.hasLoyaltyLevel.isExpandedIcons .bc-i-x50-wheel {
  order: 4;
}

/* —— 3. hdr-crypto-content —— */
body.mobile-site .hdr-crypto-content {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  width: 100%;
  min-height: var(--mobile-header-crypto-height, 36px);
  padding: 1px 8px !important;
  border-bottom: 1px solid rgba(var(--b-sc), 0.05);
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
  z-index: 1;
  flex-shrink: 0;
}

body.mobile-site .hdr-crypto-content .btn.connect-wallet {
  width: min(168px, 52vw);
  height: 28px;
  min-height: 28px;
  margin: 4px 0 3px;
  border: none;
  border-radius: var(--border-radius, 8px);
  box-shadow: 0 0 6px 1px #f701f2 !important;
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.mobile-site .hdr-crypto-content .btn.connect-wallet span {
  display: block;
}

/* —— 4. Nav — tek katman hdr-navigation-scrollable-content —— */
body.mobile-site .hdr-navigation-scrollable-bc-holder {
  display: block;
  width: 100%;
  background: linear-gradient(89deg, #661760 0%, rgb(0 11 36) 50%, #0e005a 100%) !important;
  box-shadow: 0 0 7px 2px #850f83 !important;
  transition: max-height 0.25s ease, opacity 0.2s ease;
  height: var(--mobile-header-navigation-height, 44px);
  max-height: var(--mobile-header-navigation-height, 44px);
  min-height: var(--mobile-header-navigation-height, 44px);
  overflow: hidden;
  flex-shrink: 0;
}

/* —— Guest auth butonları: kompakt boyut —— */
body.mobile-site .hdr-main-content-bc > .hdr-user-bc {
  gap: 5px !important;
}

body.mobile-site .hdr-main-content-bc .hdr-user-bc .btn.sign-in {
  height: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  border-radius: 6px !important;
  border: 1px solid #850f83 !important;
  background: rgba(133, 15, 131, 0.15) !important;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s, transform 0.15s !important;
}

body.mobile-site .hdr-main-content-bc .hdr-user-bc .btn.register {
  height: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  border-radius: 6px !important;
  border: 1px solid #9b37c8 !important;
  background: linear-gradient(135deg, #661760 0%, #9b37c8 100%) !important;
  color: #fff !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s, transform 0.15s !important;
  cursor: pointer !important;
}

body.mobile-site .hdr-main-content-bc .hdr-user-bc .btn.sign-in:active,
body.mobile-site .hdr-main-content-bc .hdr-user-bc .btn.register:active {
  transform: scale(0.96) !important;
}

body.mobile-site .hdr-navigation-scrollable-bc-holder.header-hidden {
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0;
  pointer-events: none;
  box-shadow: none !important;
}

body.mobile-site .hdr-navigation-scrollable-bc {
  display: flex;
  width: 100%;
  height: var(--mobile-header-navigation-height, 44px);
}

body.mobile-site .hdr-navigation-scrollable-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
  height: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

body.mobile-site .hdr-navigation-scrollable-content::-webkit-scrollbar {
  display: none;
}

body.mobile-site .hdr-navigation-scrollable-content .hdr-navigation-link-bc {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  padding: 0 10px;
  margin: 2px;
  border: none;
  border-radius: 90px;
  border-right: 1px solid #dfe7ef;
  background: transparent !important;
  color: #f5f9ff !important;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  line-height: var(--mobile-header-navigation-height, 44px);
  box-shadow: inset 0 -2px 0 0 transparent !important;
}

body.mobile-site .hdr-navigation-scrollable-content .hdr-navigation-link-bc:last-child {
  border-right: none;
}

body.mobile-site .hdr-navigation-scrollable-content .nav-menu-title {
  display: block;
  padding: 0;
  font-size: 10px;
  line-height: 1.2;
}

body.mobile-site .hdr-navigation-scrollable-content .hdr-navigation-link-bc[class*="badge-"]::after {
  top: 3px;
  height: 12px;
  padding: 0 4px;
  font-size: 8px;
  line-height: 12px;
  border-radius: var(--border-radius, 3px);
  background: #53934f !important;
  color: #fff !important;
}

body.mobile-site .hdr-navigation-scrollable-content .hdr-navigation-link-bc:hover,
body.mobile-site .hdr-navigation-scrollable-content .hdr-navigation-link-bc.active {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.mobile-site .mainContentWrap > .hm-row-bc.hm-row-banners-in-header {
  display: none !important;
}