/* =========================================================
   "Lux" tema katmanı (lacivert / altın) (style.css'in üstüne yüklenir)
   Ana renkler gece mavisi / altın: ışıltılı, canlı, premium casino salonu hissi.
   Kaldırmak için layout.php'den lux.css ve vegas.js satırlarını silmek yeterli.
   ========================================================= */

:root {
    --black: #081530;            /* gece mavisi zemin */
    --gold:  #e0ac40;            /* sitenin vurgu rengi (tüm site bu değişkeni kullanır) */
    --red:   #e0ac40;            /* değişken adları kırmızı temadan kaldı: bu temada altın */
    --red-hi:#f6d27a;
    --red-lo:#8a6420;
    --navy:  #0a1f48;
    --blue:  #1f6fd6;
    --green: #1fa64a;
    --line:        rgba(246,210,122,.22);
    --line-strong: rgba(246,210,122,.45);
    --tint:        rgba(224,172,64,.10);
    --shine: #ffd27a;            /* ışık / pırıltı tonu, yalnızca efektlerde */
    --lux:   linear-gradient(90deg, #8a6a2a, #ffd98a, #b8892f, #ffe7a8, #8a6a2a);   /* premium ince altın çizgi */

    --bg: var(--black);
    --accent-text: var(--red-hi);
    --glow: 0 0 18px rgba(224,172,64,.55), 0 0 42px rgba(224,172,64,.25);
}
[data-theme="light"] { --accent-text: var(--red); }
.banner-slider, .promo-card.has-art, .promo-card.has-img, .auth__bonus, .auth-promo, .tabbar, .play__bar { --accent-text: var(--red-hi); }

/* ---------- Salon zemini: kırmızı spot ışıkları + hafif doku ---------- */

body:not(.is-bare) {
    background:
        radial-gradient(1200px 700px at 15% -10%, rgba(40,120,230,.55), transparent 60%),
        radial-gradient(1000px 600px at 100% 15%, rgba(224,172,64,.40), transparent 60%),
        radial-gradient(900px 900px at 50% 110%, rgba(10,50,120,.55), transparent 65%),
        linear-gradient(180deg, #0e3170 0%, #0a1f48 45%, #0d2a5e 100%);
    background-attachment: fixed;
}
[data-theme="light"] body:not(.is-bare) {
    background: radial-gradient(1000px 500px at 15% -10%, rgba(224,172,64,.10), transparent 60%), var(--bg);
}

/* Pırıltı tuvali (vegas.js çizer) */
.vx-sparkle { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .9; }
main, .site-footer { position: relative; z-index: 1; }

/* ---------- Butonlar ---------- */

.btn--gold, .hbtn--gold {
    position: relative; overflow: hidden; isolation: isolate;
    background: linear-gradient(180deg, var(--red-hi), var(--red) 55%, #b80d22) !important;
    border-color: var(--red) !important; color: #fff !important;
    box-shadow: var(--glow);
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.btn--gold::after, .hbtn--gold::after {   /* üstünden geçen ışık */
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%);
    transform: translateX(-120%); animation: vx-sweep 3.2s ease-in-out infinite;
}
@media (hover: hover) {
    .btn--gold:hover, .hbtn--gold:hover { filter: brightness(1.12); box-shadow: 0 0 26px rgba(246,210,122,.8), 0 0 60px rgba(224,172,64,.4); }
}
.btn--ghost { backdrop-filter: blur(6px); }
@media (hover: hover) { .btn--ghost:hover { border-color: var(--red); box-shadow: var(--glow); } }

/* ---------- Header: koyu cam + kırmızı neon alt çizgi ---------- */

.site-header__inner { background: transparent; }
.site-header::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    background: linear-gradient(90deg, transparent, var(--red), var(--shine), var(--red), transparent);
    background-size: 200% 100%; animation: vx-flow 6s linear infinite;
    box-shadow: 0 0 12px var(--red);
}
.brand__word b { text-shadow: 0 0 14px rgba(224,172,64,.8); }
.nav__link:hover, .nav.has-ink .nav__link.is-ink { color: #fff !important; }

/* ---------- Başlıklar: parlayan kırmızı vurgu ---------- */

.section__title span, .bslide__title span {
    background: linear-gradient(90deg, var(--red-hi), var(--shine), var(--red-hi));
    background-size: 200% 100%;
    -webkit-background-clip: text; background-clip: text; color: transparent;
    animation: vx-flow 5s linear infinite;
    filter: drop-shadow(0 0 12px rgba(224,172,64,.5));
}
[data-theme="light"] .section__title span { color: #fff; background: var(--red); -webkit-background-clip: border-box; background-clip: border-box; animation: none; filter: none; }
.eyebrow::before { box-shadow: 0 0 10px var(--red); }

/* ---------- Kartlar: ışıklı çerçeve, 3B eğilme (vegas.js --rx/--ry verir) ---------- */

.game__thumb, .bonus, .cat, .promo-card, .banner-slider, .studio {
    transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
[data-tilt] { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0); will-change: transform; }
@media (hover: hover) {
    .game:hover .game__thumb { box-shadow: 0 0 0 1px var(--red), 0 14px 40px rgba(224,172,64,.45); transform: translateY(-4px) scale(1.03); }
    .cat:hover, .bonus:hover, .promo-card:hover, .studio:hover { border-color: var(--red) !important; box-shadow: 0 0 0 1px var(--red), 0 18px 50px rgba(224,172,64,.35); }
}
.banner-slider { box-shadow: 0 0 0 1px rgba(224,172,64,.5), 0 30px 80px rgba(224,172,64,.25); }

.bonus { background: linear-gradient(160deg, rgba(224,172,64,.14), rgba(0,0,0,.2) 60%); }
.bonus__amount { text-shadow: 0 0 22px rgba(224,172,64,.7); }
.cat__icon { filter: drop-shadow(0 0 10px rgba(224,172,64,.6)); }
.section--alt { background: linear-gradient(180deg, rgba(224,172,64,.06), rgba(0,0,0,0)); }

/* =========================================================
   VIP GİRİŞ (ana sayfanın en üstü) — 1000 TL casino yatırım bonusu
   ========================================================= */

.vip { position: relative; overflow: hidden; isolation: isolate; padding: 36px 0 64px; }
.vip__grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 32px; min-height: 560px; }

/* Arka plan: dönen spot ışıkları + perde kırmızısı */
.vip__lights { position: absolute; inset: -20% -10% 0; z-index: -2; pointer-events: none; }
.vip__lights i {
    position: absolute; top: -10%; width: 38vw; height: 140%;
    background: linear-gradient(180deg, rgba(246,210,122,.38), transparent 70%);
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0 100%);
    transform-origin: 50% 0; mix-blend-mode: screen; filter: blur(6px);
    animation: vx-spot 7s ease-in-out infinite alternate;
}
.vip__lights i:nth-child(1) { left: 0; }
.vip__lights i:nth-child(2) { left: 32%; animation-delay: -2.3s; animation-duration: 9s; background: linear-gradient(180deg, rgba(255,210,122,.22), transparent 70%); }
.vip__lights i:nth-child(3) { right: 0; animation-delay: -4.6s; }
.vip::before {   /* ampul dizisi — salon tabelası */
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 10px; z-index: -1;
    background: radial-gradient(circle, #fff 0 2px, var(--red-hi) 3px, transparent 5px) 0 50% / 26px 10px repeat-x;
    filter: drop-shadow(0 0 6px var(--red)); animation: vx-bulbs .9s steps(2) infinite;
}

.vip__copy { display: grid; gap: 18px; justify-items: start; }
.vip__kicker {
    display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px;
    border: 1px solid rgba(224,172,64,.6); background: rgba(224,172,64,.12);
    font: 700 12px/1 var(--font); letter-spacing: .2em; text-transform: uppercase; color: #fff;
    box-shadow: var(--glow);
}
.vip__kicker .live-dot, .vip__kicker b { width: 8px; height: 8px; border-radius: 50%; background: var(--red-hi); box-shadow: 0 0 10px var(--red-hi); animation: vx-pulse 1.2s ease-in-out infinite; }
.vip__title { font: italic 800 clamp(40px, 6.6vw, 88px)/.95 var(--font); letter-spacing: -.03em; text-transform: uppercase; color: #fff; }
.vip__amount {
    display: block; font-size: 1.45em;
    background: linear-gradient(180deg, #fff 0%, #ffd6db 30%, var(--red-hi) 60%, var(--red-lo) 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 0 22px rgba(224,172,64,.75)) drop-shadow(0 4px 0 rgba(0,0,0,.6));
}
.vip__amount small { font-size: .42em; vertical-align: .9em; margin-left: .08em; }
.vip__ribbon {
    display: inline-block; padding: 10px 18px; background: var(--red); color: #fff;
    font: 800 clamp(16px, 2vw, 22px)/1 var(--font); letter-spacing: .06em; text-transform: uppercase;
    transform: skewX(-8deg); box-shadow: var(--glow);
}
.vip__lead { color: rgba(255,255,255,.75); font-size: 17px; max-width: 520px; }
.vip__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.vip__stats { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 10px; }
.vip__stats div { display: grid; gap: 2px; }
.vip__stats strong { font: 800 26px/1 var(--font); color: #fff; text-shadow: 0 0 14px rgba(224,172,64,.7); }
.vip__stats span { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); }

/* Sağ taraf: model görseli + kaydırınca oynayan yüzen pencereler */
.vip__stage { position: relative; height: 100%; min-height: 520px; }
.vip__model {
    position: absolute; inset: 0 6% 0 10%;
    display: grid; place-items: end center;
}
.vip__model img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; filter: drop-shadow(0 0 40px rgba(224,172,64,.45)); }
.vip__model::before {   /* arkadaki kırmızı hale */
    content: ""; position: absolute; left: 10%; right: 10%; top: 8%; bottom: 0; z-index: -1; border-radius: 50%;
    background: radial-gradient(closest-side, rgba(224,172,64,.6), rgba(224,172,64,.15) 60%, transparent);
    animation: vx-pulse 3s ease-in-out infinite;
}
/* Görsel yüklenmemişse: rulet çarkı sahnesi */
.vip__wheel {
    position: absolute; left: 50%; top: 50%; width: min(420px, 80%); aspect-ratio: 1; translate: -50% -50%;
    border-radius: 50%;
    background:
        radial-gradient(circle, #081530 0 18%, var(--shine) 18.5% 20%, transparent 20.5%),
        repeating-conic-gradient(var(--red) 0 9.73deg, #111 9.73deg 19.46deg);
    box-shadow: 0 0 0 10px #0a1a3c, 0 0 0 12px var(--shine), 0 0 80px rgba(224,172,64,.6);
    animation: vx-spin 14s linear infinite;
}

.vx-float {
    position: absolute; z-index: 2;
    padding: 14px 16px; min-width: 170px;
    background: rgba(12,6,8,.72); border: 1px solid rgba(224,172,64,.55);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 24px rgba(224,172,64,.35);
    color: #fff; display: grid; gap: 4px;
    transform: translate3d(0, var(--py, 0px), 0) rotate(var(--rot, 0deg));
    will-change: transform;
}
.vx-float small { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.vx-float strong { font: 800 22px/1.1 var(--font); }
.vx-float em { font-style: normal; color: #3ee07a; font-weight: 700; }
.vx-float--a { left: -2%; top: 12%; --rot: -4deg; }
.vx-float--b { right: 0; top: 40%; --rot: 3deg; }
.vx-float--c { left: 6%; bottom: 8%; --rot: 2deg; }
.vx-float .vx-chip { position: absolute; right: -14px; top: -14px; }

/* Casino fişi */
.vx-chip {
    width: 44px; height: 44px; border-radius: 50%;
    background:
        radial-gradient(circle, var(--red) 0 46%, #fff 47% 52%, var(--red) 53%),
        repeating-conic-gradient(#fff 0 15deg, var(--red) 15deg 45deg);
    box-shadow: 0 0 0 2px #fff inset, 0 6px 16px rgba(0,0,0,.5), 0 0 16px rgba(224,172,64,.6);
    animation: vx-spin 6s linear infinite;
}
/* Kaydırmayla ekranda süzülen fişler / kartlar (vegas.js --py verir) */
.vx-deco { position: absolute; z-index: 1; pointer-events: none; transform: translate3d(0, var(--py, 0px), 0) rotate(var(--rot, 0deg)); }
.vx-deco--1 { left: 46%; top: 6%; --rot: 20deg; }
.vx-deco--2 { right: 4%; top: 4%; width: 30px; height: 30px; }
.vx-deco--3 { left: 2%; bottom: 4%; width: 60px; height: 60px; }
.vx-card {
    width: 56px; height: 78px; border-radius: 6px; background: #fff; color: var(--red);
    display: grid; place-items: center; font: 800 26px/1 var(--font);
    box-shadow: 0 12px 30px rgba(0,0,0,.5), 0 0 20px rgba(224,172,64,.4);
}

/* Kayan kazanç bandı */
.vx-ticker { position: relative; z-index: 1; overflow: hidden; border-block: 1px solid rgba(224,172,64,.45); background: linear-gradient(90deg, rgba(224,172,64,.18), rgba(0,0,0,.4), rgba(224,172,64,.18)); }
.vx-ticker__track { display: flex; width: max-content; animation: vx-marquee 38s linear infinite; }
.vx-ticker__track span { padding: 12px 28px; white-space: nowrap; font: 600 14px/1 var(--font); color: rgba(255,255,255,.8); }
.vx-ticker__track b { color: var(--red-hi); text-shadow: 0 0 10px rgba(224,172,64,.7); }
.vx-ticker__track span::before { content: "♦"; margin-right: 12px; color: var(--red); }

/* ---------- Kaydırınca ortaya çıkma (vegas.js .is-in ekler) ---------- */

.vx-reveal { opacity: 0; transform: translate3d(0, 46px, 0) scale(.97); transition: opacity .8s ease, transform .9s cubic-bezier(.2,.8,.2,1); transition-delay: var(--d, 0s); }
.vx-reveal.is-in { opacity: 1; transform: none; }

/* ---------- Animasyonlar ---------- */

@keyframes vx-sweep { 0%, 55% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
@keyframes vx-flow { to { background-position: 200% 0; } }
@keyframes vx-spot { from { transform: rotate(-18deg); } to { transform: rotate(18deg); } }
@keyframes vx-bulbs { 50% { filter: drop-shadow(0 0 2px var(--red)) brightness(.6); } }
@keyframes vx-pulse { 50% { opacity: .55; transform: scale(.94); } }
@keyframes vx-spin { to { transform: rotate(360deg); } }
@keyframes vx-marquee { to { transform: translateX(-50%); } }

/* ---------- Mobil ---------- */

@media (max-width: 900px) {
    .vip { padding: 20px 0 40px; }
    .vip__grid { grid-template-columns: 1fr; min-height: 0; gap: 8px; }
    .vip__copy { justify-items: center; text-align: center; }
    .vip__cta, .vip__stats { justify-content: center; }
    .vip__stage { min-height: 380px; order: -1; }
    .vx-float { min-width: 0; padding: 10px 12px; }
    .vx-float strong { font-size: 17px; }
    .vx-float--a { left: 0; }
    .vx-float--c { display: none; }
    .vip__lights i { width: 70vw; }
}

@media (prefers-reduced-motion: reduce) {
    .vip__lights i, .vip::before, .vip__wheel, .vx-chip, .vx-ticker__track, .btn--gold::after, .hbtn--gold::after,
    .site-header::after, .section__title span, .vip__model::before, .vip__kicker b { animation: none !important; }
    .vx-reveal { opacity: 1; transform: none; transition: none; }
    .vx-sparkle { display: none; }
}

/* =========================================================
   Kırmızı ağırlık: header, bölümler, footer, alt menü kırmızı zeminde
   ========================================================= */

.site-header { background: linear-gradient(180deg, rgba(224,172,64,.55), rgba(8,30,70,.25)); box-shadow: 0 10px 40px rgba(224,172,64,.35); }
.section--alt { background: linear-gradient(180deg, rgba(224,172,64,.28), rgba(8,30,70,.12)) !important; border-color: rgba(246,210,122,.4) !important; }
.site-footer { background: linear-gradient(180deg, #0d2552, #060f24); border-top: 2px solid var(--red) !important; box-shadow: 0 -10px 40px rgba(224,172,64,.35); }
.tabbar { background: linear-gradient(180deg, #0f3a80, #081a3e) !important; border-top: 1px solid var(--red-hi); }
.cat, .bonus, .promo-card, .studio, .faq__item { background-color: rgba(224,172,64,.12); border-color: rgba(246,210,122,.35) !important; }
.game__thumb { box-shadow: 0 0 0 1px rgba(246,210,122,.35); }
.vx-ticker { background: linear-gradient(90deg, #0f3a80, #1f6fd6, #0f3a80); }
.vx-ticker__track span, .vx-ticker__track b { color: #fff; }
.vx-ticker__track span::before { color: #ffd27a; }
.vip { background: radial-gradient(900px 600px at 70% 50%, rgba(40,120,230,.45), transparent 70%); }

/* ---------- Grup görseli: hero-1…hero-5 yan yana, hafif üst üste ---------- */

.vip__group { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; }
.vip__group::before {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 75%; z-index: -1; border-radius: 50% 50% 0 0;
    background: radial-gradient(closest-side, rgba(40,120,230,.75), rgba(224,172,64,.25) 60%, transparent);
    animation: vx-pulse 3s ease-in-out infinite;
}
.vip__girl {
    flex: 1 1 0; min-width: 0; height: 100%; margin: 0 -4%;
    transform: translate3d(0, var(--py, 0px), 0);
}
.vip__girl img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; filter: drop-shadow(0 0 28px rgba(224,172,64,.6)); }
.vip__girl:nth-child(odd) { height: 92%; z-index: 1; }
.vip__girl:nth-child(2), .vip__girl:nth-child(4) { z-index: 2; }
.vip__girl:nth-child(3) { z-index: 3; height: 100%; }
@media (max-width: 900px) { .vip__girl { margin: 0 -8%; } }

/* =========================================================
   PREMIUM: ince altın çizgiler, hızlı kategoriler, canlı krupiye masaları
   ========================================================= */

.section__head::after { content: ""; width: 120px; height: 1px; background: var(--lux); box-shadow: 0 0 10px rgba(255,217,138,.5); }
.site-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--lux); opacity: .7; }

/* Hızlı kategori şeridi */
.quickcats { position: relative; z-index: 2; padding: 14px 0; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(8,30,70,.3)); border-bottom: 1px solid rgba(255,217,138,.25); }
.quickcats__row { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; }
.quickcats__row::-webkit-scrollbar { display: none; }
.quickcat {
    flex: 1 0 auto; scroll-snap-align: start;
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 52px; padding: 0 20px; white-space: nowrap;
    font: 700 14px/1 var(--font); letter-spacing: .04em; text-transform: uppercase; color: #fff;
    background: linear-gradient(180deg, rgba(246,210,122,.28), rgba(8,30,70,.35));
    border: 1px solid rgba(255,217,138,.35);
    border-radius: 999px;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.quickcat__icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--red); box-shadow: 0 0 12px rgba(246,210,122,.8); }
.quickcat__icon .icon { width: 17px; height: 17px; }
@media (hover: hover) { .quickcat:hover { transform: translateY(-2px); background: linear-gradient(180deg, var(--red-hi), var(--red-lo)); box-shadow: var(--glow); } }

/* Canlı krupiye masaları */
.live { background: radial-gradient(1000px 500px at 50% 0%, rgba(224,172,64,.35), transparent 70%); }
.live__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.live__more { display: flex; justify-content: center; margin-top: 36px; }
.table-card {
    position: relative; display: grid; overflow: hidden;
    background: linear-gradient(180deg, #0f2a5a, #081530);
    border: 1px solid transparent; border-radius: 14px;
    background-clip: padding-box;
    box-shadow: 0 0 0 1px rgba(255,217,138,.35), 0 18px 40px rgba(0,0,0,.5);
    transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
.table-card__media { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: radial-gradient(circle at 50% 35%, var(--red-hi), var(--red-lo) 70%); }
.table-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .6s ease; }
.table-card__media::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(180deg, transparent, rgba(18,2,4,.95)); }
.table-card__initial { position: absolute; inset: 0; display: grid; place-items: center; font: italic 800 110px/1 var(--font); color: rgba(255,255,255,.18); }
.table-card__live {
    position: absolute; left: 12px; top: 12px; z-index: 1;
    display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
    background: rgba(0,0,0,.6); backdrop-filter: blur(6px);
    font: 700 11px/1 var(--font); letter-spacing: .14em; text-transform: uppercase; color: #fff;
}
.table-card__live .live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red-hi); box-shadow: 0 0 8px var(--red-hi); animation: vx-pulse 1.2s ease-in-out infinite; }
.table-card__play {
    position: absolute; left: 50%; top: 50%; z-index: 1; translate: -50% -50%;
    display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 999px;
    background: var(--red); color: #fff; font: 700 14px/1 var(--font); box-shadow: var(--glow);
    opacity: 0; scale: .85; transition: opacity .25s ease, scale .25s ease;
}
.table-card__play .icon { width: 16px; height: 16px; }
.table-card__body { position: relative; z-index: 1; display: grid; gap: 4px; padding: 0 16px 16px; margin-top: -54px; }
.table-card__game { display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 var(--font); letter-spacing: .1em; text-transform: uppercase; color: #ffd98a; }
.table-card__game .icon { width: 15px; height: 15px; }
.table-card__dealer { font: italic 800 24px/1.1 var(--font); color: #fff; }
.table-card__limit { font-size: 13px; color: rgba(255,255,255,.65); }
@media (hover: hover) {
    .table-card:hover { transform: translateY(-6px); box-shadow: 0 0 0 1px #ffd98a, 0 24px 60px rgba(224,172,64,.45); }
    .table-card:hover .table-card__media img { transform: scale(1.06); }
    .table-card:hover .table-card__play { opacity: 1; scale: 1; }
}
@media (max-width: 1000px) { .live__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) {
    .live__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .table-card__dealer { font-size: 19px; }
    .table-card__play { display: none; }
    .quickcat { flex: 0 0 auto; min-height: 46px; padding: 0 14px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .table-card__live .live-dot { animation: none; } }

/* =========================================================
   SLAYTLAR: siyah zemin, kırmızı ışık halkası, dev beyaz yazı + kırmızı şerit,
   sağda model görseli (slide-N.webp) ve slot makinesi / kart çizimi
   ========================================================= */

.banner-slider { border-radius: 16px; border: 1px solid rgba(246,210,122,.55) !important; }
.bslide__fallback {
    background:
        radial-gradient(circle at 72% 55%, transparent 0 27%, rgba(246,210,122,.9) 27.4% 28%, rgba(224,172,64,.35) 29%, transparent 36%),
        radial-gradient(700px 400px at 75% 60%, rgba(224,172,64,.45), transparent 70%),
        linear-gradient(90deg, #050c1e 0%, #0a1a3c 55%, #0f3070 100%) !important;
    padding-left: 7%;
}
.bslide__fallback::before {   /* soldaki kırmızı kenar parçası */
    content: ""; position: absolute; left: 0; top: 32%; width: 1.4%; height: 26%;
    background: var(--red); border-radius: 0 6px 6px 0; box-shadow: 0 0 20px var(--red);
}
.bslide__copy { gap: 10px; z-index: 2; }
.bslide__copy .eyebrow { color: var(--red-hi); font-size: clamp(11px, 1.2vw, 15px); letter-spacing: .04em; text-transform: none; font-weight: 700; }
.bslide__copy .eyebrow::before { display: none; }
.bslide__title {
    font: 900 clamp(26px, 4.4vw, 60px)/.98 var(--font) !important;
    text-transform: uppercase; letter-spacing: -.02em; color: #fff;
    text-shadow: 0 4px 0 rgba(0,0,0,.6), 0 0 30px rgba(255,255,255,.15);
}
.bslide__title span {
    margin-top: .25em; padding: .18em .4em;
    font-size: .52em; letter-spacing: .02em;
    background: var(--red) !important; color: #fff !important; -webkit-text-fill-color: #fff;
    animation: none !important; filter: none !important;
    box-shadow: 0 0 24px rgba(224,172,64,.7);
}
.bslide__text { color: rgba(255,255,255,.75); font-size: clamp(12px, 1.2vw, 16px); }
.bslide__copy .btn--gold {
    background: rgba(0,0,0,.55) !important; border: 1px solid rgba(255,255,255,.25) !important;
    box-shadow: none; border-radius: 10px; text-transform: uppercase; letter-spacing: .06em; font-size: 13px;
}
.bslide__copy .btn--gold::after { display: none; }
.bslide__copy .btn--gold::before {   /* kırmızı oynat düğmesi */
    content: ""; order: 2; width: 22px; height: 22px; border-radius: 50%;
    background: var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 7v10l8-5z'/%3E%3C/svg%3E") center / 16px no-repeat;
    box-shadow: 0 0 10px var(--red);
}
.bslide__visual { position: relative; }
.bslide__visual .slide-art { filter: drop-shadow(0 0 30px rgba(224,172,64,.6)); }
.bslide__model {
    position: absolute; left: -12%; bottom: 0; z-index: 1;
    height: 100%; width: auto; max-width: none; object-fit: contain; object-position: bottom;
    filter: drop-shadow(0 0 30px rgba(0,0,0,.6));
}
.bslide__visual:has(.bslide__model) .slide-art { position: absolute; right: -6%; width: 70%; height: 90%; opacity: .95; }
.bslide.is-active .bslide__copy > * { animation: vx-slidein .7s cubic-bezier(.2,.8,.2,1) both; }
.bslide.is-active .bslide__copy > :nth-child(2) { animation-delay: .1s; }
.bslide.is-active .bslide__copy > :nth-child(3) { animation-delay: .2s; }
.bslide.is-active .bslide__copy > :nth-child(4) { animation-delay: .3s; }
.bslide.is-active .bslide__model { animation: vx-modelin .9s cubic-bezier(.2,.8,.2,1) both; }
@keyframes vx-slidein { from { opacity: 0; transform: translateX(-30px); } }
@keyframes vx-modelin { from { opacity: 0; transform: translateX(40px) scale(.96); } }
@media (max-width: 760px) {
    .bslide__fallback { grid-template-columns: 1.2fr .8fr; padding-left: 6%; gap: 6px; }
    .bslide__text { display: none; }
    .bslide__copy .btn--gold { min-height: 32px; padding: 0 10px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .bslide.is-active .bslide__copy > *, .bslide.is-active .bslide__model { animation: none; } }

/* =========================================================
   LUX DÜZEN: üst duyuru şeridi, iki katlı header (logo + işlem butonları / ikonlu kategori menüsü),
   mavi ışıklı zemin, altın yazılı büyük slaytlar
   ========================================================= */

body:not(.is-bare) {
    background:
        radial-gradient(1200px 700px at 20% 0%, rgba(40,120,230,.35), transparent 60%),
        radial-gradient(1000px 700px at 100% 40%, rgba(31,111,214,.30), transparent 60%),
        linear-gradient(180deg, #0a1f48 0%, #0b2c64 40%, #0a2457 100%) !important;
    background-attachment: fixed !important;
}

/* Altın zeminli düğmelerde yazı lacivert */
.btn--gold, .hbtn--gold { background: linear-gradient(180deg, #f6d27a, #e0ac40 55%, #b8862a) !important; color: #081530 !important; text-shadow: none; }
.btn--gold .icon, .hbtn--gold .icon { color: #081530; }
.nav__link:hover, .nav.has-ink .nav__link.is-ink { color: #081530 !important; }

/* Üst duyuru şeridi */
.topbar { position: relative; z-index: 3; padding: 10px 0; background: #0a1a3a; border-top: 2px solid var(--gold); }
.topbar__card {
    display: flex; align-items: center; gap: 14px; width: fit-content; max-width: 100%; margin: 0 auto;
    padding: 8px 10px 8px 14px; border-radius: 4px;
    background: linear-gradient(180deg, #f6d27a, #e0ac40); color: #081530;
}
.topbar__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #081530; color: #f6d27a; }
.topbar__icon .icon { width: 18px; height: 18px; }
.topbar__text { display: grid; line-height: 1.25; }
.topbar__text strong { font-size: 14px; }
.topbar__text span { font-size: 12px; opacity: .8; }
.topbar__btn { padding: 8px 18px; border-radius: 4px; background: #0f2a5a; color: #fff; font: 700 13px/1 var(--font); white-space: nowrap; }

/* Header 1. kat: koyu lacivert, altın alt çizgi */
.site-header { background: linear-gradient(180deg, #0d2552, #0a1f48) !important; box-shadow: none; border-bottom: 2px solid var(--gold); }
.site-header::after { display: none; }
.site-header .nav { display: none; }            /* menü 2. kata (catbar) taşındı */
.site-header__inner { grid-template-columns: auto 1fr; }
.header-actions { gap: 10px; }
.hchip {
    display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px; border-radius: 4px;
    font: 700 14px/1 var(--font); text-transform: uppercase; white-space: nowrap; color: #fff;
    background: #0f2a5a; border: 1px solid rgba(255,255,255,.18);
    transition: filter .15s ease, transform .15s ease;
}
.hchip .icon { width: 17px; height: 17px; }
.hchip--gold  { background: linear-gradient(180deg, #c99a3a, #8a6420); border-color: #e0ac40; }
.hchip--green { background: linear-gradient(180deg, #2bbf5a, #178a3c); border-color: #34d46a; }
.hchip--white { background: #f3f5f9; color: #081530; border-color: #fff; }
.hchip--clock { background: #0b1f45; font-variant-numeric: tabular-nums; font-weight: 600; text-transform: none; }
@media (hover: hover) { .hchip:hover { filter: brightness(1.15); transform: translateY(-1px); } }
.auth-pill { display: flex; gap: 8px; background: none !important; border: 0 !important; padding: 0 !important; }
.auth-pill__login, .auth-pill__register { display: inline-flex; align-items: center; min-height: 38px; padding: 0 18px; border-radius: 4px; font: 800 14px/1 var(--font); text-transform: uppercase; }
.auth-pill__login { background: #f3f5f9 !important; color: #081530 !important; }
.auth-pill__register { background: linear-gradient(180deg, #f6d27a, #e0ac40) !important; color: #081530 !important; }

/* Header 2. kat: ikonlu kategori menüsü, açık sayfanın altında altın çizgi */
.catbar { position: relative; z-index: 2; background: linear-gradient(180deg, #0b2350, #0a1f48); border-bottom: 1px solid rgba(255,255,255,.08); }
.catbar__row { display: flex; justify-content: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.catbar__row::-webkit-scrollbar { display: none; }
.catbar__link {
    position: relative; display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0;
    padding: 18px 14px; color: #fff; font: 700 14px/1 var(--font); text-transform: uppercase; white-space: nowrap;
}
.catbar__icon { display: grid; place-items: center; width: 30px; height: 30px; color: var(--red-hi); filter: drop-shadow(0 0 6px rgba(246,210,122,.6)); }
.catbar__icon .icon { width: 24px; height: 24px; }
.catbar__link::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 3px; background: var(--gold); transform: scaleX(0); transition: transform .2s ease; }
.catbar__link.is-active::after { transform: scaleX(1); }
@media (hover: hover) { .catbar__link:hover { color: var(--red-hi); } .catbar__link:hover::after { transform: scaleX(1); } }
.catbar__tag { position: absolute; top: 4px; left: 8px; padding: 2px 5px; border-radius: 3px; background: var(--gold); color: #081530; font-size: 9px; letter-spacing: .04em; }
@media (max-width: 1100px) {
    .catbar__row { justify-content: flex-start; }
    .hchip--hide-md { display: none; }
}
@media (max-width: 760px) {
    .topbar__text span { display: none; }
    .hchip--clock, .hchip--support { display: none; }
    .catbar__link { padding: 14px 10px; font-size: 12px; }
}

/* Slaytlar: lacivert sahne, altın italik dev yazı, beyaz kapsül vurgu */
.banner-slider { border-radius: 6px; border: 0 !important; box-shadow: 0 20px 60px rgba(0,0,0,.45) !important; }
.showcase__grid:has(.showcase__side:empty) { grid-template-columns: 1fr; }
.bslide__fallback {
    background:
        radial-gradient(600px 420px at 70% 45%, rgba(40,120,230,.45), transparent 70%),
        linear-gradient(115deg, #050c1e 0%, #0a1a3c 45%, #0f3070 100%) !important;
}
.bslide__fallback::before { display: none; }
.bslide__copy .eyebrow { color: #fff; font: italic 900 clamp(14px, 2vw, 30px)/1 var(--font) !important; text-transform: uppercase; letter-spacing: -.01em; }
.bslide__title {
    font: italic 900 clamp(28px, 5vw, 76px)/.95 var(--font) !important;
    background: linear-gradient(180deg, #fff3cf 0%, #f6d27a 35%, #c9922e 70%, #8a6420 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent !important;
    text-shadow: none; filter: drop-shadow(0 4px 0 rgba(0,0,0,.45));
}
.bslide__title span {
    order: -1; margin: .1em 0 .15em; padding: .1em .55em; border-radius: 999px;
    background: linear-gradient(180deg, #ffffff, #dfe5ee) !important; color: #081530 !important; -webkit-text-fill-color: #081530;
    border: 3px solid #e0ac40; box-shadow: 0 6px 20px rgba(0,0,0,.4);
}
.bslide__copy .btn--gold {
    background: none !important; border: 0 !important; color: #fff !important; padding: 0; min-height: 0;
    font-size: clamp(13px, 1.4vw, 18px); text-transform: none; letter-spacing: 0;
}
.bslide__copy .btn--gold::before {
    content: "»»"; order: -1; width: auto; height: auto; background: none; box-shadow: none;
    color: var(--gold); font-size: 1.4em; letter-spacing: -.12em; margin-right: .3em;
}
.bslide__visual .slide-art { filter: drop-shadow(0 0 30px rgba(40,120,230,.6)); }
.slider-count {
    position: absolute; right: 16px; top: 14px; z-index: 5;
    display: inline-flex; align-items: center; gap: 8px; padding: 4px 6px; border-radius: 999px;
    background: rgba(0,0,0,.5); color: #fff; font: 600 13px/1 var(--font); font-variant-numeric: tabular-nums;
}
.slider-count button { display: grid; place-items: center; width: 22px; height: 22px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; padding: 0; }
.slider-count .icon { width: 14px; height: 14px; }

/* Bölüm başlıkları sola dayalı, düz beyaz (ekran görüntüsündeki "GÜNÜN …" tarzı) */
.row-head__title { text-transform: uppercase; letter-spacing: .02em; }
.vx-sparkle { opacity: .5; }

/* ---------- Logo: XXX CASINO — italik kalın yazı ("XXX" beyaz, "CASINO" altın) ---------- */

.brand .brand__mark, .brand__since { display: none !important; }
.brand__word--since { display: inline-block; }
.brand__word {
    font: italic 900 30px/1 var(--font) !important; letter-spacing: -.01em; text-transform: uppercase;
    transform: skewX(-8deg);                       /* Oxanium'da italik yok: eğim burada güçlendirilir */
    background: linear-gradient(180deg, #fff3cf, #f6d27a 45%, #c9922e);
    -webkit-background-clip: text; background-clip: text; color: transparent !important;
    filter: drop-shadow(0 2px 0 rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(246,210,122,.35));
}
.brand__word b {
    color: #fff !important; -webkit-text-fill-color: #fff; text-shadow: none !important;
    margin-right: .08em; padding: 0 !important;
}
@media (max-width: 760px) { .brand__word { font-size: 22px !important; } }

/* ---------- VIP giriş: daha kompakt (sayfada yukarı), sağ kenarda boydan model görseli ---------- */

.vip { padding: 12px 0 28px; }
.vip::before { display: none; }                         /* ampul dizisi: header'ın hemen altında kalabalık yapmasın */
.vip__grid { min-height: 0; gap: 20px; }
.vip__copy { gap: 12px; }
.vip__title { font-size: clamp(34px, 4.8vw, 66px); }
.vip__amount { font-size: 1.3em; }
.vip__lead { font-size: 15px; }
.vip__stage { min-height: 400px; }
.vip__wheel { width: min(340px, 72%); }
.btn--ghost { color: #fff !important; border-color: rgba(255,255,255,.45) !important; background: rgba(255,255,255,.06); }

.vip__side {
    position: absolute; right: 0; bottom: 0; z-index: 1;
    height: 100%; width: auto; max-width: 34vw; object-fit: contain; object-position: right bottom;
    filter: drop-shadow(-10px 0 40px rgba(0,0,0,.45)) drop-shadow(0 0 30px rgba(40,120,230,.45));
    pointer-events: none;
}
.vip--side .vip__grid { padding-right: min(28vw, 380px); grid-template-columns: 1.1fr .9fr; }
.vip--side .vip__stage { min-height: 360px; }
.vip--side .vx-float--b { right: -6%; }
@media (max-width: 900px) {
    .vip__stage { min-height: 300px; }
    .vip--side .vip__grid { padding-right: var(--gutter); }
    .vip__side { max-width: 46vw; height: 62%; opacity: .95; }
}

/* =========================================================
   GENİŞ KAYAN SLAYT: tam genişlik, solda dev rakam + beyaz kapsül + altın başlık,
   altta "»» Detaylar · Gerçek Casino Deneyimi · logo", sağda sahne çizimi + model görseli
   ========================================================= */

.showcase__grid { grid-template-columns: 1fr !important; }
.showcase__side { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.banner-slider { aspect-ratio: 1600 / 500; }

.bslide__fallback { display: block !important; padding: 0 !important; background: #050c1e !important; }
.bslide__fallback .bslide__visual { position: absolute; inset: 0; height: 100%; }
.bslide__fallback .scene { position: absolute; inset: 0; width: 100%; height: 100%; filter: none; }
.bslide__visual:has(.bslide__model) .scene { position: absolute; right: 0; width: 100%; height: 100%; }
.bslide__fallback .bslide__visual::after {   /* sol taraf yazı için koyulaşır, sağdaki sahneye yumuşak geçer */
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(90deg, #050c1e 0%, rgba(5,12,30,.92) 35%, rgba(5,12,30,.35) 55%, transparent 70%);
}
.bslide__fallback .bslide__model { left: auto; right: 14%; height: 104%; bottom: 0; z-index: 2; }
.bslide__fallback .bslide__copy { position: absolute; left: 4.5%; top: 0; bottom: 0; z-index: 3; width: 52%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

/* yazı blokları */
.lux { gap: .6vw; }
.lux__badge { font: italic 900 clamp(14px, 2.3vw, 40px)/1 var(--font); text-transform: uppercase; color: #fff; letter-spacing: -.01em; text-shadow: 0 3px 0 rgba(0,0,0,.4); }
.lux__main { display: flex; flex-direction: column; align-items: flex-start; gap: .4vw; }
.lux--row .lux__main { flex-direction: row; align-items: center; gap: 1.2vw; }
.lux__big {
    display: inline-flex; align-items: flex-start;
    font: italic 900 clamp(48px, 9vw, 170px)/.85 var(--font); letter-spacing: -.05em;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #cfd6e2 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 6px 0 rgba(0,0,0,.35)) drop-shadow(0 0 30px rgba(255,255,255,.15));
}
.lux__pre, .lux__suf {
    font-size: .45em; margin-top: .55em; letter-spacing: 0;
    background: linear-gradient(180deg, #fff3cf, #f6d27a 45%, #b8862a); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.lux__pre { margin-right: .02em; }
.lux__suf { margin-left: .06em; margin-top: .2em; }
.lux__stack { display: flex; flex-direction: column; align-items: flex-start; gap: .4vw; }
.lux__pill {
    display: inline-block; padding: .14em .6em .18em; border-radius: .5em;
    font: italic 900 clamp(22px, 4vw, 72px)/1 var(--font); text-transform: uppercase; letter-spacing: -.02em;
    color: #0a1a3c; background: linear-gradient(180deg, #ffffff, #dfe5ee);
    border: clamp(2px, .25vw, 4px) solid #e0ac40; transform: skewX(-8deg);
    box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.lux__accent {
    font: italic 900 clamp(22px, 4.2vw, 78px)/1 var(--font); text-transform: uppercase; letter-spacing: -.03em;
    background: linear-gradient(180deg, #fff3cf 0%, #f6d27a 40%, #c9922e 75%, #8a6420 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 4px 0 rgba(0,0,0,.45));
}
.lux--row .lux__accent { font-size: clamp(18px, 3.2vw, 58px); }
.lux--row .lux__badge { font-size: clamp(12px, 2vw, 36px); }
.lux__foot { position: absolute; left: 0; bottom: 7%; display: flex; align-items: center; gap: 1.4vw; white-space: nowrap; }
.lux__more { font: 700 clamp(11px, 1.2vw, 19px)/1 var(--font); color: #fff; }
.lux__more b { color: var(--gold); letter-spacing: -.15em; margin-right: .35em; }
.lux__tag { font-size: clamp(9px, .8vw, 13px); color: rgba(255,255,255,.75); }
.lux__brand { font: italic 900 clamp(13px, 1.5vw, 24px)/1 var(--font); text-transform: uppercase; color: #f6d27a; }
.lux__brand b { color: #fff; margin-right: .1em; }

/* sahne animasyonları */
.scene__sign { font: italic 900 64px/1 var(--font); letter-spacing: -.01em; }
.scene__seven { font: italic 900 120px/1 var(--font); }
.scene__win { animation: vx-flicker 3s ease-in-out infinite; }
.scene__star { animation: vx-twinkle 2.4s ease-in-out infinite; }
.scene__float { animation: vx-bob 4s ease-in-out infinite; }
.scene__coin { animation: vx-twinkle 3s ease-in-out infinite; }
.scene__smoke { animation: vx-drift 9s ease-in-out infinite alternate; }
.scene__beams { animation: vx-twinkle 5s ease-in-out infinite; transform-origin: center bottom; }
@keyframes vx-flicker { 50% { opacity: .2; } }
@keyframes vx-twinkle { 50% { opacity: .3; } }
@keyframes vx-bob { 50% { transform: translate(760px, 140px); } }
@keyframes vx-drift { to { transform: translateX(-30px); } }
.bslide.is-active .lux > * { animation: vx-slidein .7s cubic-bezier(.2,.8,.2,1) both; }
.bslide.is-active .lux > :nth-child(2) { animation-delay: .12s; }
.bslide.is-active .lux > :nth-child(3) { animation-delay: .24s; }

@media (max-width: 760px) {
    .banner-slider { aspect-ratio: 16 / 9; }
    .showcase__side { grid-template-columns: 1fr; }
    .bslide__fallback .bslide__copy { width: 68%; left: 5%; }
    .bslide__fallback .bslide__visual::after { background: linear-gradient(90deg, #050c1e 0%, rgba(5,12,30,.85) 45%, rgba(5,12,30,.2) 75%, transparent); }
    .bslide__fallback .bslide__model { right: -6%; }
    .lux__big { font-size: clamp(44px, 15vw, 90px); }
    .lux__pill { font-size: clamp(16px, 6vw, 32px); }
    .lux__accent { font-size: clamp(18px, 6.4vw, 36px); }
    .lux--row .lux__accent { font-size: clamp(14px, 5vw, 28px); }
    .lux__badge { font-size: clamp(12px, 4vw, 20px); }
    .lux__tag { display: none; }
    .lux__foot { bottom: 6%; gap: 10px; }
    .lux__more { font-size: 12px; } .lux__brand { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .scene__win, .scene__star, .scene__float, .scene__coin, .scene__smoke, .scene__beams, .bslide.is-active .lux > * { animation: none; }
}

/* Slayt 4–6 sahneleri: kelime başlıklı slayt ("Sınırsız Çekim!"), dönen ok / çark, ampuller */
.lux--word .lux__big { font-size: clamp(40px, 7.4vw, 140px); letter-spacing: -.03em; text-transform: uppercase; }
.lux--word .lux__accent { font-size: clamp(36px, 6.6vw, 124px); }
.scene__pct { font: italic 900 90px/1 var(--font); }
.scene__coinmark { font: 900 60px/1 var(--font); }
.scene__prize { font: 800 15px/1 var(--font); }
.scene__signsm { font: italic 900 46px/1 var(--font); }
.scene__spin { animation: vx-spin 16s linear infinite; transform-box: view-box; }
.bslide__fallback--wheel .scene__spin { transform-box: fill-box; transform-origin: center; animation-duration: 24s; }
.scene__bulb { animation: vx-twinkle .9s steps(2) infinite; }
.scene__float2 { animation: vx-bob2 5s ease-in-out infinite; }
@keyframes vx-bob2 { 50% { transform: translateY(-10px); } }
@media (max-width: 760px) { .lux--word .lux__big { font-size: clamp(34px, 12vw, 70px); } .lux--word .lux__accent { font-size: clamp(30px, 11vw, 64px); } }
@media (prefers-reduced-motion: reduce) { .scene__spin, .scene__bulb, .scene__float2 { animation: none; } }

/* Yüklenen hazır banner'lar: oranı slayt kutusundan farklı olsa da kırpılmadan sığar (sol boşluk siyah zeminle birleşir) */
.bslide { background: #020202; }
.bslide__img { object-fit: contain; object-position: right center; }

/* =========================================================
   GERÇEKÇİ / CANLI SAHNE KATMANI (tüm çizim slaytlarında ortak)
   bokeh ışıkları, geçen ışık süzmesi, altın parıltılar, kenar karartması, film dokusu
   ========================================================= */

.bslide__fallback .scene { filter: saturate(1.3) contrast(1.08) brightness(1.05); }
.bslide__fx { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; mix-blend-mode: screen; }
/* 1) bokeh: odak dışı yuvarlak ışıklar, yavaşça süzülür */
.bslide__fx i:nth-child(1) {
    position: absolute; inset: -10%;
    background:
        radial-gradient(circle at 62% 22%, rgba(255,214,140,.55) 0 1.2%, rgba(255,214,140,.18) 2.2%, transparent 3%),
        radial-gradient(circle at 78% 64%, rgba(120,180,255,.45) 0 1.8%, rgba(120,180,255,.12) 3%, transparent 4%),
        radial-gradient(circle at 90% 18%, rgba(255,230,180,.45) 0 .9%, transparent 1.8%),
        radial-gradient(circle at 70% 85%, rgba(255,200,110,.35) 0 2.2%, transparent 3.4%),
        radial-gradient(circle at 55% 50%, rgba(140,200,255,.3) 0 1.4%, transparent 2.4%),
        radial-gradient(circle at 96% 48%, rgba(255,214,140,.4) 0 1.5%, transparent 2.6%),
        radial-gradient(circle at 84% 34%, rgba(255,255,255,.35) 0 .6%, transparent 1.2%);
    filter: blur(2px);
    animation: vx-bokeh 14s ease-in-out infinite alternate;
}
/* 2) sahne boyunca geçen ışık süzmesi */
.bslide__fx i:nth-child(2) {
    position: absolute; top: -20%; bottom: -20%; left: 0; width: 22%;
    background: linear-gradient(100deg, transparent, rgba(255,240,200,.16) 45%, rgba(255,255,255,.28) 50%, rgba(255,240,200,.16) 55%, transparent);
    transform: translateX(-120%) skewX(-18deg);
    animation: vx-lightsweep 7s ease-in-out infinite;
}
/* 3) üstten sıcak spot + alt yansıma parıltısı */
.bslide__fx i:nth-child(3) {
    position: absolute; inset: 0;
    background:
        radial-gradient(60% 50% at 75% 0%, rgba(255,214,140,.22), transparent 70%),
        radial-gradient(50% 20% at 75% 100%, rgba(90,160,255,.25), transparent 70%);
    animation: vx-breathe 5s ease-in-out infinite;
}
/* kenar karartması + ince film dokusu: çizime fotoğraf derinliği verir */
.bslide__fallback::after {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background:
        radial-gradient(120% 140% at 70% 50%, transparent 55%, rgba(0,0,0,.55) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");
}
.bslide__fallback .bslide__copy { z-index: 4; }
.bslide__fallback .bslide__model { z-index: 3; }

/* altın yüzeylerde parlama: sahnedeki altın nesneler ışıkla nefes alır */
.bslide.is-active .scene { animation: vx-scenein 1.2s cubic-bezier(.2,.8,.2,1) both, vx-glint 4s ease-in-out 1.2s infinite; }
@keyframes vx-scenein { from { transform: scale(1.08); opacity: .4; } }
@keyframes vx-glint { 50% { filter: saturate(1.4) contrast(1.12) brightness(1.18); } }
@keyframes vx-bokeh { to { transform: translate(-3%, -4%) scale(1.06); } }
@keyframes vx-lightsweep { 0%, 35% { transform: translateX(-120%) skewX(-18deg); } 100% { transform: translateX(560%) skewX(-18deg); } }
@keyframes vx-breathe { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .bslide__fx i, .bslide.is-active .scene { animation: none !important; } }

/* Yaldızlı şans tozu (vegas.js goldDust): tüm ekranın üstünde, tıklamayı engellemez */
.vx-dust { position: fixed; inset: 0; z-index: 9999; width: 100vw; height: 100vh; pointer-events: none; }

/* =========================================================
   YUMUŞAK HATLAR: kutular, pencereler, butonlar ve form alanları yuvarlak köşeli;
   çizgiler ince ve şeffaf, keskin kenar yerine yumuşak gölge
   ========================================================= */

:root { --r-sm: 10px; --r: 16px; --r-lg: 22px; --soft-shadow: 0 10px 30px rgba(0,0,0,.28); }
:root { --line: rgba(255,255,255,.10); --line-strong: rgba(255,255,255,.20); }

/* butonlar ve küçük düğmeler */
.btn, .hbtn, .hchip, .game__btn, .theme-toggle, .nav-toggle, .notif__btn, .account__btn, .appbar__close, .dialog__close,
.drawer__close, .banner-slider__arrow, .row-btn, .chat__send, .chat__close, .htab, .appdl__tab, .acct-tabs__item,
.bonus__soon, .bonus__tag, .game__badge, .topbar__card, .topbar__btn, .auth-pill__login, .auth-pill__register { border-radius: var(--r-sm) !important; }
.account__avatar, .bdot, .chat__fab, .chat__avatar { border-radius: 50% !important; }

/* kartlar ve kutular */
.game__thumb, .game__media, .cat, .bonus, .promo-card, .studio, .faq__item, .loyalty, .table-card, .vx-float,
.acct, .acct__card, .acct__group, .acct__offer, .aff__card, .auth__card, .auth__bonus, .auth-promo, .kyc__card,
.lpage__card, .appdl__panel, .alert, .anniv, .field .input, .input, .dd__panel, .combo__panel, .combo__trigger, .dd__value,
.legal__body, .legal__nav, .chat__bubble, .lobby-bar, .toast, .quickcats__row .quickcat { border-radius: var(--r) !important; }
.game__thumb img, .game__media img { border-radius: inherit; }
.game__thumb, .game__media, .table-card, .promo-card, .bonus, .cat { overflow: hidden; }

/* pencereler: diyaloglar, açılır menüler, mobil çekmece, sohbet paneli, slayt */
.dialog, .notif__menu, .account__menu, .chat__panel, .banner-slider { border-radius: var(--r-lg) !important; overflow: hidden; }
.drawer__panel { border-radius: 0 var(--r-lg) var(--r-lg) 0 !important; }
.tabbar { border-radius: var(--r-lg) var(--r-lg) 0 0 !important; }
.site-footer { border-radius: var(--r-lg) var(--r-lg) 0 0; }
.section--alt { border-radius: var(--r-lg); border: 0 !important; }

/* sert çizgiler yerine yumuşak gölge ve şeffaf ince kenar */
.cat, .bonus, .promo-card, .studio, .faq__item, .acct__card, .auth__card, .dialog, .notif__menu, .account__menu, .chat__panel {
    border-color: rgba(255,255,255,.10) !important; box-shadow: var(--soft-shadow);
}
.table-card { box-shadow: 0 0 0 1px rgba(255,217,138,.18), var(--soft-shadow); }
.site-header { border-bottom-width: 1px !important; border-bottom-color: rgba(224,172,64,.45) !important; }
.topbar { border-top-width: 1px; }
.vx-ticker { border-block-color: rgba(255,255,255,.08); }
.catbar__link::after { border-radius: 3px 3px 0 0; }
.table-card--real .table-card__media { aspect-ratio: 1 / 1; }

/* Slaytın altındaki iki kampanya kartı: yükseklik artık slayta bağlı değil (eskiden yanında duruyordu) */
.showcase__side { grid-template-rows: none !important; height: auto !important; min-height: 0 !important; margin-top: 4px; }
.promo-card { min-height: 140px !important; }
.promo-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.showcase { padding-bottom: 20px; }
@media (max-width: 760px) { .promo-card { min-height: 116px !important; } }

/* Kırmızı slayt (SiteModel SLIDES 'tone' => 'red'): kırmızı zemin, kırmızı bokeh ve ışık, koyu kırmızı kapsül yazısı */
.bslide--red { background: #2a0206 !important; }
.bslide--red .bslide__visual::after { background: linear-gradient(90deg, #3a0208 0%, rgba(90,4,14,.9) 35%, rgba(160,10,24,.35) 58%, transparent 75%) !important; }
.bslide--red .bslide__fx i:nth-child(1) {
    background:
        radial-gradient(circle at 60% 25%, rgba(255,90,90,.6) 0 1.4%, rgba(255,90,90,.18) 2.4%, transparent 3.2%),
        radial-gradient(circle at 78% 66%, rgba(255,60,60,.5) 0 2%, transparent 3.6%),
        radial-gradient(circle at 90% 20%, rgba(255,210,170,.5) 0 1%, transparent 2%),
        radial-gradient(circle at 70% 86%, rgba(255,120,80,.4) 0 2.4%, transparent 3.6%),
        radial-gradient(circle at 52% 52%, rgba(255,80,80,.35) 0 1.6%, transparent 2.6%),
        radial-gradient(circle at 96% 46%, rgba(255,200,150,.45) 0 1.6%, transparent 2.8%);
}
.bslide--red .bslide__fx i:nth-child(3) { background: radial-gradient(60% 50% at 75% 0%, rgba(255,120,100,.3), transparent 70%), radial-gradient(60% 25% at 75% 100%, rgba(255,40,40,.35), transparent 70%); }
.bslide--red .lux__pill { color: #8a0a16; -webkit-text-fill-color: #8a0a16; }
.bslide--red .scene { filter: saturate(1.2) contrast(1.05) brightness(1.08); }

/* =========================================================
   NEON KAMPANYA KUTULARI (partials/promo-duo.php): yan yana iki kutu, mor neon zemin,
   altın başlık, cam istatistik kutucukları, sağda animasyonlu çizim, üstünden geçen ışık
   ========================================================= */

.duo { padding: 6px 0 18px; }
.duo__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.duo__card {
    position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center;
    aspect-ratio: 2 / 1; border-radius: var(--r-lg, 22px);
    box-shadow: 0 0 0 1px rgba(201,155,255,.35), 0 18px 50px rgba(74,26,168,.45);
    transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
.duo__art { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; }
.duo__card::before {   /* yazı tarafı koyulaşır */
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(90deg, rgba(14,4,36,.92) 0%, rgba(14,4,36,.7) 45%, transparent 70%);
}
.duo__shine {
    position: absolute; top: -20%; bottom: -20%; left: 0; width: 25%; z-index: 1; pointer-events: none;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.22) 50%, transparent);
    transform: translateX(-150%) skewX(-18deg); animation: vx-lightsweep 6s ease-in-out infinite;
}
.duo__card:nth-child(2) .duo__shine { animation-delay: 3s; }
@media (hover: hover) { .duo__card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px #d6b4ff, 0 24px 60px rgba(138,60,255,.55); } }

.duo__body { position: relative; z-index: 2; display: grid; gap: 8px; justify-items: start; padding: 0 0 0 5.5%; max-width: 62%; }
.duo__brand { font: italic 900 clamp(14px, 1.6vw, 22px)/1 var(--font); text-transform: uppercase; color: #f6d27a; }
.duo__brand b { color: #fff; margin-right: .1em; }
.duo__title {
    font: italic 900 clamp(24px, 3vw, 44px)/1 var(--font); text-transform: uppercase; letter-spacing: -.02em;
    background: linear-gradient(180deg, #fff3cf, #f6d27a 45%, #c9922e); -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 3px 0 rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(246,210,122,.35));
}
.duo__lead { color: #efe6ff; font: 700 clamp(12px, 1.15vw, 16px)/1.3 var(--font); text-transform: uppercase; }
.duo__stats { display: flex; gap: 8px; margin-top: 6px; }
.duo__stat {
    display: grid; justify-items: center; gap: 2px; min-width: 76px; padding: 8px 10px; border-radius: 12px;
    background: rgba(20,6,52,.65); border: 1px solid rgba(201,155,255,.55);
    box-shadow: 0 0 14px rgba(138,60,255,.45), inset 0 0 10px rgba(138,60,255,.25);
    backdrop-filter: blur(4px);
}
.duo__stat small { font: 700 10px/1 var(--font); letter-spacing: .08em; text-transform: uppercase; color: #f6d27a; }
.duo__stat b { font: 900 clamp(15px, 1.7vw, 24px)/1 var(--font); color: #fff; }

.duo__signtxt { font: 900 19px/1 var(--font); letter-spacing: .06em; }
.duo__card-txt { font: 800 22px/1 var(--font); }
.duo__spin { animation: vx-spin 10s linear infinite; }
.duo__float { animation: vx-bob2 4s ease-in-out infinite; }
.duo__star { animation: vx-twinkle 2.2s ease-in-out infinite; }
.duo__neon { animation: vx-neonflick 4s steps(1) infinite; }
@keyframes vx-neonflick { 0%, 100% { opacity: 1; } 42% { opacity: .55; } 44% { opacity: 1; } 46% { opacity: .7; } 48% { opacity: 1; } }

/* yüklenen banner: oranı farklıysa yan boşluk, görselin bulanık kopyasıyla dolar */
.bslide__bg { position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); max-width: none; object-fit: cover; filter: blur(28px) brightness(.6) saturate(1.3); }
.bslide__img { position: relative; z-index: 1; object-position: center; }

@media (max-width: 900px) {
    .duo__grid { grid-template-columns: 1fr; gap: 14px; }
    .duo__body { max-width: 70%; }
}
@media (max-width: 480px) {
    .duo__stat { min-width: 0; padding: 6px 8px; }
    .duo__stat small { font-size: 9px; }
    .duo__lead { display: none; }
}
@media (prefers-reduced-motion: reduce) { .duo__shine, .duo__spin, .duo__float, .duo__star, .duo__neon { animation: none; } }