/* Roboto from the local font set (the captured bundle references Roboto but never declares it). */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local("Roboto"),url(/fonts/default/Roboto-Regular.woff2?v=368) format("woff2"),url(/fonts/default/Roboto-Regular.woff?v=368) format("woff")}
@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/default/Roboto-RegularItalic.woff2?v=368) format("woff2"),url(/fonts/default/Roboto-RegularItalic.woff?v=368) format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:local("Roboto Medium"),url(/fonts/default/Roboto-Medium.woff2?v=368) format("woff2"),url(/fonts/default/Roboto-Medium.woff?v=368) format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/default/Roboto-SemiBold.woff2?v=368) format("woff2"),url(/fonts/default/Roboto-SemiBold.woff?v=368) format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local("Roboto Bold"),url(/fonts/default/Roboto-Bold.woff2?v=368) format("woff2"),url(/fonts/default/Roboto-Bold.woff?v=368) format("woff")}
html body #root#root#root .layout-header-holder-bc {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1004 !important;
}

html body #root#root#root .layout-content-holder-bc {
  margin-top: 103px !important;
}

html body #root#root#root .asideMenu,
html body #root#root#root .asideMenu.galabet-menu-open {
  position: fixed !important;
  top: 131.5px !important;
  inset-block-start: 131.5px !important;
  bottom: 0 !important;
  max-height: calc(100vh - 131.5px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  scrollbar-width: none !important;
}

html body #root#root#root .asideMenu::-webkit-scrollbar,
html body #root#root#root .asideMenu.galabet-menu-open::-webkit-scrollbar {
  display: none !important;
}

html body #root#root#root .layout-footer-holder-bc {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  margin-top: 0 !important;
  clear: both !important;
}

/* Keep the promotion filters visually separate from the fixed brand header. */
html body #root#root#root .layout-content-holder-bc > .promotion-horizontal-sl-list-bc {
  margin-top: 12px !important;
}





















@media (min-width: 769px) {
  html body #root#root#root .layout-content-holder-bc {
    margin-top: 121.5px !important;
  }
}

html body #root#root#root .promotion-details-popup {
  width: 100vw !important;
  min-width: 0 !important;
  max-width: 100vw !important;
  height: calc(100vh - 103px) !important;
  top: 103px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body #root#root#root .promotion-details-popup .popup-middleware-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

html body #root#root#root .promotion-details-popup .popup-inner-bc {
  position: relative !important;
  width: min(1280px, calc(100vw - 40px)) !important;
  max-width: 1280px !important;
  height: min(900px, calc(100% - 32px)) !important;
  max-height: calc(100% - 32px) !important;
  margin: auto !important;
  overflow: hidden !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body #root#root#root .promotion-details-popup .e-p-close-icon-bc {
  display: flex !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  width: 34px !important;
  height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2147483647 !important;
  cursor: pointer !important;
}

html body #root#root#root .promotion-details-popup .promotion-details-container {
  width: 100% !important;
  height: calc(100% - 49px) !important;
  max-height: calc(100% - 49px) !important;
  grid-template-columns: minmax(280px, 40%) minmax(0, 1fr) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body #root#root#root .promotion-details-popup .promotion-details-header,
html body #root#root#root .promotion-details-popup .promotion-details-info {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body #root#root#root .promotion-details-popup .promotion-details-img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

html body #root#root#root .promotion-details-popup .promotion-details-info {
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
}

@media (max-width: 768px) {
  html body #root#root#root .promotion-details-popup .popup-middleware-bc {
    padding: 10px !important;
  }

  html body #root#root#root .promotion-details-popup .popup-inner-bc {
    width: calc(100vw - 20px) !important;
    height: calc(100% - 20px) !important;
    max-height: calc(100% - 20px) !important;
  }

  html body #root#root#root .promotion-details-popup .promotion-details-container {
    display: block !important;
    height: calc(100% - 49px) !important;
    max-height: calc(100% - 49px) !important;
  }

  html body #root#root#root .promotion-details-popup .promotion-details-header {
    display: none !important;
  }

  html body #root#root#root .promotion-details-popup .promotion-details-info {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }
}

@media (min-width: 769px) {
  html body #root#root#root .promotion-details-popup {
    top: 121.5px !important;
    height: calc(100vh - 121.5px) !important;
  }
}

/* Login stays compact; registration uses Galabet's wide two-column dialog. */
html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 0 !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 2147483000 !important;
  overflow: hidden !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) > .popup-middleware-bc {
  display: flex !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) .popup-inner-bc {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: min(400px, calc(100vw - 32px)) !important;
  max-width: 400px !important;
  height: min(77vh, calc(100dvh - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  transform: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc.register) .popup-inner-bc {
  width: min(92vw, 1720px) !important;
  max-width: min(92vw, 1720px) !important;
  height: min(90vh, calc(100dvh - 32px)) !important;
}

html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc,
html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc > .e-p-content-holder-bc,
html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc .e-p-content-bc {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
}

html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc .e-p-content-bc {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc .e-p-header-bc {
  position: relative !important;
  flex: 0 0 auto !important;
  min-height: 74px !important;
}

html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc .e-p-body-bc {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc .entrance-form-bc.popup {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  padding-bottom: 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  box-sizing: border-box !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id {
  display: block !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 50% !important;
  background: rgba(4, 12, 28, .76) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 28px !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
  z-index: 2147483647 !important;
  box-sizing: border-box !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id::before,
html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 12px !important;
  left: 6px !important;
  width: 14px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: #fff !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id::before {
  transform: rotate(45deg) !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id::after {
  transform: rotate(-45deg) !important;
}

html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id:hover,
html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id:focus-visible {
  border-color: #75d72c !important;
  background: #1b2d40 !important;
  outline: 2px solid rgba(117, 215, 44, .42) !important;
  outline-offset: 2px !important;
}

html body #root#root#root .galabet-gender-select {
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: var(--border-radius, 4px) !important;
  background: rgba(var(--b-sc, 255, 255, 255), .12) !important;
  color: inherit !important;
  font: inherit !important;
}

@media (max-width: 768px) {
  html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) > .popup-middleware-bc {
    padding: 8px !important;
  }

  html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) .popup-inner-bc {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
  }

  html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc) #close_popup_button_id {
    top: 10px !important;
    right: 10px !important;
  }
}

/* ===== Announcement bar (top): darker band like the reference, brighter text, nudged left of the close icon ===== */
.hm-row-bc:has(.informative-widget) { background:#151a2b !important; border-top:2px solid #6cbf1f !important; }
.hm-row-bc:has(.informative-widget) .hm-row-bc-inner, .hm-row-bc:has(.informative-widget) .carouselWrapper, .hm-row-bc:has(.informative-widget) .swiper { background:transparent !important; }
.hm-row-bc .informative-widget { background:#151a2b !important; min-height:100% !important; display:flex !important; align-items:center !important; }
.hm-row-bc .informative-widget-link { display:block !important; width:100% !important; }
.hm-row-bc .informative-widget-container { box-sizing:border-box !important; width:100% !important; padding:0 16px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.hm-row-bc .informative-widget-container > span { display:block !important; flex:1 1 auto !important; }
.hm-row-bc .informative-widget p, .hm-row-bc .informative-widget strong { color:#eef2f6 !important; font-weight:700 !important; }
/* Desktop: single band like the reference - the inner link box had its own green top border + lighter background (looked like two rails), close icon vertically centred */
@media (min-width: 769px) {
  .hdr-dynamic-content .informative-widget { margin:0 !important; height:100% !important; min-height:0 !important; }
  .hdr-dynamic-content .informative-widget-link { height:100% !important; min-height:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
  html body .hdr-dynamic-content .e-p-close-icon-bc { top:4px !important; transform:none !important; }
  .hdr-dynamic-content .informative-widget-container > img.product-banner-img-bc { display:none !important; } /* 1x1 placeholder gif showed as a white dot */
  .hdr-dynamic-content .informative-widget-link > p.informative-widget-container { display:none !important; } /* empty 32px box in front of the text pushed it right of centre */
}

/* Restriction card: self-contained positioning (does not depend on stylesheet order) */
.gala-freespin-warning.gala-fs-toast { position:fixed !important; left:50% !important; top:50% !important; right:auto !important; bottom:auto !important; z-index:2147483500 !important; width:min(520px,calc(100vw - 32px)) !important; transform:translate(-50%,-50%) !important; opacity:1 !important; }
.gala-card-backdrop { position:fixed; inset:0; z-index:2147483400; background:rgba(2,8,18,.62); }

/* Removed on request: rewards shop button + wrapper, smart-panel MAĞAZA button, loyalty badge, bonus request, call-me. */
.fast-track-my-rewards-button, .ft-rewards-wrapper, .sp-button-bc[title="MAĞAZA"], .gala-loyalty-badge, .header-custom-buttons:has(> a.gala-bonus-request), .header-custom-buttons:has(> a[aria-label="Call me"]), .header-custom-buttons:has(> a[aria-label="Beni Ara"]) { display:none !important; }

/* old LiveChat / Comm100 leftovers must never sit over the page (they captured clicks at the bottom-right) */
#chat-widget-container, #chat-widget-stale, #chat-widget-minimized, [id^="comm100-button"] { display:none !important; pointer-events:none !important; width:0 !important; height:0 !important; }

/* static notification counters ("3") of the captured page are never real */
header.header-bc [data-badge]::after, header.header-bc [data-badge]::before { content:none !important; }
header.header-bc .count-odd-animation, header.header-bc .count-blink-odd, header.header-bc .count-blink-even { animation:none !important; }

/* home page: the Turnuvalar row is hidden on desktop only (Fatih, 8 Oct) */
@media (min-width:768px) {
  html body #root.is-home-page .layout-content-holder-bc .hm-row-bc:has(.tournamentsWidget) { display:none !important; }
}

/* footer licence seal: square image must not be stretched into the 132x72 slot */
.galabet-license-frame { object-fit:contain !important; width:132px !important; height:72px !important; }

/* Desktop registration dialog hugs its content like galabet.com: image ~2/3, form ~1/3, footer always visible (Fatih, 8 Oct) */
@media (min-width:1024px) {
  html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc.register) {
    --gf-form: 400px;
    /* width is capped so header (74) + image + footer (172) + padding (24) still fits 92vh */
    --gf-modal: min(84vw, 1660px, calc((92vh - 270px) * 1.344 + var(--gf-form) + 60px));
    --gf-row: calc((var(--gf-modal) - 60px - var(--gf-form)) * 480 / 645);
  }
  html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc.register) .popup-inner-bc {
    width: var(--gf-modal) !important;
    max-width: var(--gf-modal) !important;
    height: auto !important;
    max-height: min(92vh, calc(100dvh - 32px)) !important;
  }
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc {
    display: flex !important;
    align-items: stretch !important;
    gap: 28px !important;
    height: var(--gf-row) !important;
    min-height: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    border-radius: 8px;
    overflow: hidden;
  }
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc .carouselWrapper,
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc .swiper,
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc .swiper-wrapper,
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc .swiper-slide,
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc .sdr-item-holder-bc,
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc .sdr-item-holder-bc > * {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
  }
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .slider-bc img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  html body #root#root#root .popup-holder-bc.full-screen .entrance-popup-bc.register .entrance-form-content-bc .reg-form-content {
    flex: 0 0 var(--gf-form) !important;
    width: var(--gf-form) !important;
    max-width: var(--gf-form) !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }
}
@media (min-width:1440px) {
  html body #root#root#root .popup-holder-bc.full-screen:has(.entrance-popup-bc.register) { --gf-form: 460px; }
}

/* account/login notices: a fixed toast above the full-screen dialogs (the element was appended at the very bottom of the page and never seen) */
html body #rebuild-message { position:fixed !important; left:50% !important; top:calc(14px + env(safe-area-inset-top)) !important; bottom:auto !important; transform:translateX(-50%) !important; z-index:2147483646 !important; width:max-content !important; max-width:min(560px, calc(100vw - 32px)) !important; margin:0 !important; padding:12px 16px !important; border-radius:10px !important; background:#1f2838 !important; border:1px solid #e43d55 !important; color:#fff !important; font:500 14px/1.4 Roboto,Arial,sans-serif !important; text-align:center !important; box-shadow:0 10px 30px rgba(0,0,0,.45) !important; pointer-events:none !important; opacity:1 !important; visibility:visible !important; }
html body #rebuild-message:not(.visible), html body #rebuild-message:empty { display:none !important; }