/* premium2 — temada KARŞILIĞI OLMAYAN birkaç parça.
   Tema CSS'i (assets/tema/basic.css + tema-ek.css) aynen kullanılıyor;
   burada yalnızca eski temada hazır sınıfı bulunmayan öğeler var:
   kategori şeridi, sıralama düğmeleri, sayfalama, arama önerisi.
   Renkler tema değişkenlerinden okunur, böylece panelden renk değişince
   bu parçalar da birlikte değişir. */

/* ---------- anasayfa kategori şeridi ---------- */
.bp-kat-serit { margin: 14px 0 6px; }
.bp-kat-liste { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.bp-kat-kutu {
    background: #fff; border: 1px solid #eef1f6; border-radius: 12px; padding: 14px 13px;
    display: flex; flex-direction: column; gap: 3px; text-decoration: none; color: #1f2937;
    transition: border-color .15s, box-shadow .15s;
}
.bp-kat-kutu:hover { border-color: var(--bp-primary, #fa782a); box-shadow: 0 6px 18px rgba(16,24,40,.07); color: #1f2937; }
.bp-kat-kutu .bp-kat-img { display: block; height: 46px; margin-bottom: 4px; }
.bp-kat-kutu .bp-kat-img img { height: 46px; width: auto; object-fit: contain; }
.bp-kat-ad { font-weight: 600; font-size: 13.5px; line-height: 1.35; }
.bp-kat-sayi { font-size: 11.5px; color: #94a3b8; }

/* ---------- kategori / arama sayfası başlığı ---------- */
.bp-kat-ust { display: flex; align-items: baseline; gap: 11px; flex-wrap: wrap; margin: 6px 0 12px; }
.bp-kat-h1 { font-size: 21px; margin: 0; font-weight: 700; color: #1f2937; }
.bp-kat-adet { font-size: 13px; color: #94a3b8; }

.bp-altkat { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 13px; }
.bp-altkat a {
    font-size: 12.5px; padding: 6px 13px; border-radius: 999px; background: #fff;
    border: 1px solid #eef1f6; color: #475569; text-decoration: none;
}
.bp-altkat a:hover { border-color: var(--bp-primary, #fa782a); color: var(--bp-primary, #fa782a); }
.bp-altkat a span { color: #b0b8c4; font-size: 11px; }

.bp-sirala { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }
.bp-sirala a {
    font-size: 12.5px; padding: 7px 15px; border-radius: 999px; background: #fff;
    border: 1px solid #eef1f6; color: #475569; text-decoration: none; font-weight: 500;
}
.bp-sirala a.on {
    background: var(--bp-primary, #fa782a); border-color: var(--bp-primary, #fa782a);
    color: #fff; font-weight: 600;
}

.bp-bos, .bp-uyari {
    background: #fff; border: 1px solid #eef1f6; border-radius: 12px;
    padding: 34px 18px; text-align: center; color: #64748b; font-size: 14px; line-height: 1.8;
}
.bp-uyari { background: #fffbeb; border-color: #fde68a; color: #92400e; padding: 11px 15px;
            text-align: left; font-size: 13px; margin-bottom: 14px; }

/* ---------- sayfalama ---------- */
.bp-sayfalama { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin: 24px 0 10px; }
.bp-sayfalama a, .bp-sayfalama .bos {
    min-width: 38px; height: 38px; padding: 0 12px; border-radius: 9px; background: #fff;
    border: 1px solid #eef1f6; color: #475569; text-decoration: none; font-size: 13.5px;
    font-weight: 600; display: inline-flex; align-items: center; justify-content: center;
}
.bp-sayfalama .bos { border-color: transparent; background: transparent; }
.bp-sayfalama a:hover { border-color: var(--bp-primary, #fa782a); color: var(--bp-primary, #fa782a); }
.bp-sayfalama a.on {
    background: var(--bp-primary, #fa782a); border-color: var(--bp-primary, #fa782a); color: #fff;
}

/* ---------- arama önerisi ---------- */
.bp-oneri-kutu {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 1200; margin-top: 4px;
    background: #fff; border: 1px solid #e9edf3; border-radius: 12px; padding: 6px;
    box-shadow: 0 16px 40px rgba(16,24,40,.14); max-height: 70vh; overflow-y: auto;
}
.bp-oneri-bas {
    font-size: 10.5px; font-weight: 700; color: #94a3b8; text-transform: uppercase;
    letter-spacing: .5px; padding: 8px 10px 4px;
}
.bp-oneri-kat, .bp-oneri-urun { display: flex; align-items: center; padding: 7px 10px; border-radius: 8px;
    text-decoration: none; color: #1f2937; }
.bp-oneri-kat { justify-content: space-between; font-size: 13.5px; }
.bp-oneri-kat span { color: #94a3b8; font-size: 11.5px; }
.bp-oneri-kat:hover, .bp-oneri-urun:hover { background: #f6f8fb; color: #1f2937; }
.bp-oneri-urun { gap: 10px; }
.bp-oneri-urun img { width: 40px; height: 40px; object-fit: contain; border-radius: 6px; background: #f6f8fb; }
.bp-oneri-urun .ad { flex: 1; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-oneri-urun .fy { font-weight: 700; font-size: 12.5px; white-space: nowrap; }

/* ---------- ürün sayfası ---------- */
.bp-ud { background: #fff; border: 1px solid #eef1f6; border-radius: 14px; padding: 18px 10px; margin: 6px 0 20px; }
.bp-ud-gorsel { position: relative; }
.bp-ud-gorsel img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.bp-ud-ind {
    position: absolute; top: 10px; left: 10px; background: #e11d48; color: #fff;
    font-size: 12px; font-weight: 700; padding: 4px 11px; border-radius: 999px;
}
.bp-ud-serit { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; padding-bottom: 4px; }
.bp-ud-serit button {
    width: 64px; height: 64px; flex: 0 0 64px; padding: 2px; border-radius: 9px;
    border: 1px solid #eef1f6; background: #fff; cursor: pointer; overflow: hidden;
}
.bp-ud-serit button.on { border-color: var(--bp-primary, #fa782a); }
.bp-ud-serit img { width: 100%; height: 100%; object-fit: contain; }

.bp-ud-marka { font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase;
               color: var(--bp-primary, #fa782a); margin-bottom: 5px; }
.bp-ud-ad { font-size: 21px; font-weight: 600; line-height: 1.4; margin: 0 0 10px; color: #1f2937; }
.bp-ud-kod { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: #94a3b8; margin-bottom: 16px; }
.bp-ud-kod b { color: #475569; font-weight: 600; }
.bp-ud-fiyat { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.bp-ud-fiyat .yeni { font-size: 30px; font-weight: 800; letter-spacing: -.7px; color: #1f2937; }
.bp-ud-fiyat .eski { font-size: 15px; color: #94a3b8; text-decoration: line-through; }
.bp-ud-stok { font-size: 13.5px; font-weight: 600; margin-bottom: 14px; }
.bp-ud-stok.var { color: #047857; }
.bp-ud-stok.yok { color: #b91c1c; }
.bp-ud-sepet { max-width: 330px; width: 100%; height: 50px; font-size: 15px; }
.bp-ud-sepet:disabled { background: #cbd5e1 !important; border-color: #cbd5e1 !important; cursor: not-allowed; }
.bp-ud-sepet small { font-weight: 400; opacity: .85; }
.bp-ud-guven { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 16px; font-size: 12.5px; color: #64748b; }
.bp-ud-guven i { color: var(--bp-primary, #fa782a); margin-right: 5px; }
.bp-ud-kisa { margin-top: 16px; font-size: 14px; color: #475569; line-height: 1.75; }
.bp-ud-aciklama { font-size: 14.5px; line-height: 1.8; color: #334155; overflow-x: auto; }
.bp-ud-aciklama img { height: auto; max-width: 100%; margin: 10px 0; }
.bp-ud-aciklama table { border-collapse: collapse; }
.bp-ud-aciklama td, .bp-ud-aciklama th { border: 1px solid #eef1f6; padding: 6px 10px; }

@media (max-width: 767px) {
    .bp-ud-ad { font-size: 18px; }
    .bp-ud-fiyat .yeni { font-size: 25px; }
    .bp-kat-liste { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 8px; }
}

/* ---------- mega menü: tek satır + "Diğer" ---------- */
/* Çubuk ALT SATIRA TAŞMAZ; sığmayanları assets/menu.js gizler.
   DİKKAT: buraya overflow:hidden KOYULMAZ — açılır panel çubuğun ALTINDA
   durduğu için kırpılır ve menü hiç açılmaz. Taşmayı JS hallediyor;
   flex:0 0 auto da öğelerin sıkışıp yazının kırılmasını engelliyor
   (sıkışsalardı scrollWidth hiç taşmaz, JS de devreye girmezdi). */
.mega-menu-container { flex-wrap: nowrap !important; }
.mega-menu-container > .mega-menu-item { flex: 0 0 auto; }
.mega-menu-container > .mega-menu-item > a > span.mega-menu-hover { white-space: nowrap; }
.mega-menu-item[hidden] { display: none !important; }

/* Panel başlığı — hangi kategorideyiz + tümünü gör */
.bp-mega-bas {
    display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
    padding: 14px 20px 10px; border-bottom: 1px solid #f1f3f7; flex-wrap: wrap;
}
.bp-mega-bas > a { font-size: 15px; font-weight: 700; color: #1f2937; text-decoration: none; }
.bp-mega-bas > a span { font-weight: 400; font-size: 12.5px; color: #94a3b8; }
.bp-mega-tum { font-size: 12.5px; font-weight: 600; color: var(--bp-primary, #fa782a) !important; white-space: nowrap; }

/* Panelde en fazla 12 sütun var; yine de uzun listede panel içi kaysın. */
.mega-dropdown .mega-content { max-height: 60vh; overflow-y: auto; }
.mega-column[hidden] { display: none !important; }

/* ---------- sepet ---------- */
.bp-sepet { display: grid; grid-template-columns: 1fr 320px; gap: 16px; align-items: start; }
.bp-sepet-liste { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; overflow: hidden; }
.bp-sr { display: grid; grid-template-columns: 84px 1fr auto auto auto; gap: 14px;
         align-items: center; padding: 14px 16px; border-bottom: 1px solid #f4f6fa; }
.bp-sr:last-of-type { border-bottom: 0; }
.bp-sr.yok { opacity: .55; }
.bp-sr-img img { width: 84px; height: 84px; object-fit: contain; background: #fff; }
.bp-sr-ad { font-size: 13.5px; line-height: 1.5; color: #1f2937; text-decoration: none;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bp-sr-birim { font-size: 12px; color: #94a3b8; margin-top: 4px; }
.bp-sr-not { font-size: 12px; color: #b91c1c; margin-top: 4px; font-weight: 600; }
.bp-sr-adet { display: inline-flex; align-items: center; border: 1px solid #e4e8f0; border-radius: 9px; overflow: hidden; }
.bp-sr-adet button { width: 32px; height: 34px; border: 0; background: #f8fafc; color: #334155;
                     font-size: 16px; cursor: pointer; }
.bp-sr-adet button:disabled { opacity: .4; cursor: not-allowed; }
.bp-sr-adet span { min-width: 34px; text-align: center; font-size: 13.5px; font-weight: 600; }
.bp-sr-tutar { font-size: 15px; font-weight: 700; white-space: nowrap; min-width: 92px; text-align: right; }
.bp-sr-sil button { width: 30px; height: 30px; border: 0; background: transparent; color: #94a3b8;
                    font-size: 20px; line-height: 1; cursor: pointer; border-radius: 7px; }
.bp-sr-sil button:hover { background: #fef2f2; color: #b91c1c; }
.bp-sepet-bosalt { padding: 12px 16px; border-top: 1px solid #f4f6fa; }
.bp-sepet-bosalt button { border: 0; background: transparent; color: #94a3b8; font-size: 12.5px;
                          cursor: pointer; text-decoration: underline; }

.bp-sepet-ozet { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 18px; position: sticky; top: 14px; }
.bp-sepet-ozet h2 { font-size: 15px; margin: 0 0 14px; }
.bp-sepet-ozet .sat { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; font-size: 13.5px; color: #475569; }
.bp-sepet-ozet .sat.kucuk { font-size: 12.5px; color: #94a3b8; }
.bp-sepet-ozet .sat.toplam { border-top: 1px solid #eef1f6; margin-top: 8px; padding-top: 12px; font-size: 15px; color: #1f2937; }
.bp-sepet-ozet .sat.toplam b { font-size: 19px; }
.bp-sepet-devam { width: 100%; height: 48px; margin-top: 14px; font-size: 14.5px; }
.bp-sepet-devam:disabled { background: #cbd5e1 !important; border-color: #cbd5e1 !important; cursor: not-allowed; }
.bp-sepet-geri { display: inline-block; margin-top: 12px; font-size: 13px; color: #64748b; text-decoration: none; }

/* ürün sayfası adet kutusu */
.bp-ud-ekle { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.bp-ud-adet { display: inline-flex; align-items: center; border: 1px solid #e4e8f0; border-radius: 10px; overflow: hidden; }
.bp-ud-adet button { width: 40px; height: 50px; border: 0; background: #f8fafc; color: #334155; font-size: 18px; cursor: pointer; }
.bp-ud-adet input { width: 52px; height: 50px; border: 0; text-align: center; font-size: 15px; font-weight: 600; font-family: inherit; }
.bp-ud-adet input:focus { outline: none; }

/* ---------- üyelik ---------- */
.bp-auth { max-width: 440px; margin: 24px auto 40px; background: #fff; border: 1px solid #eef1f6;
           border-radius: 13px; overflow: hidden; }
/* Baslik ekranda gorunmez ama ekran okuyucu ve arama motoru icin durur. */
.bp-auth-h1 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.bp-auth-sekme { display: flex; border-bottom: 1px solid #eef1f6; }
.bp-auth-sekme a { flex: 1; text-align: center; padding: 15px 10px; font-size: 14px; font-weight: 600;
                   color: #94a3b8; text-decoration: none; }
.bp-auth-sekme a.on { color: var(--bp-primary, #fa782a); box-shadow: inset 0 -2px 0 var(--bp-primary, #fa782a); }
.bp-auth-form { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.bp-auth-form label { font-size: 12.5px; font-weight: 600; color: #475569; display: flex; flex-direction: column; gap: 6px; }
.bp-auth-form .istege-bagli { font-weight: 400; color: #b0b8c4; }
.bp-auth-form input { height: 44px; border: 1px solid #e4e8f0; border-radius: 9px; padding: 0 13px;
                      font-size: 14px; font-family: inherit; color: #1f2937; }
.bp-auth-form input:focus { outline: none; border-color: var(--bp-primary, #fa782a); }
.bp-auth-form button { height: 46px; font-size: 14.5px; margin-top: 4px; }
.bp-auth-alt { font-size: 12.5px; color: #94a3b8; text-align: center; margin: 2px 0 0; }
.bp-auth-alt a { color: var(--bp-primary, #fa782a); font-weight: 600; }
.bp-auth-hata { margin: 16px 20px 0; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;
                border-radius: 9px; padding: 11px 14px; font-size: 13px; line-height: 1.6; }

/* ---------- müşteri tipi seçimi (kayıt formu) ---------- */
/* Eski sitedeki .bp-mt-* düzeni; radyo gizlenir, kutunun kendisi tıklanır. */
.bp-mt-wrap { margin-top: 4px; }
.bp-mt-label { font-size: 12px; font-weight: 600; color: #888; margin-bottom: 8px; letter-spacing: .3px; }
.bp-mt-opt { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid #e6e6e6;
             border-radius: 10px; cursor: pointer; margin-bottom: 8px; transition: all .2s; background: #fff;
             position: relative; }
.bp-mt-opt:hover { border-color: #c9c9c9; }
.bp-mt-opt.bp-mt-on { border-color: var(--bp-primary, #fa782a); background: rgba(0,0,0,.02); }
.bp-mt-opt input { position: absolute; opacity: 0; width: 0; height: 0; }
.bp-mt-mark { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; border: 2px solid #ccc;
              border-radius: 50%; position: relative; transition: all .2s; }
.bp-mt-opt.bp-mt-on .bp-mt-mark { border-color: var(--bp-primary, #fa782a); }
.bp-mt-mark::after { content: ''; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px;
                     border-radius: 50%; background: var(--bp-primary, #fa782a); transform: scale(0);
                     transition: transform .2s; }
.bp-mt-opt.bp-mt-on .bp-mt-mark::after { transform: scale(1); }
.bp-mt-text { display: block; line-height: 1.45; }
.bp-mt-text b { display: block; font-size: 13px; font-weight: 600; color: #1e1e1e; }
.bp-mt-text small { display: block; font-size: 11.5px; color: #8d8d8d; margin-top: 2px; }

/* ---------- üyelik tipi rozeti ---------- */
.bp-tip-rozet { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px;
                font-size: 11px; font-weight: 700; letter-spacing: .2px; }
.bp-tip-rozet.ds { background: #eef2ff; color: #4338ca; }
.bp-tip-rozet.bi { background: #f1f5f9; color: #475569; }
/* Kenar cubugundaki kisi kartinda span'lar blok; rozet satir ici kalmali. */
.bp-hs-kisi .bp-tip-rozet { display: inline-flex; margin-top: 4px; max-width: none; }
.bp-hs-tip-not { display: block; margin-top: 5px; font-size: 11.5px; color: #94a3b8; line-height: 1.5; }

/* ---------- hesabım ---------- */
.bp-hesap { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.bp-hesap-kart { background: #fff; border: 1px solid #eef1f6; border-radius: 12px; padding: 14px 16px; }
.bp-hesap-kart .etiket { display: block; font-size: 11.5px; color: #94a3b8; margin-bottom: 5px; }
.bp-hesap-kart b { font-size: 15px; color: #1f2937; }
.bp-hesap-kart a { display: block; margin-top: 7px; font-size: 12.5px; color: var(--bp-primary, #fa782a); text-decoration: none; }

/* ---------- sepete eklendi bildirimi ---------- */
#bpSepetBildirim { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(14px);
    background: #0f172a; color: #fff; padding: 12px 20px; border-radius: 999px; font-size: 13.5px;
    font-weight: 600; z-index: 99999; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
    box-shadow: 0 10px 30px rgba(15,23,42,.25); max-width: 90vw; text-align: center; }
#bpSepetBildirim.gorunur { opacity: 1; transform: translateX(-50%) translateY(0); }
#bpSepetBildirim.kotu { background: #b91c1c; }
.cart-count.bos, .orange-bg.bos { opacity: .55; }

@media (max-width: 860px) {
    .bp-sepet { grid-template-columns: 1fr; }
    .bp-sr { grid-template-columns: 64px 1fr auto; row-gap: 10px; }
    .bp-sr-img img { width: 64px; height: 64px; }
    .bp-sr-adet { grid-column: 2; }
    .bp-sr-tutar { grid-column: 3; }
    .bp-sr-sil { grid-column: 3; justify-self: end; }
}

/* ---------- hesabım: sol menü + içerik ---------- */
.bp-hs { display: grid; grid-template-columns: 250px 1fr; gap: 16px; align-items: start; margin: 6px 0 36px; }

.bp-hs-yan { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; overflow: hidden; position: sticky; top: 14px; }
.bp-hs-kisi { display: flex; align-items: center; gap: 11px; padding: 16px; border-bottom: 1px solid #f4f6fa; }
.bp-hs-avatar { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; display: flex;
    align-items: center; justify-content: center; font-size: 17px; font-weight: 700; color: #fff;
    background: var(--bp-primary, #fa782a); }
.bp-hs-kisi b { display: block; font-size: 13.5px; color: #1f2937; line-height: 1.35;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px; }
.bp-hs-kisi span { display: block; font-size: 11.5px; color: #94a3b8;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px; }

.bp-hs-menu { display: flex; flex-direction: column; padding: 8px; }
.bp-hs-menu a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 9px;
    font-size: 13.5px; color: #475569; text-decoration: none; }
.bp-hs-menu a i { width: 18px; text-align: center; color: #b0b8c4; font-size: 14px; }
.bp-hs-menu a:hover { background: #f6f8fb; color: #1f2937; }
.bp-hs-menu a.on { background: var(--bp-primary, #fa782a); color: #fff; font-weight: 600; }
.bp-hs-menu a.on i { color: #fff; }
.bp-hs-menu a.cikis { margin-top: 6px; border-top: 1px solid #f4f6fa; border-radius: 0 0 9px 9px;
    padding-top: 13px; color: #94a3b8; }
.bp-hs-menu a.cikis:hover { color: #b91c1c; }

.bp-hs-icerik { min-width: 0; }
.bp-hs-baslik { font-size: 21px; font-weight: 700; margin: 0 0 14px; color: #1f2937; }

.bp-hs-ozet { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); margin-bottom: 16px; }
.bp-hs-ozet > div { background: #fff; border: 1px solid #eef1f6; border-radius: 12px; padding: 14px 16px; }
.bp-hs-ozet span { display: block; font-size: 11.5px; color: #94a3b8; margin-bottom: 5px; }
.bp-hs-ozet b { font-size: 16px; color: #1f2937; }
.bp-hs-ozet a { display: block; margin-top: 6px; font-size: 12px; color: var(--bp-primary, #fa782a); text-decoration: none; }

.bp-hs-kart { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 18px 20px; margin-bottom: 14px; }
.bp-hs-kart h2 { font-size: 15.5px; margin: 0 0 4px; color: #1f2937; }
.bp-hs-not { font-size: 12.5px; color: #94a3b8; margin: 0 0 14px; }
.bp-hs-kart h2 + .bp-hs-izgara { margin-top: 14px; }

.bp-hs-izgara { display: grid; gap: 13px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); margin-bottom: 15px; }
.bp-hs-izgara label { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; font-weight: 600; color: #475569; }
.bp-hs-izgara .istege-bagli { font-weight: 400; color: #b0b8c4; }
.bp-hs-izgara input { height: 42px; border: 1px solid #e4e8f0; border-radius: 9px; padding: 0 12px;
    font-size: 14px; font-family: inherit; color: #1f2937; }
.bp-hs-izgara input:focus { outline: none; border-color: var(--bp-primary, #fa782a); }
.bp-hs-kart .bp-uk-btn { width: auto; min-width: 190px; height: 42px; font-size: 13.5px; }

.bp-hs-tip { display: flex; gap: 9px; margin-bottom: 15px; flex-wrap: wrap; }
.bp-hs-tip label { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 9px;
    border: 1px solid #e4e8f0; background: #fff; font-size: 13.5px; color: #475569; cursor: pointer; }
.bp-hs-tip label.on { border-color: var(--bp-primary, #fa782a); color: var(--bp-primary, #fa782a); font-weight: 600; }

.bp-hs-ok, .bp-hs-hata { border-radius: 10px; padding: 12px 15px; font-size: 13.5px; margin-bottom: 14px; line-height: 1.6; }
.bp-hs-ok { background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; }
.bp-hs-hata { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }

.bp-hs-bos { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 48px 20px;
    text-align: center; color: #94a3b8; font-size: 14px; line-height: 1.9; }
.bp-hs-bos small { color: #b0b8c4; font-size: 12.5px; }

/* ---------- içerik sayfaları (bilgi / yasal / sss / kampanya / blog) ---------- */
.bp-ic { max-width: 980px; margin: 0 auto; padding: 18px 0 48px; }
.bp-ic-yol { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #b0b8c4;
    margin-bottom: 18px; flex-wrap: wrap; }
.bp-ic-yol a { color: #94a3b8; text-decoration: none; }
.bp-ic-yol a:hover { color: var(--bp-primary, #fa782a); }

.bp-ic-ust { text-align: center; margin-bottom: 22px; }
.bp-ic-ust .rozet { width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center; font-size: 22px;
    color: var(--bp-primary, #fa782a); background: #fff; border: 1px solid #eef1f6; }
.bp-ic-ust h1 { margin: 0 0 8px; font-size: 26px; font-weight: 800; color: #1f2937;
    letter-spacing: -.4px; }
.bp-ic-ust p { margin: 0 auto; max-width: 560px; font-size: 13.5px; color: #94a3b8; line-height: 1.7; }

.bp-ic-gorsel { display: block; width: 100%; max-height: 380px; object-fit: cover;
    border-radius: 13px; margin-bottom: 16px; }

/* Icerik YONETIM PANELINDEN gelen HTML; kendi basliklari/listeleri var. */
.bp-ic-govde { background: #fff; border: 1px solid #eef1f6; border-radius: 13px;
    padding: 28px 30px; font-size: 14.5px; line-height: 1.85; color: #475569; }
.bp-ic-govde > :first-child { margin-top: 0; }
.bp-ic-govde > :last-child { margin-bottom: 0; }
.bp-ic-govde h1, .bp-ic-govde h2 { font-size: 19px; font-weight: 700; color: #1f2937;
    margin: 28px 0 12px; padding-bottom: 9px; border-bottom: 1px solid #f4f6fa; }
.bp-ic-govde h3, .bp-ic-govde h4 { font-size: 16px; font-weight: 700; color: #1f2937;
    margin: 22px 0 10px; }
.bp-ic-govde p { margin: 0 0 14px; }
.bp-ic-govde ul, .bp-ic-govde ol { margin: 14px 0; padding-left: 22px; }
.bp-ic-govde li { margin-bottom: 8px; }
.bp-ic-govde a { color: var(--bp-primary, #fa782a); }
.bp-ic-govde img { max-width: 100%; height: auto; border-radius: 9px; }
.bp-ic-govde table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 13px; }
.bp-ic-govde th, .bp-ic-govde td { border: 1px solid #eef1f6; padding: 8px 11px; text-align: left; }
.bp-ic-govde th { background: #f8fafc; font-weight: 700; color: #1f2937; }

.bp-ic-alt { display: flex; align-items: center; justify-content: center; gap: 14px;
    flex-wrap: wrap; margin-top: 18px; padding: 18px; background: #fff; border: 1px solid #eef1f6;
    border-radius: 13px; font-size: 13px; color: #94a3b8; }
.bp-ic-alt .bp-uk-btn { width: auto; height: 40px; padding: 0 20px; font-size: 13px; }

/* ---------- sss ---------- */
.bp-sss { display: flex; flex-direction: column; gap: 9px; }
.bp-sss-oge { background: #fff; border: 1px solid #eef1f6; border-radius: 12px; overflow: hidden; }
.bp-sss-oge > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 15px 18px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 600;
    color: #1f2937; }
.bp-sss-oge > summary::-webkit-details-marker { display: none; }
.bp-sss-oge > summary::after { content: '+'; flex: 0 0 auto; font-size: 18px; font-weight: 400;
    color: #b0b8c4; transition: transform .2s; }
.bp-sss-oge[open] > summary::after { content: '−'; }
.bp-sss-oge .cevap { padding: 0 18px 16px; font-size: 13.5px; line-height: 1.8; color: #475569; }
.bp-sss-oge .cevap > :first-child { margin-top: 0; }
.bp-sss-oge .cevap a { color: var(--bp-primary, #fa782a); }

/* ---------- kampanya / blog kartları ---------- */
.bp-kmp, .bp-blog { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.bp-kmp .kart, .bp-blog .kart { display: flex; flex-direction: column; background: #fff;
    border: 1px solid #eef1f6; border-radius: 13px; overflow: hidden; text-decoration: none;
    transition: border-color .15s, transform .15s; }
.bp-kmp .kart:hover, .bp-blog .kart:hover { border-color: #dbe2ec; transform: translateY(-2px); }
.bp-kmp .kart img, .bp-blog .kart img { width: 100%; aspect-ratio: 16/9; object-fit: cover;
    background: #f8fafc; }
.bp-kmp .gorselsiz, .bp-blog .gorselsiz { display: flex; align-items: center; justify-content: center;
    width: 100%; aspect-ratio: 16/9; background: #f8fafc; color: #cbd5e1; font-size: 26px; }
.bp-kmp .bil, .bp-blog .bil { padding: 13px 15px 15px; }
.bp-kmp .bil b, .bp-blog .bil b { display: block; font-size: 14px; color: #1f2937; line-height: 1.45;
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bp-kmp .bil small, .bp-blog .bil small { display: block; margin-top: 6px; font-size: 12px;
    color: #94a3b8; line-height: 1.6; }
.bp-blog .bil .tar { display: block; margin-top: 8px; font-size: 11.5px; color: #b0b8c4; }
.bp-kmp .kart.bitti img { filter: grayscale(1); opacity: .6; }
.bp-kmp .bil .sona { color: #b3261e; font-weight: 600; }

/* ---------- iletişim ---------- */
.bp-ilt { display: grid; gap: 12px; grid-template-columns: 290px minmax(0,1fr); align-items: start; }
.bp-ilt-bilgi { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 8px 18px; }
.bp-ilt-bilgi .sat { padding: 14px 0; border-bottom: 1px solid #f4f6fa; }
.bp-ilt-bilgi .sat:last-child { border-bottom: 0; }
.bp-ilt-bilgi .sat i { color: var(--bp-primary, #fa782a); margin-right: 7px; }
.bp-ilt-bilgi .sat span { font-size: 11.5px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: .3px; }
.bp-ilt-bilgi .sat a { display: block; margin-top: 5px; font-size: 13.5px; font-weight: 600;
    color: #1f2937; text-decoration: none; }
.bp-ilt-bilgi .sat a:hover { color: var(--bp-primary, #fa782a); }
.bp-ilt-bilgi .sat p { margin: 5px 0 0; font-size: 13px; color: #475569; line-height: 1.6; }

.bp-ilt-form { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 18px 20px; }
.bp-ilt-form input, .bp-ilt-form textarea { border: 1px solid #e4e8f0; border-radius: 9px;
    padding: 11px 13px; font-size: 14px; font-family: inherit; color: #1f2937; }
.bp-ilt-form input { height: 44px; padding: 0 13px; }
.bp-ilt-form textarea { resize: vertical; }
.bp-ilt-form input:focus, .bp-ilt-form textarea:focus { outline: none;
    border-color: var(--bp-primary, #fa782a); }
.bp-ilt-form label.tam { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px;
    font-size: 12.5px; font-weight: 600; color: #475569; }
.bp-ilt-form .bp-uk-btn { width: auto; padding: 0 26px; }

.bp-bk-liste { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); display: grid; gap: 12px; }

@media (max-width: 820px) {
    .bp-ilt { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .bp-ic-govde { padding: 20px 17px; }
    .bp-ic-ust h1 { font-size: 21px; }
}

/* ---------- ürün varyantları ---------- */
.bp-ud-varyant { margin: 14px 0 4px; }
.bp-ud-varyant .etiket { display: block; margin-bottom: 8px; font-size: 12.5px; font-weight: 700;
    color: #475569; }
.bp-ud-varyant .secenekler { display: flex; flex-wrap: wrap; gap: 8px; }
.bp-ud-varyant .sec { display: inline-flex; align-items: center; gap: 6px; min-width: 52px;
    padding: 9px 14px; border: 1px solid #e4e8f0; border-radius: 9px; background: #fff;
    font-family: inherit; font-size: 13.5px; font-weight: 600; color: #1f2937; cursor: pointer;
    transition: border-color .15s, color .15s, background .15s; }
.bp-ud-varyant .sec:hover:not(:disabled) { border-color: #c3ccda; }
.bp-ud-varyant .sec.on { border-color: var(--bp-primary, #fa782a); color: var(--bp-primary, #fa782a);
    box-shadow: inset 0 0 0 1px var(--bp-primary, #fa782a); }
.bp-ud-varyant .sec small { font-size: 11px; font-weight: 600; color: #94a3b8; }
/* Tükenen seçenek GİZLENMEZ: müşteri hangi bedenin olmadığını da görsün. */
.bp-ud-varyant .sec.yok { color: #b0b8c4; background: #f8fafc; cursor: not-allowed;
    text-decoration: line-through; }
.bp-ud-varyant .sec.yok small.tuk { text-decoration: none; color: #b3261e; font-size: 10.5px; }
.bp-ud-kargo-kisit { margin: 12px 0 0; padding: 9px 13px; border-radius: 9px; background: #f8fbff;
    border: 1px solid #e2ecf8; font-size: 12.5px; color: #3c5d85; }
.bp-ud-kargo-kisit i { margin-right: 6px; }
.bp-ud-varyant-uyari { margin: 9px 0 0; padding: 9px 12px; border-radius: 8px; background: #fff6f6;
    border: 1px solid #f4dede; font-size: 12.5px; color: #96544f; }

.bp-sr-varyant { margin-top: 4px; font-size: 12px; color: #94a3b8; }
.bp-sd-varyant { display: inline-block; margin-top: 4px; padding: 2px 9px; border-radius: 999px;
    background: #f1f5f9; font-size: 11.5px; font-weight: 600; color: #475569; }
.bp-sr-varyant b { color: #475569; font-weight: 600; }

/* ---------- ödeme: kargo ve pazaryeri ---------- */
.bp-od-alan { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px;
    font-size: 12.5px; font-weight: 600; color: #475569; }
.bp-od-alan > span .zorunlu { color: #d7483f; }
.bp-od-alan input[type="text"], .bp-od-alan select { height: 44px; padding: 0 13px;
    border: 1px solid #e4e8f0; border-radius: 9px; font-size: 14px; font-family: inherit;
    color: #1f2937; background: #fff; }
.bp-od-alan input[type="file"] { padding: 10px 13px; border: 1px dashed #d8dfe9; border-radius: 9px;
    font-size: 13px; font-family: inherit; background: #fbfcfe; }
.bp-od-alan input:focus, .bp-od-alan select:focus { outline: none;
    border-color: var(--bp-primary, #fa782a); }
.bp-od-alan small { font-weight: 400; font-size: 11.5px; color: #b0b8c4; line-height: 1.6; }
.bp-od-kargo { display: grid; gap: 8px; }
.bp-od-ipucu { display: block; margin-top: 9px; font-size: 11.5px; color: #b0b8c4; }
.bp-od-ipucu i { margin-right: 4px; }
.bp-od-alan .istege { font-weight: 400; color: #b0b8c4; }
/* PTT Kargo secilince etiket alani belirginlessin. */
.bp-od-alan.zorunlu-alan input[type="file"] { border-color: #f0c9a0; background: #fffaf2; }

/* ---------- ödeme ---------- */
.bp-od { max-width: 1180px; margin: 0 auto; padding: 18px 0 44px; }
.bp-od-baslik { font-size: 22px; font-weight: 700; color: #1f2937; margin: 0 0 14px; }
.bp-od-govde { display: grid; gap: 14px; grid-template-columns: minmax(0,1fr) 340px; align-items: start; }
.bp-od-sol { display: flex; flex-direction: column; gap: 12px; }
.bp-od-kart { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 16px 18px; }
.bp-od-kart h2 { margin: 0 0 12px; font-size: 14.5px; font-weight: 700; color: #1f2937; }
.bp-od-kart h2 i { color: #b0b8c4; margin-right: 6px; }
.bp-od-kart h2 small { font-weight: 400; color: #b0b8c4; font-size: 12px; }
.bp-od-kart textarea { width: 100%; border: 1px solid #e4e8f0; border-radius: 9px; padding: 10px 13px;
    font-size: 13.5px; font-family: inherit; color: #1f2937; resize: vertical; }
.bp-od-kart textarea:focus { outline: none; border-color: var(--bp-primary, #fa782a); }
.bp-od-adresler, .bp-od-yontem { display: grid; gap: 8px; }
.bp-od-adresler .bp-mt-text small, .bp-od-yontem .bp-mt-text small { line-height: 1.6; }
.bp-od-ekle { display: inline-block; margin-top: 10px; font-size: 12.5px; font-weight: 600;
    color: var(--bp-primary, #fa782a); text-decoration: none; }
.bp-od-bos { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    flex-wrap: wrap; font-size: 13px; color: #94a3b8; }
.bp-od-bos .bp-uk-btn { width: auto; height: 38px; padding: 0 18px; font-size: 13px; }
.bp-od-not { margin: 12px 0 0; padding: 11px 14px; border-radius: 9px; background: #f2f7ff;
    border: 1px solid #dfeaff; font-size: 12.5px; color: #3c5d85; line-height: 1.65; }
.bp-od-not.uyari { background: #fffaf2; border-color: #f6e3c4; color: #8a6224; }

.bp-od-sag { position: sticky; top: 14px; }
.bp-od-ozet { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 16px 18px; }
.bp-od-ozet h2 { margin: 0 0 12px; font-size: 14.5px; font-weight: 700; color: #1f2937; }
.bp-od-ozet .urunler { max-height: 232px; overflow-y: auto; margin-bottom: 12px;
    padding-bottom: 10px; border-bottom: 1px solid #f4f6fa; }
.bp-od-ozet .urunler .sat { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 9px;
    align-items: center; padding: 6px 0; border: 0; }
.bp-od-ozet .urunler img { width: 40px; height: 40px; object-fit: contain; background: #f8fafc;
    border-radius: 7px; }
.bp-od-ozet .urunler .ad { font-size: 12px; color: #475569; line-height: 1.4; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bp-od-ozet .urunler .ad small { display: block; color: #b0b8c4; font-size: 11px; margin-top: 2px; }
.bp-od-ozet .urunler .tut { font-size: 12.5px; font-weight: 700; color: #1f2937; white-space: nowrap; }
.bp-od-ozet .sat { display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
    padding: 6px 0; font-size: 13px; color: #475569; }
.bp-od-ozet .sat small { color: #b0b8c4; font-size: 11px; }
.bp-od-ozet .sat b { color: #1f2937; font-weight: 600; white-space: nowrap; }
.bp-od-ozet .sat b.eksi { color: #157a4d; }
.bp-od-ozet .sat.toplam { margin-top: 8px; padding-top: 11px; border-top: 1px solid #eef1f6;
    font-size: 14px; }
.bp-od-ozet .sat.toplam b { font-size: 20px; font-weight: 800; color: var(--bp-primary, #fa782a);
    letter-spacing: -.4px; }
.bp-od-ozet .bp-ad-onay { margin-top: 12px; font-size: 12px; align-items: flex-start; }
.bp-od-ozet .bp-ad-onay a { color: var(--bp-primary, #fa782a); font-weight: 600; }
.bp-od-tamamla { margin-top: 12px; height: 48px; font-size: 15px; }
.bp-od-tamamla[disabled] { opacity: .5; cursor: not-allowed; }
.bp-od-geri { display: block; text-align: center; margin-top: 11px; font-size: 12.5px;
    color: #94a3b8; text-decoration: none; }

/* ---------- ödenmemiş sipariş uyarısı ---------- */
.bp-sd-bekleyen { display: flex; align-items: center; justify-content: space-between; gap: 14px;
    flex-wrap: wrap; margin-bottom: 12px; padding: 14px 16px; border-radius: 13px;
    background: #fffbf2; border: 1px solid #f6e0bc; }
.bp-sd-bekleyen .bil b { display: block; font-size: 13.5px; color: #8a6224; }
.bp-sd-bekleyen .bil b i { margin-right: 6px; }
.bp-sd-bekleyen .bil small { display: block; margin-top: 4px; font-size: 12px; color: #a68a5b;
    line-height: 1.6; }
.bp-sd-bekleyen .eylem { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.bp-sd-bekleyen .eylem form { margin: 0; }
.bp-sd-bekleyen .bp-uk-btn { width: auto; height: 38px; padding: 0 18px; font-size: 13px; }
.bp-sd-iptal { height: 38px; padding: 0 16px; border: 1px solid #e4d2b4; background: #fff;
    border-radius: 9px; font-family: inherit; font-size: 12.5px; font-weight: 600; color: #8a6224;
    cursor: pointer; transition: all .15s; }
.bp-sd-iptal:hover { border-color: #d7483f; color: #b3261e; }

/* ---------- kartla ödeme (PayTR) ---------- */
.bp-kart { max-width: 820px; margin: 0 auto; padding: 22px 0 48px; }
.bp-kart-ust { text-align: center; margin-bottom: 16px; }
.bp-kart-ust h1 { margin: 0 0 8px; font-size: 22px; font-weight: 700; color: #1f2937; }
.bp-kart-ust p { margin: 0; font-size: 13px; color: #94a3b8; }
.bp-kart-ust p b { color: #1f2937; }
.bp-kart-not { margin: 0 0 14px; padding: 11px 14px; border-radius: 9px; background: #f2f7ff;
    border: 1px solid #dfeaff; font-size: 12.5px; color: #3c5d85; line-height: 1.65; }
.bp-kart-not i { margin-right: 6px; }
.bp-kart #paytriframe { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; }
.bp-kart-alt-not { margin: 14px 0 0; font-size: 12px; color: #94a3b8; text-align: center; line-height: 1.7; }
.bp-kart-alt-not a { color: var(--bp-primary, #fa782a); font-weight: 600; }
.bp-kart-alt { display: flex; align-items: center; justify-content: center; gap: 16px;
    margin-top: 16px; flex-wrap: wrap; }
.bp-kart-alt .bp-uk-btn { width: auto; padding: 0 26px; }

/* ---------- sipariş tamamlandı ---------- */
.bp-st { max-width: 760px; margin: 0 auto; padding: 24px 0 48px; }
.bp-st-ust { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 28px 24px;
    text-align: center; }
.bp-st-ust .tik { width: 58px; height: 58px; margin: 0 auto 14px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; background: #e8f8f0; color: #1d9d63;
    font-size: 24px; }
.bp-st-ust h1 { margin: 0 0 6px; font-size: 22px; font-weight: 700; color: #1f2937; }
.bp-st-ust p { margin: 0 0 10px; font-size: 13px; color: #94a3b8; }
.bp-st-ust .no { font-size: 30px; font-weight: 800; letter-spacing: 3px; color: #1f2937; }
.bp-st-ust .bilgi { margin-top: 10px; display: flex; align-items: center; justify-content: center;
    gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: #94a3b8; }
.bp-st-ust .bilgi b { color: #1f2937; font-size: 14px; }

.bp-st-havale { margin-top: 14px; background: #fff; border: 1px solid #eef1f6; border-radius: 13px;
    padding: 18px 20px; }
.bp-st-havale h2 { margin: 0 0 14px; font-size: 15px; font-weight: 700; color: #1f2937; }
.bp-st-havale h2 i { color: #b0b8c4; margin-right: 6px; }
.bp-st-kod { background: #fffbf2; border: 1px solid #f6e0bc; border-radius: 11px; padding: 14px 16px;
    text-align: center; margin-bottom: 14px; }
.bp-st-kod span { display: block; font-size: 11.5px; color: #a2630b; margin-bottom: 6px; }
.bp-st-kod b { display: block; font-size: 26px; font-weight: 800; letter-spacing: 3px; color: #1f2937; }
.bp-st-kod small { display: block; margin-top: 8px; font-size: 11.5px; color: #a68a5b; line-height: 1.6; }
.bp-st-kod .kopyala { margin-top: 9px; }

.kopyala { border: 1px solid #e4e8f0; background: #fff; border-radius: 8px; padding: 6px 12px;
    font-family: inherit; font-size: 11.5px; font-weight: 600; color: #475569; cursor: pointer;
    white-space: nowrap; transition: all .15s; }
.kopyala:hover { border-color: var(--bp-primary, #fa782a); color: var(--bp-primary, #fa782a); }

.bp-st-bankalar { display: grid; gap: 10px; }
.bp-st-banka, .bp-st-bankalar .banka { border: 1px solid #eef1f6; border-radius: 11px; padding: 14px 16px; }
.bp-st-bankalar .banka .ust { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px;
    padding-bottom: 9px; border-bottom: 1px solid #f4f6fa; }
.bp-st-bankalar .banka .ust b { font-size: 14px; color: #1f2937; }
.bp-st-bankalar .banka .ust span { font-size: 11.5px; color: #94a3b8; }
.bp-st-bankalar .banka .sat { display: flex; align-items: center; gap: 10px; padding: 6px 0;
    font-size: 13px; }
.bp-st-bankalar .banka .sat > span { flex: 0 0 72px; font-size: 11px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: .4px; }
.bp-st-bankalar .banka .sat > b { flex: 1 1 auto; color: #1f2937; font-weight: 600;
    overflow-wrap: anywhere; }
.bp-st-bankalar .banka .sat.iban > b { font-family: ui-monospace, 'Courier New', monospace;
    letter-spacing: .5px; font-size: 12.5px; }
.bp-st-aciklama { margin: 14px 0 0; font-size: 12.5px; color: #94a3b8; line-height: 1.7; }
.bp-st-aciklama a { color: var(--bp-primary, #fa782a); font-weight: 600; }

.bp-st-dugmeler { display: flex; align-items: center; justify-content: center; gap: 16px;
    margin-top: 18px; flex-wrap: wrap; }
.bp-st-dugmeler .bp-uk-btn { width: auto; padding: 0 26px; }
.bp-st-devam { font-size: 13px; color: #94a3b8; text-decoration: none; }

@media (max-width: 900px) {
    .bp-od-govde { grid-template-columns: 1fr; }
    .bp-od-sag { position: static; }
}
@media (max-width: 560px) {
    .bp-st-ust .no { font-size: 24px; letter-spacing: 2px; }
    .bp-st-bankalar .banka .sat { flex-direction: column; align-items: flex-start; gap: 4px; }
    .bp-st-bankalar .banka .sat > span { flex: none; }
}

/* ---------- destek merkezi ---------- */
.bp-dk-liste { display: flex; flex-direction: column; gap: 10px; }
.bp-dk { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; overflow: hidden; }
.bp-dk > summary { display: flex; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer;
    list-style: none; }
.bp-dk > summary::-webkit-details-marker { display: none; }
.bp-dk > summary::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 900;
    font-size: 11px; color: #b0b8c4; transition: transform .2s; }
.bp-dk[open] > summary::after { transform: rotate(180deg); }
.bp-dk > summary .ikon { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; background: #f4f6fa; color: #94a3b8; }
.bp-dk > summary .orta { flex: 1 1 auto; min-width: 0; }
.bp-dk > summary .orta b { display: block; font-size: 13.5px; color: #1f2937; line-height: 1.4;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-dk > summary .orta small { display: block; margin-top: 3px; font-size: 11.5px; color: #94a3b8; }
.bp-dk.kapali > summary .ikon { background: #fdf2f2; color: #d08a8a; }

.bp-dk .akis { padding: 4px 16px 0; border-top: 1px solid #f4f6fa; display: flex;
    flex-direction: column; gap: 10px; }
.bp-dk .bal { max-width: 82%; border-radius: 12px; padding: 11px 14px; }
.bp-dk .bal:first-child { margin-top: 14px; }
/* Müşterinin yazdığı sağda, destek ekibininki solda — mesajlaşma alışkanlığı. */
.bp-dk .bal.sizden { align-self: flex-end; background: #f2f7ff; border: 1px solid #dfeaff; }
.bp-dk .bal.bizden { align-self: flex-start; background: #f8fafc; border: 1px solid #eef1f6; }
.bp-dk .bal .ust { display: flex; align-items: baseline; gap: 8px; margin-bottom: 5px; }
.bp-dk .bal .ust b { font-size: 12px; color: #475569; }
.bp-dk .bal .ust span { font-size: 11px; color: #b0b8c4; }
.bp-dk .bal p { margin: 0; font-size: 13px; color: #1f2937; line-height: 1.65;
    overflow-wrap: anywhere; }

.bp-dk-cevap { display: flex; align-items: flex-end; gap: 10px; padding: 14px 16px; }
.bp-dk-cevap textarea { flex: 1 1 auto; border: 1px solid #e4e8f0; border-radius: 9px;
    padding: 10px 13px; font-size: 13.5px; font-family: inherit; color: #1f2937; resize: vertical; }
.bp-dk-cevap textarea:focus { outline: none; border-color: var(--bp-primary, #fa782a); }
.bp-dk-cevap .bp-uk-btn { width: auto; height: 42px; padding: 0 20px; font-size: 13px; }
.bp-dk-kapali { margin: 14px 16px 16px; padding: 11px 14px; border-radius: 9px;
    background: #fdf6f6; border: 1px solid #f4dede; font-size: 12.5px; color: #96544f; }
.bp-dk-kapali a { color: #96544f; font-weight: 700; }

/* ---------- talep oluştur ---------- */
.bp-tl-form label.tam { display: flex; flex-direction: column; gap: 6px; margin-top: 14px;
    font-size: 12.5px; font-weight: 600; color: #475569; }
.bp-tl-form input, .bp-tl-form select, .bp-tl-form textarea { border: 1px solid #e4e8f0;
    border-radius: 9px; padding: 11px 13px; font-size: 14px; font-family: inherit; color: #1f2937; }
.bp-tl-form input, .bp-tl-form select { height: 44px; padding: 0 13px; }
.bp-tl-form textarea { resize: vertical; }
.bp-tl-form input:focus, .bp-tl-form select:focus, .bp-tl-form textarea:focus {
    outline: none; border-color: var(--bp-primary, #fa782a); }
.bp-tl-form .ipucu { font-weight: 400; font-size: 11.5px; color: #b0b8c4; }

.bp-tl-bilgi { margin-top: 14px; background: #f8fbff; border: 1px solid #e2ecf8;
    border-radius: 13px; padding: 15px 18px; }
.bp-tl-bilgi h3 { margin: 0 0 9px; font-size: 13px; font-weight: 700; color: #2d5c88; }
.bp-tl-bilgi ul { margin: 0; padding-left: 18px; }
.bp-tl-bilgi li { font-size: 12.5px; color: #55708a; line-height: 1.9; }
.bp-tl-bilgi a { color: #2d5c88; font-weight: 600; }

/* ---------- adreslerim ---------- */
.bp-ad-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    flex-wrap: wrap; margin-bottom: 12px; font-size: 13px; color: #475569; }
.bp-ad-ust b { font-size: 16px; color: #1f2937; }
.bp-ad-ust .bp-uk-btn { display: inline-flex; width: auto; height: 38px; padding: 0 18px; font-size: 13px; }

.bp-ad-liste { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
.bp-ad-kart { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 15px 16px;
    display: flex; flex-direction: column; }
.bp-ad-kart header { display: flex; align-items: center; justify-content: space-between; gap: 8px;
    margin-bottom: 9px; }
.bp-ad-kart header b { font-size: 14px; color: #1f2937; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; }
.bp-ad-kart .kim { font-size: 13px; font-weight: 600; color: #475569; }
.bp-ad-kart .kim span { font-weight: 400; color: #94a3b8; }
.bp-ad-kart .adr { margin: 7px 0 0; font-size: 12.5px; color: #475569; line-height: 1.6; }
.bp-ad-kart .yer { margin: 5px 0 0; font-size: 12px; color: #94a3b8; }
.bp-ad-kart .yer i { margin-right: 4px; }
.bp-ad-kart .fat { margin: 9px 0 0; padding-top: 9px; border-top: 1px dashed #eef1f6;
    font-size: 12px; color: #94a3b8; line-height: 1.6; }
.bp-ad-kart .fat b { color: #475569; }
.bp-ad-kart .fat.ayri { color: #8a6d1f; }
.bp-ad-kart .fat.ayri b { color: #8a6d1f; }
.bp-ad-kart footer { display: flex; align-items: center; gap: 8px; margin-top: auto;
    padding-top: 12px; }
.bp-ad-kart footer form { margin: 0; }
.bp-ad-kart footer .duzenle, .bp-ad-kart footer .sil { height: 34px; padding: 0 14px; border-radius: 9px;
    border: 1px solid #eef1f6; background: #fff; font-family: inherit; font-size: 12.5px; font-weight: 600;
    display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none;
    transition: all .15s; }
.bp-ad-kart footer .duzenle { color: #475569; }
.bp-ad-kart footer .duzenle:hover { border-color: var(--bp-primary, #fa782a); color: var(--bp-primary, #fa782a); }
.bp-ad-kart footer .sil { color: #94a3b8; }
.bp-ad-kart footer .sil:hover { border-color: #f0b4b4; color: #b3261e; }

.bp-ad-form h2 { margin-top: 18px; }
.bp-ad-form h2:first-of-type { margin-top: 0; }
.bp-ad-form label.tam { display: flex; flex-direction: column; gap: 6px; margin-top: 12px;
    font-size: 12.5px; font-weight: 600; color: #475569; }
.bp-ad-form textarea { border: 1px solid #e4e8f0; border-radius: 9px; padding: 10px 13px;
    font-size: 14px; font-family: inherit; color: #1f2937; resize: vertical; }
.bp-ad-form textarea:focus { outline: none; border-color: var(--bp-primary, #fa782a); }
.bp-ad-form .bp-mt-wrap { margin-top: 10px; }
.bp-ad-onay { display: flex; align-items: center; gap: 9px; margin-top: 14px; cursor: pointer;
    font-size: 13px; color: #475569; }
.bp-ad-onay input { width: 16px; height: 16px; accent-color: var(--bp-primary, #fa782a); }
.bp-ad-fatura { margin-top: 4px; }
.bp-ad-dugme { display: flex; align-items: center; gap: 14px; margin-top: 18px; }
.bp-ad-dugme .bp-uk-btn { width: auto; padding: 0 26px; }
.bp-ad-dugme a { font-size: 13px; color: #94a3b8; text-decoration: none; }

/* ---------- favori kalbi (kart + ürün sayfası) ---------- */
/* JS kapalıysa kalp HİÇ görünmez: yarım çalışan düğme göstermeyiz. */
.bp-uk-fav, .bp-ud-fav { display: none; }
.bp-favori-hazir .bp-uk-fav { display: flex; }
.bp-favori-hazir .bp-ud-fav { display: inline-flex; }

.bp-uk-fav { position: absolute; top: 9px; right: 9px; z-index: 3; width: 32px; height: 32px;
    align-items: center; justify-content: center; border: 0; border-radius: 50%; cursor: pointer;
    background: rgba(255,255,255,.92); color: #94a3b8; font-size: 14px; padding: 0;
    box-shadow: 0 2px 8px rgba(15,23,42,.12); transition: color .15s, transform .15s; }
.bp-uk-fav:hover { color: #e23b3b; transform: scale(1.08); }
.bp-uk-fav.dolu { color: #e23b3b; }

.bp-ud-fav { align-items: center; gap: 8px; margin-top: 12px; padding: 10px 16px; cursor: pointer;
    background: #fff; border: 1px solid #e4e8f0; border-radius: 9px; font-family: inherit;
    font-size: 13px; font-weight: 600; color: #475569; transition: all .15s; }
.bp-ud-fav:hover { border-color: #f0b4b4; color: #e23b3b; }
.bp-ud-fav.dolu { border-color: #f0b4b4; background: #fff6f6; color: #e23b3b; }

/* ---------- favorilerim ---------- */
.bp-fv-bos-btn { margin-top: 14px; }
.bp-fv-bos-btn .bp-uk-btn { display: inline-flex; width: auto; padding: 0 22px; }
.bp-fv-ust { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 12px;
    font-size: 13px; color: #475569; }
.bp-fv-ust b { font-size: 16px; color: #1f2937; }
.bp-fv-ust small { font-size: 11.5px; color: #94a3b8; }

.bp-fv-liste { display: flex; flex-direction: column; gap: 10px; }
.bp-fv-kart { display: grid; grid-template-columns: 92px minmax(0,1fr) 190px; gap: 14px;
    align-items: center; background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 12px 14px; }
.bp-fv-kart.tukendi { background: #fcfcfd; }
.bp-fv-kart .gor { position: relative; display: block; width: 92px; height: 92px; border-radius: 9px;
    overflow: hidden; background: #f8fafc; }
.bp-fv-kart .gor img { width: 100%; height: 100%; object-fit: contain; }
.bp-fv-kart.tukendi .gor img { opacity: .55; }
.bp-fv-kart .gor .ind { position: absolute; left: 5px; top: 5px; background: #e23b3b; color: #fff;
    font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 5px; }

.bp-fv-kart .bil { min-width: 0; }
.bp-fv-kart .ad { display: block; font-size: 13.5px; font-weight: 600; color: #1f2937; line-height: 1.45;
    text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; }
.bp-fv-kart .fiy { margin-top: 6px; display: flex; align-items: baseline; gap: 8px; }
.bp-fv-kart .fiy .eski { font-size: 12px; color: #b0b8c4; text-decoration: line-through; }
.bp-fv-kart .fiy .yeni { font-size: 17px; font-weight: 800; color: var(--bp-primary, #fa782a);
    letter-spacing: -.3px; }
.bp-fv-kart .dur { margin-top: 6px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    font-size: 11.5px; }
.bp-fv-kart .dur .var { color: #157a4d; font-weight: 600; }
.bp-fv-kart .dur .yok { color: #b3261e; font-weight: 600; }
.bp-fv-kart .dur .tar { color: #b0b8c4; }

.bp-fv-kart .isl { display: flex; flex-direction: column; gap: 7px; }
.bp-fv-kart .isl .bp-uk-btn { height: 38px; font-size: 13px; }
.bp-fv-sil { height: 34px; border: 1px solid #eef1f6; background: #fff; border-radius: 9px; cursor: pointer;
    font-family: inherit; font-size: 12.5px; font-weight: 600; color: #94a3b8; transition: all .15s; }
.bp-fv-sil:hover { border-color: #f0b4b4; color: #b3261e; }

@media (max-width: 640px) {
    .bp-fv-kart { grid-template-columns: 76px minmax(0,1fr); }
    .bp-fv-kart .gor { width: 76px; height: 76px; }
    .bp-fv-kart .isl { grid-column: 1 / -1; flex-direction: row; }
    .bp-fv-kart .isl .bp-uk-btn { flex: 1; }
    .bp-fv-sil { flex: 0 0 auto; padding: 0 14px; }
}

/* ---------- cüzdan ---------- */
.bp-cz-ust { display: grid; gap: 12px; grid-template-columns: 1.6fr 1fr 1fr 1fr; margin-bottom: 14px; }
.bp-cz-bakiye { background: linear-gradient(135deg, #0f172a, #1e293b); color: #fff; border-radius: 13px;
    padding: 20px 22px; }
.bp-cz-bakiye span { display: block; font-size: 12.5px; opacity: .7; margin-bottom: 6px; }
.bp-cz-bakiye b { font-size: 30px; font-weight: 800; letter-spacing: -.8px; display: block; }
.bp-cz-bakiye small { display: inline-block; margin-top: 8px; font-size: 11.5px; background: rgba(255,255,255,.14);
    padding: 3px 9px; border-radius: 999px; }
.bp-cz-toplam { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 16px 18px;
    display: flex; flex-direction: column; justify-content: center; }
.bp-cz-toplam span { font-size: 11.5px; color: #94a3b8; margin-bottom: 7px; }
.bp-cz-toplam b { font-size: 19px; font-weight: 700; color: #1f2937; letter-spacing: -.3px; }
.bp-cz-toplam small { font-size: 11px; color: #b0b8c4; margin-top: 4px; }
.bp-cz-toplam.gelir { border-color: #cdeedd; background: #f4fcf8; }
.bp-cz-toplam.gelir span, .bp-cz-toplam.gelir b { color: #157a4d; }
.bp-cz-toplam.gider { border-color: #f8d4d4; background: #fff6f6; }
.bp-cz-toplam.gider span, .bp-cz-toplam.gider b { color: #b3261e; }

.bp-cz-bekleyen { background: #fffbf2; border: 1px solid #f6e0bc; border-radius: 13px;
    padding: 14px 16px; margin-bottom: 14px; }
.bp-cz-bekleyen h3 { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: #a2630b; }
.bp-cz-bekleyen .sat { display: grid; grid-template-columns: 1.3fr 1fr 1fr auto auto; gap: 10px;
    align-items: center; padding: 8px 0; border-top: 1px solid #f6e8d2; font-size: 12.5px; color: #475569; }
.bp-cz-bekleyen .sat .ref { font-weight: 700; color: #1f2937; }
.bp-cz-bekleyen .sat .tut { font-weight: 700; color: #1f2937; text-align: right; }
.bp-cz-bekleyen .not { margin: 10px 0 0; font-size: 11.5px; color: #a68a5b; }

/* Ekstre: gelir SOLDA yeşil, gider SAĞDA kırmızı, en sağda kalan bakiye. */
.bp-cz-ekstre { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; overflow: hidden; }
.bp-cz-baslik, .bp-cz-sat { display: grid; gap: 12px; align-items: center;
    grid-template-columns: 112px minmax(0,1fr) 120px 120px 128px; padding: 11px 16px; }
.bp-cz-baslik { background: #f8fafc; border-bottom: 1px solid #eef1f6; font-size: 11px;
    font-weight: 700; color: #94a3b8; letter-spacing: .3px; text-transform: uppercase; }
.bp-cz-baslik .gel, .bp-cz-baslik .gid, .bp-cz-baslik .bak { text-align: right; }
.bp-cz-sat { border-top: 1px solid #f4f6fa; font-size: 13px; }
.bp-cz-sat:first-of-type { border-top: 0; }
.bp-cz-sat .tar { font-size: 11.5px; color: #94a3b8; line-height: 1.4; }
.bp-cz-sat .isl { min-width: 0; }
.bp-cz-sat .isl i { color: #b0b8c4; margin-right: 6px; }
.bp-cz-sat.gelir .isl i { color: #1d9d63; }
.bp-cz-sat.gider .isl i { color: #d7483f; }
.bp-cz-sat .isl b { font-size: 13px; font-weight: 600; color: #1f2937; }
.bp-cz-sat .isl small { display: block; margin-top: 2px; font-size: 11.5px; color: #94a3b8;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-cz-sat .isl .sip { display: inline-block; margin-top: 4px; margin-right: 6px; font-size: 11px;
    font-weight: 700; color: var(--bp-primary, #fa782a); text-decoration: none; }
.bp-cz-sat .isl .yol { display: inline-block; margin-top: 4px; font-size: 10.5px; color: #94a3b8;
    background: #f4f6fa; padding: 2px 7px; border-radius: 999px; }
.bp-cz-sat .gel, .bp-cz-sat .gid, .bp-cz-sat .bak { text-align: right; font-weight: 700;
    font-variant-numeric: tabular-nums; white-space: nowrap; }
.bp-cz-sat .gel { color: #157a4d; }
.bp-cz-sat .gid { color: #b3261e; }
.bp-cz-sat .bak { color: #1f2937; }
/* Yürür bakiye sıfırlandıysa gözden kaçmasın. */
.bp-cz-sat.gider .bak { color: #475569; }

.bp-cz-sayfa { display: flex; align-items: center; justify-content: center; gap: 14px;
    margin-top: 14px; font-size: 13px; color: #94a3b8; }
.bp-cz-sayfa a { color: var(--bp-primary, #fa782a); font-weight: 600; text-decoration: none; }

@media (max-width: 980px) {
    .bp-cz-ust { grid-template-columns: 1fr 1fr; }
    .bp-cz-bakiye { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
    /* Dar ekranda tablo satırı karta döner: başlık gizlenir, sütunlar etiketlenir. */
    .bp-cz-baslik { display: none; }
    .bp-cz-sat { grid-template-columns: 1fr auto; gap: 4px 10px; padding: 13px 14px; }
    .bp-cz-sat .tar { grid-column: 1 / -1; order: -1; }
    .bp-cz-sat .isl { grid-column: 1 / -1; }
    .bp-cz-sat .gel, .bp-cz-sat .gid { grid-column: 1; text-align: left; font-size: 15px; }
    .bp-cz-sat .gel:empty, .bp-cz-sat .gid:empty { display: none; }
    .bp-cz-sat .bak { grid-column: 2; font-size: 12px; color: #94a3b8; font-weight: 600; }
    .bp-cz-sat .bak::before { content: 'kalan '; font-weight: 400; }
    .bp-cz-bekleyen .sat { grid-template-columns: 1fr auto; }
}

@media (max-width: 860px) {
    .bp-hs { grid-template-columns: 1fr; }
    .bp-hs-yan { position: static; }
    .bp-hs-menu { flex-direction: row; overflow-x: auto; padding: 8px; gap: 6px; scrollbar-width: none; }
    .bp-hs-menu::-webkit-scrollbar { display: none; }
    .bp-hs-menu a { white-space: nowrap; }
    .bp-hs-menu a span { display: inline; }
    .bp-hs-menu a.cikis { border-top: 0; padding-top: 10px; }
}

/* ---------- siparişlerim: süzgeç + durum renkleri ---------- */
.bp-sip-suz { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }
.bp-sip-suz a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px;
    border-radius: 999px; background: #fff; border: 1px solid #e4e8f0; color: #475569;
    font-size: 13px; font-weight: 600; text-decoration: none; }
.bp-sip-suz a span { font-size: 11.5px; font-weight: 700; background: #f1f5f9; color: #64748b;
    border-radius: 999px; padding: 1px 8px; }
.bp-sip-suz a:hover { border-color: #cbd5e1; }
.bp-sip-suz a.on { background: #0f172a; border-color: #0f172a; color: #fff; }
.bp-sip-suz a.on span { background: rgba(255,255,255,.2); color: #fff; }
.bp-sip-suz a.r-yesil.on   { background: #047857; border-color: #047857; }
.bp-sip-suz a.r-mavi.on    { background: #1d4ed8; border-color: #1d4ed8; }
.bp-sip-suz a.r-kirmizi.on { background: #b91c1c; border-color: #b91c1c; }
.bp-sip-suz a.r-turuncu.on { background: #c2410c; border-color: #c2410c; }

/* Durum rozeti — renk grubu lib/siparis.php'den gelir. */
.bp-sip-rozet { display: inline-block; padding: 3px 11px; border-radius: 999px;
    font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.bp-sip-rozet.r-yesil   { background: #ecfdf5; color: #047857; }
.bp-sip-rozet.r-mavi    { background: #eff6ff; color: #1d4ed8; }
.bp-sip-rozet.r-kirmizi { background: #fef2f2; color: #b91c1c; }
.bp-sip-rozet.r-turuncu { background: #fff7ed; color: #c2410c; }

/* Kartın solunda durum rengi şeridi — listede bir bakışta ayırmak için. */
.siparis-card { display: block; text-decoration: none; color: inherit; position: relative; }
.siparis-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.siparis-card.bp-sip-yesil::before   { background: #047857; }
.siparis-card.bp-sip-mavi::before    { background: #1d4ed8; }
.siparis-card.bp-sip-kirmizi::before { background: #b91c1c; }
.siparis-card.bp-sip-turuncu::before { background: #c2410c; }
.siparis-toggle { color: #cbd5e1; font-size: 20px; }

/* ---------- sipariş detayı ---------- */
.bp-sd-geri { display: inline-block; margin-bottom: 12px; font-size: 13px; color: #64748b; text-decoration: none; }
.bp-sd-ust { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
    background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 16px 20px;
    margin-bottom: 14px; position: relative; overflow: hidden; }
.bp-sd-ust::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.bp-sd-ust.bp-sip-yesil::before   { background: #047857; }
.bp-sd-ust.bp-sip-mavi::before    { background: #1d4ed8; }
.bp-sd-ust.bp-sip-kirmizi::before { background: #b91c1c; }
.bp-sd-ust.bp-sip-turuncu::before { background: #c2410c; }
.bp-sd-no { display: block; font-size: 18px; font-weight: 700; color: #1f2937; }
.bp-sd-tarih { display: block; font-size: 12.5px; color: #94a3b8; margin-top: 3px; }

.bp-sd-kutular { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin-bottom: 14px; }
.bp-sd-kutu { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 16px 18px; }
.bp-sd-kutu h2 { font-size: 13px; font-weight: 700; color: #94a3b8; text-transform: uppercase;
    letter-spacing: .4px; margin: 0 0 12px; display: flex; align-items: center; gap: 7px; }
.bp-sd-kutu h2 i { color: var(--bp-primary, #fa782a); font-size: 13px; }
.bp-sd-kutu .sat { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 13.5px; }
.bp-sd-kutu .sat span { color: #94a3b8; flex: 0 0 auto; }
.bp-sd-kutu .sat b { color: #1f2937; text-align: right; font-weight: 600; }
.bp-sd-kutu .sat b.eksi { color: #047857; }
.bp-sd-kutu .sat.toplam { border-top: 1px solid #eef1f6; margin-top: 7px; padding-top: 11px; }
.bp-sd-kutu .sat.toplam b { font-size: 17px; font-weight: 800; }
.bp-sd-kutu .sat.adres { flex-direction: column; gap: 4px; }
.bp-sd-kutu .sat.adres b { text-align: left; font-weight: 400; line-height: 1.6; color: #475569; }
.bp-sd-kod { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 14px;
    background: #f6f8fb; border: 1px solid #e4e8f0; border-radius: 7px; padding: 3px 9px; letter-spacing: .5px; }

.bp-sd-urunler { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; padding: 16px 18px; }
.bp-sd-urunler h2 { font-size: 13px; font-weight: 700; color: #94a3b8; text-transform: uppercase;
    letter-spacing: .4px; margin: 0 0 6px; }
.bp-sd-satir { display: grid; grid-template-columns: 68px 1fr auto; gap: 14px; align-items: center;
    padding: 13px 0; border-bottom: 1px solid #f4f6fa; }
.bp-sd-satir:last-of-type { border-bottom: 0; }
.bp-sd-satir .gorsel img { width: 68px; height: 68px; object-fit: contain; background: #fff; }
.bp-sd-satir .ad { font-size: 13.5px; line-height: 1.5; color: #1f2937; text-decoration: none;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bp-sd-satir .birim { font-size: 12px; color: #94a3b8; margin-top: 4px; }
.bp-sd-satir .tutar { font-size: 15px; font-weight: 700; white-space: nowrap; }
.bp-sd-toplam { display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
    border-top: 2px solid #eef1f6; margin-top: 8px; padding-top: 14px; }
.bp-sd-toplam span { font-size: 13.5px; color: #475569; }
.bp-sd-toplam b { font-size: 21px; font-weight: 800; color: #1f2937; }

@media (max-width: 640px) {
    .bp-sd-satir { grid-template-columns: 56px 1fr; }
    .bp-sd-satir .gorsel img { width: 56px; height: 56px; }
    .bp-sd-satir .tutar { grid-column: 2; text-align: right; }
}

/* Satır bazında KDV — ürün adının altında küçük rozet */
.bp-sd-kdv { display: inline-block; margin-left: 8px; font-size: 11px; font-weight: 600;
    background: #f6f8fb; border: 1px solid #e9edf3; border-radius: 999px;
    padding: 1px 9px; color: #64748b; white-space: nowrap; }
.bp-sd-kutu .sat span small { font-weight: 400; color: #b0b8c4; }
.bp-sd-urun-ozet { border-top: 1px solid #f4f6fa; margin-top: 8px; padding-top: 10px; }
.bp-sd-urun-ozet .sat { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 13px; }
.bp-sd-urun-ozet .sat span { color: #94a3b8; }
.bp-sd-urun-ozet .sat span small { color: #b0b8c4; }
.bp-sd-urun-ozet .sat b { color: #475569; font-weight: 600; }
@media (max-width: 640px) { .bp-sd-kdv { display: block; margin: 5px 0 0; } }

/* ---------- faturalarım ---------- */
.bp-fat-liste { display: flex; flex-direction: column; gap: 13px; }
.bp-fat { background: #fff; border: 1px solid #eef1f6; border-radius: 13px; overflow: hidden;
    position: relative; }
.bp-fat::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.bp-fat.bp-sip-yesil::before   { background: #047857; }
.bp-fat.bp-sip-mavi::before    { background: #1d4ed8; }
.bp-fat.bp-sip-kirmizi::before { background: #b91c1c; }
.bp-fat.bp-sip-turuncu::before { background: #c2410c; }

.bp-fat-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;
    flex-wrap: wrap; padding: 15px 18px; border-bottom: 1px solid #f4f6fa; }
.bp-fat-ust .donem { display: block; font-size: 17px; font-weight: 700; color: #1f2937; }
.bp-fat-ust .no { display: block; font-size: 12.5px; color: #94a3b8; margin-top: 4px; }
.bp-fat-ust .no b { color: #475569; font-family: ui-monospace, Menlo, Consolas, monospace; }
.bp-fat-ust .no i { font-style: italic; }

.bp-fat-govde { display: grid; grid-template-columns: 1fr auto; gap: 18px; padding: 15px 18px; align-items: start; }
.bp-fat-tutar .sat { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0;
    font-size: 13.5px; max-width: 380px; }
.bp-fat-tutar .sat span { color: #94a3b8; }
.bp-fat-tutar .sat span small { color: #b0b8c4; font-weight: 400; }
.bp-fat-tutar .sat b { color: #1f2937; font-weight: 600; }
.bp-fat-tutar .sat.toplam { border-top: 1px solid #eef1f6; margin-top: 6px; padding-top: 10px; }
.bp-fat-tutar .sat.toplam b { font-size: 17px; font-weight: 800; }

.bp-fat-islem { text-align: right; }
.bp-fat-islem .bp-uk-btn { width: auto; min-width: 180px; height: 42px; font-size: 13.5px; }
.bp-fat-yok { display: inline-block; font-size: 12.5px; color: #94a3b8; background: #f6f8fb;
    border: 1px solid #eef1f6; border-radius: 9px; padding: 10px 14px; }
.bp-fat-not { font-size: 12.5px; color: #64748b; margin: 8px 0 0; max-width: 280px; }

.bp-fat-sip { border-top: 1px solid #f4f6fa; }
.bp-fat-sip summary { cursor: pointer; padding: 11px 18px; font-size: 13px; font-weight: 600;
    color: #475569; list-style: none; }
.bp-fat-sip summary::-webkit-details-marker { display: none; }
.bp-fat-sip summary::before { content: '▸ '; color: #b0b8c4; }
.bp-fat-sip[open] summary::before { content: '▾ '; }
.bp-fat-sip summary:hover { background: #fafbfd; }
.bp-fat-sip .liste { padding: 0 18px 14px; }
.bp-fat-sip .liste a { display: grid; grid-template-columns: 110px 90px 1fr auto; gap: 12px;
    align-items: center; padding: 9px 0; border-top: 1px solid #f4f6fa;
    font-size: 13px; color: #475569; text-decoration: none; }
.bp-fat-sip .liste a:hover { color: var(--bp-primary, #fa782a); }
.bp-fat-sip .liste .no { font-weight: 700; color: #1f2937; }
.bp-fat-sip .liste .tar, .bp-fat-sip .liste .pz { color: #94a3b8; font-size: 12.5px; }
.bp-fat-sip .liste .tut { font-weight: 700; color: #1f2937; white-space: nowrap; }

@media (max-width: 760px) {
    .bp-fat-govde { grid-template-columns: 1fr; }
    .bp-fat-islem { text-align: left; }
    .bp-fat-islem .bp-uk-btn { width: 100%; }
    .bp-fat-sip .liste a { grid-template-columns: 1fr auto; row-gap: 3px; }
    .bp-fat-sip .liste .tar, .bp-fat-sip .liste .pz { grid-column: 1; }
}