/* m-financial — FanatikBet birebir mobil katmanı (bocekbet-lobby.css sonrası yüklenir) */
/* Not: payment-pages.css bu dosyadan SONRA yüklenir; seçiciler ".bb-account-wrap .payment-page" ile güçlendirildi. */

@media (max-width:760px){

  /* ---------- İÇ BOŞLUK: başlık kartı x=12; içerik FB'de yatırımda x=20 (8px), çekimde x=28 (16px) ---------- */
  .bb-account-wrap #depositModal.payment-page>:not(.payment-page-head){margin-left:8px;margin-right:8px}
  .bb-account-wrap #withdrawModal.payment-page>:not(.payment-page-head){margin-left:16px;margin-right:16px}

  /* ---------- BAŞLIK KARTI düzeltmesi: payment-pages.css (sonra yüklenir) geçmiş butonunu 38px / p13 yapıyordu → FB 36px, p 0 12px ---------- */
  .bb-account-wrap .payment-page .payment-history{height:36px;padding:0 12px}

  /* ---------- BÖLÜM ETİKETİ: FB sayaç satırı 14/400 #ababab lh20, 16px üst/alt ---------- */
  .bb-account-wrap .payment-page .payment-section-label{margin-top:16px;margin-bottom:16px;min-height:20px;gap:12px}
  .bb-account-wrap .payment-page .payment-section-label h2{margin:0;font-size:14px;font-weight:400;line-height:20px;color:#ababab;letter-spacing:0}
  .bb-account-wrap .payment-page .payment-section-label span{display:none}

  /* ---------- YATIRIM: sağlayıcı kartları (r8, #24262b, ince beyaz kenar) ---------- */
  .bb-account-wrap .payment-page .bb-prov-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
  .bb-account-wrap .payment-page .bb-prov-card{gap:8px;padding:16px 12px 12px;background:#24262b;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;min-width:0;transform:none !important}
  .bb-account-wrap .payment-page .bb-prov-card:hover,.bb-account-wrap .payment-page .bb-prov-card:active{border-color:rgba(255,0,58,.6);background:#2e3137}
  .bb-account-wrap .payment-page .bb-prov-card .bb-prov-logo{height:42px;max-width:100%}
  .bb-account-wrap .payment-page .bb-prov-card .bb-prov-logo img{max-width:100%;max-height:42px}
  .bb-account-wrap .payment-page .bb-prov-card strong{font-size:14px;font-weight:700;line-height:20px;color:#fff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bb-account-wrap .payment-page .bb-prov-card .bb-prov-lim{max-width:100%;font-size:11px;font-weight:500;line-height:16px;color:#ababab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* SEÇ: FB 36px, 2px #ff003a kenar, #2e3137 zemin, #ff003a 12/800, r8 */
  .bb-account-wrap .payment-page .bb-prov-sec{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;margin:4px 0 0;padding:8px 10px;line-height:16px;border:2px solid #ff003a;border-radius:8px;background:#2e3137;color:#ff003a;font-size:12px;font-weight:800;letter-spacing:0}
  .bb-account-wrap .payment-page .bb-prov-card .bb-prov-sec{width:100%}
  .bb-account-wrap .payment-page .bb-prov-card:hover .bb-prov-sec,.bb-account-wrap .payment-page .bb-prov-row:hover .bb-prov-sec,
  .bb-account-wrap .payment-page .bb-prov-card:active .bb-prov-sec,.bb-account-wrap .payment-page .bb-prov-row:active .bb-prov-sec{background:#ff003a;border-color:#ff003a;color:#fff}

  /* ---------- ÇEKİM: yöntem satırları — tek kenarlıklı kap, ayraçlı tek satır FB satırı ---------- */
  .bb-account-wrap .payment-page .bb-prov-list{gap:0;margin-top:0;border:.5px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#24262b}
  /* logo kutusu FB gibi 40px yüksek, r8; sağlayıcı logoları yatay wordmark olduğundan 64px genişlik (40px karede okunmuyor) */
  .bb-account-wrap .payment-page .bb-prov-row{display:grid;grid-template-columns:64px auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:0;row-gap:0;width:100%;min-height:70px;box-sizing:border-box;padding:12px;margin:0;border:0;border-radius:6px;background:#24262b;color:#fff;flex-wrap:nowrap}
  .bb-account-wrap .payment-page .bb-prov-row+.bb-prov-row{border-top:.5px solid rgba(255,255,255,.1);border-radius:0}
  .bb-account-wrap .payment-page .bb-prov-row:hover,.bb-account-wrap .payment-page .bb-prov-row:active{background:#2e3137;border-color:rgba(255,255,255,.1)}
  .bb-account-wrap .payment-page .bb-prov-row .bb-prov-logo{grid-column:1;grid-row:1/3;flex:none;width:64px;height:40px;border-radius:8px;background:#2e3137;display:grid;place-items:center;justify-content:center;overflow:hidden;align-self:center}
  .bb-account-wrap .payment-page .bb-prov-row .bb-prov-logo img{max-width:54px;max-height:28px;object-fit:contain}
  .bb-account-wrap .payment-page .bb-prov-row>strong{grid-column:2/4;grid-row:1;align-self:end;margin:0;padding-left:12px;min-width:0;font-size:16px;font-weight:700;line-height:24px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bb-account-wrap .payment-page .bb-prov-row .bb-prov-lim{grid-row:2;align-self:start;min-width:0;text-align:left;font-size:14px;font-weight:600;line-height:20px;color:rgba(255,255,255,.8);white-space:nowrap}
  /* alt satır: "Limit ₺min – ₺maks" (masaüstündeki Min/Maks Çekim etiketleri mobilde kısaltılır) */
  .bb-account-wrap .payment-page .bb-prov-row>strong+.bb-prov-lim{grid-column:2;padding-left:12px}
  .bb-account-wrap .payment-page .bb-prov-row>strong+.bb-prov-lim small{display:inline;font-size:0;line-height:0;color:#ababab}
  .bb-account-wrap .payment-page .bb-prov-row>strong+.bb-prov-lim small::before{content:'Limit';font-size:12px;font-weight:500;margin-right:5px}
  .bb-account-wrap .payment-page .bb-prov-row .bb-prov-lim+.bb-prov-lim{grid-column:3;overflow:hidden;text-overflow:ellipsis}
  .bb-account-wrap .payment-page .bb-prov-row .bb-prov-lim+.bb-prov-lim small{display:none}
  .bb-account-wrap .payment-page .bb-prov-row .bb-prov-lim+.bb-prov-lim::before{content:'–';margin:0 5px;color:#ababab;font-weight:500}
  .bb-account-wrap .payment-page .bb-prov-row .bb-prov-sec{grid-column:4;grid-row:1/3;width:auto;margin:0 0 0 12px}

  /* ---------- ÇEKİLEBİLİR BAKİYE: nötr FB kart paleti ---------- */
  .bb-account-wrap #withdrawModal .withdraw-balance{margin-top:32px;margin-bottom:16px;min-height:0;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;background:#24262b;border:1px solid rgba(255,255,255,.1);border-radius:8px}
  .bb-account-wrap #withdrawModal .withdraw-balance.is-blocked{background:#24262b;border-color:rgba(255,255,255,.1)}
  .bb-account-wrap #withdrawModal .withdraw-balance-copy span{margin:0;font-size:14px;font-weight:400;line-height:20px;color:#ababab}
  .bb-account-wrap #withdrawModal .withdraw-balance-copy strong{display:block;font-size:16px;font-weight:700;line-height:24px;color:#fff}
  .bb-account-wrap #withdrawModal .withdraw-balance-status{font-size:12px;font-weight:600;line-height:16px;color:rgba(255,255,255,.8)}
  .bb-account-wrap #withdrawModal .withdraw-balance-status i{color:#16c784}
  .bb-account-wrap #withdrawModal .withdraw-balance.is-blocked .withdraw-balance-status{color:rgba(255,255,255,.8)}
  .bb-account-wrap #withdrawModal .withdraw-balance.is-blocked .withdraw-balance-status i{color:#ffb020}

  /* ---------- UYARI / BEKLEYEN / KİLİT kutuları: nötr palet ---------- */
  .bb-account-wrap .payment-page .payment-warning,.bb-account-wrap .payment-page .payment-pending{margin-top:16px;gap:8px;padding:12px;background:#24262b;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ababab;font-size:13px;font-weight:400;line-height:20px}
  .bb-account-wrap .payment-page .payment-warning strong,.bb-account-wrap .payment-page .payment-pending strong{color:#ffb020;font-weight:700}
  .bb-account-wrap .payment-page .payment-warning a,.bb-account-wrap .payment-page .payment-pending a,.bb-account-wrap .payment-page .payment-pending button{color:#ff3361;font-weight:700;font-size:13px;text-decoration:none}
  .bb-account-wrap #withdrawModal .withdraw-balance+.payment-warning{margin-top:0}
  .bb-account-wrap .payment-page .payment-lock{margin-top:16px;padding:16px;background:#24262b;border:1px solid rgba(255,255,255,.1);border-radius:8px}
  .bb-account-wrap .payment-page .payment-lock h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;line-height:24px;color:#fff}
  .bb-account-wrap .payment-page .payment-lock h2 i{color:#ffb020}
  .bb-account-wrap .payment-page .payment-lock p{font-size:13px;line-height:20px;color:#ababab}
  .bb-account-wrap .payment-page .payment-lock .btn.btn-primary.btn-full{min-height:48px;border-radius:12px;background:#ff003a;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase}

  /* ---------- ADIM 3: detay formu — FB girdi/buton belirteçleri ---------- */
  .bb-account-wrap .payment-page #bbDetailStep{margin-top:16px}
  .bb-account-wrap .payment-page .bb-prov-back{height:36px;margin:0 0 16px;padding:0 12px;gap:8px;border:0;border-radius:8px;background:#2e3137;color:#fff;font-size:12px;font-weight:700}
  .bb-account-wrap .payment-page .payment-layout{grid-template-columns:minmax(0,1fr);gap:16px}
  .bb-account-wrap .payment-page .payment-form-panel{padding:0;background:none;border:0;border-radius:0}
  .bb-account-wrap .payment-page .payment-selected{min-height:56px;margin:0 0 16px;padding:8px 12px;gap:12px;background:#2e3137;border:1px solid rgba(255,255,255,.1);border-radius:8px}
  .bb-account-wrap .payment-page .payment-selected strong{font-size:16px;font-weight:700;line-height:24px;color:#fff}
  .bb-account-wrap .payment-page .payment-selected span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:12px;background:#ff003a;color:#fff;font-size:12px;font-weight:500;letter-spacing:0;text-transform:uppercase}

  .bb-account-wrap .payment-page .payment-field{margin-bottom:14px}
  .bb-account-wrap .payment-page .payment-field>label,.bb-account-wrap .payment-page .payment-form-panel>form>label{margin:0 0 8px;font-size:12px;font-weight:600;line-height:16px;color:rgba(255,255,255,.8)}
  .bb-account-wrap .payment-page .payment-field-grid{gap:0}
  .bb-account-wrap .payment-page .input-wrap{min-height:42px;padding:0 14px;gap:12px;background:#24262b;border:1px solid transparent;border-radius:8px}
  .bb-account-wrap .payment-page .input-wrap:focus-within{border-color:rgba(255,0,58,.6)}
  .bb-account-wrap .payment-page .input-wrap.err{border-color:#ff003a}
  .bb-account-wrap .payment-page .input-wrap>i{width:16px;flex:0 0 16px;font-size:16px;color:#ababab}
  .bb-account-wrap .payment-page .input-wrap input,.bb-account-wrap .payment-page .input-wrap select{height:40px;padding:0;font-size:13px;font-weight:400;color:#fff}
  .bb-account-wrap .payment-page .input-wrap input::placeholder{color:#ababab;opacity:1}
  .bb-account-wrap .payment-page .input-wrap select option{background:#24262b;color:#fff}
  .bb-account-wrap .payment-page .payment-amount-wrap{min-height:42px;margin-bottom:8px;gap:8px}
  .bb-account-wrap .payment-page .payment-currency{margin:0;font-size:16px;font-weight:700;color:#ababab}
  .bb-account-wrap .payment-page .payment-amount-wrap input{height:40px;font-size:15px;font-weight:700;color:#fff}
  .bb-account-wrap .payment-page .payment-limits{margin:0 0 12px;font-size:12px;font-weight:500;line-height:16px;color:#ababab}

  .bb-account-wrap .payment-page .payment-quick,.bb-account-wrap .payment-page .chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
  .bb-account-wrap .payment-page .payment-quick .chip,.bb-account-wrap .payment-page .chip-row .chip{height:36px;border:0;border-radius:8px;background:#2e3137;color:#fff;font-size:12px;font-weight:700}
  .bb-account-wrap .payment-page .payment-quick .chip:hover,.bb-account-wrap .payment-page .payment-quick .chip.active,
  .bb-account-wrap .payment-page .chip-row .chip:hover,.bb-account-wrap .payment-page .chip-row .chip.active{background:#ff003a;color:#fff}

  .bb-account-wrap .payment-page .seg{gap:8px}
  .bb-account-wrap .payment-page .seg-opt{min-height:42px;border:1px solid transparent;border-radius:8px;background:#24262b;color:#fff;font-size:13px}
  .bb-account-wrap .payment-page .seg-opt:has(input:checked){border-color:#ff003a}
  .bb-account-wrap .payment-page .seg-opt input{accent-color:#ff003a}

  .bb-account-wrap .payment-page .payment-notice,.bb-account-wrap .payment-page .bank-note{margin-bottom:16px;padding:12px;gap:10px;border:0;border-radius:8px;background:#24262b;color:#ababab;font-size:12px;line-height:18px}
  .bb-account-wrap .payment-page .payment-notice i,.bb-account-wrap .payment-page .bank-note i{color:#ff3361}

  .bb-account-wrap .payment-page .payment-primary{min-height:48px;height:48px;margin-top:8px;gap:8px;border:0;border-radius:12px;background:#ff003a;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0}
  .bb-account-wrap .payment-page .payment-primary:hover{background:#ff003a;filter:brightness(1.08)}
  .bb-account-wrap .payment-page .payment-primary:disabled{opacity:.4}
  .bb-account-wrap .payment-page .modal-mini{color:#ababab;font-size:12px}

  /* kayıtlı çekim hesapları + kaydet seçeneği */
  .bb-account-wrap .payment-page .withdraw-address-book{margin-bottom:16px;padding:12px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px}
  .bb-account-wrap .payment-page .withdraw-address-book-head{margin-bottom:12px;font-size:12px;font-weight:600;color:rgba(255,255,255,.8)}
  .bb-account-wrap .payment-page .withdraw-address-book-head i{color:#ff3361}
  .bb-account-wrap .payment-page .withdraw-address-book-head small{color:#ababab}
  .bb-account-wrap .payment-page .withdraw-address-book-controls{grid-template-columns:minmax(0,1fr) 42px;gap:8px}
  .bb-account-wrap .payment-page .withdraw-address-delete{height:42px;border:0;border-radius:8px;background:rgba(255,51,97,.16);color:#ff3361}
  .bb-account-wrap .payment-page .withdraw-save-option{margin:0 0 16px;padding:12px;background:#24262b;border:0;border-radius:8px}
  .bb-account-wrap .payment-page .withdraw-save-option>label,.bb-account-wrap .payment-page .withdraw-save-option>label span{font-size:13px;font-weight:500;color:#ababab}
  .bb-account-wrap .payment-page .withdraw-save-option #withdrawAddressLabelWrap{margin-top:12px;background:#2e3137}
  .bb-account-wrap .payment-page .withdraw-save-option input[type="checkbox"]{accent-color:#ff003a}
  .bb-account-wrap .payment-page .withdraw-save-option i{color:#ff3361}

  /* işlem özeti (yatırım) */
  .bb-account-wrap .payment-page .payment-summary{background:#24262b;border:1px solid rgba(255,255,255,.1);border-radius:12px}
  .bb-account-wrap .payment-page .payment-summary-head{min-height:52px;padding:0 16px;background:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .bb-account-wrap .payment-page .payment-summary-head strong{font-size:14px;font-weight:700;color:#fff}
  .bb-account-wrap .payment-page .payment-summary-head span{padding:4px 10px;border:0;border-radius:12px;background:rgba(255,51,97,.16);color:#ff3361;font-size:11px;font-weight:700}
  .bb-account-wrap .payment-page .payment-summary-body{padding:4px 16px 8px}
  .bb-account-wrap .payment-page .payment-summary-row{min-height:44px;border-bottom:1px solid rgba(255,255,255,.06);color:#ababab;font-size:13px}
  .bb-account-wrap .payment-page .payment-summary-row strong{color:#fff;font-size:13px;font-weight:600}
  .bb-account-wrap .payment-page .payment-summary-row strong.is-amount{color:#fff;font-size:16px;font-weight:700}
  .bb-account-wrap .payment-page .payment-summary-link{min-height:36px;margin:4px 16px 16px;border:0;border-radius:8px;background:#2e3137;color:#fff;font-size:12px;font-weight:700}

  /* ödeme sonucu kutuları */
  .bb-account-wrap .payment-page .bank-box,.bb-account-wrap .payment-page .crypto-box{margin-bottom:16px;background:#24262b;border:1px solid rgba(255,255,255,.1);border-radius:8px}
  .bb-account-wrap .payment-page .bank-row{grid-template-columns:88px minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.06);color:#ababab;font-size:13px}
  .bb-account-wrap .payment-page .bank-row b{color:#fff}
  .bb-account-wrap .payment-page .copy-btn{border:0;border-radius:8px;background:#2e3137;color:#fff}
  .bb-account-wrap .payment-page .crypto-amt{color:#fff}
  .bb-account-wrap .payment-page .crypto-timer{color:#ababab}
}