:root{
  --primary:#d4af37;
  --secondary:#0f172a;
  --bg:#050914;
  --card:#0b1220;
  --text:#ffffff;
  --muted:#a5b4cc;
  --border:rgba(255,255,255,.08);
  --shadow:0 15px 40px rgba(0,0,0,.30);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 30%),
    radial-gradient(circle at bottom left, rgba(44,145,255,.12), transparent 25%),
    var(--bg);
  color:var(--text);
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.container{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
}

/* HEADER */
.site-header{
  position:sticky;
  top:0;
  z-index:25;
  background:rgba(3,7,18,.72);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}

.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:8px 0;
  min-height:68px;
}

.brand-link{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  min-width:0;
  transform-origin:left center;
}

.brand-text{
  font-size:32px;
  font-weight:800;
}

.brand-logo{
  width:auto;
  height:46px;
  max-height:46px;
  object-fit:contain;
  display:block;
}

.site-actions,
.social-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.site-actions-compact{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  margin-left:auto;
  flex-wrap:nowrap;
}

.register-link{
  color:#f2ca58;
  font-weight:700;
  padding:8px 2px;
  font-size:14px;
  opacity:.95;
}

/* USER MENU */
.user-menu{
  position:relative;
  flex:0 0 auto;
}

.user-menu-trigger{
  display:flex;
  align-items:center;
  gap:10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(8,13,26,.78);
  border:1px solid rgba(212,175,55,.24);
  color:#fff;
  padding:8px 12px;
  border-radius:999px;
  cursor:pointer;
  min-height:44px;
  white-space:nowrap;
  box-shadow:
    0 10px 22px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.03);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.user-menu-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(242,202,88,.40);
  box-shadow:
    0 14px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.user-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--primary),#f2ca58);
  color:#111;
  font-weight:800;
  font-size:15px;
  flex:0 0 34px;
  box-shadow:
    0 6px 14px rgba(212,175,55,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.user-name{
  font-weight:700;
  max-width:140px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.user-caret{
  opacity:.8;
}

.user-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:260px;
  padding:10px;
  display:none;
  z-index:80;
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(242,202,88,.11), transparent 26%),
    linear-gradient(180deg, rgba(10,18,34,.97), rgba(7,12,24,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 24px 54px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.user-dropdown::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(242,202,88,.55), rgba(255,255,255,0));
  pointer-events:none;
}

.user-dropdown::after{
  content:"";
  position:absolute;
  top:-8px;
  right:24px;
  width:16px;
  height:16px;
  transform:rotate(45deg);
  background:linear-gradient(180deg, rgba(12,20,36,.96), rgba(9,15,28,.98));
  border-left:1px solid rgba(255,255,255,.08);
  border-top:1px solid rgba(255,255,255,.08);
}

.user-menu.open .user-dropdown{
  display:block;
  animation:userDropdownIn .18s ease;
}

@keyframes userDropdownIn{
  from{
    opacity:0;
    transform:translateY(-6px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.user-dropdown a{
  position:relative;
  display:grid;
  grid-template-columns:38px 1fr;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:0 14px 0 12px;
  border-radius:16px;
  color:#fff;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.01em;
  border:1px solid rgba(255,255,255,.05);
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012)),
    rgba(255,255,255,.01);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease;
}

.user-dropdown a + a{
  margin-top:7px;
}

.user-dropdown a:hover{
  transform:translateX(3px);
  background:
    radial-gradient(circle at left center, rgba(242,202,88,.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(255,255,255,.02);
  border-color:rgba(242,202,88,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.12);
}

.user-dropdown a::after{
  content:"";
  position:absolute;
  left:58px;
  right:14px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  opacity:.45;
  pointer-events:none;
}

.user-dropdown a:last-child::after{
  display:none;
}

.user-dropdown a::before{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:900;
  color:#f2ca58;
  background:
    linear-gradient(180deg, rgba(242,202,88,.14), rgba(242,202,88,.05)),
    rgba(255,255,255,.02);
  border:1px solid rgba(242,202,88,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.10);
}

/* ICON EŞLEŞMESİ
1 = Admin/User başlığı
2 = Hesabım
3 = Promokod
4 = Çark
5 = Çıkış
*/
.user-dropdown a:nth-child(1)::before{ content:"🛡"; }
.user-dropdown a:nth-child(2)::before{ content:"👤"; }
.user-dropdown a:nth-child(3)::before{ content:"🎁"; }
.user-dropdown a:nth-child(4)::before{ content:"🎡"; }
.user-dropdown a:nth-child(5)::before{ content:"↗"; }

.user-dropdown .danger-link{
  color:#ffb8b8;
}

.user-dropdown .danger-link::before{
  color:#ff9d9d;
  border-color:rgba(255,120,120,.14);
  background:
    linear-gradient(180deg, rgba(255,120,120,.12), rgba(255,120,120,.04)),
    rgba(255,255,255,.02);
}

.user-dropdown .danger-link:hover{
  background:
    radial-gradient(circle at left center, rgba(255,110,110,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(255,255,255,.02);
  border-color:rgba(255,120,120,.14);
  color:#ffd3d3;
}

@media (max-width: 768px){
  .user-menu-trigger{
    padding:7px 10px;
    min-height:42px;
  }

  .user-avatar{
    width:32px;
    height:32px;
    flex:0 0 32px;
    font-size:14px;
  }

  .user-dropdown{
    top:calc(100% + 10px);
    right:-2px;
    min-width:228px;
    padding:8px;
    border-radius:18px;
    box-shadow:
      0 18px 34px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  .user-dropdown::after{
    right:18px;
    width:14px;
    height:14px;
    top:-7px;
  }

  .user-dropdown a{
    grid-template-columns:34px 1fr;
    gap:10px;
    min-height:46px;
    padding:0 12px 0 10px;
    border-radius:14px;
    font-size:14px;
  }

  .user-dropdown a::before{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:14px;
  }

  .user-dropdown a::after{
    left:52px;
    right:12px;
  }
}

/* BUTTONS */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 18px;
  border:none;
  border-radius:12px;
  background:linear-gradient(135deg,var(--primary),#f2ca58);
  color:#1a1a1a;
  font-weight:700;
  cursor:pointer;
  box-shadow:var(--shadow);
}

.btn.small{
  padding:10px 14px;
  font-size:14px;
}

.btn.secondary{
  background:transparent;
  color:var(--text);
  border:1px solid rgba(212,175,55,.55);
  box-shadow:none;
}

/* CARD */
.card{
  background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(11,18,32,.98));
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:22px;
}



/* SLIDER */
.hero-top-slider{
  padding:10px 0 8px;
}

.top-slider{
  position:relative;
  padding:8px;
  overflow:hidden;
  height:392px;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.06), transparent 24%),
    linear-gradient(180deg, rgba(10,18,35,.88), rgba(7,13,28,.90));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    0 16px 34px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.top-slider-track{
  position:relative;
  width:100%;
  height:100%;
}

.top-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .45s ease;
}

.top-slide.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
}

.top-slide-link{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:18px;
  isolation:isolate;
  background:#0b1020;
}

.top-slide-link::before{
  content:none;
}

.top-slide-link::after{
  content:none;
}

.top-slide picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,#0d1730,#09111f);
}

.top-slide picture source{
  display:none;
}

.top-slide picture img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:18px;
  transform:none;
}

.top-slide-overlay{
  position:absolute;
  left:14px;
  bottom:12px;
  right:auto;
  z-index:4;
  width:min(150px, calc(100% - 28px));
  max-width:150px;
  padding:5px 5px 5px;
  border-radius:10px;
  background:rgba(9,13,24,.02);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:none;
}

.top-slide-overlay h2{
  margin:0 0 1px;
  font-size:9px;
  line-height:1.02;
  font-weight:900;
  letter-spacing:-0.12px;
}

.top-slide-overlay p{
  margin:0 0 3px;
  font-size:6.7px;
  line-height:1.08;
  color:rgba(255,255,255,.98);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:100%;
}

.top-slide-overlay .btn{
  min-height:18px;
  padding:0 5px;
  font-size:7px;
  font-weight:800;
  border-radius:6px;
  box-shadow:none;
}

.top-slider-dots{
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  z-index:5;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(6,10,20,.18);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.top-slider-dot{
  width:8px;
  height:8px;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  transition:.2s ease;
}

.top-slider-dot.active{
  width:18px;
  background:linear-gradient(135deg,var(--primary),#f2ca58);
}

/* LAYOUT */


.main-stack{
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:8px 0 48px;
}

.section-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:14px;
}

.section-head h2{
  margin:0;
  font-size:30px;
}

.section-head p{
  margin:0;
  color:var(--muted);
}

/* SPONSORS */
.sponsor-grid-compact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

.sponsor-card-compact{
  position:relative;
  overflow:hidden;
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(11,18,32,.99));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:14px;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}

.sponsor-card-compact::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.03) 35%,
    rgba(255,255,255,0.08) 50%,
    rgba(255,255,255,0.03) 65%,
    transparent 100%
  );
  transform:translateX(-120%);
  transition:transform .7s ease;
}

.sponsor-card-compact:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
  border-color:rgba(212,175,55,.35);
}

.sponsor-card-compact:hover::after{
  transform:translateX(120%);
}

.sponsor-card-compact.glow::before,
.sponsor-card-compact.line::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1.5px;
  border-radius:18px;
  background:linear-gradient(
    90deg,
    rgba(0,210,255,.9),
    rgba(124,245,255,.9),
    rgba(242,202,88,.95),
    rgba(255,78,205,.9),
    rgba(0,210,255,.9)
  );
  background-size:240% 240%;
  animation:sponsorBorderShift 6s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.9;
}

.sponsor-card-compact.none::before{
  display:none;
}

@keyframes sponsorBorderShift{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}

.sponsor-card-compact img{
  width:100%;
  height:170px;
  object-fit:contain;
  border-radius:14px;
  background:rgba(255,255,255,.02);
  padding:10px;
  transition:transform .35s ease, filter .35s ease;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.sponsor-card-compact:hover img{
  transform:scale(1.03);
  filter:saturate(1.06) contrast(1.03);
}

.sponsor-card-compact h3{
  margin:14px 0 8px;
  font-size:22px;
  line-height:1.15;
}

.sponsor-card-compact p{
  margin:0 0 14px;
  color:var(--muted);
  line-height:1.5;
  min-height:48px;
  font-size:14px;
}

.sponsor-card-compact .btn.small{
  width:100%;
  justify-content:center;
  border-radius:12px;
  transition:transform .22s ease, box-shadow .22s ease;
}

.sponsor-card-compact:hover .btn.small{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(212,175,55,.22);
}

.quick-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}

.quick-card{
  padding:16px;
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.08), transparent 30%),
    linear-gradient(180deg, rgba(12,18,35,.96), rgba(8,14,28,.96));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.quick-card h3{
  margin:0 0 4px;
  font-size:18px;
  font-weight:800;
  line-height:1.15;
}

.quick-card p{
  margin:0 0 12px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  line-height:1.35;
}

.btn-premium{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:100%;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,#f2ca58,#d4af37);
  color:#000;
  font-weight:800;
  font-size:14px;
  letter-spacing:.01em;
  box-shadow:
    0 8px 18px rgba(212,175,55,.28),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition:.2s;
}

.btn-premium:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(212,175,55,.5);
}

.footer-section{
  margin-top:20px;
  text-align:center;
  position:relative;
}

.footer-section::before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-bottom:14px;
  background:linear-gradient(90deg,transparent,#f2ca58,transparent);
}

.footer-section p{
  color:rgba(255,255,255,.5);
  font-size:12px;
}

.social-row-strong{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.social-pill{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  font-weight:700;
  transition:.2s;
}

.social-pill:hover{
  border-color:rgba(212,175,55,.5);
  background:rgba(212,175,55,.08);
}

/* SOCIAL ICON PILLS */
.social-pill-icon{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:999px;
  background:rgba(255,255,255,.02);
  color:var(--text);
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.social-pill-icon:hover{
  transform:translateY(-2px);
  border-color:rgba(212,175,55,.5);
  background:rgba(255,255,255,.04);
}

.social-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f2ca58;
  flex:0 0 20px;
}

.social-icon svg{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
}

.social-label{
  font-weight:700;
  line-height:1;
}

/* POPUP */
.popup-overlay{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(2,8,23,.72);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    z-index:9999;
    opacity:0;
    transition:opacity .22s ease;
}

.popup-overlay.active{
    opacity:1;
}

.popup-box.popup-box-premium{
    position:relative;
    width:min(100%, 430px);
    padding:22px;
    border-radius:26px;
    background:
        radial-gradient(circle at top right, rgba(212,175,55,.14), transparent 35%),
        linear-gradient(180deg, rgba(10,18,38,.98), rgba(7,13,28,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 24px 60px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.05);
    transform:translateY(14px) scale(.97);
    transition:transform .22s ease;
}

.popup-overlay.active .popup-box.popup-box-premium{
    transform:translateY(0) scale(1);
}

.popup-close.popup-close-premium{
    position:absolute;
    top:14px;
    right:14px;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:28px;
    cursor:pointer;
    transition:.2s ease;
}

.popup-close.popup-close-premium:hover{
    background:rgba(212,175,55,.18);
    transform:rotate(90deg);
}

.popup-badge{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    margin-bottom:12px;
    border-radius:999px;
    background:rgba(242,202,88,.12);
    border:1px solid rgba(242,202,88,.24);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

.popup-box-premium h3{
    margin:0 0 14px;
    font-size:32px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
}

.popup-image-wrap{
    margin-bottom:16px;
}

.popup-image-wrap img{
    display:block;
    max-width:100%;
    border-radius:18px;
    box-shadow:0 14px 30px rgba(0,0,0,.30);
}

.popup-box-premium .muted{
    margin:0 0 18px;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.55;
}

.popup-box-premium .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 18px;
    border-radius:14px;
}

@media (max-width: 768px){
    .popup-box.popup-box-premium{
        width:min(100%, 390px);
        padding:18px;
        border-radius:22px;
    }

    .popup-box-premium h3{
        font-size:26px;
    }

    .popup-box-premium .muted{
        font-size:16px;
    }
}

/* AUTH / ACCOUNT */
.auth-wrap{
  padding:48px 0;
}

.auth-card{
  width:min(620px,100%);
  margin:0 auto;
}

.account-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:34px 0;
}

.grid{
  display:grid;
  gap:16px;
}

.admin-two-col{
  grid-template-columns:1.05fr 1.4fr;
}

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

.field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.field label{
  font-size:14px;
  color:var(--muted);
  font-weight:600;
}

.field input,
.field textarea,
.field select{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  background:#09111f;
  color:white;
  border-radius:12px;
  padding:12px 14px;
  outline:none;
}

.field textarea{
  min-height:120px;
  resize:vertical;
}

.table-wrap{
  overflow:auto;
}

.table{
  width:100%;
  border-collapse:collapse;
}

.table th,
.table td{
  padding:12px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  vertical-align:top;
}

.muted{
  color:var(--muted);
}

.info-list{
  display:grid;
  gap:10px;
}

.flash{
  padding:14px 16px;
  border-radius:14px;
  margin:14px 0;
  border:1px solid var(--border);
}

.flash.success{
  background:rgba(20,110,40,.25);
  color:#dbffe3;
}

.flash.error{
  background:rgba(120,20,20,.25);
  color:#ffd7d7;
}

.inline-form{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.inline-form input{
  max-width:130px;
}

/* ADMIN */
.admin-body{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(44,145,255,.12), transparent 26%),
    #030712;
}

.admin-shell{
  display:grid;
  grid-template-columns:280px 1fr;
  min-height:100vh;
}

.topbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  background:rgba(3,7,18,.88);
  backdrop-filter:blur(10px);
  z-index:50;
  border-bottom:1px solid var(--border);
}

.brand{
  font-weight:800;
}

.menu-btn{
  width:42px;
  height:42px;
  border:none;
  border-radius:12px;
  background:#111b2d;
  color:white;
  cursor:pointer;
  font-size:22px;
}

.sidebar{
  padding:96px 18px 18px;
  border-right:1px solid var(--border);
  background:#06101d;
}

.sidebar nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.sidebar a{
  display:block;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#0b1525;
}

.content{
  padding:96px 24px 24px;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}

.stat-box{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.stat-box strong{
  font-size:34px;
}

/* ===== Admin mobile drawer iyilestirme ===== */
@media (max-width: 992px){
  .admin-body{
    overflow-x:hidden;
  }

  .admin-shell{
    position:relative;
    overflow:hidden;
  }

  .sidebar{
    position:fixed;
    top:0;
    left:0;
    width:min(82vw, 320px);
    height:100vh;
    z-index:1200;
    transform:translateX(-110%);
    transition:transform .28s ease;
    overflow-y:auto;
    padding:88px 14px 18px;
    background:
      linear-gradient(180deg, rgba(10,18,34,.98), rgba(7,12,24,.98));
    border-right:1px solid rgba(255,255,255,.07);
    box-shadow:22px 0 46px rgba(0,0,0,.42);
  }

  .sidebar nav{
    display:grid;
    gap:12px;
  }

  .sidebar nav a{
    min-height:58px;
    display:flex;
    align-items:center;
    padding:0 18px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
  }

  .sidebar nav a.active{
    background:
      radial-gradient(circle at left center, rgba(242,202,88,.12), transparent 35%),
      rgba(255,255,255,.04);
  }

  .content{
    min-width:0;
  }

  .admin-backdrop{
    position:fixed;
    inset:0;
    z-index:1100;
    background:rgba(0,0,0,.42);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
  }

  body.nav-open .sidebar{
    transform:translateX(0);
  }

  body.nav-open .admin-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  body.nav-open{
    overflow:hidden;
  }

  .topbar{
    position:sticky;
    top:0;
    z-index:1300;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
}

/* RESPONSIVE */


@media (max-width: 1100px){
  .sponsor-grid-compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .top-slider{
    height:350px;
  }

  .top-slide-overlay{
    width:min(165px, calc(100% - 24px));
    max-width:165px;
    left:12px;
    bottom:10px;
    padding:5px 5px 5px;
  }

  .top-slide-overlay h2{
    font-size:12px;
  }
}



@media (max-width: 980px){
  .account-grid,
  .admin-two-col,
  .stats-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  .admin-shell{
    grid-template-columns:1fr;
  }

  .sidebar{
    position:fixed;
    top:72px;
    left:0;
    bottom:0;
    width:280px;
    transform:translateX(-102%);
    transition:.25s ease;
    z-index:45;
  }

  body.nav-open .sidebar{
    transform:translateX(0);
  }

  .content{
    padding:12px 14px 24px;
  }
}

@media (max-width: 768px){
  .header-row{
    flex-direction:row;
    align-items:center;
    min-height:60px;
  }

  .container{
    width:min(100% - 20px,1180px);
  }

  

.top-slider{
  height:268px;
  padding:7px;
  border-radius:20px;
}

.top-slide picture img{
  border-radius:16px;
}

.top-slide-overlay{
  left:10px;
  right:auto;
  bottom:10px;
  width:min(92px, calc(100% - 20px));
  max-width:92px;
  padding:4px 4px 4px;
  border-radius:8px;
  background:rgba(9,13,24,.01);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:1px solid rgba(255,255,255,.03);
  box-shadow:none;
}

.top-slide-overlay h2{
  margin:0 0 2px;
  font-size:11px;
  line-height:1.02;
  font-weight:900;
  letter-spacing:-0.15px;
}

.top-slide-overlay p{
  margin:0 0 4px;
  font-size:8px;
  line-height:1.12;
  color:rgba(255,255,255,.96);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:100%;
}

.top-slide-overlay .btn{
  min-height:22px;
  padding:0 7px;
  font-size:8.5px;
  font-weight:800;
  border-radius:7px;
  box-shadow:none;
}

.top-slider-dots{
  bottom:7px;
  gap:5px;
  padding:2px 5px;
}

.top-slider-dot{
  width:7px;
  height:7px;
}

.top-slider-dot.active{
  width:15px;
}



  .brand-logo{
    height:44px;
    max-height:44px;
  }

  .user-name{
    display:none;
  }

  .site-actions-compact{
    gap:10px;
  }

  .register-link{
    font-size:14px;
  }

.quick-actions{
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:10px !important;
}

.quick-card{
  padding:14px !important;
  border-radius:18px !important;
  min-height:auto !important;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.06), transparent 28%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,14,28,.98)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.quick-card h3{
  margin:0 0 4px !important;
  font-size:17px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-0.2px !important;
}

.quick-card p{
  margin:0 0 10px !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:rgba(255,255,255,.76) !important;
}

.btn-premium{
  min-height:38px !important;
  padding:8px 12px !important;
  font-size:13px !important;
  font-weight:800 !important;
  border-radius:12px !important;
  box-shadow:0 6px 14px rgba(212,175,55,.14) !important;
}

  .footer-section.card{
    padding:18px 16px !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at top right, rgba(212,175,55,.06), transparent 28%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,14,28,.98)) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    box-shadow:
      0 14px 30px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .footer-section .section-head{
    margin-bottom:14px !important;
  }

  .footer-section .section-head h2{
    margin:0 0 6px !important;
    font-size:26px !important;
    line-height:1.02 !important;
    font-weight:900 !important;
    letter-spacing:-0.5px !important;
  }

  .footer-section .section-head p{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.42 !important;
    color:rgba(255,255,255,.72) !important;
  }

  .social-row-strong{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .social-pill-icon{
    width:100% !important;
    min-height:50px !important;
    justify-content:flex-start !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)) !important;
    border:1px solid rgba(212,175,55,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    gap:8px;
  }

  .social-icon,
  .social-icon svg{
    width:18px !important;
    height:18px !important;
  }

  .social-label{
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
}


/* SLIDER FIX - ZORLA ÜST ÜSTE */
.top-slider-track{
  position:relative !important;
}

.top-slide{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
}

.top-slide:not(.active){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.top-slide.active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:2 !important;
}

/* MOBILE SPONSOR FORCE FIX */

@media (max-width: 768px){
  .sponsor-grid-compact{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    align-items:start !important;
  }

  .sponsor-card-compact{
    min-height:auto !important;
    padding:8px !important;
    border-radius:12px !important;
  }

  .sponsor-card-compact img{
    height:72px !important;
    object-fit:contain !important;
    padding:6px !important;
    border-radius:10px !important;
  }

  .sponsor-card-compact h3{
    margin:8px 0 4px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    word-break:break-word !important;
  }

  .sponsor-card-compact p{
    margin:0 0 8px !important;
    min-height:auto !important;
    font-size:10px !important;
    line-height:1.3 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .sponsor-card-compact .btn.small{
    width:100% !important;
    min-height:30px !important;
    padding:6px 8px !important;
    font-size:11px !important;
    border-radius:10px !important;
  }
}

.site-footer{
  width:100%;
  margin-top:30px;
  padding:18px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  font-size:13px;
  font-weight:500;
  color:rgba(255,255,255,.55);
  border-top:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.25));
}

.site-footer span:first-child{
  font-weight:600;
  color:rgba(255,255,255,.75);
}

/* PREMIUM SECTION HEAD */
.section-head.section-head-premium{
  display:block !important;
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
  padding:22px 24px 20px;
  border-radius:22px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.15), transparent 40%),
    linear-gradient(180deg, rgba(12,18,35,.95), rgba(8,14,28,.85));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.section-head.section-head-premium::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0),
    rgba(242,202,88,.95),
    rgba(0,210,255,.65),
    rgba(212,175,55,0)
  );
}

.section-head-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(242,202,88,.08);
  border:1px solid rgba(242,202,88,.18);
  color:#f2ca58;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.section-head-premium h2{
  margin:0;
  font-size:36px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.02em;
  background:linear-gradient(90deg,#ffffff,#f2ca58);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.section-head-premium p{
  margin:8px 0 0;
  max-width:600px;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.45;
}

@media (max-width: 768px){
  .section-head.section-head-premium{
    margin-bottom:14px;
    padding:12px 14px 11px;
    border-radius:16px;
  }

  .section-head-badge{
    margin-bottom:6px;
    padding:5px 9px;
    font-size:10px;
  }

  .section-head-premium h2{
    font-size:20px;
    line-height:1.08;
  }

  .section-head-premium p{
    margin-top:6px;
    font-size:11px;
    line-height:1.35;
  }
}

/* =========================
   ULTRA PREMIUM POINTS V2
========================= */

.points-v2{
    position:relative;
    margin-top:22px;
    padding:28px;
    border-radius:30px;
    overflow:hidden;
    background:
        radial-gradient(circle at top right, rgba(242,202,88,.16), transparent 22%),
        radial-gradient(circle at bottom left, rgba(0,210,255,.10), transparent 20%),
        linear-gradient(180deg, #0d1220 0%, #080c16 100%);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 24px 60px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 0 1px rgba(255,255,255,.02);
}

.points-v2::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(242,202,88,0),
        rgba(242,202,88,.95),
        rgba(0,210,255,.45),
        rgba(242,202,88,0)
    );
}

.points-v2::after{
    content:"";
    position:absolute;
    top:-140px;
    right:-140px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(242,202,88,.13) 0%, rgba(242,202,88,.05) 40%, transparent 74%);
    pointer-events:none;
}

.points-v2-top{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0, 1.5fr) 280px;
    gap:18px;
    margin-bottom:22px;
}

.points-v2-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    padding:7px 13px;
    border-radius:999px;
    background:rgba(242,202,88,.08);
    border:1px solid rgba(242,202,88,.18);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.points-v2-title{
    margin:0;
    color:#fff;
    font-size:38px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.03em;
}

.points-v2-desc{
    margin:12px 0 0;
    color:rgba(255,255,255,.76);
    font-size:15px;
    line-height:1.72;
    max-width:900px;
}

.points-v2-desc strong{
    color:#f2ca58;
    font-weight:800;
}

.points-v2-summary{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.points-v2-summary-card{
    position:relative;
    padding:16px 16px 14px;
    border-radius:20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
        rgba(14,18,28,.95);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.points-v2-summary-card--gold{
    background:
        linear-gradient(180deg, rgba(242,202,88,.16), rgba(242,202,88,.05)),
        rgba(14,18,28,.96);
    border-color:rgba(242,202,88,.20);
}

.points-v2-summary-label{
    display:block;
    color:rgba(255,255,255,.64);
    font-size:11px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
    margin-bottom:6px;
}

.points-v2-summary-value{
    display:block;
    color:#fff;
    font-size:24px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.02em;
}

.points-v2-summary-card--gold .points-v2-summary-value{
    color:#f2ca58;
}

.points-v2-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:14px;
}

.points-v2-card{
    position:relative;
    min-height:210px;
    padding:18px 16px 16px;
    border-radius:22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(13,17,27,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 12px 28px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.points-v2-card:hover{
    transform:translateY(-5px);
    border-color:rgba(242,202,88,.24);
    box-shadow:
        0 18px 38px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.points-v2-card--highlight{
    background:
        linear-gradient(180deg, rgba(242,202,88,.13), rgba(242,202,88,.03)),
        rgba(13,17,27,.97);
    border-color:rgba(242,202,88,.22);
}

.points-v2-iconrow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
}

.points-v2-icon{
    width:50px;
    height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg, rgba(242,202,88,.22), rgba(242,202,88,.08));
    border:1px solid rgba(242,202,88,.22);
    color:#f2ca58;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 18px rgba(242,202,88,.08);
}

.points-v2-icon svg{
    width:24px;
    height:24px;
    display:block;
}

.points-v2-num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:32px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    color:rgba(255,255,255,.70);
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
}

.points-v2-card h3{
    margin:0 0 8px;
    color:#fff;
    font-size:17px;
    line-height:1.3;
    font-weight:800;
}

.points-v2-card p{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:14px;
    line-height:1.62;
}

.points-v2-card p strong{
    color:#f2ca58;
    font-weight:800;
}

.points-v2-mini{
    display:inline-flex;
    align-items:center;
    margin-top:12px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:rgba(255,255,255,.72);
    font-size:11px;
    font-weight:700;
    letter-spacing:.03em;
}

@media (max-width: 1280px){
    .points-v2-top{
        grid-template-columns:1fr;
    }

    .points-v2-summary{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .points-v2-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px){
    .points-v2{
        margin-top:16px;
        padding:16px;
        border-radius:20px;
    }

    .points-v2-top{
        gap:12px;
        margin-bottom:14px;
    }

    .points-v2-badge{
        margin-bottom:8px;
        padding:6px 10px;
        font-size:10px;
    }

    .points-v2-title{
        font-size:22px;
        line-height:1.1;
    }

    .points-v2-desc{
        margin-top:8px;
        font-size:13px;
        line-height:1.58;
    }

    .points-v2-summary{
        grid-template-columns:1fr;
        gap:10px;
    }

    .points-v2-summary-card{
        padding:13px 14px;
        border-radius:16px;
    }

    .points-v2-summary-label{
        font-size:10px;
        margin-bottom:4px;
    }

    .points-v2-summary-value{
        font-size:18px;
    }

    .points-v2-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .points-v2-card{
        min-height:auto;
        padding:14px;
        border-radius:16px;
    }

    .points-v2-icon{
        width:42px;
        height:42px;
        border-radius:13px;
    }

    .points-v2-icon svg{
        width:20px;
        height:20px;
    }

    .points-v2-num{
        min-width:38px;
        height:28px;
        font-size:11px;
        padding:0 8px;
    }

    .points-v2-card h3{
        font-size:15px;
        margin-bottom:6px;
    }

    .points-v2-card p{
        font-size:13px;
        line-height:1.52;
    }

    .points-v2-mini{
        margin-top:10px;
        font-size:10px;
        padding:5px 9px;
    }
}

/* =========================
   POINTS V2 MOBILE COMPACT
========================= */

/* desktopta da biraz sıkılaştır */
.points-v2{
    margin-top:18px;
    padding:24px;
}

.points-v2-top{
    margin-bottom:18px;
}

.points-v2-title{
    font-size:34px;
}

.points-v2-desc{
    font-size:14px;
    line-height:1.62;
}

.points-v2-summary{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
}

.points-v2-summary-card{
    padding:14px 14px 12px;
    border-radius:18px;
}

.points-v2-summary-value{
    font-size:21px;
}

.points-v2-grid{
    gap:12px;
}

.points-v2-card{
    min-height:185px;
    padding:16px 14px 14px;
}

.points-v2-card h3{
    font-size:16px;
}

.points-v2-card p{
    font-size:13px;
    line-height:1.52;
}

/* tablet */
@media (max-width: 1024px){
    .points-v2{
        padding:18px;
        border-radius:22px;
    }

    .points-v2-top{
        gap:12px;
        margin-bottom:14px;
    }

    .points-v2-title{
        font-size:24px;
        line-height:1.08;
    }

    .points-v2-desc{
        font-size:13px;
        line-height:1.56;
        margin-top:8px;
    }

    .points-v2-summary{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .points-v2-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .points-v2-card{
        min-height:auto;
    }

    .points-v2-mini{
        display:none;
    }
}

/* mobil */
@media (max-width: 768px){
    .points-v2{
        margin-top:14px;
        padding:14px;
        border-radius:18px;
    }

    .points-v2::after{
        width:180px;
        height:180px;
        top:-70px;
        right:-70px;
        opacity:.7;
    }

    .points-v2-top{
        gap:10px;
        margin-bottom:12px;
    }

    .points-v2-badge{
        margin-bottom:7px;
        padding:5px 9px;
        font-size:9px;
    }

    .points-v2-title{
        font-size:20px;
        line-height:1.08;
        letter-spacing:-.02em;
    }

    .points-v2-desc{
        margin-top:7px;
        font-size:12px;
        line-height:1.48;
    }

    /* 3 kutu fazla, 2 kutu daha iyi */
    .points-v2-summary{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .points-v2-summary-card{
        padding:10px 11px;
        border-radius:14px;
    }

    .points-v2-summary-label{
        font-size:9px;
        margin-bottom:3px;
    }

    .points-v2-summary-value{
        font-size:15px;
        line-height:1.1;
    }

    /* büyük ödül kutusu tek satır alsın */
    .points-v2-summary-card:last-child{
        grid-column:1 / -1;
    }

    .points-v2-grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .points-v2-card{
        min-height:auto;
        padding:12px;
        border-radius:14px;
    }

    .points-v2-iconrow{
        margin-bottom:10px;
    }

    .points-v2-icon{
        width:38px;
        height:38px;
        border-radius:12px;
    }

    .points-v2-icon svg{
        width:18px;
        height:18px;
    }

    .points-v2-num{
        min-width:34px;
        height:24px;
        padding:0 7px;
        font-size:10px;
    }

    .points-v2-card h3{
        font-size:14px;
        line-height:1.25;
        margin-bottom:4px;
    }

    .points-v2-card p{
        font-size:12px;
        line-height:1.42;
    }

    /* mini etiketleri tamamen kaldır */
    .points-v2-mini{
        display:none;
    }
}

/* çok dar ekran */
@media (max-width: 420px){
    .points-v2-summary{
        grid-template-columns:1fr;
    }

    .points-v2-summary-card:last-child{
        grid-column:auto;
    }
}

@media (max-width: 768px){
    .points-v2-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .points-v2-card{
        min-height:auto;
        padding:12px;
        border-radius:14px;
    }

    .points-v2-card h3{
        font-size:14px;
        line-height:1.2;
        margin-bottom:4px;
    }

    .points-v2-card p{
        font-size:12px;
        line-height:1.35;
    }

    .points-v2-icon{
        width:36px;
        height:36px;
        border-radius:12px;
    }

    .points-v2-icon svg{
        width:18px;
        height:18px;
    }

    .points-v2-num{
        min-width:30px;
        height:24px;
        font-size:10px;
        padding:0 6px;
    }

    .points-v2-mini{
        display:none;
    }

    .points-v2-card:last-child{
        grid-column:1 / -1;
    }
}

/* =========================
   ADMIN SIDEBAR + TOPBAR FINAL
========================= */

.admin-body{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(44,145,255,.12), transparent 26%),
    #030712;
  overflow-x:hidden;
}

.admin-shell{
  min-height:100vh;
}

.topbar{
  position:sticky;
  top:0;
  z-index:1300;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  background:
    linear-gradient(180deg, rgba(7,12,24,.92), rgba(7,12,24,.86));
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.brand{
  font-weight:800;
  letter-spacing:-.02em;
}

.menu-btn{
  width:42px;
  height:42px;
  border:none;
  border-radius:12px;
  background:#111b2d;
  color:#fff;
  cursor:pointer;
  font-size:22px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.sidebar{
  position:fixed;
  top:72px;
  left:0;
  width:290px;
  height:calc(100vh - 72px);
  padding:18px 14px 20px;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  background:
    linear-gradient(180deg, rgba(8,14,28,.96), rgba(6,10,20,.98));
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:12px 0 40px rgba(0,0,0,.28);
  z-index:120;
}

.sidebar::-webkit-scrollbar{
  width:8px;
}

.sidebar::-webkit-scrollbar-track{
  background:transparent;
}

.sidebar::-webkit-scrollbar-thumb{
  background:rgba(242,202,88,.22);
  border-radius:999px;
}

.sidebar nav{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:30px;
}

.sidebar a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:58px;
  padding:0 18px;
  border-radius:18px;
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-size:17px;
  font-weight:600;
  letter-spacing:-.01em;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(10,18,34,.88);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease,
    background .18s ease;
}

.sidebar a:hover{
  transform:translateX(4px);
  color:#fff;
  border-color:rgba(242,202,88,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.24);
}

.sidebar a.active{
  color:#fff;
  background:
    linear-gradient(180deg, rgba(242,202,88,.16), rgba(242,202,88,.05)),
    rgba(10,18,34,.94);
  border-color:rgba(242,202,88,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 26px rgba(0,0,0,.24);
  padding-left:24px;
}

.sidebar a.active::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(180deg, #f2ca58, #d6a92a);
  box-shadow:0 0 14px rgba(242,202,88,.28);
}

.content{
  margin-left:290px;
  padding:24px 24px 24px;
  transition:margin-left .2s ease;
}

.admin-backdrop{
  position:fixed;
  inset:72px 0 0 0;
  z-index:110;
  background:rgba(2,6,18,.26);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

/* MOBILE / TABLET */
@media (max-width: 980px){
  .admin-two-col,
  .stats-grid{
    grid-template-columns:1fr;
  }

  .sidebar{
    width:min(78vw, 300px);
    height:calc(100vh - 72px);
    transform:translateX(-105%);
    transition:transform .24s ease;
    border-right:1px solid rgba(255,255,255,.08);
    box-shadow:14px 0 28px rgba(0,0,0,.28);
  }

  body.nav-open .sidebar{
    transform:translateX(0);
  }

  body.nav-open .admin-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  body.nav-open{
    overflow:hidden;
  }

  .content{
    margin-left:0;
    padding:24px 14px 24px;
  }

  .sidebar a{
    min-height:52px;
    font-size:15px;
    border-radius:16px;
  }
}

/* ===== ADMIN TOPBAR UPGRADE ===== */

.topbar{
    position:sticky;
    top:0;
    z-index:130;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background:
        linear-gradient(180deg, rgba(7,12,24,.92), rgba(7,12,24,.86));
    border-bottom:1px solid rgba(255,255,255,.06);
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.menu-btn{
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.brand{
    font-weight:800;
    letter-spacing:-.02em;
}

.games-showcase{
    position:relative;
    padding:18px;
    border-radius:24px;
    overflow:hidden;
    background:
        radial-gradient(circle at top right, rgba(242,202,88,.12), transparent 24%),
        radial-gradient(circle at bottom left, rgba(0,210,255,.10), transparent 22%),
        linear-gradient(180deg, rgba(8,16,34,.98), rgba(4,9,22,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 22px 48px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.games-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:32px 32px;
    opacity:.18;
    pointer-events:none;
}

.games-showcase::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(242,202,88,.35), rgba(255,255,255,0));
    pointer-events:none;
}

.games-showcase-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}

.games-showcase-head h2{
    margin:0;
    font-size:28px;
    line-height:1.05;
    font-weight:900;
    color:#fff;
    letter-spacing:-.02em;
}

.games-showcase-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(242,202,88,.08);
    border:1px solid rgba(242,202,88,.18);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.games-showcase-note{
    color:rgba(255,255,255,.52);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.game-row{
    position:relative;
    z-index:2;
    display:flex;
    gap:14px;
    overflow-x:auto;
    padding-bottom:6px;
    scrollbar-width:none;
}

.game-row::-webkit-scrollbar{
    display:none;
}

.game-card{
    width:200px;
    flex:0 0 200px;
    cursor:pointer;
    transition:transform .25s ease;
    user-select:none;
}

.game-card:hover{
    transform:translateY(-6px);
}

.game-thumb{
    position:relative;
    border-radius:18px;
    overflow:hidden;
    background:#0b1020;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 18px 36px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.04);
    isolation:isolate;
}

/* premium neon outline */
.game-thumb::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    padding:1px;
    background:
        linear-gradient(
            135deg,
            rgba(242,202,88,.0) 0%,
            rgba(242,202,88,.65) 22%,
            rgba(0,210,255,.45) 55%,
            rgba(242,202,88,.0) 100%
        );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.65;
    pointer-events:none;
    z-index:3;
}

/* altın ışık sweep */
.game-thumb::after{
    content:"";
    position:absolute;
    top:-20%;
    left:-60%;
    width:42%;
    height:140%;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,0),
        rgba(255,235,170,.10),
        rgba(242,202,88,.28),
        rgba(255,255,255,0)
    );
    transform:skewX(-22deg);
    pointer-events:none;
    z-index:2;
    opacity:.0;
}

@media (min-width: 769px){
    .game-card:hover .game-thumb::after{
        animation:gameSweep 1.15s ease forwards;
        opacity:1;
    }
}

@keyframes gameSweep{
    0%{
        left:-60%;
        opacity:0;
    }
    20%{
        opacity:1;
    }
    100%{
        left:135%;
        opacity:0;
    }
}

.game-thumb img{
    width:100%;
    aspect-ratio:3/2;
    display:block;
    object-fit:cover;
    transition:transform .35s ease, filter .35s ease, box-shadow .35s ease;
    position:relative;
    z-index:1;
}

.game-card:hover .game-thumb img{
    transform:scale(1.05);
    filter:brightness(.96) saturate(1.08);
}

.game-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding-bottom:10px;
    background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.62));
    opacity:1;
    transition:opacity .25s ease, background .25s ease;
    z-index:4;
}

.play-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:118px;
    height:40px;
    padding:0 18px;
    border-radius:999px;
    background:linear-gradient(135deg,#f2ca58,#ffae00);
    color:#111;
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
    box-shadow:0 10px 24px rgba(255,174,0,.30);
}

.game-info{
    margin-top:10px;
    padding:0 2px;
}

.game-info h3{
    margin:0;
    font-size:15px;
    line-height:1.2;
    font-weight:900;
    color:#fff;
}

.game-info span{
    display:block;
    margin-top:5px;
    font-size:10px;
    color:rgba(255,255,255,.48);
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

@media (min-width: 769px){
    .game-overlay{
        opacity:0;
        align-items:center;
        padding-bottom:0;
        background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.68));
    }

    .play-btn{
        transform:translateY(10px) scale(.96);
        opacity:0;
        transition:transform .25s ease, opacity .25s ease;
    }

    .game-card:hover .game-overlay{
        opacity:1;
    }

    .game-card:hover .play-btn{
        transform:translateY(0) scale(1);
        opacity:1;
    }
}

@media (max-width:768px){
    .games-showcase{
        padding:14px;
        border-radius:18px;
    }

    .games-showcase-head{
        margin-bottom:12px;
    }

    .games-showcase-head h2{
        font-size:22px;
    }

    .games-showcase-badge{
        font-size:10px;
        padding:5px 8px;
    }

    .games-showcase-note{
        font-size:10px;
    }

    .game-card{
        width:176px;
        flex:0 0 176px;
    }

    .game-thumb{
        border-radius:16px;
    }

    .play-btn{
        min-width:104px;
        height:36px;
        font-size:12px;
    }
}

/* hover'da roket glow hissi */
@media (min-width: 769px){
    .game-card:hover .game-overlay{
        background:
            radial-gradient(circle at 78% 38%, rgba(255,170,60,.18), transparent 16%),
            radial-gradient(circle at 74% 46%, rgba(255,120,20,.12), transparent 20%),
            linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.68));
    }
}

@media (max-width:768px){
    .game-thumb::before{
        opacity:.5;
    }

    .game-thumb::after{
        display:none;
    }
}

/* TELEGRAM FLOATING WIDGET */
.tg-float-widget{
    position:fixed;
    right:14px;
    bottom:92px;
    z-index:9999;
    width:220px;
    min-height:74px;
    display:flex;
    align-items:center;
    text-decoration:none;
    border-radius:22px;
    overflow:hidden;
    background:linear-gradient(145deg, rgba(16,22,34,.96), rgba(24,31,48,.94));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:
        0 12px 30px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.02) inset,
        0 0 24px rgba(0,136,204,.16);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
    animation:tgFloatPulse 2.8s ease-in-out infinite;
}

.tg-float-widget:hover{
    transform:translateY(-2px) scale(1.01);
    box-shadow:
        0 18px 38px rgba(0,0,0,.42),
        0 0 0 1px rgba(255,255,255,.03) inset,
        0 0 30px rgba(0,136,204,.22);
}

.tg-float-inner{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:12px 14px;
    position:relative;
}

.tg-float-icon-wrap{
    position:relative;
    width:52px;
    min-width:52px;
    height:52px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg, #1faee9, #0088cc);
    box-shadow:
        0 8px 18px rgba(0,136,204,.35),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.tg-float-glow{
    position:absolute;
    inset:-10px;
    border-radius:22px;
    background:radial-gradient(circle, rgba(0,136,204,.28), transparent 70%);
    z-index:0;
    animation:tgGlow 2.2s ease-in-out infinite;
}

.tg-float-icon{
    position:relative;
    z-index:1;
    width:26px;
    height:26px;
    color:#ffffff;
    display:block;
}

.tg-float-text{
    display:flex;
    flex-direction:column;
    min-width:0;
    flex:1;
}

.tg-float-badge{
    display:inline-flex;
    align-items:center;
    width:fit-content;
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    color:#fff;
    background:linear-gradient(145deg, #1da1f2, #0088cc);
    box-shadow:0 4px 12px rgba(0,136,204,.28);
    margin-bottom:7px;
}

.tg-float-marquee{
    position:relative;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
    mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.tg-float-marquee span{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    color:#ffffff;
    text-shadow:0 1px 1px rgba(0,0,0,.25);
    padding-left:100%;
    animation:tgMarquee 11s linear infinite;
}

.tg-float-close{
    position:absolute;
    top:7px;
    right:7px;
    z-index:3;
    width:23px;
    height:23px;
    border:0;
    border-radius:50%;
    cursor:pointer;
    font-size:16px;
    line-height:1;
    color:#fff;
    background:rgba(255,255,255,.12);
    box-shadow:0 4px 10px rgba(0,0,0,.25);
    transition:background .2s ease, transform .2s ease;
}

.tg-float-close:hover{
    background:rgba(255,255,255,.2);
    transform:scale(1.08);
}

.tg-float-hidden{
    opacity:0;
    transform:translateY(16px) scale(.92);
    pointer-events:none;
}

@keyframes tgMarquee{
    0%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
}

@keyframes tgGlow{
    0%,100%{transform:scale(1);opacity:.8;}
    50%{transform:scale(1.08);opacity:1;}
}

@keyframes tgFloatPulse{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-2px);}
}

@media (max-width:768px){
    .tg-float-widget{
        right:10px;
        bottom:88px;
        width:205px;
        min-height:68px;
        border-radius:20px;
    }

    .tg-float-inner{
        padding:11px 12px;
        gap:10px;
    }

    .tg-float-icon-wrap{
        width:46px;
        min-width:46px;
        height:46px;
        border-radius:14px;
    }

    .tg-float-icon{
        width:22px;
        height:22px;
    }

    .tg-float-badge{
        font-size:10px;
        padding:4px 9px;
        margin-bottom:6px;
    }

    .tg-float-marquee span{
        font-size:12px;
    }

    .tg-float-close{
        width:21px;
        height:21px;
        font-size:14px;
    }
}

/* =========================
   RAFFLE HERO CARD
========================= */

.raffle-hero-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0, 1.2fr) 240px;
    align-items:center;
    gap:14px;
    padding:20px;
    border-radius:22px;
    overflow:hidden;
    text-decoration:none;
    background:
        radial-gradient(circle at top right, rgba(242,202,88,.16), transparent 24%),
        radial-gradient(circle at bottom left, rgba(0,210,255,.08), transparent 22%),
        linear-gradient(180deg, rgba(10,18,36,.98), rgba(6,12,24,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 18px 42px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.raffle-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(242,202,88,0),
        rgba(242,202,88,.92),
        rgba(0,210,255,.38),
        rgba(242,202,88,0)
    );
}

.raffle-hero-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            120deg,
            transparent 0%,
            rgba(255,255,255,.015) 35%,
            rgba(255,255,255,.05) 50%,
            rgba(255,255,255,.015) 65%,
            transparent 100%
        );
    transform:translateX(-120%);
    transition:transform .85s ease;
    pointer-events:none;
}

.raffle-hero-card:hover{
    transform:translateY(-4px);
    border-color:rgba(242,202,88,.22);
    box-shadow:
        0 24px 52px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.raffle-hero-card:hover::after{
    transform:translateX(120%);
}

.raffle-hero-content{
    position:relative;
    z-index:2;
}

.raffle-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(242,202,88,.08);
    border:1px solid rgba(242,202,88,.18);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.raffle-hero-card h2{
    margin:0;
    color:#fff;
    font-size:28px;
    line-height:1.06;
    font-weight:900;
    letter-spacing:-.03em;
    max-width:520px;
}

.raffle-hero-card p{
    margin:6px 0 0;
    max-width:500px;
    color:rgba(255,255,255,.74);
    font-size:14px;
    line-height:1.5;
}

.raffle-hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:44px;
    margin-top:12px;
    padding:0 18px;
    border-radius:14px;
    background:linear-gradient(135deg,#f2ca58,#d4af37);
    color:#111;
    font-size:14px;
    font-weight:900;
    letter-spacing:.01em;
    box-shadow:
        0 10px 20px rgba(212,175,55,.20),
        inset 0 1px 0 rgba(255,255,255,.34);
    transition:transform .2s ease, box-shadow .2s ease;
}

.raffle-hero-card:hover .raffle-hero-btn{
    transform:translateY(-1px);
    box-shadow:
        0 14px 26px rgba(212,175,55,.28),
        inset 0 1px 0 rgba(255,255,255,.34);
}

.raffle-hero-btn svg{
    width:17px;
    height:17px;
    display:block;
}

.raffle-hero-visual{
    position:relative;
    z-index:2;
    min-height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.raffle-hero-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(8px);
    pointer-events:none;
}

.raffle-hero-orb-1{
    width:130px;
    height:130px;
    background:radial-gradient(circle, rgba(242,202,88,.16), transparent 70%);
    top:6px;
    right:22px;
}

.raffle-hero-orb-2{
    width:110px;
    height:110px;
    background:radial-gradient(circle, rgba(0,210,255,.10), transparent 70%);
    bottom:8px;
    left:18px;
}

.raffle-gift-box{
    position:relative;
    width:110px;
    height:110px;
    transform:scale(.82);
    filter:drop-shadow(0 14px 26px rgba(0,0,0,.28));
}

.raffle-gift-body{
    position:absolute;
    left:18px;
    right:18px;
    bottom:12px;
    height:88px;
    border-radius:18px;
    background:
        linear-gradient(180deg, rgba(255,230,160,.95), rgba(212,175,55,.96));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 12px 24px rgba(212,175,55,.18);
}

.raffle-gift-lid{
    position:absolute;
    left:10px;
    right:10px;
    top:28px;
    height:34px;
    border-radius:14px;
    background:
        linear-gradient(180deg, rgba(255,236,180,.98), rgba(225,185,72,.98));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        0 8px 18px rgba(212,175,55,.14);
}

.raffle-gift-ribbon-v{
    position:absolute;
    top:20px;
    bottom:12px;
    left:50%;
    width:20px;
    transform:translateX(-50%);
    border-radius:12px;
    background:linear-gradient(180deg, #12b8ff, #0088cc);
    box-shadow:0 0 18px rgba(0,136,204,.22);
}

.raffle-gift-ribbon-h{
    position:absolute;
    left:10px;
    right:10px;
    top:54px;
    height:18px;
    border-radius:12px;
    background:linear-gradient(90deg, #12b8ff, #0088cc);
    box-shadow:0 0 18px rgba(0,136,204,.18);
}

.raffle-gift-bow{
    position:absolute;
    top:4px;
    width:34px;
    height:28px;
    border:8px solid #12b8ff;
    border-radius:50%;
    background:transparent;
}

.raffle-gift-bow.bow-left{
    left:38px;
    transform:rotate(-18deg);
}

.raffle-gift-bow.bow-right{
    right:38px;
    transform:rotate(18deg);
}

.raffle-ticket{
    position:absolute;
    width:58px;
    height:34px;
    border-radius:10px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
        0 8px 18px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

.raffle-ticket::before,
.raffle-ticket::after{
    content:"";
    position:absolute;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(7,12,24,.96);
    transform:translateY(-50%);
}

.raffle-ticket::before{ left:-4px; }
.raffle-ticket::after{ right:-4px; }

.raffle-ticket-1{
    top:18px;
    right:8px;
    transform:rotate(16deg);
}

.raffle-ticket-2{
    bottom:14px;
    left:8px;
    transform:rotate(-14deg);
}

@media (max-width: 980px){
    .raffle-hero-card{
        grid-template-columns:1fr;
        gap:10px;
        padding:18px;
    }

    .raffle-hero-card h2{
        font-size:24px;
        max-width:none;
    }

    .raffle-hero-card p{
        max-width:none;
        font-size:14px;
    }

    .raffle-hero-visual{
        min-height:120px;
    }

    .raffle-gift-box{
        transform:scale(.72);
    }
}

@media (max-width: 768px){
    .raffle-hero-card{
        padding:14px;
        border-radius:18px;
        gap:8px;
    }

    .raffle-hero-badge{
        margin-bottom:8px;
        padding:5px 10px;
        font-size:10px;
    }

    .raffle-hero-card h2{
        font-size:20px;
        line-height:1.08;
    }

    .raffle-hero-card p{
        margin-top:7px;
        font-size:13px;
        line-height:1.45;
    }

    .raffle-hero-btn{
        width:100%;
        min-height:42px;
        margin-top:12px;
        padding:0 14px;
        border-radius:13px;
        font-size:14px;
    }

    .raffle-hero-visual{
        min-height:105px;
    }

    .raffle-gift-box{
        width:96px;
        height:96px;
        transform:none;
    }

    .raffle-gift-body{
        left:14px;
        right:14px;
        bottom:10px;
        height:58px;
        border-radius:13px;
    }

    .raffle-gift-lid{
        left:8px;
        right:8px;
        top:20px;
        height:22px;
        border-radius:10px;
    }

    .raffle-gift-ribbon-v{
        top:12px;
        bottom:10px;
        width:14px;
    }

    .raffle-gift-ribbon-h{
        left:8px;
        right:8px;
        top:38px;
        height:12px;
    }

    .raffle-gift-bow{
        top:1px;
        width:22px;
        height:16px;
        border-width:5px;
    }

    .raffle-gift-bow.bow-left{
        left:26px;
    }

    .raffle-gift-bow.bow-right{
        right:26px;
    }

    .raffle-ticket{
        width:46px;
        height:28px;
        border-radius:8px;
    }

    .raffle-ticket-1{
        top:16px;
        right:2px;
    }

    .raffle-ticket-2{
        bottom:10px;
        left:4px;
    }
}

/* =========================
   HEADER BALANCE PILL
========================= */

.header-user-area{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}

.header-balance-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  background:
    radial-gradient(circle at top right, rgba(242,202,88,.14), transparent 45%),
    linear-gradient(180deg, rgba(14,22,40,.96), rgba(9,15,28,.98));
  border:1px solid rgba(242,202,88,.24);
  box-shadow:
    0 10px 26px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.header-balance-pill::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(242,202,88,.55),
    rgba(255,255,255,0)
  );
}

.header-balance-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(242,202,88,.34);
  box-shadow:
    0 14px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.header-balance-label{
  color:rgba(255,255,255,.62);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.header-balance-value{
  color:#f2ca58;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.02em;
  text-shadow:0 0 12px rgba(242,202,88,.12);
}

/* mevcut user menüyü daha kompakt yap */
.user-menu-trigger{
  min-width:64px;
  justify-content:center;
  padding:8px 10px;
}

.user-menu-trigger .user-name{
  display:none !important;
}

/* mobil */
@media (max-width: 768px){
  .header-user-area{
    gap:8px;
  }

  .header-balance-pill{
    min-height:42px;
    padding:0 12px;
    gap:8px;
    max-width:150px;
  }

  .header-balance-label{
    font-size:10px;
  }

  .header-balance-value{
    font-size:14px;
  }

  .user-menu-trigger{
    min-width:58px;
    min-height:42px;
    padding:6px 8px;
  }

  .user-avatar{
    width:30px;
    height:30px;
    flex:0 0 30px;
    font-size:14px;
  }
}

/* =========================
   ADMIN TOP EMPTY SPACE FIX
========================= */

.content{
  padding-top:18px !important;
}

.content > *:first-child{
  margin-top:0 !important;
}

.content > .card:first-child,
.content > .dashboard-wrap:first-child,
.content > .layout-page:first-child,
.content > .grid:first-child,
.content > .table-wrap:first-child,
.content > form:first-child,
.content > section:first-child,
.content > div:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* dashboard başlığındaki gereksiz üst boşluğu sıfırla */
.dashboard-wrap{
  gap:16px !important;
}

.dashboard-head{
  margin:0 !important;
  padding:0 !important;
  min-height:auto !important;
  align-items:flex-start !important;
}

.dashboard-head h1{
  margin:0 !important;
  line-height:1.02 !important;
}

.dashboard-head p{
  margin:6px 0 0 !important;
}

/* mobilde daha da sıkılaştır */
@media (max-width: 768px){
  .content{
    padding-top:12px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    padding-bottom:24px !important;
  }

  .dashboard-wrap{
    gap:12px !important;
  }

  .dashboard-head{
    margin:0 !important;
    padding:0 !important;
  }

  .dashboard-head h1{
    font-size:28px !important;
    margin:0 !important;
  }

  .dashboard-head p{
    margin-top:4px !important;
    font-size:14px !important;
  }
}

/* =========================
   ACCOUNT DASHBOARD REFINED
========================= */
.account-shell{
  display:grid;
  gap:22px;
  padding:28px 0 42px;
}

.account-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  align-items:stretch;
}

.account-main-card,
.account-panel,
.account-history-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:24px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(11,18,32,.99));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}

.account-main-card::before,
.account-panel::before,
.account-history-card::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:2px;
  background:linear-gradient(90deg, rgba(212,175,55,.08), rgba(242,202,88,.95), rgba(212,175,55,.08));
}

.account-profile{
  display:flex;
  align-items:flex-start;
  gap:20px;
  margin-bottom:22px;
}

.account-avatar{
  width:104px;
  height:104px;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:48px;
  font-weight:900;
  color:#111;
  background:linear-gradient(135deg,var(--primary),#f2ca58);
  box-shadow:0 14px 34px rgba(212,175,55,.24);
  flex:0 0 104px;
}

.account-headline h1{
  margin:0;
  font-size:56px;
  line-height:.98;
  letter-spacing:-.04em;
}

.account-headline p{
  margin:12px 0 0;
  max-width:560px;
  color:#c4d0e3;
  font-size:16px;
  line-height:1.6;
}

.account-info-table-wrap{
  margin-top:4px;
}

.account-info-table{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.account-info-row{
  min-height:106px;
  padding:18px 20px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.account-info-label{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.account-info-value{
  display:block;
  font-size:21px;
  line-height:1.35;
  font-weight:800;
  word-break:break-word;
}

.account-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  align-items:start;
}

.account-panel#promo,
.account-panel#password{
  height:100%;
}

.account-panel h2,
.account-history-card h2{
  margin:0;
  font-size:26px;
  line-height:1.08;
}

.account-panel p.lead,
.account-history-lead{
  margin:10px 0 18px;
  color:var(--muted);
  line-height:1.65;
  font-size:15px;
}

.account-form-wrap{
  max-width:none;
}

.inline-form-single .btn{
  min-width:220px;
}

.password-card{display:grid;gap:16px}
.password-grid{display:grid;gap:14px}
.password-input-wrap{position:relative}
.password-input-wrap input{padding-right:96px}
.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}
.password-strength{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.password-strength-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.password-strength-label{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.password-strength-value{font-size:14px;font-weight:800}
.password-strength-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.password-strength-fill{height:100%;width:0%;border-radius:999px;transition:width .25s ease}
.password-hint{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.6}

.account-history-card{
  grid-column:1 / -1;
}

.account-section-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.account-eyebrow{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  margin-bottom:10px;
  border-radius:999px;
  background:rgba(242,202,88,.08);
  border:1px solid rgba(242,202,88,.18);
  color:#f2ca58;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.account-filter-bar{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
  align-items:end;
}

.account-filter-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.account-filter-actions .btn,
.account-filter-actions .btn.secondary{
  min-height:48px;
  width:100%;
}

.account-history-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}

.account-section-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.account-history-page-info{
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}

.account-history-table thead th{
  font-size:13px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.account-history-table tbody tr:hover{
  background:rgba(255,255,255,.02);
}

.history-type-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#e7edf8;
  font-size:13px;
  font-weight:800;
}

.amount-positive{color:#8fffb1;font-weight:800}
.amount-negative{color:#ff9b9b;font-weight:800}
.amount-neutral{color:#fff;font-weight:800}

.account-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:18px;
  flex-wrap:wrap;
}

.account-page-btn{
  min-width:42px;
  height:42px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-weight:800;
}

.account-page-btn.is-active,
.account-page-btn:hover{
  background:linear-gradient(135deg,var(--primary),#f2ca58);
  color:#111;
  border-color:transparent;
}

@media (max-width: 1200px){
  .account-filter-bar{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .account-content-grid{
    grid-template-columns:1fr;
  }

  .account-filter-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 768px){
  .account-shell{
    gap:16px;
    padding:18px 0 34px;
  }

  .account-main-card,
  .account-panel,
  .account-history-card{
    padding:18px;
    border-radius:20px;
  }

  .account-profile{
    gap:14px;
    margin-bottom:18px;
  }

  .account-avatar{
    width:74px;
    height:74px;
    border-radius:22px;
    font-size:34px;
    flex:0 0 74px;
  }

  .account-headline h1{
    font-size:30px;
    line-height:1.02;
  }

  .account-headline p{
    font-size:13px;
    line-height:1.5;
  }

  .account-info-table{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .account-info-row{
    min-height:92px;
    padding:14px 14px 13px;
    border-radius:16px;
  }

  .account-info-label{
    font-size:11px;
    margin-bottom:6px;
  }

  .account-info-value{
    font-size:15px;
    line-height:1.35;
  }

  .account-panel h2,
  .account-history-card h2{
    font-size:22px;
  }

  .account-panel p.lead,
  .account-history-lead{
    margin-top:8px;
    font-size:13px;
    line-height:1.55;
  }

  .inline-form-single .btn,
  .inline-form .btn{
    min-height:48px;
    width:100%;
    min-width:0;
  }

  .account-section-top{
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:12px;
  }

  .account-filter-bar{
    grid-template-columns:1fr;
    gap:12px;
  }

  .account-filter-actions{
    grid-template-columns:1fr 1fr;
  }

  .account-history-meta{
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:14px;
  }

  .account-history-table,
  .account-history-table thead,
  .account-history-table tbody,
  .account-history-table tr,
  .account-history-table th,
  .account-history-table td{
    display:block;
    width:100%;
  }

  .account-history-table thead{
    display:none;
  }

  .account-history-table tbody{
    display:grid;
    gap:14px;
  }

  .account-history-table tr{
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
  }

  .account-history-table td{
    padding:0;
    border:none;
    text-align:left;
  }

  .account-history-table td + td{
    margin-top:12px;
  }

  .account-history-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:6px;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .history-type-badge{
    min-height:32px;
    padding:0 12px;
    font-size:12px;
  }
}

@media (max-width: 420px){
  .account-info-table{
    grid-template-columns:1fr;
  }

  .account-filter-actions{
    grid-template-columns:1fr;
  }
}


/* ===== HOME SLIDER FINAL OVERRIDE ===== */
.hero-top-slider{
  padding:8px 0 6px !important;
  margin-top:-4px;
}

.top-slider{
  position:relative;
  height:352px !important;
  padding:8px !important;
  border-radius:26px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 28%),
    radial-gradient(circle at bottom left, rgba(44,145,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(6,12,26,.98), rgba(4,9,20,.98)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 20px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.top-slider::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:26px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}

.top-slider-track{
  position:relative !important;
  width:100%;
  height:100%;
}

.top-slide,
.top-slide.active{
  position:absolute !important;
  inset:0;
}

.top-slide-link{
  display:block;
  width:100%;
  height:100%;
  border-radius:20px !important;
  overflow:hidden;
  position:relative;
  isolation:isolate;
}

.top-slide picture{
  width:100%;
  height:100%;
  border-radius:20px !important;
  overflow:hidden;
  background:linear-gradient(180deg,#071122,#07101d) !important;
}

.top-slide picture img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:20px !important;
  transform:scale(1.01);
}


.top-slide-link::before{
  content:none;
}

.top-slide-link::after{
  content:none;
}


.top-slide-overlay{
  position:absolute;
  left:18px !important;
  bottom:18px !important;
  right:auto !important;
  z-index:3;
  width:min(420px, calc(100% - 36px)) !important;
  max-width:min(420px, calc(100% - 36px)) !important;
  padding:16px 16px 14px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, rgba(7,12,22,.70), rgba(7,12,22,.36)) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.top-slide-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  pointer-events:none;
  background:radial-gradient(circle at top left, rgba(212,175,55,.12), transparent 42%);
}

.top-slide-overlay h2{
  position:relative;
  z-index:1;
  margin:0 0 6px !important;
  font-size:18px !important;
  line-height:1.04 !important;
  font-weight:900 !important;
}

.top-slide-overlay p{
  position:relative;
  z-index:1;
  margin:0 0 12px !important;
  max-width:360px !important;
  color:rgba(255,255,255,.84) !important;
  font-size:12px !important;
  line-height:1.38 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.top-slide-overlay .btn,
.top-slide-cta{
  position:relative;
  z-index:1;
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:12px !important;
  font-size:13px !important;
  font-weight:800 !important;
  box-shadow:0 8px 18px rgba(212,175,55,.18) !important;
}

.top-slider-dots{
  left:50%;
  bottom:10px !important;
  transform:translateX(-50%);
  gap:6px !important;
  padding:6px 9px !important;
  border-radius:999px;
  background:rgba(5,9,20,.40) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.top-slider-dot{
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.28) !important;
}

.top-slider-dot.active{
  width:22px !important;
  background:linear-gradient(90deg, var(--primary), #f2ca58) !important;
}

@media (min-width: 769px){
  .top-slider{
    height:398px !important;
    padding:10px !important;
  }

  .top-slide-overlay{
    left:24px !important;
    bottom:22px !important;
    width:min(480px, calc(100% - 48px)) !important;
    max-width:min(480px, calc(100% - 48px)) !important;
    padding:18px 18px 16px !important;
  }

  .top-slide-overlay h2{
    font-size:22px !important;
  }

  .top-slide-overlay p{
    font-size:14px !important;
    max-width:400px !important;
  }

  .top-slide-overlay .btn,
  .top-slide-cta{
    min-height:44px !important;
    padding:0 18px !important;
    font-size:14px !important;
  }
}


/* ===== FINAL SLIDER LAST WORD ===== */
.hero-top-slider .top-slide-overlay{
  left:10px !important;
  bottom:10px !important;
  width:158px !important;
  max-width:158px !important;
  min-width:158px !important;
  padding:7px !important;
  border-radius:11px !important;
  background:linear-gradient(180deg, rgba(10,14,24,.24), rgba(10,14,24,.13)) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 5px 14px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.hero-top-slider .top-slide-overlay h2{
  margin:0 0 3px !important;
  font-size:13px !important;
  line-height:1.02 !important;
  font-weight:900 !important;
}
.hero-top-slider .top-slide-overlay p{
  margin:0 0 4px !important;
  font-size:8.3px !important;
  line-height:1.10 !important;
  max-width:100% !important;
}
.hero-top-slider .top-slide-overlay .btn{
  min-height:21px !important;
  height:21px !important;
  padding:0 7px !important;
  font-size:7.9px !important;
  border-radius:7px !important;
  box-shadow:none !important;
}

@media (min-width: 769px){
  .hero-top-slider .top-slide-overlay{
    left:14px !important;
    bottom:12px !important;
    width:220px !important;
    max-width:220px !important;
    min-width:220px !important;
    padding:10px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, rgba(10,14,24,.28), rgba(10,14,24,.16)) !important;
    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }
  .hero-top-slider .top-slide-overlay h2{
    margin:0 0 4px !important;
    font-size:17px !important;
    line-height:1.02 !important;
  }
  .hero-top-slider .top-slide-overlay p{
    margin:0 0 6px !important;
    font-size:10px !important;
    line-height:1.14 !important;
  }
  .hero-top-slider .top-slide-overlay .btn{
    min-height:26px !important;
    height:26px !important;
    padding:0 9px !important;
    font-size:9px !important;
    border-radius:8px !important;
  }
}

@media (min-width: 1101px){
  .hero-top-slider .top-slide-overlay{
    width:250px !important;
    max-width:250px !important;
    min-width:250px !important;
    padding:11px !important;
  }
  .hero-top-slider .top-slide-overlay h2{
    font-size:18px !important;
  }
  .hero-top-slider .top-slide-overlay p{
    font-size:10.5px !important;
  }
  .hero-top-slider .top-slide-overlay .btn{
    min-height:28px !important;
    height:28px !important;
    font-size:9.5px !important;
  }
}

/* =========================================================
   ABIDIN WHEEL V4 - REAL WEBGL 3D STUDIO REDESIGN
   Backend/PHP logic untouched. Frontend is fully namespaced.
   ========================================================= */

.wheel-3d-container{
  width:min(1320px, calc(100% - 24px));
}

.wheel-3d-page{
  --w3-bg:#020613;
  --w3-card:#07101f;
  --w3-card2:#0b172b;
  --w3-text:#fff8ec;
  --w3-muted:#9aa7bd;
  --w3-gold:#e7ba52;
  --w3-gold2:#fff0bd;
  --w3-cyan:#4ed8ff;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.65fr);
  gap:22px;
  padding:18px 0 44px;
  align-items:start;
}

.wheel-3d-arena,
.wheel-3d-winners{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% -18%, rgba(255,217,125,.18), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(78,216,255,.16), transparent 26%),
    linear-gradient(180deg, rgba(11,23,43,.985), rgba(2,6,19,.995));
  box-shadow:
    0 34px 96px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(255,255,255,.025);
}

.wheel-3d-arena{
  min-height:790px;
  padding:30px;
  isolation:isolate;
}

.wheel-3d-noise{
  position:absolute;
  inset:0;
  opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 50% 48%, #000 0 60%, transparent 86%);
  pointer-events:none;
}

.wheel-3d-light{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  filter:blur(20px);
}

.wheel-3d-light-a{
  width:430px;
  height:430px;
  left:50%;
  top:200px;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(231,186,82,.22), rgba(231,186,82,.06) 44%, transparent 70%);
  animation:wheel3dAura 4.6s ease-in-out infinite;
}

.wheel-3d-light-b{
  width:420px;
  height:250px;
  right:-120px;
  top:40px;
  background:radial-gradient(circle, rgba(78,216,255,.17), rgba(78,216,255,.04) 48%, transparent 72%);
}

@keyframes wheel3dAura{
  0%,100%{opacity:.7; transform:translateX(-50%) scale(.96)}
  50%{opacity:1; transform:translateX(-50%) scale(1.04)}
}

.wheel-3d-header{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,430px);
  gap:22px;
  align-items:end;
  margin-bottom:20px;
}

.wheel-3d-kicker{
  display:inline-flex;
  min-height:34px;
  padding:0 16px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,226,158,.28);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.014)),
    linear-gradient(90deg, rgba(231,186,82,.20), rgba(231,186,82,.06));
  color:#ffe7a2;
  font-size:10px;
  font-weight:950;
  letter-spacing:.23em;
  text-transform:uppercase;
  box-shadow:0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07);
}

.wheel-3d-titlebox h1{
  margin:12px 0 6px;
  color:var(--w3-text);
  font-size:clamp(44px,5.4vw,80px);
  line-height:.88;
  letter-spacing:-.075em;
  text-shadow:0 20px 44px rgba(0,0,0,.40), 0 0 42px rgba(231,186,82,.12);
}

.wheel-3d-titlebox p{
  margin:0;
  max-width:640px;
  color:var(--w3-muted);
  font-size:15px;
  line-height:1.55;
}

.wheel-3d-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.wheel-3d-stats.is-single{
  grid-template-columns:1fr;
}

.wheel-3d-stat{
  position:relative;
  overflow:hidden;
  min-height:116px;
  border-radius:24px;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 100% 0%, rgba(231,186,82,.15), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.014)),
    rgba(3,9,21,.80);
  box-shadow:0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}

.wheel-3d-stat::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent, rgba(255,255,255,.11), transparent);
  transform:translateX(-140%);
  animation:wheel3dCardSweep 6.8s ease-in-out infinite;
}

@keyframes wheel3dCardSweep{
  0%,42%{transform:translateX(-140%);opacity:0}
  55%{opacity:1}
  74%,100%{transform:translateX(140%);opacity:0}
}

.wheel-3d-stat span,
.wheel-3d-stat em{
  position:relative;
  z-index:2;
  display:block;
  color:#9aa7bd;
  font-style:normal;
  font-weight:850;
}

.wheel-3d-stat span{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.wheel-3d-stat strong{
  position:relative;
  z-index:2;
  display:block;
  margin:8px 0 4px;
  color:#fff;
  font-size:32px;
  line-height:1;
  letter-spacing:-.05em;
}

.wheel-3d-stat.is-balance{
  border-color:rgba(231,186,82,.30);
}

.wheel-3d-stat.is-balance strong{
  color:#ffe39d;
}

.wheel-3d-stage-grid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  align-items:stretch;
}

.wheel-3d-stage-card{
  position:relative;
  min-height:620px;
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 50% 42%, rgba(231,186,82,.14), transparent 42%),
    radial-gradient(circle at 50% 82%, rgba(78,216,255,.10), transparent 32%),
    rgba(2,7,18,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.wheel-3d-loader{
  position:absolute;
  inset:0;
  z-index:20;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:rgba(2,7,18,.92);
  color:#fff0bd;
  transition:opacity .35s ease, visibility .35s ease;
}

.wheel-3d-loader.is-hidden{
  opacity:0;
  visibility:hidden;
}

.wheel-3d-loader span{
  width:56px;
  height:56px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.12);
  border-top-color:#e7ba52;
  animation:wheel3dSpinLoader 1s linear infinite;
}

@keyframes wheel3dSpinLoader{to{transform:rotate(360deg)}}

.wheel-3d-canvas-wrap{
  position:absolute;
  inset:0;
}

#wheel3dCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}


.wheel-3d-pointer{
  position:absolute;
  top:42px;
  left:50%;
  z-index:18;
  width:62px;
  height:58px;
  transform:translateX(-50%);
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.68));
  pointer-events:none;
}

/* Düz, net, tek parça ok işaretçi — kare yok, çift pointer yok */
.wheel-3d-pointer::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:62px;
  height:58px;
  transform:translateX(-50%);
  clip-path:polygon(50% 100%, 4% 0, 96% 0);
  background:
    linear-gradient(90deg,
      #110a02 0%,
      #6f430b 12%,
      #f5d277 28%,
      #d89b2e 48%,
      #8f5a12 70%,
      #241202 100%);
  box-shadow:
    inset 5px 0 8px rgba(255,244,189,.26),
    inset -8px 0 11px rgba(0,0,0,.48),
    0 7px 13px rgba(0,0,0,.45);
}

/* Metal kenar hissi için iç parça */
.wheel-3d-pointer::after{
  content:"";
  position:absolute;
  left:50%;
  top:6px;
  width:34px;
  height:46px;
  transform:translateX(-50%);
  clip-path:polygon(50% 100%, 0 0, 100% 0);
  background:
    linear-gradient(90deg,
      rgba(255,244,190,.95) 0%,
      rgba(255,215,103,.96) 42%,
      rgba(151,92,14,.96) 100%);
  opacity:.96;
}

/* Eski vida/topuz/ek parça kapalı */
.wheel-3d-pointer span{
  display:none !important;
}

.wheel-3d-stage-card.is-spinning .wheel-3d-pointer{
  animation:wheel3dPointerTick .11s linear infinite;
}

@keyframes wheel3dPointerTick{
  0%,100%{transform:translateX(-50%) rotate(0deg)}
  50%{transform:translateX(-50%) rotate(-4deg)}
}

.wheel-3d-floor{
  position:absolute;
  left:12%;
  right:12%;
  bottom:24px;
  height:90px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.70), rgba(0,0,0,.28) 46%, transparent 72%);
  filter:blur(12px);
  pointer-events:none;
}

.wheel-3d-control{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.wheel-3d-form{
  width:100%;
}

.wheel-3d-spin-btn{
  position:relative;
  width:100%;
  min-height:82px;
  overflow:hidden;
  border:0;
  border-radius:28px;
  cursor:pointer;
  color:#07101f;
  background:linear-gradient(180deg, #fff5d7 0%, #efc660 40%, #a96e18 100%);
  box-shadow:
    0 26px 48px rgba(0,0,0,.31),
    0 0 46px rgba(231,186,82,.18),
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -3px 0 rgba(88,55,9,.24);
  transition:transform .2s ease, filter .2s ease;
}

.wheel-3d-spin-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

.wheel-3d-spin-btn.is-busy{
  pointer-events:none;
  opacity:.82;
  transform:scale(.985);
}

.wheel-3d-spin-glow{
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.08) 32%, rgba(255,255,255,.50) 50%, rgba(255,255,255,.08) 66%, transparent 100%);
  transform:translateX(-120%);
  animation:wheel3dButtonShine 2.35s linear infinite;
}

@keyframes wheel3dButtonShine{to{transform:translateX(130%)}}

.wheel-3d-spin-text{
  position:relative;
  z-index:2;
  font-size:18px;
  font-weight:950;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.wheel-3d-result,
.wheel-3d-hint{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 100% 0%, rgba(78,216,255,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    rgba(3,9,21,.82);
  box-shadow:0 18px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055);
}

.wheel-3d-result{
  min-height:166px;
  opacity:.78;
}

.wheel-3d-result.show{
  opacity:1;
}

.wheel-3d-result.is-win{
  border-color:rgba(231,186,82,.34);
  box-shadow:0 0 44px rgba(231,186,82,.11), 0 18px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}

.wheel-3d-result-label{
  color:#ffe3a0;
  font-size:11px;
  font-weight:950;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.wheel-3d-result-name{
  color:#fff;
  font-size:34px;
  font-weight:950;
  line-height:1.02;
  letter-spacing:-.055em;
}

.wheel-3d-result.is-win .wheel-3d-result-name{
  color:#ffe8aa;
  text-shadow:0 0 28px rgba(231,186,82,.15);
}

.wheel-3d-result-value{
  color:#9aa7bd;
  margin-top:10px;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}

.wheel-3d-hint strong{
  display:block;
  color:#fff;
  font-size:18px;
  font-weight:950;
  margin-bottom:7px;
}

.wheel-3d-hint span{
  display:block;
  color:#9aa7bd;
  font-size:13px;
  line-height:1.55;
  font-weight:750;
}

.wheel-3d-guest{
  position:relative;
  z-index:3;
  min-height:360px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(3,9,21,.72);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
}

.wheel-3d-guest strong{
  color:#fff;
  font-size:30px;
  font-weight:950;
}

.wheel-3d-guest span{
  color:#9aa7bd;
  margin:8px 0 18px;
}

.wheel-3d-guest a{
  min-height:54px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  color:#07101f;
  font-weight:950;
  text-decoration:none;
  background:linear-gradient(180deg, #fff5d7, #e3b44d 52%, #a96e18);
}

.wheel-3d-winners{
  min-height:790px;
  padding:24px;
}

.wheel-3d-winners-head h2{
  color:#fff8ec;
  margin:12px 0 8px;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
}

.wheel-3d-winners-head p{
  color:#9aa7bd;
  margin:0 0 20px;
  font-size:14px;
  line-height:1.55;
}

.wheel-3d-winner-list{
  display:flex;
  flex-direction:column;
  gap:13px;
}

.wheel-3d-winner{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:86px;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.075);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    rgba(3,9,21,.65);
  box-shadow:0 14px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);
}

.wheel-3d-winner.is-top{
  border-color:rgba(231,186,82,.28);
  background:
    radial-gradient(circle at 0% 50%, rgba(231,186,82,.14), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.012)),
    rgba(3,9,21,.70);
}

.wheel-3d-rank{
  width:58px;
  height:58px;
  border-radius:19px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff0bd;
  font-size:18px;
  font-weight:950;
  background:linear-gradient(180deg, rgba(231,186,82,.22), rgba(231,186,82,.05)), rgba(4,10,22,.70);
  border:1px solid rgba(231,186,82,.18);
}

.wheel-3d-winner-copy{
  min-width:0;
}

.wheel-3d-winner-copy strong{
  display:block;
  color:#fff;
  font-size:20px;
  font-weight:950;
  line-height:1.1;
  letter-spacing:-.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wheel-3d-winner-copy span{
  display:block;
  color:#aeb8ca;
  margin-top:6px;
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wheel-3d-chip{
  min-width:72px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#07101f;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  background:linear-gradient(180deg, #fff3c8, #e2b85b 48%, #a66e19);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 8px 18px rgba(0,0,0,.18);
}

.wheel-3d-winner.is-pass .wheel-3d-chip{
  color:#eef4ff;
  background:linear-gradient(180deg, #5b667a, #2a3445 50%, #111827);
}

.wheel-3d-winner.is-fs .wheel-3d-chip{
  color:#eef7ff;
  background:linear-gradient(180deg, #74bfff, #2669c4 52%, #173567);
}

.wheel-3d-empty{
  padding:24px;
  border-radius:24px;
  color:#fff;
  background:rgba(3,9,21,.60);
  border:1px solid rgba(255,255,255,.07);
}

.wheel-3d-empty strong{
  display:block;
  font-size:22px;
  margin-bottom:7px;
}

.wheel-3d-empty span{
  color:#9aa7bd;
}

.wheel-3d-confetti{
  position:fixed;
  top:-18px;
  width:10px;
  height:18px;
  z-index:9999;
  pointer-events:none;
  animation:wheel3dConfetti linear forwards;
}

@keyframes wheel3dConfetti{
  to{transform:translateY(110vh) rotate(780deg)}
}

@media (max-width:1180px){
  .wheel-3d-page{
    grid-template-columns:1fr;
  }

  .wheel-3d-winners{
    min-height:auto;
  }
}

@media (max-width:980px){
  .wheel-3d-header{
    grid-template-columns:1fr;
  }

  .wheel-3d-stage-grid{
    grid-template-columns:1fr;
  }

  .wheel-3d-control{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:760px){
  .wheel-3d-container{
    width:min(100% - 16px, 1320px);
  }

  .wheel-3d-page{
    padding:12px 0 32px;
    gap:16px;
  }

  .wheel-3d-arena,
  .wheel-3d-winners{
    border-radius:24px;
  }

  .wheel-3d-arena{
    padding:18px 14px;
    min-height:auto;
  }

  .wheel-3d-titlebox h1{
    font-size:42px;
  }

  .wheel-3d-titlebox p{
    font-size:13px;
  }

  .wheel-3d-stats{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .wheel-3d-stat{
    min-height:92px;
    padding:13px;
    border-radius:18px;
  }

  .wheel-3d-stat span{
    font-size:9px;
    letter-spacing:.12em;
  }

  .wheel-3d-stat strong{
    font-size:24px;
  }

  .wheel-3d-stat em{
    font-size:12px;
  }

  .wheel-3d-stage-card{
    min-height:455px;
    border-radius:24px;
  }

  .wheel-3d-pointer{
    top:20px;
    width:58px;
    height:74px;
  }

  .wheel-3d-pointer::before{
    width:50px;
    height:50px;
    border-radius:15px 15px 5px 15px;
  }

  .wheel-3d-pointer span{
    top:17px;
    width:14px;
    height:14px;
  }

  .wheel-3d-pointer::after{
    width:16px;
    height:34px;
  }

  .wheel-3d-control{
    grid-template-columns:1fr;
    gap:12px;
  }

  .wheel-3d-spin-btn{
    min-height:66px;
    border-radius:22px;
  }

  .wheel-3d-spin-text{
    font-size:15px;
  }

  .wheel-3d-result{
    min-height:126px;
    padding:18px;
    border-radius:22px;
  }

  .wheel-3d-result-name{
    font-size:27px;
  }

  .wheel-3d-winners{
    padding:18px 14px;
  }

  .wheel-3d-winners-head h2{
    font-size:28px;
  }

  .wheel-3d-winner{
    grid-template-columns:48px minmax(0,1fr) auto;
    min-height:76px;
    padding:12px;
    border-radius:19px;
  }

  .wheel-3d-rank{
    width:48px;
    height:48px;
    border-radius:16px;
    font-size:15px;
  }

  .wheel-3d-winner-copy strong{
    font-size:16px;
  }

  .wheel-3d-winner-copy span{
    font-size:12px;
  }

  .wheel-3d-chip{
    min-width:62px;
    min-height:34px;
    font-size:9px;
  }
}

@media (max-width:420px){
  .wheel-3d-stage-card{
    min-height:410px;
  }

  .wheel-3d-titlebox h1{
    font-size:36px;
  }
}

/* =========================================================
   ABIDIN WHEEL V4 FIX
   - 3D çark yüzü kameraya dönük görünür.
   - Gereksiz 3D Studio Mode kutusu kaldırıldı.
   ========================================================= */

.wheel-3d-stage-card{
  min-height:680px;
}

.wheel-3d-control{
  justify-content:center;
}

.wheel-3d-canvas-wrap{
  min-height:680px;
}

#wheel3dCanvas{
  transform:translateY(0);
}

.wheel-3d-pointer{
  top:34px;
}

.wheel-3d-floor{
  bottom:36px;
  opacity:.72;
}

@media (max-width:760px){
  .wheel-3d-stage-card{
    min-height:520px;
  }

  .wheel-3d-canvas-wrap{
    min-height:520px;
  }

  .wheel-3d-pointer{
    top:22px;
  }
}

@media (max-width:420px){
  .wheel-3d-stage-card{
    min-height:470px;
  }

  .wheel-3d-canvas-wrap{
    min-height:470px;
  }
}

/* =========================================================
   ABIDIN WHEEL V5 - CAMERA / RESPONSIVE / CROP FIX
   V4 gerçek 3D motor korunur; sahne matematiği ve mobil yerleşim düzeltilir.
   ========================================================= */

.wheel-3d-stage-card{
  min-height:620px !important;
}

.wheel-3d-canvas-wrap{
  position:absolute;
  inset:0;
  min-height:620px !important;
  height:620px !important;
  max-height:none !important;
  overflow:hidden !important;
}

#wheel3dCanvas{
  width:100% !important;
  height:100% !important;
  transform:none !important;
}

.wheel-3d-pointer{
  top:32px !important;
  z-index:15;
}

.wheel-3d-floor{
  bottom:24px !important;
  opacity:.62;
}

/* Kontrol paneli çarkı sıkıştırmasın */
.wheel-3d-stage-grid{
  align-items:stretch;
}

.wheel-3d-control{
  justify-content:center;
}

/* Mobilde çark tam gövdeli görünsün; aşırı zoom/crop engellendi */
@media (max-width:980px){
  .wheel-3d-stage-grid{
    grid-template-columns:1fr !important;
  }

  .wheel-3d-control{
    display:grid !important;
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:760px){
  .wheel-3d-stage-card{
    min-height:500px !important;
  }

  .wheel-3d-canvas-wrap{
    min-height:500px !important;
    height:500px !important;
  }

  .wheel-3d-pointer{
    top:20px !important;
  }

  .wheel-3d-control{
    grid-template-columns:1fr !important;
  }

  .wheel-3d-spin-btn{
    min-height:66px !important;
  }
}

@media (max-width:420px){
  .wheel-3d-stage-card{
    min-height:455px !important;
  }

  .wheel-3d-canvas-wrap{
    min-height:455px !important;
    height:455px !important;
  }

  .wheel-3d-pointer{
    top:18px !important;
  }
}

/* İşaretlenen gereksiz bilgi kutusu v5'te kesin yok */
.wheel-3d-hint{
  display:none !important;
}

/* =========================================================
   ABIDIN WHEEL V6 - READABILITY + PREMIUM TITLE FIX
   - VIP ÖDÜLLER badge
   - Şans Çarkı premium gold title treatment
   - Wheel labels enlarged via JS, stage spacing corrected.
   ========================================================= */

.wheel-3d-kicker{
  color:#fff2c4 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.018)),
    linear-gradient(90deg, rgba(231,186,82,.34), rgba(231,186,82,.08)) !important;
  border-color:rgba(255,226,158,.42) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.24),
    0 0 28px rgba(231,186,82,.12),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.wheel-3d-titlebox h1{
  position:relative;
  display:inline-block;
  color:#fff4d7 !important;
  background:linear-gradient(180deg, #ffffff 0%, #fff0bd 36%, #d9a63d 72%, #8a5a14 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 18px 36px rgba(0,0,0,.48),
    0 0 30px rgba(231,186,82,.16) !important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.28));
}

.wheel-3d-titlebox h1::after{
  content:"";
  position:absolute;
  left:2%;
  right:8%;
  bottom:-8px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(231,186,82,.95), rgba(255,240,189,.65), transparent);
  box-shadow:0 0 18px rgba(231,186,82,.25);
}

.wheel-3d-stage-card{
  min-height:590px !important;
}

.wheel-3d-canvas-wrap{
  min-height:590px !important;
  height:590px !important;
}

@media (max-width:760px){
  .wheel-3d-stage-card{
    min-height:470px !important;
  }

  .wheel-3d-canvas-wrap{
    min-height:470px !important;
    height:470px !important;
  }

  .wheel-3d-titlebox h1{
    font-size:44px !important;
    line-height:.9 !important;
  }

  .wheel-3d-titlebox h1::after{
    bottom:-6px;
  }
}

@media (max-width:420px){
  .wheel-3d-stage-card{
    min-height:430px !important;
  }

  .wheel-3d-canvas-wrap{
    min-height:430px !important;
    height:430px !important;
  }

  .wheel-3d-titlebox h1{
    font-size:39px !important;
  }
}

/* =========================================================
   ABIDIN WHEEL V7 - PREMIUM LIVE WINNERS REDESIGN
   Sadece son kazananlar alanını hedefler.
   ========================================================= */

.wheel-3d-winners{
  background:
    radial-gradient(circle at 82% 0%, rgba(78,216,255,.16), transparent 32%),
    radial-gradient(circle at 0% 24%, rgba(231,186,82,.13), transparent 30%),
    linear-gradient(180deg, rgba(10,21,40,.985), rgba(2,6,19,.995)) !important;
}

.wheel-3d-winners-head{
  position:relative;
  z-index:2;
  padding-bottom:16px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.wheel-3d-winners-head .wheel-3d-kicker{
  min-height:30px;
  padding:0 14px;
  font-size:9px;
  letter-spacing:.20em;
}

.wheel-3d-winners-head h2{
  margin-top:14px !important;
  font-size:32px !important;
  letter-spacing:-.055em !important;
  background:linear-gradient(180deg, #fff 0%, #fff0bd 48%, #d9a63d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.28));
}

.wheel-3d-winner-list{
  gap:12px !important;
}

.wheel-3d-winner{
  position:relative;
  grid-template-columns:54px minmax(0,1fr) auto !important;
  min-height:78px !important;
  padding:12px 13px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.055), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.047), rgba(255,255,255,.012)),
    rgba(3,9,21,.72) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.wheel-3d-winner::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.06) 45%, transparent 72%);
  opacity:.35;
  pointer-events:none;
}

.wheel-3d-winner:hover{
  transform:translateY(-2px);
  border-color:rgba(231,186,82,.20) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    0 0 30px rgba(231,186,82,.075),
    inset 0 1px 0 rgba(255,255,255,.065) !important;
}

.wheel-3d-winner.is-top{
  background:
    radial-gradient(circle at 100% 0%, rgba(231,186,82,.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.014)),
    rgba(5,12,24,.80) !important;
  border-color:rgba(231,186,82,.30) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 34px rgba(231,186,82,.085),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.wheel-3d-rank{
  display:none !important;
}

.wheel-3d-avatar{
  position:relative;
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#171006;
  font-size:22px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  background:
    radial-gradient(circle at 32% 24%, #fff7d8, #e7ba52 48%, #8a5a14 100%);
  border:1px solid rgba(255,236,176,.35);
  box-shadow:
    0 10px 22px rgba(0,0,0,.26),
    0 0 18px rgba(231,186,82,.18),
    inset 0 1px 0 rgba(255,255,255,.54);
  text-transform:uppercase;
}

.wheel-3d-winner.is-pass .wheel-3d-avatar{
  color:#eef4ff;
  background:
    radial-gradient(circle at 32% 24%, #7b8799, #2b3444 54%, #111827 100%);
  border-color:rgba(255,255,255,.10);
  box-shadow:
    0 10px 22px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.wheel-3d-winner-copy strong{
  font-size:18px !important;
  letter-spacing:-.035em;
}

.wheel-3d-winner-copy span{
  margin-top:5px !important;
  color:#b4bed0 !important;
  font-size:12px !important;
  letter-spacing:.015em;
  text-transform:uppercase;
}

.wheel-3d-winner.is-top .wheel-3d-winner-copy span{
  color:#f4dc9e !important;
}

.wheel-3d-chip{
  min-width:88px !important;
  min-height:38px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  font-size:9px !important;
  letter-spacing:.16em !important;
  color:#120d05 !important;
  background:
    linear-gradient(180deg, #fff5d2 0%, #e7ba52 48%, #a96f18 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.22),
    0 0 20px rgba(231,186,82,.16),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.wheel-3d-winner.is-pass .wheel-3d-chip{
  color:#dfe6f2 !important;
  background:
    linear-gradient(180deg, #596579 0%, #273142 54%, #111827 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.wheel-3d-winner.is-fs .wheel-3d-chip{
  color:#eef9ff !important;
  background:
    linear-gradient(180deg, #78caff 0%, #2377d5 52%, #173567 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.22),
    0 0 18px rgba(78,216,255,.16),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

@media (max-width:760px){
  .wheel-3d-winners-head h2{
    font-size:28px !important;
  }

  .wheel-3d-winner{
    grid-template-columns:48px minmax(0,1fr) auto !important;
    min-height:72px !important;
    padding:11px !important;
    gap:10px !important;
  }

  .wheel-3d-avatar{
    width:48px;
    height:48px;
    border-radius:16px;
    font-size:19px;
  }

  .wheel-3d-winner-copy strong{
    font-size:16px !important;
  }

  .wheel-3d-winner-copy span{
    font-size:11px !important;
  }

  .wheel-3d-chip{
    min-width:74px !important;
    min-height:34px !important;
    padding:0 11px !important;
    font-size:8px !important;
    letter-spacing:.12em !important;
  }
}

/* =========================================================
   ABIDIN WHEEL V8 - PREMIUM HERO HEADER FINAL
   Header alanı tek odaklı premium blok haline getirildi.
   ========================================================= */

.wheel-3d-header{
  align-items:center !important;
  gap:18px !important;
  margin-bottom:18px !important;
}

.wheel-3d-hero-titlebox{
  position:relative;
  padding:18px 18px 16px 0;
}

.wheel-3d-hero-titlebox::before{
  content:"";
  position:absolute;
  left:-18px;
  top:50%;
  width:4px;
  height:76%;
  border-radius:999px;
  transform:translateY(-50%);
  background:linear-gradient(180deg, transparent, rgba(231,186,82,.95), rgba(78,216,255,.36), transparent);
  box-shadow:0 0 18px rgba(231,186,82,.28);
}

.wheel-3d-hero-titlebox::after{
  content:"";
  position:absolute;
  left:0;
  right:10%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, rgba(231,186,82,.75), rgba(78,216,255,.18), transparent);
  opacity:.7;
}

.wheel-3d-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 13px;
  margin-bottom:8px;
  border-radius:999px;
  border:1px solid rgba(255,226,158,.32);
  color:#ffe6a2;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.015)),
    linear-gradient(90deg, rgba(231,186,82,.22), rgba(78,216,255,.08));
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    0 0 24px rgba(231,186,82,.10),
    inset 0 1px 0 rgba(255,255,255,.10);
  font-size:9px;
  font-weight:950;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.wheel-3d-titlebox h1{
  display:block !important;
  margin:0 0 7px !important;
  font-size:clamp(42px, 5vw, 74px) !important;
  line-height:.88 !important;
  letter-spacing:-.085em !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fff3c4 31%, #e0aa3e 70%, #8a5a14 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  filter:
    drop-shadow(0 16px 18px rgba(0,0,0,.36))
    drop-shadow(0 0 22px rgba(231,186,82,.13)) !important;
}

.wheel-3d-titlebox h1::after{
  display:none !important;
}

.wheel-3d-titlebox p{
  max-width:620px !important;
  color:#aebbd0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:750 !important;
}

.wheel-3d-stats{
  align-self:center;
}

.wheel-3d-stat{
  min-height:104px !important;
}

@media (max-width:760px){
  .wheel-3d-header{
    gap:12px !important;
    margin-bottom:14px !important;
  }

  .wheel-3d-hero-titlebox{
    padding:12px 0 14px 12px;
  }

  .wheel-3d-hero-titlebox::before{
    left:0;
    width:3px;
    height:72%;
  }

  .wheel-3d-hero-eyebrow{
    min-height:26px;
    padding:0 11px;
    font-size:8px;
    letter-spacing:.18em;
    margin-bottom:7px;
  }

  .wheel-3d-titlebox h1{
    font-size:42px !important;
    line-height:.9 !important;
    letter-spacing:-.075em !important;
  }

  .wheel-3d-titlebox p{
    font-size:13px !important;
  }

  .wheel-3d-stat{
    min-height:88px !important;
  }
}

@media (max-width:420px){
  .wheel-3d-titlebox h1{
    font-size:37px !important;
  }

  .wheel-3d-titlebox p{
    font-size:12px !important;
  }
}

/* =========================================================
   ABIDIN WHEEL RESULT REVEAL + PREMIUM WIN TOAST
   Sonuç çark durmadan gösterilmez. PAS için toast yok.
   ========================================================= */

.wheel-3d-result.is-pending-reveal{
  opacity:.55 !important;
}

.wheel-3d-result.is-pending-reveal .wheel-3d-result-name,
.wheel-3d-result.is-pending-reveal .wheel-3d-result-value{
  visibility:hidden;
}

.wheel-3d-result:not(.show) .wheel-3d-result-name,
.wheel-3d-result:not(.show) .wheel-3d-result-value{
  visibility:hidden;
}

.wheel-3d-result.show .wheel-3d-result-name,
.wheel-3d-result.show .wheel-3d-result-value{
  visibility:visible;
}

.wheel-3d-win-toast{
  position:fixed;
  left:50%;
  top:50%;
  z-index:9999;
  width:min(92vw, 430px);
  min-height:210px;
  padding:28px 26px 26px;
  border-radius:30px;
  transform:translate(-50%, -50%) scale(.86);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  text-align:center;
  border:1px solid rgba(255,226,158,.38);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,241,189,.24), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(78,216,255,.16), transparent 32%),
    linear-gradient(180deg, rgba(17,25,44,.98), rgba(4,8,18,.98));
  box-shadow:
    0 38px 110px rgba(0,0,0,.62),
    0 0 70px rgba(231,186,82,.18),
    inset 0 1px 0 rgba(255,255,255,.10);
  transition:opacity .36s ease, visibility .36s ease, transform .42s cubic-bezier(.18,.98,.2,1);
}

.wheel-3d-win-toast.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, -50%) scale(1);
  animation:wheelWinToastPulse 1.2s ease both;
}

@keyframes wheelWinToastPulse{
  0%{filter:brightness(1)}
  35%{filter:brightness(1.18)}
  100%{filter:brightness(1)}
}

.wheel-3d-win-toast-glow{
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  pointer-events:none;
  background:
    conic-gradient(from 0deg, transparent, rgba(231,186,82,.42), transparent, rgba(78,216,255,.22), transparent);
  opacity:.58;
  filter:blur(12px);
  animation:wheelWinToastGlow 4s linear infinite;
}

@keyframes wheelWinToastGlow{
  to{transform:rotate(360deg)}
}

.wheel-3d-win-toast-kicker,
.wheel-3d-win-toast-title,
.wheel-3d-win-toast-prize{
  position:relative;
  z-index:2;
}

.wheel-3d-win-toast-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 15px;
  border-radius:999px;
  color:#ffe8aa;
  border:1px solid rgba(255,226,158,.28);
  background:rgba(231,186,82,.12);
  font-size:10px;
  font-weight:950;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.wheel-3d-win-toast-title{
  font-size:34px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
  color:#fff8ec;
  margin-bottom:12px;
}

.wheel-3d-win-toast-prize{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  padding:14px 18px;
  border-radius:20px;
  color:#141006;
  background:linear-gradient(180deg, #fff5d2, #e7ba52 52%, #a96f18);
  box-shadow:0 14px 30px rgba(0,0,0,.28), 0 0 28px rgba(231,186,82,.18), inset 0 1px 0 rgba(255,255,255,.58);
  font-size:20px;
  font-weight:950;
  line-height:1.15;
  text-transform:uppercase;
}

@media (max-width:520px){
  .wheel-3d-win-toast{
    width:calc(100vw - 34px);
    min-height:190px;
    padding:24px 18px 22px;
    border-radius:26px;
  }

  .wheel-3d-win-toast-title{
    font-size:29px;
  }

  .wheel-3d-win-toast-prize{
    font-size:17px;
  }
}

/* =========================================================
   ABIDIN WHEEL REVEAL FINAL FIX
   - Sonuç çark durunca görünür.
   - Sadece ödül kazanıldığında premium toast çıkar.
   - PAS için toast çıkmaz.
   ========================================================= */

.wheel-3d-result.is-pending-reveal .wheel-3d-result-name,
.wheel-3d-result.is-pending-reveal .wheel-3d-result-value{
  visibility:hidden !important;
  opacity:0 !important;
}

.wheel-3d-result.show .wheel-3d-result-name,
.wheel-3d-result.show .wheel-3d-result-value,
.wheel-3d-result.is-revealed .wheel-3d-result-name,
.wheel-3d-result.is-revealed .wheel-3d-result-value{
  visibility:visible !important;
  opacity:1 !important;
}

.wheel-3d-result.show{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}

.wheel-3d-win-toast{
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  z-index:2147483000 !important;
  width:min(92vw, 450px) !important;
  min-height:220px !important;
  padding:30px 26px 26px !important;
  border-radius:30px !important;
  transform:translate(-50%, -50%) scale(.82) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  text-align:center !important;
  border:1px solid rgba(255,226,158,.42) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,241,189,.26), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(78,216,255,.18), transparent 32%),
    linear-gradient(180deg, rgba(17,25,44,.99), rgba(4,8,18,.99)) !important;
  box-shadow:
    0 42px 120px rgba(0,0,0,.68),
    0 0 80px rgba(231,186,82,.22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  transition:opacity .34s ease, visibility .34s ease, transform .44s cubic-bezier(.18,.98,.2,1) !important;
}

.wheel-3d-win-toast.show{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate(-50%, -50%) scale(1) !important;
}

.wheel-3d-win-toast-glow{
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  pointer-events:none;
  background:
    conic-gradient(from 0deg, transparent, rgba(231,186,82,.46), transparent, rgba(78,216,255,.24), transparent);
  opacity:.62;
  filter:blur(13px);
  animation:wheelWinToastGlowFinal 4s linear infinite;
}

@keyframes wheelWinToastGlowFinal{
  to{transform:rotate(360deg)}
}

.wheel-3d-win-toast-kicker,
.wheel-3d-win-toast-title,
.wheel-3d-win-toast-prize{
  position:relative;
  z-index:2;
}

.wheel-3d-win-toast-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 15px;
  border-radius:999px;
  color:#ffe8aa;
  border:1px solid rgba(255,226,158,.30);
  background:rgba(231,186,82,.13);
  font-size:10px;
  font-weight:950;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.wheel-3d-win-toast-title{
  font-size:34px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
  color:#fff8ec;
  margin-bottom:12px;
}

.wheel-3d-win-toast-prize{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  padding:14px 18px;
  border-radius:20px;
  color:#141006;
  background:linear-gradient(180deg, #fff5d2, #e7ba52 52%, #a96f18);
  box-shadow:
    0 14px 30px rgba(0,0,0,.28),
    0 0 28px rgba(231,186,82,.18),
    inset 0 1px 0 rgba(255,255,255,.58);
  font-size:20px;
  font-weight:950;
  line-height:1.15;
  text-transform:uppercase;
}

@media (max-width:520px){
  .wheel-3d-win-toast{
    width:calc(100vw - 34px) !important;
    min-height:190px !important;
    padding:24px 18px 22px !important;
    border-radius:26px !important;
  }

  .wheel-3d-win-toast-title{
    font-size:29px;
  }

  .wheel-3d-win-toast-prize{
    font-size:17px;
  }
}

/* =========================
   ADMIN CONTENT GAP FIX
   Topbar is sticky, so content must not reserve another 96px.
   ========================= */
.admin-body .content,
.admin-shell .content,
main.content{
  padding-top:24px !important;
}

@media (max-width: 980px){
  .admin-body .content,
  .admin-shell .content,
  main.content{
    padding-top:24px !important;
  }
}


/* =========================================================
   ABIDIN11 FREE MODE HOMEPAGE REDESIGN - CONVERSION HERO
   Safe scope: only new zyro-* classes + homepage card upgrades.
   ========================================================= */
.zyro-conversion-hero{
  position:relative;
  overflow:hidden;
  padding:24px 0 12px;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 0%, rgba(242,202,88,.14), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(49,214,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(3,7,18,0), rgba(3,7,18,.18));
}
.zyro-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.zyro-blob{position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(34px);opacity:.46;animation:zyroBlobFloat 8s ease-in-out infinite alternate}
.zyro-blob-a{left:-90px;top:30px;background:rgba(242,202,88,.22)}
.zyro-blob-b{right:-120px;top:60px;background:rgba(49,214,255,.18);animation-delay:-2s}
.zyro-grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center, #000 0, transparent 70%);opacity:.22}
@keyframes zyroBlobFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(34px,-24px,0) scale(1.12)}}
.zyro-hero-shell{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch;padding:26px;border-radius:34px;background:linear-gradient(135deg, rgba(13,20,36,.94), rgba(5,10,21,.96));border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.zyro-hero-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.055) 46%, transparent 58%);transform:translateX(-120%);animation:zyroShellSweep 6s linear infinite;pointer-events:none}
@keyframes zyroShellSweep{0%,35%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
.zyro-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:430px;padding:14px}
.zyro-live-pill{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(242,202,88,.22);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.zyro-live-pill strong{color:#f2ca58;font-weight:900}.zyro-live-pill span:last-child{opacity:.78;text-transform:none;letter-spacing:0}.zyro-live-dot{width:9px;height:9px;border-radius:50%;background:#38ff91;box-shadow:0 0 18px rgba(56,255,145,.85);animation:zyroLivePulse 1.1s infinite ease-in-out}
@keyframes zyroLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}
.zyro-hero-copy h1{margin:18px 0 14px;font-size:clamp(42px,6vw,86px);line-height:.91;font-weight:950;letter-spacing:-.065em;color:#fff;text-shadow:0 18px 45px rgba(0,0,0,.32)}
.zyro-hero-copy h1 span{display:block;background:linear-gradient(90deg,#f2ca58,#fff2b0,#31d6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:zyroTextShine 4.5s linear infinite}
@keyframes zyroTextShine{to{background-position:200% center}}
.zyro-hero-lead{max-width:650px;margin:0 0 20px;color:rgba(255,255,255,.74);font-size:17px;line-height:1.7}
.zyro-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:2px 0 20px}.zyro-cta{position:relative;min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:16px;font-weight:950;letter-spacing:-.01em;transition:.22s ease;overflow:hidden}.zyro-cta-main{background:linear-gradient(135deg,#f2ca58,#d4af37);color:#080b12;box-shadow:0 16px 32px rgba(212,175,55,.25)}.zyro-cta-main::after{content:"";position:absolute;top:0;bottom:0;width:34px;left:-50px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);animation:zyroCtaSweep 2.8s ease-in-out infinite}.zyro-cta-ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#fff}.zyro-cta:hover{transform:translateY(-3px)}
@keyframes zyroCtaSweep{0%,48%{left:-60px}76%,100%{left:125%}}
.zyro-mission-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:720px}.zyro-mission-strip div{position:relative;min-height:74px;padding:12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}.zyro-mission-strip div::before{content:"";position:absolute;inset:auto 10px 0;height:2px;background:linear-gradient(90deg,#31d6ff,#f2ca58);opacity:.8}.zyro-mission-strip b{display:block;color:#f2ca58;font-size:12px;margin-bottom:8px}.zyro-mission-strip span{display:block;color:#fff;font-size:13px;font-weight:800}
.zyro-hero-stage{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;perspective:900px}.zyro-crash-visual{position:relative;width:min(100%,520px);height:330px;border-radius:34px;background:radial-gradient(circle at 72% 20%,rgba(242,202,88,.16),transparent 32%),linear-gradient(180deg,rgba(11,19,38,.96),rgba(4,8,18,.98));border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 70px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transform:rotateY(-8deg) rotateX(4deg);animation:zyroStageTilt 5s ease-in-out infinite alternate}.zyro-crash-visual::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 24px),repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 24px);opacity:.32}.zyro-crash-topline{position:absolute;left:18px;right:18px;top:18px;display:flex;align-items:center;justify-content:space-between;z-index:3}.zyro-crash-topline span{font-size:12px;font-weight:950;letter-spacing:.12em;color:rgba(255,255,255,.64)}.zyro-crash-topline b{font-size:32px;color:#f2ca58;text-shadow:0 0 24px rgba(242,202,88,.35)}.zyro-graph{position:absolute;left:0;right:0;bottom:24px;width:100%;height:245px;z-index:2}.zyro-graph path{fill:none;stroke:url(#zyroGraphStroke);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(242,202,88,.45));stroke-dasharray:760;stroke-dashoffset:760;animation:zyroGraphDraw 3.2s ease-in-out infinite}.zyro-crash-plane{position:absolute;right:24px;top:76px;z-index:4;font-size:64px;color:#fff;text-shadow:0 0 28px rgba(49,214,255,.7);animation:zyroPlaneFly 3.2s ease-in-out infinite}.zyro-orbit-card{position:absolute;z-index:5;width:170px;padding:14px 16px;border-radius:22px;background:rgba(5,10,22,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);box-shadow:0 20px 42px rgba(0,0,0,.34);animation:zyroFloatCard 4s ease-in-out infinite alternate}.zyro-orbit-top{top:28px;right:0}.zyro-orbit-bottom{bottom:30px;left:0;animation-delay:-1.5s}.zyro-orbit-card span,.zyro-orbit-card em{display:block;color:rgba(255,255,255,.6);font-size:12px;font-style:normal}.zyro-orbit-card strong{display:block;margin:4px 0;color:#fff;font-size:30px;line-height:1;font-weight:950}.zyro-orbit-top strong{color:#f2ca58}
@keyframes zyroStageTilt{from{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}to{transform:rotateY(-2deg) rotateX(1deg) translateY(-6px)}}@keyframes zyroGraphDraw{0%{stroke-dashoffset:760;opacity:.35}58%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-760;opacity:.45}}@keyframes zyroPlaneFly{0%{transform:translate(-330px,150px) rotate(-12deg) scale(.7);opacity:0}22%{opacity:1}70%{transform:translate(0,0) rotate(12deg) scale(1)}100%{transform:translate(30px,-30px) rotate(20deg) scale(1.08);opacity:0}}@keyframes zyroFloatCard{from{transform:translateY(0)}to{transform:translateY(-12px)}}
.zyro-live-board{display:grid;grid-template-columns:170px 1fr;gap:14px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:22px;background:linear-gradient(90deg,rgba(8,15,29,.92),rgba(13,21,39,.86));border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 36px rgba(0,0,0,.24);overflow:hidden}.zyro-live-board-title{display:flex;align-items:center;gap:10px;color:#fff}.zyro-live-board-title span{width:10px;height:10px;border-radius:50%;background:#ff4f7b;box-shadow:0 0 18px rgba(255,79,123,.8)}.zyro-live-board-title b{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.zyro-live-marquee{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.zyro-live-track{display:inline-flex;gap:16px;animation:zyroLiveMove 28s linear infinite}.zyro-live-track span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.82);font-size:13px;font-weight:800}.zyro-live-track span::before{content:"◆";margin-right:8px;color:#f2ca58;font-size:9px}@keyframes zyroLiveMove{to{transform:translateX(-50%)}}
.zyro-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.zyro-stat-grid div{min-height:86px;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.zyro-stat-grid span{display:block;margin-bottom:8px;color:rgba(255,255,255,.58);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.zyro-stat-grid strong{display:block;color:#fff;font-size:28px;font-weight:950;letter-spacing:-.03em}
/* upgrade existing sections under the new hero */
.top-slider{box-shadow:0 22px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04)!important}.top-slide-link::before{content:""!important;position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 56%,rgba(0,0,0,.28));z-index:2;pointer-events:none}.top-slide-link::after{content:""!important;position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,rgba(242,202,88,.10),transparent 32%);z-index:3;pointer-events:none}.sponsor-card-compact,.game-card,.quick-card,.points-v2-card{will-change:transform}.sponsor-card-compact:hover,.game-card:hover,.quick-card:hover,.points-v2-card:hover{transform:translateY(-7px) scale(1.01)!important}.game-card{position:relative;overflow:hidden}.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.10) 48%,transparent 60%);transform:translateX(-130%);transition:.65s ease;pointer-events:none}.game-card:hover::after{transform:translateX(130%)}.play-btn,.btn-premium,.btn.small{position:relative;overflow:hidden}.btn-premium::after,.play-btn::after,.btn.small::after{content:"";position:absolute;top:0;bottom:0;width:26px;left:-42px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transform:skewX(-18deg);animation:zyroButtonShine 3.6s ease-in-out infinite}@keyframes zyroButtonShine{0%,56%{left:-48px}82%,100%{left:120%}}
@media (max-width: 980px){.zyro-hero-shell{grid-template-columns:1fr;padding:18px}.zyro-hero-copy{min-height:auto}.zyro-hero-stage{min-height:360px}.zyro-orbit-top{right:8px}.zyro-orbit-bottom{left:8px}.zyro-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.zyro-conversion-hero{padding:12px 0 8px}.zyro-hero-shell{border-radius:24px;padding:14px}.zyro-live-pill{font-size:10px;padding:7px 10px}.zyro-hero-copy h1{font-size:44px;letter-spacing:-.055em}.zyro-hero-lead{font-size:13px;line-height:1.55}.zyro-hero-actions{display:grid;grid-template-columns:1fr 1fr}.zyro-cta{min-height:46px;padding:0 12px;border-radius:14px;font-size:13px}.zyro-mission-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zyro-mission-strip div{min-height:62px;padding:10px}.zyro-hero-stage{min-height:300px}.zyro-crash-visual{height:255px;border-radius:24px;transform:none!important}.zyro-crash-topline b{font-size:24px}.zyro-crash-plane{font-size:46px}.zyro-orbit-card{width:132px;padding:10px 12px;border-radius:17px}.zyro-orbit-card strong{font-size:22px}.zyro-orbit-card span,.zyro-orbit-card em{font-size:10px}.zyro-live-board{grid-template-columns:1fr;gap:8px;padding:10px;border-radius:18px}.zyro-stat-grid{gap:8px}.zyro-stat-grid div{min-height:68px;padding:11px;border-radius:16px}.zyro-stat-grid span{font-size:10px}.zyro-stat-grid strong{font-size:20px}}
@media (max-width: 420px){.zyro-hero-copy h1{font-size:38px}.zyro-hero-actions{grid-template-columns:1fr}.zyro-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zyro-live-pill span:last-child{display:none}}
@media (prefers-reduced-motion: reduce){.zyro-conversion-hero *{animation:none!important;transition:none!important}}

/* =========================================================
   ABIDIN11 EFFECTS V3 - MOTION ONLY UPGRADE
   Layout korunur, sadece efekt/animasyon katmanı eklenir.
   ========================================================= */
:root{
  --abx-gold:#f2ca58;
  --abx-gold2:#d4af37;
  --abx-blue:#31d6ff;
  --abx-pink:#ff4f9a;
  --abx-green:#2ff0a1;
}

/* Sayfa genelinde çok hafif yaşayan arka plan */
body::before{
  content:"";
  position:fixed;
  inset:-25%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(49,214,255,.10), transparent 22%),
    radial-gradient(circle at 80% 12%, rgba(242,202,88,.13), transparent 24%),
    radial-gradient(circle at 70% 78%, rgba(255,79,154,.07), transparent 26%);
  filter:blur(8px);
  animation:abxAmbientMove 14s ease-in-out infinite alternate;
}

@keyframes abxAmbientMove{
  from{transform:translate3d(-1.5%, -1%, 0) scale(1)}
  to{transform:translate3d(1.5%, 1%, 0) scale(1.04)}
}

/* Tüm ana kartlara premium hareketli ışık dokusu */
.card,.top-slider,.zyro-hero-shell,.zyro-crash-visual,.sponsor-card-compact,.game-card,.quick-card,.points-v2,.points-v2-card,.raffle-hero-card,.footer-section,.event-bet-widget,.event-bet-card{
  isolation:isolate;
}

.sponsor-card-compact,
.game-card,
.quick-card,
.points-v2-card,
.raffle-hero-card,
.social-pill-icon,
.zyro-crash-visual,
.zyro-orbit-card{
  position:relative;
  overflow:hidden;
}

/* Sponsor kartları: sürekli yürüyen neon çerçeve + iç parıltı */
.sponsor-card-compact::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  padding:1.5px !important;
  border-radius:inherit !important;
  background:conic-gradient(
    from var(--abx-angle, 0deg),
    rgba(49,214,255,.05),
    rgba(49,214,255,.95),
    rgba(242,202,88,.98),
    rgba(255,79,154,.88),
    rgba(47,240,161,.80),
    rgba(49,214,255,.05)
  ) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  pointer-events:none !important;
  opacity:.92 !important;
  animation:abxNeonSpin 3.8s linear infinite !important;
  z-index:3;
}

.sponsor-card-compact::after{
  content:"" !important;
  position:absolute !important;
  inset:-35% !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at var(--mx, 50%) var(--my, 35%), rgba(242,202,88,.22), transparent 18%),
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.03) 34%, rgba(255,255,255,.22) 48%, rgba(49,214,255,.08) 58%, transparent 72%);
  transform:translateX(-35%) rotate(8deg);
  animation:abxSponsorSweep 3.2s ease-in-out infinite;
  opacity:.9;
  z-index:2;
}

.sponsor-card-compact:nth-child(2n)::before{animation-duration:4.6s !important; animation-direction:reverse !important;}
.sponsor-card-compact:nth-child(3n)::after{animation-delay:-1.1s;}
.sponsor-card-compact:nth-child(4n)::before{filter:hue-rotate(22deg);}

.sponsor-card-compact img{
  position:relative;
  z-index:4;
  filter:drop-shadow(0 0 10px rgba(242,202,88,.12));
  animation:abxLogoBreathe 3.6s ease-in-out infinite;
}

.sponsor-card-compact h3,
.sponsor-card-compact p,
.sponsor-card-compact .btn{
  position:relative;
  z-index:5;
}

.sponsor-card-compact:hover{
  transform:translateY(-8px) scale(1.018) !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,.42),
    0 0 28px rgba(242,202,88,.20),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@keyframes abxNeonSpin{to{--abx-angle:360deg}}
@property --abx-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}

@keyframes abxSponsorSweep{
  0%,18%{transform:translateX(-60%) rotate(8deg); opacity:.35}
  52%{opacity:1}
  78%,100%{transform:translateX(60%) rotate(8deg); opacity:.35}
}
@keyframes abxLogoBreathe{
  0%,100%{transform:translateY(0) scale(1); filter:drop-shadow(0 0 8px rgba(242,202,88,.10))}
  50%{transform:translateY(-2px) scale(1.018); filter:drop-shadow(0 0 16px rgba(49,214,255,.18)) drop-shadow(0 0 12px rgba(242,202,88,.16))}
}

/* Butonlar: sürekli shine + hafif pulse */
.btn,.btn-premium,.zyro-cta,.play-btn,.raffle-hero-btn,.social-pill-icon{
  position:relative;
  overflow:hidden;
}
.btn::before,.btn-premium::before,.zyro-cta-main::before,.play-btn::before,.raffle-hero-btn::before,.social-pill-icon::before{
  content:"";
  position:absolute;
  inset:-40% auto -40% -70px;
  width:48px;
  transform:skewX(-18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);
  animation:abxButtonFlash 2.65s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}
.btn-premium,.zyro-cta-main,.play-btn,.raffle-hero-btn{
  animation:abxButtonPulse 2.8s ease-in-out infinite;
}
.btn > *, .btn-premium > *, .zyro-cta > *, .play-btn > *, .raffle-hero-btn > *{position:relative;z-index:3}
@keyframes abxButtonFlash{
  0%,42%{left:-78px;opacity:0}
  55%{opacity:.95}
  82%,100%{left:calc(100% + 80px);opacity:0}
}
@keyframes abxButtonPulse{
  0%,100%{box-shadow:0 8px 18px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.25)}
  50%{box-shadow:0 14px 32px rgba(212,175,55,.42),0 0 22px rgba(242,202,88,.18), inset 0 1px 0 rgba(255,255,255,.36)}
}

/* Hero/live alanı daha yaşayan görünsün */
.zyro-hero-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(100deg, transparent 0%, rgba(255,255,255,.03) 22%, transparent 42%),
    radial-gradient(circle at 70% 18%, rgba(242,202,88,.12), transparent 28%);
  animation:abxHeroLight 5.8s ease-in-out infinite;
}
.zyro-hero-copy,.zyro-hero-stage,.zyro-live-board,.zyro-stat-grid{position:relative;z-index:2}
@keyframes abxHeroLight{
  0%,100%{opacity:.45;transform:translateX(-2%)}
  50%{opacity:1;transform:translateX(2%)}
}

.zyro-live-pill,.zyro-live-board-title span{
  animation:abxLivePulse 1.25s ease-in-out infinite;
}
@keyframes abxLivePulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(47,240,161,0));}
  50%{filter:drop-shadow(0 0 13px rgba(47,240,161,.75));}
}

.zyro-crash-visual{
  box-shadow:0 30px 70px rgba(0,0,0,.40),0 0 34px rgba(49,214,255,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.zyro-crash-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at var(--abx-crash-x, 72%) var(--abx-crash-y, 28%), rgba(242,202,88,.22), transparent 22%);
  mix-blend-mode:screen;
  animation:abxCrashGlow 2.9s ease-in-out infinite;
  z-index:1;
}
@keyframes abxCrashGlow{
  0%,100%{opacity:.35;--abx-crash-x:70%;--abx-crash-y:30%}
  50%{opacity:.85;--abx-crash-x:84%;--abx-crash-y:18%}
}

/* Oyun, puan, çekiliş, sosyal kartlarına hareketli kenar */
.game-card::before,.quick-card::before,.points-v2-card::before,.raffle-hero-card::before,.social-pill-icon::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(120deg, rgba(242,202,88,.02), rgba(242,202,88,.75), rgba(49,214,255,.55), rgba(242,202,88,.02));
  background-size:220% 220%;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.5;
  animation:abxBorderRun 4.2s linear infinite;
}
@keyframes abxBorderRun{to{background-position:220% 0}}

.game-card,.quick-card,.points-v2-card,.raffle-hero-card{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.game-card:hover,.quick-card:hover,.points-v2-card:hover,.raffle-hero-card:hover{
  transform:translateY(-7px) scale(1.012) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.34),0 0 22px rgba(49,214,255,.10) !important;
}

/* Bottom canlı vitrin */
.abx-bottom-live{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:28px;
  background:
    radial-gradient(circle at 78% 12%, rgba(242,202,88,.16), transparent 28%),
    radial-gradient(circle at 18% 86%, rgba(49,214,255,.10), transparent 30%),
    linear-gradient(180deg, rgba(13,21,40,.97), rgba(6,10,21,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 56px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05);
}
.abx-bottom-live::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.04) 42%, rgba(242,202,88,.12) 50%, transparent 62%);
  transform:translateX(-65%);
  animation:abxWideSweep 4.5s ease-in-out infinite;
}
@keyframes abxWideSweep{to{transform:translateX(65%)}}
.abx-bottom-live-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.abx-bottom-live-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2ff0a1;
  font-weight:900;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.abx-bottom-live-kicker::before{
  content:"";
  width:10px;height:10px;border-radius:50%;background:#2ff0a1;
  box-shadow:0 0 16px rgba(47,240,161,.75);
  animation:abxLivePulse 1.1s ease-in-out infinite;
}
.abx-bottom-live h2{margin:6px 0 0;font-size:30px;line-height:1.05;font-weight:950;letter-spacing:-.03em;color:#fff}
.abx-bottom-live-badge{min-width:78px;text-align:center;padding:9px 12px;border-radius:999px;background:rgba(47,240,161,.10);border:1px solid rgba(47,240,161,.28);color:#9fffd7;font-weight:900}
.abx-bottom-live-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:stretch}
.abx-bottom-multiplier{min-height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}
.abx-bottom-multiplier::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 22px);opacity:.38}
.abx-bottom-multiplier svg{position:absolute;left:0;right:0;bottom:18px;width:100%;height:105px;opacity:.9}.abx-bottom-multiplier path{fill:none;stroke:#f2ca58;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(242,202,88,.45));stroke-dasharray:620;stroke-dashoffset:620;animation:abxBottomGraph 3.4s ease-in-out infinite}
@keyframes abxBottomGraph{0%{stroke-dashoffset:620}68%,100%{stroke-dashoffset:0}}
.abx-bottom-x{position:relative;z-index:2;align-self:flex-end;font-size:42px;font-weight:950;color:#f2ca58;text-shadow:0 0 24px rgba(242,202,88,.34);transition:.18s ease}
.abx-bottom-label{position:relative;z-index:2;color:rgba(255,255,255,.62);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.abx-bottom-list{display:grid;gap:10px}.abx-bottom-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);animation:abxRowIn .45s ease both}.abx-bottom-row b{color:#fff}.abx-bottom-row span{color:rgba(255,255,255,.62);font-size:13px}.abx-bottom-row strong{color:#f2ca58}.abx-bottom-row.is-hot{border-color:rgba(242,202,88,.24);box-shadow:0 0 18px rgba(242,202,88,.10)}
@keyframes abxRowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:768px){
  .abx-bottom-live{padding:16px;border-radius:22px}
  .abx-bottom-live h2{font-size:22px}
  .abx-bottom-live-grid{grid-template-columns:1fr;gap:12px}
  .abx-bottom-multiplier{min-height:135px;padding:15px}
  .abx-bottom-x{font-size:34px}
  .abx-bottom-row{grid-template-columns:52px 1fr auto;min-height:44px;padding:0 12px}.abx-bottom-row span{font-size:12px}
  .sponsor-card-compact::before{padding:1px !important;opacity:.86 !important;}
  .sponsor-card-compact::after{animation-duration:3.8s;}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;}
}
.zyro-live-track span.is-hot-live{color:#fff;border-color:rgba(255,79,154,.28);background:linear-gradient(90deg,rgba(255,79,154,.12),rgba(242,202,88,.08));box-shadow:0 0 18px rgba(255,79,154,.12)}
.zyro-live-track span.is-hot-live::before{color:#ff4f9a}
#zyroMultiplier,#abxBottomMultiplier{transition:color .18s ease,text-shadow .18s ease,transform .18s ease}
#zyroMultiplier.is-mega,#abxBottomMultiplier.is-mega{animation:abxMegaShake .28s ease-in-out 2}
@keyframes abxMegaShake{0%,100%{transform:translateX(0) scale(1.08)}25%{transform:translateX(-2px) scale(1.11)}75%{transform:translateX(2px) scale(1.11)}}

/* =========================================================
   ABIDIN11 HOME V4 - USER REQUESTED CLEANUP
   - Üst conversion hero kaldırıldı; slider ilk vitrin olarak başlar.
   - Mevcut tablo/yerleşim korunur, sadece efekt/animasyon katmanı güçlendirilir.
   ========================================================= */
.zyro-conversion-hero{display:none !important;}
.hero-top-slider{margin-top:0 !important;padding-top:10px !important;}
.main-stack{gap:22px;}

.abx-bottom-row span{
  white-space:normal;
  line-height:1.22;
}
.abx-bottom-row strong{
  font-variant-numeric:tabular-nums;
}
.abx-bottom-row.is-win-pop{
  animation:abxWinPop .48s cubic-bezier(.2,.9,.18,1);
}
@keyframes abxWinPop{
  0%{transform:translateY(-10px) scale(.985);opacity:0;filter:blur(4px);}
  55%{transform:translateY(2px) scale(1.012);opacity:1;filter:blur(0);}
  100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0);}
}

@media (max-width:768px){
  .hero-top-slider{padding-top:8px !important;}
  .abx-bottom-row{
    grid-template-columns:72px 1fr auto;
    gap:8px;
  }
  .abx-bottom-row span{font-size:13px;}
  .abx-bottom-row strong{font-size:16px;}
}

/* =========================================================
   ABIDIN HOME - COMPACT PREMIUM SLIDER V1
   Sadece ana sayfa slider görünümünü kompakt vitrin haline getirir.
   Mevcut PHP/JS/slider verisine dokunmaz.
   ========================================================= */
.hero-top-slider{
  padding:8px 0 6px !important;
}

.top-slider{
  height:318px !important;
  padding:7px !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(242,202,88,.13), transparent 30%),
    radial-gradient(circle at 88% 100%, rgba(0,210,255,.10), transparent 28%),
    linear-gradient(180deg, rgba(14,22,40,.92), rgba(5,10,21,.96)) !important;
  border:1px solid rgba(242,202,88,.13) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.top-slider::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:4 !important;
  background:
    linear-gradient(90deg, rgba(242,202,88,0), rgba(242,202,88,.32), rgba(0,210,255,.20), rgba(242,202,88,0)) top/100% 1px no-repeat,
    radial-gradient(circle at 50% 105%, rgba(242,202,88,.16), transparent 34%) !important;
  opacity:.9 !important;
}

.top-slide-link{
  border-radius:21px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.top-slide picture,
.top-slide picture img{
  border-radius:21px !important;
}

.top-slide picture img{
  filter:saturate(1.06) contrast(1.04) brightness(.98) !important;
  transition:transform 5.8s ease, filter .35s ease !important;
}

.top-slide.active picture img{
  transform:scale(1.035) !important;
}

.top-slide-overlay{
  left:16px !important;
  bottom:15px !important;
  width:min(260px, calc(100% - 32px)) !important;
  max-width:260px !important;
  padding:12px 13px 12px !important;
  border-radius:17px !important;
  background:
    linear-gradient(180deg, rgba(7,10,18,.62), rgba(7,10,18,.40)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.top-slide-overlay h2{
  margin:0 0 4px !important;
  font-size:20px !important;
  line-height:1.02 !important;
  letter-spacing:-.35px !important;
}

.top-slide-overlay p{
  margin:0 0 9px !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:rgba(255,255,255,.82) !important;
  -webkit-line-clamp:2 !important;
}

.top-slide-overlay .btn{
  min-height:32px !important;
  padding:0 13px !important;
  border-radius:10px !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(212,175,55,.18) !important;
}

.top-slider-dots{
  bottom:12px !important;
  padding:5px 8px !important;
  gap:7px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(10,14,24,.48) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
}

.top-slider-dot{
  width:9px !important;
  height:9px !important;
  opacity:.9 !important;
}

.top-slider-dot.active{
  width:28px !important;
  background:linear-gradient(135deg,#ffe37a,#d4af37) !important;
  box-shadow:0 0 14px rgba(242,202,88,.34) !important;
}

@media (max-width: 1100px){
  .top-slider{
    height:286px !important;
  }
}

@media (max-width: 768px){
  .hero-top-slider{
    padding:8px 0 5px !important;
  }

  .top-slider{
    height:218px !important;
    padding:6px !important;
    border-radius:22px !important;
  }

  .top-slide-link,
  .top-slide picture,
  .top-slide picture img{
    border-radius:17px !important;
  }

  .top-slide-overlay{
    left:11px !important;
    bottom:11px !important;
    width:min(210px, calc(100% - 22px)) !important;
    max-width:210px !important;
    padding:9px 10px !important;
    border-radius:14px !important;
  }

  .top-slide-overlay h2{
    font-size:15px !important;
    margin-bottom:3px !important;
  }

  .top-slide-overlay p{
    font-size:10px !important;
    line-height:1.25 !important;
    margin-bottom:7px !important;
    -webkit-line-clamp:1 !important;
  }

  .top-slide-overlay .btn{
    min-height:27px !important;
    padding:0 10px !important;
    font-size:10.5px !important;
    border-radius:9px !important;
  }

  .top-slider-dots{
    bottom:8px !important;
    padding:4px 7px !important;
    gap:6px !important;
  }

  .top-slider-dot{
    width:7px !important;
    height:7px !important;
  }

  .top-slider-dot.active{
    width:22px !important;
  }
}

@media (max-width: 420px){
  .top-slider{
    height:202px !important;
  }

  .top-slide-overlay{
    width:min(188px, calc(100% - 20px)) !important;
    max-width:188px !important;
    padding:8px 9px !important;
  }

  .top-slide-overlay h2{
    font-size:14px !important;
  }

  .top-slide-overlay p{
    font-size:9.5px !important;
  }
}

/* =========================================================
   ABIDIN HEADER GUEST ICON - CLEAN FINAL
   Header misafir aksiyonu: tek profil + altın plus ikon.
   Eski Giriş Yap / Kayıt Ol yazı butonlarını gizler.
   ========================================================= */
.site-header .site-actions-compact{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0 !important;
  margin-left:auto;
  flex-wrap:nowrap;
}

.site-header .site-actions-compact .register-link,
.site-header .site-actions-compact a[href*="register"],
.site-header .site-actions-compact a[href*="register.php"],
.site-header .site-actions-compact a[href*="kayit"],
.site-header .site-actions-compact a[href*="kayıt"]{
  display:none !important;
}

.site-header .site-actions-compact a[href="login"],
.site-header .site-actions-compact a[href="login.php"],
.site-header .site-actions-compact a[href$="/login"],
.site-header .site-actions-compact a[href$="/login.php"],
.site-header .guest-login-entry{
  position:relative !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  overflow:hidden !important;
  text-indent:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  color:#f2ca58 !important;
  background:
    radial-gradient(circle at 68% 24%, rgba(255,241,189,.25), transparent 21%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),
    rgba(7,12,24,.90) !important;
  border:1px solid rgba(242,202,88,.54) !important;
  box-shadow:
    0 9px 20px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 18px rgba(212,175,55,.16) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.site-header .site-actions-compact a[href="login"]:hover,
.site-header .site-actions-compact a[href="login.php"]:hover,
.site-header .site-actions-compact a[href$="/login"]:hover,
.site-header .site-actions-compact a[href$="/login.php"]:hover,
.site-header .guest-login-entry:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(255,224,116,.84) !important;
  filter:brightness(1.05);
  box-shadow:
    0 12px 26px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 26px rgba(212,175,55,.30) !important;
}

.site-header .guest-login-entry svg{
  width:25px;
  height:25px;
  display:block;
  overflow:hidden;
  filter:drop-shadow(0 0 7px rgba(242,202,88,.42));
}

.site-header .guest-login-entry__user{ fill:url(#abidinGuestGold); }
.site-header .guest-login-entry__plus-bg{
  fill:#f2ca58;
  stroke:rgba(7,12,24,.88);
  stroke-width:1.4;
  filter:drop-shadow(0 0 5px rgba(242,202,88,.60));
}
.site-header .guest-login-entry__plus-line{
  stroke:#101827;
  stroke-width:1.8;
  stroke-linecap:round;
}

@media (max-width:768px){
  .site-header .site-actions-compact a[href="login"],
  .site-header .site-actions-compact a[href="login.php"],
  .site-header .site-actions-compact a[href$="/login"],
  .site-header .site-actions-compact a[href$="/login.php"],
  .site-header .guest-login-entry{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    border-radius:13px !important;
  }
  .site-header .guest-login-entry svg{ width:24px; height:24px; }
}


/* =========================================================
   SITE LEGAL NOTE / +18 DEMO DISCLAIMER
   Footer copyright alanının hemen üstü.
   ========================================================= */
.site-legal-note{
  width:min(980px, calc(100% - 32px));
  margin:22px auto 8px;
  padding:0 10px;
  text-align:center;
}

.site-legal-note p{
  margin:0;
  color:rgba(255,255,255,.55);
  font-size:13px;
  line-height:1.55;
  font-weight:500;
  letter-spacing:-.01em;
}

@media (min-width: 1024px){
  .site-legal-note p{
    white-space:normal;
  }
}

@media (max-width: 768px){
  .site-legal-note{
    width:min(100% - 36px, 390px);
    margin:18px auto 6px;
    padding:0;
  }

  .site-legal-note p{
    font-size:12.5px;
    line-height:1.52;
    color:rgba(255,255,255,.52);
  }
}

@media (max-width: 380px){
  .site-legal-note p{
    font-size:12px;
    line-height:1.5;
  }
}


/* =========================================================
   ABIDIN LIVE FLOW - COMPACT TABLE V2
   Sosyal medya üstü fake canlı kazanç akışı.
   Daha küçük, kurumsal tablo görünümü.
   ========================================================= */
.ab-live-flow{
  width:min(1180px, calc(100% - 32px));
  margin:18px auto 0;
}

.ab-live-flow__card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:18px;
  background:
    radial-gradient(circle at 18% 0%, rgba(0,210,255,.10), transparent 32%),
    radial-gradient(circle at 94% 16%, rgba(242,202,88,.10), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(7,12,24,.98));
  border:1px solid rgba(255,255,255,.075);
  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.ab-live-flow__card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:28px 28px;
  opacity:.14;
  pointer-events:none;
}

.ab-live-flow__card::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(242,202,88,.35), rgba(0,210,255,.35), transparent);
  pointer-events:none;
}

.ab-live-flow__head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.ab-live-flow__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#66f5b4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.ab-live-flow__kicker i{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#35e79c;
  box-shadow:0 0 0 5px rgba(53,231,156,.10), 0 0 14px rgba(53,231,156,.30);
}

.ab-live-flow__head h2{
  margin:5px 0 0;
  color:#fff;
  font-size:22px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
}

.ab-live-flow__status{
  flex:0 0 auto;
  min-width:62px;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#b8ffd9;
  font-size:14px;
  font-weight:900;
  background:rgba(35,180,108,.14);
  border:1px solid rgba(69,255,164,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.ab-live-flow__graph{
  position:relative;
  z-index:1;
  height:112px;
  overflow:hidden;
  margin-bottom:12px;
  border-radius:17px;
  background:
    radial-gradient(circle at 24% 24%, rgba(0,210,255,.075), transparent 34%),
    linear-gradient(180deg, rgba(13,22,40,.78), rgba(8,13,25,.94));
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.ab-live-flow__graph::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:26px 26px;
  opacity:.28;
}

.ab-live-flow__label{
  position:absolute;
  top:15px;
  left:18px;
  z-index:2;
  color:rgba(255,255,255,.54);
  font-size:12px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.ab-live-flow__svg{
  position:absolute;
  inset:34px 105px 16px 16px;
  width:auto;
  height:auto;
  overflow:visible;
}

.ab-live-flow__svg path{
  fill:none;
  stroke:#f2ca58;
  stroke-width:6;
  stroke-linecap:round;
  filter:drop-shadow(0 0 8px rgba(242,202,88,.22));
  stroke-dasharray:780;
  stroke-dashoffset:780;
  animation:abLiveDraw 3.8s ease-in-out infinite;
}

@keyframes abLiveDraw{
  0%{stroke-dashoffset:780; opacity:.56}
  45%{stroke-dashoffset:0; opacity:1}
  100%{stroke-dashoffset:0; opacity:.78}
}

.ab-live-flow__x{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:2;
  color:#f2ca58;
  font-size:32px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.04em;
  text-shadow:0 0 16px rgba(242,202,88,.16);
  transition:transform .18s ease, opacity .18s ease;
}

.ab-live-flow__x.is-changing{
  transform:scale(1.07);
  opacity:.72;
}

.ab-live-flow__list{
  position:relative;
  z-index:1;
  display:grid;
  gap:7px;
}

.ab-live-flow__row{
  min-height:42px;
  display:grid;
  grid-template-columns:62px 1fr 74px;
  align-items:center;
  gap:10px;
  padding:0 11px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.052);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
  animation:abLiveRowIn .35s ease both;
}

@keyframes abLiveRowIn{
  from{opacity:0; transform:translateY(-6px)}
  to{opacity:1; transform:translateY(0)}
}

.ab-live-flow__row strong{
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.ab-live-flow__row span{
  min-width:0;
  color:rgba(255,255,255,.62);
  font-size:12.5px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ab-live-flow__row b{
  color:#35e79c;
  font-size:14px;
  font-weight:1000;
  white-space:nowrap;
  text-align:right;
  text-shadow:0 0 10px rgba(53,231,156,.16);
}

@media (max-width:768px){
  .ab-live-flow{
    width:min(100% - 20px, 1180px);
    margin:16px auto 0;
  }

  .ab-live-flow__card{
    padding:14px;
    border-radius:20px;
  }

  .ab-live-flow__head{
    margin-bottom:10px;
  }

  .ab-live-flow__kicker{
    font-size:10px;
    letter-spacing:.08em;
  }

  .ab-live-flow__kicker i{
    width:9px;
    height:9px;
  }

  .ab-live-flow__head h2{
    font-size:20px;
  }

  .ab-live-flow__status{
    min-width:58px;
    min-height:34px;
    padding:0 11px;
    font-size:13px;
  }

  .ab-live-flow__graph{
    height:104px;
    border-radius:15px;
    margin-bottom:10px;
  }

  .ab-live-flow__label{
    top:13px;
    left:15px;
    font-size:10.5px;
  }

  .ab-live-flow__svg{
    inset:34px 80px 15px 14px;
  }

  .ab-live-flow__svg path{
    stroke-width:5;
  }

  .ab-live-flow__x{
    right:14px;
    bottom:18px;
    font-size:28px;
  }

  .ab-live-flow__row{
    min-height:39px;
    grid-template-columns:52px 1fr 63px;
    gap:8px;
    padding:0 10px;
    border-radius:11px;
  }

  .ab-live-flow__row strong{
    font-size:13px;
  }

  .ab-live-flow__row span{
    font-size:11.5px;
  }

  .ab-live-flow__row b{
    font-size:13px;
  }
}

@media (max-width:390px){
  .ab-live-flow__card{
    padding:12px;
  }

  .ab-live-flow__head h2{
    font-size:18px;
  }

  .ab-live-flow__status{
    min-width:54px;
    min-height:32px;
    font-size:12px;
  }

  .ab-live-flow__row{
    grid-template-columns:48px 1fr 58px;
  }

  .ab-live-flow__row strong,
  .ab-live-flow__row b{
    font-size:12.5px;
  }

  .ab-live-flow__row span{
    font-size:11px;
  }
}

/* =========================================================
   ABIDIN HEADER LOGO - CLEAN PREMIUM FINAL
   Sadece header logosunu hedefler. Slider/sponsor/oyun bloklarına dokunmaz.
   ========================================================= */
.site-header .brand-link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 auto;
  min-width:0;
  margin-left:0;
  transform-origin:left center;
}

.site-header .brand-logo{
  width:auto !important;
  height:46px !important;
  max-height:46px !important;
  object-fit:contain !important;
  display:block !important;
  transform-origin:left center;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.58))
    drop-shadow(0 0 7px rgba(212,175,55,.16));
  animation:abidinLogoBreath 5.2s ease-in-out infinite;
  will-change:transform, filter;
}

.site-header .brand-link:hover .brand-logo{
  transform:translateY(-1px) scale(1.035);
  filter:
    drop-shadow(0 3px 5px rgba(0,0,0,.68))
    drop-shadow(0 0 14px rgba(242,202,88,.32));
}

@keyframes abidinLogoBreath{
  0%, 100%{
    transform:scale(1);
    filter:
      drop-shadow(0 2px 3px rgba(0,0,0,.58))
      drop-shadow(0 0 7px rgba(212,175,55,.14));
  }
  50%{
    transform:scale(1.022);
    filter:
      drop-shadow(0 3px 5px rgba(0,0,0,.66))
      drop-shadow(0 0 12px rgba(242,202,88,.26));
  }
}

@media (max-width:768px){
  .site-header .header-row{
    min-height:60px;
    padding:7px 0;
    gap:10px;
  }

  .site-header .brand-logo{
    height:43px !important;
    max-height:43px !important;
  }
}

@media (max-width:380px){
  .site-header .brand-logo{
    height:40px !important;
    max-height:40px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header .brand-logo{
    animation:none !important;
  }
}



/* ===== FINAL LOGO UPGRADE ===== */
.brand-link{
    padding-left:8px;
    transform-origin:left center;
}

.brand-logo{
    height:46px;
    max-height:46px;
    width:auto;
    object-fit:contain;
    filter:
        drop-shadow(0 2px 4px rgba(0,0,0,.6))
        drop-shadow(0 0 10px rgba(212,175,55,.22));
    transition:
        transform .25s ease,
        filter .25s ease;
}

.brand-link:hover .brand-logo{
    transform:scale(1.04);
    filter:
        drop-shadow(0 4px 8px rgba(0,0,0,.7))
        drop-shadow(0 0 18px rgba(212,175,55,.38));
}


/* ===== FINAL MICRO ALIGN ===== */
.brand-link{
  padding-left:6px;
}

.brand-logo{
  transform: translateY(-1px);
}

/* keep existing premium hover if present; otherwise ensure it exists */
.brand-link:hover .brand-logo{
  transform: translateY(-1px) scale(1.04);
}

/* =========================
   ADMIN BUTTON EFFECTS ONLY PATCH
   Amaç: Admin panelinde sadece butonların hover/glow/transform efektlerini kapatmak.
   Sidebar, mobil menü, drawer, backdrop ve genel admin layout davranışlarına dokunmaz.
========================= */

.admin-body .btn,
.admin-body .btn.small,
.admin-body .btn.secondary,
.admin-body button:not(.menu-btn):not(.user-menu-trigger):not(.top-slider-dot),
.admin-body input[type="submit"],
.admin-body input[type="button"],
.admin-body a.btn{
  box-shadow:none !important;
  text-shadow:none !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

.admin-body .btn:hover,
.admin-body .btn.small:hover,
.admin-body .btn.secondary:hover,
.admin-body button:not(.menu-btn):not(.user-menu-trigger):not(.top-slider-dot):hover,
.admin-body input[type="submit"]:hover,
.admin-body input[type="button"]:hover,
.admin-body a.btn:hover{
  box-shadow:none !important;
  text-shadow:none !important;
  transform:none !important;
  filter:none !important;
}

.admin-body .btn::before,
.admin-body .btn::after,
.admin-body button:not(.menu-btn):not(.user-menu-trigger):not(.top-slider-dot)::before,
.admin-body button:not(.menu-btn):not(.user-menu-trigger):not(.top-slider-dot)::after,
.admin-body a.btn::before,
.admin-body a.btn::after{
  animation:none !important;
  transition:none !important;
  box-shadow:none !important;
  filter:none !important;
}

/* ========== END ADMIN BUTTON EFFECTS ONLY PATCH ========== */


/* =========================================================
   WHEEL SPECIAL PRIZE - iPhone 17 Pro Max
   Özel segment/kart görünümü + taşmayan telefon mockup.
   ========================================================= */
.wheel-special-prize-card{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) 118px;
  align-items:center;
  gap:16px;
  margin:0 0 18px;
  padding:16px 18px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,226,158,.35);
  background:
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.18), transparent 20%),
    radial-gradient(circle at 12% 0%, rgba(231,186,82,.20), transparent 36%),
    linear-gradient(135deg, rgba(16,11,30,.98), rgba(7,13,28,.98) 48%, rgba(36,20,5,.98));
  box-shadow:
    0 20px 52px rgba(0,0,0,.34),
    0 0 42px rgba(231,186,82,.10),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.wheel-special-prize-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.12) 44%, transparent 64%);
  transform:translateX(-135%);
  animation:wheelSpecialSweep 4.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes wheelSpecialSweep{
  0%,38%{transform:translateX(-135%);opacity:0}
  50%{opacity:1}
  78%,100%{transform:translateX(135%);opacity:0}
}
.wheel-special-copy{
  position:relative;
  z-index:2;
  min-width:0;
}
.wheel-special-kicker{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 11px;
  margin-bottom:8px;
  border-radius:999px;
  color:#ffe8aa;
  background:rgba(231,186,82,.13);
  border:1px solid rgba(255,226,158,.30);
  font-size:10px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.wheel-special-copy strong{
  display:block;
  color:#fff8ec;
  font-size:clamp(24px, 3.2vw, 42px);
  line-height:.96;
  font-weight:1000;
  letter-spacing:-.055em;
  text-shadow:0 14px 30px rgba(0,0,0,.38), 0 0 28px rgba(231,186,82,.14);
}
.wheel-special-copy small{
  display:block;
  margin-top:8px;
  max-width:580px;
  color:rgba(226,232,240,.75);
  font-size:12px;
  line-height:1.45;
  font-weight:750;
}
.wheel-special-phone,
.wheel-win-phone-visual{
  position:relative;
  z-index:2;
  justify-self:end;
  width:86px;
  height:116px;
  border-radius:24px;
  flex:0 0 auto;
  background:
    radial-gradient(circle at 27% 19%, rgba(255,255,255,.85) 0 4px, transparent 5px),
    linear-gradient(145deg, #f8fafc 0%, #b9c4d7 38%, #2c3445 100%);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:
    -16px 18px 36px rgba(0,0,0,.36),
    0 0 34px rgba(231,186,82,.18),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(0,0,0,.22);
  transform:rotate(9deg);
  overflow:hidden;
}
.wheel-special-phone::before,
.wheel-win-phone-visual::before{
  content:"";
  position:absolute;
  top:11px;
  left:11px;
  width:36px;
  height:36px;
  border-radius:13px;
  background:linear-gradient(145deg, rgba(255,255,255,.50), rgba(78,87,104,.52));
  border:1px solid rgba(255,255,255,.40);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.wheel-special-phone::after,
.wheel-win-phone-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 16%, rgba(255,255,255,.34) 35%, transparent 46%);
  opacity:.55;
  pointer-events:none;
}
.wheel-special-phone-camera,
.wheel-win-phone-camera{
  position:absolute;
  z-index:3;
  width:12px;
  height:12px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 32%, #aee7ff 0 2px, #111827 4px, #030712 100%);
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 1px 4px rgba(0,0,0,.34);
}
.wheel-special-phone-camera.c1,
.wheel-win-phone-camera.c1{top:16px;left:16px;}
.wheel-special-phone-camera.c2,
.wheel-win-phone-camera.c2{top:16px;left:33px;}
.wheel-special-phone-camera.c3,
.wheel-win-phone-camera.c3{top:33px;left:24px;}
.wheel-special-phone-flash,
.wheel-win-phone-flash{
  position:absolute;
  z-index:3;
  top:34px;
  left:39px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff4bd;
  box-shadow:0 0 10px rgba(255,244,189,.8);
}
.wheel-special-phone-logo{
  position:absolute;
  left:50%;
  top:58%;
  z-index:3;
  width:14px;
  height:18px;
  transform:translate(-50%,-50%);
  border-radius:50% 50% 45% 45%;
  background:rgba(255,255,255,.34);
  filter:blur(.1px);
}
.wheel-3d-result.is-special-prize,
.wheel-3d-winner.is-special{
  border-color:rgba(255,226,158,.45) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(231,186,82,.24), transparent 38%),
    radial-gradient(circle at 0% 100%, rgba(78,216,255,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.014)),
    rgba(8,10,24,.90) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.32),
    0 0 38px rgba(231,186,82,.14),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.wheel-3d-result.is-special-prize .wheel-3d-result-name{
  color:#fff0bd !important;
  text-shadow:0 0 30px rgba(231,186,82,.30) !important;
}
.wheel-3d-winner.is-special .wheel-3d-avatar{
  color:#171006;
  background:
    radial-gradient(circle at 32% 24%, #fff7d8, #e7ba52 48%, #8a5a14 100%);
  border-color:rgba(255,236,176,.45);
}
.wheel-3d-winner.is-special .wheel-3d-chip{
  color:#120d05 !important;
  background:linear-gradient(180deg, #fff8da 0%, #e7ba52 48%, #a96f18 100%) !important;
}
.wheel-win-phone-visual{
  display:none;
  margin:0 auto 14px;
  width:74px;
  height:100px;
  border-radius:22px;
  transform:rotate(7deg);
}
.wheel-3d-win-toast:has(.wheel-3d-win-toast-prize:not(:empty)) .wheel-win-phone-visual{
  display:block;
}
@media (max-width:760px){
  .wheel-special-prize-card{
    grid-template-columns:minmax(0,1fr) 82px;
    gap:10px;
    padding:13px 13px;
    border-radius:22px;
    margin-bottom:14px;
  }
  .wheel-special-copy strong{
    font-size:23px;
    letter-spacing:-.045em;
  }
  .wheel-special-copy small{
    font-size:10px;
    line-height:1.35;
  }
  .wheel-special-kicker{
    min-height:23px;
    padding:0 9px;
    font-size:8px;
    letter-spacing:.14em;
    margin-bottom:6px;
  }
  .wheel-special-phone{
    width:62px;
    height:86px;
    border-radius:19px;
  }
  .wheel-special-phone::before{top:8px;left:8px;width:29px;height:29px;border-radius:11px;}
  .wheel-special-phone-camera{width:9px;height:9px;}
  .wheel-special-phone-camera.c1{top:12px;left:12px;}
  .wheel-special-phone-camera.c2{top:12px;left:25px;}
  .wheel-special-phone-camera.c3{top:25px;left:18px;}
  .wheel-special-phone-flash{top:26px;left:30px;width:6px;height:6px;}
}
@media (max-width:420px){
  .wheel-special-prize-card{
    grid-template-columns:minmax(0,1fr) 58px;
  }
  .wheel-special-copy strong{font-size:20px;}
  .wheel-special-phone{width:54px;height:76px;border-radius:17px;}
}


/* =========================================================
   ABIDIN WHEEL V8 - SPECIAL PRIZE COMPACT FINAL
   - Üst başlık bloğu kaldırıldı.
   - Maliyet / mevcut puan alanı tablo gibi küçültüldü.
   - iPhone özel ödül kartı açıklamasız ve gerçek upload görseliyle çalışır.
   ========================================================= */

.wheel-3d-header-compact{
  display:block !important;
  margin:0 0 12px !important;
}

.wheel-3d-header-compact .wheel-3d-stats{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

.wheel-3d-header-compact .wheel-3d-stats.is-single{
  grid-template-columns:minmax(0, 1fr) !important;
}

.wheel-3d-header-compact .wheel-3d-stat{
  min-height:58px !important;
  border-radius:16px !important;
  padding:10px 14px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  grid-template-areas:
    "label value"
    "sub value" !important;
  align-items:center !important;
  column-gap:12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    rgba(3,9,21,.70) !important;
}

.wheel-3d-header-compact .wheel-3d-stat span{
  grid-area:label !important;
  font-size:10px !important;
  letter-spacing:.13em !important;
  line-height:1.1 !important;
}

.wheel-3d-header-compact .wheel-3d-stat strong{
  grid-area:value !important;
  margin:0 !important;
  font-size:24px !important;
  letter-spacing:-.035em !important;
  line-height:1 !important;
  text-align:right !important;
  white-space:nowrap !important;
}

.wheel-3d-header-compact .wheel-3d-stat em{
  grid-area:sub !important;
  font-size:11px !important;
  line-height:1.1 !important;
  opacity:.82 !important;
}

.wheel-special-prize-card{
  position:relative !important;
  z-index:3 !important;
  min-height:128px !important;
  margin:0 0 18px !important;
  padding:18px 184px 18px 22px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(255,226,158,.26) !important;
  background:
    radial-gradient(circle at 88% 50%, rgba(231,186,82,.22), transparent 32%),
    linear-gradient(110deg, rgba(6,11,24,.96) 0%, rgba(12,17,30,.94) 58%, rgba(56,35,10,.72) 100%) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.wheel-special-prize-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg, rgba(255,226,158,.10), transparent 28%, rgba(255,226,158,.08)) !important;
}

.wheel-special-copy{
  position:relative !important;
  z-index:2 !important;
  min-width:0 !important;
}

.wheel-special-kicker{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:0 14px !important;
  margin-bottom:10px !important;
  border-radius:999px !important;
  color:#ffe7a2 !important;
  border:1px solid rgba(255,226,158,.25) !important;
  background:rgba(231,186,82,.12) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
}

.wheel-special-copy strong{
  display:block !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1.02 !important;
  font-weight:950 !important;
  letter-spacing:-.05em !important;
  text-shadow:0 10px 24px rgba(0,0,0,.34) !important;
}

.wheel-special-copy small{
  display:block !important;
  max-width:390px !important;
  margin-top:8px !important;
  color:rgba(226,232,240,.78) !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}

.wheel-special-phone,
.wheel-special-phone::before,
.wheel-special-phone::after,
.wheel-special-phone-camera,
.wheel-special-phone-flash,
.wheel-special-phone-logo{
  display:none !important;
}

.wheel-special-phone-img{
  position:absolute !important;
  z-index:2 !important;
  right:14px !important;
  bottom:4px !important;
  width:160px !important;
  height:160px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.46)) drop-shadow(0 0 18px rgba(231,186,82,.18)) !important;
  pointer-events:none !important;
  user-select:none !important;
}

@media (max-width:760px){
  .wheel-3d-arena{
    padding-top:14px !important;
  }

  .wheel-3d-header-compact{
    margin-bottom:10px !important;
  }

  .wheel-3d-header-compact .wheel-3d-stats{
    gap:8px !important;
  }

  .wheel-3d-header-compact .wheel-3d-stat{
    min-height:54px !important;
    padding:9px 10px !important;
    border-radius:14px !important;
    column-gap:8px !important;
  }

  .wheel-3d-header-compact .wheel-3d-stat span{
    font-size:8.5px !important;
    letter-spacing:.11em !important;
  }

  .wheel-3d-header-compact .wheel-3d-stat strong{
    font-size:20px !important;
  }

  .wheel-3d-header-compact .wheel-3d-stat em{
    font-size:10px !important;
  }

  .wheel-special-prize-card{
    min-height:118px !important;
    margin-bottom:14px !important;
    padding:15px 118px 15px 16px !important;
    border-radius:20px !important;
  }

  .wheel-special-kicker{
    min-height:30px !important;
    padding:0 11px !important;
    margin-bottom:8px !important;
    font-size:9px !important;
    letter-spacing:.12em !important;
  }

  .wheel-special-copy strong{
    font-size:27px !important;
    line-height:1.02 !important;
  }

  .wheel-special-copy small{
    max-width:235px !important;
    margin-top:6px !important;
    font-size:10px !important;
    line-height:1.28 !important;
  }

  .wheel-special-phone-img{
    right:4px !important;
    bottom:1px !important;
    width:122px !important;
    height:122px !important;
  }
}

@media (max-width:420px){
  .wheel-3d-header-compact .wheel-3d-stat{
    min-height:50px !important;
    padding:8px 9px !important;
  }

  .wheel-3d-header-compact .wheel-3d-stat strong{
    font-size:18px !important;
  }

  .wheel-special-prize-card{
    min-height:116px !important;
    padding:13px 100px 13px 14px !important;
  }

  .wheel-special-copy strong{
    font-size:22px !important;
  }

  .wheel-special-copy small{
    max-width:215px !important;
    margin-top:5px !important;
    font-size:9px !important;
    line-height:1.25 !important;
  }

  .wheel-special-phone-img{
    width:108px !important;
    height:108px !important;
  }
}


/* Pointer final mobile ölçü */
@media (max-width:420px){
  .wheel-3d-pointer{
    top:36px !important;
    width:56px !important;
    height:52px !important;
  }

  .wheel-3d-pointer::before{
    width:56px !important;
    height:52px !important;
  }

  .wheel-3d-pointer::after{
    width:30px !important;
    height:41px !important;
  }
}


/* =========================================================
   CANLI KAZANANLAR FINAL - GERCEK CLASS OVERRIDE
   Mevcut HTML class'lari:
   .wheel-3d-winner / .wheel-3d-avatar / .wheel-3d-winner-copy / .wheel-3d-chip
   ========================================================= */

.wheel-3d-winners{
  padding:20px !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg, rgba(10,24,42,.96), rgba(4,9,18,.98)) !important;
  border:1px solid rgba(212,165,68,.20) !important;
}

.wheel-3d-winner-list{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin-top:18px !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  background:rgba(2,6,15,.48) !important;
}

/* Eski büyük kart/capsule görünümü iptal */
.wheel-3d-winner{
  position:relative !important;
  display:grid !important;
  grid-template-columns:38px minmax(0, 1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  min-height:54px !important;
  padding:8px 10px !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
  background:linear-gradient(90deg, rgba(255,255,255,.040), rgba(255,255,255,.012)) !important;
  box-shadow:none !important;
}

.wheel-3d-winner:last-child{
  border-bottom:0 !important;
}

.wheel-3d-winner:nth-child(odd){
  background:linear-gradient(90deg, rgba(212,165,68,.070), rgba(255,255,255,.012)) !important;
}

.wheel-3d-winner::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:3px !important;
  background:#64748b !important;
}

.wheel-3d-winner.is-pass::before{ background:#ef4444 !important; }
.wheel-3d-winner.is-cash::before{ background:#22c55e !important; }
.wheel-3d-winner.is-special::before{ background:#f59e0b !important; }
.wheel-3d-winner.is-fs::before{ background:#38bdf8 !important; }

/* Avatar küçültüldü */
.wheel-3d-avatar{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  font-size:15px !important;
  font-weight:900 !important;
  color:#f8fafc !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, #334155, #111827) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}

.wheel-3d-winner-copy{
  min-width:0 !important;
}

.wheel-3d-winner-copy strong{
  display:block !important;
  font-size:15px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  color:#f8fafc !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.wheel-3d-winner-copy span{
  display:block !important;
  margin-top:2px !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  color:#cbd5e1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.wheel-3d-winner.is-pass .wheel-3d-winner-copy span{ color:#fca5a5 !important; }
.wheel-3d-winner.is-cash .wheel-3d-winner-copy span{ color:#86efac !important; }
.wheel-3d-winner.is-special .wheel-3d-winner-copy span{ color:#fde68a !important; }
.wheel-3d-winner.is-fs .wheel-3d-winner-copy span{ color:#7dd3fc !important; }

/* Sağdaki buton/capsule görünümü tamamen iptal */
.wheel-3d-chip{
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  display:block !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-align:right !important;
}

.wheel-3d-winner.is-pass .wheel-3d-chip{
  color:#ef4444 !important;
  background:transparent !important;
}

.wheel-3d-winner.is-cash .wheel-3d-chip{
  color:#22c55e !important;
  background:transparent !important;
}

.wheel-3d-winner.is-special .wheel-3d-chip{
  color:#f59e0b !important;
  background:transparent !important;
}

.wheel-3d-winner.is-fs .wheel-3d-chip{
  color:#38bdf8 !important;
  background:transparent !important;
}

/* ilk satır artık dev seçili kart gibi parlamasın */
.wheel-3d-winner.is-top{
  border-color:transparent !important;
  background:linear-gradient(90deg, rgba(212,165,68,.090), rgba(255,255,255,.012)) !important;
}

@media (max-width:760px){
  .wheel-3d-winners{
    padding:16px !important;
  }

  .wheel-3d-winner{
    grid-template-columns:36px minmax(0, 1fr) auto !important;
    min-height:52px !important;
    padding:8px 9px !important;
  }

  .wheel-3d-avatar{
    width:32px !important;
    height:32px !important;
    border-radius:9px !important;
    font-size:14px !important;
  }

  .wheel-3d-winner-copy strong{
    font-size:14px !important;
  }

  .wheel-3d-winner-copy span{
    font-size:10.5px !important;
  }

  .wheel-3d-chip{
    font-size:9.5px !important;
  }
}


/* ===== REMOVE REAL INNER CIRCLE ===== */

/* İçte görünen gri/cam halka */
.wheel-3d-wheel::before{
    display:none !important;
    opacity:0 !important;
    border:none !important;
    box-shadow:none !important;
    background:none !important;
}

/* ikinci iç halka */
.wheel-3d-wheel::after{
    display:none !important;
    opacity:0 !important;
    border:none !important;
    box-shadow:none !important;
    background:none !important;
}

/* dilimlerin çevresindeki iç rim */
.wheel-3d-sectors{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

/* gerçek görünen halka çoğunlukla burada */
.wheel-3d-sectors::before,
.wheel-3d-sectors::after{
    display:none !important;
    opacity:0 !important;
    border:none !important;
    box-shadow:none !important;
    background:none !important;
}

/* iç metal çember temizliği */
.wheel-3d-stage .wheel-3d-wheel{
    overflow:hidden !important;
}

/* sektörleri dış frame'e biraz yaklaştır */
.wheel-3d-sectors{
    transform:scale(1.08) !important;
}


/* compact wheel cost */
.wheel-compact-cost{
  position:absolute;
  top:18px;
  left:18px;
  z-index:19;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(231,186,82,.22);
  background:linear-gradient(180deg,rgba(7,16,30,.92),rgba(4,10,20,.96));
  box-shadow:0 12px 24px rgba(0,0,0,.28);
  max-width:170px;
  backdrop-filter:blur(6px);
}
.wheel-compact-cost span{
  font-size:9px;
  letter-spacing:.18em;
  font-weight:900;
  color:#9aa7bd;
}
.wheel-compact-cost strong{
  font-size:16px;
  line-height:1;
  color:#ffe39d;
  font-weight:1000;
}
@media(max-width:640px){
  .wheel-compact-cost{
    top:14px;
    left:14px;
    padding:9px 12px;
    max-width:150px;
  }
  .wheel-compact-cost strong{
    font-size:14px;
  }
}

/* =========================================================
   CANLI KAZANANLAR - PREMIUM LIVE FEED REVIZE
   Sadece wheel.php içindeki kazananlar alanını hedefler.
   ========================================================= */

.wheel-3d-winners{
  position:relative !important;
  overflow:hidden !important;
  padding:18px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(245,158,11,.16), transparent 34%),
    radial-gradient(circle at 6% 20%, rgba(34,211,238,.08), transparent 30%),
    linear-gradient(180deg, rgba(8,20,36,.96), rgba(3,8,18,.99)) !important;
  border:1px solid rgba(246,214,91,.18) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.wheel-3d-winners::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 58px) !important;
  opacity:.45 !important;
}

.wheel-3d-winners > *{
  position:relative !important;
  z-index:1 !important;
}

.wheel-3d-live-title-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

.wheel-3d-winners-head{
  margin-bottom:12px !important;
}

.wheel-3d-winners-head .wheel-3d-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:28px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  font-weight:950 !important;
  color:#fff1b8 !important;
  background:linear-gradient(180deg, rgba(246,214,91,.22), rgba(246,214,91,.08)) !important;
  border:1px solid rgba(246,214,91,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.wheel-3d-live-dot{
  width:7px !important;
  height:7px !important;
  flex:0 0 7px !important;
  border-radius:50% !important;
  background:#36ff8b !important;
  box-shadow:0 0 14px rgba(54,255,139,.9) !important;
  animation:wheelLivePulse 1.15s ease-in-out infinite !important;
}

.wheel-3d-feed-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(226,232,240,.76) !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.wheel-3d-winners-head h2{
  margin:0 0 5px !important;
  font-size:28px !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  color:#ffe9a6 !important;
  text-shadow:0 0 22px rgba(245,158,11,.16) !important;
}

.wheel-3d-winners-head p{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color:rgba(203,213,225,.70) !important;
}

.wheel-3d-winner-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  margin-top:14px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

.wheel-3d-winner{
  position:relative !important;
  display:grid !important;
  grid-template-columns:30px minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:9px !important;
  min-height:48px !important;
  padding:8px 10px 8px 8px !important;
  border-radius:15px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.018)) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden !important;
}

.wheel-3d-winner::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:8px !important;
  bottom:8px !important;
  width:3px !important;
  border-radius:999px !important;
  background:#64748b !important;
}

.wheel-3d-winner::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.06) 46%, transparent 74%) !important;
  opacity:0 !important;
  transform:translateX(-60%) !important;
}

.wheel-3d-winner.is-top::after{
  animation:wheelFeedSweep 2.6s ease-in-out infinite !important;
}

.wheel-3d-winner.is-pass::before{ background:#f87171 !important; box-shadow:0 0 12px rgba(248,113,113,.42) !important; }
.wheel-3d-winner.is-cash::before{ background:#34d399 !important; box-shadow:0 0 14px rgba(52,211,153,.45) !important; }
.wheel-3d-winner.is-special::before{ background:#fbbf24 !important; box-shadow:0 0 18px rgba(251,191,36,.65) !important; }
.wheel-3d-winner.is-fs::before{ background:#38bdf8 !important; box-shadow:0 0 14px rgba(56,189,248,.45) !important; }

.wheel-3d-winner.is-top{
  background:
    radial-gradient(circle at 12% 50%, rgba(246,214,91,.14), transparent 38%),
    linear-gradient(90deg, rgba(246,214,91,.10), rgba(255,255,255,.018)) !important;
  border-color:rgba(246,214,91,.16) !important;
}

.wheel-3d-winner.is-special{
  background:
    radial-gradient(circle at 82% 50%, rgba(251,191,36,.15), transparent 38%),
    linear-gradient(90deg, rgba(251,191,36,.10), rgba(255,255,255,.018)) !important;
  border-color:rgba(251,191,36,.18) !important;
}

.wheel-3d-avatar{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  font-size:13px !important;
  font-weight:950 !important;
  color:#111827 !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.95), rgba(255,255,255,0) 30%),
    linear-gradient(145deg, #ffe9a6, #b87919) !important;
  border:1px solid rgba(255,232,166,.30) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.26) !important;
}

.wheel-3d-winner-copy strong{
  display:block !important;
  max-width:100% !important;
  font-size:14px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  color:#f8fafc !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.wheel-3d-winner-copy span{
  display:block !important;
  margin-top:3px !important;
  max-width:100% !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.wheel-3d-winner.is-pass .wheel-3d-winner-copy span{ color:#fca5a5 !important; }
.wheel-3d-winner.is-cash .wheel-3d-winner-copy span{ color:#86efac !important; }
.wheel-3d-winner.is-special .wheel-3d-winner-copy span{ color:#fde68a !important; }
.wheel-3d-winner.is-fs .wheel-3d-winner-copy span{ color:#7dd3fc !important; }

.wheel-3d-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:auto !important;
  min-height:24px !important;
  height:24px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
  text-align:center !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.085) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.wheel-3d-winner.is-pass .wheel-3d-chip{
  color:#fecaca !important;
  background:rgba(248,113,113,.085) !important;
  border-color:rgba(248,113,113,.14) !important;
}

.wheel-3d-winner.is-cash .wheel-3d-chip{
  color:#bbf7d0 !important;
  background:rgba(34,197,94,.10) !important;
  border-color:rgba(34,197,94,.16) !important;
}

.wheel-3d-winner.is-special .wheel-3d-chip{
  color:#fff1b8 !important;
  background:rgba(251,191,36,.14) !important;
  border-color:rgba(251,191,36,.24) !important;
  box-shadow:0 0 18px rgba(251,191,36,.12), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.wheel-3d-winner.is-fs .wheel-3d-chip{
  color:#bae6fd !important;
  background:rgba(56,189,248,.10) !important;
  border-color:rgba(56,189,248,.16) !important;
}

.wheel-3d-empty{
  border-radius:16px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

@keyframes wheelLivePulse{
  0%,100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.45); opacity:.55; }
}

@keyframes wheelFeedSweep{
  0%{ opacity:0; transform:translateX(-70%); }
  35%{ opacity:.9; }
  100%{ opacity:0; transform:translateX(85%); }
}

@media (max-width:760px){
  .wheel-3d-winners{
    padding:14px !important;
    border-radius:22px !important;
  }

  .wheel-3d-winners-head h2{
    font-size:25px !important;
  }

  .wheel-3d-winners-head p{
    font-size:12px !important;
  }

  .wheel-3d-winner-list{
    gap:7px !important;
    margin-top:12px !important;
  }

  .wheel-3d-winner{
    grid-template-columns:28px minmax(0,1fr) auto !important;
    min-height:45px !important;
    padding:7px 8px 7px 8px !important;
    border-radius:14px !important;
  }

  .wheel-3d-avatar{
    width:27px !important;
    height:27px !important;
    font-size:12px !important;
  }

  .wheel-3d-winner-copy strong{
    font-size:13px !important;
  }

  .wheel-3d-chip{
    height:22px !important;
    padding:0 7px !important;
    font-size:8px !important;
    letter-spacing:.075em !important;
  }
}

/* =========================================================
   ABIDIN11 LUXURY BACKGROUND V1
   Sadece atmosfer katmanı: ölçü, içerik ve mevcut blok yerleşimleri değiştirilmez.
   ========================================================= */
html{
  background:#050914;
}

body{
  position:relative;
  min-height:100vh;
  background-color:#050914;
  background-image:
    radial-gradient(circle at 82% 4%, rgba(242,202,88,.135), transparent 27%),
    radial-gradient(circle at 12% 18%, rgba(49,214,255,.075), transparent 25%),
    radial-gradient(circle at 88% 72%, rgba(212,175,55,.075), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.022) 0%, transparent 18%, rgba(242,202,88,.026) 32%, transparent 48%, rgba(255,255,255,.014) 64%, transparent 100%),
    repeating-linear-gradient(132deg, rgba(255,255,255,.018) 0 1px, transparent 1px 115px),
    linear-gradient(180deg, #050914 0%, #07101f 42%, #040710 100%);
  background-attachment:fixed;
  background-size:auto, auto, auto, 1200px 1200px, 900px 900px, auto;
}

body::before{
  content:"";
  position:fixed;
  inset:-18%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 14%, rgba(242,202,88,.13), transparent 21%),
    radial-gradient(circle at 78% 26%, rgba(255,255,255,.045), transparent 18%),
    radial-gradient(circle at 68% 82%, rgba(49,214,255,.065), transparent 24%),
    linear-gradient(115deg, transparent 0 36%, rgba(242,202,88,.045) 44%, transparent 53% 100%);
  filter:blur(10px);
  opacity:.9;
  animation:abidinLuxuryAmbient 18s ease-in-out infinite alternate;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    radial-gradient(circle, rgba(242,202,88,.28) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.14) 0 1px, transparent 1.6px);
  background-size:150px 150px, 230px 230px;
  background-position:18px 34px, 92px 128px;
  opacity:.18;
  mask-image:linear-gradient(to bottom, transparent 0%, #000 12%, #000 78%, transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 12%, #000 78%, transparent 100%);
}

@keyframes abidinLuxuryAmbient{
  from{transform:translate3d(-1%, -.8%, 0) scale(1)}
  to{transform:translate3d(1%, .8%, 0) scale(1.035)}
}

@media (max-width:760px){
  body{
    background-attachment:scroll;
    background-size:auto, auto, auto, 860px 860px, 680px 680px, auto;
  }

  body::before{
    inset:-28%;
    filter:blur(12px);
    opacity:.72;
    animation-duration:24s;
  }

  body::after{
    opacity:.12;
    background-size:170px 170px, 260px 260px;
  }
}

@media (prefers-reduced-motion: reduce){
  body::before{
    animation:none !important;
  }
}

/* =========================================================
   ABIDIN11 LUXURY BACKGROUND V2
   İnce ayar: çizgiler yumuşatıldı, header atmosfere bağlandı,
   sponsor kartlar hariç genel glow daha kontrollü hale getirildi.
   ========================================================= */
body{
  background-image:
    radial-gradient(circle at 82% 4%, rgba(242,202,88,.105), transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(49,214,255,.052), transparent 26%),
    radial-gradient(circle at 88% 72%, rgba(212,175,55,.052), transparent 31%),
    linear-gradient(135deg, rgba(255,255,255,.010) 0%, transparent 20%, rgba(242,202,88,.014) 34%, transparent 52%, rgba(255,255,255,.008) 66%, transparent 100%),
    repeating-linear-gradient(132deg, rgba(255,255,255,.007) 0 1px, transparent 1px 132px),
    linear-gradient(180deg, #050914 0%, #07101f 42%, #040710 100%);
}

body::before{
  opacity:.54;
  filter:blur(14px);
}

body::after{
  opacity:.065;
  background-size:190px 190px, 290px 290px;
}

.site-header{
  background:linear-gradient(180deg, rgba(5,9,20,.76), rgba(5,9,20,.58)) !important;
  border-bottom:1px solid rgba(242,202,88,.105) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 -1px 0 rgba(255,255,255,.025) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.06);
  backdrop-filter:blur(16px) saturate(1.06);
}

.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 50%, rgba(242,202,88,.09), transparent 32%),
    radial-gradient(circle at 78% 0%, rgba(49,214,255,.045), transparent 30%);
  opacity:.68;
}

.site-header > *{
  position:relative;
  z-index:1;
}

.card,
.quick-card,
.points-v2,
.points-v2-summary-card,
.points-v2-card,
.game-card,
.raffle-hero-card,
.raffle-mini-card,
.live-feed-v2,
.footer-section.card,
.social-pill{
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}

.points-v2::before,
.points-v2::after,
.raffle-hero-card::before,
.raffle-hero-card::after,
.live-feed-v2::before,
.live-feed-v2::after{
  opacity:.42 !important;
}

.game-card:hover,
.points-v2-card:hover,
.raffle-hero-card:hover,
.quick-card:hover,
.social-pill:hover{
  box-shadow:0 14px 30px rgba(0,0,0,.26) !important;
}

.sponsor-card-compact,
.sponsor-card-compact.glow,
.sponsor-card-compact.line{
  box-shadow:0 12px 30px rgba(0,0,0,.28) !important;
}

.sponsor-card-compact.glow::before,
.sponsor-card-compact.line::before{
  opacity:.92 !important;
}

.sponsor-card-compact:hover{
  box-shadow:0 18px 42px rgba(0,0,0,.34), 0 0 26px rgba(242,202,88,.10) !important;
}

.sponsor-card-compact:hover .btn.small{
  box-shadow:0 10px 24px rgba(212,175,55,.22) !important;
}

@media (max-width:760px){
  body::before{
    opacity:.46;
    filter:blur(16px);
  }

  body::after{
    opacity:.045;
    background-size:210px 210px, 320px 320px;
  }

  .site-header{
    background:linear-gradient(180deg, rgba(5,9,20,.82), rgba(5,9,20,.66)) !important;
    box-shadow:0 10px 26px rgba(0,0,0,.24), inset 0 -1px 0 rgba(255,255,255,.025) !important;
  }
}

/* =========================================================
   Replay Wins / Yüksek Kazançlar Sizden Gelenler
   ========================================================= */
.replay-wins-section{
    margin-top: 8px;
}

.replay-wins-shell{
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    padding: 16px 0 18px;
    background:
        radial-gradient(circle at 12% 0%, rgba(214, 37, 109, .18), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(242, 202, 88, .12), transparent 32%),
        linear-gradient(180deg, rgba(6, 14, 31, .96), rgba(3, 9, 23, .96));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 16px 38px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
}

.replay-wins-shell::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,44,126,.95), rgba(242,202,88,.9), transparent);
}

.replay-wins-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding: 0 18px 12px;
}

.replay-wins-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#ffd86f;
    background:rgba(242,202,88,.09);
    border:1px solid rgba(242,202,88,.18);
}

.replay-wins-head h2{
    margin:6px 0 0;
    font-size:24px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.02em;
    color:#fff;
}

.replay-wins-live{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:28px;
    padding:0 11px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    color:#fff;
    background:linear-gradient(135deg, rgba(255,44,126,.22), rgba(111,66,193,.16));
    border:1px solid rgba(255,255,255,.10);
}

.replay-wins-live::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 12px rgba(34,197,94,.9);
}

.replay-wins-marquee{
    overflow:hidden;
    width:100%;
    cursor:grab;
    touch-action:pan-y;
    user-select:none;
    -webkit-user-select:none;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.replay-wins-marquee.is-dragging{
    cursor:grabbing;
}

.replay-wins-track{
    display:flex;
    align-items:flex-start;
    gap:22px;
    width:max-content;
    padding: 0 18px;
    will-change:transform;
}


.replay-win-item{
    flex:0 0 auto;
    width:132px;
    text-decoration:none;
    color:#fff;
    text-align:center;
}

.replay-win-circle{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:118px;
    height:118px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
    border:4px solid rgba(255,44,126,.92);
    box-shadow:
        0 0 0 4px rgba(255,44,126,.16),
        0 12px 30px rgba(0,0,0,.34),
        0 0 22px rgba(255,44,126,.22);
}

.replay-win-circle::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -18px 30px rgba(0,0,0,.28);
    pointer-events:none;
}

.replay-win-circle img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.05);
    transition:transform .25s ease;
}

.replay-win-item:hover .replay-win-circle img{
    transform:scale(1.12);
}

.replay-win-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:25px;
    font-weight:950;
    letter-spacing:.02em;
    color:#ffd86f;
    background:radial-gradient(circle at 30% 20%, rgba(255,44,126,.40), rgba(5,12,28,.98));
}

.replay-win-x{
    position:absolute;
    right:4px;
    bottom:5px;
    z-index:3;
    min-width:46px;
    max-width:82px;
    min-height:28px;
    padding:6px 8px 5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-size:12px;
    font-weight:950;
    line-height:1;
    color:#1a0d00;
    background:linear-gradient(180deg, #fff2a8, #f2b331 55%, #c57910);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 5px 14px rgba(0,0,0,.36), 0 0 14px rgba(242,179,49,.35);
}

.replay-win-title{
    display:block;
    margin-top:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    font-weight:850;
    letter-spacing:.02em;
    color:rgba(255,255,255,.90);
    text-shadow:0 1px 10px rgba(255,44,126,.16);
}

@keyframes replayWinsScroll{
    from{ transform:translate3d(0,0,0); }
    to{ transform:translate3d(-50%,0,0); }
}

@media (max-width: 768px){
    .replay-wins-shell{
        border-radius:16px;
        padding:12px 0 14px;
    }

    .replay-wins-head{
        padding:0 12px 10px;
    }

    .replay-wins-head h2{
        font-size:19px;
    }

    .replay-wins-live{
        min-height:24px;
        padding:0 9px;
        font-size:10px;
    }

    .replay-wins-track{
        gap:16px;
        padding:0 12px;
    }

    .replay-win-item{
        width:104px;
    }

    .replay-win-circle{
        width:94px;
        height:94px;
        border-width:3px;
    }

    .replay-win-x{
        min-width:38px;
        min-height:24px;
        padding:5px 7px 4px;
        font-size:10px;
    }

    .replay-win-title{
        margin-top:8px;
        font-size:11px;
    }
}

/* Futbol bahis alanı kapsayıcı - sadece dış çerçeve ve başlık */
.event-bet-showcase-section{
  margin-top:18px;
  margin-bottom:22px;
}

.event-bet-showcase-shell{
  position:relative;
  overflow:visible;
  border-radius:22px;
  padding:18px 18px 16px;
  border:1px solid rgba(242,202,88,.22);
  background:
    radial-gradient(circle at 12% 0%, rgba(255,79,154,.10), transparent 35%),
    radial-gradient(circle at 88% 18%, rgba(242,202,88,.10), transparent 36%),
    linear-gradient(145deg, rgba(10,16,31,.92), rgba(9,13,25,.74));
  box-shadow:
    0 20px 46px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 1px rgba(49,214,255,.045);
  isolation:isolate;
}

.event-bet-showcase-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,79,154,.45), rgba(242,202,88,.30), rgba(49,214,255,.18), transparent 72%);
  height:1px;
  opacity:.78;
  z-index:0;
}

.event-bet-showcase-shell::after{
  content:"";
  position:absolute;
  right:-60px;
  top:-80px;
  width:190px;
  height:190px;
  border-radius:999px;
  pointer-events:none;
  background:radial-gradient(circle, rgba(242,202,88,.14), transparent 62%);
  filter:blur(4px);
  z-index:0;
}

.event-bet-showcase-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.event-bet-showcase-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:6px 14px;
  border-radius:999px;
  border:1px solid rgba(242,202,88,.28);
  background:linear-gradient(180deg, rgba(242,202,88,.14), rgba(255,79,154,.07));
  color:#f7d774;
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.event-bet-showcase-head h2{
  margin:8px 0 0;
  color:#fff;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.035em;
  text-shadow:0 10px 26px rgba(0,0,0,.34);
}

.event-bet-showcase-live{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  margin-top:6px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,79,154,.20), rgba(49,214,255,.08));
  color:rgba(255,255,255,.92);
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
  white-space:nowrap;
}

.event-bet-showcase-live::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22e66f;
  box-shadow:0 0 0 4px rgba(34,230,111,.12), 0 0 12px rgba(34,230,111,.75);
}

.event-bet-showcase-body{
  position:relative;
  z-index:1;
}

.event-bet-showcase-body > .section{
  margin:0 !important;
  padding:0 !important;
}

.event-bet-showcase-body .event-bet-widget,
.event-bet-showcase-body .event-bet-wrap,
.event-bet-showcase-body .event-bet-list{
  margin-top:0 !important;
}

@media (max-width: 640px){
  .event-bet-showcase-section{
    margin-top:16px;
    margin-bottom:20px;
  }
  .event-bet-showcase-shell{
    border-radius:20px;
    padding:14px 14px 13px;
  }
  .event-bet-showcase-head{
    margin-bottom:12px;
  }
  .event-bet-showcase-head h2{
    font-size:24px;
  }
  .event-bet-showcase-badge{
    padding:5px 12px;
    font-size:11px;
  }
  .event-bet-showcase-live{
    padding:7px 11px;
    font-size:11px;
  }
}


/* Event bet frame fix: kombine/kupon paneli çerçeve içinde kırpılmasın */
.event-bet-showcase-section,
.event-bet-showcase-shell,
.event-bet-showcase-body{
  overflow:visible !important;
}
.event-bet-showcase-section{
  position:relative;
  z-index:6;
}
.event-bet-showcase-shell{
  z-index:6;
}
.event-bet-showcase-body{
  z-index:10;
}
.event-bet-showcase-body .event-bet-widget,
.event-bet-showcase-body .event-bet-wrap,
.event-bet-showcase-body .event-bet-list,
.event-bet-showcase-body .event-bet-card{
  overflow:visible !important;
}


/* Event bet fixed bottom slip - sadece gerçek kupon sabitlenir, görünmez overlay yok */
.event-bet-showcase-shell,
.event-bet-showcase-body,
.event-bet-showcase-body > .section,
.event-bet-showcase-body .event-bet-widget,
.event-bet-showcase-body .event-bet-wrap,
.event-bet-showcase-body .event-bet-list{
  min-height:0 !important;
}

/* Mobil yatay taşma ve fixed kupon düzeltmesi */
html,
body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

body .ab-fixed-betslip{
  position:fixed !important;
  left:14px !important;
  right:14px !important;
  top:auto !important;
  bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  transform:none !important;
  width:auto !important;
  max-width:640px !important;
  max-height:44vh !important;
  overflow:auto !important;
  z-index:2147483000 !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
  box-shadow:0 22px 66px rgba(0,0,0,.62), 0 0 0 1px rgba(87,140,255,.22) !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}

body .ab-fixed-betslip,
body .ab-fixed-betslip *{
  box-sizing:border-box !important;
}

body .ab-fixed-betslip input,
body .ab-fixed-betslip button{
  min-width:0 !important;
}

@media (min-width: 768px){
  body .ab-fixed-betslip{
    left:50% !important;
    right:auto !important;
    bottom:24px !important;
    width:min(640px, calc(100vw - 32px)) !important;
    max-height:70vh !important;
    transform:translateX(-50%) !important;
  }
}


/* İnce taşan üst çizgi düzeltmesi */
.event-bet-showcase-shell::before{
  display:none !important;
  content:none !important;
}


/* =========================
   POINTS V2 PRIZE UPDATE - iPHONE + CASH
   Sadece ana sayfa puan kazanma bloğu sıkılaştırma ve ödül vurgusu
========================= */
.points-v2-prize-value{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    color:#f2ca58;
}

.points-v2-prize-value span,
.points-v2-grand-prize span{
    color:#ffd86b;
    font-weight:950;
    text-shadow:0 0 14px rgba(242,202,88,.34);
}

.points-v2-prize-value small{
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(242,202,88,.18), rgba(242,202,88,.06));
    border:1px solid rgba(242,202,88,.26);
    color:#fff3bd;
    font-size:14px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
    box-shadow:0 0 18px rgba(242,202,88,.10), inset 0 1px 0 rgba(255,255,255,.08);
}

.points-v2-grand-prize{
    display:inline;
    color:#fff3bd;
    font-weight:900;
}

.points-v2-card--highlight .points-v2-grand-prize{
    padding:2px 5px;
    border-radius:8px;
    background:linear-gradient(90deg, rgba(242,202,88,.16), rgba(255,255,255,.03));
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

/* Bu blok ekranda fazla yer kaplamasın diye sadece bu alan kompakt hale getirildi */
.points-v2{
    padding:20px;
}

.points-v2-top{
    grid-template-columns:minmax(0, 1fr);
    gap:12px;
    margin-bottom:14px;
}

.points-v2-summary{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
}

.points-v2-summary-card{
    padding:12px 14px;
    border-radius:16px;
}

.points-v2-grid{
    gap:10px;
}

.points-v2-card{
    min-height:auto;
    padding:14px;
}

.points-v2-iconrow{
    margin-bottom:10px;
}

.points-v2-icon{
    width:42px;
    height:42px;
    border-radius:14px;
}

.points-v2-icon svg{
    width:20px;
    height:20px;
}

.points-v2-card h3{
    margin-bottom:5px;
}

.points-v2-card p{
    line-height:1.42;
}

.points-v2-mini{
    display:none;
}

@media (max-width: 768px){
    .points-v2{
        padding:12px;
    }

    .points-v2-top{
        gap:9px;
        margin-bottom:10px;
    }

    .points-v2-summary{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .points-v2-summary-card{
        padding:9px 10px;
    }

    .points-v2-summary-card:last-child{
        grid-column:1 / -1;
    }

    .points-v2-prize-value{
        align-items:center;
        gap:8px;
    }

    .points-v2-prize-value small{
        font-size:12px;
        padding:4px 8px;
    }

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

    .points-v2-card{
        padding:10px;
    }

    .points-v2-card:last-child{
        grid-column:1 / -1;
    }

    .points-v2-iconrow{
        margin-bottom:8px;
    }

    .points-v2-icon{
        width:34px;
        height:34px;
    }

    .points-v2-icon svg{
        width:17px;
        height:17px;
    }

    .points-v2-card p{
        line-height:1.32;
    }
}

@media (max-width: 380px){
    .points-v2-summary-value{
        font-size:14px;
    }

    .points-v2-card p{
        font-size:11px;
    }
}