/* Uye paneli — views/index.php'deki PHP icermeyen stil bloklari (Plan v2 P3c).
   Sira korunarak birlestirildi; tarayici onbellege alir. */

    /* ── Layout ── */
    .bt-wrap{padding:20px 0 80px;max-width:520px;margin:0 auto}

    /* ── Hero Banner ── */
    .bt-hero{
        position:relative;text-align:center;padding:40px 24px 36px;
        background:linear-gradient(170deg,color-mix(in srgb,var(--bt-accent) 10%,transparent) 0%,transparent 50%);
        border-radius:20px;margin:0 0 16px;
        border:1px solid color-mix(in srgb,var(--bt-accent) 8%,transparent);
        overflow:hidden
    }
    .bt-hero-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:400px;height:200px;background:radial-gradient(ellipse,color-mix(in srgb,var(--bt-accent) 12%,transparent),transparent 70%);pointer-events:none}
    .bt-hero-icon{
        width:52px;height:52px;margin:0 auto 16px;border-radius:16px;
        background:linear-gradient(135deg,var(--bt-accent),var(--bt-accent-dark));
        display:flex;align-items:center;justify-content:center;
        font-size:20px;color:#000;
        box-shadow:0 8px 24px color-mix(in srgb,var(--bt-accent) 30%,transparent),0 0 0 4px color-mix(in srgb,var(--bt-accent) 8%,transparent)
    }
    .bt-hero-title{font-size:18px;font-weight:800;color:var(--bt-text);margin:0 0 10px;letter-spacing:.2px}
    .bt-hero-badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:22px}
    .bt-badge-pill{
        display:inline-flex;align-items:center;gap:4px;
        padding:4px 12px;border-radius:8px;
        font-size:10px;font-weight:700;letter-spacing:.5px;
        background:color-mix(in srgb,var(--bt-accent) 8%,transparent);color:var(--bt-accent);
        border:1px solid color-mix(in srgb,var(--bt-accent) 15%,transparent);text-transform:uppercase
    }
    .bt-badge-pill--ok{background:color-mix(in srgb,var(--bt-won) 8%,transparent);color:var(--bt-won);border-color:color-mix(in srgb,var(--bt-won) 20%,transparent)}
    .bt-badge-pill--win{background:color-mix(in srgb,var(--bt-accent) 10%,transparent);font-family:'Courier New',monospace;font-size:12px;letter-spacing:2px}

    /* ── Countdown ── */
    .bt-cd{display:flex;justify-content:center;align-items:center;gap:8px}
    .bt-cd-box{
        display:flex;flex-direction:column;align-items:center;
        background:var(--bt-cd-bg);
        border:1px solid color-mix(in srgb,var(--bt-accent) 12%,transparent);border-radius:14px;
        padding:12px 8px 10px;min-width:64px;
        backdrop-filter:blur(8px)
    }
    .bt-cd-num{font-family:'Courier New',monospace;font-size:28px;font-weight:900;color:var(--bt-accent);line-height:1;text-shadow:0 0 20px color-mix(in srgb,var(--bt-accent) 30%,transparent)}
    .bt-cd-lbl{font-size:8px;font-weight:700;color:var(--bt-text-muted);letter-spacing:1.5px;margin-top:6px;text-transform:uppercase}
    .bt-cd-sep{font-size:20px;font-weight:800;color:color-mix(in srgb,var(--bt-accent) 25%,transparent);padding-bottom:14px}

    /* ── Cards ── */
    .bt-card{
        margin:0 0 12px;
        background:var(--bt-card-bg);
        border:1px solid var(--bt-card-border);
        border-radius:16px;overflow:hidden;
        transition:border-color .2s
    }
    .bt-card:hover{border-color:color-mix(in srgb,var(--bt-card-border) 100%,#fff 20%)}
    .bt-card-head{
        display:flex;align-items:center;gap:8px;
        padding:13px 18px;font-size:13px;font-weight:700;
        color:color-mix(in srgb,var(--bt-text) 80%,transparent);
        border-bottom:1px solid color-mix(in srgb,var(--bt-card-border) 60%,transparent);
        background:color-mix(in srgb,var(--bt-card-bg) 100%,#fff 2%)
    }
    .bt-card-head i{color:var(--bt-accent);font-size:14px}
    .bt-card-body{padding:14px 18px}
    .bt-card-body--flush{padding:0}
    .bt-badge{
        margin-left:auto;
        background:linear-gradient(135deg,var(--bt-accent),var(--bt-accent-dark));color:#000;
        font-size:10px;font-weight:800;
        padding:3px 10px;border-radius:8px;
        min-width:20px;text-align:center
    }

    /* ── Prize rows ── */
    .bt-prize{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--bt-card-border) 40%,transparent)}
    .bt-prize:last-child{border-bottom:none}
    .bt-prize-rank{
        width:40px;height:40px;border-radius:12px;
        background:color-mix(in srgb,var(--bt-card-border) 30%,transparent);
        display:flex;align-items:center;justify-content:center;
        font-size:16px;flex-shrink:0
    }
    .bt-prize-info{flex:1;min-width:0}
    .bt-prize-label{font-weight:600;color:color-mix(in srgb,var(--bt-text) 85%,transparent);font-size:13px}
    .bt-prize-meta{font-size:11px;color:var(--bt-text-muted);margin-top:3px}
    .bt-prize-val{font-weight:900;color:var(--bt-accent);font-size:17px;white-space:nowrap}
    .bt-prize-val small{font-size:12px;font-weight:600;margin-left:2px;opacity:.7}

    /* ── Deposit rows ── */
    .bt-dep{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid color-mix(in srgb,var(--bt-card-border) 40%,transparent);gap:12px}
    .bt-dep:last-child{border-bottom:none}
    .bt-dep-left{min-width:0}
    .bt-dep-amount{font-weight:700;color:var(--bt-text);font-size:14px}
    .bt-dep-sub{font-size:11px;color:var(--bt-text-muted);margin-top:3px}

    /* ── Buttons ── */
    .bt-btn{
        display:inline-flex;align-items:center;justify-content:center;gap:7px;
        padding:10px 20px;border-radius:12px;border:none;
        font-size:13px;font-weight:700;cursor:pointer;
        transition:all .2s ease;white-space:nowrap;text-decoration:none
    }
    .bt-btn--primary{background:linear-gradient(135deg,var(--bt-btn),var(--bt-accent-dark));color:#000;box-shadow:0 4px 16px color-mix(in srgb,var(--bt-btn) 25%,transparent)}
    .bt-btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in srgb,var(--bt-btn) 35%,transparent)}
    .bt-btn--gold{background:linear-gradient(135deg,color-mix(in srgb,var(--bt-accent) 100%,#fff 30%),var(--bt-accent));color:#000;box-shadow:0 4px 16px color-mix(in srgb,var(--bt-accent) 20%,transparent)}
    .bt-btn--gold:hover{filter:brightness(1.08);transform:translateY(-1px)}
    .bt-btn--full{width:100%}
    .bt-btn--lg{padding:14px 24px;font-size:15px;border-radius:14px}
    .bt-btn b{font-weight:800}

    /* ── Ticket grid ── */
    .bt-tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}
    .bt-tk{
        background:color-mix(in srgb,var(--bt-card-bg) 100%,#fff 3%);
        border:1px solid var(--bt-card-border);
        border-radius:14px;padding:14px 8px 12px;
        text-align:center;transition:all .2s;position:relative
    }
    .bt-tk:hover{border-color:color-mix(in srgb,var(--bt-accent) 20%,transparent);background:color-mix(in srgb,var(--bt-card-bg) 100%,#fff 5%)}
    .bt-tk--won{background:color-mix(in srgb,var(--bt-won) 6%,transparent);border-color:color-mix(in srgb,var(--bt-won) 18%,transparent)}
    .bt-tk--lost{background:color-mix(in srgb,var(--bt-lost) 3%,transparent);border-color:color-mix(in srgb,var(--bt-lost) 10%,transparent);opacity:.5}
    .bt-tk-num{font-family:'Courier New',monospace;font-size:16px;font-weight:900;color:var(--bt-accent);letter-spacing:2px;margin-bottom:5px}
    .bt-tk--won .bt-tk-num{color:var(--bt-won)}
    .bt-tk--lost .bt-tk-num{color:color-mix(in srgb,var(--bt-text) 20%,transparent)}
    .bt-tk-status{font-size:10px;color:var(--bt-text-muted);display:flex;align-items:center;justify-content:center;gap:4px}
    .bt-tk--won .bt-tk-status{color:var(--bt-won)}
    .bt-tk--lost .bt-tk-status{color:var(--bt-lost)}
    .bt-tk-win{font-size:10px;color:var(--bt-won);font-weight:700;margin-top:4px}

    /* ── Empty state ── */
    .bt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px;gap:10px;color:color-mix(in srgb,var(--bt-text) 15%,transparent)}
    .bt-empty i{font-size:30px}
    .bt-empty span{font-size:12px;letter-spacing:.3px}

    /* ── Leaderboard ── */
    .bt-lb-head{display:grid;grid-template-columns:40px 1fr auto;padding:10px 18px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:color-mix(in srgb,var(--bt-text) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--bt-card-border) 50%,transparent)}
    .bt-lb-row{display:grid;grid-template-columns:40px 1fr auto;padding:12px 18px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--bt-card-border) 30%,transparent);transition:background .2s}
    .bt-lb-row:last-child{border-bottom:none}
    .bt-lb-row:hover{background:color-mix(in srgb,var(--bt-card-bg) 100%,#fff 3%)}
    .bt-lb-rank{font-weight:800;color:color-mix(in srgb,var(--bt-text) 35%,transparent);font-size:13px}
    .bt-lb--top1 .bt-lb-rank{color:#ffd700;font-size:17px}
    .bt-lb--top2 .bt-lb-rank{color:#c0c0c0;font-size:15px}
    .bt-lb--top3 .bt-lb-rank{color:#cd7f32;font-size:15px}
    .bt-lb-name{color:color-mix(in srgb,var(--bt-text) 55%,transparent);font-size:13px;font-weight:500}
    .bt-lb--top1 .bt-lb-name{color:#ffd700;font-weight:700}
    .bt-lb--top2 .bt-lb-name{color:#e0e0e0;font-weight:600}
    .bt-lb--top3 .bt-lb-name{color:color-mix(in srgb,var(--bt-accent) 100%,#fff 20%);font-weight:600}
    .bt-lb-count{font-weight:800;color:var(--bt-accent);font-size:14px;min-width:30px;text-align:right}
    .bt-lb-empty{padding:28px 16px;text-align:center;color:color-mix(in srgb,var(--bt-text) 15%,transparent);font-size:12px}

    /* ── Rules ── */
    #biletRulesText{font-size:13px;color:var(--bt-text-muted);line-height:1.8}

    /* ── Modal ── */
    .bt-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10010;display:flex;align-items:center;justify-content:center;padding:16px;animation:bt-fade .2s ease}
    @keyframes bt-fade{from{opacity:0}to{opacity:1}}
    .bt-modal{
        background:linear-gradient(160deg,var(--bt-modal-bg) 0%,color-mix(in srgb,var(--bt-modal-bg) 100%,#000 15%) 100%);
        border:1px solid color-mix(in srgb,var(--bt-accent) 15%,transparent);border-radius:20px;
        padding:32px 24px 28px;width:100%;max-width:380px;position:relative;
        box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.2) inset;
        animation:bt-slide .3s cubic-bezier(.16,1,.3,1)
    }
    @keyframes bt-slide{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
    .bt-modal-x{position:absolute;top:14px;right:14px;background:color-mix(in srgb,var(--bt-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--bt-text) 8%,transparent);border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--bt-text) 35%,transparent);font-size:13px;cursor:pointer;transition:all .2s}
    .bt-modal-x:hover{background:color-mix(in srgb,var(--bt-text) 10%,transparent);color:var(--bt-text)}
    .bt-modal-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:linear-gradient(135deg,var(--bt-accent),var(--bt-accent-dark));display:flex;align-items:center;justify-content:center;font-size:18px;color:#000;box-shadow:0 6px 20px color-mix(in srgb,var(--bt-accent) 25%,transparent)}
    .bt-modal-title{text-align:center;font-size:17px;font-weight:800;color:var(--bt-text);margin:0 0 6px}
    .bt-modal-sub{text-align:center;font-size:12px;color:var(--bt-text-muted);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--bt-text) 6%,transparent)}
    .bt-modal-sub span{color:var(--bt-accent);font-weight:700}
    .bt-modal-or{text-align:center;margin:14px 0;position:relative;color:color-mix(in srgb,var(--bt-text) 18%,transparent);font-size:11px}
    .bt-modal-or::before,.bt-modal-or::after{content:'';position:absolute;top:50%;width:calc(50% - 45px);height:1px;background:color-mix(in srgb,var(--bt-text) 6%,transparent)}
    .bt-modal-or::before{left:0}
    .bt-modal-or::after{right:0}
    .bt-modal-or span{background:var(--bt-modal-bg);padding:0 10px;position:relative}
    .bt-numara-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
    .bt-numara-input{
        flex:1;background:rgba(0,0,0,.4);
        border:1px solid color-mix(in srgb,var(--bt-text) 8%,transparent);border-radius:12px;
        padding:12px 14px;font-family:'Courier New',monospace;
        font-size:24px;font-weight:900;color:var(--bt-accent);
        text-align:center;letter-spacing:8px;outline:none;transition:border-color .2s
    }
    .bt-numara-input::placeholder{color:color-mix(in srgb,var(--bt-text) 10%,transparent)}
    .bt-numara-input:focus{border-color:color-mix(in srgb,var(--bt-accent) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--bt-accent) 8%,transparent)}
    .bt-numara-check{font-size:18px;width:26px;text-align:center;flex-shrink:0}
    .bt-modal-msg{text-align:center;font-size:12px;margin-top:16px;min-height:22px}
    .bt-modal--wide{max-width:460px}

    /* ── Biletlerim Butonu ── */
    .bt-mytickets-btn{
        display:flex;align-items:center;justify-content:space-between;
        width:100%;margin:0 0 12px;padding:16px 20px;
        background:var(--bt-card-bg);
        border:1px solid var(--bt-card-border);border-radius:16px;
        cursor:pointer;transition:all .2s;color:var(--bt-text);
        -webkit-appearance:none;appearance:none
    }
    .bt-mytickets-btn:hover{border-color:color-mix(in srgb,var(--bt-accent) 20%,transparent);background:color-mix(in srgb,var(--bt-card-bg) 100%,#fff 3%)}
    .bt-mytickets-btn:active{transform:scale(.99)}
    .bt-mytickets-btn-left{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--bt-text) 80%,transparent)}
    .bt-mytickets-btn-left i{color:var(--bt-accent);font-size:15px}
    .bt-mytickets-btn-right{display:flex;align-items:center;gap:10px}
    .bt-mytickets-btn-right i{color:color-mix(in srgb,var(--bt-text) 25%,transparent);font-size:11px;transition:transform .2s}
    .bt-mytickets-btn:hover .bt-mytickets-btn-right i{transform:translateX(2px);color:color-mix(in srgb,var(--bt-text) 40%,transparent)}
    .bt-mytickets-count{
        background:linear-gradient(135deg,var(--bt-accent),var(--bt-accent-dark));color:#000;
        font-size:12px;font-weight:800;
        padding:3px 12px;border-radius:10px;
        min-width:28px;text-align:center;
        box-shadow:0 2px 8px color-mix(in srgb,var(--bt-accent) 20%,transparent)
    }

    /* ── Biletlerim Modal Scroll ── */
    #biletlerimModalList::-webkit-scrollbar{width:4px}
    #biletlerimModalList::-webkit-scrollbar-track{background:transparent}
    #biletlerimModalList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--bt-accent) 20%,transparent);border-radius:4px}
    #biletlerimModalList::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--bt-accent) 35%,transparent)}

    /* ── Responsive ── */
    @media(max-width:560px){
        .bt-wrap{padding:14px 12px 24px}
        .bt-hero{padding:32px 18px 28px;border-radius:16px}
        .bt-hero-icon{width:46px;height:46px;font-size:18px;border-radius:14px}
        .bt-hero-title{font-size:16px}
        .bt-cd-box{min-width:56px;padding:10px 6px 8px;border-radius:12px}
        .bt-cd-num{font-size:24px}
        .bt-cd-sep{font-size:16px}
        .bt-card{border-radius:14px;margin:0 0 10px}
        .bt-card-head{padding:12px 14px;font-size:12px}
        .bt-card-body{padding:12px 14px}
        .bt-tickets{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}
        .bt-modal{padding:24px 18px 22px;max-width:92vw;border-radius:16px}
        .bt-numara-input{font-size:20px;letter-spacing:5px;padding:10px}
        .bt-dep{flex-direction:column;align-items:stretch;padding:12px 14px}
        .bt-dep .bt-btn{width:100%}
        .bt-dep--piyango{flex-direction:column;align-items:stretch}
        .bt-dep-btns{flex-direction:column;gap:6px}
        .bt-dep-btns .bt-btn{width:100%}
        .bt-lb-head,.bt-lb-row{padding:10px 14px}
    }

    /* Piyango deposit buttons */
    .bt-dep--piyango{gap:10px}
    .bt-dep-btns{display:flex;gap:8px;flex-shrink:0}
    .bt-btn--sm{padding:8px 14px;font-size:12px}
    .bt-btn--gold{background:linear-gradient(135deg,#c9a030,#e8b838);color:#000;font-weight:700}
    .bt-btn--gold:active{transform:scale(.97)}

    /* Piyango modal progress */
    .bt-piyango-progress{margin:14px 0 12px}
    .bt-piyango-bar{height:6px;background:var(--bt-card-border,#2a2a35);border-radius:4px;overflow:hidden}
    .bt-piyango-bar-fill{height:100%;background:linear-gradient(90deg,var(--bt-accent,#e8a838),var(--bt-accent-dark,#d4922c));border-radius:4px;transition:width .3s ease}
    .bt-piyango-counter{text-align:center;font-size:11px;color:var(--bt-text-muted,#8a8a9a);margin-top:6px;font-weight:600}
    .bt-piyango-ticket{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid var(--bt-card-border,#2a2a35);border-radius:8px;padding:5px 10px;margin:3px;font-size:11px;font-family:monospace}
    .bt-piyango-ticket i{color:var(--bt-accent,#e8a838)}
    

    .st-wrap{padding:20px 16px 32px;max-width:520px;margin:0 auto;width:100%}
    /* Üst bar */
    .st-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
    .st-puan-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:20px;background:var(--st-puan-badge-bg,rgba(255,199,0,.15));color:var(--st-puan-badge-text,#ffc700);font-size:14px;font-weight:700}
    .st-hesapla-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:20px;border:1.5px solid var(--st-card-border,rgba(255,255,255,.15));background:transparent;color:var(--st-text-muted,rgba(255,255,255,.6));font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}
    .st-hesapla-btn:hover{border-color:var(--st-accent,#ffc700);color:var(--st-accent,#ffc700)}
    /* Grid */
    .st-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    @media(max-width:400px){.st-grid{grid-template-columns:1fr}}
    /* Ürün kartı */
    .st-kart{background:var(--st-card-bg,rgba(255,255,255,.06));border:1.5px solid var(--st-card-border,rgba(255,255,255,.10));border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
    .st-kart:hover{transform:translateY(-2px);border-color:var(--st-accent,#ffc700)}
    .st-kart-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}
    .st-kart-img img{width:100%;height:100%;object-fit:cover}
    .st-kart-img-placeholder{width:100%;aspect-ratio:4/3;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;font-size:32px;color:rgba(255,255,255,.15)}
    .st-kart-body{padding:12px}
    .st-kart-tip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700;margin-bottom:6px}
    .st-kart-tip--bonus{background:rgba(80,205,137,.15);color:#50cd89}
    .st-kart-tip--gercek{background:rgba(114,57,234,.15);color:#7239ea}
    .st-kart-ad{font-size:13px;font-weight:700;color:var(--st-text,#fff);margin-bottom:4px;line-height:1.4}
    .st-kart-aciklama{font-size:11px;color:var(--st-text-sub,rgba(255,255,255,.3));margin-bottom:8px;line-height:1.4}
    .st-kart-puan{font-size:14px;font-weight:800;color:var(--st-accent,#ffc700);margin-bottom:10px}
    .st-kart-btn{width:100%;padding:9px;border-radius:10px;border:none;cursor:pointer;font-size:12px;font-weight:700;background:linear-gradient(135deg,var(--st-accent,#ffc700),var(--st-accent-dark,#ff9900));color:var(--st-btn-text,#1a1a1a);transition:opacity .15s}
    .st-kart-btn:hover{opacity:.85}
    .st-kart-btn:disabled{opacity:.35;cursor:not-allowed;background:rgba(255,255,255,.1);color:rgba(255,255,255,.3)}
    .st-stok{font-size:10px;color:var(--st-text-sub);margin-top:4px;text-align:center}

    /* ── Popup (promo kodu stili) ── */
    .st-popup-backdrop{position:fixed;inset:0;z-index:10005;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:16px}
    .st-popup{position:relative;background:#2b2b2b;border-radius:20px;border:1px solid rgba(255,255,255,.07);box-shadow:0 28px 70px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.35) inset;width:min(440px,100%);max-height:88vh;overflow-y:auto;overflow-x:hidden;animation:st-popup-in .35s cubic-bezier(.22,1,.36,1) both}
    @keyframes st-popup-in{from{opacity:0;transform:scale(.93) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
    .st-popup-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#3d3d42,#2e2e32);color:rgba(255,255,255,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:transform .15s,border-color .15s,background .15s;z-index:1}
    .st-popup-close:hover{transform:scale(1.08);border-color:rgba(242,169,59,.45);background:linear-gradient(180deg,#4a4a50,#35353a)}
    .st-popup-inner{padding:28px 24px 26px}
    .st-popup-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;border:1px solid rgba(242,169,59,.35);background:linear-gradient(145deg,rgba(242,169,59,.16),rgba(232,149,36,.06));display:flex;align-items:center;justify-content:center;color:var(--otb-gold,#f2a93b);font-size:1.35rem;box-shadow:0 8px 24px rgba(0,0,0,.25)}
    .st-popup-icon--cart{border-color:rgba(114,57,234,.35);background:linear-gradient(145deg,rgba(114,57,234,.16),rgba(90,40,200,.06));color:#7239ea}
    .st-popup-title{margin:0 40px 6px;text-align:center;font-size:1.15rem;font-weight:800;letter-spacing:.02em;color:#fff}
    .st-popup-hint{margin:0 0 20px;text-align:center;font-size:.82rem;line-height:1.55;color:rgba(255,255,255,.45)}

    /* Bakiye özet satırı */
    .st-bal-row{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.28);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:12px;color:rgba(255,255,255,.45)}
    .st-bal-row strong{font-weight:700}
    .st-bal-row .st-bal-earn{color:#50cd89}
    .st-bal-row .st-bal-now{color:var(--otb-gold,#f2a93b)}

    /* Yatırım satırları */
    .st-tx-list{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}
    .st-tx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.32);transition:border-color .15s}
    .st-tx-row:hover{border-color:rgba(242,169,59,.22)}
    .st-tx-name{font-size:13px;font-weight:600;color:#fff}
    .st-tx-sub{font-size:11px;color:rgba(255,255,255,.38);margin-top:2px}
    .st-tx-puan{font-size:15px;font-weight:800;color:var(--otb-gold,#f2a93b);white-space:nowrap}

    /* Boş durum */
    .st-empty-inner{text-align:center;padding:16px 0 8px}
    .st-empty-inner i{font-size:2.2rem;color:#50cd89;display:block;margin-bottom:10px}
    .st-empty-inner p{color:#fff;font-weight:700;font-size:.95rem;margin:0 0 4px}
    .st-empty-inner span{font-size:.8rem;color:rgba(255,255,255,.38)}

    /* Aktar butonu */
    .st-aktar-btn{width:100%;margin-top:18px;padding:14px 20px;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:800;font-size:.95rem;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,var(--otb-gold,#f2a93b),var(--otb-gold-2,#e89524));color:#1a1208;box-shadow:0 8px 24px var(--otb-gold-glow,rgba(242,169,59,.3));transition:filter .2s,box-shadow .2s,transform .2s}
    .st-aktar-btn:hover{filter:brightness(1.07);box-shadow:0 10px 30px var(--otb-gold-glow,rgba(242,169,59,.35))}
    .st-aktar-btn:active{transform:scale(.98)}
    .st-aktar-btn:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none}
    .st-aktar-btn i{font-size:.85em;transition:transform .22s}
    .st-aktar-btn:hover:not(:disabled) i{transform:translateX(3px)}

    /* Satın Al Modal – ürün özet */
    .st-sa-img{width:100%;max-height:150px;object-fit:cover;border-radius:12px;margin-bottom:14px}
    .st-sa-tip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:700;margin-bottom:12px}
    .st-sa-tip--bonus{background:rgba(80,205,137,.15);color:#50cd89}
    .st-sa-tip--gercek{background:rgba(114,57,234,.15);color:#7239ea}
    .st-sa-desc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.55;margin-bottom:14px;text-align:center;padding:10px 12px;background:rgba(0,0,0,.25);border-radius:10px;border:1px solid rgba(255,255,255,.06)}
    .st-sa-puan-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
    .st-sa-puan-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07);font-size:13px}
    .st-sa-puan-row span:first-child{color:rgba(255,255,255,.45)}
    .st-sa-puan-row strong{font-weight:800}
    .st-sa-btn{width:100%;margin-top:18px;padding:14px 20px;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:800;font-size:.95rem;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,var(--otb-gold,#f2a93b),var(--otb-gold-2,#e89524));color:#1a1208;box-shadow:0 8px 24px var(--otb-gold-glow,rgba(242,169,59,.3));transition:filter .2s,box-shadow .2s,transform .2s}
    .st-sa-btn:hover{filter:brightness(1.07)}
    .st-sa-btn:active{transform:scale(.98)}
    .st-sa-btn:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none}
    .st-sa-msg{font-size:12px;color:#f1416c;text-align:center;margin-top:10px;padding:8px 12px;background:rgba(241,65,108,.08);border-radius:8px;border:1px solid rgba(241,65,108,.2)}

    /* Başarı ekranı */
    .st-success-screen{text-align:center;padding:12px 0 4px}
    .st-success-screen i{font-size:2.8rem;color:#50cd89;display:block;margin-bottom:12px}
    .st-success-screen p{color:#fff;font-weight:800;font-size:1rem;margin:0 0 6px}
    .st-success-screen small{color:rgba(255,255,255,.4);font-size:.8rem}

    @media(max-width:480px){.st-popup-inner{padding:24px 18px 22px}.st-popup-title{font-size:1rem;margin-left:36px;margin-right:36px}}
    

    .beniara-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px 32px;max-width:440px;margin:0 auto;width:100%}
    .beniara-icon{font-size:48px;color:var(--ba-icon-color,#ffc700);background:var(--ba-icon-bg,rgba(255,199,0,.12));width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;line-height:1}
    .beniara-title{font-size:22px;font-weight:800;color:var(--ba-text,#fff);margin:0 0 8px}
    .beniara-sub{font-size:13px;color:var(--ba-text-muted,rgba(255,255,255,.45));margin:0 0 24px;line-height:1.6}
    /* Pending / durum uyarı kartı */
    .beniara-status-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--ba-card-bg,rgba(255,255,255,.05));border:1.5px solid var(--ba-card-border,rgba(255,255,255,.1));border-radius:16px;padding:24px 20px;margin-bottom:20px;text-align:center}
    .beniara-status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--ba-icon-bg,rgba(255,199,0,.15));color:var(--ba-icon-color,#ffc700);flex-shrink:0}
    .beniara-status-durum{font-size:18px;font-weight:800;color:var(--ba-text,#fff)}
    .beniara-status-info{width:100%;display:flex;flex-direction:column;gap:8px;background:var(--ba-input-bg,rgba(255,255,255,.04));border-radius:10px;padding:12px 14px}
    .beniara-status-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ba-text-muted,rgba(255,255,255,.7))}
    .beniara-status-row i{width:14px;text-align:center;color:var(--ba-text-sub,rgba(255,255,255,.35));flex-shrink:0}
    .beniara-status-not{width:100%;background:var(--ba-input-bg,rgba(255,255,255,.06));border-radius:8px;padding:10px 14px;font-size:12px;color:var(--ba-text-muted,rgba(255,255,255,.6));line-height:1.5;text-align:left}
    .beniara-status-alt{margin:0;font-size:12px;color:var(--ba-text-sub,rgba(255,255,255,.35))}
    .beniara-yeni-btn{padding:11px 24px;border-radius:20px;border:1.5px solid color-mix(in srgb, var(--ba-accent,#ffc700) 40%, transparent);background:transparent;color:var(--ba-accent,#ffc700);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:7px}
    .beniara-yeni-btn:hover{background:var(--ba-icon-bg,rgba(255,199,0,.1))}
    /* Form alanları */
    #beniaraForm{width:100%}
    .beniara-field{display:flex;align-items:center;background:var(--ba-input-bg,rgba(255,255,255,.06));border:1.5px solid var(--ba-card-border,rgba(255,255,255,.1));border-radius:12px;overflow:hidden;margin-bottom:12px;transition:border-color .15s}
    .beniara-field:focus-within{border-color:var(--ba-accent,#ffc700)}
    .beniara-field--textarea{align-items:flex-start}
    .beniara-field-icon{padding:0 14px;color:var(--ba-text-sub,rgba(255,255,255,.35));font-size:15px;line-height:48px}
    .beniara-field-icon--top{line-height:1;padding-top:14px}
    .beniara-input{flex:1;background:transparent;border:none;outline:none;color:var(--ba-text,#fff);font-size:14px;padding:14px 14px 14px 0}
    .beniara-input::placeholder{color:var(--ba-text-sub,rgba(255,255,255,.22))}
    .beniara-textarea{padding:12px 14px 12px 0;resize:none;line-height:1.5}
    /* İletişim tercihleri */
    .beniara-tercih-label{font-size:12px;color:var(--ba-text-sub,rgba(255,255,255,.4));text-align:left;width:100%;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
    .beniara-tercihler{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-bottom:18px}
    .beniara-tercih{display:flex;align-items:center}
    .beniara-tercih input[type="checkbox"]{display:none}
    .beniara-tercih span{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1.5px solid var(--ba-card-border,rgba(255,255,255,.12));font-size:13px;color:var(--ba-text-muted,rgba(255,255,255,.55));cursor:pointer;transition:all .15s;font-weight:600}
    .beniara-tercih input:checked + span{border-color:var(--ba-accent,#ffc700);color:var(--ba-accent,#ffc700);background:var(--ba-icon-bg,rgba(255,199,0,.08))}
    /* Gönder butonu */
    .beniara-btn{width:100%;padding:14px;border-radius:12px;border:none;cursor:pointer;font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--ba-accent,#ffc700),var(--ba-accent-dark,#ff9900));color:var(--ba-btn-text,#1a1a1a);display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}
    .beniara-btn:hover{opacity:.88}
    .beniara-btn:disabled{opacity:.5;cursor:not-allowed}
    #beniaraMsg{margin-top:12px;font-size:13px;font-weight:600;padding:10px 14px;border-radius:8px}
    /* Başarı */
    .beniara-success{display:flex;flex-direction:column;align-items:center;gap:14px;color:#50cd89}
    .beniara-success i{font-size:54px}
    .beniara-success p{font-size:18px;font-weight:700;color:var(--ba-text,#fff);margin:0;line-height:1.5;text-align:center}
    .beniara-success p span{font-size:13px;font-weight:400;color:var(--ba-text-muted,rgba(255,255,255,.5))}
    .beniara-success .beniara-yeni-btn{border-color:rgba(80,205,137,.4);color:#50cd89}
    .beniara-success .beniara-yeni-btn:hover{background:rgba(80,205,137,.1)}
    /* Geçmiş talepler butonu */
    .beniara-gecmis-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:20px;border:1.5px solid var(--ba-card-border,rgba(255,255,255,.15));background:transparent;color:var(--ba-text-muted,rgba(255,255,255,.5));font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}
    .beniara-gecmis-btn:hover{border-color:var(--ba-accent,#ffc700);color:var(--ba-accent,#ffc700);background:var(--ba-icon-bg,rgba(255,199,0,.06))}
    /* Geçmiş talepler listesi */
    .ba-gecmis-item{background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}
    .ba-gecmis-item:hover{border-color:rgba(99,102,241,.3)}
    .ba-gecmis-item + .ba-gecmis-item{margin-top:8px}
    .ba-gecmis-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .ba-gecmis-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em}
    .ba-gecmis-tarih{font-size:11px;color:rgba(255,255,255,.3);white-space:nowrap}
    .ba-gecmis-rows{display:flex;flex-direction:column;gap:5px}
    .ba-gecmis-row{font-size:12px;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:8px;line-height:1.4}
    .ba-gecmis-row i{width:13px;text-align:center;color:rgba(255,255,255,.25);flex-shrink:0;font-size:11px}
    .ba-gecmis-not{font-size:11px;color:rgba(255,255,255,.4);background:rgba(255,255,255,.04);border-radius:7px;padding:8px 11px;line-height:1.55;border:1px solid rgba(255,255,255,.06)}
    .ba-gecmis-empty{text-align:center;padding:24px 0 10px}
    .ba-gecmis-empty i{font-size:2rem;color:rgba(255,255,255,.15);display:block;margin-bottom:10px}
    .ba-gecmis-empty p{color:rgba(255,255,255,.3);font-size:.85rem;margin:0}