/* 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; }