/* Bonza96: preserve the harvested design while using the document as the scroller. */
html,
body {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

body {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 0 !important;
}

#header {
  position: sticky !important;
  top: 60px !important;
  z-index: 1001 !important;
  width: 100% !important;
}

#marquee {
  position: sticky !important;
  top: 116px !important;
  z-index: 1000 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  contain: layout paint;
}

#content,
body.fullscreen #content,
body.noheader #content,
body.nofooter #content {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-overflow-scrolling: auto !important;
}

#home {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* The original app offsets its inner scroller by 60px. In document flow that
   offset becomes a visible black hole, so the restored page owns the gap. */
#home .box-1-1 {
  transform: none !important;
}

/* Keep the harvested ticker alive after the generic flow pass. */
#marquee span {
  position: absolute !important;
  left: 0 !important;
  display: inline-block !important;
  width: max-content !important;
  min-width: max-content !important;
  padding-left: 100% !important;
  white-space: nowrap !important;
  will-change: transform;
  animation: bonza96-ticker 17s linear infinite !important;
}

@keyframes bonza96-ticker {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-100%, 0, 0); }
}

/* The universal carousel safety pass deliberately flattens Splide. Bonza96
   has a healthy harvested hero, so restore its real multi-slide track. */
#home-banner .splide__track {
  overflow: hidden !important;
  /* до инициализации JS слайды стопкой раздували track до 752px, после инита он
     схлопывался до 152px — сдвиг 0.47 CLS; фиксируем высоту hero заранее */
  max-height: 37vw !important;
}

#home-banner .splide__list {
  display: flex !important;
  width: 100% !important;
  transition: transform .55s ease !important;
  will-change: transform;
}

#home-banner .splide__slide:not(.splide__slide--clone) {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
}

#home-banner .splide__slide--clone {
  display: none !important;
}

/* Match the live referral strip, including the h2 produced by the SEO bake. */
.brand-refer-bar {
  margin-top: 15px !important;
  background: linear-gradient(180deg, #24211d 0%, #171512 55%, #0e0d0b 100%) !important;
  border: 1px solid rgba(230, 184, 92, .55) !important;
  border-radius: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.brand-refer-bar .refer-brand {
  background: linear-gradient(180deg, #24211d 0%, #171512 55%, #0e0d0b 100%) !important;
  border-right: 1px solid rgba(230, 184, 92, .55) !important;
}

.brand-refer-bar .refer-brand-text h2,
.brand-refer-bar .refer-brand-text h3 {
  margin: 0 !important;
  color: #e29e33 !important;
  font-family: "San Francisco Text Bold", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .6px !important;
  white-space: nowrap !important;
}

.brand-refer-bar .refer-brand-text p {
  margin: 3px 0 0 !important;
  color: #9aa1ab !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .4px !important;
  white-space: nowrap !important;
}

.brand-refer-bar .brand-item,
.brand-refer-bar .brand-item span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* Rebuild the before-login balance card with the live brand geometry. */
.balance-wrapper {
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#home-balance .brand-before-card {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 133px !important;
  margin: 15px 0 12px !important;
  padding: 16px 14px 15px !important;
  overflow: hidden !important;
  border: 1px solid rgba(230, 184, 92, .55) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #24211d 0%, #171512 55%, #0e0d0b 100%) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

#home-balance .brand-login-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 17px !important;
}

#home-balance .brand-login-links a {
  display: flex !important;
  flex: 1 1 0 !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 160px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  font-family: "San Francisco Text Bold", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 23px !important;
}

#home-balance #brand [control="show-before-login"] .brand-login-links a.login {
  color: #e6b85c !important;
  border: 1px solid rgba(230, 184, 92, .42) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .08) !important;
  background-image: none !important;
  box-shadow: none !important;
}

#home-balance #brand [control="show-before-login"] .brand-login-links a.register {
  color: #111 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(125deg, #f7d994 0%, #e6b85c 50%, #b7791f 100%) !important;
  box-shadow: none !important;
}

#home-balance .brand-limit-panel {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  height: 52px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

#home-balance .brand-note-native {
  display: contents !important;
}

#home-balance .brand-note-native .note {
  display: contents !important;
}

#home-balance .brand-note-native .note p,
#home-balance .brand-before-card .deposit-time-box {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: calc(33.333% - 5.333px) !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 1px solid rgba(230, 184, 92, .22) !important;
  border-radius: 9px !important;
  background: rgba(39, 34, 28, .88) !important;
  color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

#home-balance .brand-note-native .note p::before,
#home-balance .brand-before-card .wc-limit-title {
  color: #9aa1ab !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

#home-balance .brand-note-native .note p:first-child::before {
  content: "Min Deposit";
}

#home-balance .brand-note-native .note p:nth-child(2)::before {
  content: "Min Withdrawal";
}

#home-balance .brand-note-native .note b,
#home-balance .brand-before-card .wc-limit-value {
  display: block !important;
  margin-top: 4px !important;
  color: #e6a72f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* Restore both partner banners that the static snapshot left at height:0. */
.movie-wrapper,
#home-movie {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

#home-movie .movie {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding-top: 31% !important;
  border-radius: 8px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#home-movie .movie:nth-child(1) {
  background-image: url("/_a/assets/cdn-64b68e909189621da6171.webp") !important;
}

#home-movie .movie:nth-child(2) {
  margin-bottom: 0 !important;
  background-image: url("/_a/assets/cdn-db51dac5cc4961a953730.webp") !important;
}

/* The harvested NEWS/NOTICE popup is not part of the restored landing page. */
#tg-popup-overlay,
#tg-popup-overlay.tg-active {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Restore the live Brevo/SIB newsletter embed removed by the static bake. */
#newsletter-form {
  display: block !important;
  width: 100% !important;
  min-height: 460px !important;
}

#newsletter-form iframe {
  display: block !important;
  width: 540px !important;
  max-width: 100% !important;
  height: 460px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  border: 0 !important;
}

/* The SEO bake changes the live h3 to h2; retain the original heading design. */
.about-class777 h2,
.about-class777 h3 {
  margin: 0 0 16px !important;
  color: #fde7a4 !important;
  font-family: "San Francisco Text Bold", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

#footer {
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
}

#popupwindow,
#sweetalertmask,
#pushPopup {
  display: none !important;
}

.footer-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 78px !important;
}

.footer__mobile-accordion .accordion-content {
  display: block !important;
  max-height: 0;
  overflow: hidden !important;
}

.footer__mobile-accordion .accordion-toggle[aria-expanded="true"] {
  border-radius: 16px 16px 0 0;
}

.bonza96-geo-slot {
  margin: 12px 0 4px !important;
  padding: 0 16px !important;
}

.bonza96-geo-slot .x-site-lang-trigger {
  min-width: 150px !important;
  min-height: 44px !important;
  padding: 10px 20px !important;
  border: 1px solid rgba(230, 184, 92, .75) !important;
  border-radius: 22px !important;
  background: linear-gradient(125deg, #f7d994 0%, #e6b85c 55%, #b7791f 100%) !important;
  color: #111 !important;
  box-shadow: 0 6px 16px rgba(226, 158, 51, .18) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
}

.sb-btn {
  transform: translateX(-6px) !important;
}

.bonza96-geo-slot + .x-site-lang-divider {
  margin: 0 !important;
}

/* Keep the menu badge inside the sticky header instead of letting it float
   independently over the page. Inline coordinates are normalised by JS. */
#header > .toggle-wrapper {
  position: absolute !important;
  top: 12px !important;
  left: 10px !important;
  z-index: 2 !important;
  margin: 0 !important;
  transform: none !important;
}

#header > .opensidemenu {
  display: none !important;
}

.paymentSupported-container.mobile-version > .gradient-text {
  margin: 0 0 10px !important;
}

#newsletter-form iframe {
  overflow: hidden !important;
  scrollbar-width: none !important;
}

@media (min-width: 769px) {
  #header,
  #marquee,
  #footer {
    right: auto !important;
    left: 50% !important;
    width: 520px !important;
    max-width: 520px !important;
    transform: translateX(-50%);
  }
}

/* PSI: render delay — офф-скрин секции не рендерим до скролла.
   Высоты сняты живым замером на 412px (2026-07-21). */
@media (max-width: 767px) {
  .box-1-1 > .balance-wrapper { content-visibility: auto; contain-intrinsic-size: auto 133px; }
  .box-1-1 > .movie-wrapper   { content-visibility: auto; contain-intrinsic-size: auto 253px; }
  .box-1-1 > .game-wrapper    { content-visibility: auto; contain-intrinsic-size: auto 3574px; }
  .box-1-1 > .footer-wrapper  { content-visibility: auto; contain-intrinsic-size: auto 708px; }
}

/* --- CLAUDE 27.09: универсалы bonza96bonus.com (по эталону 9pokies) --- */
/* Родная нижняя панель Home / History / Bonus / Live Chat / Settings не
   показывается — навигация наша липкая; наше меню опускается само (рантайм
   меряет живую высоту панели). */
#footer { display: none !important; }
/* Родные плавающие: полоса «Приложение BONZA96» сверху, «Partnership 200%»
   и «150% Boost Hours» справа. */
#smart-banner, #floatcontainer1, #floatcontainer2 { display: none !important; }
/* CLAUDE 28.09: родной PWA-баннер «Скачать PWA Приложение» над нашей липкой
   панелью (инлайн fixed bottom:55px) — дублирует её, скрыт. Скрытый
   #smart-banner оставлял body padding-top 60px — чёрная полоса над шапкой. */
#x-pwa-banner { display: none !important; }
body { padding-top: 0 !important; }
/* Среднее меню по умолчанию хозяина встало под плашку auth — она внутри
   родной карточки баланса с жёсткой высотой 133px (и cv:auto с размером
   133px у .balance-wrapper): меню и низ плашки обрезались. Высота — по
   содержимому. */
html body .box-1-1 > .balance-wrapper { content-visibility: visible !important; contain-intrinsic-size: none !important; }
#home-balance, #home-balance #brand, #home-balance #brand > div, #home-balance .brand-balance-card { height: auto !important; min-height: 0 !important; }
/* Межблочные отступы — ровно 12px, как на эталонах (колонка .box-1-1 сама
   даёт gap 12): лишние внутренние margin/padding родных блоков сняты,
   заголовки и строки подвала — по видимому тексту. */
#home .livetx-wrapper > * { margin-top: 0 !important; }
#home #home-rtp-strip { margin-top: 0 !important; padding-top: 0 !important; }
#home-balance .brand-balance-card { margin-top: 0 !important; margin-bottom: 0 !important; }
#home #home-game > .site-tabs { margin-top: 0 !important; }
#home [data-x-text-key="bonza96.texts.games"] { margin-bottom: 0 !important; }
#home [data-x-text-key="bonza96.texts.games"] { margin-top: 7px !important; }
footer.footer .x-site-lang-section { margin-top: 0 !important; }
footer.footer .paymentSupported-container.mobile-version { padding-top: 0 !important; padding-bottom: 0 !important; }
footer.footer > .paymentSupported-container.mobile-version > .gradient-text { margin: 9px 0 0 !important; }
footer.footer .footer-contact { margin-top: 9px !important; padding-bottom: 0 !important; }
footer.footer .footer-brand { margin-top: 4px !important; }
/* Полоса «Реферальная программа»: русский заголовок длиннее английского и
   в одну строку заезжал под кнопки «Поделиться / Копировать». Логотип
   снят, заголовок в две строки, подпись — с многоточием. */
.brand-refer-bar .refer-brand { min-width: 0 !important; overflow: hidden !important; }
.brand-refer-bar .refer-brand-inner, .brand-refer-bar .refer-brand-text { min-width: 0 !important; }
.brand-refer-bar .refer-brand .brand-logo { display: none !important; }
.brand-refer-bar .refer-brand-text h2 { white-space: normal !important; line-height: 1.15 !important; }
.brand-refer-bar .refer-brand-text p { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }