/* ==========================================================================
   Balcı teması — iç sayfa bileşenleri (Faz 5, ortak)
   Yükleme: parcalar/head.php → "bpb-yeni" işaretli sayfalar + ürün liste rotaları
            (balci.css → sayac.css → product.css → header.css → footer.css → sayfa.css → [liste.css | <sayfa>.css])
   Sözleşme: docs/tema-sozlesme-faz5.md §2 (sınıf listesi birebir) · token'lar balci.css :root (yeni renk/boşluk yok)
   Ölçüler: 13px gövde · başlık 22px · alt başlık 14px · gölge yok · radius 0 (kutu) / 3px (girdi, rozet) / 50% (daire)
   Kırılımlar: 991 (tek sütun yerleşim, filtre çekmecesi, yatay hesap şeridi) · 767 (tablo → kart) · 575 (dikey araç çubuğu, tam genişlik buton)
   Davranış: assets/js/sayfa.js (sekme, akordeon, adet, filtre çekmecesi, tablo etiketleri, hesap şeridi)
   Bölümler: 1 sayfa kabuğu · 2 yerleşim · 3 panel · 4 form · 5 tablo / liste / durum · 6 sekme / akordeon
             7 adımlar / sayfalama · 8 araç çubuğu / filtreler · 9 hesabım menüsü · 10 kategori yan listesi
             11 geri bildirim · 12 içerik / blog · 13 hareket / yazdırma
   ========================================================================== */

/* ---------- 1. Sayfa kabuğu ---------- */
.bpb-page { padding: var(--bpb-s4) 0 var(--bpb-s9); }
.bpb-page__head { margin-bottom: var(--bpb-s5); }
.bpb-page .bpb-breadcrumb { list-style: none; margin: 0; padding: 0 0 var(--bpb-s3); }
.bpb-page .bpb-breadcrumb li { display: inline-flex; align-items: center; }
.bpb-page .bpb-breadcrumb a { color: var(--bpb-text-3); }
.bpb-page .bpb-breadcrumb a:hover { color: var(--bpb-primary); }
.bpb-page .bpb-breadcrumb [aria-current="page"] { color: var(--bpb-text); }
.bpb-page__head .bpb-page-title { margin: 0; }
.bpb-page__lead { margin: var(--bpb-s1) 0 0; font-size: var(--bpb-fs-lg); line-height: 20px; color: var(--bpb-text-2); }
.bpb-page__head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--bpb-s4); flex-wrap: wrap; }
.bpb-page__head--row > div { min-width: 0; }

/* ---------- 2. Yerleşim ---------- */
.bpb-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--bpb-s6); align-items: start; }
.bpb-layout--right { grid-template-columns: minmax(0, 1fr) 260px; }
.bpb-layout--wide { grid-template-columns: 300px minmax(0, 1fr); }
.bpb-layout__side, .bpb-layout__main { min-width: 0; }
.bpb-stack { display: flex; flex-direction: column; gap: var(--bpb-s4); }
.bpb-stack > .bpb-field, .bpb-stack > .bpb-panel { margin: 0; }
.bpb-stack--sm { gap: var(--bpb-s2); }
.bpb-stack--lg { gap: var(--bpb-s6); }
.bpb-row-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--bpb-s4); }
.bpb-row-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--bpb-s4); }
.bpb-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--bpb-s3); margin-top: var(--bpb-s4); }
.bpb-actions--left { justify-content: flex-start; }
.bpb-actions--between { justify-content: space-between; }
.bpb-actions--center { justify-content: center; }
.bpb-actions__note { margin: 0; margin-right: auto; font-size: var(--bpb-fs-sm); color: var(--bpb-text-3); }

/* ---------- 3. Panel ---------- */
.bpb-panel { background: var(--bpb-surface); border: 1px solid var(--bpb-border); padding: var(--bpb-s5) var(--bpb-s6); }
.bpb-panel + .bpb-panel { margin-top: var(--bpb-s4); }
.bpb-panel--muted { background: var(--bpb-bg); }
.bpb-panel--flush { padding: 0; }
.bpb-panel__head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s3);
  margin: 0 0 var(--bpb-s4); padding-bottom: var(--bpb-s3);
  font-size: var(--bpb-fs-lg); font-weight: 600; color: var(--bpb-text); border-bottom: 1px solid var(--bpb-border);
}
.bpb-panel__head h1, .bpb-panel__head h2, .bpb-panel__head h3 { margin: 0; font-size: var(--bpb-fs-lg); font-weight: 600; line-height: 20px; color: var(--bpb-text); }
.bpb-panel__head .bpb-ico { flex: 0 0 auto; width: 18px; height: 18px; color: var(--bpb-primary); }
.bpb-panel__title { display: inline-flex; align-items: center; gap: var(--bpb-s2); min-width: 0; }
.bpb-panel__sub { display: block; margin-top: 2px; font-size: var(--bpb-fs-sm); font-weight: 400; color: var(--bpb-text-3); }
.bpb-panel__tools { display: inline-flex; align-items: center; gap: var(--bpb-s2); flex: 0 0 auto; }
.bpb-panel__body > :last-child { margin-bottom: 0; }
.bpb-panel__body + .bpb-panel__body { margin-top: var(--bpb-s4); padding-top: var(--bpb-s4); border-top: 1px solid var(--bpb-border); }
.bpb-panel__foot { margin: var(--bpb-s4) 0 0; padding-top: var(--bpb-s3); border-top: 1px solid var(--bpb-border); }
.bpb-panel--flush .bpb-panel__head { margin: 0; padding: var(--bpb-s3) var(--bpb-s6); }
.bpb-panel--flush .bpb-panel__body { padding: var(--bpb-s5) var(--bpb-s6); }
.bpb-panel--flush .bpb-panel__foot { margin: 0; padding: var(--bpb-s3) var(--bpb-s6); background: var(--bpb-bg); }
.bpb-panel--flush .bpb-panel__body + .bpb-panel__body { margin: 0; }

/* ---------- 4. Form (balci.css §6 üstüne) ---------- */
.bpb-form { display: block; }
.bpb-form fieldset { min-width: 0; margin: 0 0 var(--bpb-s4); padding: 0; border: 0; }
.bpb-form legend { padding: 0; margin-bottom: var(--bpb-s3); font-size: var(--bpb-fs-lg); font-weight: 600; color: var(--bpb-text); }
.bpb-form--narrow { max-width: 560px; }
.bpb-field:last-child { margin-bottom: 0; }
.bpb-field--inline { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bpb-s2) var(--bpb-s3); }
.bpb-field--inline .bpb-label { margin: 0; }
.bpb-field--inline .bpb-input, .bpb-field--inline .bpb-select { width: auto; flex: 1 1 160px; min-width: 0; }
.bpb-label__req { margin-left: 2px; color: var(--bpb-danger); text-decoration: none; }
.bpb-input--sm { height: 32px; padding: 0 var(--bpb-s3); font-size: var(--bpb-fs-sm); }
.bpb-select--sm { height: 32px; padding: 0 30px 0 var(--bpb-s3); font-size: var(--bpb-fs-sm); background-position: right 8px center; }
.bpb-textarea[aria-invalid="true"] { border-color: var(--bpb-danger); }
.bpb-input:disabled, .bpb-select:disabled, .bpb-textarea:disabled, .bpb-input[readonly] { background: var(--bpb-bg); color: var(--bpb-text-2); cursor: not-allowed; }
.bpb-input[readonly] { cursor: default; }
.bpb-error:empty, .bpb-help:empty { display: none; }
.bpb-error { display: flex; align-items: flex-start; gap: var(--bpb-s1); }
.bpb-error .bpb-ico { flex: 0 0 auto; width: 14px; height: 14px; }
.bpb-check, .bpb-radio {
  display: inline-flex; align-items: center; gap: var(--bpb-s2);
  min-height: 40px; padding: var(--bpb-s2) 0;
  font-size: var(--bpb-fs-md); color: var(--bpb-text); cursor: pointer;
}
.bpb-check input, .bpb-radio input { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; accent-color: var(--bpb-primary); cursor: pointer; }
.bpb-check input:disabled, .bpb-radio input:disabled { cursor: not-allowed; }
.bpb-check input:disabled + *, .bpb-radio input:disabled + * { color: var(--bpb-text-3); }
.bpb-check a, .bpb-radio a { color: var(--bpb-primary); text-decoration: underline; text-underline-offset: 2px; }
.bpb-check--block, .bpb-radio--block { display: flex; align-items: flex-start; }
.bpb-check--block input, .bpb-radio--block input { margin-top: 2px; }
.bpb-choice { display: flex; flex-wrap: wrap; gap: var(--bpb-s2) var(--bpb-s5); }
.bpb-choice--col { flex-direction: column; gap: 0; }
/* Seçim kartı: radio/checkbox + kenarlıklı kutu (adres seçimi, ödeme yöntemi) */
.bpb-choicecard { display: flex; align-items: flex-start; gap: var(--bpb-s3); padding: var(--bpb-s3) var(--bpb-s4); background: var(--bpb-surface); border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); cursor: pointer; transition: border-color var(--bpb-dur), background var(--bpb-dur); }
.bpb-choicecard:hover { border-color: var(--bpb-primary); }
.bpb-choicecard input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--bpb-primary); }
.bpb-choicecard.is-checked { border-color: var(--bpb-primary); background: var(--bpb-primary-soft); }
.bpb-choicecard:has(input:checked) { border-color: var(--bpb-primary); background: var(--bpb-primary-soft); } /* :has desteklemeyen tarayıcı .is-checked (sayfa.js) ile aynı sonucu alır */
.bpb-choicecard__body { flex: 1 1 auto; min-width: 0; font-size: var(--bpb-fs-md); color: var(--bpb-text-2); }
.bpb-choicecard__title { display: block; font-weight: 600; color: var(--bpb-text); }

/* Adet: − input + (40px) */
.bpb-qty { display: inline-flex; align-items: stretch; height: 40px; background: var(--bpb-surface); border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); overflow: hidden; }
.bpb-qty__btn {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px;
  font-size: var(--bpb-fs-xl); font-weight: 600; line-height: 1; color: var(--bpb-text);
  transition: background var(--bpb-dur), color var(--bpb-dur);
}
.bpb-qty__btn:hover { background: var(--bpb-primary-soft); color: var(--bpb-primary); }
.bpb-qty__btn:focus-visible { outline-offset: -2px; }
.bpb-qty__btn[aria-disabled="true"], .bpb-qty__btn:disabled { color: var(--bpb-text-3); background: transparent; cursor: not-allowed; }
.bpb-qty__btn .bpb-ico { width: 16px; height: 16px; }
.bpb-qty .bpb-qty__input {
  flex: 0 0 52px; width: 52px; height: auto; padding: 0; text-align: center;
  font-size: var(--bpb-fs-md); font-weight: 600; color: var(--bpb-text);
  background: transparent; border: 0; border-left: 1px solid var(--bpb-border); border-right: 1px solid var(--bpb-border); border-radius: 0;
  -moz-appearance: textfield; appearance: textfield;
}
.bpb-qty .bpb-qty__input::-webkit-outer-spin-button, .bpb-qty .bpb-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.bpb-qty .bpb-qty__input:focus { outline: 0; border-color: var(--bpb-border); }
.bpb-qty .bpb-qty__input:focus-visible { outline: 2px solid var(--bpb-primary); outline-offset: -2px; }
.bpb-qty--sm { height: 32px; }
.bpb-qty--sm .bpb-qty__btn { flex-basis: 32px; width: 32px; font-size: var(--bpb-fs-lg); }
.bpb-qty--sm .bpb-qty__input { flex-basis: 44px; width: 44px; font-size: var(--bpb-fs-sm); }
.bpb-qty--block { display: flex; width: 100%; }
.bpb-qty--block .bpb-qty__input { flex: 1 1 auto; width: auto; }

/* Güvenlik kodu: görsel + girdi yan yana */
.bpb-captcha { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bpb-s3); }
.bpb-captcha img { flex: 0 0 auto; width: auto; height: 40px; border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); background: var(--bpb-surface); }
.bpb-captcha .bpb-input { flex: 1 1 120px; min-width: 0; max-width: 200px; }
.bpb-captcha .bpb-btn, .bpb-captcha .bpb-iconbtn { flex: 0 0 auto; box-shadow: none; }
.bpb-captcha .bpb-iconbtn { border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); }

/* Giriş / üye ol kartı */
.bpb-auth { max-width: 440px; margin: 0 auto; background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-auth--wide { max-width: 720px; }
.bpb-auth__tabs { display: flex; margin: 0; border-bottom: 1px solid var(--bpb-border); }
.bpb-auth__tabs .bpb-tab { flex: 1 1 0; justify-content: center; height: 48px; margin-bottom: -1px; }
.bpb-auth__panel { padding: var(--bpb-s6); }
.bpb-auth__panel[hidden] { display: none; }
.bpb-auth__head { margin-bottom: var(--bpb-s5); }
.bpb-auth__title { margin: 0 0 var(--bpb-s1); font-size: var(--bpb-fs-title); line-height: 28px; }
.bpb-auth__text { margin: 0; font-size: var(--bpb-fs-md); color: var(--bpb-text-2); }
.bpb-auth__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bpb-s2) var(--bpb-s3); margin-bottom: var(--bpb-s4); }
.bpb-auth__link { font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-primary); padding: 3px 0; margin: -3px 0; } /* dokunma alanı ≥ 24px, yerleşim sabit */
.bpb-auth__foot { padding: 0 var(--bpb-s6) var(--bpb-s6); text-align: center; font-size: var(--bpb-fs-sm); color: var(--bpb-text-2); }
.bpb-auth__foot a { color: var(--bpb-primary); font-weight: 600; }
.bpb-divider { display: flex; align-items: center; gap: var(--bpb-s3); margin: var(--bpb-s5) 0; font-size: var(--bpb-fs-xs); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--bpb-text-3); }
.bpb-divider::before, .bpb-divider::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--bpb-border); }

/* ---------- 5. Tablo / liste / durum ---------- */
.bpb-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-table { width: 100%; border-collapse: collapse; font-size: var(--bpb-fs-md); background: var(--bpb-surface); }
.bpb-table th, .bpb-table td { padding: var(--bpb-s3); text-align: left; vertical-align: middle; border-bottom: 1px solid var(--bpb-border); }
.bpb-table th { font-size: var(--bpb-fs-sm); font-weight: 600; line-height: 1.3; color: var(--bpb-text-2); white-space: nowrap; border-top: 1px solid var(--bpb-border); }
.bpb-table td { color: var(--bpb-text); }
.bpb-table tbody tr:hover > td { background: var(--bpb-bg); }
.bpb-table tfoot td { font-weight: 600; border-bottom: 0; }
.bpb-table-wrap .bpb-table th { border-top: 0; }
.bpb-table-wrap .bpb-table tbody tr:last-child > td { border-bottom: 0; }
.bpb-table .is-right, .bpb-table--right th, .bpb-table--right td { text-align: right; }
.bpb-table .is-center { text-align: center; }
.bpb-table .is-nowrap { white-space: nowrap; }
.bpb-table__actions { text-align: right; white-space: nowrap; }
.bpb-table__actions .bpb-btn + .bpb-btn { margin-left: var(--bpb-s1); }
.bpb-table__muted { color: var(--bpb-text-3); font-size: var(--bpb-fs-sm); }
.bpb-table__thumb { display: block; width: 48px; height: 48px; object-fit: cover; border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); }
.bpb-table a:not(.bpb-btn) { color: var(--bpb-primary); font-weight: 600; }
.bpb-table--compact th, .bpb-table--compact td { padding: var(--bpb-s2) var(--bpb-s3); }

/* Tanım listesi 2 sütun */
.bpb-dl { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr); gap: var(--bpb-s2) var(--bpb-s4); margin: 0; font-size: var(--bpb-fs-md); }
.bpb-dl dt { margin: 0; color: var(--bpb-text-2); }
.bpb-dl dd { margin: 0; min-width: 0; color: var(--bpb-text); overflow-wrap: anywhere; }
.bpb-dl--lined { gap: 0 var(--bpb-s4); }
.bpb-dl--lined dt, .bpb-dl--lined dd { padding: var(--bpb-s2) 0; border-bottom: 1px solid var(--bpb-border); }
.bpb-dl--lined dt:last-of-type, .bpb-dl--lined dd:last-of-type { border-bottom: 0; }

/* Çizgili liste */
.bpb-list { margin: 0; padding: 0; list-style: none; }
.bpb-list--boxed { background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-list__item { display: flex; align-items: center; gap: var(--bpb-s3); padding: var(--bpb-s3) 0; font-size: var(--bpb-fs-md); color: var(--bpb-text); border-bottom: 1px solid var(--bpb-border); }
.bpb-list__item:last-child { border-bottom: 0; }
.bpb-list--boxed .bpb-list__item { padding: var(--bpb-s3) var(--bpb-s4); }
.bpb-list__item > .bpb-ico { flex: 0 0 auto; width: 18px; height: 18px; color: var(--bpb-primary); }
.bpb-list__body { flex: 1 1 auto; min-width: 0; }
.bpb-list__title { display: block; font-weight: 600; color: var(--bpb-text); }
.bpb-list__title a:hover { color: var(--bpb-primary); }
.bpb-list__meta { display: block; margin-top: 2px; font-size: var(--bpb-fs-sm); color: var(--bpb-text-3); }
.bpb-list__end { flex: 0 0 auto; margin-left: auto; display: inline-flex; align-items: center; gap: var(--bpb-s2); }
.bpb-list__item--link { padding: 0; }
.bpb-list__item--link > a { display: flex; align-items: center; gap: var(--bpb-s3); width: 100%; min-height: 44px; padding: var(--bpb-s2) var(--bpb-s4); color: var(--bpb-text); }
.bpb-list__item--link > a:hover { background: var(--bpb-bg); color: var(--bpb-primary); }

/* Durum rozeti: renk noktası + kenarlık; metin her zaman koyu (kontrast) */
.bpb-status {
  --bpb-status-c: var(--bpb-text-3);
  display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 var(--bpb-s2);
  font-size: var(--bpb-fs-xs); font-weight: 600; line-height: 1; white-space: nowrap;
  color: var(--bpb-text); background: var(--bpb-surface); border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius);
}
.bpb-status::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--bpb-status-c); }
.bpb-status--success { --bpb-status-c: var(--bpb-success); border-color: var(--bpb-success); }
.bpb-status--warning { --bpb-status-c: var(--bpb-warning); border-color: var(--bpb-warning); }
.bpb-status--danger { --bpb-status-c: var(--bpb-danger); border-color: var(--bpb-danger); }
.bpb-status--muted { --bpb-status-c: var(--bpb-text-3); color: var(--bpb-text-2); background: var(--bpb-bg); }
.bpb-status--primary { --bpb-status-c: var(--bpb-primary); border-color: var(--bpb-primary); }

/* ---------- 6. Sekmeler / akordeon ---------- */
.bpb-tabs { display: flex; gap: var(--bpb-s1); margin-bottom: var(--bpb-s5); border-bottom: 1px solid var(--bpb-border); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.bpb-tabs::-webkit-scrollbar { display: none; }
.bpb-tabs--fill .bpb-tab { flex: 1 1 0; justify-content: center; }
.bpb-tabs--boxed { background: var(--bpb-surface); border: 1px solid var(--bpb-border); padding: 0 var(--bpb-s3); }
.bpb-tab {
  position: relative; display: inline-flex; align-items: center; gap: var(--bpb-s2); flex: 0 0 auto;
  height: 44px; margin-bottom: -1px; padding: 0 var(--bpb-s4);
  font-size: var(--bpb-fs-md); font-weight: 600; white-space: nowrap; color: var(--bpb-text-2);
  border-bottom: 2px solid transparent; transition: color var(--bpb-dur), border-color var(--bpb-dur);
}
.bpb-tab:hover { color: var(--bpb-text); }
.bpb-tab:focus-visible { outline-offset: -2px; }
.bpb-tab[aria-selected="true"], .bpb-tab.is-active { color: var(--bpb-text); border-bottom-color: var(--bpb-primary); }
.bpb-tab .bpb-ico { width: 16px; height: 16px; flex: 0 0 auto; }
.bpb-tab__count { padding: 1px 6px; font-size: var(--bpb-fs-xs); color: var(--bpb-text-3); border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); }
.bpb-tab[aria-selected="true"] .bpb-tab__count { color: var(--bpb-primary); border-color: var(--bpb-primary); }
.bpb-tabpanel[hidden] { display: none; }
.bpb-tabpanel:focus { outline: 0; }

/* Akordeon (.bpb-faq = .bpb-acc) — yalnız içerik sayfaları (S.S.S. vb.); off-canvas menü kendi .bpb-oc-* sınıflarını kullanır (header.css). */
.bpb-acc, .bpb-faq { background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-acc__item + .bpb-acc__item > .bpb-acc__btn { border-top: 1px solid var(--bpb-border); }
.bpb-acc__btn {
  display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s3);
  width: 100%; min-height: 48px; padding: var(--bpb-s3) var(--bpb-s4);
  text-align: left; font-size: var(--bpb-fs-md); font-weight: 600; line-height: 1.4; color: var(--bpb-text);
  background: var(--bpb-surface); transition: color var(--bpb-dur), background var(--bpb-dur);
}
.bpb-acc__btn:hover { color: var(--bpb-primary); }
.bpb-acc__btn:focus-visible { outline-offset: -2px; }
/* Ok: CSS ile çizilir — butona ayrıca ikon konmaz */
.bpb-acc__btn::after {
  content: ""; flex: 0 0 auto; width: 8px; height: 8px; margin: -4px var(--bpb-s1) 0 0;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); transition: transform var(--bpb-dur);
}
.bpb-acc__btn[aria-expanded="true"]::after { transform: rotate(225deg); margin-top: 4px; }
.bpb-acc__btn[aria-expanded="true"] { color: var(--bpb-text); background: var(--bpb-bg); }
.bpb-acc__btn + .bpb-acc__panel { padding: var(--bpb-s3) var(--bpb-s4) var(--bpb-s4); font-size: var(--bpb-fs-md); line-height: 1.7; color: var(--bpb-text-2); background: var(--bpb-surface); border: 0; }
.bpb-acc__btn + .bpb-acc__panel[hidden] { display: none; }
.bpb-acc__btn + .bpb-acc__panel > :last-child { margin-bottom: 0; }
.bpb-acc__btn + .bpb-acc__panel a { color: var(--bpb-primary); text-decoration: underline; text-underline-offset: 2px; }
.bpb-acc--plain, .bpb-acc--plain .bpb-acc__btn, .bpb-acc--plain .bpb-acc__btn + .bpb-acc__panel { background: transparent; }
.bpb-acc--plain { border: 0; }
.bpb-acc--plain .bpb-acc__btn { padding-left: 0; padding-right: 0; border-bottom: 1px solid var(--bpb-border); }
.bpb-acc--plain .bpb-acc__item + .bpb-acc__item > .bpb-acc__btn { border-top: 0; }
.bpb-acc--plain .bpb-acc__btn + .bpb-acc__panel { padding-left: 0; padding-right: 0; border-bottom: 1px solid var(--bpb-border); }

/* ---------- 7. Adımlar / sayfalama ---------- */
.bpb-steps { display: flex; align-items: center; margin: 0 0 var(--bpb-s6); padding: 0; list-style: none; }
.bpb-steps__item { display: flex; align-items: center; gap: var(--bpb-s2); flex: 1 1 0; min-width: 0; font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-text-3); }
.bpb-steps__item:last-child { flex: 0 0 auto; }
.bpb-steps__num { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; font-size: var(--bpb-fs-sm); color: var(--bpb-text-2); background: var(--bpb-surface); border: 1px solid var(--bpb-border); border-radius: 50%; }
.bpb-steps__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bpb-steps__item::after { content: ""; flex: 1 1 auto; height: 1px; margin: 0 var(--bpb-s3); background: var(--bpb-border); }
.bpb-steps__item:last-child::after { display: none; }
.bpb-steps__item.is-active { color: var(--bpb-text); }
.bpb-steps__item.is-active .bpb-steps__num { color: #fff; background: var(--bpb-primary); border-color: var(--bpb-primary); }
.bpb-steps__item.is-done { color: var(--bpb-text-2); }
.bpb-steps__item.is-done .bpb-steps__num { color: var(--bpb-primary); border-color: var(--bpb-primary); }
.bpb-steps__item.is-done::after { background: var(--bpb-primary); }
.bpb-steps__item a { color: inherit; }
.bpb-steps__item a:hover { color: var(--bpb-primary); }

/* Sayfalama: liste.css ile aynı görünüm (liste rotalarında liste.css sonra yüklenir) */
.bpb-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--bpb-s2); margin-top: var(--bpb-s7); }
.bpb-pagination__list { display: flex; flex-wrap: wrap; gap: var(--bpb-s2); list-style: none; margin: 0; padding: 0; }
.bpb-pagination .bpb-btn { min-width: 40px; padding: 0 var(--bpb-s3); }
.bpb-pagination .bpb-btn.is-active, .bpb-pagination .bpb-btn[aria-current="page"] { background: var(--bpb-primary); border-color: var(--bpb-primary); color: #fff; cursor: default; }
.bpb-pagination__nav { gap: var(--bpb-s1); }
.bpb-pagination__nav[aria-disabled="true"] { opacity: .5; cursor: not-allowed; pointer-events: none; }
.bpb-pagination__dots { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 40px; color: var(--bpb-text-3); }
.bpb-pagination__status { display: none; margin: 0; font-size: var(--bpb-fs-md); color: var(--bpb-text-2); }

/* ---------- 8. Araç çubuğu / filtreler ---------- */
.bpb-toolbar {
  display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s3) var(--bpb-s4);
  margin-bottom: var(--bpb-s5); padding: var(--bpb-s3) var(--bpb-s4);
  background: var(--bpb-surface); border: 1px solid var(--bpb-border);
}
.bpb-toolbar__count { margin: 0; font-size: var(--bpb-fs-md); color: var(--bpb-text-2); }
.bpb-toolbar__count strong { font-weight: 600; color: var(--bpb-text); }
.bpb-toolbar__range { color: var(--bpb-text-3); }
.bpb-toolbar__right { display: flex; align-items: center; gap: var(--bpb-s2) var(--bpb-s3); margin-left: auto; }
.bpb-toolbar__sort { display: flex; align-items: center; gap: var(--bpb-s2); margin: 0; }
.bpb-toolbar__sort .bpb-label { margin: 0; white-space: nowrap; }
.bpb-toolbar__sort .bpb-select { width: auto; min-width: 200px; }
.bpb-toolbar__sort .bpb-btn { flex: 0 0 auto; }
.bpb-toolbar__view { display: inline-flex; flex: 0 0 auto; border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); overflow: hidden; } /* dar ekranda küçülmez/kırpılmaz; sıralama alanı esner */
.bpb-toolbar__view a, .bpb-toolbar__view button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 38px; color: var(--bpb-text-3); transition: color var(--bpb-dur), background var(--bpb-dur); }
.bpb-toolbar__view a + a, .bpb-toolbar__view button + button { border-left: 1px solid var(--bpb-border); }
.bpb-toolbar__view .is-active, .bpb-toolbar__view [aria-pressed="true"], .bpb-toolbar__view a:hover, .bpb-toolbar__view button:hover { color: var(--bpb-primary); background: var(--bpb-primary-soft); }
.bpb-toolbar__view .bpb-ico { width: 18px; height: 18px; }
.bpb-toolbar__filter { display: none; }
.bpb-toolbar__chips { display: flex; flex-wrap: wrap; gap: var(--bpb-s2); flex: 1 1 100%; }
.bpb-chip { display: inline-flex; align-items: center; gap: var(--bpb-s1); min-height: 32px; padding: 0 var(--bpb-s3); font-size: var(--bpb-fs-sm); color: var(--bpb-text); background: var(--bpb-bg); border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); }
.bpb-chip .bpb-ico { width: 14px; height: 14px; color: var(--bpb-text-3); }
.bpb-chip:hover { border-color: var(--bpb-primary); color: var(--bpb-primary); }
.bpb-chip--clear { background: transparent; border-color: transparent; color: var(--bpb-primary); font-weight: 600; }

.bpb-filters { background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-filters__head { display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s3); min-height: 48px; padding: var(--bpb-s2) var(--bpb-s4); border-bottom: 1px solid var(--bpb-border); }
.bpb-filters__title { display: inline-flex; align-items: center; gap: var(--bpb-s2); margin: 0; font-size: var(--bpb-fs-lg); font-weight: 600; color: var(--bpb-text); }
.bpb-filters__title .bpb-ico { width: 18px; height: 18px; color: var(--bpb-primary); }
.bpb-filters__clear { font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-primary); white-space: nowrap; }
.bpb-filters__close { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--bpb-text-2); border-radius: var(--bpb-radius); }
.bpb-filters__close:hover { color: var(--bpb-primary); background: var(--bpb-primary-soft); }
.bpb-filters__body { padding: 0 var(--bpb-s4); }
.bpb-filters__foot { display: none; gap: var(--bpb-s2); padding: var(--bpb-s3) var(--bpb-s4); background: var(--bpb-bg); border-top: 1px solid var(--bpb-border); }
.bpb-filters__foot .bpb-btn { flex: 1 1 0; }
.bpb-filter { padding: var(--bpb-s4) 0; border-bottom: 1px solid var(--bpb-border); }
.bpb-filter:last-child { border-bottom: 0; }
.bpb-filter__title { display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s2); margin: 0 0 var(--bpb-s2); font-size: var(--bpb-fs-md); font-weight: 600; color: var(--bpb-text); }
.bpb-filter__title button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: -4px -10px -4px 0; color: var(--bpb-text-3); } /* 32→40px hedef; negatif kenar boşluğu satır yüksekliğini korur */
.bpb-filter__title button:hover { color: var(--bpb-primary); }
.bpb-filter__list { margin: 0; padding: 0; list-style: none; max-height: 248px; overflow-y: auto; }
.bpb-filter__list li { display: block; }
.bpb-filter__list .bpb-check { display: flex; width: 100%; min-height: 40px; padding: 6px 0; color: var(--bpb-text-2); } /* onay kutusu satırı: dokunma hedefi ≥ 40px */
.bpb-filter__list .bpb-check:hover { color: var(--bpb-text); }
.bpb-filter__list .bpb-check input:checked ~ * { color: var(--bpb-text); }
.bpb-filter__list a { display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s2); min-height: 40px; padding: 6px 0; color: var(--bpb-text-2); }
.bpb-filter__list a:hover, .bpb-filter__list a.is-active, .bpb-filter__list a[aria-current="page"] { color: var(--bpb-primary); }
.bpb-filter__list a.is-active, .bpb-filter__list a[aria-current="page"] { font-weight: 600; }
.bpb-filter__count { margin-left: auto; font-size: var(--bpb-fs-sm); color: var(--bpb-text-3); }
.bpb-filter__more { display: inline-flex; align-items: center; gap: var(--bpb-s1); min-height: 32px; margin-top: var(--bpb-s1); font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-primary); }
.bpb-filter__range { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; align-items: center; gap: var(--bpb-s2); }
.bpb-filter__range .bpb-input { padding: 0 var(--bpb-s3); }
.bpb-filter__range .bpb-btn { padding: 0 var(--bpb-s3); }
.bpb-filter__range-sep { color: var(--bpb-text-3); text-align: center; }
.bpb-filter__swatches { display: flex; flex-wrap: wrap; gap: var(--bpb-s2); }
.bpb-filter__swatch { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 var(--bpb-s3); font-size: var(--bpb-fs-sm); color: var(--bpb-text); border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); }
.bpb-filter__swatch:hover, .bpb-filter__swatch.is-active { border-color: var(--bpb-primary); color: var(--bpb-primary); }
.bpb-drawer-overlay { position: fixed; inset: 0; z-index: 1000; background: var(--bpb-overlay); opacity: 0; transition: opacity var(--bpb-dur); }
.bpb-drawer-overlay.is-visible { opacity: 1; }
.bpb-drawer-overlay[hidden] { display: none; }

/* ---------- 9. Hesabım yan menüsü (uyesidebar.php) ---------- */
.bpb-account-nav { background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-account-nav__profile { display: flex; align-items: center; gap: var(--bpb-s3); padding: var(--bpb-s4); border-bottom: 1px solid var(--bpb-border); }
.bpb-account-nav__avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; font-size: var(--bpb-fs-lg); font-weight: 600; letter-spacing: .02em; color: var(--bpb-primary); background: var(--bpb-primary-soft); border-radius: 50%; }
.bpb-account-nav__who { min-width: 0; }
.bpb-account-nav__name { display: block; font-size: var(--bpb-fs-md); font-weight: 600; color: var(--bpb-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpb-account-nav__mail { display: block; font-size: var(--bpb-fs-sm); color: var(--bpb-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpb-account-nav__list { position: relative; margin: 0; padding: var(--bpb-s2) 0; list-style: none; }
.bpb-account-nav__link {
  display: flex; align-items: center; gap: var(--bpb-s3); width: 100%; min-height: 44px; padding: var(--bpb-s2) var(--bpb-s4);
  text-align: left; font-size: var(--bpb-fs-md); color: var(--bpb-text-2);
  border-left: 2px solid transparent; transition: color var(--bpb-dur), background var(--bpb-dur), border-color var(--bpb-dur);
}
.bpb-account-nav__link .bpb-ico { flex: 0 0 auto; width: 18px; height: 18px; color: var(--bpb-text-3); transition: color var(--bpb-dur); }
.bpb-account-nav__link:hover { color: var(--bpb-text); background: var(--bpb-bg); }
.bpb-account-nav__link:hover .bpb-ico { color: var(--bpb-primary); }
.bpb-account-nav__link.is-active { color: var(--bpb-text); font-weight: 600; background: var(--bpb-primary-soft); border-left-color: var(--bpb-primary); }
.bpb-account-nav__link.is-active .bpb-ico { color: var(--bpb-primary); }
.bpb-account-nav__link:focus-visible { outline-offset: -2px; }
.bpb-account-nav__badge { margin-left: auto; padding: 1px 7px; font-size: var(--bpb-fs-xs); font-weight: 600; color: #fff; background: var(--bpb-primary); border-radius: var(--bpb-radius); }
.bpb-account-nav__item--logout { margin-top: var(--bpb-s2); padding-top: var(--bpb-s2); border-top: 1px solid var(--bpb-border); }
.bpb-account-nav__link--logout, .bpb-account-nav__link--logout .bpb-ico { color: var(--bpb-danger); }
.bpb-account-nav__link--logout:hover { color: var(--bpb-danger); }
.bpb-account-nav__link--logout:hover .bpb-ico { color: var(--bpb-danger); }

/* ---------- 10. Kategori sayfası sol liste ---------- */
.bpb-sidebar-cats { background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-sidebar-cats + .bpb-filters { margin-top: var(--bpb-s4); }
.bpb-sidebar-cats__title { margin: 0; padding: var(--bpb-s3) var(--bpb-s4); font-size: var(--bpb-fs-lg); font-weight: 600; color: var(--bpb-text); border-bottom: 1px solid var(--bpb-border); }
.bpb-sidebar-cats__list { margin: 0; padding: var(--bpb-s2) 0; list-style: none; }
.bpb-sidebar-cats__link { display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s2); min-height: 40px; padding: var(--bpb-s2) var(--bpb-s4); font-size: var(--bpb-fs-md); color: var(--bpb-text-2); border-left: 2px solid transparent; transition: color var(--bpb-dur), background var(--bpb-dur), border-color var(--bpb-dur); }
.bpb-sidebar-cats__link:hover { color: var(--bpb-primary); }
.bpb-sidebar-cats__link.is-active, .bpb-sidebar-cats__link[aria-current="page"] { color: var(--bpb-text); font-weight: 600; background: var(--bpb-primary-soft); border-left-color: var(--bpb-primary); }
.bpb-sidebar-cats__count { font-size: var(--bpb-fs-sm); font-weight: 400; color: var(--bpb-text-3); }
.bpb-sidebar-cats__sub { margin: 0; padding: 0 0 var(--bpb-s2); list-style: none; }
.bpb-sidebar-cats__sub .bpb-sidebar-cats__link { min-height: 36px; padding-left: var(--bpb-s7); font-size: var(--bpb-fs-sm); }

/* ---------- 11. Geri bildirim ---------- */
.bpb-alert { display: flex; align-items: flex-start; gap: var(--bpb-s3); color: var(--bpb-text-2); }
.bpb-alert + .bpb-alert { margin-top: var(--bpb-s2); }
.bpb-alert > .bpb-ico { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; color: var(--bpb-primary); }
.bpb-alert__body { flex: 1 1 auto; min-width: 0; }
.bpb-alert__title { display: block; margin-bottom: 2px; font-weight: 600; color: var(--bpb-text); }
.bpb-alert p { margin: 0 0 var(--bpb-s1); }
.bpb-alert p:last-child { margin-bottom: 0; }
.bpb-alert a { color: var(--bpb-primary); font-weight: 600; }
.bpb-alert__close { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: -6px -8px -6px 0; color: var(--bpb-text-3); border-radius: var(--bpb-radius); }
.bpb-alert__close:hover { color: var(--bpb-text); background: var(--bpb-bg); }
.bpb-alert--warning { border-left-color: var(--bpb-warning); }
.bpb-alert--info { border-left-color: var(--bpb-primary); }
.bpb-alert--danger > .bpb-ico { color: var(--bpb-danger); }
.bpb-alert--success > .bpb-ico { color: var(--bpb-success); }
.bpb-alert--warning > .bpb-ico { color: var(--bpb-warning); }

/* Tam sayfa sonuç mesajı (onay / hata / sipariş sonucu) */
.bpb-message { max-width: 600px; margin: var(--bpb-s7) auto; padding: var(--bpb-s8) var(--bpb-s6); text-align: center; background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
.bpb-message__icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto var(--bpb-s4); color: var(--bpb-primary); background: var(--bpb-primary-soft); border-radius: 50%; }
.bpb-message__icon .bpb-ico { width: 32px; height: 32px; }
.bpb-message--success .bpb-message__icon { color: var(--bpb-success); background: var(--bpb-bg); }
.bpb-message--danger .bpb-message__icon { color: var(--bpb-danger); background: var(--bpb-bg); }
.bpb-message--warning .bpb-message__icon { color: var(--bpb-warning); background: var(--bpb-bg); }
.bpb-message h1, .bpb-message__title { margin: 0 0 var(--bpb-s2); font-size: var(--bpb-fs-title); line-height: 28px; color: var(--bpb-text); }
.bpb-message p, .bpb-message__text { margin: 0 0 var(--bpb-s5); font-size: var(--bpb-fs-lg); line-height: 1.6; color: var(--bpb-text-2); }
.bpb-message__code { display: inline-block; margin: 0 0 var(--bpb-s5); padding: var(--bpb-s2) var(--bpb-s4); font-size: var(--bpb-fs-lg); font-weight: 600; color: var(--bpb-text); background: var(--bpb-bg); border: 1px dashed var(--bpb-border); border-radius: var(--bpb-radius); }
.bpb-message__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--bpb-s3); }
.bpb-message .bpb-dl { max-width: 400px; margin: 0 auto var(--bpb-s5); text-align: left; }

/* ---------- 12. İçerik / blog ---------- */
.bpb-article { font-size: var(--bpb-fs-lg); line-height: 1.7; color: var(--bpb-text-2); overflow-wrap: anywhere; }
.bpb-article > :first-child { margin-top: 0; }
.bpb-article > :last-child { margin-bottom: 0; }
.bpb-article h2 { margin: var(--bpb-s6) 0 var(--bpb-s2); font-size: 18px; line-height: 1.4; }   /* sözleşme §2: h2 18px */
.bpb-article h3 { margin: var(--bpb-s5) 0 var(--bpb-s2); font-size: var(--bpb-fs-xl); line-height: 1.4; }
.bpb-article h4, .bpb-article h5, .bpb-article h6 { margin: var(--bpb-s4) 0 var(--bpb-s2); font-size: var(--bpb-fs-lg); }
.bpb-article p { margin: 0 0 var(--bpb-s4); }
.bpb-article ul, .bpb-article ol { margin: 0 0 var(--bpb-s4) var(--bpb-s5); padding: 0; }
.bpb-article ul { list-style: disc; }
.bpb-article ol { list-style: decimal; }
.bpb-article li { margin-bottom: var(--bpb-s1); }
.bpb-article li > ul, .bpb-article li > ol { margin-top: var(--bpb-s1); margin-bottom: 0; }
.bpb-article a { color: var(--bpb-primary); text-decoration: underline; text-underline-offset: 2px; }
.bpb-article strong, .bpb-article b { color: var(--bpb-text); }
.bpb-article img { display: block; max-width: 100%; height: auto; margin: var(--bpb-s4) 0; }
.bpb-article figure { margin: var(--bpb-s4) 0; }
.bpb-article figure img { margin: 0; }
.bpb-article figcaption { margin-top: var(--bpb-s2); font-size: var(--bpb-fs-sm); color: var(--bpb-text-3); }
.bpb-article blockquote { margin: var(--bpb-s4) 0; padding: var(--bpb-s3) var(--bpb-s4); color: var(--bpb-text); background: var(--bpb-bg); border-left: 3px solid var(--bpb-primary); }
.bpb-article blockquote p:last-child { margin-bottom: 0; }
.bpb-article hr { margin: var(--bpb-s6) 0; border: 0; border-top: 1px solid var(--bpb-border); }
.bpb-article table { width: 100%; margin: 0 0 var(--bpb-s4); font-size: var(--bpb-fs-md); border-collapse: collapse; }
.bpb-article th, .bpb-article td { padding: var(--bpb-s2) var(--bpb-s3); text-align: left; vertical-align: top; border: 1px solid var(--bpb-border); }
.bpb-article th { font-weight: 600; color: var(--bpb-text); background: var(--bpb-bg); }
.bpb-article iframe, .bpb-article video { max-width: 100%; }
.bpb-article pre { margin: 0 0 var(--bpb-s4); padding: var(--bpb-s3) var(--bpb-s4); overflow-x: auto; font-size: var(--bpb-fs-sm); background: var(--bpb-bg); border: 1px solid var(--bpb-border); }
.bpb-article__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bpb-s2) var(--bpb-s4); margin-bottom: var(--bpb-s4); font-size: var(--bpb-fs-sm); color: var(--bpb-text-3); }
.bpb-article__meta .bpb-ico { width: 14px; height: 14px; vertical-align: -2px; }
.bpb-article__cover { display: block; width: 100%; max-height: 480px; object-fit: cover; margin: 0 0 var(--bpb-s5); }

.bpb-card-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bpb-s5); margin: 0; padding: 0; list-style: none; }
.bpb-card-list--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bpb-card-list--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bpb-card-list__item { display: flex; flex-direction: column; min-width: 0; background: var(--bpb-surface); border: 1px solid var(--bpb-border); transition: border-color var(--bpb-dur); }
.bpb-card-list__item:hover { border-color: var(--bpb-primary); }
.bpb-card-list__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--bpb-bg); }
.bpb-card-list__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--bpb-dur) var(--bpb-ease); }
.bpb-card-list__item:hover .bpb-card-list__media img { transform: scale(1.03); }
.bpb-card-list__body { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--bpb-s2); padding: var(--bpb-s4); }
.bpb-card-list__title { margin: 0; font-size: var(--bpb-fs-lg); font-weight: 600; line-height: 1.4; color: var(--bpb-text); }
.bpb-card-list__title a:hover { color: var(--bpb-primary); }
.bpb-card-list__date { display: inline-flex; align-items: center; gap: var(--bpb-s1); font-size: var(--bpb-fs-sm); color: var(--bpb-text-3); }
.bpb-card-list__date .bpb-ico { width: 14px; height: 14px; }
.bpb-card-list__text { margin: 0; font-size: var(--bpb-fs-md); line-height: 1.6; color: var(--bpb-text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bpb-card-list__more { display: inline-flex; align-items: center; gap: var(--bpb-s1); margin-top: auto; padding-top: var(--bpb-s2); font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-primary); }
.bpb-card-list__more .bpb-ico { width: 14px; height: 14px; }

/* ---------- Kırılımlar ---------- */
@media (max-width: 991px) {
  .bpb-layout, .bpb-layout--right, .bpb-layout--wide { grid-template-columns: minmax(0, 1fr); gap: var(--bpb-s4); }
  .bpb-layout--right .bpb-layout__side { order: 2; }
  .bpb-toolbar__filter { display: inline-flex; }

  /* Filtre çekmecesi (sayfa.js açar/kapatır) */
  .bpb-filters--drawer {
    position: fixed; top: 0; bottom: 0; left: 0; z-index: 1010;
    display: flex; flex-direction: column; width: 320px; max-width: 88vw; border: 0;
    transform: translateX(-100%); visibility: hidden;
    transition: transform var(--bpb-dur) var(--bpb-ease), visibility 0s linear var(--bpb-dur);
  }
  .bpb-filters--drawer.is-open { transform: none; visibility: visible; transition-delay: 0s; }
  .bpb-filters--drawer:focus { outline: 0; }
  .bpb-filters--drawer .bpb-filters__head { flex: 0 0 auto; }
  .bpb-filters--drawer .bpb-filters__close { display: inline-flex; }
  .bpb-filters--drawer .bpb-filters__body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .bpb-filters--drawer .bpb-filters__foot { display: flex; flex: 0 0 auto; }
  .bpb-filters--drawer .bpb-filter__list { max-height: none; }

  /* Hesabım menüsü: yatay kaydırmalı sekme şeridi */
  .bpb-account-nav__profile { padding: var(--bpb-s3) var(--bpb-s4); }
  .bpb-account-nav__list { display: flex; padding: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
  .bpb-account-nav__list::-webkit-scrollbar { display: none; }
  .bpb-account-nav__list > li { flex: 0 0 auto; scroll-snap-align: start; }
  .bpb-account-nav__link { min-height: 44px; padding: 0 14px; white-space: nowrap; border-left: 0; border-bottom: 2px solid transparent; }
  .bpb-account-nav__link.is-active { background: transparent; border-bottom-color: var(--bpb-primary); }
  .bpb-account-nav__badge { margin-left: 0; }
  .bpb-account-nav__item--logout { margin: 0; padding: 0; border: 0; }

  /* Kategori listesi: yatay çipler */
  .bpb-sidebar-cats__title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
  .bpb-sidebar-cats__list { display: flex; gap: var(--bpb-s2); padding: var(--bpb-s3) var(--bpb-s4); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .bpb-sidebar-cats__list::-webkit-scrollbar { display: none; }
  .bpb-sidebar-cats__list > li { flex: 0 0 auto; }
  .bpb-sidebar-cats__link { min-height: 40px; padding: 0 var(--bpb-s3); white-space: nowrap; border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius); } /* çip: dokunma hedefi ≥ 40px */
  .bpb-sidebar-cats__link.is-active, .bpb-sidebar-cats__link[aria-current="page"] { border-color: var(--bpb-primary); background: var(--bpb-primary-soft); }
  .bpb-sidebar-cats__sub { display: none; }

  .bpb-card-list, .bpb-card-list--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .bpb-row-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* Tablo → kart: td::before etiketi (data-etiket; sayfa.js th'lerden doldurur) */
  .bpb-table--stack thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
  .bpb-table--stack, .bpb-table--stack tbody, .bpb-table--stack tfoot, .bpb-table--stack tr { display: block; }
  .bpb-table--stack { background: transparent; }
  .bpb-table--stack tbody tr { background: var(--bpb-surface); border: 1px solid var(--bpb-border); }
  .bpb-table--stack tbody tr + tr { margin-top: var(--bpb-s3); }
  .bpb-table--stack tbody tr:hover > td { background: transparent; }
  .bpb-table--stack td { display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s3); min-height: 40px; padding: var(--bpb-s2) var(--bpb-s3); text-align: right; border-bottom: 1px solid var(--bpb-border); }
  .bpb-table--stack td:last-child { border-bottom: 0; }
  .bpb-table--stack td::before { content: attr(data-etiket); flex: 0 0 40%; font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-text-2); text-align: left; }
  .bpb-table--stack td:not([data-etiket])::before, .bpb-table--stack td[data-etiket=""]::before { display: none; }
  .bpb-table--stack td:not([data-etiket]), .bpb-table--stack td[data-etiket=""] { justify-content: flex-end; }
  .bpb-table--stack .bpb-table__actions { justify-content: flex-end; flex-wrap: wrap; white-space: normal; }
  .bpb-table--stack .bpb-table__actions::before { display: none; }
  .bpb-table--stack .bpb-table__thumb { margin-left: auto; }
  .bpb-table--stack tfoot tr { margin-top: var(--bpb-s3); background: var(--bpb-bg); border: 1px solid var(--bpb-border); }
  .bpb-table-wrap--stack { overflow: visible; background: transparent; border: 0; }

  .bpb-panel { padding: var(--bpb-s4); }
  .bpb-panel--flush .bpb-panel__head, .bpb-panel--flush .bpb-panel__body, .bpb-panel--flush .bpb-panel__foot { padding-left: var(--bpb-s4); padding-right: var(--bpb-s4); }
  .bpb-message { margin: var(--bpb-s4) auto; padding: var(--bpb-s7) var(--bpb-s4); }
  .bpb-article table { display: block; overflow-x: auto; }
  .bpb-steps__label { display: none; }
  .bpb-steps__item.is-active .bpb-steps__label { display: inline; }
}

@media (max-width: 575px) {
  .bpb-page { padding-top: var(--bpb-s3); }
  .bpb-row-2, .bpb-row-3 { grid-template-columns: minmax(0, 1fr); }
  .bpb-actions { flex-direction: column; align-items: stretch; }
  .bpb-actions .bpb-btn { width: 100%; }
  .bpb-actions__note { margin-right: 0; text-align: center; }
  .bpb-auth { max-width: none; }
  .bpb-auth__panel { padding: var(--bpb-s5) var(--bpb-s4); }
  .bpb-auth__foot { padding: 0 var(--bpb-s4) var(--bpb-s5); }
  .bpb-dl { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .bpb-dl dt { padding-top: var(--bpb-s2); }
  .bpb-dl dd { padding-bottom: var(--bpb-s2); border-bottom: 1px solid var(--bpb-border); }
  .bpb-dl dd:last-of-type { border-bottom: 0; }
  .bpb-dl--lined dt { border-bottom: 0; padding-bottom: 0; }
  .bpb-list__item { flex-wrap: wrap; }
  .bpb-list__end { margin-left: 0; flex-basis: 100%; }
  .bpb-toolbar { flex-wrap: wrap; align-items: stretch; }
  .bpb-toolbar__count { flex: 1 1 100%; }
  .bpb-toolbar__right { flex: 1 1 100%; margin-left: 0; }
  .bpb-toolbar__sort { flex: 1 1 auto; flex-wrap: wrap; }
  .bpb-toolbar__sort .bpb-select { flex: 1 1 140px; min-width: 0; }
  .bpb-toolbar__filter { flex: 1 1 auto; }
  .bpb-pagination { justify-content: space-between; }
  .bpb-pagination__list { display: none; }
  .bpb-pagination__status { display: block; }
  .bpb-filter__range { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .bpb-filter__range .bpb-btn { grid-column: 1 / -1; }
  .bpb-message__actions { flex-direction: column; align-items: stretch; }
  .bpb-message__actions .bpb-btn { width: 100%; }
  .bpb-card-list, .bpb-card-list--2, .bpb-card-list--4 { grid-template-columns: minmax(0, 1fr); gap: var(--bpb-s3); }
  .bpb-tabs { margin-bottom: var(--bpb-s4); }
  .bpb-tab { padding: 0 var(--bpb-s3); }
  .bpb-account-nav__link { padding: 0 var(--bpb-s3); }
}

/* ---------- 13. Hareket / yazdırma ---------- */
@media (prefers-reduced-motion: reduce) {
  .bpb-filters--drawer, .bpb-drawer-overlay, .bpb-acc__btn::after, .bpb-tab, .bpb-account-nav__link,
  .bpb-card-list__media img, .bpb-qty__btn, .bpb-choicecard { transition: none; }
  .bpb-card-list__item:hover .bpb-card-list__media img { transform: none; }
  .bpb-tabs, .bpb-account-nav__list, .bpb-sidebar-cats__list { scroll-behavior: auto; }
}
@media print {
  .bpb-account-nav, .bpb-filters, .bpb-toolbar, .bpb-actions, .bpb-steps, .bpb-tabs, .bpb-pagination, .bpb-drawer-overlay { display: none !important; }
  .bpb-layout { grid-template-columns: minmax(0, 1fr); }
  .bpb-tabpanel[hidden] { display: block; }
  .bpb-panel, .bpb-table-wrap, .bpb-message { border-color: var(--bpb-text-3); }
}