#PageSpinner {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #0e1f04;
  z-index: 9999999;
  visibility: visible;
  opacity: 1;
}

#PageSpinner,
#PageSpinner * {
  pointer-events: none !important;
}
#PageSpinner.Hide {
  display: none !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none !important;
}

#PageSpinner .SpinnerWrapper,
#PageSpinner .CircleBorder,
#PageSpinner .SpinnerContainer,
#PageSpinner .AppVersion {
  display: none !important;
}

#PageSpinner .MainIcon {
  display: block;
  width: 132px;
  position: absolute;
  z-index: 12;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.jj-splash-mark {
  position: absolute;
  z-index: 12;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 28px;
  letter-spacing: -0.4px;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}
.jj-splash-mark .jj-jojo { color: #f3f3f3; }
.jj-splash-mark .jj-bet { color: #f6eb1f; }

#PageSpinner .LoadingScreen {
  display: block !important;
  position: relative;
  width: 228px;
  height: 228px;
  border-radius: 50%;
  background: linear-gradient(#F5C51F, #F49920);
  animation: animateLoadingScreen 1.2s linear infinite;
  box-shadow: 0 0 28px 8px rgba(245, 197, 31, 0.55), 0 0 80px 18px rgba(244, 153, 32, 0.28);
  transform: translateZ(0);
  will-change: transform;
}

@keyframes animateLoadingScreen {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#PageSpinner .LoadingScreen span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(#F5C51F, #F49920);
  transform: translateZ(0);
  pointer-events: none;
}
#PageSpinner .LoadingScreen span:nth-child(1) { filter: blur(5px); }
#PageSpinner .LoadingScreen span:nth-child(2) { filter: blur(10px); }
#PageSpinner .LoadingScreen span:nth-child(3) { filter: blur(25px); }
#PageSpinner .LoadingScreen span:nth-child(4) { filter: blur(90px); }

#PageSpinner .LoadingScreen:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #0e1f04;
  border-radius: 50%;
  opacity: 0.96;
  z-index: 1;
}

html, body {
  touch-action: manipulation;
}
body {
  background: #0e1f04;
}

img.LazyImage {
  opacity: 1 !important;
}

.SportsIframeWrapper,
#SportsIframe,
iframe.SportsIframe {
  min-height: 920px;
  width: 100%;
  border: 0;
  background: #0a0a0a;
  overflow: visible;
  touch-action: manipulation;
  pointer-events: auto !important;
}
body > div:has(#min-widget) {
  pointer-events: none !important;
}
html.tawk-force-open body > div:has(#min-widget) {
  pointer-events: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
}
.SectionContent .SportsIframeWrapper {
  background: #0a0a0a;
  margin: 0;
}

.jj-guest {
  display: contents;
}

.jj-logged {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  position: relative;
}

.OperatorAccountContainer .jj-logged {
  display: flex;
  align-items: center;
  gap: 0;
  position: relative;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit {
  color: #294c0b;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon svg {
  width: 1.2rem;
  margin-left: 0.4rem;
  fill: #294c0b;
}
.OperatorAccountContainer .Button.ToggleUserMenu {
  min-width: 0;
  padding: 0.5rem 0.7rem 0.2rem;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f9c408 !important;
  fill: #f9c408 !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.OperatorAccountContainer .Button.ToggleUserMenu:hover {
  background: transparent;
  color: #f9c408;
  fill: #f9c408;
}
.OperatorAccountContainer .ToggleUserMenu svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: #f9c408;
  margin-left: 0.2rem;
  vertical-align: middle;
}
.OperatorAccountContainer .ContentTriggerWrapper {
  position: relative;
}
.OperatorUserMenu {
  display: block;
  width: 32rem;
  position: absolute;
  top: 5.2rem;
  right: 0;
  z-index: 10050;
  background: #fff;
  color: #212121;
  fill: #252a31;
  font-size: 1.6rem;
  line-height: 2rem;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  box-shadow: rgba(90, 90, 90, 0.45) 0 6px 8px 0;
}
.ContentTriggerWrapper.IsActive .OperatorUserMenu,
.OperatorAccountContainer.IsActive .OperatorUserMenu {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.OperatorUserMenuWrapper {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
  background: #f3f3f3;
  padding: 0 0 1.5rem;
}
.OperatorUserMenuWrapper .OperatorUserText {
  padding: 1.6rem;
  font-weight: 600;
  color: #212121;
}
.OperatorUserMenuWrapper .TotalBalanceWrapper {
  box-sizing: border-box;
  padding: 1.6rem 0;
  margin: 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.OperatorUserMenuWrapper .BalanceWrapper,
.OperatorUserMenuWrapper .TotalBonusesWrapper {
  padding: 1.6rem;
  font-size: 1.6rem;
}
.OperatorUserMenuWrapper .TotalBonusesWrapper {
  padding: 0 1.6rem 1.6rem;
}
.OperatorUserMenuWrapper .BalanceWrapper .Text,
.OperatorUserMenuWrapper .TotalBalanceWrapper .Text,
.OperatorUserMenuWrapper .TotalBonusesWrapper .Text {
  display: inline-block;
  color: #4e4e4e;
}
.OperatorUserMenuWrapper .BalanceWrapper .Currency,
.OperatorUserMenuWrapper .TotalBalanceWrapper .Currency,
.OperatorUserMenuWrapper .TotalBonusesWrapper .Currency {
  display: inline-block;
  float: right;
  color: #212121;
}
.OperatorUserMenu .OperatorHeaderDeposit {
  display: block;
  min-width: 88%;
  margin: 1.6rem;
  padding: 0.9rem 0.8rem 1.1rem;
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
  text-decoration: none;
}
.OperatorHeaderWithdraw {
  display: block;
  min-width: 88%;
  margin: 0 1.6rem 1.6rem;
  padding: 0.9rem 0.8rem 1.1rem;
  background: none;
  border: 0.2rem solid #f9c408;
  color: #4e4e4e;
  text-transform: uppercase;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  font-size: 1.6rem;
}
.OperatorHeaderWithdraw:hover {
  background: none;
  border-color: #ffe900;
  color: #4e4e4e;
}
.OperatorUserSubmenu {
  display: block;
  background: #fff;
  margin: 0 1.6rem;
}
.OperatorUserSubmenu .Menu,
.OperatorUserSubmenu .List {
  display: block !important;
  width: 100% !important;
}
.OperatorUserSubmenu .MenuItem,
.OperatorUserSubmenu .ListItem {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;
  border-bottom: 0.1rem solid #f3f3f3;
}
.OperatorUserSubmenu .Anchor,
.OperatorUserSubmenu .LogOutButton {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 1rem 1.6rem;
  color: #212121;
  font-size: 1.4rem;
  line-height: 2.5rem;
  text-decoration: none;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-weight: 400;
  text-transform: capitalize;
  box-sizing: border-box;
  white-space: nowrap;
}
.OperatorUserSubmenu .Anchor:hover,
.OperatorUserSubmenu .LogOutButton:hover {
  background: #d7d7d7;
  color: #212121;
}

body.Page-Account .SectionContent {
  background: #f4f4f4;
  min-height: 62vh;
  color: #212121;
}
body.Page-Cashier .SectionContent {
  background: #23281f;
  min-height: 62vh;
  color: #fff;
}
.CashierPageWidgetContainer,
.ProfilePageContent {
  max-width: 96rem;
  margin: 0 auto;
  padding: 2.4rem 1.6rem 4rem;
}
.BankingMethods .TabsHeader {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 0 0 1.6rem;
  border-bottom: 1px solid #dedede;
}
.BankingMethods .TabsHeader a {
  display: block;
  padding: 2rem 0;
  color: #212121;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: none;
}
.BankingMethods .TabsHeader a.IsActive {
  color: #f9c408;
  border-bottom: 2px solid #f9c408;
}
.PaymentMethodList {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
  padding: 0.4rem 0 1.2rem;
}
.BankingMethods .PaymentMethodItem.ListItem {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 0.3rem;
  text-align: center;
}
.BankingMethods .PaymentMethodItem .Button {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.BankingMethods .PaymentMethodIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.6rem;
  height: 5rem;
  overflow: hidden;
  background: #fff;
  border-radius: 0.5rem;
}
.BankingMethods .PaymentMethodItem.Active .PaymentMethodIcon {
  border: 2px solid #f9c408;
}
.BankingMethods .PaymentMethodItem img {
  width: 100%;
  height: auto;
}
.BankingMethods .PaymentLabel {
  display: none;
}
.BankingMethods .Form,
.ProfileForm {
  background: #fff;
  padding: 1.6rem;
  border-radius: 0.6rem;
  max-width: 48rem;
}
.BankingMethods .FormLabel,
.ProfileForm .FormLabel {
  display: block;
  margin: 0.8rem 0 1rem;
}
.BankingMethods .LabelText,
.ProfileForm .LabelText {
  display: block;
  margin-bottom: 0.4rem;
  color: #828282;
}
.BankingMethods .Input,
.ProfileForm .Input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.9rem 1rem;
  border: 1px solid #cfcfcf;
  border-radius: 0.4rem;
}
.TransactionHistoryNavigator ul {
  display: flex;
  flex-wrap: wrap;
  overflow-x: auto;
  background: #f7f7f7;
}
.TransactionHistoryNavigator .ListItem .Button {
  display: block;
  width: 100%;
  padding: 1.6rem 1.2rem 1.2rem;
  color: #4e4e4e;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  font-size: 1.3rem;
}
.TransactionHistoryNavigator .ListItem .Button.IsActive,
.TransactionHistoryNavigator .ListItem .Button:hover {
  color: #f9c408;
  border-bottom-color: #f9c408;
}
.ComponentListTransactionHistory {
  width: 100%;
  margin: 1.6rem 0;
  background: #fff;
  font-size: 1.4rem;
}
.ComponentListTransactionHistory th,
.ComponentListTransactionHistory td {
  padding: 1.2rem 1rem;
  border-bottom: 1px solid #dedede;
  text-align: left;
  color: #212121;
}
.NoTransactionHistory {
  max-width: 96rem;
  margin: 0 auto;
  padding: 2.4rem 1.6rem;
  font-size: 1.4rem;
  color: #4e4e4e;
}
.ProfileForm .OperatorHeaderDeposit,
.BankingMethods .Form .OperatorHeaderDeposit {
  width: 100%;
  margin: 1.6rem 0 0;
  background: #f9c408;
  color: #294c0b;
  border: 0;
  padding: 0.9rem 0.8rem 1.1rem;
}

.jj-logged[hidden],
.jj-guest[hidden],
.ButtonLogin[hidden],
#RegisterButton-Header[hidden] {
  display: none !important;
}

.jj-balance-chip {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  border: 0.1rem solid hsla(0, 0%, 100%, 0.15);
  color: #fff;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 2rem;
}

.jj-user-menu {
  position: relative;
}

.jj-user-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 14rem;
  background: #203d08;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.15);
  z-index: 20;
  list-style: none;
  padding: 0.4rem 0;
  margin: 0;
}

.jj-user-menu:hover .jj-user-dropdown,
.jj-user-menu:focus-within .jj-user-dropdown {
  display: block;
}

.jj-user-dropdown a {
  display: block;
  color: #fff;
  padding: 0.7rem 1.2rem;
  white-space: nowrap;
}

.jj-user-dropdown a:hover {
  background: #294c0b;
  color: #f9c408;
}

#jj-login-overlay.LoginModal[hidden],
.ModalWindow.LoginModal[hidden] {
  display: none !important;
}
#jj-login-overlay.LoginModal:not([hidden]),
.ModalWindow.LoginModal:not([hidden]),
.ModalWindow.LoginModal.is-open {
  position: fixed !important;
  inset: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 20000 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  overflow: auto !important;
}
#jj-login-overlay .ModalOverlay,
.LoginModal .ModalOverlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(35, 38, 43, 0.7) !important;
}
#jj-login-overlay .ModalContent,
.LoginModal .ModalContent {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 36.4rem !important;
  max-width: calc(100vw - 2.4rem) !important;
  height: auto !important;
  max-height: calc(100vh - 4.8rem) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  animation: none !important;
}
#jj-login-overlay .LoginFormWrapper,
.LoginModal .LoginFormWrapper {
  display: block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  color: #212121 !important;
  box-shadow: 0 0.6rem 0.8rem rgba(90, 90, 90, 0.45) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  z-index: 2 !important;
}
#jj-login-overlay .LoginFormMobileHeader,
.LoginModal .LoginFormMobileHeader {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 2.2rem 4rem 0.4rem !important;
  background: #fff !important;
  color: #111 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
#jj-login-overlay .LoginFormMobileHeader h2,
.LoginModal .LoginFormMobileHeader h2 {
  margin: 0 !important;
  color: #111 !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
#jj-login-overlay .LoginFormNoAccount,
.LoginModal .LoginFormNoAccount {
  display: none !important;
}
#jj-login-overlay .LoginFormNoAccount .AnchorText,
.LoginModal .LoginFormNoAccount .AnchorText {
  color: #f9c408 !important;
}
#jj-login-overlay .ModalCloseButton,
.LoginModal .ModalCloseButton {
  position: absolute !important;
  top: -1.6rem !important;
  right: 0.4rem !important;
  width: 3.6rem !important;
  height: 3.6rem !important;
  padding: 0.6rem !important;
  background: #3a3328 !important;
  border: 0 !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  fill: #fff !important;
  color: #fff !important;
  z-index: 5 !important;
}
#jj-login-overlay .Form,
.LoginModal .Form {
  display: flex !important;
  flex-flow: column nowrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 2.4rem 2.6rem 2.6rem !important;
  box-sizing: border-box !important;
}
#jj-login-overlay .FormLabel,
.LoginModal .FormLabel {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  margin: 0 0 1.4rem !important;
}
#jj-login-overlay .LabelWrap,
.LoginModal .LabelWrap {
  margin-bottom: 0.8rem !important;
}
#jj-login-overlay .LabelText,
.LoginModal .LabelText {
  color: #333 !important;
  font-weight: 600 !important;
}
#jj-login-overlay .Req,
.LoginModal .Req {
  color: #c00 !important;
}
#jj-login-overlay .InputWrap,
.LoginModal .InputWrap {
  position: relative !important;
  margin: 0 !important;
}
#jj-login-overlay input[type="text"],
#jj-login-overlay input[type="password"],
#jj-login-overlay input[type="email"],
.LoginModal input[type="text"],
.LoginModal input[type="password"],
.LoginModal input[type="email"] {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 1rem !important;
  border: 0.1rem solid #d7d7d7 !important;
  border-radius: 0.4rem !important;
  background: #fff !important;
  font-size: 1.4rem !important;
  height: auto !important;
}
#jj-login-overlay .LoginSubmitButton,
.LoginModal .LoginSubmitButton {
  display: flex !important;
  order: 0 !important;
  flex: none !important;
  width: 100% !important;
  height: 4.2rem !important;
  margin: 0.4rem 0 0.6rem !important;
  padding: 0.9rem 0.8rem !important;
  background: #f9c408 !important;
  color: #294c0b !important;
  border: 0 !important;
  border-radius: 0.6rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
}
#jj-login-overlay .LoginSubmitButton .ButtonText,
.LoginModal .LoginSubmitButton .ButtonText {
  color: #294c0b !important;
}
#jj-login-overlay .LoginSignupButton,
.LoginModal .LoginSignupButton {
  display: none !important;
}
#jj-login-overlay .LoginFormForgot,
.LoginModal .LoginFormForgot {
  width: 100% !important;
  margin: 0 0 1rem !important;
  text-align: left !important;
  position: static !important;
}
#jj-login-overlay .LoginFormForgot .Link,
.LoginModal .LoginFormForgot .Link,
#jj-login-overlay .LoginFormForgot button,
.LoginModal .LoginFormForgot button {
  color: #f9c408 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 1.4rem !important;
  cursor: pointer !important;
}
#jj-login-overlay .CustomLoginContent,
.LoginModal .CustomLoginContent {
  flex: none !important;
  font-size: 1.4rem !important;
  line-height: 1.45 !important;
  margin: 0.2rem 0 1rem !important;
  color: #222 !important;
}
#jj-login-overlay .CustomLoginContent a,
.LoginModal .CustomLoginContent a {
  color: #e0a100 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
#jj-login-overlay .PasswordToggleIcon,
.LoginModal .PasswordToggleIcon {
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  cursor: pointer !important;
}

.jj-form-msg {
  color: #b42318;
  background: #fde8e8;
  border: 0.1rem solid #f5c2c0;
  padding: 0.8rem 1rem;
  border-radius: 0.4rem;
  margin: 0 0 1rem;
}

.jj-form-msg[hidden] {
  display: none !important;
}

.Page-Register .TurnstileWrapper {
  display: none !important;
}
.Page-Register .RegisterFormSubmitButton[disabled],
.Page-Register .RegisterFormSubmitButton:disabled {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer !important;
  filter: none !important;
}
.Page-Register #birth-dateID {
  pointer-events: auto !important;
  background: #fff;
}

.jj-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1.6rem 4rem;
  color: #fff;
}

.jj-page h1 {
  color: #f9c408;
  font-size: 2.4rem;
  margin: 0 0 1.6rem;
}

.jj-search {
  width: 100%;
  max-width: 42rem;
  margin: 0 0 1.6rem;
  padding: 1rem 1.2rem;
  border-radius: 0.4rem;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.2);
  background: #203d08;
  color: #fff;
}

.jj-games {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14.4rem, 1fr));
  gap: 1.2rem;
}

.jj-game {
  display: block;
  background: #203d08;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.12);
  border-radius: 0.6rem;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

.jj-game img {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
  background: #142a06;
}

.jj-game span {
  display: block;
  padding: 0.7rem 0.8rem;
  font-size: 1.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jj-game:hover {
  border-color: #f9c408;
  color: #f9c408;
}

.jj-empty {
  color: #d7e8c4;
  padding: 2rem 0;
}

.jj-pay-row {
  display: grid;
  grid-template-columns: 4.8rem 1fr auto;
  gap: 1.2rem;
  align-items: center;
  width: 100%;
  text-align: left;
  background: #203d08;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  padding: 1.2rem;
  margin: 0 0 0.8rem;
  border-radius: 0.6rem;
  cursor: pointer;
}

.jj-pay-row img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
}

.jj-pay-row span,
.jj-pay-row em {
  display: block;
  font-style: normal;
  color: #d7e8c4;
  font-size: 1.3rem;
}

.jj-pay-form,
.jj-account-card,
.jj-promo,
.jj-tourney {
  background: #203d08;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.12);
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin: 1.2rem 0;
  color: #fff;
}

.jj-pay-form label,
.jj-account-card dt {
  display: block;
  margin: 0.8rem 0 0.3rem;
  color: #f9c408;
}

.jj-pay-form input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.9rem;
  border-radius: 0.4rem;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.2);
  background: #142a06;
  color: #fff;
}

.jj-pay-form button,
.jj-cta {
  display: inline-block;
  margin-top: 1.2rem;
  padding: 1rem 1.6rem;
  background: #f9c408;
  color: #294c0b;
  border: 0;
  border-radius: 0.4rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.jj-tabs {
  display: flex;
  gap: 0.8rem;
  margin: 0 0 1.6rem;
}

.jj-tabs a {
  color: #fff;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.2);
  padding: 0.7rem 1.2rem;
  border-radius: 999px;
  text-decoration: none;
}

.jj-tabs a.is-on,
.jj-tabs a:hover {
  background: #f9c408;
  color: #294c0b;
  border-color: #f9c408;
}

.jj-table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
}

.jj-table th,
.jj-table td {
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.12);
  padding: 0.8rem;
  text-align: left;
}

.jj-game-frame {
  width: 100%;
  min-height: 78vh;
  border: 0;
  background: #000;
}

.RegisterFormStepWrapper.Hidden {
  display: none !important;
}

.InputWrap {
  position: relative;
}

.PasswordToggleIcon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background: #294c0b;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 110-10 5 5 0 010 10z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 720px) {
  .jj-games {
    grid-template-columns: repeat(2, 1fr);
  }
  #jj-login-overlay .ModalContent,
  .LoginModal .ModalContent {
    width: calc(100vw - 2.4rem) !important;
    max-width: 40rem !important;
    height: auto !important;
    max-height: calc(100vh - 4.8rem) !important;
  }
  #jj-login-overlay .LoginSignupButton,
  .LoginModal .LoginSignupButton {
    display: flex !important;
    order: 1 !important;
    width: 100% !important;
    height: 4.2rem !important;
    margin: 0.5rem 0 !important;
    background: transparent !important;
    color: #cacaca !important;
    border: 0.1rem solid #cacaca !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .LanguageSelectorContainer {
    display: none !important;
  }
  .WhatsappIconWrapper,
  .IosAppPageLinkWrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #f9c408 !important;
    fill: #f9c408 !important;
  }
  .WhatsappIconWrapper svg,
  .IosAppPageLinkWrapper svg {
    width: 1.7rem !important;
    height: 1.7rem !important;
    fill: #f9c408 !important;
  }
  .OperatorMainMenu {
    display: none !important;
  }
  .SportsIframeWrapper,
  #SportsIframe,
  iframe.SportsIframe {
    min-height: 720px;
  }
}

.HamburgerButton {
  display: none !important;
  pointer-events: none !important;
}
.HeaderContainer .OperatorMobileNavMock {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  min-width: 40px !important;
  height: 5.5rem;
  flex: 0 0 40px;
  position: relative;
  z-index: 21;
}
.jj-hamburger {
  width: 40px;
  height: 5.5rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 22;
}
.jj-hamburger-box {
  display: block;
  position: relative;
  width: 20px;
  height: 16px;
}
.jj-hamburger-inner,
.jj-hamburger-inner:before,
.jj-hamburger-inner:after {
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 2.5px;
  background: #fff;
  border-radius: 1px;
  content: "";
  transition: transform 0.18s ease, opacity 0.18s ease, top 0.18s ease;
}
.jj-hamburger-inner {
  top: 50%;
  margin-top: -1.25px;
}
.jj-hamburger-inner:before { top: -7px; }
.jj-hamburger-inner:after { top: 7px; }
.jj-hamburger.is-open .jj-hamburger-inner { background: transparent; }
.jj-hamburger.is-open .jj-hamburger-inner:before {
  top: 0;
  transform: rotate(45deg);
}
.jj-hamburger.is-open .jj-hamburger-inner:after {
  top: 0;
  transform: rotate(-45deg);
}

#jj-sidenav {
  position: fixed;
  inset: 0;
  z-index: 100000;
  pointer-events: none !important;
  visibility: hidden;
}
#jj-sidenav.Open,
#jj-sidenav.is-open,
body.jj-nav-open #jj-sidenav {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
  visibility: visible;
}
body.jj-nav-open #jj-tawk-fab {
  pointer-events: none !important;
  visibility: hidden !important;
}
/* touch13: shields removed — leftovers must never intercept taps */
#jj-hit-top,
#jj-hit-bot,
#jj-hit-fab {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
/* touch16: odds bridge removed — leftovers must never intercept taps */
#jj-odds-layer {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: -1 !important;
}
body.jj-nav-open #jj-odds-layer,
#jj-sidenav.Open ~ #jj-odds-layer,
body.jj-login-open #jj-odds-layer {
  display: none !important;
  pointer-events: none !important;
}
@media (min-width: 1100px) {
  #jj-odds-layer {
    display: none !important;
    pointer-events: none !important;
  }
}
#jj-sidenav[hidden] { display: none !important; }
.jj-sidenav-bg {
  position: absolute;
  inset: 0;
  background: rgba(14, 31, 4, 0.62);
}
.jj-sidenav-panel {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 80vw;
  max-width: 34rem;
  background: linear-gradient(0deg, #151516, #1e1e20);
  box-shadow: 0.4rem 0 3rem -0.6rem rgba(33, 33, 33, 0.8);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateX(-102%);
  transition: transform 0.28s ease;
}
#jj-sidenav.is-open .jj-sidenav-panel { transform: translateX(0); }
.jj-sidenav-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.5rem;
  padding: 0 1.2rem 0 0.4rem;
  background: linear-gradient(90deg, #294c0b 0, #203d08);
  border-bottom: 0.1rem solid #f9c408;
}
.jj-sidenav-x {
  width: 4.4rem;
  height: 5.5rem;
  border: 0;
  background: transparent;
  position: relative;
  cursor: pointer;
}
.jj-sidenav-x span {
  position: absolute;
  left: 1.3rem;
  width: 1.8rem;
  height: 0.18rem;
  background: #fff;
  border-radius: 1px;
}
.jj-sidenav-x span:first-child { transform: rotate(45deg); }
.jj-sidenav-x span:last-child { transform: rotate(-45deg); }
.jj-sidenav-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 2.2rem;
  letter-spacing: -0.04em;
  line-height: 1;
}
.jj-sidenav-brand .jj-jojo { color: #f3f3f3; }
.jj-sidenav-brand .jj-bet { color: #f6eb1f; }
.jj-sidenav-links { display: flex; flex-direction: column; padding: 0.6rem 0 4rem; }
.jj-sidenav-link {
  display: block;
  padding: 1.35rem 1.6rem;
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.jj-sidenav-link:active { background: rgba(255, 255, 255, 0.06); }
body.jj-nav-open { overflow: hidden; }

#jj-sidenav.MenuDrawer {
  display: flex;
  z-index: 100000;
  height: 100vh;
  height: var(--windowHeight, 100vh);
}
#jj-sidenav .MenuDrawerHeader .OperatorLogo,
#jj-sidenav .jj-drawer-logo {
  width: 11.2rem;
  height: 4.4rem;
  margin: 0;
}
#jj-sidenav .MenuDrawerHeader .OperatorLogo svg,
#jj-sidenav .jj-drawer-logo svg,
#jj-sidenav .MenuDrawerHeader .OperatorLogoLink {
  width: 11.2rem;
  height: 4.4rem;
  display: block;
}
#jj-sidenav .jj-tab-ico,
#jj-sidenav .ImageWithTransitionContainer {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0 auto 0.3rem;
}
#jj-sidenav .jj-tab-ico svg,
#jj-sidenav .MenuTabItemIcon {
  width: 3rem !important;
  height: 3rem !important;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  opacity: 1 !important;
}
#jj-sidenav .MenuTabItem {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 1.1rem;
  line-height: 1.2;
  text-align: center;
}
#jj-sidenav .MenuTabItem.Active {
  color: #f9c408;
}
#jj-sidenav .MenuTabItem .Skeleton {
  display: none !important;
}
#jj-sidenav .DefaultTabPanelItemLink {
  display: flex !important;
  align-items: center;
  gap: 0.8rem;
  padding: 1.05rem 0.8rem !important;
  color: #e8e8e8 !important;
  font-size: 1.4rem;
  line-height: 1.3;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
#jj-sidenav .DefaultTabPanelItemIcon {
  width: 2rem !important;
  height: 2rem !important;
  object-fit: contain;
  border-radius: 0.3rem;
  flex: 0 0 2rem;
  margin-right: 0.2rem;
}

@media (min-width: 1100px) {
  .HeaderContainer .OperatorMobileNavMock,
  .jj-hamburger {
    display: none !important;
  }
  #jj-sidenav { display: none !important; }
}

/* Logged-in header: balance chip + user icon (MyAccount) */
.OperatorAccountContainer .jj-logged {
  display: flex;
  align-items: center;
  gap: 0;
}
.OperatorAccountContainer a.OperatorHeaderDeposit.CTASecondary,
.OperatorAccountContainer a#DepositButton-Header.OperatorHeaderDeposit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 38px;
  padding: 10px !important;
  margin: 0 16px;
  background: #f9c408 !important;
  color: #294c0b !important;
  fill: #294c0b !important;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  box-shadow: none;
  line-height: 1;
}
.OperatorAccountContainer .OperatorHeaderDeposit .TotalBalanceWrapper {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.OperatorAccountContainer .OperatorHeaderDeposit .TotalBalanceWrapper .Text {
  display: none !important;
}
.OperatorAccountContainer .OperatorHeaderDeposit .FormattedAmount,
.OperatorAccountContainer .OperatorHeaderDeposit .CurrencyPlaceholder {
  color: #294c0b;
  margin: 0;
}
.OperatorAccountContainer .OperatorHeaderDeposit .CurrencyContainer {
  display: inline;
  white-space: nowrap;
  gap: 0;
}
.OperatorAccountContainer .OperatorHeaderDeposit .PlusIcon {
  display: inline-flex;
  margin-left: 4px;
}
.OperatorAccountContainer .OperatorHeaderDeposit .PlusIcon svg {
  width: 12px;
  height: 12px;
  fill: #294c0b;
}
.OperatorAccountContainer .Button.ToggleUserMenu {
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 5px !important;
  margin: 0 2px;
  background: transparent !important;
  border: 0 !important;
  color: #f9c408 !important;
  fill: #f9c408 !important;
  cursor: pointer;
  box-shadow: none !important;
}
.OperatorAccountContainer .ToggleUserMenu svg,
.OperatorAccountContainer .ToggleUserMenu .Icon,
.OperatorAccountContainer .ToggleUserMenu .ComponentIcon,
.OperatorAccountContainer .ToggleUserMenu .SvgIcon {
  width: 24px !important;
  height: 24px !important;
  margin: 0;
  background: transparent !important;
  display: inline-flex;
  fill: #f9c408;
  color: #f9c408;
}
.MyAccountDropdownContainer,
.InstanceToggleMenu.ContentTriggerWrapper {
  position: relative;
}
.ContentTriggerContentWrapper {
  display: none;
  position: absolute;
  top: 52px;
  right: 0;
  z-index: 10060 !important;
  overflow: visible !important;
}
.SectionHeader,
.jj-bottom-nav {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.SectionHeader {
  z-index: 100050 !important;
  overflow: visible !important;
  transform: translateZ(0) !important;
}
body.is-logged .ModalWindow.LoginModal,
body.IsLoggedIn .ModalWindow.LoginModal,
body.is-logged .OperatorLoginWidget {
  display: none !important;
}
.ContentTriggerWrapper.IsActive .ContentTriggerContentWrapper,
.OperatorAccountContainer.IsActive .ContentTriggerContentWrapper,
.jj-account-portal {
  display: block !important;
}
.jj-account-portal {
  position: fixed !important;
  z-index: 10070 !important;
}
.MyAccountMenuWrapper {
  width: 350px;
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
  background: #fff;
  color: #212121;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(33, 33, 33, 0.3);
  padding: 0 0 1.6rem;
  font-size: 1.3rem;
}
.MyAccount.TopWrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.2rem 1.4rem 0.8rem;
  background: #fff;
}
.MyAccountInboxLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #212121;
  text-decoration: none;
  font-size: 1.2rem;
  min-width: 5.6rem;
}
.MyAccountBell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  border-radius: 0.8rem;
  border: 0.3rem solid #f9c408;
  color: #f9c408;
  fill: #f9c408;
  background: #fff;
  margin-bottom: 0.2rem;
  padding: 0.35rem;
}
.MyAccountBell svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: #f9c408;
}
.MyAccountUserBlock {
  text-align: right;
  flex: 1;
}
.MyAccountUserName {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #212121;
}
.MyAccountSecurity {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
  margin-top: 0.4rem;
  color: #6b6b6b;
  font-size: 1.2rem;
}
.MyAccountSecurityOn {
  display: inline-block;
  background: #2ea44f;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
}
.MyAccountSwitch {
  display: inline-block;
  width: 3.4rem;
  height: 1.8rem;
  border-radius: 999px;
  background: #2ea44f;
  position: relative;
  vertical-align: middle;
}
.MyAccountSwitch:after {
  content: "";
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: #fff;
}
.MyAccountMenu.BalanceContainer {
  display: flex;
  background: #fff;
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.MyAccountMenu.BalanceContainer .BalanceContainerItem {
  flex: 1;
}
.MyAccountMenu.BalanceContainer .Text {
  display: block;
  color: #6b6b6b;
  font-size: 1.15rem;
  margin-bottom: 0.3rem;
}
.MyAccountMenu.BalanceContainer .Currency {
  display: block;
  font-weight: 700;
  color: #212121;
  font-size: 1.5rem;
  float: none;
}
.MyAccountMenu.BalanceContainer .BalanceWrapper,
.MyAccountMenu.BalanceContainer .TotalBonusesWrapper,
.MyAccountMenu.BalanceContainer .TotalBalanceWrapper {
  padding: 1.4rem 0.5rem;
  margin: 0;
  border: 0;
}
.MyAccountMenuGrid,
.MyAccountMenu.LinksContainer {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0 20px 14px;
  gap: 0;
}
.MyAccountMenu.LinksContainer .MenuItem,
.MyAccountMenuGrid > .MyAccountMenuLink {
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
  box-sizing: border-box;
  padding: 8px 2px;
}
.MyAccountMenuLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #212121;
  text-decoration: none;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 600;
}
.MyAccountMenuIcon,
.MenuItemImg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin-bottom: 0.4rem;
  background: transparent;
  border-radius: 0;
}
.MyAccountMenuIcon img,
.MyAccountMenuIcon svg,
.MenuItemImg img,
.MenuItemImg svg {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.MyAccountMenuLabel,
.MyAccountMenuLink .AnchorText {
  max-width: 8.2rem;
  color: #212121;
}
.MyAccountPromoCard,
.MyAccountTournamentCard {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #212121;
  text-decoration: none;
  text-align: left;
  padding: 0;
  margin: 0;
}
.MyAccountMenu.TornamentsRankContainer {
  padding: 0 20px 8px;
  color: #212121;
  font-size: 12px;
  line-height: 15px;
}
.MyAccountTournamentImg {
  width: 85px;
  height: 60px;
  object-fit: cover;
  border-radius: 5px;
  flex-shrink: 0;
}
.MyAccountTournamentCopy .Title {
  font-weight: 700;
  margin-bottom: 4px;
  color: #212121;
}
.MyAccountTournamentRank {
  display: flex;
  width: 100%;
  margin-top: 8px;
}
.MyAccountTournamentRank .RankSec,
.MyAccountTournamentRank .PrizeSec {
  width: 49%;
  background: #f9c408;
  display: flex;
  align-items: center;
  padding: 5px;
  margin: 5px;
  color: #294c0b;
  font-weight: 700;
  box-sizing: border-box;
}
.MyAccountTournamentRank .Icon {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #132504;
  margin-right: 5px;
  padding-right: 3px;
  fill: #294c0b;
  color: #294c0b;
}
.MyAccountTournamentRank .Icon svg {
  width: 15px;
  height: 15px;
}
.MyAccountTournamentRank .RankInfo {
  line-height: 22px;
  padding: 0 10px 0 5px;
}
.MyAccountMenu.FooterContainer {
  padding: 4px 0 8px;
}
.MyAccountLogoutButton {
  display: block;
  width: auto;
  min-width: 16rem;
  margin: 0 auto;
  background: transparent !important;
  border: 0.2rem solid #2ea44f !important;
  color: #2ea44f !important;
  border-radius: 999px;
  padding: 0.7rem 2.4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  text-transform: uppercase;
}

body.Page-Cashier .SectionContent,
body.Page-WidgetDeposit .SectionContent,
body.Page-WidgetWithdraw .SectionContent,
body.Page-Cashier .CashierPageWidgetContainer,
body.Page-Cashier .BankingMethods {
  background: #23281f !important;
  color: #fff;
  min-height: 70vh;
}
body.Page-Cashier .InstanceOperatorMyCasinoTabsHeader {
  display: flex;
  justify-content: center;
  max-width: 86rem;
  margin: 0 auto;
  padding: 0 1.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  list-style: none;
}
body.Page-Cashier .InstanceOperatorMyCasinoTabsHeader .ListItem {
  flex: 1 1 50%;
  max-width: 36rem;
  text-align: center;
}
body.Page-Cashier .InstanceOperatorMyCasinoTabsHeader .Anchor {
  display: block;
  padding: 1.8rem 0 1.4rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 700;
  font-size: 1.5rem;
  text-decoration: none;
  background: transparent;
  border: 0;
  position: relative;
}
body.Page-Cashier .InstanceOperatorMyCasinoTabsHeader .Anchor.IsActive {
  color: #f9c408;
}
body.Page-Cashier .InstanceOperatorMyCasinoTabsHeader .Anchor.IsActive:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 4px;
  background: #f9c408;
}
.CashierPageWidgetContainer {
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 0 4rem;
  background: #23281f;
}
.CashierMethodListWidget {
  background: #23281f;
  padding-bottom: 20px;
  max-width: 713px;
  margin: 0 auto;
}
.MethodsListDescription {
  color: #fff;
  padding: 10px;
  text-align: left;
}
.MethodsListDescription h3 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 10px 0;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.04em;
}
.MethodsListDescription p {
  color: #fff;
  opacity: 0.55;
  font-size: 12px;
  margin: 0;
  line-height: 1.4;
}
.CashierMethodList,
.CashierMethodsGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin: 10px;
  max-width: 100%;
}
.SelectorWrapper,
.CashierMethodCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 171px;
  height: 171px;
  padding: 5px 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border: 0;
  border-radius: 10px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  box-sizing: border-box;
}
.SelectorWrapper::before,
.CashierMethodCard::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: 10px;
  background: linear-gradient(140deg, #f5f5f5 5%, #23281f 40%, #000 60%);
  opacity: 0.2;
}
.SelectorWrapper:hover,
.CashierMethodCard:hover,
.CashierMethodCard.Active {
  box-shadow: inset 0 0 7px #f9c408;
  transform: scale(1.02);
}
.MethodFavorite,
.CashierPopular {
  font-size: 8px;
  color: #fff;
  background: red;
  border-radius: 15px;
  margin: 0 5px;
  line-height: 10px;
  height: 16px;
  position: static;
  top: auto;
  right: auto;
  padding: 0;
  font-weight: 400;
}
.MethodFavorite p {
  padding: 3px;
  margin: 0;
}
.MethodLogo,
.CashierMethodCard .PaymentMethodIcon {
  margin: 5px;
  width: auto;
  height: auto;
  background: transparent;
}
.MethodLogo img,
.CashierMethodCard .PaymentMethodIcon img {
  width: auto;
  max-width: 89px;
  height: auto;
  max-height: 36px;
  object-fit: contain;
  display: block;
}
.MethodInfo {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
}
.MethodTitle,
.CashierMethodName {
  color: #fff;
  margin: 5px;
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.3rem;
  word-break: break-word;
}
.MethodLimits,
.CashierMethodLimits {
  margin: 5px;
  font-weight: 300;
  color: #fff;
  opacity: 0.7;
  font-size: 1.15rem;
  line-height: 1.35;
}
.MethodLimits p {
  margin: 0;
}
.PaymentProcessing,
.CashierMethodEta {
  padding: 5px;
  color: #f9c408;
  font-size: 1.15rem;
  font-weight: 600;
  margin-top: auto;
}
body.Page-Cashier .PayCardForm {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  max-width: 48rem;
  margin: 1.6rem auto 0;
  border-radius: 1rem;
}
body.Page-Cashier .PayCardForm .LabelText,
body.Page-Cashier .PayCardForm .TabContentTitle {
  color: #fff;
}
body.Page-Cashier .PayCardForm .Input {
  background: #111;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

body.Page-Account .SectionContent {
  background: #f4f4f4 !important;
  color: #212121;
  padding: 110px 0 50px !important;
  min-height: 70vh;
}
[data-jj-account-shell] {
  max-width: 1100px;
  margin: 0 auto;
}
.ActiveBonusesWrapper {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 32px;
  color: #212121;
}
.ActiveBonusesWrapper > .Title {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding: 17px 0 12px;
  margin: 0;
  color: #212121;
}
.BonusesContent {
  display: flex;
  flex-direction: column-reverse;
}
.CasinoBonusesContent {
  padding: 0 0 20px;
}
.BonusesFieldset {
  max-width: 590px;
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 8px;
}
.InputContainer.FormLabel {
  display: block;
  flex: 0 0 398px;
  width: 398px;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.InputContainer .LabelWrap {
  display: block;
  margin: 0 0 6px;
  color: #3d3d3d;
  font-size: 16px;
  line-height: 16px;
}
.InputContainer .Req { color: #d32f2f; margin-left: 2px; }
.InputWrap {
  display: inline-block;
  width: 398px;
  max-width: 100%;
}
.FormInput.E2E-bonusCode-input {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 10px 12px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  color: #212121;
  font-size: 16px;
  box-sizing: border-box;
}
.ButtonGroup {
  display: flex;
  flex: 0 0 174px;
  margin: 0 !important;
  width: 174px;
  align-self: flex-end;
}
.BonusesFieldset .InputContainer.FormLabel {
  margin: 0 !important;
}
.ComponentButton.InstanceActiveBonuses {
  display: block;
  width: 174px;
  height: 40px;
  padding: 9px 12px 11px;
  border: 0;
  border-radius: 4px;
  background: #f9c408;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}
.CasinoBonusesMessage {
  font-size: 16px;
  line-height: 20px;
  padding: 0 8px;
  color: #212121;
}
.DiscountBonusSection { margin-top: 8px; }
.DiscountBonusSectionGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, 343px);
  gap: 15px;
}
.DiscountBonusBanner {
  display: flex;
  flex-direction: column;
  width: 343px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  color: #212121;
}
.DiscountBonusBannerImg {
  display: block;
  width: 323px;
  height: 185px;
  margin: 10px 10px 0;
  object-fit: cover;
  border-radius: 6px;
}
.DiscountBonusBannerTitle {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  padding: 10px;
}
.DiscountBonusActions {
  display: flex;
  gap: 10px;
  margin: 10px;
}
.DiscountBonusButton {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 9px 12px 11px;
  background: #fff;
  border: 1px solid #f9c408;
  border-radius: 6px;
  color: #212121;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.InstanceBonusHistoryLayout,
.InstanceMycasinoHistoryLayout,
.InstanceMyCasinoPaymentHistoryLayout,
.ProfilePageContent {
  max-width: 1100px;
  margin: 50px auto;
  padding: 0 16px;
  color: #212121;
}
.InstanceBonusHistoryTitle,
.InstanceTransactionHistoryTitle,
.InstancePaymentHistoryTitle,
.ProfilePageContent .Title,
[data-jj-account-shell] > .ComponentLayout > .Title {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 20px;
  color: #212121;
}
.TransactionHistoryNWAContainer { width: 100%; }
.TransactionFilterNWAMinimal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 20px;
}
.NoOfItemsToDisplayContainer {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #4e4e4e;
}
.NoOfItemsToDisplayMessage { margin-right: 8px; }
.TransPaginationOptions {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.TransPaginationItem {
  min-width: 24px;
  text-align: center;
  font-size: 12px;
  color: #4e4e4e;
}
.TransPaginationItem.Active {
  background: #f9c408;
  color: #294c0b;
  border-radius: 4px;
  font-weight: 700;
  padding: 2px 6px;
}
.TransPaginationButton {
  background: transparent;
  border: 0;
  color: #4e4e4e;
  cursor: pointer;
  font-size: 12px;
}
.TransactionFilterButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 34px;
  padding: 8px 10px;
  background: #e5e4e2;
  border: 0;
  border-radius: 8px;
  color: #294c0b;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.ComponentListTransactionHistory {
  background: transparent;
  margin: 0;
}
.TransHistoryList { width: 100%; overflow-x: auto; }
.TransHistoryTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #cacaca;
  color: #212121;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px 14px;
  box-sizing: border-box;
}
.TransHistoryTitle > span { flex: 1; }
.TransHistoryItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  color: #4e4e4e;
  font-size: 14px;
  padding: 13.5px 24px 14px;
  border-bottom: 1px solid #dedede;
  box-sizing: border-box;
}
.TransHistoryItem > div { flex: 1; }
.TransHistoryHours {
  display: block;
  font-size: 12px;
  color: #818181;
}
.PaginationWrapperNWA {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-top: 8px;
}
.PaginationButton {
  background: transparent;
  border: 0;
  color: #c8c8c8;
  font-size: 30px;
  font-weight: 600;
  padding: 9px 12px 11px;
  line-height: 1;
}
.PaginationButton:not(:disabled) { color: #818181; cursor: pointer; }
.InstanceOperatorGamblingTimeDisclaimer {
  font-size: 13px;
  color: #4e4e4e;
  margin: 0 0 16px;
}

body.Page-Mycasino .jj-mycasino-tabs {
  display: flex;
  justify-content: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #dedede;
  list-style: none;
  background: transparent;
}
body.Page-Mycasino .jj-mycasino-tabs .ListItem {
  flex: 1 1 50%;
  max-width: 36rem;
  text-align: center;
}
body.Page-Mycasino .jj-mycasino-tabs .Anchor {
  display: block;
  padding: 1.8rem 0 1.4rem;
  color: #4e4e4e;
  font-weight: 700;
  font-size: 1.5rem;
  text-decoration: none;
  background: transparent;
  border: 0;
  position: relative;
}
body.Page-Mycasino .jj-mycasino-tabs .Anchor.IsActive { color: #f9c408; }
body.Page-Mycasino .jj-mycasino-tabs .Anchor.IsActive:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 4px;
  background: #f9c408;
}
.TransactionHistoryNavigator {
  display: flex;
  list-style: none;
  margin: 0 auto 0 0;
  padding: 0;
  background: transparent;
}
.TransactionHistoryNavigator .ListItem .Anchor,
.TransactionHistoryNavigator .ListItem .Button {
  display: block;
  padding: 8px 14px 10px;
  color: #4e4e4e;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
}
.TransactionHistoryNavigator .ListItem .Anchor.IsActive,
.TransactionHistoryNavigator .ListItem .Button.IsActive {
  color: #f9c408;
  border-bottom-color: #f9c408;
}
.DocumentViewCell,
.DocumentActionCell { flex: 0.7; color: #818181; font-size: 13px; }

.ListAndDetailsContainer { width: 100%; }
.CashierMethodDetailsWrapper {
  max-width: 713px;
  margin: 0 auto;
  padding: 8px 10px 32px;
}
.CashierMethodDetailsWrapper .PayCardForm {
  max-width: none;
  margin: 0;
  background: transparent;
  padding: 0;
}
.CashierMethodDetailsWrapper .TabContentTitle { display: none; }
.CashierDetailsHead {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 18px;
}
.CashierBackAll {
  background: transparent;
  border: 0;
  color: #f9c408;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  padding: 0;
}
.CashierDetailsBrand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
}
.CashierDetailsBrand img {
  max-width: 89px;
  max-height: 36px;
  object-fit: contain;
}
.CashierDetailsBrand strong { display: block; font-size: 16px; }
.CashierDetailsBrand p { margin: 4px 0 0; opacity: 0.7; font-size: 13px; }
.CashierAmountChips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 14px;
}
.CashierChip {
  min-width: 72px;
  height: 36px;
  padding: 0 12px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.CashierChip:hover { box-shadow: inset 0 0 7px #f9c408; }
.JjIbanBox {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(249, 196, 8, 0.45);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
}
.JjIbanBrand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.JjIbanBrand img {
  max-width: 110px;
  max-height: 44px;
  object-fit: contain;
}
.JjIbanBrand strong {
  display: block;
  font-size: 18px;
  color: #f9c408;
}
.JjIbanBrand p {
  margin: 4px 0 0;
  opacity: 0.7;
  font-size: 12px;
}
.JjIbanRow {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 14px;
}
.JjIbanRow span {
  min-width: 110px;
  opacity: 0.7;
}
.JjIbanRow strong {
  flex: 1;
  word-break: break-all;
  font-size: 15px;
}
.JjIbanCopy {
  flex: 0 0 auto;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: #f9c408;
  color: #111;
  font-weight: 700;
  cursor: pointer;
}
.JjIbanHint {
  margin: 12px 0 0;
  font-size: 12px;
  opacity: 0.75;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .OperatorTopLanguage,
  .LanguageSelectorContainer {
    display: none !important;
  }
  .SectionHeader {
    height: 54px;
  }
  .OperatorAccountContainer a.OperatorHeaderDeposit.CTASecondary,
  .OperatorAccountContainer a#DepositButton-Header.OperatorHeaderDeposit {
    height: 28px;
    padding: 8px !important;
    font-size: 14px;
    border-radius: 8px;
    margin: 0 4px 0 6px;
  }
  .OperatorAccountContainer .OperatorHeaderDeposit .TotalBalanceWrapper,
  .OperatorAccountContainer .OperatorHeaderDeposit .FormattedAmount {
    font-size: 14px;
  }
  .OperatorAccountContainer .OperatorHeaderDeposit .PlusIcon {
    margin-left: 4px;
  }
  .OperatorAccountContainer .OperatorHeaderDeposit .PlusIcon svg {
    width: 11px;
    height: 11px;
  }
  .OperatorAccountContainer .Button.ToggleUserMenu {
    width: 24px;
    height: 28px;
    min-width: 24px;
    padding: 2px !important;
  }
  .OperatorAccountContainer .ToggleUserMenu svg,
  .OperatorAccountContainer .ToggleUserMenu .Icon,
  .OperatorAccountContainer .ToggleUserMenu .SvgIcon {
    width: 20px !important;
    height: 24px !important;
  }
  .IosAppPageLinkWrapper,
  .WhatsappIconWrapper {
    width: 28px;
    height: 28px;
  }
  .ContentTriggerContentWrapper,
  .jj-account-portal {
    position: fixed !important;
    top: 54px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw;
  }
  .MyAccountMenuWrapper {
    width: 100% !important;
    max-width: 100vw;
    min-height: calc(100vh - 54px);
    max-height: calc(100vh - 54px);
    border-radius: 0;
    box-shadow: none;
    background: #fff;
  }
  .MyAccount.TopWrapper {
    min-height: 80px;
  }
  .MyAccountMenu.BalanceContainer {
    background: #294c0b;
  }
  .MyAccountMenu.BalanceContainer .Text,
  .MyAccountMenu.BalanceContainer .Currency {
    color: #fff;
  }
  .CashierMethodList,
  .CashierMethodsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin: 8px;
  }
  .SelectorWrapper,
  .CashierMethodCard {
    min-height: 171px;
    height: auto;
  }
  .ActiveBonusesWrapper { padding: 16px 12px; }
  .BonusesFieldset { flex-wrap: wrap; max-width: 100%; }
  .InputContainer.FormLabel,
  .InputWrap, .FormInput.E2E-bonusCode-input { width: 100% !important; flex: 1 1 100% !important; max-width: 100%; }
  .ButtonGroup { display: flex; margin: 8px 0 0; width: 100% !important; flex: 1 1 100% !important; }
  .ComponentButton.InstanceActiveBonuses { width: 100%; }
  .DiscountBonusSectionGrid { grid-template-columns: 1fr; }
  .DiscountBonusBanner { width: 100%; }
  .DiscountBonusBannerImg { width: calc(100% - 20px); height: auto; aspect-ratio: 323 / 185; }
  .TransHistoryTitle, .TransHistoryItem { padding-left: 12px; padding-right: 12px; font-size: 12px; }
  .InstanceBonusHistoryLayout,
  .InstanceMycasinoHistoryLayout,
  .InstanceMyCasinoPaymentHistoryLayout { margin: 16px auto; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .LanguageSelectorContainer { display: none !important; }
}

.footer-externalLicence .jj-badge {
  display: block;
  height: 56px;
  width: auto;
  max-width: 150px;
  pointer-events: none;
}
.footer-externalLicence .jj-badge-seal {
  height: 78px;
}
.footer-externalLicence a {
  pointer-events: none;
}

iframe[title="tawk.to'yu Ziyaret Edin"],
iframe[title*="tawk.to"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

iframe[title="chat widget"],
iframe[title="Chat widget"],
iframe[title="Sohbet aracı"],
body.jj-login-open iframe[title="chat widget"],
body.jj-login-open iframe[title="Chat widget"],
body.jj-login-open iframe[title="Sohbet aracı"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.jj-login-open iframe[title="chat widget"],
body.jj-login-open iframe[title="Chat widget"],
body.jj-login-open iframe[title="Sohbet aracı"] {
  visibility: hidden !important;
  opacity: 0 !important;
}
html.tawk-force-open iframe[title="chat widget"],
html.tawk-force-open iframe[title="Chat widget"],
html.tawk-force-open iframe[title="Sohbet aracı"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#jj-tawk-fab {
  position: fixed;
  left: 12px;
  right: auto;
  bottom: 16px;
  z-index: 2147483000;
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
#jj-tawk-fab .jj-tawk-bubble {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f9c408;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#jj-tawk-fab .jj-tawk-bubble::after {
  display: none;
}
#jj-tawk-fab .jj-tawk-label {
  display: none !important;
}
#jj-tawk-fab:hover .jj-tawk-bubble {
  background: #ffd23a;
}
#jj-tawk-fab:hover .jj-tawk-bubble::after {
  background: #ffd23a;
}
#jj-tawk-fab svg {
  width: 30px;
  height: 26px;
  fill: #fff;
  position: relative;
  z-index: 1;
}
#jj-tawk-fab .jj-tawk-label {
  color: #f9c408;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
}
#jj-tawk-fab.is-hidden,
body.jj-login-open #jj-tawk-fab {
  display: none !important;
}
@media (min-width: 768px) {
  html.tawk-force-open iframe[title="chat widget"],
  html.tawk-force-open iframe[title="Chat widget"],
  html.tawk-force-open iframe[title="Sohbet aracı"] {
    left: 12px !important;
    right: auto !important;
    bottom: 16px !important;
  }
}
@media (min-width: 1100px) {
  #jj-tawk-fab {
    left: 12px !important;
    bottom: 16px !important;
  }
  #jj-tawk-fab .jj-tawk-label {
    display: none;
  }
}

/* Tawk home is Palazzo navy. Cover the header and empty body with JOJOBET chrome. */
#jj-chat-skin {
  position: fixed;
  z-index: 2147483647;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  pointer-events: auto;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  border-radius: 18px;
  overflow: auto;
  background: linear-gradient(180deg, #fff6cf 0%, #ffe9a0 42%, #fff 42%);
  color: #111;
  padding: 18px 16px 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}
#jj-chat-skin[hidden],
body.jj-login-open #jj-chat-skin {
  display: none !important;
}
#jj-chat-skin .jj-chat-head {
  pointer-events: auto;
  flex: 0 0 auto;
  box-sizing: border-box;
  background: #284b0a;
  color: #fff;
  padding: 16px 48px 12px 18px;
  position: relative;
}
#jj-chat-skin .jj-chat-logo {
  width: 132px;
  height: 38px;
  line-height: 0;
}
#jj-chat-skin .jj-chat-logo .SvgIcon,
#jj-chat-skin .jj-chat-logo .MainIcon,
#jj-chat-skin .jj-chat-logo svg {
  width: 132px !important;
  height: 38px !important;
  display: block;
}
#jj-chat-skin .jj-chat-hello {
  margin: 12px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}
#jj-chat-skin .jj-chat-sub {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.78);
}
#jj-chat-skin .jj-lc-title {
  margin: 28px 8px 14px;
  font-size: 32px;
  line-height: 1.05;
  font-weight: 800;
  color: #111;
}
#jj-chat-skin .jj-lc-card {
  display: flex;
  gap: 10px;
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
#jj-chat-skin .jj-lc-ava {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 42px;
}
#jj-chat-skin .jj-lc-card b { font-size: 15px; }
#jj-chat-skin .jj-lc-card p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.35;
  color: #222;
}
#jj-chat-skin .jj-lc-go {
  margin: 12px 0;
  height: 52px;
  border: 0;
  border-radius: 12px;
  background: #f5b400;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
#jj-chat-skin .jj-lc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  padding: 16px 18px;
  background: #fff;
  border-radius: 14px;
  color: #222;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
#jj-chat-skin .jj-lc-pre,
#jj-chat-skin .jj-lc-talk { display: none; }
#jj-chat-skin.is-pre { background: #fff; padding: 12px 14px 16px; }
#jj-chat-skin.is-pre .jj-lc-home,
#jj-chat-skin.is-talk .jj-lc-home,
#jj-chat-skin.is-talk .jj-lc-pre { display: none; }
#jj-chat-skin.is-pre .jj-lc-pre,
#jj-chat-skin.is-talk .jj-lc-talk { display: flex; }
#jj-chat-skin .jj-lc-pre,
#jj-chat-skin .jj-lc-talk {
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: auto;
  color: #222;
}
#jj-chat-skin .jj-lc-back {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #f2f2f2;
  font-size: 20px;
  cursor: pointer;
}
#jj-chat-skin .jj-lc-agent {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 8px 0 14px;
}
#jj-chat-skin .jj-lc-agent span { display: block; color: #666; font-size: 13px; }
#jj-chat-skin .jj-lc-q { margin: 12px 0 6px; font-size: 15px; font-weight: 600; }
#jj-chat-skin .jj-lc-radio { display: flex; gap: 8px; align-items: center; margin: 0 0 8px; }
#jj-chat-skin .jj-lc-field { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; font-size: 13px; font-weight: 700; }
#jj-chat-skin .jj-lc-field input,
#jj-chat-skin .jj-lc-field select {
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 400;
  background: #f7f7f7;
}
#jj-chat-skin .jj-lc-start {
  margin-top: 8px;
  height: 52px;
  border: 0;
  border-radius: 12px;
  background: #f5b400;
  color: #111;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}
#jj-chat-skin.is-talk { background: #fff; }
#jj-chat-skin .jj-lc-log { flex: 1; overflow: auto; display: flex; flex-direction: column; gap: 8px; }
#jj-chat-skin .jj-lc-bubble {
  margin: 0;
  align-self: flex-end;
  max-width: 85%;
  background: #fff6d2;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
}
#jj-chat-skin .jj-lc-bubble.is-agent { align-self: flex-start; background: #f3f3f3; }
#jj-chat-skin .jj-lc-composer { display: flex; gap: 8px; margin-top: 10px; }
#jj-chat-skin .jj-lc-composer input {
  flex: 1;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 0 12px;
}
#jj-chat-skin .jj-lc-composer button {
  border: 0;
  border-radius: 10px;
  background: #f5b400;
  font-weight: 700;
  padding: 0 14px;
  cursor: pointer;
}
#jj-chat-skin .jj-chat-x {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #333;
  font-size: 22px;
  line-height: 30px;
  cursor: pointer;
}
#jj-chat-skin .jj-chat-pass {
  display: block !important;
  flex: 0 0 56px;
  background: #284b0a;
  pointer-events: none;
}
#jj-chat-skin .jj-chat-hole {
  flex: 0 0 84px;
  background: #1a1a1a;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  -webkit-mask-size: 100% 100%, calc(100% - 24px) 70px;
  -webkit-mask-position: 0 0, center 6px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
#jj-chat-skin .jj-chat-fill {
  display: block !important;
  flex: 1 1 auto;
  background: #1a1a1a;
  pointer-events: none;
}
#jj-chat-skin .jj-chat-foot {
  display: block !important;
  flex: 0 0 54px;
  background: transparent;
  pointer-events: none;
}
#jj-chat-skin.is-chat .jj-chat-head {
  flex: 0 0 62px;
  padding: 16px 48px 0 18px;
}
#jj-chat-skin.is-chat .jj-chat-hello,
#jj-chat-skin.is-chat .jj-chat-sub,
#jj-chat-skin.is-chat .jj-chat-pass,
#jj-chat-skin.is-chat .jj-chat-hole,
#jj-chat-skin.is-chat .jj-chat-fill,
#jj-chat-skin.is-chat .jj-chat-foot {
  display: none !important;
}
@media (max-width: 767px) {
  #jj-tawk-fab {
    left: 8px;
    right: auto;
    bottom: 16px;
  }
}

/* Original JOJOBET mobile bottom navigation (general-navigation-bar) */
.MobileBottomNavigationWrapper {
  display: none;
}
.MenuDrawer:not(.Open) {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
.MenuDrawer.Open {
  display: flex !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
@media (max-width: 1099px) {
  /* touch16: real iframe hits again — no #jj-odds-layer. Chrome stays above via z-index. */
  body.Page-Home .SportsIframeWrapper,
  body.Page-Sports .SportsIframeWrapper,
  body.SportsOverlay .SportsIframeWrapper,
  body.OverflowHidden .SportsIframeWrapper,
  body.BetSlipActive .SectionContent .SportsIframeWrapper,
  .SectionContent .SportsIframeWrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    min-height: 0 !important;
    height: calc(100dvh - 56px - 6.5rem - env(safe-area-inset-bottom, 0px)) !important;
    max-height: none !important;
    width: 100% !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }
  body.Page-Home #SportsIframe,
  body.Page-Sports #SportsIframe,
  body.Page-Home iframe.SportsIframe,
  body.Page-Sports iframe.SportsIframe,
  body.SportsOverlay .SportsIframeWrapper .SportsIframe,
  body.SportsOverlay .SportsIframeWrapper iframe.SportsIframe,
  body.OverflowHidden .SportsIframeWrapper .SportsIframe,
  body.BetSlipActive .SectionContent .SportsIframeWrapper iframe,
  body.BetSlipActive .SectionContent .SportsIframeWrapper .SportsIframe,
  .SectionContent #SportsIframe,
  .SectionContent iframe.SportsIframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }
  .SectionHeader {
    position: relative !important;
    pointer-events: auto !important;
    z-index: 100050 !important;
  }
  .SectionHeader a,
  .SectionHeader button,
  .SectionHeader .jj-hamburger,
  .SectionHeader input,
  .SectionHeader label {
    pointer-events: auto !important;
    position: relative;
    z-index: 1;
  }
  body.HasMobileBottomNavigation .OperatorMainMenu {
    display: none !important;
  }
  .MobileBottomNavigationWrapper {
    display: block;
    position: relative;
    z-index: 13;
    min-height: 6.5rem;
  }
  .jj-bottom-nav {
    z-index: 100040 !important;
    pointer-events: auto !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: calc(6.5rem + env(safe-area-inset-bottom, 0px));
    background: #242424;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-sizing: border-box;
    overflow: visible;
  }
  .jj-bottom-nav a,
  .jj-bottom-nav button {
    pointer-events: auto !important;
  }
  #jj-tawk-fab {
    z-index: 2147483000 !important;
    pointer-events: auto !important;
  }
  .jj-bottom-nav .NavigationBar {
    background: #151516;
    height: 6.5rem;
    max-width: 100%;
    padding: 0 1.5rem;
    border-radius: 0;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 20% 1fr 1fr;
    grid-template-areas: "item0 item1 . item2 item3";
    position: relative;
  }
  .jj-bottom-nav .NavigationPrimaryItemAnchor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #9f9f9f;
    font-size: 1.2rem;
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    min-width: 0;
  }
  .jj-bottom-nav .NavigationPrimaryItemAnchor.NavItem0 { grid-area: item0; }
  .jj-bottom-nav .NavigationPrimaryItemAnchor.NavItem1 { grid-area: item1; }
  .jj-bottom-nav .NavigationPrimaryItemAnchor.NavItem2 { grid-area: item2; }
  .jj-bottom-nav .NavigationPrimaryItemAnchor.NavItem3 { grid-area: item3; }
  .jj-bottom-nav .NavigationPrimaryItemImgWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .jj-bottom-nav .NavigationPrimaryItemImg {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    display: block;
  }
  .jj-bottom-nav .NavigationPrimaryItemLabel {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
  }
  .jj-bottom-nav .NavigationPrimaryItemAnchor.ActiveItem {
    color: #f9c408;
    background-color: transparent;
  }
  .jj-bottom-nav .NavigationButton {
    background: #151516;
    border: none;
    width: 20%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .jj-bottom-nav .NavigationButton .middleIcon,
  .jj-bottom-nav .NavigationButtonImg {
    width: 3.8rem;
    height: 3.8rem;
    object-fit: contain;
    display: block;
  }
  .jj-bottom-nav .NavigationWindow {
    display: flex;
    flex-direction: column;
    background: none;
    position: absolute;
    bottom: 6.5rem;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    border-radius: 2.134rem 2.134rem 0 0;
    transition: 0.25s ease;
    width: 100%;
    max-height: 60vh;
    pointer-events: none;
    overflow: hidden;
  }
  .jj-bottom-nav .NavigationWindow.NavigationWindowOpened {
    opacity: 1;
    background: #212121;
    box-shadow: 0 4.27px 4.27px 0 rgba(0, 0, 0, 0.25);
    border: none;
    box-sizing: border-box;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    transform: translateY(0);
    pointer-events: auto;
    z-index: 2;
  }
  .jj-bottom-nav .NavigationWindowTitle {
    font-size: 1.7rem;
    color: #fff;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 600;
    padding: 1rem 3rem 1.3rem;
    margin: 0;
  }
  .jj-bottom-nav .ModalCloseBtn {
    position: absolute;
    top: 2rem;
    right: 2.5rem;
    width: 2.134rem;
    height: 2.134rem;
    border: 0;
    border-radius: 100%;
    color: #9f9f9f;
    background: none;
    cursor: pointer;
    padding: 0;
    z-index: 1;
  }
  .jj-bottom-nav .ModalCloseBtn svg {
    width: 2.134rem;
    height: 2.134rem;
    display: block;
    fill: currentColor;
  }
  .jj-bottom-nav .NavigationSecondaryWrapper {
    padding: 0 2.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    gap: 1.3rem 2.5rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: space-around;
  }
  .jj-bottom-nav .NavigationSecondaryItemAnchor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    width: auto;
    min-width: 0;
  }
  .jj-bottom-nav .NavigationSecondaryItemImgWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
  }
  .jj-bottom-nav .NavigationSecondaryItemImg {
    width: 3.4rem;
    height: 3.4rem;
    object-fit: contain;
    display: block;
  }
  .jj-bottom-nav .NavigationSecondaryItemLabel {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    color: #fff;
  }
  .jj-bottom-nav-scrim {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 10035;
  }
  body.jj-bottom-more-open .jj-bottom-nav-scrim {
    display: block;
  }
  body.jj-login-open .MobileBottomNavigationWrapper,
  body.jj-login-open .jj-bottom-nav,
  body.jj-login-open .jj-bottom-nav-scrim {
    z-index: 20;
  }
  #jj-tawk-fab {
    left: 8px !important;
    right: auto !important;
    bottom: calc(6.5rem + 8px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.HasMobileBottomNavigation iframe[title="Sohbet aracı"] {
    margin-bottom: 6.5rem;
  }
}
@media (min-width: 1100px) {
  .MobileBottomNavigationWrapper,
  .jj-bottom-nav,
  .jj-bottom-nav-scrim {
    display: none !important;
  }
}

body.Page-Casino .SectionContent:has(.jj-live-lobby) {
  padding: 110px 0 0;
  max-width: none;
}
body.Page-Casino .jj-live-banner { height: 330px; }
body.Page-Casino .jj-live-banner.has-imgs .jj-live-jacks { display: none !important; }
body.Page-Casino .jj-live-bslide img { object-position: center center; }
.jj-page.jj-live-lobby {
  max-width: none;
  margin: 0;
  padding: 0 0 4.8rem;
  color: #fff;
}
.jj-live-banner {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 42%, #3aa012 0%, transparent 42%),
    radial-gradient(circle at 18% 60%, #1c6b08 0%, transparent 50%),
    linear-gradient(90deg, #0c4a08 0%, #14700c 38%, #1d860f 62%, #0e5208 100%);
}
.jj-live-btrack {
  display: flex;
  height: 100%;
  width: 100%;
  transition: transform 0.4s ease;
}
.jj-live-bslide {
  flex: 0 0 100%;
  height: 100%;
  display: block;
}
.jj-live-bslide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jj-live-bslide-fallback {
  position: relative;
  background:
    radial-gradient(circle at 78% 38%, #4cbf1a 0%, transparent 34%),
    radial-gradient(circle at 18% 60%, #1c6b08 0%, transparent 50%),
    linear-gradient(90deg, #0c4a08 0%, #14700c 38%, #1d860f 62%, #0e5208 100%);
}
.jj-live-altin {
  position: absolute;
  left: 72px;
  top: 22px;
  transform: none;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 30%, #fff6c4 0%, #f0c94a 28%, #d4a017 62%, #8a5a00 100%);
  box-shadow: 0 0.6rem 1.8rem rgba(0, 0, 0, 0.35), inset 0 -0.6rem 0 rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
  color: #6b2e00;
}
.jj-live-altin strong {
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.15;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}
.jj-live-altin b {
  display: block;
  margin-top: 0.35rem;
  font-size: 1.85rem;
  font-weight: 800;
  color: #3b1600;
}
.jj-live-altin span {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.jj-jp-sb { background: radial-gradient(circle at 40% 35%, #ffd36a, #e1067a 72%) !important; }
.jj-jp-av { background: radial-gradient(circle at 40% 35%, #ffd36a, #c1121f 72%) !important; }
.jj-jp-rl { background: radial-gradient(circle at 40% 35%, #ffe27a, #d00027 72%) !important; }
.jj-live-banav {
  position: absolute;
  top: 42%;
  z-index: 4;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.8rem;
  cursor: pointer;
  padding: 0;
}
.jj-live-banav { left: 1.2rem; }
.jj-live-banav-r { left: auto; right: 1.2rem; }
.jj-live-jacks {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  gap: 2.4rem;
  padding: 0.8rem 4.8rem 1rem;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.45));
}
.jj-live-jack {
  min-width: 16rem;
  color: #fff;
  text-align: left;
}
.jj-live-jack-ico {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  background: radial-gradient(circle at 40% 35%, #ffe27a, #c99622 70%);
  border-radius: 50%;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
}
.jj-live-jack strong {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  vertical-align: middle;
}
.jj-live-jack em {
  display: block;
  margin-left: 2.4rem;
  font-style: normal;
  font-size: 1.15rem;
  color: #e8e8e8;
  opacity: 0.9;
}
.jj-live-catsbar {
  display: flex;
  align-items: stretch;
  background: #171717;
  border-bottom: 0.1rem solid #2a2a2a;
  min-height: 4.6rem;
  padding: 0 0.4rem 0 0.2rem;
}
.jj-live-catnav {
  flex: 0 0 3.2rem;
  border: 0;
  background: transparent;
  color: #cfcfcf;
  font-size: 2.4rem;
  cursor: pointer;
  line-height: 1;
}
.jj-live-cats {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  scrollbar-width: none;
  gap: 0.2rem;
}
.jj-live-cats::-webkit-scrollbar { display: none; }
.jj-live-cat {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0 1.15rem;
  color: #fff;
  text-decoration: none;
  font-size: 1.32rem;
  font-weight: 600;
  white-space: nowrap;
  border-bottom: 0.3rem solid transparent;
}
.jj-live-cat.is-on {
  color: #fff;
  border-bottom-color: #f6eb1f;
}
.jj-live-cat:hover { color: #f6eb1f; }
.jj-live-search {
  position: relative;
  flex: 0 0 19rem;
  display: flex;
  align-items: center;
  margin: 0.7rem 0.8rem 0.7rem 1rem;
}
.jj-live-search svg {
  position: absolute;
  left: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  color: #9aa;
  pointer-events: none;
}
.jj-live-search input {
  width: 100%;
  height: 3.2rem;
  border: 0;
  border-radius: 0.3rem;
  background: #203d08;
  color: #fff;
  padding: 0 1rem 0 3rem;
  font-size: 1.25rem;
}
.jj-live-search input::placeholder { color: #9cb88a; }
.jj-live-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 2.2rem 1.1rem;
}
.jj-live-count {
  margin: 0;
  color: #fff !important;
  font-size: 1.7rem !important;
  font-weight: 700;
}
.jj-live-filter {
  background: #1b1b1b;
  color: #fff;
  border: 0.1rem solid #3a3a3a;
  border-radius: 0.3rem;
  padding: 0.55rem 1.2rem;
  font-size: 1.3rem;
  cursor: pointer;
}
.jj-live-filter span {
  display: inline-block;
  margin-left: 0.4rem;
  border: 0.4rem solid transparent;
  border-top-color: #fff;
  transform: translateY(0.3rem);
}
.jj-live-filterwrap { position: relative; }
.jj-live-filtermenu {
  position: absolute;
  right: 0;
  top: 120%;
  z-index: 8;
  min-width: 16rem;
  background: #1b1b1b;
  border: 0.1rem solid #3a3a3a;
  padding: 0.4rem 0;
}
.jj-live-filtermenu button {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: #fff;
  padding: 0.7rem 1.2rem;
  cursor: pointer;
  font-size: 1.3rem;
}
.jj-live-filtermenu button:hover { background: #2a2a2a; color: #f6eb1f; }
.jj-live-lobi .jj-live-toolbar { display: none !important; }
.jj-live-rows {
  display: block;
  padding: 0;
}
.jj-live-sec { margin: 0 0 0.4rem; }
.jj-live-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.7rem 2.2rem 1rem;
}
.jj-live-sec-title {
  margin: 0;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}
.jj-live-sec-all {
  color: #fff;
  text-decoration: none;
  font-size: 1.32rem;
  font-weight: 600;
  white-space: nowrap;
}
.jj-live-sec-all:hover { color: #f6eb1f; }
.jj-live-thumb { position: relative; }
.jj-live-new {
  position: absolute;
  left: 0.45rem;
  top: 0.45rem;
  z-index: 2;
  background: #e10600;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0.12rem 0.42rem;
  border-radius: 0.2rem;
  line-height: 1.2;
}
.jj-live-lobby .jj-games {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1.4rem 1.1rem;
  padding: 0 2.2rem;
}
.jj-live-lobby .jj-game.jj-live-game {
  background: transparent;
  border: 0;
  border-radius: 0.5rem;
  overflow: visible;
  color: #fff;
}
.jj-live-lobby .jj-live-thumb {
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #111;
  aspect-ratio: 16 / 10;
}
.jj-live-lobby .jj-live-game img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.jj-live-lobby .jj-live-name {
  display: block;
  padding: 0.55rem 0.1rem 0;
  font-size: 1.22rem;
  font-weight: 600;
  color: #ececec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jj-live-lobby .jj-live-game:hover {
  border-color: transparent;
  color: #f6eb1f;
}
.jj-live-lobby .jj-live-game:hover .jj-live-name { color: #f6eb1f; }
@media (max-width: 1280px) {
  .jj-live-lobby .jj-games { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .jj-live-altin { width: 14rem; height: 14rem; }
}
@media (max-width: 980px) {
  .jj-live-lobby .jj-games { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .jj-live-banner { height: 160px; }
  .jj-live-search { display: none; }
  .jj-live-jacks { display: none; }
  .jj-live-altin { width: 110px; height: 110px; left: 24px; top: 16px; }
  .jj-live-altin strong { font-size: 1.15rem; }
  .jj-live-altin b { font-size: 1.3rem; }
}
.jj-live-searchbtn { display: none; }
.jj-live-banner:has(img) .jj-live-jacks { display: none !important; }
.jj-live-chips {
  position: absolute;
  right: 6px;
  bottom: 28px;
  z-index: 2;
  display: flex;
  gap: 3px;
}
.jj-live-chips i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  font-style: normal;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jj-live-chips .is-red { background: #d01212; }
.jj-live-chips .is-black { background: #111; }
.jj-live-lim {
  position: absolute;
  left: 8px;
  bottom: 6px;
  z-index: 2;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0 1px 2px #000;
}
.jj-live-more { display: none; }
@media (min-width: 1100px) {
  .jj-live-sec .jj-live-game:nth-child(n+9) { display: none !important; }
}
@media (max-width: 1099px) {
  body.Page-Casino .SectionContent,
  body.Page-Tournaments .SectionContent,
  body.Page-Promotions .SectionContent {
    padding-top: 54px !important;
  }
  .jj-live-banner { height: 232px !important; }
  .jj-live-banav, .jj-live-catnav, .jj-live-sec-all, .jj-live-jacks { display: none !important; }
  .jj-live-searchbtn {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #fff;
  }
  .jj-live-searchbtn svg { width: 22px; height: 22px; }
  .jj-live-search { display: none; }
  .jj-live-search.is-open {
    display: flex;
    position: absolute;
    left: 42px;
    right: 8px;
    z-index: 5;
  }
  .jj-live-catsbar { position: relative; min-height: 49px; background: #1a1a1a; }
  .jj-live-cat { font-size: 14px; font-weight: 600; padding: 0 14px; }
  .jj-live-cat.is-on { border-bottom-color: #f9c408; }
  .jj-live-sec-head { padding: 8px 16px 6px; }
  .jj-live-sec-title { font-size: 16px; font-weight: 700; letter-spacing: 0.04em; }
  .jj-live-lobby .jj-games {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px;
    padding: 0 16px;
  }
  .jj-live-sec .jj-live-game:nth-child(n+5) { display: none !important; }
  .jj-live-sec.is-open .jj-live-game { display: block !important; }
  .jj-live-more {
    display: block;
    width: 200px;
    height: 54px;
    margin: 20px auto 8px;
    border: 2px solid #f9c408;
    border-radius: 8px;
    background: transparent;
    color: #f9c408;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  .jj-live-sec.is-open .jj-live-more { display: none !important; }
  .jj-live-lobby .jj-live-name { font-size: 12px; font-weight: 600; text-align: center; }
  body.Page-Tournaments .jj-live-banner { height: 232px !important; }
  body.Page-Tournaments .TournamentsWrapper { padding: 18px 12px 32px; }
  body.Page-Tournaments .FiltersController {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
  }
  body.Page-Tournaments .FiltersTitle { font-size: 18px; font-weight: 600; }
  body.Page-Tournaments .FiltersList { flex-wrap: nowrap !important; width: 100%; gap: 0; justify-content: space-between; }
  body.Page-Tournaments .FilterButton {
    height: 36px;
    padding: 0 4px !important;
    font-size: 11px !important;
    font-weight: 600;
    text-transform: uppercase !important;
    white-space: nowrap;
    letter-spacing: 0;
  }
}
@media (max-width: 720px) {
  .jj-live-lobby .jj-games {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 1.2rem;
  }
  .jj-live-toolbar { padding: 1.2rem 1.2rem 0.8rem; }
}
.jj-cas-bslide-fallback {
  position: relative;
  background:
    radial-gradient(circle at 72% 40%, #4cc922 0%, transparent 38%),
    linear-gradient(90deg, #0c4a08 0%, #178a10 45%, #0c4a08 100%);
}
.jj-cas-beez {
  position: absolute;
  left: 6%;
  top: 22%;
  z-index: 2;
  color: #ffe14a;
  text-shadow: 0 2px 0 #5a3a00, 0 8px 18px rgba(0, 0, 0, 0.35);
  font-family: "Source Sans Pro", Arial, sans-serif;
}
.jj-cas-beez em {
  display: block;
  font-style: normal;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #fff;
}
.jj-cas-beez b {
  display: block;
  font-size: 3.4rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.05;
  margin: 0.25rem 0 0.55rem;
}
.jj-cas-beez span {
  display: block;
  font-size: 1.45rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
  line-height: 1.25;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}
.jj-jp-hs { background: radial-gradient(circle at 40% 35%, #ffe27a, #c2185b 72%) !important; }
.jj-jp-go { background: radial-gradient(circle at 40% 35%, #ffe27a, #7b1fa2 72%) !important; }

body.Page-Promotions .SectionContent {
  padding: 110px 0 0;
  max-width: none;
}
body.Page-Promotions .jj-page.jj-promo-page {
  max-width: none;
  margin: 0;
  padding: 0 0 4.8rem;
  color: #fff;
}
body.Page-Promotions .jj-live-banner { height: 330px; }
body.Page-Promotions .jj-live-banner.has-imgs .jj-live-jacks { display: none !important; }
body.Page-Promotions .jj-promo-page h1.PromotionsIndexTitle {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 30px 0;
  text-align: left;
}
body.Page-Promotions .PromotionsWrapper {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
body.Page-Promotions .PromotionsFilterList {
  display: flex;
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.Page-Promotions .PromotionsFilterItem {
  margin: 0 12px;
}
body.Page-Promotions .PromotionsFilterItemText {
  display: inline-block;
  color: #f9c408;
  font-size: 16px;
  padding: 0 4px 10px;
}
body.Page-Promotions .PromotionsFilterItem.IsSelected .PromotionsFilterItemText {
  border-bottom: 3px solid #f9c408;
}
body.Page-Promotions .PromotionsWrapperContained {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
}
body.Page-Promotions .PromotionItem {
  display: flex;
  flex-direction: column;
  background: transparent;
  color: #fff;
}
body.Page-Promotions .PromotionItem .Figure,
body.Page-Promotions .PromotionItem .Picture {
  display: block;
  width: 100%;
}
body.Page-Promotions .PromotionItem .PictureImg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
}
body.Page-Promotions .PromotionItemContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0 8px;
}
body.Page-Promotions .PromotionItemDescription,
body.Page-Promotions .PromotionItemDescription p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
  max-width: 30rem;
}
body.Page-Promotions .PromotionItemInfoBtn {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  padding: 10px 24px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 0.04em;
}
body.Page-Promotions .PromotionItemInfoBtn:hover {
  background: #fff;
  color: #102206;
}
body.Page-Promotions .ModalWindow.PromoModal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.Page-Promotions .ModalWindow.PromoModal .ModalOverlay {
  position: absolute;
  inset: 0;
  background: rgba(35, 38, 43, 0.7);
}
body.Page-Promotions .ModalWindow.PromoModal .ModalContent {
  position: relative;
  z-index: 1;
  width: min(700px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
}
body.Page-Promotions .ModalWindow.PromoModal .ModalContentWrapper {
  background: #fff;
  color: #212121;
}
body.Page-Promotions .ModalWindow.PromoModal .ModalCloseButton {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #fff;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}
body.Page-Promotions .ModalWindow.PromoModal .PictureImg {
  display: block;
  width: 100%;
  height: auto;
}
body.Page-Promotions .PromotionModalLoginSection {
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 16px 16px 8px;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
body.Page-Promotions .InstancePromotionSamplePageTabButtonInformation {
  border: 0;
  background: transparent;
  color: #f9c408;
  font-size: 16px;
  padding: 10px 16px 12px;
  border-bottom: 3px solid #f9c408;
  cursor: default;
}
body.Page-Promotions .InstanceListingCashbackModalContent {
  padding: 8px 28px 28px;
  color: #212121;
  font-size: 15px;
  line-height: 1.55;
}
body.Page-Promotions .InstanceListingCashbackModalContent p {
  margin: 0 0 10px;
}
body.Page-Promotions.OverflowHidden { overflow: hidden; }
@media (max-width: 1100px) {
  body.Page-Promotions .PromotionsWrapperContained { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  body.Page-Promotions .PromotionsWrapper { padding: 0 16px; }
}
@media (max-width: 700px) {
  body.Page-Promotions .PromotionsWrapperContained { grid-template-columns: 1fr; }
  body.Page-Promotions .jj-live-banner { height: 160px; }
}
@media (max-width: 980px) {
  .jj-cas-beez b { font-size: 2.2rem; }
  .jj-cas-beez span { font-size: 1.15rem; }
}

body.Page-Tournaments .SectionContent {
  padding: 110px 0 0;
  max-width: none;
  background: #1e1e20;
}
body.Page-Tournaments .jj-page.jj-tour-page {
  max-width: none;
  margin: 0;
  padding: 0 0 4.8rem;
  color: #fff;
  background: #1e1e20;
}
body.Page-Tournaments .jj-live-banner { height: 330px; }
body.Page-Tournaments .jj-live-banner.has-imgs .jj-live-jacks { display: none !important; }
body.Page-Tournaments .TournamentsWrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 24px 30px 48px;
}
body.Page-Tournaments .FiltersController {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
body.Page-Tournaments .FiltersTitle {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
body.Page-Tournaments .FiltersList {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.Page-Tournaments .FilterButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 10px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  text-transform: none;
  line-height: 1;
}
body.Page-Tournaments .FilterButton.Active {
  background: transparent;
  border: 1px solid #f9c408;
  color: #fff;
}
body.Page-Tournaments .FilterButton.Active::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/></svg>") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/></svg>") center / 16px 16px no-repeat;
}
body.Page-Tournaments .FilterButton:hover {
  background: #f9c408;
  color: #000;
}
body.Page-Tournaments .TournamentList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
  gap: 25px;
}
body.Page-Tournaments .TournamentList.jj-tour-one {
  justify-items: center;
}
body.Page-Tournaments .TournamentCard {
  position: relative;
  background: #f9c408;
  color: #294c0b;
  border: 1px solid #f9c408;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  width: 100%;
}
body.Page-Tournaments .TournamentCard.CardMaxWidth { max-width: 600px; }
body.Page-Tournaments .Thumbnail { position: relative; cursor: pointer; }
body.Page-Tournaments .Status {
  position: absolute;
  top: 20px;
  right: 14px;
  z-index: 2;
  background: #294c0b;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 8px;
  border-radius: 5px;
}
body.Page-Tournaments .CardImg img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: fill;
  background: #1e1e20;
}
body.Page-Tournaments .Details { padding: 10px 20px 0; color: #294c0b; }
body.Page-Tournaments .Title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 8px;
  color: #294c0b;
}
body.Page-Tournaments .Date {
  font-size: 13px;
  color: #294c0b;
  margin-bottom: 8px;
}
body.Page-Tournaments .ScoreCriteria p,
body.Page-Tournaments .Games p {
  font-size: 13px;
  color: #294c0b;
  margin: 0 0 8px;
}
body.Page-Tournaments .ScoreCriteria span { color: #294c0b; }
body.Page-Tournaments .Games { font-size: 12px; }
body.Page-Tournaments .Games a { color: #294c0b; text-decoration: underline; }
body.Page-Tournaments .TournamentPrizes {
  margin: 8px 20px;
  display: flex;
  gap: 5px;
  align-items: flex-start;
  color: #294c0b;
}
body.Page-Tournaments .TournamentPrizesIconSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 42px;
  color: #294c0b;
}
body.Page-Tournaments .TournamentPrizesIconSection svg { fill: currentColor; }
body.Page-Tournaments .PrizesTitle {
  font-size: 11px;
  font-weight: 600;
  margin: 4px 0 0;
  color: #294c0b;
}
body.Page-Tournaments .Prizes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 15px;
  flex: 1;
}
body.Page-Tournaments .PrizeText {
  margin: 0;
  font-size: 14px;
  color: #212121;
}
body.Page-Tournaments .PrizeRank {
  color: #294c0b;
  font-weight: 500;
  margin-right: 2px;
}
body.Page-Tournaments .TournamentDuration { margin: 10px 20px 0; }
body.Page-Tournaments .TournamentDates {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #294c0b;
  margin-bottom: 6px;
}
body.Page-Tournaments .ProgressBar {
  position: relative;
  height: 8px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
body.Page-Tournaments .ProgressBarFill {
  position: absolute;
  left: 0;
  top: 0;
  height: 8px;
  background: #294c0b;
}
body.Page-Tournaments .Remaining {
  position: relative;
  z-index: 1;
  font-size: 10px;
  color: #294c0b;
  padding: 0 6px;
  line-height: 8px;
}
body.Page-Tournaments .TournamentButtons {
  display: flex;
  gap: 20px;
  padding: 16px 20px 0;
  justify-content: center;
}
body.Page-Tournaments .DetailsButton,
body.Page-Tournaments .JoinButton,
body.Page-Tournaments .LoginButton,
body.Page-Tournaments .RegisterButton {
  flex: 1;
  max-width: 240px;
  height: 37px;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  line-height: 37px;
  text-decoration: none;
  font-weight: 600;
}
body.Page-Tournaments .LoginButton {
  background: #fff;
  color: #212121;
}
body.Page-Tournaments .RegisterButton,
body.Page-Tournaments .JoinButton {
  background: #294c0b;
  color: #fff;
}
body.Page-Tournaments .DetailsButton {
  background: #fff;
  color: #212121;
}
body.Page-Tournaments .jj-tour-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.Page-Tournaments .jj-tour-modal .ModalOverlay {
  position: absolute;
  inset: 0;
  background: rgba(35, 38, 43, 0.7);
}
body.Page-Tournaments .jj-tour-modal-box {
  position: relative;
  z-index: 1;
  width: min(640px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #161616;
  color: #fff;
  padding: 0 0 20px;
}
body.Page-Tournaments .jj-tour-modal-img { display: block; width: 100%; height: auto; }
body.Page-Tournaments .jj-tour-modal-box h3 { margin: 16px 20px 8px; }
body.Page-Tournaments .jj-tour-modal-box p { margin: 0 20px 10px; }
body.Page-Tournaments .jj-tour-modal-status { color: #f9c408; text-transform: uppercase; font-size: 13px; }
body.Page-Tournaments .jj-tour-modal-box table { width: calc(100% - 40px); margin: 0 20px 16px; border-collapse: collapse; }
body.Page-Tournaments .jj-tour-modal-box td,
body.Page-Tournaments .jj-tour-modal-box th { text-align: left; padding: 6px 4px; border-bottom: 1px solid #30313c; }
body.Page-Tournaments .jj-tour-modal .ModalCloseButton {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
}
@media (max-width: 700px) {
  body.Page-Tournaments .jj-live-banner { height: 160px; }
  body.Page-Tournaments .FiltersController { justify-content: flex-start; }
  body.Page-Tournaments .TournamentsWrapper { padding: 16px; }
}
@media (max-width: 1099px) {
  body.Page-Home,
  body.Page-Sports {
    padding-top: 0;
    padding-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px));
  }
  .GameCategoriesWrapper {
    background: #161616;
    padding: 6px 10px 28px;
  }
  .GameCategoriesWrapper .GamesContainerTitle {
    margin: 16px 4px 10px;
  }
  .GameCategoriesWrapper .GamesContainerTitle a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none !important;
  }
  .GameCategoriesWrapper .GamesListContainer {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 14px 10px;
    overflow: visible !important;
    height: auto !important;
  }
  .GameCategoriesWrapper .ListGame:nth-child(n+5) {
    display: none;
  }
  .GameCategoriesWrapper section.is-open .ListGame {
    display: block;
  }
  .GameCategoriesWrapper .GameThumbailWrapper {
    border-radius: 10px;
    overflow: hidden;
    background: #111;
    aspect-ratio: 16 / 10;
  }
  .GameCategoriesWrapper .GameThumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .GameCategoriesWrapper .GameTitle {
    color: #d0d0d0;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin: 6px 0 0;
  }
  .GameCategoriesWrapper .GameVendor,
  .GameCategoriesWrapper .GamePlayNowButton,
  .GameCategoriesWrapper .GameTags {
    display: none !important;
  }
  .GameCategoriesWrapper .OperatorViewAllGames {
    display: flex !important;
    align-items: center;
    justify-content: center;
    grid-column: 1 / -1;
    margin: 8px 18px 0;
    min-height: 46px;
    border: 1px solid #f9c408;
    border-radius: 8px;
    color: #f9c408 !important;
    text-decoration: none !important;
    background: transparent;
  }
  .GameCategoriesWrapper section.is-open .OperatorViewAllGames {
    display: none !important;
  }
  .GameCategoriesWrapper .TextNoOfGames,
  .GameCategoriesWrapper .NoOfGames,
  .GameCategoriesWrapper .InstanceArrowRight {
    display: none !important;
  }
  .GameCategoriesWrapper .OperatorViewAllGames::after {
    content: "Daha fazla göster";
    color: #f9c408;
    font-size: 15px;
    font-weight: 500;
  }
}