html {
  --dynamic-header: 50px !important;
}
html.px-login-open,
html.px-reg-open,
html:has(.generic-navigation-is-visible),
html:has(.overlay-sliding-is-visible) {
  --dynamic-header: 0px !important;
}
html.px-login-open .hdr-dynamic-content,
html.px-reg-open .hdr-dynamic-content,
.generic-navigation-is-visible .hdr-dynamic-content,
.overlay-sliding-is-visible .hdr-dynamic-content {
  display: none !important;
}
.header-bc {
  top: var(--dynamic-header) !important;
  z-index: 1002 !important;
}
.hdr-dynamic-content {
  height: 50px;
  overflow: hidden;
}
.px-info-bar {
  height: 50px;
  overflow: hidden;
  background: linear-gradient(179deg, #001f46, #0b224d, #010b29);
  border-top: 3px solid #1e88e5;
  box-sizing: border-box;
}
.px-info-track {
  display: inline-block;
  white-space: nowrap;
  padding-top: 14px;
  animation: px-info-kay 35s linear infinite;
}
.px-info-track p {
  display: inline-block;
  margin: 0;
  padding-right: 3em;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
}
.px-info-track a {
  color: #f5e6a3;
  text-decoration: none;
}
@keyframes px-info-kay {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.layout-bc.generic-navigation-is-visible .hdr-additional-info,
.layout-bc.overlay-sliding-is-visible .hdr-additional-info,
.layout-bc:has(.popup-holder-bc.full-screen:not(.hidden)) .hdr-additional-info {
  display: none !important;
}
.popup-holder-bc.full-screen .entrance-form-bc.popup {
  top: 60px;
  height: calc(100% - 60px);
}
.popup-holder-bc.full-screen .e-p-close-icon-bc {
  position: fixed;
  top: 16px;
  right: 12px;
  z-index: 1005;
}
html.px-login-open #smart-panel-holder,
html.px-reg-open #smart-panel-holder,
html.px-login-open .hdr-toggle-button-bc,
html.px-reg-open .hdr-toggle-button-bc {
  display: none !important;
}
.entrance-form-bc .form-control-bc:not(.select):focus-within .form-control-title-bc,
.entrance-form-bc .form-control-bc:not(.select).filled .form-control-title-bc {
  top: 4px !important;
  font-size: 10px !important;
  line-height: 12px !important;
}
.entrance-form-bc .form-control-bc:not(.select):focus-within .form-control-input-bc,
.entrance-form-bc .form-control-bc:not(.select).filled .form-control-input-bc {
  padding-top: 16px !important;
}
.entrance-form-bc .form-control-bc.has-icon .form-control-label-bc {
  position: relative;
}
.entrance-form-bc .form-control-bc.has-icon .form-control-input-bc {
  padding-inline-end: 42px !important;
}
.entrance-form-bc .form-control-icon-bc.bc-i-eye,
.entrance-form-bc .form-control-icon-bc.bc-i-eye-hidden {
  z-index: 2;
  right: 12px;
}
html.px-hdr-tek.px-logged .hdr-additional-info {
  gap: 3px !important;
  padding: 0 6px !important;
  flex-wrap: nowrap !important;
  overflow: hidden;
}
html.px-hdr-tek.px-logged .hdr-additional-info .loyaltyBonusHeader {
  display: flex !important;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  width: auto !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}
html.px-logged .loyaltyBonusHeaderShadow,
html.px-logged .loyaltyBonusHeaderBackground { display: none !important; }
html.px-logged .loyaltyBonusHeaderText {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 26px !important;
  white-space: nowrap;
  overflow: visible;
}
html.px-logged .loyaltyBonusImg {
  height: 18px !important;
  width: 18px !important;
  object-fit: contain;
  flex: 0 0 18px;
}
html.px-logged .orion-odullerim-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  height: 26px !important;
  width: auto !important;
  padding: 0 6px !important;
  border-radius: 5px !important;
  border: 1px solid #49d279 !important;
  background: linear-gradient(0deg, #186622 0%, #2ea526 50%, #35bc31 100%) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700;
}
html.px-logged .orion-odullerim-btn .CMSIconSVGWrapper { width: 14px; height: 14px; display: flex; }
html.px-logged #px-bonus-talep {
  width: auto !important;
  flex: 0 0 auto;
  padding: 0 5px !important;
  font-size: 9px !important;
  gap: 3px !important;
}
html.px-logged .hdr-additional-info .hdr-user-bc {
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 4px !important;
  gap: 4px !important;
}
html.px-logged .hdr-additional-info .hdr-user-bc > a { margin: 0 !important; }
html.px-logged .hdr-additional-info .user-nav-icon:nth-child(1) {
  width: 56px !important;
  min-width: 56px !important;
  background-size: cover !important;
  background-position: center !important;
}
html.px-logged .hdr-main-content-bc { align-items: center; flex-wrap: nowrap; }
html.px-logged .hdr-crypto-btn {
  display: flex;
  align-items: center;
  width: 54px;
  height: 28px;
  margin: 0 8px 0 0;
  padding: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}
html.px-logged .hdr-crypto-info {
  width: 100%;
  height: 28px;
  padding: 0 6px;
  box-sizing: border-box;
}
html.px-logged .currency-control-symbol-wrp { margin-inline-end: 4px; }
html.px-logged .currency-control-symbol-letter {
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
html.px-logged .balanceAmount {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
html.px-logged .hdr-main-content-bc .hdr-user-bc {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
html.px-logged .hdr-user-avatar-icon-bc { font-size: 26px; line-height: 1; color: #fff; cursor: pointer; }
html.px-logged .profileDetails { cursor: pointer; }
html.px-logged .px-profile-x { display: none; }
html.px-profile-open .hdr-crypto-btn,
html.px-profile-open .hdr-main-content-bc .hdr-user-bc,
html.px-profile-open #smart-panel-holder { display: none !important; }
html.px-profile-open .px-profile-x {
  display: block !important;
  position: absolute;
  top: 16px;
  right: 12px;
  z-index: 1005;
  cursor: pointer;
}
#px-balance.overlay-sliding-wrapper-bc {
  top: 60px !important;
  height: calc(100% - 60px) !important;
  overflow: auto;
  background: #071426 !important;
  z-index: 990;
  color: #fff;
}
#px-balance [hidden] { display: none !important; }
#px-balance .u-i-p-c-body-bc { padding: 0 12px 28px; }
#px-balance .back-nav-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  background: transparent !important;
  opacity: 1 !important;
  cursor: pointer;
  color: #fff !important;
}
#px-balance .back-nav-icon-bc { font-size: 18px; color: #fff !important; }
#px-balance .back-nav-title-bc {
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
#px-balance .hdr-navigation-scrollable-bc { background: transparent !important; padding: 0 !important; border: 0 !important; }
#px-balance .hdr-navigation-scrollable-content { display: flex; gap: 18px; overflow: auto; border-bottom: 1px solid rgba(255,255,255,.12); }
#px-balance .hdr-navigation-link-bc { color: #c5d4ea !important; background: none !important; text-decoration: none; white-space: nowrap; padding: 10px 0; font-size: 12px !important; font-weight: 700; }
#px-balance .hdr-navigation-link-bc.active { color: #fff !important; box-shadow: inset 0 -2px 0 #3b82f6; }
#px-balance .px-pay-banner { width: 100%; height: auto; display: block; border-radius: 12px; margin: 10px 0; }
#px-balance .horizontal-sl-list { display: flex; gap: 8px; overflow: auto; padding: 4px 0 10px; }
#px-balance .horizontal-sl-item-bc { flex: 0 0 auto; min-width: 72px; height: 58px; border-radius: 10px; background: #10284f; color: #d5e2f5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer; }
#px-balance .horizontal-sl-item-bc.active { background: #1d4ed8; color: #fff; }
#px-balance .horizontal-sl-icon-bc { font-size: 16px; }
#px-balance .horizontal-sl-title-bc { margin: 0; font-size: 10px; font-weight: 700; }
#px-balance .m-block-nav-items-bc {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  grid-template-columns: none !important;
}
#px-balance .m-nav-items-list-item-bc {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  cursor: pointer;
}
#px-balance .m-nav-items-list-item-bc::before,
#px-balance .m-nav-items-list-item-bc::after {
  content: none !important;
  display: none !important;
}
#px-balance .nav-ico-w-row-bc {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: none !important;
}
#px-balance .payment-logo {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 12px;
}
#px-balance .px-pay-empty { padding: 28px 8px; text-align: center; color: #9fb0c9; }
#px-balance .px-pay-logo { width: 100%; height: auto; display: block; border-radius: 12px; margin: 4px 0 12px; }
#px-balance .px-pay-note { margin: 0 0 14px; color: #d5e2f5; font-size: 13px; line-height: 1.5; }
#px-balance .px-pay-form { display: flex; flex-direction: column; gap: 12px; }
#px-balance .px-pay-label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; }
#px-balance .px-pay-input { height: 44px; border: 0; border-radius: 8px; background: #0c2348; color: #fff; padding: 0 12px; }
#px-balance .px-pay-go { height: 46px; border: 0; border-radius: 8px; background: #1d4ed8; color: #fff; font-weight: 700; cursor: pointer; }
#px-profile.overlay-sliding-wrapper-bc {
  top: 60px !important;
  height: calc(100% - 60px) !important;
  overflow: auto;
  background: #071426;
  z-index: 990;
}
#px-profile .u-i-profile-page-bc { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 24px; }
#px-profile .u-i-p-amounts-bc { height: auto !important; margin: 0 !important; }
#px-profile .u-i-p-a-content-bc { padding: 14px; border-radius: 12px; }
#px-profile .px-acc-kicker { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .04em; }
#px-profile .px-acc-amount { display: block; margin: 6px 0 12px; color: #fff; font-size: 28px; line-height: 1; }
#px-profile .px-acc-actions { display: flex; gap: 8px; }
#px-profile .px-acc-btn, #px-profile .px-acc-wide, #px-profile .px-acc-vip, #px-profile .px-acc-row {
  border: 0; color: #fff; cursor: pointer; font-weight: 700;
}
#px-profile .px-acc-btn { flex: 1; height: 36px; border-radius: 8px; }
#px-profile .px-acc-in { background: linear-gradient(180deg, #ff4d6d, #e11d48); color: #fff; }
#px-profile .px-acc-out { background: #2f6fed; color: #fff; }
#px-profile .px-acc-wide, #px-profile .px-acc-vip, #px-profile .px-acc-row {
  display: flex; align-items: center; gap: 10px; width: 100%; height: 44px; padding: 0 14px; border-radius: 10px; text-align: left;
}
#px-profile .px-acc-row > i,
#px-profile .px-acc-wide > i,
#px-profile .px-acc-vip > i,
#px-profile .px-acc-form i,
#px-profile .profile-top-card .user-icon {
  font-family: BetConstruct-Icons !important;
  font-size: 18px;
  line-height: 1;
  width: 22px;
  text-align: center;
  flex: 0 0 22px;
}
#px-profile .profile-top-card .username { text-transform: uppercase; }
#px-profile .px-acc-wide { background: #0c2348; }
#px-profile .px-acc-vip { background: linear-gradient(90deg, #f59e0b, #fbbf24); color: #1a1203; }
#px-profile .px-acc-row { background: #10284f; }
#px-profile .px-acc-row .bc-i-small-arrow-right { margin-left: auto; }
#px-profile .profile-top-card { margin: 0; justify-content: flex-start !important; }
#px-profile .px-acc-ok { display: flex; align-items: center; gap: 4px; color: #34d399; font-size: 12px; }
#px-profile .px-acc-form { display: flex; gap: 8px; align-items: center; }
#px-profile .px-acc-form input, #px-profile .px-acc-form-label {
  flex: 1; height: 40px; border: 0; border-radius: 8px; background: #0c2348; color: #fff; padding: 0 12px;
}
#px-profile .px-acc-form-label { display: flex; align-items: center; gap: 8px; font-weight: 700; }
#px-profile .px-acc-form button { height: 40px; padding: 0 14px; border: 0; border-radius: 8px; background: #e11d48; color: #fff; font-weight: 700; cursor: pointer; }
#px-profile .userLogoutBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 42px;
  margin: 8px 0 0;
  border: 0;
  border-radius: 8px;
  background: #e7eef8;
  color: #10284f;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
#px-profile .userLogoutIcon { font-size: 18px; line-height: 1; }
html.px-login-open .header-bc button.sign-in { display: none !important; }
html.px-reg-open .header-bc button.register { display: none !important; }
.generic-search-header:not(.focused) > .form-control-bc {
  width: 0 !important;
  opacity: 0 !important;
  overflow: hidden;
}
.layout-header-holder-bc {
  height: auto !important;
}
.layout-content-holder-bc {
  padding-top: 150px !important;
}
#chat-widget-container,
.tawk-min-container,
.tawk-button {
  display: none !important;
}
.px-layer {
  display: none;
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100200;
  background: #0b1224;
  overflow: auto;
}
.px-layer.px-on { display: block; }
#px-gmenu.hdr-nav-menu-holder-bc {
  overflow: hidden;
}
#px-gmenu .genericMenuContent {
  height: calc(100% - var(--tab-navigation-height, 53px));
  min-height: 0;
  overflow: hidden;
}
#px-gmenu .genericMenuOpen {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.tab-navigation-w-bc {
  z-index: 960;
}
.hdr-nav-menu-holder-bc { pointer-events: none; }
.hdr-nav-menu-holder-bc .genericMenuContent { pointer-events: auto; }
#px-gmenu[hidden] { display: none !important; }
#px-loginbox .connect-button-text,
#px-regbox .connect-button-text {
  margin: 14px 0 6px;
  text-align: center;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  letter-spacing: 1px;
}
#px-loginbox .footerSocialLinks,
#px-regbox .footerSocialLinks {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 6px;
  margin: 12px 0;
  padding: 0 8px;
  list-style: none;
}
#px-loginbox .footerSocialLink a,
#px-regbox .footerSocialLink a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 16px;
}
#px-loginbox .popup-inner-bc,
#px-regbox .popup-inner-bc {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #0b1224;
  box-sizing: border-box;
}
.popup-holder-bc .entrance-form-bc.popup {
  height: auto;
  min-height: 100%;
}
.px-layer .sdr-image-bc {
  width: 100%;
  height: auto;
  display: block;
}
.px-form-msg {
  min-height: 18px;
  margin: 8px 0 0;
  color: #ffb4b4;
  font-size: 13px;
}
.px-x {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #fff;
}
.px-x:before {
  content: "\00d7";
  font-size: 22px;
  line-height: 28px;
}
.px-layer .overlay-sliding-wrapper-bc,
.px-layer .betslip-bc {
  position: relative;
  min-height: 100%;
  background: #0b1224;
}
#px-notes .back-nav-bc,
#px-favs .back-nav-bc,
#px-sets .back-nav-bc,
#px-notes .back-nav-title-bc,
#px-favs .back-nav-title-bc,
#px-sets .back-nav-title-bc,
#px-notes .back-nav-icon-bc,
#px-favs .back-nav-icon-bc,
#px-sets .back-nav-icon-bc {
  color: #fff !important;
}
#px-notes .notification-new-item,
#px-favs .need-to-login,
#px-sets .settings-selectors-bc,
#px-betbox .betslip-full-content-bc {
  padding: 12px;
}
.swiper:has(.sdr-image-bc) {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  container-type: inline-size;
}
.swiper:has(.sdr-image-bc) > .swiper-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  width: max-content !important;
}
.swiper:has(.sdr-image-bc) > .swiper-wrapper > .swiper-slide {
  width: 100cqi !important;
  flex: 0 0 100cqi !important;
  max-width: 100cqi !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.swiper:has(.sdr-image-bc) .sdr-item-holder-bc,
.swiper:has(.sdr-image-bc) .sdr-item-bc,
.swiper:has(.sdr-image-bc) .sdr-image-bc {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain;
}
.casinoGameItem,
.market-odd-bc,
.ds-chip,
.horizontal-sl-item-bc,
.promotionsListEl-bc,
.tab-nav-item-bc,
.jackpot-pool-card,
.sp-button-bc,
button.sign-in,
button.register {
  cursor: pointer;
}
#px-menu,
#px-notice,
#px-promo,
#px-login {
  position: fixed;
  inset: 0;
  z-index: 100090;
  display: none;
  background: rgba(0, 0, 0, 0.62);
}
#px-notice { z-index: 100120; }
#px-menu.px-open,
#px-notice.px-open,
#px-promo.px-open,
#px-login.px-open {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.px-card {
  width: min(420px, 100%);
  max-height: 86vh;
  overflow: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 16px 16px 22px;
  border-radius: 16px 16px 0 0;
  background: #121826;
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}
.px-card h3 {
  margin: 0 0 12px;
  font-size: 16px;
}
.px-card p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.4;
}
.px-card a,
.px-card button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 8px;
  padding: 12px 14px;
  border: 0;
  border-radius: 8px;
  background: #1c2740;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.px-card .px-ok {
  text-align: center;
  background: linear-gradient(180deg, #f59e0b 0%, #ea580c 100%);
}
.px-card input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 8px;
  padding: 12px 14px;
  border: 0;
  border-radius: 8px;
  background: #0c1220;
  color: #fff;
  font-size: 14px;
}
.px-card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 12px;
}