/* ==========================================================================
   SÜRELİ ETKİNLİKLER v3 — referans bonussoft12.com/etkinlikler
   Ölçüler referansın kendi paketinden: ListFilterBar (.lfb), EventCard
   (.ticket-card), EventDetail (.td), Sonuçlar (.leaderboard), boş durum (.es).
   Renkler marka tokenları (nx-top-r.css :root, --rs-*). Önek .er-
   ========================================================================== */
.er{max-width:1310px; margin:0 auto; font-family:var(--rs-f); color:#fff; font-weight:700}
.er *{box-sizing:border-box}
:where(.er) a{color:inherit; text-decoration:none}
:where(.er) button{font:inherit; color:inherit; cursor:pointer; border:0; background:none; padding:0}
.er :focus-visible{outline:2px solid var(--rs-vurgu); outline-offset:2px}
.er img{display:block}
.er [hidden]{display:none!important}
.er b, .er strong{font-weight:700}

/* ---------- düğme (ref .button / .primary / .dark) ---------- */
.er-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:45px; padding:9px 16px!important; border-radius:10px; font-size:14px!important; font-weight:600!important; white-space:nowrap; transition:filter .15s, background .15s, color .15s, transform .12s}
.er-btn:active{transform:scale(.98)}
.er-btn-altin{background:linear-gradient(135deg,#ffd66e,var(--rs-vurgu))!important; color:var(--rs-vurgu-yazi)!important}
.er-btn-altin:hover{filter:brightness(1.07)}
.er-btn-koyu{background:rgba(245,196,81,.1)!important; color:var(--rs-vurgu)!important}
.er-btn-koyu:hover{background:var(--rs-vurgu)!important; color:var(--rs-vurgu-yazi)!important}
.er-btn-tam{width:100%}

/* ---------- başlık (ref .lfb__head) ---------- */
.er-bas{display:flex; align-items:center; gap:12px; margin-bottom:14px}
.er-bas-i{width:38px; height:38px; flex:none; border-radius:10px; display:grid; place-items:center; background:rgba(245,196,81,.12); color:var(--rs-vurgu); font-size:18px}
.er-bas-tx{flex:1; min-width:0}
.er-bas-tx h1{margin:0; font-size:17.2px; font-weight:800; line-height:1.2; color:rgba(255,255,255,.95)}
.er-bas-tx p{margin:3px 0 0; font-size:12px; font-weight:700; line-height:1.3; color:rgba(255,255,255,.5)}
.er-bas-aks{flex:none; display:flex; gap:8px}
.er-bas-aks .er-btn{height:38px; padding:0 14px!important; border-radius:11px; font-size:12px!important}

/* ---------- araç çubuğu (ref .lfb__bar) ---------- */
.er-cubuk{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.er-sekmeler{position:relative; display:flex; align-items:center; gap:2px; padding:4px; border-radius:12px; background:var(--rs-panel); border:1px solid var(--rs-cizgi); overflow-x:auto; max-width:100%; scrollbar-width:none}
.er-sekmeler::-webkit-scrollbar{display:none}
.er-hap{position:absolute; left:0; top:4px; bottom:4px; width:0; z-index:0; border-radius:9px; background:var(--rs-vurgu); box-shadow:0 2px 10px rgba(245,196,81,.28); pointer-events:none}
.er-hap.is-hazir{transition:transform .42s cubic-bezier(.34,.85,.22,1), width .42s cubic-bezier(.34,.85,.22,1)}
.er-sekme{position:relative; z-index:1; display:inline-flex; align-items:center; gap:6px; padding:7px 12px!important; border-radius:9px; font-size:12px!important; font-weight:600!important; color:rgba(255,255,255,.55)!important; white-space:nowrap; transition:color .25s, transform .18s}
.er-sekme:hover{color:rgba(255,255,255,.9)!important}
.er-sekme:active{transform:scale(.96)}
.er-sekme.is-on{color:var(--rs-vurgu-yazi)!important}
.er-sekme b{font-size:11px; font-weight:700; opacity:.75}
.er-araclar{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.er-ara{display:flex; align-items:center; height:38px; border-radius:11px; background:var(--rs-panel); border:1px solid var(--rs-cizgi); overflow:hidden; transition:border-color .15s}
.er-ara.is-acik{border-color:rgba(245,196,81,.5)}
.er-ikon-btn{width:38px; height:38px; flex:none; display:grid; place-items:center; color:rgba(255,255,255,.6)!important; font-size:14px}
.er-ikon-btn:hover{color:rgba(255,255,255,.95)!important}
.er-ara input{width:0; padding:0; border:0; outline:0; background:transparent; color:rgba(255,255,255,.9); font:600 12px/1 var(--rs-f); transition:width .2s, padding .2s}
.er-ara.is-acik input{width:170px; padding-right:12px}
.er-ara input::placeholder{color:rgba(255,255,255,.35)}
.er-ara input::-webkit-search-cancel-button{display:none}
.er-dd{position:relative}
.er-dd-btn{display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 12px!important; border-radius:11px; background:var(--rs-panel)!important; border:1px solid var(--rs-cizgi)!important; color:rgba(255,255,255,.75)!important; font-size:12px!important; font-weight:600!important; white-space:nowrap; transition:border-color .15s, color .15s}
.er-dd-btn:hover{color:rgba(255,255,255,.95)!important}
.er-dd-btn .fa-chevron-down{font-size:10px; opacity:.7; transition:transform .15s}
.er-dd-btn[aria-expanded="true"]{border-color:rgba(255,255,255,.18)!important}
.er-dd-btn[aria-expanded="true"] .fa-chevron-down{transform:rotate(180deg)}
.er-dd-btn.is-secili{border-color:rgba(245,196,81,.55)!important; color:var(--rs-vurgu)!important}
.er-menu{position:absolute; top:calc(100% + 6px); right:0; z-index:30; min-width:190px; max-height:300px; overflow-y:auto; padding:6px; border-radius:12px; background:var(--rs-panel); border:1px solid var(--rs-cizgi); box-shadow:0 12px 30px rgba(0,0,0,.35); animation:erMenu .18s cubic-bezier(.34,.85,.22,1)}
@keyframes erMenu{from{opacity:0; transform:translateY(-6px) scale(.98)}}
.er-menu button{display:flex; align-items:center; gap:8px; width:100%; padding:8px 10px!important; border-radius:8px; font-size:12px!important; font-weight:600!important; color:rgba(255,255,255,.7)!important; text-align:left}
.er-menu button span:first-of-type{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.er-menu button:hover{background:rgba(255,255,255,.06)!important; color:rgba(255,255,255,.95)!important}
.er-menu button[aria-selected="true"]{background:rgba(245,196,81,.14)!important; color:var(--rs-vurgu)!important}
.er-menu img{width:18px; height:18px; object-fit:contain; flex:none}
.er-menu small{font-size:11px; opacity:.6}
.er-ayak{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:10px}
.er-cipler{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.er-cip{display:inline-flex; align-items:center; gap:6px; padding:5px 10px!important; border-radius:8px; background:rgba(245,196,81,.14)!important; color:var(--rs-vurgu)!important; font-size:11px!important; font-weight:700!important}
.er-cip:hover{background:rgba(245,196,81,.22)!important}
.er-cip i{font-size:10px; opacity:.8}
.er-meta{display:flex; align-items:center; gap:7px; margin-left:auto; font-size:11px; font-weight:600; color:rgba(255,255,255,.45)}
.er-meta-nokta{opacity:.5}
.er-temizle{color:var(--rs-vurgu)!important; font-size:11px!important; font-weight:700!important}
.er-temizle:hover{text-decoration:underline}

/* ---------- ızgara + kart (ref .events-grid + .ticket-card) ---------- */
.er-izgara{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 10px; margin-top:14px}
.er-kart{position:relative; display:flex; width:100%; margin-bottom:12px; background:var(--rs-panel); border:1px solid var(--rs-cizgi); border-radius:12px; overflow:hidden; cursor:pointer;
  transition:border-color .2s ease, transform .15s ease; animation:erGir .4s cubic-bezier(.22,.8,.3,1) both; animation-delay:calc(var(--i, 0) * 40ms)}
@keyframes erGir{from{opacity:0; transform:translateY(8px)}}
.er-kart:hover{border-color:rgba(255,255,255,.12); transform:translateY(-2px)}
.er-kart.is-bitti{opacity:.65}
.er-kart.is-bitti:hover{opacity:.85}

/* logo plakası: sponsor logosundan bulanık renk zemini + ortada logo */
.er-afis{position:relative; flex:none; width:180px; height:180px; margin:12px; border-radius:10px; overflow:hidden; background:#140c30; box-shadow:0 2px 12px rgba(0,0,0,.2); isolation:isolate}
.er-afis-bg{position:absolute; inset:-30%; width:160%!important; height:160%!important; object-fit:cover; filter:blur(22px) saturate(1.5); opacity:.55; z-index:-2}
.er-afis::before{content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(120% 90% at 50% 45%, rgba(20,12,48,0) 0%, rgba(20,12,48,.55) 55%, rgba(20,12,48,.92) 100%)}
.er-afis::after{content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.07); pointer-events:none}
.er-afis-lg{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:42%; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}
.er-afis-yok{position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.25); font-size:40px}
.er-durum{position:absolute; top:6px; right:6px; z-index:2; padding:3px 8px; border-radius:6px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; line-height:1.35}
.er-durum.is-aktif{background:var(--rs-vurgu); color:var(--rs-vurgu-yazi)}
.er-durum.is-bekliyor{background:rgba(255,193,7,.18); color:#ffc107}
.er-durum.is-bitti{background:rgba(255,255,255,.2); color:rgba(255,255,255,.7)}

.er-kart-govde{flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:10px; padding:16px 20px}
.er-kart-ust{display:flex; align-items:center; justify-content:space-between; gap:10px}
.er-sp{display:inline-flex; align-items:center; gap:6px; min-width:0; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.55)}
.er-sp i{color:var(--rs-vurgu); font-size:11px; flex:none}
.er-sp span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.er-odul{flex:none; padding:3px 10px; border-radius:6px; font-size:11px; font-weight:700; background:rgba(245,196,81,.1); color:var(--rs-vurgu); white-space:nowrap}
.er-kart-ad{margin:0; font-size:14px; font-weight:700; line-height:1.3; color:rgba(255,255,255,.9); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

.er-sayac{display:flex; align-items:center; gap:6px}
.er-sayac-k{display:flex; flex-direction:column; align-items:center; min-width:42px; padding:6px 8px; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); line-height:1.2}
.er-sayac-k b{font-size:14px; color:#fff; font-variant-numeric:tabular-nums}
.er-sayac-k span{margin-top:2px; font-size:11px; font-weight:700; text-transform:uppercase; color:rgba(255,255,255,.4)}
.er-sayac-ay{margin-top:-8px; font-size:14px; font-weight:300; color:rgba(255,255,255,.12)}
.er-bitti-tx{font-size:12px; font-weight:500; color:rgba(255,255,255,.3)}
.er-bitti-tx.is-bekliyor{color:rgba(255,193,7,.7)}
.er-ist{display:flex; flex-wrap:wrap; gap:4px 12px}
.er-ist span{display:flex; align-items:center; gap:6px; font-size:11px; color:rgba(255,255,255,.45)}
.er-ist b{color:rgba(255,255,255,.8); font-variant-numeric:tabular-nums}
.er-kart-btn{align-self:flex-start; height:auto; padding:10px 24px!important; border-radius:8px}
.er-kart-btn i{font-size:13px}

/* ---------- boş durum (ref .es) ---------- */
.er-bos{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:48px 20px; width:100%}
.er-bos-i{width:44px; height:44px; margin-bottom:12px; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.04); color:rgba(255,255,255,.2); font-size:20px}
.er-bos b{margin:0; font-size:12px; font-weight:700; color:rgba(255,255,255,.5)}
.er-bos span{max-width:300px; margin:4px 0 0; font-size:11px; color:rgba(255,255,255,.3)}

/* ---------- detay (ref .td) ---------- */
.er-geri{display:inline-flex; align-items:center; gap:8px; height:36px; margin-bottom:12px; padding:0 12px!important; border-radius:10px; background:var(--rs-panel)!important; border:1px solid var(--rs-cizgi)!important; font-size:12px!important; font-weight:600!important; color:rgba(255,255,255,.7)!important}
.er-geri:hover{color:#fff!important; border-color:rgba(255,255,255,.14)!important}
.er-td{background:var(--rs-panel); border:1px solid var(--rs-cizgi); border-radius:14px; overflow:hidden; animation:erGir .35s cubic-bezier(.22,.8,.3,1)}
.er-td-bas{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 20px; border-bottom:1px solid rgba(255,255,255,.06)}
.er-td-sol{display:flex; align-items:center; gap:12px; min-width:0}
.er-td-logo{height:28px; width:auto; max-width:130px; object-fit:contain; flex:none}
.er-td-bilgi{display:flex; flex-direction:column; gap:2px; min-width:0}
.er-td-bilgi h2{margin:0; font-size:15.6px; font-weight:700; line-height:1.3; color:#fff}
.er-td-durum{font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(255,255,255,.4)}
.er-td-durum.is-aktif{color:var(--rs-vurgu)}
.er-td-durum.is-bekliyor{color:#ffc107}
.er-td-aks{display:flex; align-items:center; flex-wrap:wrap; gap:8px}
.er-uyari{display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:8px; font-size:13px; font-weight:600; color:rgba(255,99,99,.9); background:rgba(255,0,0,.06); border:1px solid rgba(255,0,0,.1)}
.er-uyari a{color:var(--rs-vurgu)!important; text-decoration:underline!important; text-underline-offset:2px}
.er-katildi{display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:8px; font-size:11px; font-weight:700; background:rgba(245,196,81,.1); color:var(--rs-vurgu); border:1px solid rgba(245,196,81,.15)}
.er-katildi i{width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:rgba(245,196,81,.2); font-size:9px}
.er-not{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:rgba(255,255,255,.45)}

/* sekmeler (ref .app-tabs) */
.er-tdsek{display:flex; border-bottom:1px solid rgba(255,255,255,.06); overflow-x:auto; scrollbar-width:none}
.er-tdsek::-webkit-scrollbar{display:none}
.er-tdsek button{position:relative; display:flex; align-items:center; gap:6px; padding:10px 14px!important; font-size:14px!important; font-weight:600!important; color:rgba(255,255,255,.45)!important; white-space:nowrap; transition:color .2s}
.er-tdsek button:hover{color:rgba(255,255,255,.75)!important}
.er-tdsek button[aria-selected="true"]{color:var(--rs-vurgu)!important}
.er-tdsek button[aria-selected="true"]::after{content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; border-radius:2px 2px 0 0; background:var(--rs-vurgu)}
.er-tdsek button i{font-size:13px}
.er-td-govde{padding:20px}
.er-kurallar{display:flex; gap:20px}
.er-td-yan{width:280px; flex:none; display:flex; flex-direction:column; gap:10px}
.er-td-yan .er-afis{width:100%; height:auto; aspect-ratio:16/10; margin:0}
.er-td-yan .er-afis-lg{max-height:46%}
.er-bilgi-sira{display:flex; gap:8px}
.er-bilgi{flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px; border-radius:8px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); text-align:center}
.er-bilgi span{font-size:11px; font-weight:600; color:rgba(255,255,255,.4)}
.er-bilgi b{font-size:12px; color:rgba(255,255,255,.9); font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
.er-bilgi.is-vurgu{background:rgba(245,196,81,.06); border-color:rgba(245,196,81,.12)}
.er-bilgi.is-vurgu b{color:var(--rs-vurgu)}
.er-bilgi .er-sayac{margin-top:6px}
.er-td-icerik{flex:1; min-width:0; font-size:12px; line-height:1.7; color:rgba(255,255,255,.7); overflow-wrap:anywhere}
.er-td-icerik h3{margin:0 0 10px; font-size:14px; font-weight:700; color:rgba(255,255,255,.9)}
.er-td-giris{margin:0 0 14px; font-size:13px; font-weight:600; line-height:1.6; color:rgba(255,255,255,.8)}
.er-sartlar{margin:0; padding:0; list-style:none; counter-reset:er-s}
.er-sartlar li{counter-increment:er-s; display:flex; gap:10px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.04); font-weight:600}
.er-sartlar li:last-child{border-bottom:0}
.er-sartlar li::before{content:counter(er-s); flex:none; width:22px; height:22px; margin-top:1px; border-radius:6px; display:grid; place-items:center; font-size:11px; font-weight:700; background:rgba(245,196,81,.1); color:var(--rs-vurgu)}
.er-td-icerik .er-bos{padding:28px 10px}

/* ---------- sonuçlar (ref .leaderboard) ---------- */
.er-lb-ozet{display:flex; gap:8px; margin-bottom:6px}
.er-podyum{display:flex; align-items:flex-end; justify-content:center; gap:8px; padding:26px 0 10px}
.er-pod{position:relative; display:flex; flex-direction:column; align-items:center; min-width:132px; max-width:180px; padding:24px 22px 18px; border-radius:14px; background:var(--rs-panel); border:1px solid var(--rs-cizgi); text-align:center}
.er-pod.is-2, .er-pod.is-3{transform:scale(.88); opacity:.85}
.er-pod.is-1{z-index:1; border-color:rgba(245,196,81,.2); box-shadow:0 18px 40px -22px rgba(245,196,81,.45)}
.er-pod-no{position:absolute; top:-14px; left:50%; transform:translateX(-50%); width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:var(--rs-vurgu); color:var(--rs-vurgu-yazi); font-size:12px; font-weight:800}
.er-pod.is-1 .er-pod-no{width:32px; height:32px; font-size:14px; top:-16px}
.er-av{width:52px; height:52px; flex:none; border-radius:50%; overflow:hidden; display:grid; place-items:center; border:2px solid rgba(255,255,255,.1); background:rgba(245,196,81,.12); color:var(--rs-vurgu); font-size:18px; font-weight:800; text-transform:uppercase}
.er-av img{width:100%; height:100%; object-fit:cover}
.er-pod .er-av{margin:16px 0 10px}
.er-pod.is-1 .er-av{border-color:rgba(245,196,81,.3)}
.er-pod h3{max-width:100%; margin:4px 0 0; font-size:12px; font-weight:700; color:rgba(255,255,255,.9); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.er-pod p{margin:4px 0 0; font-size:15px; font-weight:800; color:var(--rs-vurgu); font-variant-numeric:tabular-nums}
.er-lb-liste{display:flex; flex-direction:column; gap:4px; margin-top:16px}
.er-lb-sira{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 14px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); transition:background .15s}
.er-lb-sira:hover{background:rgba(255,255,255,.05)}
.er-lb-kim{display:flex; align-items:center; min-width:0}
.er-lb-no{font-size:12px; font-weight:700; color:rgba(255,255,255,.5); white-space:nowrap}
.er-lb-sira .er-av{width:35px; height:35px; margin:0 10px; font-size:13px; border-width:2px; border-color:rgba(255,255,255,.06)}
.er-lb-kim p{margin:0; font-size:14px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.er-lb-odul{flex:none; padding:5px 12px; border-radius:8px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.06); font-size:12px; font-weight:600; color:var(--rs-vurgu); font-variant-numeric:tabular-nums}
.er-iskelet{height:52px; border-radius:10px; background:linear-gradient(90deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.07) 50%, rgba(255,255,255,.03) 100%); background-size:200% 100%; animation:erIs 1.2s linear infinite}
.er-iskelet + .er-iskelet{margin-top:6px}
@keyframes erIs{to{background-position:-200% 0}}

/* ---------- duyarlı ---------- */
@media (max-width:1024px){
  .er-izgara{grid-template-columns:minmax(0,1fr)}
  .er-afis{width:140px; height:140px; margin:10px}
  .er-kart-govde{padding:12px 14px}
  .er-kart-btn{padding:8px 16px!important; font-size:12px!important}
}
@media (max-width:860px){
  .er-kurallar{flex-direction:column}
  .er-td-yan{width:100%}
  .er-td-yan .er-afis{aspect-ratio:16/7}
}
@media (max-width:768px){
  .er-bas{align-items:flex-start}
  .er-bas-i{width:34px; height:34px; font-size:16px}
  .er-cubuk{flex-direction:column; align-items:stretch}
  .er-sekmeler, .er-araclar{width:100%}
  .er-ara{flex:1}
  .er-ara.is-acik input, .er-ara input{width:100%}
  .er-ara input{padding-right:12px}
  .er-dd{flex:1}
  .er-dd-btn{width:100%; justify-content:space-between}
  .er-menu{left:0; right:auto; width:100%; min-width:0}
  .er-td-bas{padding:14px}
  .er-td-govde{padding:14px}
  .er-td-aks{width:100%}
  .er-td-aks .er-btn{flex:1}
}
@media (max-width:560px){
  .er-bas-aks .er-btn span{display:none}
  .er-kart{margin-bottom:10px}
  .er-afis{width:120px; height:120px; margin:10px}
  .er-kart-govde{padding:10px 12px 10px 0; gap:6px}
  .er-kart-ad{font-size:12px; line-height:1.2}
  .er-odul{font-size:9px; padding:2px 6px}
  .er-sp{font-size:9px}
  .er-durum{font-size:8px; padding:2px 6px}
  .er-sayac{gap:4px}
  .er-sayac-k{min-width:32px; padding:4px 2px; border-radius:6px}
  .er-sayac-k b{font-size:12px}
  .er-sayac-k span{font-size:7px}
  .er-sayac-ay{font-size:12px}
  .er-kart-btn{padding:6px 14px!important; font-size:11px!important}
  .er-ist span{font-size:9px}
  .er-bitti-tx{font-size:11px}
  .er-pod{min-width:0; flex:1; padding:20px 8px 14px}
  .er-pod p{font-size:13px}
  .er-lb-kim p{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .er *, .er-kart, .er-td{animation:none!important; transition:none!important}
}

/* ==========================================================================
   CANLI VİTRİN v2 — aktif etkinlikler (07.10): kompakt, net, premium.
   Üstte marka renginde temiz logo bandı (renk logodan, JS --er-rgb), kenarda
   ince dönen marka+altın ışık, sıkı ödül / sayaç / düğme. Bulanık leke yok.
   ========================================================================== */
@property --er-pk-aci{syntax:'<angle>'; inherits:false; initial-value:0deg}
.er-canli{position:relative; margin-top:2px}
.er-canli-bas{display:flex; align-items:center; flex-wrap:wrap; gap:10px 12px; margin-bottom:12px}
.er-canli-rozet{display:inline-flex; align-items:center; gap:7px; height:26px; padding:0 11px; border-radius:999px; background:rgba(255,68,68,.14); border:1px solid rgba(255,68,68,.38); color:#ff7a7a; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.er-canli-rozet i, .er-pk-durum i{width:7px; height:7px; border-radius:50%; background:#ff4444; animation:erNabiz 1.6s infinite}
@keyframes erNabiz{0%{box-shadow:0 0 0 0 rgba(255,68,68,.65)}70%{box-shadow:0 0 0 8px rgba(255,68,68,0)}100%{box-shadow:0 0 0 0 rgba(255,68,68,0)}}
.er-canli-bas h2{margin:0; font-size:18px; font-weight:700; line-height:1.2; color:#fff}
.er-canli-bas h2 b{display:inline-grid; place-items:center; min-width:24px; height:22px; padding:0 7px; margin-left:4px; border-radius:7px; font-size:12px; vertical-align:2px; background:var(--rs-vurgu); color:var(--rs-vurgu-yazi)}
.er-canli-havuz{margin-left:auto; display:inline-flex; align-items:center; gap:8px; height:34px; padding:0 12px; border-radius:10px; background:rgba(245,196,81,.08); border:1px solid rgba(245,196,81,.22); font-size:12px; font-weight:600; color:rgba(255,255,255,.7)}
.er-canli-havuz i{color:var(--rs-vurgu)}
.er-canli-havuz b{font-size:15px; font-weight:700; color:var(--rs-vurgu)}
.er-canli-bos{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:36px 16px; border-radius:14px; background:var(--rs-panel); border:1px solid var(--rs-cizgi)}
.er-canli-bos b{font-size:14px; color:rgba(255,255,255,.85)}
.er-canli-bos span{font-size:12px; color:rgba(255,255,255,.5)}
.er-canli-bos .er-btn{margin-top:10px; height:40px; font-size:13px!important}

.er-vitrin{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px}
.er-vitrin.is-tek{grid-template-columns:minmax(0,420px)}
.er-pk{--er-rgb:245,196,81; position:relative; display:flex; flex-direction:column; border-radius:14px; overflow:hidden; isolation:isolate; cursor:pointer; color:#fff!important;
  background:linear-gradient(180deg,#21144f 0%,#190f3f 100%);
  box-shadow:0 16px 36px -24px rgba(var(--er-rgb),.55), 0 1px 0 rgba(255,255,255,.04) inset;
  transition:transform .22s cubic-bezier(.22,.8,.3,1), box-shadow .22s; animation:erGir .45s cubic-bezier(.22,.8,.3,1) both; animation-delay:calc(var(--i, 0) * 70ms)}
.er-pk:hover{transform:translateY(-3px); box-shadow:0 24px 46px -24px rgba(var(--er-rgb),.75)}
.er-pk-isik{position:absolute; inset:0; z-index:3; border-radius:inherit; padding:1px; pointer-events:none;
  background:conic-gradient(from var(--er-pk-aci), rgba(255,255,255,.09) 0deg, rgba(255,255,255,.09) 210deg, rgba(var(--er-rgb),.9) 265deg, #ffe08a 305deg, rgba(var(--er-rgb),.9) 335deg, rgba(255,255,255,.09) 360deg);
  -webkit-mask-image:linear-gradient(#000,#000), linear-gradient(#000,#000); -webkit-mask-clip:content-box, border-box; -webkit-mask-composite:xor;
  mask-image:linear-gradient(#000,#000), linear-gradient(#000,#000); mask-clip:content-box, border-box; mask-composite:exclude;
  animation:erPkDon 4.5s linear infinite}
@keyframes erPkDon{to{--er-pk-aci:360deg}}
.er-pk-zemin, .er-pk-pirilti{display:none}

/* logo bandı */
.er-pk-ust{position:relative; display:flex; align-items:center; justify-content:center; height:100px; padding:20px 18px 0; overflow:hidden;
  background:radial-gradient(90% 130% at 50% 0%, rgba(var(--er-rgb),.34), rgba(var(--er-rgb),0) 70%),
             linear-gradient(180deg, rgba(var(--er-rgb),.12), rgba(var(--er-rgb),.02));
  border-bottom:1px solid rgba(255,255,255,.07)}
.er-pk-ust::after{content:""; position:absolute; top:0; bottom:0; left:-40%; width:30%; transform:skewX(-18deg); pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent); animation:erBant 5s ease-in-out infinite}
@keyframes erBant{0%,60%{left:-40%}100%{left:130%}}
.er-pk-logo{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; max-width:68%; height:100%; padding:0; background:none; border:0; color:rgba(255,255,255,.5); font-size:30px}
.er-pk-logo img{max-height:42px; max-width:100%; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.er-pk-durum{position:absolute; z-index:2; top:9px; left:9px; display:inline-flex; align-items:center; gap:6px; height:22px; padding:0 9px; border-radius:999px; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#ff8080; background:rgba(20,8,30,.6); border:1px solid rgba(255,68,68,.4); backdrop-filter:blur(4px)}
.er-pk-durum i{width:6px; height:6px}
.er-pk.is-acil .er-pk-durum{color:#fff; background:#ff4444; border-color:#ff4444; animation:erAcil 1.2s ease-in-out infinite}
.er-pk.is-acil .er-pk-durum i{background:#fff; animation:none}
@keyframes erAcil{50%{box-shadow:0 0 14px rgba(255,68,68,.75)}}

/* gövde */
.er-pk > .er-pk-ad, .er-pk > .er-pk-odul, .er-pk > .er-pk-sayac, .er-pk > .er-pk-ilerleme, .er-pk > .er-pk-tarih, .er-pk > .er-pk-alt, .er-pk > .er-bitti-tx{margin-left:16px; margin-right:16px}
.er-pk-ad{margin-top:13px; font-size:14px; font-weight:700; line-height:1.3; color:rgba(255,255,255,.95); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.er-pk-odul{display:grid; grid-template-columns:auto 1fr; align-items:end; gap:2px 10px; margin-top:9px}
.er-pk-odul small{grid-column:1; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5)}
.er-pk-odul strong{grid-column:1; display:flex; align-items:baseline; gap:5px; font-size:32px; line-height:1; font-weight:700; letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff3c4 0%,#f5c451 55%,#d99a1e 100%); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 4px 14px rgba(245,196,81,.32))}
.er-pk-odul strong em{font-style:normal; font-size:15px; font-weight:700}
.er-pk-odul strong.is-metin{font-size:20px}
.er-pk-cipler{grid-column:2; grid-row:1 / span 2; display:flex; flex-direction:column; align-items:flex-end; gap:5px; margin:0}
.er-pk-cip{display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 8px; border-radius:6px; font-size:11px; font-weight:600; white-space:nowrap; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.8)}
.er-pk-cip i{color:var(--rs-vurgu); font-size:10px}
.er-pk-cip.is-havuz{background:rgba(245,196,81,.1); border-color:rgba(245,196,81,.24); color:#ffe39a}
.er-pk-sayac{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:12px}
.er-pk-sk{display:flex; flex-direction:column; align-items:center; padding:7px 2px 6px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07)}
.er-pk-sk b{font-size:18px; font-weight:700; line-height:1; color:#fff; font-variant-numeric:tabular-nums}
.er-pk-sk span{margin-top:4px; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.42)}
.er-pk.is-acil .er-pk-sk{border-color:rgba(255,68,68,.35); background:rgba(255,68,68,.07)}
.er-pk.is-acil .er-pk-sk b{color:#ffc2c2}
.er-pk > .er-bitti-tx{margin-top:12px; font-size:12px}
.er-pk-ilerleme{position:relative; height:4px; margin-top:12px; border-radius:999px; background:rgba(255,255,255,.07); overflow:hidden}
.er-pk-ilerleme i{position:absolute; left:0; top:0; bottom:0; border-radius:inherit; overflow:hidden; background:linear-gradient(90deg, rgba(var(--er-rgb),1), #ffd66e)}
.er-pk-ilerleme i::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); transform:translateX(-100%); animation:erIlerle 2.4s ease-in-out infinite}
@keyframes erIlerle{to{transform:translateX(100%)}}
.er-pk-tarih{display:flex; justify-content:space-between; gap:10px; margin-top:6px; font-size:10.5px; font-weight:600; color:rgba(255,255,255,.42)}
.er-pk-alt{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding:12px 0 14px}
.er-pk-katilim{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:rgba(255,255,255,.58)}
.er-pk-katilim i{color:rgba(255,255,255,.4); font-size:11px}
.er-pk-katilim b{color:#fff}
.er-pk-btn{position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 18px; border-radius:10px; font-size:13px; font-weight:700; color:var(--rs-vurgu-yazi);
  background:linear-gradient(135deg,#ffe08a,#f5c451 50%,#e9a72b); box-shadow:0 10px 22px -12px rgba(245,196,81,.8), inset 0 1px 0 rgba(255,255,255,.55); transition:filter .15s}
.er-pk-btn::after{content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent); transform:skewX(-20deg); animation:erParla 3.2s ease-in-out infinite}
@keyframes erParla{0%,55%{left:-60%}100%{left:130%}}
.er-pk:hover .er-pk-btn{filter:brightness(1.06)}
.er-pk-btn i{font-size:12px; transition:transform .2s}
.er-pk:hover .er-pk-btn i{transform:translateX(3px)}
.er-pk-btn.is-katildi{background:rgba(52,211,153,.12); color:#6ee7b7; border:1px solid rgba(52,211,153,.35); box-shadow:none}
.er-pk-btn.is-ikincil{background:rgba(255,255,255,.08); color:#fff; box-shadow:none}
.er-pk-btn.is-katildi::after, .er-pk-btn.is-ikincil::after{display:none}

/* ---------- geçmiş etkinlikler (kapalı gelir) ---------- */
.er-gecmis{margin-top:18px}
.er-gecmis-ac{display:flex; align-items:center; gap:12px; width:100%; padding:12px 14px!important; border-radius:12px; background:var(--rs-panel)!important; border:1px solid var(--rs-cizgi)!important; text-align:left; transition:border-color .15s}
.er-gecmis-ac:hover{border-color:rgba(255,255,255,.16)!important}
.er-gecmis-i{width:36px; height:36px; flex:none; border-radius:10px; display:grid; place-items:center; background:rgba(255,255,255,.05); color:rgba(255,255,255,.55)}
.er-gecmis-tx{flex:1; min-width:0; display:flex; flex-direction:column}
.er-gecmis-tx b{font-size:14px; color:rgba(255,255,255,.85)}
.er-gecmis-tx small{font-size:11px; font-weight:600; color:rgba(255,255,255,.45)}
.er-gecmis-ok{flex:none; display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 12px; border-radius:9px; background:rgba(255,255,255,.05); font-size:12px; font-weight:700; color:rgba(255,255,255,.7)}
.er-gecmis-ok i{font-size:10px; transition:transform .2s}
.er-gecmis-ac[aria-expanded="true"] .er-gecmis-ok i{transform:rotate(180deg)}
.er-gecmis-ic{margin-top:12px}
.er-gecmis-ic .er-cipler{margin-top:8px}
.er-izgara-mini{grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px}
.er-mini{margin-bottom:0}
.er-mini.is-bitti{opacity:.84}
.er-mini:hover{opacity:1}
.er-mini .er-afis{width:84px; height:84px; margin:10px}
.er-mini .er-afis-lg{max-width:84%; max-height:46%}
.er-mini .er-kart-govde{padding:10px 12px 10px 0; gap:5px}
.er-mini .er-kart-ad{font-size:13px; -webkit-line-clamp:1}
.er-mini .er-sp{font-size:10px}
.er-mini .er-ist{gap:3px 10px}
.er-mini-durum{flex:none; padding:2px 7px; border-radius:5px; font-size:9px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; background:rgba(255,255,255,.12); color:rgba(255,255,255,.6)}
.er-mini-durum.is-bekliyor{background:rgba(255,193,7,.16); color:#ffc107}
.er-mini .er-mini-sonuc{color:var(--rs-vurgu); font-weight:700}
.er-mini-sonuc i{font-size:10px}

/* adet uyumu: 2 ve 4 aktifte boş hücre kalmasın, kartlar devleşmesin */
.er-vitrin.n-2{grid-template-columns:repeat(2,minmax(0,440px))}
.er-vitrin.n-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.er-vitrin.n-4 .er-pk-odul strong{font-size:28px}
.er-vitrin.n-4 .er-pk > .er-pk-ad, .er-vitrin.n-4 .er-pk > .er-pk-odul, .er-vitrin.n-4 .er-pk > .er-pk-sayac, .er-vitrin.n-4 .er-pk > .er-pk-ilerleme, .er-vitrin.n-4 .er-pk > .er-pk-tarih, .er-vitrin.n-4 .er-pk > .er-pk-alt{margin-left:14px; margin-right:14px}
.er-vitrin.n-4 .er-pk-btn{padding:0 14px}
@media (max-width:1400px){ .er-vitrin.n-4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:1280px){
  .er-vitrin{grid-template-columns:repeat(2,minmax(0,1fr))}
  .er-izgara-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .er-canli-bas h2{font-size:16px}
  .er-canli-havuz{margin-left:0; width:100%; justify-content:center}
  .er-vitrin, .er-vitrin.is-tek, .er-vitrin.n-2, .er-vitrin.n-4, .er-vitrin.n-5{grid-template-columns:minmax(0,1fr)}
  .er-pk-ust{height:84px}
  .er-pk-logo img{max-height:38px}
  .er-pk-odul strong{font-size:30px}
  .er-izgara-mini{grid-template-columns:minmax(0,1fr)}
}