/* Venture - efekt.js ile birlikte: kart isigi, sayi parlamasi, ses dugmesi. */
.fx .card{position:relative}
.fx .card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.1),transparent 62%)}
.fx .lp .card::after,.lp.fxb .card::after{background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(var(--gold-rgb,221,178,74),.22),transparent 62%)}
.fx .card:hover::after{opacity:1}

.fx-up{animation:fxup 1.3s ease-out}
.fx-down{animation:fxdown 1.3s ease-out}
@keyframes fxup{0%,25%{color:#34d399;text-shadow:0 0 16px rgba(52,211,153,.55)}}
@keyframes fxdown{0%,25%{color:#f87171;text-shadow:0 0 16px rgba(248,113,113,.55)}}

[data-ses-dugme] .ses-off{display:none}
[data-ses-dugme].ses-kapali .ses-on{display:none}
[data-ses-dugme].ses-kapali .ses-off{display:inline}
.lp .sesb{width:44px;min-height:44px;padding:0;justify-content:center}
.lp .sesb .ic{width:18px;height:18px}
@media (max-width:560px){.lp .sesb{display:none}}

@media (prefers-reduced-motion:reduce){.fx-up,.fx-down{animation:none}}

/* Kulce rozeti (views/partials/rozet.ejs) - her panel sayfasinda. */
.kc-rz{display:inline-block;vertical-align:middle;flex:none;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.kc-rz-elmas{filter:drop-shadow(0 0 4px rgba(120,200,255,.45)) drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.kc-rz-altin{filter:drop-shadow(0 0 3px rgba(240,190,80,.35)) drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.prof{position:relative}
.prof-rz{position:absolute;left:26px;bottom:2px;line-height:0;pointer-events:none}