/* ==========================================================================
   DENEME BONUSLARI (07.10.2026) — ana biçim nx-sponsor-r.css (.sr-*).
   Burada yalnız küçük eklemeler (.dn-).
   ========================================================================== */
/* tutar biraz daha baskın */
#dnPage .dn-kart{height:150px}
#dnPage .dn-kart .sr-kart-alt b{font-size:17px; line-height:22px; font-weight:900}

/* ---------- para animasyonlu başlık ---------- */
.dn-baslik{position:relative; overflow:hidden; isolation:isolate; display:flex; align-items:center; gap:14px; height:74px; margin:0 0 14px; padding:0 20px;
  border-radius:14px; border:1px solid rgba(245,196,81,.28);
  background:radial-gradient(60% 140% at 0% 50%, rgba(245,196,81,.20), transparent 60%), radial-gradient(50% 120% at 100% 50%, rgba(139,92,246,.22), transparent 60%), var(--rs-panel)}
.dn-baslik::after{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(100deg,transparent 30%,rgba(255,226,140,.16) 50%,transparent 70%); background-size:250% 100%; animation:dnParilti 4s ease-in-out infinite}
@keyframes dnParilti{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
.dn-baslik-i{position:relative; z-index:1; width:44px; height:44px; flex:none; display:grid; place-items:center; border-radius:12px; font-size:20px; color:var(--rs-vurgu-yazi);
  background:linear-gradient(135deg,#fff0b8,#f5c451 45%,#d99a1e); box-shadow:0 0 0 3px rgba(245,196,81,.18), 0 10px 24px -8px rgba(245,196,81,.9); animation:dnHediye 2.8s ease-in-out infinite}
@keyframes dnHediye{0%,70%,100%{transform:rotate(0) scale(1)}76%{transform:rotate(-12deg) scale(1.08)}82%{transform:rotate(10deg) scale(1.08)}88%{transform:rotate(-6deg)}94%{transform:rotate(3deg)}}
.dn-baslik-tx{position:relative; z-index:1; font-size:26px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; line-height:1;
  background:linear-gradient(100deg,#d99a1e 0%,#ffe28c 22%,#fff8dc 30%,#f5c451 40%,#c98a14 55%,#ffe28c 72%,#fff8dc 80%,#f5c451 90%);
  background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:dnAltin 3.2s linear infinite;
  filter:drop-shadow(0 2px 0 rgba(90,55,5,.55)) drop-shadow(0 0 14px rgba(245,196,81,.35))}
@keyframes dnAltin{to{background-position:-220% 0}}
.dn-baslik-say{position:relative; z-index:1; margin-left:auto; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800; color:var(--rs-vurgu); background:rgba(245,196,81,.12); border:1px solid rgba(245,196,81,.3)}
/* düşen paralar */
.dn-para{position:absolute; inset:0; z-index:0; pointer-events:none}
.dn-para i{position:absolute; top:-24px; left:var(--x); font-size:15px; color:#f5c451; opacity:0; filter:drop-shadow(0 0 6px rgba(245,196,81,.6));
  animation:dnDus var(--d) linear var(--g) infinite}
.dn-para .fa-money-bill-wave{color:#4ade80; font-size:14px; filter:drop-shadow(0 0 6px rgba(74,222,128,.5))}
@keyframes dnDus{0%{transform:translateY(0) rotate(0); opacity:0}12%{opacity:.85}80%{opacity:.6}100%{transform:translateY(110px) rotate(320deg); opacity:0}}
.dn-kalan{display:inline-flex; align-items:center; gap:5px; margin-top:3px; font-style:normal; font-size:11px; font-weight:700; color:#ff7b7b}
.dn-not{margin:6px 0 4px; text-align:center; font-size:11px; letter-spacing:.04em; color:rgba(255,255,255,.35); font-weight:600}
@media (max-width:767.98px){
  #dnPage .dn-kart{height:auto}
  #dnPage .dn-kart .sr-kart-alt b{font-size:13px; line-height:17px}
  .dn-baslik{height:60px; padding:0 14px; gap:10px}
  .dn-baslik-i{width:36px; height:36px; font-size:16px}
  .dn-baslik-tx{font-size:18px; letter-spacing:.04em}
  .dn-baslik-say{font-size:11px; padding:5px 9px}
  .dn-kalan{font-size:9px}
}
@media (prefers-reduced-motion:reduce){ .dn-baslik::after, .dn-baslik-i, .dn-baslik-tx, .dn-para i{animation:none} .dn-para{display:none} }