/* ==========================================================================
   Balcı teması — header bileşeni (balci.css'ten SONRA yüklenir) — egricayir yapısı, ZEMİN BEYAZ
   Künye (masaüstü ≥1024): header 172px = üst şerit 30px + ana satır 82px + kategori menüsü 60px; container 1200px ortalı.
     · üst şerit: 11px, tek satır ORTALI, öğeler arası 1px dikey ayraç, dil / para açılır kutuları aynı satırda.
     · ana satır: logo 56px · arama (açık gri --bpb-bg, 1px kenar, radius 10px, 44px, sol büyüteç, sağ içte "ARA") esnek ≤600px
       · sağda "Üye Ol | Üye Giriş" 12px · zil 20px · favori 20px (15px yeşil rozet) · KOVAN sepet 48px + altıgen sarı rozet.
     · kovan hover/focus: kovan ±4° sallanır (.9s), iki arı giriş deliğinden çıkıp dönerek uçar (1.1s / 1.2s) — reduced-motion'da kapalı.
     · menü: flex ortalı, gap 36px, UPPERCASE 14px/600, iki satıra kırılabilir (max 150px), hover altın, aktif 2px altın alt çizgi.
   Mobil (≤1023): ana satır 60px: MENÜ (ikon + 9px etiket) · logo · kullanıcı · zil · kovan (44px) · ARA (ikon + etiket).
     Off-canvas 20rem: koyu başlık 63px (--bpb-hero-text) · sarı üye bandı 56px (--bpb-hero-btn) · sekmeler · kategori satırları 56px.
   Kırılımlar: 1279 / 1023 / 767 / 575 / 359. Sticky değil. Görünürlük: .bpb-hdr-desktop (≥1024) / .bpb-hdr-mobile (≤1023).
   ========================================================================== */

/* ---------- Genel ---------- */
html.bpb-lock, html.bpb-lock body { overflow: hidden; }
.bpb-header, .bpb-offcanvas, .bpb-searchpanel { font-family: var(--bpb-font); }
.bpb-header ul, .bpb-offcanvas ul, .bpb-searchpanel ul { margin: 0; padding: 0; list-style: none; }
.bpb-header a, .bpb-offcanvas a, .bpb-searchpanel a { text-decoration: none; }
.bpb-header button, .bpb-offcanvas button, .bpb-searchpanel button { background: none; border: 0; padding: 0; cursor: pointer; color: inherit; font: inherit; }
.bpb-header .bpb-ico, .bpb-offcanvas .bpb-ico, .bpb-searchpanel .bpb-ico { flex: 0 0 auto; display: block; }
.bpb-header :focus-visible, .bpb-offcanvas :focus-visible, .bpb-searchpanel :focus-visible { outline: 2px solid var(--bpb-primary); outline-offset: 2px; }

/* Header'a özel görünürlük (balci.css .bpb-desktop/.bpb-mobile 991'de kırılır; header egricayir gibi 1024'te kırılır) */
@media (max-width: 1023px) { .bpb-hdr-desktop { display: none !important; } }
@media (min-width: 1024px) { .bpb-hdr-mobile { display: none !important; } }

/* İçeriğe geç */
.bpb-skip {
  position: absolute; top: var(--bpb-s2); left: -999px; z-index: 2000;
  display: inline-flex; align-items: center; min-height: 40px; padding: var(--bpb-s2) var(--bpb-s4); background: var(--bpb-text); color: var(--bpb-surface);
  font-size: var(--bpb-fs-md); font-weight: 600; border-radius: var(--bpb-radius);
}
.bpb-skip:focus { left: var(--bpb-s2); outline: 2px solid var(--bpb-primary); }

/* Üst banner (Tema Ayarları > Üst Banner) */
.bpb-topbanner { display: block; width: 100%; line-height: 0; background: var(--bpb-surface); }
.bpb-topbanner__img { width: 100%; height: auto; max-height: 170px; object-fit: cover; }

/* ---------- Header kabuğu (beyaz, sticky değil) ---------- */
.bpb-header {
  --bpb-hdr-top: 30px;
  --bpb-hdr-main: 82px;
  --bpb-hdr-menu: 60px;
  --bpb-hdr-ico: 20px;        /* zil / favori ikon boyutu */
  --bpb-hdr-kovan: 48px;      /* sepet kovanı */
  position: relative; z-index: 900; padding: 0; margin: 0;
  background: var(--bpb-surface); color: var(--bpb-text-2);
  border-bottom: 1px solid var(--bpb-border);
}

/* ---------- 1. Katman: üst şerit (30px) — tek satır ortalı ---------- */
.bpb-header__top { height: var(--bpb-hdr-top); font-size: var(--bpb-fs-xs); line-height: var(--bpb-hdr-top); border-bottom: 1px solid var(--bpb-border); }
.bpb-header__top-in { display: flex; align-items: center; justify-content: center; height: var(--bpb-hdr-top); }
.bpb-header__links-list { display: flex; align-items: center; justify-content: center; height: var(--bpb-hdr-top); min-width: 0; }
.bpb-header__links-list > li { display: flex; align-items: center; height: var(--bpb-hdr-top); padding: 0 var(--bpb-s4); border-left: 1px solid var(--bpb-border); }
.bpb-header__links-list > li:first-child { border-left: 0; }
.bpb-header__links-list a, .bpb-header__top .bpb-dropdown__toggle { color: var(--bpb-text-2); white-space: nowrap; }
.bpb-header__links-list a:hover { color: var(--bpb-primary); }
.bpb-header__phone { display: inline-flex; align-items: center; gap: var(--bpb-s2); }
.bpb-header__phone b { font-weight: 600; color: var(--bpb-text); }
.bpb-header__phone:hover b { color: var(--bpb-primary); }
.bpb-header__phone .bpb-ico { width: 14px; height: 14px; color: var(--bpb-primary); }

/* ---------- Açılır kutu (dil, para birimi) ---------- */
.bpb-dropdown { position: relative; }
.bpb-dropdown__toggle { display: inline-flex; align-items: center; gap: 6px; color: var(--bpb-text-2); white-space: nowrap; }
.bpb-dropdown__toggle:hover { color: var(--bpb-primary); }
.bpb-dropdown__toggle .bpb-ico { width: 14px; height: 14px; transition: transform var(--bpb-dur); }
.bpb-dropdown.is-open > .bpb-dropdown__toggle > .bpb-ico:last-child { transform: rotate(180deg); }
.bpb-header__top .bpb-dropdown__toggle { height: var(--bpb-hdr-top); font-size: var(--bpb-fs-xs); }
.bpb-dropdown__panel {
  position: absolute; top: calc(100% + 4px); left: 0; z-index: 960;
  min-width: 190px; padding: var(--bpb-s1) 0; display: none;
  background: var(--bpb-surface); border: 1px solid var(--bpb-border); box-shadow: var(--bpb-shadow-menu);
  line-height: 1.4; text-align: left;
}
.bpb-dropdown__panel--right { left: auto; right: 0; }
.bpb-dropdown.is-open > .bpb-dropdown__panel { display: block; }
.bpb-dropdown__panel a {
  display: flex; align-items: center; gap: var(--bpb-s3);
  min-height: 40px; padding: var(--bpb-s2) var(--bpb-s4);
  font-size: var(--bpb-fs-sm); color: var(--bpb-text); white-space: nowrap;
}
.bpb-dropdown__panel a .bpb-ico { width: 16px; height: 16px; color: var(--bpb-primary); }
.bpb-dropdown__panel a:hover, .bpb-dropdown__panel a.is-active { color: var(--bpb-primary); background: var(--bpb-primary-soft); }

/* ---------- 2. Katman: logo · arama · üye · ikonlar · kovan (82px) ---------- */
.bpb-header__main-in { display: flex; align-items: center; height: var(--bpb-hdr-main); gap: var(--bpb-s7); }
.bpb-header__logo { display: flex; align-items: center; flex: 0 0 auto; min-height: 56px; }
.bpb-header__logo img { display: block; width: auto; height: 56px; max-width: 200px; object-fit: contain; }

/* Aksiyon grubu: 20px ikonlar 40px dokunma hedefinde; kovan 48px */
.bpb-header__actions { display: flex; align-items: center; gap: var(--bpb-s4); flex: 0 0 auto; }
.bpb-header__burger, .bpb-header__action {
  position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  min-width: 40px; height: 40px; padding: 0;
  color: var(--bpb-brown); border-radius: var(--bpb-radius);
  transition: color var(--bpb-dur);
}
.bpb-header__burger:hover, .bpb-header__action:hover { color: var(--bpb-primary); }
.bpb-header__burger .bpb-ico { width: 24px; height: 24px; }
.bpb-header__action .bpb-ico { width: var(--bpb-hdr-ico); height: var(--bpb-hdr-ico); }
/* İkon altı 9px etiket (MENÜ / ARA) — yalnız mobil düğmelerde */
.bpb-header__ico-label { display: block; font-size: 9px; font-weight: 600; line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: var(--bpb-text-2); }
/* Favori rozeti: balci.css .bpb-bubble (15px yeşil daire) ikonun sağ üst köşesinde */
.bpb-header__action .bpb-bubble { top: calc(50% - var(--bpb-hdr-ico) / 2 - 6px); right: 2px; }

/* Üye Ol | Üye Giriş (masaüstü) */
.bpb-header__auth { display: inline-flex; align-items: center; gap: var(--bpb-s2); font-size: var(--bpb-fs-sm); white-space: nowrap; }
.bpb-header__auth a { display: inline-flex; align-items: center; min-height: 40px; color: var(--bpb-text); transition: color var(--bpb-dur); }
.bpb-header__auth a:hover { color: var(--bpb-primary); }
.bpb-header__auth-sep { color: var(--bpb-text-3); }

/* ---------- Sepet kovanı (.bpb-kovan) ---------- */
.bpb-kovan {
  position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: var(--bpb-hdr-kovan); height: var(--bpb-hdr-kovan); color: var(--bpb-brown); border-radius: var(--bpb-radius);
}
.bpb-kovan__svg { display: block; width: 100%; height: 100%; overflow: visible; }
.bpb-kovan__hive { transform-box: fill-box; transform-origin: 50% 100%; }
.bpb-kovan__ring { fill: var(--bpb-hero-btn); stroke: currentColor; stroke-width: 1.4; }
.bpb-kovan__door { fill: currentColor; }
.bpb-kovan__base { stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.bpb-kovan__bee { opacity: 0; transform-box: fill-box; transform-origin: 50% 50%; }
.bpb-kovan__body { fill: var(--bpb-hero-btn); stroke: currentColor; stroke-width: .9; }
.bpb-kovan__stripe { stroke: currentColor; stroke-width: .9; stroke-linecap: round; }
.bpb-kovan__wing { fill: var(--bpb-surface); stroke: currentColor; stroke-width: .6; opacity: .9; }
/* Altıgen rozet (sepet adedi) */
.bpb-kovan__badge {
  position: absolute; top: -4px; right: -8px; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  width: 22px; height: 24px; font-size: 11px; font-weight: 700; line-height: 1;
  color: var(--bpb-hero-text); background: var(--bpb-hero-btn);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
/* Hover / klavye odağı: kovan sallanır, arılar çıkar */
.bpb-kovan:hover .bpb-kovan__hive, .bpb-kovan:focus-visible .bpb-kovan__hive { animation: bpbKovanSalla .9s ease-in-out; }
.bpb-kovan:hover .bpb-kovan__bee--1, .bpb-kovan:focus-visible .bpb-kovan__bee--1 { animation: bpbAriUc1 1.1s ease-out; }
.bpb-kovan:hover .bpb-kovan__bee--2, .bpb-kovan:focus-visible .bpb-kovan__bee--2 { animation: bpbAriUc2 1.2s ease-out .12s; }
@keyframes bpbKovanSalla {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-4deg); }
  55% { transform: rotate(4deg); }
  80% { transform: rotate(-2deg); }
}
@keyframes bpbAriUc1 {
  0%   { opacity: 0; transform: translate(0, 0) rotate(0) scale(.6); }
  15%  { opacity: 1; transform: translate(-4px, -3px) rotate(-30deg) scale(1); }
  55%  { opacity: 1; transform: translate(-16px, -18px) rotate(-200deg) scale(1); }
  100% { opacity: 0; transform: translate(-24px, -34px) rotate(-380deg) scale(.8); }
}
@keyframes bpbAriUc2 {
  0%   { opacity: 0; transform: translate(0, 0) rotate(0) scale(.6); }
  15%  { opacity: 1; transform: translate(4px, -4px) rotate(30deg) scale(1); }
  55%  { opacity: 1; transform: translate(15px, -20px) rotate(210deg) scale(1); }
  100% { opacity: 0; transform: translate(22px, -36px) rotate(400deg) scale(.8); }
}

/* Bildirim zili — bpCustomerHeaderBell() çıktısı, ikon dili header'a uyarlandı (Font Awesome yok → CSS maske) */
.bpb-header__bell { position: relative; display: inline-flex; align-items: center; }
.bpb-header__bell .bph-bell-wrap { position: relative; display: inline-flex; align-items: center; }
.bpb-header__bell .bph-bell,
.bpb-header__bell .bph-bell:hover,
.bpb-header__bell .bph-bell-wrap.open .bph-bell {
  width: 40px; height: 40px; border: 0; background: transparent; border-radius: var(--bpb-radius);
  color: var(--bpb-brown); font-size: 0; display: inline-flex; align-items: center; justify-content: center;
}
.bpb-header__bell .bph-bell:hover, .bpb-header__bell .bph-bell-wrap.open .bph-bell { color: var(--bpb-primary); }
.bpb-header__bell .bph-bell i, .bpb-header__bell .bph-ni-ic i, .bpb-header__bell .bph-ni-bos i { display: none; }
.bpb-header__bell .bph-bell::before, .bpb-header__bell .bph-ni-ic::before, .bpb-header__bell .bph-ni-bos::before {
  content: ""; display: block; width: var(--bpb-hdr-ico); height: var(--bpb-hdr-ico); background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/><path d='M10 21a2 2 0 0 0 4 0'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/><path d='M10 21a2 2 0 0 0 4 0'/></svg>") center / contain no-repeat;
}
.bpb-header__bell .bph-ni-ic::before { width: 16px; height: 16px; }
.bpb-header__bell .bph-ni-bos::before { width: 28px; height: 28px; margin: 0 auto var(--bpb-s2); opacity: .5; }
/* Bildirim rozeti: favori rozetiyle aynı dil (15px yeşil daire, ikonun sağ üst köşesi) */
.bpb-header__bell .bph-bell-c {
  top: calc(50% - var(--bpb-hdr-ico) / 2 - 6px); right: 2px; left: auto; min-width: 15px; height: 15px; padding: 0 3px;
  border: 0; border-radius: 50%; background: var(--bpb-success); color: var(--bpb-surface);
  font-size: 9px; font-weight: 600; line-height: 15px;
}
.bpb-header__bell .bph-noti { top: calc(100% + 4px); border-radius: 0; border-color: var(--bpb-border); box-shadow: var(--bpb-shadow-menu); animation: none; }
.bpb-header__bell .bph-noti-head b { font-size: var(--bpb-fs-lg); color: var(--bpb-text); }
.bpb-header__bell .bph-noti-yeni { color: var(--bpb-primary); background: var(--bpb-primary-soft); }
.bpb-header__bell .bph-ni.unread, .bpb-header__bell .bph-ni.unread:hover { background: var(--bpb-primary-soft); }
.bpb-header__bell .bph-ni.unread .bph-ni-ic { background: var(--bpb-surface); color: var(--bpb-primary); }
.bpb-header__bell .bph-ni-dot { background: var(--bpb-primary); }
.bpb-header__bell .bph-noti-readall { color: var(--bpb-primary); }

/* ---------- Arama (açık gri yuvarlatılmış kutu · sol büyüteç · sağ içte "ARA") ---------- */
.bpb-header__search { flex: 1 1 auto; min-width: 260px; max-width: 600px; margin: 0 auto; } /* logo ile aksiyonlar arasında ortalı */
.bpb-search { position: relative; display: block; width: 100%; }
.bpb-search__box {
  display: flex; align-items: center; height: 44px; padding: 0 var(--bpb-s1) 0 var(--bpb-s3);
  background: var(--bpb-bg); border: 1px solid var(--bpb-border); border-radius: 10px;
  transition: border-color var(--bpb-dur), background var(--bpb-dur);
}
.bpb-search__box:focus-within { border-color: var(--bpb-primary); background: var(--bpb-surface); }
.bpb-search__icon { display: inline-flex; flex: 0 0 auto; color: var(--bpb-text-3); }
.bpb-search__icon .bpb-ico { width: 18px; height: 18px; }
.bpb-search__input {
  flex: 1 1 auto; min-width: 0; height: 100%; padding: 0 var(--bpb-s3);
  font-size: var(--bpb-fs-lg); color: var(--bpb-text); background: transparent; border: 0;
  -webkit-appearance: none; appearance: none;
}
.bpb-search__input::placeholder { color: var(--bpb-text-3); opacity: 1; }
.bpb-search__input:focus { outline: 0; }
.bpb-search__input::-webkit-search-decoration, .bpb-search__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.bpb-search__tools { display: inline-flex; align-items: center; flex: 0 0 auto; }
.bpb-search__tool {
  display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px;
  color: var(--bpb-text-3); border-radius: var(--bpb-radius); transition: color var(--bpb-dur);
}
.bpb-search__tool .bpb-ico { width: 18px; height: 18px; }
.bpb-search__tool:hover { color: var(--bpb-primary); }
.bpb-search__tool.is-listening { color: var(--bpb-danger); }
.bpb-search__file { display: none; }
.bpb-search__submit {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 var(--bpb-s4);
  font-size: var(--bpb-fs-lg); font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  color: var(--bpb-text); background: transparent; border-radius: 8px; transition: color var(--bpb-dur), background var(--bpb-dur);
}
.bpb-search__submit:hover { color: var(--bpb-hero-text); background: var(--bpb-hero-btn); }

/* Otomatik tamamlama paneli */
.bpb-search__ac {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 970;
  max-height: 70vh; overflow-y: auto;
  background: var(--bpb-surface); border: 1px solid var(--bpb-border); box-shadow: var(--bpb-shadow-menu);
  text-align: left; line-height: 1.4;
}
.bpb-search__ac[hidden] { display: none; }
.bpb-search__section { padding: var(--bpb-s2) 0; border-bottom: 1px solid var(--bpb-border); }
.bpb-search__section:last-child { border-bottom: 0; }
.bpb-search__section-title { padding: var(--bpb-s1) var(--bpb-s4) var(--bpb-s1); font-size: var(--bpb-fs-xs); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--bpb-text-2); }
.bpb-search__row { display: flex; align-items: center; gap: var(--bpb-s3); min-height: 44px; padding: var(--bpb-s1) var(--bpb-s4); color: var(--bpb-text); }
.bpb-search__row:hover, .bpb-search__row.is-active { background: var(--bpb-primary-soft); color: var(--bpb-text); }
.bpb-search__thumb { flex: 0 0 42px; width: 42px; height: 42px; object-fit: cover; background: var(--bpb-bg); border: 1px solid var(--bpb-border); }
.bpb-search__main { min-width: 0; flex: 1 1 auto; }
.bpb-search__title { display: block; font-size: var(--bpb-fs-md); font-weight: 600; color: var(--bpb-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bpb-search__sub { display: block; margin-top: 2px; font-size: var(--bpb-fs-xs); color: var(--bpb-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bpb-search__msg { padding: var(--bpb-s4); font-size: var(--bpb-fs-md); color: var(--bpb-text-3); }

/* ---------- 3. Katman: kategori menüsü (60px) — DÜZ, ortalı, UPPERCASE, iki satıra kırılabilir ---------- */
/* Ayırıcı çizgi iç gölge (border akışa girmez) → header 172px = 30 + 82 + 60; alt kenar .bpb-header border'ında */
.bpb-header__menu { position: relative; z-index: 950; box-shadow: inset 0 1px 0 var(--bpb-border); background: var(--bpb-surface); }
/* ul hem .bpb-container hem .bpb-menu: `.bpb-header ul { margin: 0; padding: 0 }` sıfırlaması ortalamayı ezdiği için burada geri verilir. */
.bpb-header__menu .bpb-menu {
  display: flex; align-items: stretch; justify-content: center; gap: 36px;
  min-height: var(--bpb-hdr-menu); margin: 0 auto; padding: 0 var(--bpb-gutter);
}
.bpb-menu__item { display: flex; align-items: center; justify-content: center; flex: 0 1 auto; min-width: 0; }
.bpb-menu__link {
  display: flex; align-items: center; justify-content: center; min-height: var(--bpb-hdr-menu); max-width: 150px; padding: var(--bpb-s2) 0;
  font-size: var(--bpb-fs-lg); font-weight: 600; line-height: 1.25; letter-spacing: .02em; text-transform: uppercase; text-align: center;
  color: var(--bpb-text); transition: color var(--bpb-dur);
}
.bpb-menu__link > span { display: inline-block; padding-bottom: 3px; border-bottom: 2px solid transparent; transition: border-color var(--bpb-dur); }
.bpb-menu__link:hover { color: var(--bpb-primary); }
.bpb-menu__link.is-active { color: var(--bpb-text); }
.bpb-menu__link.is-active > span { border-bottom-color: var(--bpb-primary); }

/* ---------- Karartma ---------- */
.bpb-overlay { position: fixed; inset: 0; z-index: 1000; background: var(--bpb-overlay); opacity: 0; transition: opacity var(--bpb-dur); }
.bpb-overlay.is-visible { opacity: 1; }
.bpb-overlay[hidden] { display: none; }

/* ---------- Off-canvas mobil menü (sol, 20rem) ---------- */
.bpb-offcanvas {
  position: fixed; top: 0; bottom: 0; left: 0; z-index: 1010;
  width: 20rem; max-width: 88vw; display: flex; flex-direction: column;
  background: var(--bpb-surface); color: var(--bpb-text);
  transform: translateX(-100%); visibility: hidden;
  transition: transform var(--bpb-dur) var(--bpb-ease), visibility 0s linear var(--bpb-dur);
}
.bpb-offcanvas.is-open { transform: none; visibility: visible; transition-delay: 0s; }
.bpb-offcanvas:focus { outline: 0; }
/* (a) Koyu başlık 63px: logo çipi + KAPAT */
.bpb-offcanvas__head { display: flex; align-items: center; justify-content: space-between; gap: var(--bpb-s3); height: 63px; padding: 0 var(--bpb-s3) 0 var(--bpb-s4); background: var(--bpb-hero-text); color: var(--bpb-surface); flex: 0 0 auto; }
.bpb-offcanvas__logo { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 var(--bpb-s3); background: var(--bpb-surface); border-radius: 8px; }
.bpb-offcanvas__logo img { display: block; width: auto; height: 36px; max-width: 140px; object-fit: contain; }
.bpb-offcanvas__close { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 44px; height: 44px; color: var(--bpb-hero-btn); border-radius: var(--bpb-radius); }
.bpb-offcanvas__close .bpb-ico { width: 22px; height: 22px; }
.bpb-offcanvas__close-label { font-size: 9px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--bpb-surface); }
.bpb-offcanvas__close:hover { color: var(--bpb-surface); }
.bpb-offcanvas .bpb-offcanvas__close:focus-visible { outline-color: var(--bpb-hero-btn); outline-offset: -3px; }
/* (b) Sarı üye bandı 56px: ÜYE OL | ÜYE GİRİŞ */
.bpb-offcanvas__auth { display: flex; align-items: center; height: 56px; padding: 0 var(--bpb-s4); background: var(--bpb-hero-btn); color: var(--bpb-hero-text); flex: 0 0 auto; }
.bpb-offcanvas__auth a { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: var(--bpb-s2); min-height: 44px; font-size: var(--bpb-fs-sm); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--bpb-hero-text); }
.bpb-offcanvas__auth a .bpb-ico { width: 16px; height: 16px; }
.bpb-offcanvas__auth-sep { flex: 0 0 auto; color: var(--bpb-hero-text); opacity: .6; }
.bpb-offcanvas .bpb-offcanvas__auth a:focus-visible { outline-color: var(--bpb-hero-text); outline-offset: -3px; }
/* Gövde */
.bpb-offcanvas__body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: var(--bpb-s6); }
/* (c) Sekmeler: ÜRÜNLER (aktif: sarı zemin yuvarlatılmış) / FIRSATLAR */
.bpb-oc-tabs__list { display: flex; gap: var(--bpb-s3); padding: var(--bpb-s3) var(--bpb-s4) var(--bpb-s2); }
.bpb-oc-tabs__tab {
  flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--bpb-s2);
  font-size: var(--bpb-fs-sm); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap;
  color: var(--bpb-text); border-radius: 6px; transition: background var(--bpb-dur), color var(--bpb-dur);
}
.bpb-oc-tabs__tab:hover { background: var(--bpb-bg); }
.bpb-oc-tabs__tab.is-active, .bpb-oc-tabs__tab[aria-selected="true"] { background: var(--bpb-hero-btn); color: var(--bpb-hero-text); }
.bpb-oc-tabs__panel[hidden] { display: none; }
.bpb-oc-tabs__panel:focus { outline: 0; }
/* (d) Kategori satırları 56px: 40px yuvarlak görsel + ad + chevron; 1px ayırıcı */
.bpb-oc-cats > li { border-top: 1px solid var(--bpb-border); }
.bpb-oc-cats > li:last-child { border-bottom: 1px solid var(--bpb-border); }
.bpb-oc-cat { display: flex; align-items: center; gap: var(--bpb-s3); min-height: 56px; padding: var(--bpb-s2) var(--bpb-s4) var(--bpb-s2) var(--bpb-s6); color: var(--bpb-text); font-size: var(--bpb-fs-md); transition: background var(--bpb-dur); }
.bpb-oc-cat:hover, .bpb-oc-cat.is-active { background: var(--bpb-primary-soft); }
.bpb-oc-cat.is-active .bpb-oc-cat__name { color: var(--bpb-primary); font-weight: 600; }
.bpb-oc-cat__img { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--bpb-hero-dot); }
.bpb-oc-cat__img--harf, .bpb-oc-cat__img--ikon { display: inline-flex; align-items: center; justify-content: center; font-family: var(--bpb-font-display); font-size: 20px; font-weight: 700; color: var(--bpb-brown); }
.bpb-oc-cat__img--ikon .bpb-ico { width: 20px; height: 20px; }
.bpb-oc-cat__name { flex: 1 1 auto; min-width: 0; line-height: 1.35; }
.bpb-oc-cat__chev { width: 16px; height: 16px; color: var(--bpb-text-3); }
/* FIRSATLAR: kampanya kartları (16:9 görsel + ad) ve boş durum */
.bpb-offcanvas ul.bpb-oc-deals { display: grid; gap: var(--bpb-s5); padding: var(--bpb-s3) var(--bpb-s4); } /* `.bpb-offcanvas ul` sıfırlamasından yüksek özgüllük */
.bpb-oc-deal { display: block; color: var(--bpb-text); }
.bpb-oc-deal__img { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--bpb-bg); border: 1px solid var(--bpb-border); border-radius: 6px; color: var(--bpb-text-3); transition: opacity var(--bpb-dur); }
.bpb-oc-deal:hover .bpb-oc-deal__img { opacity: .8; }
.bpb-oc-deal__img--bos .bpb-ico { width: 28px; height: 28px; }
.bpb-oc-deal__name { display: block; margin-top: var(--bpb-s2); font-family: var(--bpb-font-display); font-size: var(--bpb-fs-xl); font-weight: 600; line-height: 1.3; }
.bpb-oc-deal:hover .bpb-oc-deal__name { color: var(--bpb-primary); }
.bpb-oc-empty { display: flex; flex-direction: column; align-items: center; gap: var(--bpb-s2); padding: var(--bpb-s7) var(--bpb-s4); text-align: center; color: var(--bpb-text-3); }
.bpb-oc-empty .bpb-ico { width: 28px; height: 28px; color: var(--bpb-hero-btn); }
.bpb-oc-empty p { margin: 0; font-size: var(--bpb-fs-md); }
.bpb-oc-empty__link { display: inline-flex; align-items: center; gap: var(--bpb-s1); min-height: 40px; font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-primary); }
.bpb-oc-empty__link .bpb-ico { width: 14px; height: 14px; color: inherit; }
/* (e) Alt: yardımcı bağlantılar (küçük) · dil / para çipleri · telefon */
.bpb-offcanvas__foot { padding: var(--bpb-s3) 0 0; }
.bpb-offcanvas__links a {
  display: flex; align-items: center; gap: var(--bpb-s3);
  min-height: 40px; padding: var(--bpb-s1) var(--bpb-s4);
  font-size: var(--bpb-fs-sm); color: var(--bpb-text-2);
}
.bpb-offcanvas__links a:hover { color: var(--bpb-primary); background: var(--bpb-primary-soft); }
.bpb-offcanvas__links .bpb-ico { width: 16px; height: 16px; color: var(--bpb-primary); }
.bpb-offcanvas__count { margin-left: auto; font-style: normal; font-size: var(--bpb-fs-xs); font-weight: 600; color: var(--bpb-surface); background: var(--bpb-primary); border-radius: var(--bpb-radius); padding: 1px 7px; }
.bpb-offcanvas__chips-wrap { padding-top: var(--bpb-s2); border-top: 1px solid var(--bpb-border); margin-top: var(--bpb-s2); }
.bpb-offcanvas__title { margin: 0; padding: var(--bpb-s1) var(--bpb-s4) var(--bpb-s2); font-size: var(--bpb-fs-xs); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--bpb-text-2); }
.bpb-offcanvas__chips { display: flex; flex-wrap: wrap; gap: var(--bpb-s2); padding: 0 var(--bpb-s4) var(--bpb-s3); }
.bpb-offcanvas__chips a {
  display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 var(--bpb-s3);
  font-size: var(--bpb-fs-sm); font-weight: 600; color: var(--bpb-text);
  border: 1px solid var(--bpb-border); border-radius: var(--bpb-radius);
}
.bpb-offcanvas__chips a.is-active, .bpb-offcanvas__chips a:hover { border-color: var(--bpb-primary); color: var(--bpb-primary); }
.bpb-offcanvas__phone { display: flex; align-items: center; gap: var(--bpb-s3); min-height: 44px; margin-top: var(--bpb-s2); padding: var(--bpb-s2) var(--bpb-s4); border-top: 1px solid var(--bpb-border); color: var(--bpb-text); }
.bpb-offcanvas__phone .bpb-ico { width: 20px; height: 20px; color: var(--bpb-primary); }
.bpb-offcanvas__phone span { display: flex; flex-direction: column; line-height: 1.3; }
.bpb-offcanvas__phone small { font-size: var(--bpb-fs-xs); color: var(--bpb-text-3); }
.bpb-offcanvas__phone b { font-size: var(--bpb-fs-lg); font-weight: 600; color: var(--bpb-text); }

/* ---------- Tam ekran mobil arama paneli ---------- */
.bpb-searchpanel {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1020;
  background: var(--bpb-surface); transform: translateY(-100%); visibility: hidden;
  transition: transform var(--bpb-dur) var(--bpb-ease), visibility 0s linear var(--bpb-dur);
}
.bpb-searchpanel.is-open { transform: none; visibility: visible; transition-delay: 0s; }
.bpb-searchpanel:focus { outline: 0; }
.bpb-searchpanel__head { position: relative; display: flex; align-items: center; gap: var(--bpb-s2); padding: var(--bpb-s2) var(--bpb-s3); border-bottom: 1px solid var(--bpb-border); }
/* Form statik → otomatik tamamlama paneli başlığa (tam genişlik) göre konumlanır; kapat düğmesi sütunu boş kalmaz */
.bpb-searchpanel__form { position: static; flex: 1 1 auto; min-width: 0; }
.bpb-searchpanel .bpb-search__box { height: 48px; }
.bpb-searchpanel .bpb-search__ac { top: calc(100% + 1px); left: 0; right: 0; max-height: calc(100vh - 70px); border-top: 0; }
.bpb-searchpanel__close { flex: 0 0 44px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--bpb-text-2); border-radius: var(--bpb-radius); }
.bpb-searchpanel__close:hover { color: var(--bpb-primary); }

/* ---------- Kırılımlar ---------- */
@media (max-width: 1279px) {
  .bpb-header__main-in { gap: var(--bpb-s5); }
  .bpb-header__search { min-width: 220px; }
  .bpb-header__actions { gap: var(--bpb-s3); }
  .bpb-header__menu .bpb-menu { gap: var(--bpb-s5); }
  .bpb-menu__link { font-size: var(--bpb-fs-md); letter-spacing: 0; max-width: 136px; }
}

@media (max-width: 1023px) {
  .bpb-header { --bpb-hdr-main: 60px; --bpb-hdr-ico: 24px; --bpb-hdr-kovan: 44px; }
  .bpb-header__main-in { gap: var(--bpb-s2); }
  /* Sıra: MENÜ · logo (ortada, esner) · [kullanıcı · zil · kovan · ARA] — her aksiyon 40 × 40 dokunma hedefi */
  .bpb-header__burger { flex: 0 0 auto; min-width: 44px; height: 44px; }
  .bpb-header__logo { flex: 1 1 auto; justify-content: center; min-width: 0; min-height: 44px; }
  .bpb-header__logo img { height: 44px; max-width: 100%; }
  .bpb-header__actions { gap: var(--bpb-s1); }
  .bpb-header__action { min-width: 40px; }
  .bpb-header__action--labeled { min-width: 44px; height: 44px; }
  .bpb-header__action--labeled .bpb-ico { width: 22px; height: 22px; }
  .bpb-header__bell { flex: 0 0 36px; width: 36px; height: 40px; justify-content: center; }
  .bpb-header__bell .bph-bell, .bpb-header__bell .bph-bell:hover, .bpb-header__bell .bph-bell-wrap.open .bph-bell { width: 36px; }
  .bpb-header__bell .bph-bell-c { top: 0; right: 0; }
  .bpb-kovan__badge { top: -4px; right: -6px; width: 20px; height: 22px; font-size: 10px; }
  /* Bildirim paneli: zilin sağındaki kovan + ARA (44 + 44 + boşluklar) kadar kaydırılır → sağ kenar aksiyon grubuyla hizalı, ekrana sığar */
  .bpb-header__bell .bph-noti {
    position: absolute; top: calc(100% + 4px); left: auto;
    right: calc(-1 * (88px + 2 * var(--bpb-s1)));
    width: min(360px, calc(100vw - 2 * var(--bpb-gutter)));
  }
}

@media (max-width: 767px) {
  .bpb-topbanner__img { max-height: 90px; }
}

@media (max-width: 575px) {
  .bpb-offcanvas { width: 20rem; max-width: 88vw; }
}

@media (max-width: 359px) {
  .bpb-header__main-in { gap: var(--bpb-s1); }
  .bpb-header__logo img { height: 40px; }
  .bpb-header__actions { gap: 0; }
}

/* ---------- Hareket azaltma: kovan / arı animasyonu kapalı, arılar gizli ---------- */
@media (prefers-reduced-motion: reduce) {
  .bpb-kovan:hover .bpb-kovan__hive, .bpb-kovan:focus-visible .bpb-kovan__hive,
  .bpb-kovan:hover .bpb-kovan__bee, .bpb-kovan:focus-visible .bpb-kovan__bee { animation: none; }
}