/* MULTIBET  Soft Premium Black / White / Gold */

:root {
  --mb-bg: #080a0d;
  --mb-bg-deep: #050607;
  --mb-header: rgba(16, 16, 16, 0.92);
  --mb-surface: #181a1e;
  --mb-surface-2: #24262b;
  --mb-border: #303238;
  --mb-gold: #ffb800;
  --mb-gold-light: #f8c548;
  --mb-gold-dark: #c98708;
  --mb-white: #f8f8f6;
  --mb-text: #b8b8b5;
  --mb-muted: #777a80;
  --mb-radius: 10px;
  --mb-shadow: 0 12px 32px rgba(0, 0, 0, 0.34);
  --mb-gold-glow: 0 0 0 1px rgba(255, 184, 0, 0.15),
    0 12px 30px rgba(255, 184, 0, 0.1);
}

html {
  color-scheme: dark;
  background: var(--mb-bg-deep);
  scroll-behavior: smooth;
}

body.app-body {
  color: var(--mb-white) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255, 184, 0, 0.09), transparent 34rem),
    radial-gradient(circle at 100% 38%, rgba(255, 184, 0, 0.035), transparent 30rem),
    linear-gradient(180deg, #0b0d10 0%, var(--mb-bg) 34%, #050607 100%) !important;
  font-family: "Montserrat", "Inter", system-ui, sans-serif !important;
  min-height: 100dvh;
}

body.app-body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 75%);
  mask-image: linear-gradient(to bottom, #000, transparent 75%);
}

::selection {
  color: #101010;
  background: var(--mb-gold);
}

/* Header */
header.header-safe-top {
  background: var(--mb-header) !important;
  border-bottom: 1px solid rgba(255, 184, 0, 0.16) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
  backdrop-filter: blur(16px) saturate(135%);
}

header nav a {
  position: relative;
  color: #d6d6d3 !important;
  letter-spacing: 0.035em;
  transition: color 180ms ease, background-color 180ms ease !important;
}

header nav a::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 3px;
  left: 16px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--mb-gold-dark), var(--mb-gold-light));
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity 180ms ease, transform 180ms ease;
}

header nav a:hover,
header nav a[aria-current="page"] {
  color: var(--mb-gold-light) !important;
  background: rgba(255, 184, 0, 0.06) !important;
}

header nav a:hover::after,
header nav a[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

header button {
  border-radius: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
}

/* Login and registration colors are supplied by the admin color tokens. */

/* Main layout */
main {
  isolation: isolate;
}

main h1,
main h2,
main h3,
main h4 {
  color: var(--mb-white) !important;
  letter-spacing: -0.02em;
}

main h2::after,
main h3::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--mb-gold), transparent);
}

/* Main hero */
main > div:first-child,
main .relative.overflow-hidden.w-full {
  border-radius: var(--mb-radius);
}

main img[src*="mobil"] {
  border-radius: var(--mb-radius);
  filter: saturate(.95) contrast(1.025);
}

main img[src*="mobil"] + * {
  border-radius: var(--mb-radius);
}

/* Provider banners */
main img[src*="PRAGMATIC"],
main img[src*="EGT"],
main img[src*="HACKSAW"] {
  border-radius: var(--mb-radius);
}

main img[src*="PRAGMATIC"]:hover,
main img[src*="EGT"]:hover,
main img[src*="HACKSAW"]:hover {
  filter: brightness(1.04) saturate(1.04);
}

main img[src*="PRAGMATIC"]:where(img),
main img[src*="EGT"]:where(img),
main img[src*="HACKSAW"]:where(img) {
  box-shadow: var(--mb-gold-glow);
}

/* Game cards */
main a[href^="/casino/game/"] > div:first-child {
  background: var(--mb-surface) !important;
  border: 1px solid rgba(255, 184, 0, 0.12) !important;
  border-radius: var(--mb-radius) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease !important;
}

main a[href^="/casino/game/"]:hover > div:first-child {
  border-color: rgba(255, 184, 0, 0.62) !important;
  box-shadow: var(--mb-gold-glow);
  transform: translateY(-3px);
}

main a[href^="/casino/game/"] img {
  transition-duration: 420ms !important;
}

main a[href^="/casino/game/"] p,
main a[href^="/casino/game/"] span {
  color: var(--mb-text);
}

/* Tabs, chips and badges */
main button[class*="rounded-full"] {
  border: 1px solid rgba(255,255,255,.06);
}

main button[class*="bg-primary"] {
  color: #101010 !important;
  background: linear-gradient(135deg, var(--mb-gold-dark), var(--mb-gold-light)) !important;
  border-color: rgba(255,184,0,.42) !important;
  box-shadow: 0 6px 16px rgba(255,184,0,.14);
}

/* Quick actions */
main > div button[class*="rounded-full"]:has(svg) {
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
}

main > div button[class*="rounded-full"]:has(svg):hover {
  transform: translateY(-2px);
}

/* Generic surfaces and form controls */
input,
select,
textarea {
  color: var(--mb-white) !important;
  background: var(--mb-surface) !important;
  border-color: var(--mb-border) !important;
  border-radius: 8px !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(255,184,0,.7) !important;
  box-shadow: 0 0 0 3px rgba(255,184,0,.11) !important;
  outline: none !important;
}

/* Footer */
footer {
  position: relative;
  color: var(--mb-text) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,184,0,.055), transparent 24rem),
    #0a0a0a !important;
  border-top: 1px solid rgba(255,184,0,.18) !important;
}

footer::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: min(520px, 72vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--mb-gold), transparent);
  box-shadow: 0 0 18px rgba(255,184,0,.35);
}

footer h3,
footer h4 {
  color: var(--mb-white) !important;
}

footer a {
  color: var(--mb-text) !important;
  text-decoration: none;
  transition: color 180ms ease, transform 180ms ease;
}

footer a:hover {
  color: var(--mb-gold-light) !important;
}

/* Remove remaining purple/green visual residue where utility classes are explicit */
.hover\:border-purple-500\/50:hover {
  border-color: rgba(255,184,0,.62) !important;
}

.bg-gradient-to-r.from-amber-500.to-emerald-500,
.bg-gradient-to-r.from-green-500.to-emerald-600 {
  color: #101010 !important;
  background: linear-gradient(135deg, var(--mb-gold-dark), var(--mb-gold-light)) !important;
  box-shadow: 0 10px 28px rgba(255,184,0,.22) !important;
}

/* Scrollbars */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--mb-gold-dark) var(--mb-bg-deep);
}

*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

*::-webkit-scrollbar-track {
  background: var(--mb-bg-deep);
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--mb-gold-dark), var(--mb-gold));
  border: 2px solid var(--mb-bg-deep);
  border-radius: 999px;
}

/* Tablets and phones */
@media (max-width: 1023px) {
  header.header-safe-top {
    min-height: 64px;
  }

  header button {
    min-height: 36px;
  }

  main h2,
  main h3 {
    font-size: 18px !important;
  }
}

@media (max-width: 640px) {
  :root {
    --mb-radius: 9px;
  }

  body.app-body::before {
    opacity: .12;
    background-size: 32px 32px;
  }

  header.header-safe-top {
    padding-top: env(safe-area-inset-top, 0px);
  }

  header button {
    padding-right: 10px !important;
    padding-left: 10px !important;
    font-size: 10px !important;
  }

  main {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  main section {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  main img[src*="mobil"] {
    object-position: center center;
  }

  main a[href^="/casino/game/"]:hover > div:first-child {
    transform: none;
  }

  footer > div {
    padding-top: 34px !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 374px) {
  header button {
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-size: 9px !important;
  }

  main {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

@media (min-width: 1280px) {
  main {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }

  main a[href^="/casino/game/"]:hover img {
    transform: scale(1.055) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* ===== MULTIBET RENK D�ZELTMELERI ===== */

/* Basliklardaki mavi/mor �izgiyi altin yap */
main h3 > span[class~="w-1"][class~="h-6"] {
  background: linear-gradient(
    180deg,
    #f8c548 0%,
    #ffb800 55%,
    #c98708 100%
  ) !important;
  box-shadow: 0 0 12px rgba(255, 184, 0, 0.28);
}


/* Oyun karti hover katmani */
main a[href^="/casino/game/"] 
> div:first-child 
> div[class*="group-hover:opacity-100"] {
  background:
    radial-gradient(
      circle at center,
      rgba(255, 184, 0, 0.12),
      rgba(8, 10, 13, 0.72) 68%
    ) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}


/* Oyun �zerindeki mavi/mor oynat butonu */
main a[href^="/casino/game/"] button[class*="bg-purple-600"] {
  color: #101010 !important;
  background: linear-gradient(
    135deg,
    #c98708 0%,
    #ffb800 52%,
    #f8c548 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow:
    0 0 0 5px rgba(255, 184, 0, 0.12),
    0 10px 24px rgba(0, 0, 0, 0.38),
    0 0 22px rgba(255, 184, 0, 0.25) !important;
  transform: scale(1);
  transition:
    transform 180ms ease,
    filter 180ms ease,
    box-shadow 180ms ease !important;
}

main a[href^="/casino/game/"]:hover button[class*="bg-purple-600"] {
  color: #080a0d !important;
  background: linear-gradient(
    135deg,
    #ffb800,
    #f8c548
  ) !important;
  transform: scale(1.08);
  filter: brightness(1.04);
}


/* Oynat ikonunu siyah yap */
main a[href^="/casino/game/"] button[class*="bg-purple-600"] svg {
  color: #101010 !important;
  fill: currentColor !important;
}


/* Canli destek dis penceresi */
div.fixed[class*="md:w-[380px]"][class*="md:h-[550px]"] {
  color: #f8f8f6 !important;
  background: #111317 !important;
  border: 1px solid rgba(255, 184, 0, 0.28) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    0 0 0 1px rgba(255, 184, 0, 0.06),
    0 0 34px rgba(255, 184, 0, 0.08) !important;
}


/* Canli destek �st basligi */
div.fixed[class*="md:w-[380px]"]
div[class*="from-green-600"][class*="to-emerald-600"] {
  color: #101010 !important;
  background: linear-gradient(
    135deg,
    #c98708 0%,
    #ffb800 52%,
    #f8c548 100%
  ) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}


/* Destek basligi, online yazisi ve ikonlar */
div.fixed[class*="md:w-[380px]"]
div[class*="from-green-600"] h3,
div.fixed[class*="md:w-[380px]"]
div[class*="from-green-600"] p,
div.fixed[class*="md:w-[380px]"]
div[class*="from-green-600"] button,
div.fixed[class*="md:w-[380px]"]
div[class*="from-green-600"] svg {
  color: #101010 !important;
}

div.fixed[class*="md:w-[380px]"]
div[class*="from-green-600"] p {
  opacity: 0.68;
}


/* Canli destek i�erik alani */
div.fixed[class*="md:w-[380px]"] div[class~="bg-white"] {
  color: #f8f8f6 !important;
  background:
    radial-gradient(
      circle at 50% 15%,
      rgba(255, 184, 0, 0.07),
      transparent 230px
    ),
    #111317 !important;
}

div.fixed[class*="md:w-[380px]"] div[class~="bg-white"] h2,
div.fixed[class*="md:w-[380px]"] div[class~="bg-white"] h3,
div.fixed[class*="md:w-[380px]"] div[class~="bg-white"] strong {
  color: #f8f8f6 !important;
}

div.fixed[class*="md:w-[380px]"] div[class~="bg-white"] p {
  color: #b8b8b5 !important;
}


/* G�r�smeye Basla butonu */
div.fixed[class*="md:w-[380px]"] button[class*="bg-green-600"] {
  color: #101010 !important;
  font-weight: 700 !important;
  background: linear-gradient(
    135deg,
    #c98708 0%,
    #ffb800 52%,
    #f8c548 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 25px rgba(255, 184, 0, 0.18);
}

div.fixed[class*="md:w-[380px]"] button[class*="bg-green-600"]:hover {
  color: #080a0d !important;
  filter: brightness(1.06);
  box-shadow: 0 12px 30px rgba(255, 184, 0, 0.27);
}


/* Sayfadaki sabit canli destek d�gmesi */
button[class*="from-green-500"][class*="to-emerald-600"] {
  color: #101010 !important;
  background: linear-gradient(
    135deg,
    #c98708,
    #ffb800 52%,
    #f8c548
  ) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.35),
    0 0 22px rgba(255, 184, 0, 0.22) !important;
}

button[class*="from-green-500"][class*="to-emerald-600"] svg {
  color: #101010 !important;
}


/* Mobil destek penceresi */
@media (max-width: 767px) {
  div.fixed[class*="md:w-[380px]"][class*="md:h-[550px]"] {
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }

  main a[href^="/casino/game/"] button[class*="bg-purple-600"] {
    width: 44px !important;
    height: 44px !important;
  }
}

/* ===== MOBIL MEN� SEFFAFLIK D�ZELTMESI ===== */

@media (max-width: 1023px) {
  header div[class*="lg:hidden"][class*="slide-in-from-top"] {
    position: relative;
    isolation: isolate;
    color: #f8f8f6 !important;
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(255, 184, 0, 0.08),
        transparent 260px
      ),
      linear-gradient(
        180deg,
        #151619 0%,
        #0d0f12 100%
      ) !important;
    border-top: 1px solid rgba(255, 184, 0, 0.18) !important;
    border-bottom: 1px solid rgba(255, 184, 0, 0.14);
    box-shadow:
      0 24px 40px rgba(0, 0, 0, 0.55),
      inset 0 1px 0 rgba(255, 255, 255, 0.025);
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Men� arkasinin kesinlikle seffaf kalmamasi */
  header div[class*="lg:hidden"][class*="slide-in-from-top"]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: #0d0f12;
    opacity: 1;
  }

  /* Mobil men� baglantilari */
  header div[class*="lg:hidden"][class*="slide-in-from-top"] nav a {
    position: relative;
    color: #d6d6d3 !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.045) !important;
    border-radius: 9px !important;
    transition:
      color 180ms ease,
      background-color 180ms ease,
      border-color 180ms ease,
      transform 180ms ease !important;
  }

  /* �nceki masa�st� alt �izgi efektini mobilde kapat */
  header div[class*="lg:hidden"][class*="slide-in-from-top"] nav a::after {
    display: none !important;
  }

  /* Dokunma ve hover g�r�n�m� */
  header div[class*="lg:hidden"][class*="slide-in-from-top"] nav a:hover,
  header div[class*="lg:hidden"][class*="slide-in-from-top"] nav a:focus-visible,
  header div[class*="lg:hidden"][class*="slide-in-from-top"] nav a[aria-current="page"] {
    color: #f8c548 !important;
    background: rgba(255, 184, 0, 0.09) !important;
    border-color: rgba(255, 184, 0, 0.28) !important;
    transform: translateX(3px);
    outline: none;
  }

  /* Aktif men� �gesinin sol altin �izgisi */
  header div[class*="lg:hidden"][class*="slide-in-from-top"] nav a[aria-current="page"] {
    box-shadow:
      inset 3px 0 0 #ffb800,
      0 6px 18px rgba(0, 0, 0, 0.18);
  }
}

/* ===== BAKIYE / PARA YATIR POPUP YESIL ? ALTIN ===== */

/* Yalnizca kullanici paneli popup'ini hedefler */
[role="dialog"][style*="--theme-primary"] {
  --deposit-gold: #ffb800;
  --deposit-gold-light: #f8c548;
  --deposit-gold-dark: #c98708;
  --deposit-gold-soft: rgba(255, 184, 0, 0.12);
  --deposit-gold-medium: rgba(255, 184, 0, 0.22);
}


/* Sol men�de se�ili PARA YATIR alani */
[role="dialog"][style*="--theme-primary"]
[class~="text-[#00C853]"] {
  color: var(--deposit-gold) !important;
}

[role="dialog"][style*="--theme-primary"]
[class~="bg-[#00C853]/10"] {
  background: rgba(255, 184, 0, 0.1) !important;
}


/* T�M� se�ili kategori butonu */
[role="dialog"][style*="--theme-primary"]
button[class~="bg-[#00C853]"] {
  color: #101010 !important;
  background: linear-gradient(
    135deg,
    var(--deposit-gold-dark),
    var(--deposit-gold) 52%,
    var(--deposit-gold-light)
  ) !important;
  border-color: rgba(255, 184, 0, 0.48) !important;
  box-shadow: 0 7px 18px rgba(255, 184, 0, 0.16);
}


/* Yatirim y�ntemi kartlarinin yesil hover kenarligi */
[role="dialog"][style*="--theme-primary"]
[class*="hover:border-[#00C853]"]:hover {
  border-color: rgba(255, 184, 0, 0.7) !important;
  box-shadow:
    0 0 0 1px rgba(255, 184, 0, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.25),
    0 0 20px rgba(255, 184, 0, 0.09);
}


/* Kartlardaki �deme y�ntemi ikon zemini */
[role="dialog"][style*="--theme-primary"]
[class~="bg-[#00C853]/20"] {
  background: rgba(255, 184, 0, 0.13) !important;
}


/* Kartlardaki yesil ikonlar ve YATIR yazilari */
[role="dialog"][style*="--theme-primary"]
svg[class*="text-[#00C853]"],
[role="dialog"][style*="--theme-primary"]
button[class*="text-[#00C853]"] {
  color: var(--deposit-gold) !important;
}


/* YATIR butonlarinin kenarligi */
[role="dialog"][style*="--theme-primary"]
button[class*="border-[#00C853]"] {
  border-color: rgba(255, 184, 0, 0.34) !important;
}


/* Kart �zerine gelince ikon ve YATIR butonu */
[role="dialog"][style*="--theme-primary"]
.group:hover [class*="group-hover:bg-[#00C853]"] {
  color: #101010 !important;
  background: linear-gradient(
    135deg,
    var(--deposit-gold-dark),
    var(--deposit-gold) 55%,
    var(--deposit-gold-light)
  ) !important;
  border-color: var(--deposit-gold) !important;
}


/* Hover sirasinda ikonun siyah kalmasi */
[role="dialog"][style*="--theme-primary"]
.group:hover svg[class*="group-hover:text-black"] {
  color: #101010 !important;
}


/* Kripto tanitim alanindaki yesil arka plani koyu altin/siyah yap */
[role="dialog"][style*="--theme-primary"]
[class*="from-[#0a1a0a]"][class*="to-[#1a2a1a]"] {
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(255, 184, 0, 0.09),
      transparent 65%
    ),
    linear-gradient(
      135deg,
      #13110a 0%,
      #18140a 52%,
      #0d0e10 100%
    ) !important;
}


/* Popup i�indeki yesil focus halkalarini da altina �evir */
[role="dialog"][style*="--theme-primary"]
button:focus-visible,
[role="dialog"][style*="--theme-primary"]
input:focus-visible {
  outline: none !important;
  border-color: rgba(255, 184, 0, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(255, 184, 0, 0.13) !important;
}

/* Bahis �ner butonunu t�m cihazlarda gizle */
button[title="Bahis �ner"] {
  display: none !important;
}

/* Para Yatirma ve Bonus Talep butonlarinin k�se yuvarlakligini azalt */
button[aria-label="Para Yatirma"],
button[aria-label="Bonus Talep"] {
  border-radius: 8px !important;
}

/* ===== SOFT PREMIUM SIYAH ARKA PLAN ===== */

html,
body.app-body {
  background-color: #060708 !important;
}

body.app-body {
  background:
    radial-gradient(
      ellipse 75% 42% at 50% -8%,
      rgba(255, 184, 0, 0.055) 0%,
      transparent 68%
    ),
    radial-gradient(
      ellipse 48% 38% at 100% 48%,
      rgba(255, 255, 255, 0.018) 0%,
      transparent 72%
    ),
    radial-gradient(
      ellipse 45% 35% at 0% 75%,
      rgba(255, 184, 0, 0.018) 0%,
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #0d0e10 0%,
      #090a0c 30%,
      #07080a 65%,
      #050607 100%
    ) !important;
  background-attachment: fixed !important;
}

/* �ok hafif premium doku */
body.app-body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.32;
  background-image:
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(255, 255, 255, 0.012) 45%,
      transparent 70%
    ),
    linear-gradient(
      rgba(255, 255, 255, 0.012) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.012) 1px,
      transparent 1px
    ) !important;
  background-size:
    100% 100%,
    52px 52px,
    52px 52px !important;
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    rgba(0, 0, 0, 0.65) 45%,
    transparent 92%
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    rgba(0, 0, 0, 0.65) 45%,
    transparent 92%
  );
}

/* Sayfanin ana tasiyicisini seffaf tut */
body.app-body > div,
body.app-body main {
  background-color: transparent !important;
}

/* Mobilde sabit arka plan performansini koru */
@media (max-width: 767px) {
  body.app-body {
    background-attachment: scroll !important;
  }

  body.app-body::before {
    opacity: 0.2;
    background-size:
      100% 100%,
      38px 38px,
      38px 38px !important;
  }
}

/* ===== SLIDER VE SAGLAYICI BANNERLARINI HIZALA ===== */

/* Provider bannerlarini tasiyan dis alandaki ekstra yatay boslugu kaldir */
main div[class*="space-y-4"]:has(
  a[href*="/casino?provider="]
) {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box;
}

/* Provider banner grubunu slider ile ayni genislikte tut */
main div:has(
  > a[href*="/casino?provider="]
) {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box;
}

/* Slider ve alt bannerlarda ayni k�se yapisi */
main div[class="relative overflow-hidden w-full"],
main a[href*="/casino?provider="] {
  border-radius: 10px !important;
}

/* Provider g�rselleri kapsayiciyi tam doldursun */
main a[href*="/casino?provider="] img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

/* Masa�st�: �� banner tek satir ve slider genisligine esit */
@media (min-width: 768px) {
  main div:has(
    > a[href*="/casino?provider="]
  ) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  main a[href*="/casino?provider="] {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Mobil: bannerlar tek s�tun ve slider ile ayni hizada */
@media (max-width: 767px) {
  main div:has(
    > a[href*="/casino?provider="]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  main a[href*="/casino?provider="] {
    width: 100% !important;
  }

  main div[class*="space-y-4"]:has(
    a[href*="/casino?provider="]
  ) {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* ===== BONUSLAR SAYFASI LACIVERT ? PREMIUM SIYAH ===== */

/* Bonuslar sayfasinin ana lacivert arka plani */
main > div[class*="min-h-screen"][class*="bg-[#0d1117]"] {
  background:
    radial-gradient(
      ellipse 65% 38% at 50% 0%,
      rgba(255, 184, 0, 0.045),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #0d0e10 0%,
      #090a0c 48%,
      #060708 100%
    ) !important;
}


/* Kategori men�s� ve arama kutusundaki lacivert y�zeyler */
main > div[class*="bg-[#0d1117]"] [class*="bg-[#161b22]"] {
  background:
    linear-gradient(
      145deg,
      #191a1d 0%,
      #111214 100%
    ) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


/* Kategori butonlarinin hover g�r�n�m� */
main > div[class*="bg-[#0d1117]"]
button:not([style*="background-color"]):hover {
  color: #f8c548 !important;
  background: rgba(255, 184, 0, 0.08) !important;
}


/* Se�ili kategori butonu */
main > div[class*="bg-[#0d1117]"]
button[style*="background-color"] {
  color: #101010 !important;
  background: linear-gradient(
    135deg,
    #c98708 0%,
    #ffb800 52%,
    #f8c548 100%
  ) !important;
  box-shadow: 0 10px 24px rgba(255, 184, 0, 0.16) !important;
}


/* Bos kategori mesaji */
main > div[class*="bg-[#0d1117]"] .col-span-full {
  color: #b8b8b5;
}

main > div[class*="bg-[#0d1117]"] .col-span-full svg {
  color: #777a80 !important;
}

main > div[class*="bg-[#0d1117]"] .col-span-full h3 {
  color: #b8b8b5 !important;
}

main > div[class*="bg-[#0d1117]"] .col-span-full p {
  color: #777a80 !important;
}

/* ===== CASINO SAYFASI LACIVERT ? PREMIUM SIYAH ===== */

/* Lacivert y�zeylerin tamami */
main [class*="bg-[#1e2738]"] {
  background: linear-gradient(
    145deg,
    #1a1b1e 0%,
    #121315 100%
  ) !important;
}

/* Lacivert kenarliklar */
main [class*="border-[#2a3548]"] {
  border-color: #303238 !important;
}

/* Lacivert hover renkleri */
main [class*="hover:bg-[#2a3548]"]:hover {
  color: #f8f8f6 !important;
  background: #24262b !important;
}

/* Oyun arama inputu */
main input[class*="bg-[#1e2738]"] {
  color: #f8f8f6 !important;
  background: #181a1e !important;
  border-color: #303238 !important;
}

main input[class*="bg-[#1e2738]"]:focus {
  border-color: rgba(255, 184, 0, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(255, 184, 0, 0.1) !important;
}

/* Casino kategori butonlari */
main button[class*="bg-[#1e2738]"] {
  color: #d6d6d3 !important;
  background: linear-gradient(
    145deg,
    #1b1c1f,
    #141517
  ) !important;
  border-color: #303238 !important;
}

main button[class*="bg-[#1e2738]"]:hover {
  color: #f8c548 !important;
  background: rgba(255, 184, 0, 0.08) !important;
  border-color: rgba(255, 184, 0, 0.28) !important;
}

/* Casino oyun kartlarinin bos/y�klenme zemini */
main div[class*="aspect-[215/160]"][class*="bg-[#1e2738]"] {
  background: linear-gradient(
    145deg,
    #191a1d 0%,
    #101113 100%
  ) !important;
  border-color: #303238 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}

/* Oyun karti hover */
main div[class*="aspect-[215/160]"][class*="bg-[#1e2738]"]:hover {
  border-color: rgba(255, 184, 0, 0.58) !important;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.32),
    0 0 18px rgba(255, 184, 0, 0.09);
}

/* G�r�n�m degistirme kutusu */
main div[class*="bg-[#1e2738]"]:has(
  button svg[class*="grid"]
) {
  background: #181a1e !important;
  border-color: #303238 !important;
}

/* ===== MULTIBET PREMIUM LOADING SCREEN ===== */

html.mb-loading,
html.mb-loading body {
  overflow: hidden !important;
}

#mb-preloader {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  padding:
    env(safe-area-inset-top, 0px)
    20px
    env(safe-area-inset-bottom, 0px);
  box-sizing: border-box;
  color: #f8f8f6;
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(255, 184, 0, 0.08),
      transparent 280px
    ),
    linear-gradient(
      180deg,
      #0c0d0f 0%,
      #070809 58%,
      #030405 100%
    );
  opacity: 1;
  visibility: visible;
  transition:
    opacity 500ms ease,
    visibility 500ms ease;
}

#mb-preloader.mb-preloader-hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}


/* �ok hafif premium arka plan dokusu */
#mb-preloader::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.28;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px
    );
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(
    circle at center,
    #000,
    transparent 74%
  );
  mask-image: radial-gradient(
    circle at center,
    #000,
    transparent 74%
  );
}


/* Merkez i�erik */
#mb-preloader .mb-loader-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(360px, 86vw);
  text-align: center;
}


/* Logo ve d�nen halkalar */
#mb-preloader .mb-loader-logo-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 190px;
  margin-bottom: 12px;
}

#mb-preloader .mb-loader-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 184, 0, 0.1);
  border-top-color: #ffb800;
  border-right-color: rgba(248, 197, 72, 0.42);
  border-radius: 50%;
  filter: drop-shadow(0 0 8px rgba(255, 184, 0, 0.18));
  animation: mbLoaderSpin 2.1s linear infinite;
}

#mb-preloader .mb-loader-ring::before {
  content: "";
  position: absolute;
  inset: 13px;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-bottom-color: rgba(255, 184, 0, 0.72);
  border-radius: 50%;
  animation: mbLoaderSpinReverse 2.8s linear infinite;
}


/* Logo zemini */
#mb-preloader .mb-loader-logo-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 142px;
  padding: 24px 17px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(255, 184, 0, 0.14);
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 184, 0, 0.07),
      rgba(15, 16, 18, 0.96) 68%
    );
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 30px rgba(255, 184, 0, 0.06);
}

#mb-preloader .mb-loader-logo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  animation: mbLoaderLogoPulse 1.8s ease-in-out infinite;
}


/* Metin */
#mb-preloader .mb-loader-title {
  margin: 7px 0 4px;
  color: #f8f8f6;
  font-family: "Montserrat", "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

#mb-preloader .mb-loader-text {
  margin: 0 0 19px;
  color: #8f9298;
  font-family: "Montserrat", "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
}


/* Ilerleme �ubugu */
#mb-preloader .mb-loader-progress {
  position: relative;
  width: min(270px, 72vw);
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

#mb-preloader .mb-loader-progress::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 42%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    transparent,
    #c98708 12%,
    #ffb800 55%,
    #f8c548 82%,
    transparent
  );
  box-shadow: 0 0 15px rgba(255, 184, 0, 0.45);
  animation: mbLoaderProgress 1.15s ease-in-out infinite;
}


/* Alt g�venli baglanti g�stergesi */
#mb-preloader .mb-loader-status {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  color: #777a80;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

#mb-preloader .mb-loader-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffb800;
  box-shadow: 0 0 10px rgba(255, 184, 0, 0.7);
  animation: mbLoaderDot 1.2s ease-in-out infinite;
}


/* Animasyonlar */
@keyframes mbLoaderSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes mbLoaderSpinReverse {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0);
  }
}

@keyframes mbLoaderLogoPulse {
  0%,
  100% {
    opacity: 0.82;
    transform: scale(0.975);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes mbLoaderProgress {
  0% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(300%);
  }
}

@keyframes mbLoaderDot {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}


/* Mobil */
@media (max-width: 640px) {
  #mb-preloader .mb-loader-logo-area {
    width: 164px;
    height: 164px;
  }

  #mb-preloader .mb-loader-logo-box {
    width: 122px;
    height: 122px;
    padding: 22px 15px;
  }

  #mb-preloader .mb-loader-title {
    font-size: 17px;
  }

  #mb-preloader .mb-loader-text {
    font-size: 11px;
  }
}


/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce) {
  #mb-preloader .mb-loader-ring,
  #mb-preloader .mb-loader-ring::before,
  #mb-preloader .mb-loader-logo,
  #mb-preloader .mb-loader-progress::after,
  #mb-preloader .mb-loader-status-dot {
    animation-duration: 3.5s !important;
  }
}

/* Para Yatirma ve Bonus Talep arka planlari */
button[aria-label="Para Yatirma"],
button[aria-label="Bonus Talep"] {
  color: #f8c548 !important;
  background: #1b1b1b !important;
}

button[aria-label="Para Yatirma"]:hover,
button[aria-label="Bonus Talep"]:hover {
  color: #ffb800 !important;
  background: #242424 !important;
}

/* ===== IMG_5326 BANNER BOYUT D�ZELTMESI ===== */

main a:has(> img[src*="IMG_5326.png"]) {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

main a:has(> img[src*="IMG_5326.png"])
> img[src*="IMG_5326.png"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  transform: none !important;
}

/* Hover sirasinda �ok hafif yakinlasma */
@media (hover: hover) and (pointer: fine) {
  main a:has(> img[src*="IMG_5326.png"]):hover
  > img[src*="IMG_5326.png"] {
    transform: scale(1.015) !important;
  }
}

/* IMG_5326 mobilde diger bannerlarla ayni y�kseklik */
@media (max-width: 767px) {
  main a:has(> img[src*="IMG_5326.png"]) {
    width: 100% !important;
    aspect-ratio: 7 / 1 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
  }

  main a:has(> img[src*="IMG_5326.png"])
  > img[src*="IMG_5326.png"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }
}

/* =========================================================
   MULTIBET � PREMIUM MOBIL ALT MEN� V4
   Siralama:
   Slot | Canli Casino | Men� | Spor | Canli Destek
   ========================================================= */

:root {
  --mb-nav-bg: rgba(11, 12, 14, 0.97);
  --mb-nav-surface: #18191c;
  --mb-nav-border: rgba(255, 184, 0, 0.18);
  --mb-nav-gold: #ffb800;
  --mb-nav-gold-light: #f8c548;
  --mb-nav-gold-dark: #c98708;
  --mb-nav-white: #f8f8f6;
  --mb-nav-text: #a9abb0;
  --mb-nav-muted: #777a80;
  --mb-nav-height: 68px;
}

/* Masa�st�nde g�r�nmez */
.mb-mobile-dock,
.mb-mobile-drawer,
.mb-mobile-overlay {
  display: none;
}

@media (max-width: 767px) {
  /* Sitenin eski hamburger men�s� */
  header button[class~="lg:hidden"],
  header div[class*="lg:hidden"][class*="slide-in-from-top"] {
    display: none !important;
  }

  /* Mobil menü görünür olan normal sayfalarda alt boşluk */
html.mb-mobile-nav-ready:not(.mb-game-page):not(.mb-sports-page)
body.app-body {
  padding-bottom:
    calc(
      var(--mb-nav-height) +
      18px +
      env(safe-area-inset-bottom, 0px)
    ) !important;
}

/* Spor sayfasında menü ve menü boşluğu olmasın */
html.mb-mobile-nav-ready.mb-sports-page
body.app-body {
  padding-bottom: 0 !important;
}

  /* =====================================================
     ALT MEN�
     ===================================================== */

  .mb-mobile-dock {
    position: fixed;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    left: 8px;
    z-index: 9998;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    height: var(--mb-nav-height);
    padding: 7px 5px 5px;
    box-sizing: border-box;
    border: 1px solid var(--mb-nav-border);
    border-radius: 14px;
    background:
      linear-gradient(
        180deg,
        rgba(29, 30, 33, 0.98),
        var(--mb-nav-bg)
      );
    box-shadow:
      0 18px 45px rgba(0, 0, 0, 0.62),
      inset 0 1px 0 rgba(255, 255, 255, 0.04);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
  }

  /* �st altin isik */
  .mb-mobile-dock::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 18%;
    width: 64%;
    height: 1px;
    pointer-events: none;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(255, 184, 0, 0.9),
        transparent
      );
    box-shadow: 0 0 14px rgba(255, 184, 0, 0.34);
  }

  .mb-dock-item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-width: 0;
    height: 54px;
    padding: 4px 2px;
    box-sizing: border-box;
    color: var(--mb-nav-text) !important;
    font-family: "Montserrat", "Inter", sans-serif;
    text-decoration: none !important;
    border: 0;
    border-radius: 9px;
    outline: none;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition:
      color 160ms ease,
      background-color 160ms ease,
      transform 160ms ease;
  }

  .mb-dock-item:active {
    transform: scale(0.94);
  }

  .mb-dock-icon {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
    opacity: 0.72;
    filter: grayscale(1) brightness(1.8);
    transition:
      color 160ms ease,
      filter 160ms ease,
      opacity 160ms ease,
      transform 160ms ease;
  }

  .mb-dock-label {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 8px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0.01em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mb-dock-item.is-active,
  .mb-dock-item:hover,
  .mb-dock-item:focus-visible {
    color: var(--mb-nav-gold-light) !important;
    background: rgba(255, 184, 0, 0.065);
  }

 

  /* =====================================================
     ORTA MEN� D�GMESI
     ===================================================== */

  .mb-dock-menu {
    align-self: end;
    overflow: visible;
    transform: translateY(-14px);
  }

  .mb-dock-menu:active {
    transform: translateY(-14px) scale(0.94);
  }

  .mb-dock-menu-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 2px solid #0b0c0e;
    border-radius: 15px;
    background:
      linear-gradient(
        145deg,
        var(--mb-nav-gold-light),
        var(--mb-nav-gold) 52%,
        var(--mb-nav-gold-dark)
      );
    box-shadow:
      0 10px 24px rgba(0, 0, 0, 0.52),
      0 0 0 4px rgba(255, 184, 0, 0.1),
      0 0 22px rgba(255, 184, 0, 0.18);
    transition:
      transform 200ms ease,
      box-shadow 200ms ease;
  }

  .mb-dock-menu-icon img {
    width: 23px;
    height: 23px;
    object-fit: contain;
    filter: brightness(0);
  }

  .mb-dock-menu .mb-dock-label {
    position: absolute;
    top: 57px;
    color: var(--mb-nav-gold-light);
  }

  html.mb-menu-open .mb-dock-menu-icon {
    transform: rotate(45deg);
    box-shadow:
      0 12px 28px rgba(0, 0, 0, 0.58),
      0 0 0 5px rgba(255, 184, 0, 0.13),
      0 0 28px rgba(255, 184, 0, 0.25);
  }

  /* =====================================================
     CANLI DESTEK
     ===================================================== */

  .mb-dock-support .mb-support-icon {
    width: 22px;
    height: 22px;
    color: var(--mb-nav-text);
    fill: none;
    opacity: 0.78;
    filter: none !important;
  }

  .mb-dock-support:hover .mb-support-icon,
  .mb-dock-support:focus-visible .mb-support-icon,
  .mb-dock-support:active .mb-support-icon {
    color: var(--mb-nav-gold-light);
    opacity: 1;
  }

  .mb-dock-support:active .mb-support-icon {
    transform: scale(0.92);
  }

  /* Sitenin sag alttaki eski destek tetikleyicisi */
  html.mb-mobile-nav-ready:not(.mb-game-page)
  div.fixed[class*="bottom-20"][class*="right-4"]:has(
    > button[class*="from-green-500"]
  ) {
    display: none !important;
  }

  /* =====================================================
     ARKA KARARTMA
     ===================================================== */

  .mb-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 9996;
    display: block;
    background: rgba(0, 0, 0, 0.74);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition:
      opacity 230ms ease,
      visibility 230ms ease;
  }

  html.mb-menu-open .mb-mobile-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* =====================================================
     A�ILIR MEN�
     ===================================================== */

  .mb-mobile-drawer {
    position: fixed;
    right: 10px;
    bottom:
      calc(
        var(--mb-nav-height) +
        18px +
        env(safe-area-inset-bottom, 0px)
      );
    left: 10px;
    z-index: 9997;
    display: block;
    max-height:
      calc(100dvh - var(--mb-nav-height) - 105px);
    padding: 17px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    color: var(--mb-nav-white);
    border: 1px solid rgba(255, 184, 0, 0.2);
    border-radius: 14px;
    background:
      radial-gradient(
        circle at 50% 0,
        rgba(255, 184, 0, 0.09),
        transparent 230px
      ),
      linear-gradient(
        160deg,
        #1a1b1e,
        #0b0c0e 72%
      );
    box-shadow:
      0 25px 70px rgba(0, 0, 0, 0.72),
      inset 0 1px 0 rgba(255, 255, 255, 0.035);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(24px) scale(0.975);
    transform-origin: bottom center;
    transition:
      opacity 220ms ease,
      visibility 220ms ease,
      transform 220ms ease;
  }

  html.mb-menu-open .mb-mobile-drawer {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .mb-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px 14px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  }

  .mb-drawer-brand {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .mb-drawer-brand strong {
    color: var(--mb-nav-white);
    font-size: 17px;
    font-weight: 800;
  }

  .mb-drawer-brand span {
    margin-top: 3px;
    color: var(--mb-nav-muted);
    font-size: 10px;
    font-weight: 600;
  }

  .mb-drawer-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 0;
    color: var(--mb-nav-gold-light);
    font-size: 25px;
    line-height: 1;
    border: 1px solid rgba(255, 184, 0, 0.2);
    border-radius: 8px;
    outline: none;
    background: rgba(255, 184, 0, 0.07);
    cursor: pointer;
  }

  .mb-drawer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .mb-drawer-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 52px;
    padding: 9px 11px;
    box-sizing: border-box;
    color: #d6d6d3 !important;
    font-family: "Montserrat", "Inter", sans-serif;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 9px;
    outline: none;
    background: rgba(255, 255, 255, 0.025);
    transition:
      color 160ms ease,
      background-color 160ms ease,
      border-color 160ms ease,
      transform 160ms ease;
  }

  .mb-drawer-link:active {
    transform: scale(0.97);
  }

  .mb-drawer-link.is-active,
  .mb-drawer-link:hover,
  .mb-drawer-link:focus-visible {
    color: var(--mb-nav-gold-light) !important;
    border-color: rgba(255, 184, 0, 0.3);
    background: rgba(255, 184, 0, 0.075);
  }

  .mb-drawer-link img {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    object-fit: contain;
    opacity: 0.78;
    filter: grayscale(1) brightness(1.8);
  }

  .mb-drawer-link.is-active img,
  .mb-drawer-link:hover img,
  .mb-drawer-link:focus-visible img {
    opacity: 1;
    filter:
      sepia(1)
      saturate(7)
      hue-rotate(354deg)
      brightness(1.12);
  }

  .mb-drawer-link span {
    overflow: hidden;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Men� a�ildiginda sayfayi kilitle */
  html.mb-menu-open,
  html.mb-menu-open body {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  /* =====================================================
     OYUN SAYFALARI
     ===================================================== */

  html.mb-game-page .mb-mobile-dock,
  html.mb-game-page .mb-mobile-drawer,
  html.mb-game-page .mb-mobile-overlay,
  html.mb-game-page
  div.fixed[class*="bottom-20"][class*="right-4"] {
    display: none !important;
  }

  html.mb-game-page body.app-body {
    padding-bottom: 0 !important;
  }
}

/* K���k telefonlar */
@media (max-width: 359px) {
  .mb-dock-label {
    font-size: 7px;
  }

  .mb-mobile-drawer {
    right: 7px;
    left: 7px;
    padding: 14px;
  }

  .mb-drawer-grid {
    gap: 6px;
  }

  .mb-drawer-link {
    padding-right: 8px;
    padding-left: 8px;
  }
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce) {
  .mb-mobile-dock *,
  .mb-mobile-drawer,
  .mb-mobile-overlay {
    transition-duration: 0.01ms !important;
  }
}

/* =========================================================
   MULTIBET � MOBIL YERLESIM VE FOOTER V5
   ========================================================= */

@media (max-width: 767px) {
  /* Kullanıcı paneli açıldığında drawer görünür kalmasın (JS yedeği). */
  html:has(
    [role="dialog"][data-state="open"][style*="--theme-primary"]
  ) .mb-mobile-dock,
  html:has(
    [role="dialog"][data-state="open"][style*="--theme-primary"]
  ) .mb-mobile-drawer,
  html:has(
    [role="dialog"][data-state="open"][style*="--theme-primary"]
  ) .mb-mobile-overlay {
    display: none !important;
  }

  html.mb-user-panel-open .mb-mobile-dock,
  html.mb-user-panel-open .mb-mobile-drawer,
  html.mb-user-panel-open .mb-mobile-overlay {
    display: none !important;
  }

  /* Tüm ana sayfalarda küçük ve dengeli bir yatay boşluk bırak. */
  body.app-body main {
    width: 100% !important;
    max-width: none !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
    box-sizing: border-box !important;
  }

  body.app-body main > div,
  body.app-body main > section,
  body.app-body main > div > div[class*="max-w-"] {
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  /* Casino oyunlarini mobilde her satirda �� kart g�ster. */
  body.app-body main div.grid:has(a[href^="/casino/game/"]) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 4px !important;
    row-gap: 7px !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.app-body main div.grid:has(a[href^="/casino/game/"])
  > a[href^="/casino/game/"] {
    min-width: 0 !important;
    width: 100% !important;
  }

  /* ��l� d�zende kart isimleri tasmasin. */
  body.app-body main a[href^="/casino/game/"] p,
  body.app-body main a[href^="/casino/game/"] span {
    overflow: hidden;
    font-size: 10px !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Footer ana alani daha kompakt yap. */
  footer > div:first-child {
    padding: 24px 10px 18px !important;
  }

  /* Tanitim tam satir; diger �� b�l�m yan yana. */
  footer > div:first-child
  > div[class*="grid-cols-1"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 8px !important;
  }

  footer > div:first-child
  > div[class*="grid-cols-1"]
  > div:first-child {
    grid-column: 1 / -1 !important;
  }

  footer > div:first-child h3 {
    margin-bottom: 8px !important;
    font-size: 15px !important;
  }

  footer > div:first-child h4 {
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  footer > div:first-child p,
  footer > div:first-child li,
  footer > div:first-child a {
    font-size: 9px !important;
    line-height: 1.4 !important;
  }

  footer > div:first-child ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  footer > div:first-child li,
  footer > div:first-child li a {
    min-width: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow-wrap: anywhere;
  }

  footer > div:first-child li svg {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px;
    color: var(--mb-gold) !important;
  }

  footer > div:last-child > div {
    padding: 12px 8px
      calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Loader'da kaldirilan metinlerden kalan bosluklari temizle. */
  #mb-preloader .mb-loader-title {
    margin-bottom: 16px !important;
  }

  #mb-preloader .mb-loader-text,
  #mb-preloader .mb-loader-status {
    display: none !important;
  }
}

/* Bahis Öner butonunu tamamen gizle */
button[type="button"][title="Bahis Öner"] {
  display: none !important;
}

/* =========================================================
   MOBİL MENÜ — AKTİF İKON VE YAZI RENGİ
   ========================================================= */

@media (max-width: 767px) {
  /* Aktif yazı rengi */
  .mb-dock-item.is-active,
  .mb-dock-item.is-active .mb-dock-label,
  .mb-drawer-link.is-active,
  .mb-drawer-link.is-active span {
    color: #ffb800 !important;
  }

  /* PNG ikonları tam altın rengine dönüştür */
  .mb-dock-item.is-active img.mb-dock-icon,
  .mb-drawer-link.is-active img {
    opacity: 1 !important;
  filter: brightness(0)
        saturate(100%)
        invert(56%)
        sepia(96%)
        saturate(1587%)
        hue-rotate(9deg)
        brightness(93%)
        contrast(101%) !important;
  }

  /* SVG kullanılan ikonlar */
  .mb-dock-item.is-active svg.mb-dock-icon,
  .mb-drawer-link.is-active svg {
    color: #F8C548 !important;
    stroke: #F8C548 !important;
    opacity: 1 !important;
    filter: none !important;
  }
}

/* Para Yatırma ve Bonus Talep aynı arka plan */
button[aria-label="Para Yatırma"],
button[aria-label="Bonus Talep"] {
  color: #f8c548 !important;
  background: #24262b !important;
  background-color: #24262b !important;
  border-radius: 8px !important;
}

/* Hover sırasında da arka planlar aynı kalsın */
button[aria-label="Para Yatırma"]:hover,
button[aria-label="Bonus Talep"]:hover {
  color: #ffb800 !important;
  background: #24262b !important;
  background-color: #24262b !important;
}
div.w-full.overflow-hidden:has(h2.text-lg.md\:text-xl.font-bold.text-white) {
    display: none !important;
}
a[href^="/casino/game/"] p.text-xs.text-slate-500.truncate {
    display: none !important;
}


/* =========================================================
   FOOTER — DESTEK BÖLÜMÜNÜ KALDIR, 2 SÜTUN YAP
   ========================================================= */

/* Destek başlığı ve içeriğini tamamen kaldır */
footer > div:first-child
> div[class*="grid"]
> div:nth-child(3) {
  display: none !important;
}

@media (max-width: 767px) {
  /* Tanıtım üstte, Hızlı Bağlantılar ve İletişim yan yana */
  footer > div:first-child
  > div[class*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 14px !important;
  }

  /* MultiBet tanıtım bölümü tam genişlik */
  footer > div:first-child
  > div[class*="grid"]
  > div:first-child {
    grid-column: 1 / -1 !important;
  }

  /* Hızlı Bağlantılar */
  footer > div:first-child
  > div[class*="grid"]
  > div:nth-child(2) {
    grid-column: 1 !important;
  }

  /* İletişim */
  footer > div:first-child
  > div[class*="grid"]
  > div:nth-child(4) {
    grid-column: 2 !important;
  }
}

/* Masaüstü: tanıtım geniş, diğer iki bölüm yan yana */
@media (min-width: 768px) {
  footer > div:first-child
  > div[class*="grid"] {
    display: grid !important;
    grid-template-columns:
      minmax(0, 2fr)
      minmax(0, 1fr)
      minmax(0, 1fr) !important;
  }
}

/* Oyun kartlarının altındaki oyun adı + provider */
a[href^="/casino/game/"] > div.absolute.bottom-0.left-0.right-0 p {
    display: none !important;
}

/* =========================================================
   MULTIBET — GÖRSELSİZ KISA LİNK DUYURU BARI
   ========================================================= */

main a[href="https://t.ly/multibet"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 1152px !important;
  min-height: 54px !important;
  height: auto !important;
  aspect-ratio: auto !important;

  padding: 9px 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  color: #181818 !important;
  text-decoration: none !important;

  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;

  background:
    linear-gradient(
      135deg,
      #bd7900 0%,
      #d28b00 48%,
      #df9d08 100%
    ) !important;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

  transform: none !important;

  transition:
    filter 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease !important;
}

/* React görseli yeniden eklerse görünmesini kesin olarak engelle */
main a[href="https://t.ly/multibet"] > img,
main a[href="https://t.ly/multibet"]
> div[class*="group-hover:bg-black"] {
  display: none !important;
}

/* Bar içeriği */
main a[href="https://t.ly/multibet"]
> .mb-shortlink-content {
  position: relative !important;
  inset: auto !important;
  z-index: 2;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px;

  width: 100%;
  min-width: 0;

  color: #181818 !important;
  font-family: "Montserrat", "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

/* Link kutusu */
.mb-shortlink-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 34px;
  padding: 0 14px;
  flex: 0 0 auto;

  color: #ffffff !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.01em;

  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 7px;

  background:
    linear-gradient(
      145deg,
      #37393e,
      #202125
    );

  box-shadow:
    0 5px 13px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

@media (hover: hover) and (pointer: fine) {
  main a[href="https://t.ly/multibet"]:hover {
    filter: brightness(1.05);
    transform: translateY(-1px) !important;

    box-shadow:
      0 11px 28px rgba(0, 0, 0, 0.3),
      0 0 18px rgba(255, 184, 0, 0.14) !important;
  }

  main a[href="https://t.ly/multibet"]:hover
  .mb-shortlink-code {
    background:
      linear-gradient(
        145deg,
        #42444a,
        #25262a
      );
  }
}

/* Mobil */
@media (max-width: 767px) {
  main a[href="https://t.ly/multibet"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    height: auto !important;
    aspect-ratio: auto !important;

    padding: 7px 6px !important;
    border-radius: 7px !important;
  }

  main a[href="https://t.ly/multibet"]
  > .mb-shortlink-content {
    gap: 5px;
    font-size: 10px;
    white-space: nowrap;
  }

  .mb-shortlink-code {
    min-height: 29px;
    padding: 0 8px;
    font-size: 11px;
    border-radius: 6px;
  }
}

@media (max-width: 359px) {
  main a[href="https://t.ly/multibet"]
  > .mb-shortlink-content {
    gap: 3px;
    font-size: 9px;
  }

  .mb-shortlink-code {
    padding: 0 6px;
    font-size: 10px;
  }
}

/* =========================================================
   KISA LİNK — MASAÜSTÜ GENİŞLİK VE METİN DÜZELTMESİ
   ========================================================= */

/* Dış taşıyıcı ve bar banner alanını tamamen doldursun */
main div.flex.flex-wrap.gap-4.justify-center:has(
  > a[href="https://t.ly/multibet"]
) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

main a[href="https://t.ly/multibet"] {
  width: 100% !important;
  max-width: none !important;
}

/* Açıklama yazılarını daha belirgin yap */
main a[href="https://t.ly/multibet"]
.mb-shortlink-content > span {
  color: #171717 !important;
  font-weight: 700 !important;
  letter-spacing: 0.005em;
}

/* Masaüstü */
@media (min-width: 768px) {
  main a[href="https://t.ly/multibet"] {
    min-height: 58px !important;
    padding: 10px 18px !important;
  }

  main a[href="https://t.ly/multibet"]
  > .mb-shortlink-content {
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
  }

  main a[href="https://t.ly/multibet"]
  .mb-shortlink-code {
    min-height: 36px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: 800;
  }
}

/* ===== MULTIBET iPHONE / ANDROID OYUN TAM EKRAN ===== */

html.mb-game-fullscreen,
html.mb-game-fullscreen body {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  background: #000 !important;
}

[data-mb-game-shell="true"] {
  background: #000 !important;
}

/* Özel çıkış düğmesi normal görünümde gizli */
#mb-mobile-game-exit {
  display: none !important;
}

/* Mobil sanal tam ekran */
html.mb-game-fullscreen [data-mb-game-shell="true"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;

  width: 100vw !important;
  height: var(--mb-game-height, 100dvh) !important;
  min-width: 100vw !important;
  min-height: var(--mb-game-height, 100dvh) !important;
  max-width: none !important;
  max-height: none !important;

  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: block !important;
  background: #000 !important;
}

/* Üst menüyü gizle */
html.mb-game-fullscreen
[data-mb-game-shell="true"] > div:first-child {
  display: none !important;
}

/* Alt oyun bilgisi barını gizle */
html.mb-game-fullscreen
[data-mb-game-shell="true"] > div:last-child {
  display: none !important;
}

/* Iframe'i taşıyan orta bölüm */
html.mb-game-fullscreen
[data-mb-game-shell="true"] > div:nth-child(2) {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;
  width: 100vw !important;
  height: var(--mb-game-height, 100dvh) !important;
  min-width: 100vw !important;
  min-height: var(--mb-game-height, 100dvh) !important;

  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}

/* Oyun iframe'i */
html.mb-game-fullscreen
[data-mb-game-shell="true"] iframe {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;
  width: 100vw !important;
  height: var(--mb-game-height, 100dvh) !important;
  min-width: 100vw !important;
  min-height: var(--mb-game-height, 100dvh) !important;
  max-width: none !important;
  max-height: none !important;

  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  transform: none !important;
  background: #000 !important;
}

/* Oyunun üzerinde kalan çıkış düğmesi */
html.mb-game-fullscreen #mb-mobile-game-exit {
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
  right: calc(env(safe-area-inset-right, 0px) + 10px) !important;
  z-index: 2147483647 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;

  color: #fff !important;
  background: rgba(8, 10, 13, 0.88) !important;
  border: 1px solid #ffb800 !important;
  border-radius: 10px !important;

  box-shadow:
    0 8px 25px rgba(0, 0, 0, 0.65),
    0 0 18px rgba(255, 184, 0, 0.18) !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Mobil dock ve siteye ait sabit elemanları kapat */
html.mb-game-fullscreen .mb-mobile-dock,
html.mb-game-fullscreen .mb-mobile-drawer,
html.mb-game-fullscreen .mb-mobile-overlay,
html.mb-game-fullscreen button[title="Bahis Öner"] {
  display: none !important;
}


/* ===== MULTIBET BONUS SAYFASI / MODAL FINAL ===== */

/* Bonus sayfasındaki lacivert alanları siyah yap */
html.mb-bonus-page main > div[class*="bg-[#0d1117]"] {
  background: #080a0d !important;
}

/* Bonus kart görselleri */
html.mb-bonus-page
main div[class*="aspect-[16/10]"] {
  background: #0a0b0d !important;
}

html.mb-bonus-page
main div[class*="aspect-[16/10]"] > img {
  width: 100% !important;
  height: 100% !important;
  object-position: center !important;
}

/* Kart görselleri masaüstünde kırpılmasın */
@media (min-width: 768px) {
  html.mb-bonus-page
  main div[class*="aspect-[16/10]"] > img {
    object-fit: contain !important;
  }

  html.mb-bonus-page
  main div[class*="aspect-[16/10]"]:hover > img {
    transform: scale(1.015) !important;
  }
}

/* Mobil kart görünümü */
@media (max-width: 767px) {
  html.mb-bonus-page
  main div[class*="aspect-[16/10]"] > img {
    object-fit: cover !important;
  }
}

/* ===== BONUS DETAY MODALI ===== */

[role="dialog"][data-state="open"].max-w-5xl {
  color: #f8f8f6 !important;
}

/* Modalın dış yüzeyi */
[role="dialog"][data-state="open"].max-w-5xl
> div[class*="md:flex-row"] {
  background: #0d0f12 !important;
  border: 1px solid rgba(255, 184, 0, 0.14) !important;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.7),
    0 0 30px rgba(255, 184, 0, 0.05) !important;
}

/* ===== MASAÜSTÜ BONUS MODALI ===== */

@media (min-width: 768px) {
  [role="dialog"][data-state="open"].max-w-5xl {
    width: min(1040px, calc(100vw - 48px)) !important;
    max-width: 1040px !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl
  > div[class*="md:flex-row"] {
    display: grid !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;

    width: 100% !important;
    max-height: min(700px, calc(100dvh - 48px)) !important;
    overflow: hidden !important;
  }

  /* Görsel bölümü */
  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-2/5"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
      radial-gradient(
        circle at center,
        rgba(255, 184, 0, 0.07),
        transparent 68%
      ),
      #0a0b0d !important;

    overflow: hidden !important;
  }

  /* 1400x899 görsel tamamen görünsün */
  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-2/5"] > img {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 90px) !important;

    aspect-ratio: 1400 / 899 !important;
    object-fit: contain !important;
    object-position: center !important;

    border-radius: 10px !important;
    background: #080a0d !important;

    box-shadow:
      0 16px 35px rgba(0, 0, 0, 0.42),
      0 0 0 1px rgba(255, 184, 0, 0.12) !important;
  }

  /* Yazı bölümü */
  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-3/5"] {
    width: 100% !important;
    min-width: 0 !important;
    max-height: min(700px, calc(100dvh - 48px)) !important;

    padding: 26px 28px !important;
    overflow-y: auto !important;
    background: #0d0f12 !important;
  }

  /* Bonus başlığı */
  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-3/5"] h2 {
    margin-bottom: 20px !important;
    font-size: clamp(24px, 2.1vw, 31px) !important;
    line-height: 1.17 !important;
  }

  /* Açıklama aralıkları */
  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-3/5"]
  div[class*="space-y-3"] {
    margin-bottom: 20px !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-3/5"]
  div[class*="space-y-3"] p {
    line-height: 1.55 !important;
  }
}

/* Küçük laptop ekranları */
@media (min-width: 768px) and (max-height: 750px) {
  [role="dialog"][data-state="open"].max-w-5xl {
    width: min(1000px, calc(100vw - 40px)) !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-2/5"] {
    padding: 14px !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-3/5"] {
    padding: 22px 24px !important;
  }
}

/* ===== MOBİL BONUS MODALI ===== */

@media (max-width: 767px) {
  /* Bonus açılınca özel alt menü gizlensin */
  html.mb-bonus-modal-open .mb-mobile-dock,
  html.mb-bonus-modal-open .mb-mobile-drawer,
  html.mb-bonus-modal-open .mb-mobile-overlay {
    display: none !important;
  }

  html.mb-bonus-modal-open body.app-body {
    padding-bottom: 0 !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl
  > div[class*="md:flex-row"] {
    max-height: calc(100dvh - 12px) !important;
    border-radius: 10px !important;
  }

  /* Mobil modal görseli */
  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-2/5"] {
    width: 100% !important;
    background: #080a0d !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-2/5"] > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 34dvh !important;

    aspect-ratio: 1400 / 899 !important;
    object-fit: contain !important;
    object-position: center !important;

    background: #080a0d !important;
  }

  /* Mobil yazı bölümü */
  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-3/5"] {
    width: 100% !important;
    max-height: 58dvh !important;
    padding: 18px !important;

    overflow-y: auto !important;
    background: #0d0f12 !important;
  }

  [role="dialog"][data-state="open"].max-w-5xl
  div[class*="md:w-3/5"] h2 {
    margin-bottom: 16px !important;
    padding-right: 34px !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
  }
}

/* ===== AUTH MODALI VE SPOR SAYFASI ALT MENÜ KONTROLÜ ===== */

@media (max-width: 1023px) {
  /* Giriş veya kayıt penceresi açıkken */
  html.mb-auth-modal-open .mb-mobile-dock,
  html.mb-auth-modal-open .mb-mobile-drawer,
  html.mb-auth-modal-open .mb-mobile-overlay,

  /* Spor iframe'i ve kuponla çakışmaması için */
  html.mb-sports-page .mb-mobile-dock,
  html.mb-sports-page .mb-mobile-drawer,
  html.mb-sports-page .mb-mobile-overlay {
    display: none !important;
  }

  /* Eski alt menü boşluğu kalmasın */
  html.mb-auth-modal-open body.app-body,
  html.mb-sports-page body.app-body {
    padding-bottom: 0 !important;
  }
}

/* ===== SPOR SAYFASI MOBİL MENÜ BOŞLUĞUNU KALDIR ===== */

@media (max-width: 767px) {
  html.mb-sports-page .mb-mobile-dock,
  html.mb-sports-page .mb-mobile-drawer,
  html.mb-sports-page .mb-mobile-overlay {
    display: none !important;
  }

  html.mb-sports-page body.app-body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  html.mb-sports-page body.app-body > main,
  html.mb-sports-page main:has(
    iframe[title="Sportsbook"]
  ) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
/* Ödeme yöntemi ikonlarının dış container'ı */
div.w-11.h-11.rounded-full.overflow-hidden {
    border-radius: 0 !important;
    overflow: visible !important;
}

/* İçindeki görsel */
div.w-11.h-11.rounded-full.overflow-hidden img {
    border-radius: 0 !important;
}

/* =========================================================
   MULTIBET - OYUN SAYFASI HEADER / FOOTER FINAL
   ========================================================= */

/* Masaüstünde oyun sayfası site düzenini korur. */
@media (min-width: 901px) {
  html.mb-game-page footer {
    display: block !important;
  }
}

/* Mobil oyun sayfalarında site kabuğunu gizle. */
@media (max-width: 900px) {
  html.mb-game-page body.app-body header.header-safe-top,
  html.mb-game-page body.app-body header.header-safe-top + div.w-full,
  html.mb-game-page body.app-body footer,
  html.mb-game-page .mb-mobile-dock,
  html.mb-game-page .mb-mobile-drawer,
  html.mb-game-page .mb-mobile-overlay,
  html.mb-game-page div.fixed[class*="bottom-20"][class*="right-4"],
  html.mb-game-page button[title="Bahis Öner"] {
    display: none !important;
  }

  html.mb-game-page body.app-body {
    padding-bottom: 0 !important;
  }
}

/* Bonus kartlarında hover büyümesini ve yukarı sıçramayı kaldır. */
html.mb-bonus-page main div[class*="grid-cols"] > div.group,
html.mb-bonus-page main div[class*="grid-cols"] > div.group:hover,
html.mb-bonus-page main img[class*="group-hover:scale"],
html.mb-bonus-page main .group:hover img,
html.mb-bonus-page main div[class*="aspect-[16/10]"]:hover > img {
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
}

/* Kullanıcı paneli sol menü orta boşluk düzeltmesi */
div[role="dialog"]
> div.w-full.md\:w-\[260px\]
> div.flex-1.overflow-y-auto {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow-y: visible !important;
}

/* Kullanıcı popup'ı: sol menü ile içerik arasındaki boşluğu doldur */
div[role="dialog"][data-state="open"]:has(
  > div.md\:w-\[260px\]
) {
  gap: 0 !important;
  column-gap: 0 !important;
  background: #1a1a1a !important;
}

/* Sol menü ve sağ panel birbirine tam birleşsin */
div[role="dialog"][data-state="open"]
> div.md\:w-\[260px\] {
  margin-right: 0 !important;
  flex-shrink: 0 !important;
}

div[role="dialog"][data-state="open"]
> div.hidden.md\:flex {
  margin-left: 0 !important;
  border-left: 1px solid #2a2a2a !important;
}.flex.items-center.gap-3.p-3.rounded-xl.bg-\[\#1a1a1a\] > div.w-11 {
    width: 110px !important;
    height: 45px !important;
    border-radius: 0px !important;
}

.flex.items-center.gap-3.p-3.rounded-xl.bg-\[\#1a1a1a\] > div.w-11 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* ===== CANLI DESTEK AÇIKKEN MOBİL ALT MENÜ ===== */
@media (max-width: 767px) {
  html.mb-support-open .mb-mobile-dock,
  html.mb-support-open .mb-mobile-drawer,
  html.mb-support-open .mb-mobile-overlay {
    display: none !important;
  }

  html.mb-support-open body.app-body {
    padding-bottom: 0 !important;
  }
}