/* ==========================================================================
   HB HOME — PREMIUM MARKA KATMANI
   ==========================================================================
   Çekirdek goreel dosyalarına dokunmadan HB Home kimliği; her sayfada EN
   SON yüklenir (goreel_theme::build).

   YÖN — "sessiz lüks": ürünler tasarım nesnesi, arayüz geri çekilir.
     Tipografi  başlıklar Cormorant Garamond (yüksek kontrastlı serif),
                arayüz Jost (ince geometrik). Hiyerarşiyi renk değil küçük,
                aralıklı büyük harf etiketler taşır.
     Renk       kırık beyaz zemin, lacivert-siyah metin. Birincil eylem
                LACİVERT (markanın #1E2E4E'si). ALTIN yalnızca ince vurgu:
                etiket, çizgi, koyu zeminde yazı. Altın düğme "kampanya"
                hissi veriyordu.
     Biçim      keskin köşe (2-6px), gölge yerine kıl çizgisi, cömert boşluk,
                büyük görsel.
     Hareket    kısa ve yumuşak; hareket azaltma tercihine uyar.

   --c-brand LACİVERT: çekirdekte "ana eylem" rengi --c-brand; düğmeler,
   seçili durumlar ve odak halkası tek değişkenle lacivert oluyor.
   Altın vurgu için ayrı --c-gold*.

   Kontrast (WCAG AA): altın #866830 kırık beyazda 4.9 / beyazda 5.2;
   altın #C9A45C lacivertte 5.75; beyaz/lacivert 13.5; #6A6F7C kırık
   beyazda 4.74.
   ========================================================================== */

:root {
  /* --- Eylem: lacivert --- */
  --c-brand:              #1E2E4E;
  --c-brand-deep:         #121C33;
  --c-brand-rgb:          30, 46, 78;
  --c-brand-bright:       #C9A45C;  /* koyu zeminde altın */
  --c-brand-bright-rgb:   201, 164, 92;
  --c-brand-bright-hover: #D8BE85;
  --c-brand-tint:         #F1ECE2;  /* kum */
  --c-brand-tint-soft:    #F8F5EF;
  --c-brand-tint-strong:  #E2D7C2;

  /* --- Altın vurgu --- */
  --c-gold:               #866830;
  --c-gold-bright:        #C9A45C;
  --c-gold-line:          #D9C59A;

  --c-navy:               #1E2E4E;
  --c-navy-deep:          #16223A;
  --c-navy-rgb:           30, 46, 78;

  /* --- Mürekkep --- */
  --c-ink:                #121A2B;
  --c-ink-body:           #474D5C;
  --c-ink-muted:          #6A6F7C;
  --c-ink-faint:          #A3A6AE;
  --c-ink-strong:         #16223A;  /* koyu yüzeyler: şerit, footer, toast */

  /* --- Yüzeyler --- */
  --c-surface:            #FFFFFF;
  --c-surface-sunken:     #FAF8F4;  /* sayfa zemini: kırık beyaz */
  --c-surface-warm:       #F3EEE6;  /* bölüm ayrımı: kum */
  --c-media:              #F4F1EB;  /* ürün görseli zemini */
  --c-line:               #E7E0D4;
  --c-line-strong:        #D2C8B7;

  --c-shadow-rgb:         18, 26, 43;
  --c-scrim-rgb:          12, 18, 30;

  /* --- Tipografi --- */
  --f-display: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --f-body:    'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ls-label:  .18em;

  /* --- Biçim --- */
  --r-sm: 2px;
  --r-md: 3px;
  --r-lg: 4px;
  --r-xl: 6px;

  --sh-sm: 0 1px 2px rgba(var(--c-shadow-rgb), .04);
  --sh-md: 0 8px 24px -12px rgba(var(--c-shadow-rgb), .16);
  --sh-lg: 0 24px 56px -24px rgba(var(--c-shadow-rgb), .26);
  --sh-focus: 0 0 0 3px rgba(var(--c-brand-rgb), .18);

  --e-out: cubic-bezier(.22, .61, .36, 1);
  --e-soft: cubic-bezier(.4, 0, .2, 1);

  --w-container: 1360px;
}


/* ==========================================================================
   1. TEMEL
   ========================================================================== */
body.b-scope, .b-scope {
  font-weight: 400;
  letter-spacing: .005em;
  background-color: var(--c-surface-sunken);
  /* Cormorant varsayılanı eski üslup rakam: "110 Ml" → "ııo", stok kodu
     okunmuyordu. Düz (lining) rakam her yerde. */
  font-variant-numeric: lining-nums;
}

.b-h1, .b-h2, .b-h3 {
  font-family: var(--f-display);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.08;
  color: var(--c-ink);
}

/* Cormorant'ın x-yüksekliği düşük: aynı px'te sans'tan küçük görünür */
.b-h1 { font-size: clamp(36px, 4vw, 54px); }
.b-h2 { font-size: clamp(30px, 3.2vw, 44px); }
.b-h3 { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.15; }
.b-h4 { font-weight: 500; letter-spacing: .02em; }

.b-display { font-family: var(--f-display); font-weight: 500; }

.b-eyebrow,
.bh-rail-eyebrow,
.bh-sum-eyebrow {
  font-family: var(--f-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--c-gold);
}

.b-lead { font-weight: 300; color: var(--c-ink-muted); }

.b-link { color: var(--c-ink); text-decoration: underline; text-decoration-color: var(--c-line-strong); text-underline-offset: 3px; }
.b-link:hover { color: var(--c-gold); text-decoration-color: currentColor; }

/* Düğmeler: keskin, aralıklı büyük harf */
.b-btn {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: var(--r-sm);
  box-shadow: none;
}

.b-btn--lg { min-height: 54px; font-size: 12.5px; padding-inline: var(--s-8); }

.b-btn--primary { box-shadow: none; }
.b-btn--primary:hover { box-shadow: none; }

.b-btn--secondary { background: transparent; border-color: var(--c-ink); color: var(--c-ink); }
.b-btn--secondary:hover { background: var(--c-ink); border-color: var(--c-ink); color: #fff; }

.b-btn--ghost:hover { background: transparent; color: var(--c-gold); }

.b-price { font-weight: 500; letter-spacing: .02em; }
.b-price--new { color: var(--c-ink); }

/* Rozet/etiket: aralıklı büyük harf, köşeli */
.b-badge { border-radius: 0; font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }

/* Çip */
.b-chip, .bh-catbar-item {
  border-radius: 0;
  border-color: var(--c-line-strong);
  background: transparent;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--c-ink);
}
.b-chip:hover, .bh-catbar-item:hover { border-color: var(--c-ink); color: var(--c-ink); background: transparent; }
.b-chip.is-active, .b-chip[aria-current="page"] { background: var(--c-ink); border-color: var(--c-ink); color: #fff; }

/* Formlar: kıl çizgisi; odakta lacivert çizgi */
.bh-input, .b-input, .b-select, .bh-field input, .bh-field select, .bh-field textarea {
  border-radius: var(--r-sm);
  border-color: var(--c-line-strong);
  box-shadow: none;
}
.bh-input:focus, .b-input:focus, .b-select:focus,
.bh-field input:focus, .bh-field select:focus, .bh-field textarea:focus {
  border-color: var(--c-ink);
  box-shadow: 0 0 0 1px var(--c-ink);
}
.bh-label { font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--c-ink-muted); }

/* Kırıntı */
.bh-crumbs { font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; }
.bh-crumbs a { color: var(--c-ink-muted); }
.bh-crumbs a:hover { color: var(--c-ink); }

/* Adet seçici */
.bh-qty, .bh-qty-box { border-radius: var(--r-sm); }
.bh-qty-btn { border-radius: 0; }

.b-scope ::selection { background: var(--c-brand-tint-strong); color: var(--c-ink); }


/* ==========================================================================
   2. HEADER
   ========================================================================== */

/* Üst şerit: lacivert, ortada tek cümle */
.bh-strip { background: var(--c-navy); }
.bh-strip-inner { position: relative; min-height: 36px; }
.bh-strip-link { font-size: 11px; letter-spacing: .06em; color: rgba(255, 255, 255, .68); }
.bh-strip-link:hover { color: #fff; }
.bh-strip-side:last-child .bh-strip-link { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }

.bh-strip-msg {
  margin: 0;
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .88);
  white-space: nowrap;
}
.bh-strip-msg strong { font-weight: 500; color: var(--c-gold-bright); }

@media (min-width: 992px) {
  .bh-strip-msg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
}
@media (max-width: 1279px) {
  .bh-strip-side:first-child { visibility: hidden; }  /* mesaja yer aç */
}
@media (max-width: 1199px) {
  .bh-strip-side:last-child { visibility: hidden; }  /* dar masaüstünde ortadaki mesajla çakışıyordu */
}

.bh-head { background: var(--c-surface); border-bottom: 1px solid var(--c-line); }

/* Masaüstü: arama | LOGO | eylemler */
@media (min-width: 992px) {
  .bh-head { --bar-h: 100px; --logo-col: 0px; --logo-tab: 0px; }
  .bh-head.is-compact { --bar-h: 72px; box-shadow: 0 10px 30px -18px rgba(var(--c-shadow-rgb), .22); }

  .bh-bar-inner,
  .bh-head.is-compact .bh-bar-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template-areas: "search logo actions";
    align-items: center;
    gap: var(--s-8);
    min-height: var(--bar-h);
    padding-left: var(--s-5);
  }

  .bh-apptitle { display: none; }

  .bh-logo,
  .bh-logo--white, .bh-logo--brand, .bh-logo--tint,
  .bh-head.is-compact .bh-logo {
    grid-area: logo;
    position: static;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    box-shadow: none;
    border-radius: 0;
  }
  .bh-logo::before { display: none; }
  .bh-logo:hover { box-shadow: none; }

  .bh-logo .bh-logo-main img { height: 58px; width: auto; margin: 0; }
  .bh-logo:hover .bh-logo-main img { transform: none; }
  .bh-head.is-compact .bh-logo-main img { height: 42px; }
  .bh-head.is-compact .bh-logo .bh-logo-compact { height: 38px; }

  .bh-search-slot { grid-area: search; justify-self: start; width: 100%; max-width: 300px; }
  .bh-actions { grid-area: actions; justify-self: end; margin-left: 0; gap: var(--s-1); }

  /* Kategori şeridi: ortalı */
  .bh-nav { border-top: 1px solid var(--c-line); }
  .bh-nav-inner,
  .bh-head.is-compact .bh-nav-inner { justify-content: center; padding-left: var(--s-5); }
  .bh-nav-scroll { flex: 0 1 auto; min-width: 0; }
}

/* Arama: kutu değil, alt çizgi */
.bh-head #search,
.bh-head #search .input-group { background: transparent; border: 0; box-shadow: none; border-radius: 0; }

@media (min-width: 992px) {
  .bh-head #search input[name="search"] {
    height: 40px;
    border: 0;
    border-bottom: 1px solid var(--c-line-strong);
    border-radius: 0;
    background: transparent;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .03em;
    box-shadow: none;
  }
  .bh-head #search input[name="search"]:focus { border-bottom-color: var(--c-ink); box-shadow: none; }
  .bh-head .bh-search-submit { display: none; }  /* Enter yeterli; ikon solda */
  .bh-head .bh-search-icon { stroke-width: 1.4; }
}
.bh-head #search input[name="search"]::placeholder { color: var(--c-ink-muted); font-weight: 300; }

/* Eylemler: ince ikon + küçük etiket */
.bh-act { border-radius: 0; background: transparent; }
.bh-act:hover, .bh-act[aria-expanded="true"] { background: transparent; color: var(--c-gold); }
.bh-act-eyebrow { display: none; }
.bh-act-label { font-size: 12px; font-weight: 400; letter-spacing: .04em; }
.bh-act-ico svg { stroke-width: 1.35; }
.bh-act-badge { background: var(--c-navy); font-weight: 500; }

/* Sepet: kum kutusu yerine ikon + tutar */
.bh-cart-btn,
.bh-cart-btn:hover { background: transparent; border-radius: 0; box-shadow: none; }
.bh-cart-btn { gap: 8px; padding: var(--s-1) var(--s-2); }
.bh-cart-btn:hover { color: var(--c-gold); }
.bh-cart-ico svg { stroke-width: 1.35; }
.bh-cart-eyebrow { display: none; }
.bh-cart-total { font-size: 12px; font-weight: 400; letter-spacing: .04em; }
.bh-cart-badge { min-width: 18px; height: 18px; padding: 0 5px; line-height: 18px; font-size: 10px; font-weight: 500; background: var(--c-navy); }

/* Kapalı çekmecenin gölgesi sol kenara sızıyordu */
.bh-drawer:not(.is-open) { box-shadow: none; }

/* --------------------------------------------------------------------------
   MENÜ ŞERİDİ — ince, aralıklı büyük harf; altında ortadan açılan altın çizgi.
   Ok/ayraç yok: boşluk ayırıyor.
   -------------------------------------------------------------------------- */
.bh-nav-link,
.bh-mega-btn {
  position: relative;
  min-height: 52px;
  padding: 0 clamp(12px, 1.35vw, 22px);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--c-ink);
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.bh-nav-link::before,
.bh-nav-item > .bh-nav-link::before { display: none !important; }

/* Alt çizgi (eski ok işaretinin yerine) */
.bh-nav-link::after,
.bh-nav-item.has-drop > .bh-nav-link::after,
.bh-mega-btn::after {
  content: "";
  position: absolute;
  left: clamp(12px, 1.35vw, 22px);
  right: clamp(12px, 1.35vw, 22px);
  bottom: 13px;
  width: auto;
  height: 1px;
  margin: 0;
  border: 0;
  opacity: 1;
  background: var(--c-gold-bright);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .35s var(--e-out);
}

.bh-nav-link:hover::after,
.bh-nav-link.is-active::after,
.bh-nav-item.has-drop > .bh-nav-link.is-active::after,
.bh-nav-item.has-drop:hover > .bh-nav-link::after,
.bh-nav-item.has-drop:focus-within > .bh-nav-link::after,
.bh-mega-btn:hover::after,
.bh-mega.is-open .bh-mega-btn::after { transform: scaleX(1); margin: 0; }

.bh-nav-link:hover,
.bh-nav-link.is-active,
.bh-nav-item.has-drop:hover > .bh-nav-link,
.bh-nav-item.has-drop:focus-within > .bh-nav-link,
.bh-mega-btn:hover,
.bh-mega.is-open .bh-mega-btn { color: var(--c-ink); background: transparent; box-shadow: none; }

.bh-nav-link--all { font-weight: 500; }

/* "Kategoriler": ince üç çizgi + ayraç */
.bh-mega-btn,
.bh-mega.is-open .bh-mega-btn { gap: 12px; }
.bh-mega-btn > svg { display: none; }
.bh-mega-lines { display: inline-flex; flex-direction: column; gap: 4px; width: 16px; }
.bh-mega-lines i { display: block; height: 1px; background: currentColor; transition: width .3s var(--e-out); }
.bh-mega-lines i:nth-child(2) { width: 11px; }
.bh-mega-btn:hover .bh-mega-lines i:nth-child(2),
.bh-mega.is-open .bh-mega-lines i:nth-child(2) { width: 16px; }

@media (min-width: 992px) {
  .bh-mega { margin-right: clamp(4px, 1vw, 16px); padding-right: clamp(4px, 1vw, 16px); border-right: 1px solid var(--c-line); align-self: center; }
  .bh-mega-btn { min-height: 28px; }
  .bh-mega-btn::after { bottom: -12px; }

  /* Paneller tam genişlikte: konum referansı şerit (.bh-nav) */
  .bh-nav-inner,
  .bh-nav-scroll { position: static; }
}

/* --------------------------------------------------------------------------
   AÇILIR PANELLER (.bh-dd) — bölüm, markalar, tüm kategoriler
   Tam genişlik, kıl çizgi, altındaki sayfa hafifçe kararır (gölge halkası,
   clip-path ile yalnızca panelin altında).
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
  .bh-dd,
  .bh-mega-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 80;
    display: block;
    max-height: none;
    padding: 0;
    overflow: visible;
    background: var(--c-surface);
    border: 0;
    border-top: 1px solid var(--c-line);
    border-radius: 0;
    box-shadow: 0 30px 50px -30px rgba(var(--c-shadow-rgb), .28), 0 0 0 100vmax rgba(var(--c-scrim-rgb), .2);
    clip-path: inset(0 -100vmax -100vmax -100vmax);
  }

  .bh-mega-panel[hidden] { display: block; }

  /* Kısa gecikmeli, yumuşak açılış */
  .bh-nav-drop { transform: translateY(-4px); transition: opacity .22s var(--e-out), transform .3s var(--e-out), visibility 0s linear .22s; }
  .bh-nav-item.has-drop:hover > .bh-nav-drop,
  .bh-nav-item.has-drop:focus-within > .bh-nav-drop { transition-delay: .12s, .12s, 0s; }

  .bh-mega.is-open .bh-mega-panel { box-shadow: 0 30px 50px -30px rgba(var(--c-shadow-rgb), .28), 0 0 0 100vmax rgba(var(--c-scrim-rgb), .2); clip-path: inset(0 -100vmax -100vmax -100vmax); }

  .bh-dd-inner {
    display: grid;
    grid-template-columns: minmax(200px, 250px) minmax(0, 1fr);
    gap: clamp(40px, 5vw, 80px);
    padding-top: 44px;
    padding-bottom: 52px;
    background: none;
    border: 0;
    box-shadow: none;
  }
  .bh-dd-inner.has-feature { grid-template-columns: minmax(200px, 250px) minmax(0, 1fr) 260px; }
  .bh-dd-inner--dir { max-height: calc(100vh - 240px); overflow-y: auto; overscroll-behavior: contain; }
}

/* Sol: başlık bloğu */
.bh-dd-intro { display: flex; flex-direction: column; align-items: flex-start; }
.bh-dd-eyebrow { margin: 0 0 12px; font-size: 10.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--c-gold); }
.bh-dd-title { margin: 0 0 26px; font-family: var(--f-display); font-size: 40px; font-weight: 500; line-height: 1.02; letter-spacing: 0; color: var(--c-ink); }
.bh-dd-all {
  margin-bottom: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-ink);
  text-decoration: none;
}
.bh-dd-all:hover { color: var(--c-gold); text-decoration: none; }

/* Cümle biçimi: Türkçe kuralıyla küçük harf + ilk harf büyük
   ("DÜZENLEYİCİLER" → "Düzenleyiciler", "çay tabağı" → "Çay tabağı") */
.bh-cs { display: block; text-transform: lowercase; }
.bh-cs::first-letter { text-transform: uppercase; }

/* Orta: alt kategoriler, sütunlu */
.bh-dd-links,
.bh-dd-links ul,
.bh-dd-list,
.bh-dd-brands { margin: 0; padding: 0; list-style: none; }

.bh-dd-links { columns: 3 190px; column-gap: clamp(32px, 3.5vw, 56px); padding-top: 4px; }
.bh-dd-links > li { break-inside: avoid; }
.bh-dd-links a,
.bh-dd-list a {
  padding: 7px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .01em;
  color: var(--c-ink-body);
  text-decoration: none;
  transition: color .2s;
}
.bh-dd-links a:hover,
.bh-dd-list a:hover { color: var(--c-ink); text-decoration: underline; text-decoration-color: var(--c-gold-bright); text-underline-offset: 5px; text-decoration-thickness: 1px; }

.bh-dd-links > li.has-sub { margin: 4px 0 14px; }
.bh-dd-links > li.has-sub > a { color: var(--c-ink); font-weight: 500; }
.bh-dd-links li li a { padding: 4px 0 4px 14px; font-size: 13.5px; color: var(--c-ink-muted); border-left: 1px solid var(--c-line); }

/* Sağ: bölümün en yeni ürünü */
.bh-dd-feature { display: flex; flex-direction: column; color: inherit; text-decoration: none; }
.bh-dd-feature-media { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--c-media); }
.bh-dd-feature-media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform 1.2s var(--e-out); }
.bh-dd-feature:hover .bh-dd-feature-media img { transform: scale(1.05); }
.bh-dd-feature-eyebrow { margin-top: 16px; font-size: 10.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--c-gold); }
.bh-dd-feature-name {
  margin-top: 6px;
  font-family: var(--f-display);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--c-ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bh-dd-feature:hover .bh-dd-feature-name { color: var(--c-gold); }

/* Markalar: kıl çizgili logo ızgarası, gri → renk */
.bh-dd-brands {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  border-top: 1px solid var(--c-line);
  border-left: 1px solid var(--c-line);
}
.bh-dd-brands li { border-right: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.bh-dd-brands a {
  display: grid;
  place-items: center;
  height: 78px;
  padding: 14px 18px;
  color: var(--c-ink-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background .3s var(--e-soft);
}
.bh-dd-brands img { max-width: 100%; max-height: 42px; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply; filter: grayscale(1); opacity: .8; transition: filter .3s, opacity .3s; }
.bh-dd-brands a:hover { background: var(--c-surface-sunken); }
.bh-dd-brands a:hover img { filter: none; opacity: 1; }
@media (max-width: 1199px) { .bh-dd-brands { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* Tüm kategoriler: yazı tabanlı dizin */
.bh-dir { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 40px clamp(20px, 2.4vw, 40px); align-items: start; }
@media (min-width: 1200px) { .bh-dir { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.bh-dd-head {
  display: block;
  margin: 0 0 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--c-line);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--c-ink);
  text-decoration: none;
}
a.bh-dd-head:hover { color: var(--c-gold); text-decoration: none; }
.bh-dd-list a { padding: 5px 0; font-size: 14px; }

.bh-suggest { border-radius: 0; box-shadow: var(--sh-lg); }

/* Mobil header */
@media (max-width: 991px) {
  .bh-strip { display: none; }
  .bh-logo img, .bh-logo .bh-logo-main img { height: 34px; }
}


/* ==========================================================================
   3. BÖLÜM BAŞLIKLARI — editoryal, ortalı
   ========================================================================== */
.b-section        { padding-block: clamp(56px, 7vw, 104px); }
.b-section--tight { padding-block: clamp(48px, 5.5vw, 88px); }
.b-section--warm  { background: var(--c-surface-warm); }

.bh-home .b-section-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--s-4);
  margin-bottom: clamp(32px, 4vw, 56px);
  text-align: center;
}
.bh-home .b-section-head > div { display: flex; flex-direction: column; align-items: center; gap: var(--s-3); }
.bh-home .b-section-head .b-h2 { font-size: clamp(30px, 3.4vw, 46px); }
.bh-home .b-section-head .b-h2::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin: 20px auto 0;
  background: var(--c-gold-bright);
}
.bh-home .b-section-head .b-lead { margin: 0; text-align: center; }

.bh-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid currentColor;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--c-ink);
  text-decoration: none;
}
.bh-more:hover { color: var(--c-gold); text-decoration: none; }
.bh-more svg { display: none; }


/* ==========================================================================
   4. ÜRÜN KARTI — galeri gibi
   ========================================================================== */
.bh-pgrid,
.bh-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(36px, 3.6vw, 56px) clamp(16px, 2vw, 28px);
}

/* Ana sayfa rafı masaüstünde iki tam satır */
@media (min-width: 768px) {
  .bh-pgrid > :nth-child(n+9) { display: none; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .bh-pgrid, .bh-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bh-pgrid > :nth-child(n+7) { display: none; }
}

.bh-p {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  transition: none;
}
.bh-p:hover { border-color: transparent; box-shadow: none; transform: none; }

.bh-p-media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--c-media);
}
.b-section--warm .bh-p-media { background: #FBF9F5; }

.bh-p-imglink { position: absolute; inset: 0; display: block; }

.bh-p-media .bh-p-img,
.bh-p-media .bh-p-img2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  /* Dolgu YOK: ürün fotoğraflarının bir kısmı gri fonlu; dolgu "kutu
     içinde kutu" yapıyordu. Görsel kareyi doldurur. */
  object-fit: contain;
  mix-blend-mode: multiply;  /* ürünün beyaz fonu zemine karışır */
  transition: opacity .6s var(--e-soft), transform 1.2s var(--e-out);
}
.bh-p-media .bh-p-img2 { opacity: 0; }

@media (hover: hover) {
  .bh-p.has-alt:hover .bh-p-img  { opacity: 0; }
  .bh-p.has-alt:hover .bh-p-img2 { opacity: 1; transform: scale(1.03); }
  .bh-p:not(.has-alt):hover .bh-p-media .bh-p-img { transform: scale(1.05); }
}

.bh-p.is-out .bh-p-media .bh-p-img { opacity: .5; }

/* Tek etiket */
.bh-p-badge {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  padding: 6px 8px 5px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--c-ink);
  background: rgba(255, 255, 255, .92);  /* ikinci görsel renkli olabilir */
  pointer-events: none;
}
.bh-p-badge--sale { background: var(--c-navy); color: #fff; letter-spacing: .08em; }
.bh-p-badge--new  { color: var(--c-gold); }
.bh-p-badge--best { color: var(--c-ink); }
.bh-p-badge--out  { color: var(--c-ink-muted); }

/* Favori + hızlı ekle */
.bh-p-fav {
  position: absolute;
  z-index: 2;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--c-ink);
  cursor: pointer;
  transition: opacity .35s var(--e-soft), color .2s;
}
.bh-p-fav svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linejoin: round; }
.bh-p-fav:hover { color: var(--c-gold); }

.bh-p-quick {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 14px;
  border: 0;
  border-radius: 0;
  background: rgba(var(--c-navy-rgb), .96);
  color: #fff;
  font-family: var(--f-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity .4s var(--e-soft), transform .4s var(--e-out), background .2s;
}
.bh-p-quick svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; }
.bh-p-quick:hover { background: var(--c-navy-deep); }
.bh-p-quick.is-loading { opacity: .7; pointer-events: none; }

@media (hover: hover) {
  .bh-p-fav { opacity: 0; }
  .bh-p-quick { opacity: 0; transform: translateY(100%); }
  .bh-p:hover .bh-p-fav, .bh-p:focus-within .bh-p-fav { opacity: 1; }
  .bh-p:hover .bh-p-quick, .bh-p:focus-within .bh-p-quick { opacity: 1; transform: none; }
}

/* Dokunmatik: köşede küçük yuvarlak çanta, hep görünür */
@media (hover: none) {
  /* hover yok → ikinci görsel hiç görünmez; display:none tembel görseli
     indirtmiyor (telefonda kart başına bir görsel tasarrufu) */
  .bh-p-media .bh-p-img2 { display: none; }
  .bh-p-quick {
    left: auto;
    right: 8px;
    bottom: 8px;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    color: var(--c-ink);
    box-shadow: 0 2px 10px -3px rgba(var(--c-shadow-rgb), .25);
  }
  .bh-p-quick span { display: none; }
  .bh-p-quick svg { width: 17px; height: 17px; }
  .bh-p-fav { top: 2px; right: 2px; }
}

.bh-p-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 18px 4px 0;
  text-align: center;
}

.bh-p-brand {
  margin: 0 0 7px;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--c-gold);
}

.bh-p-name {
  min-height: 0;
  margin: 0 0 10px;
  font-family: var(--f-display);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--c-ink);
}
.bh-p-name a { color: inherit; text-decoration: none; }
.bh-p-name a:hover { color: var(--c-gold); }

.bh-p-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 4px 10px;
  margin: 0;
}
.bh-p-now { font-size: 14px; font-weight: 500; letter-spacing: .04em; color: var(--c-ink); }
.bh-p-now.is-sale { color: var(--c-navy); }
.bh-p-was { font-size: 12.5px; letter-spacing: .02em; color: var(--c-ink-faint); text-decoration-thickness: 1px; }

.bh-p-gate { min-height: 0; padding: 0 0 3px; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; background: transparent; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--c-ink); }
.bh-p-gate:hover { background: transparent; color: var(--c-gold); }


/* ==========================================================================
   5. ANA SAYFA
   ========================================================================== */

/* Slider: editoryal yazı, kutusuz */
.bh-slider { background: var(--c-surface-warm); }
.bh-slide-title {
  padding: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  font-family: var(--f-display);
  font-size: clamp(32px, 4.4vw, 68px);
  font-weight: 500;
  font-style: italic;
  line-height: 1.04;
  letter-spacing: 0;
  color: #fff;
  text-shadow: 0 2px 30px rgba(0, 0, 0, .3);
}
.bh-slide-text { font-weight: 300; letter-spacing: .04em; }
.bh-slide-btn.b-btn--primary { background: #fff; border-color: #fff; color: var(--c-ink); min-height: 50px; padding-inline: 36px; }
.bh-slide-btn.b-btn--primary:hover { background: var(--c-ink); border-color: var(--c-ink); color: #fff; }

.bh-slider-dot { width: 24px; height: 2px; border-radius: 0; background: rgba(255, 255, 255, .5); box-shadow: none; }
.bh-slider-dot.is-active { width: 44px; background: #fff; }
.bh-slider-arrow { border-radius: 0; background: rgba(255, 255, 255, .88); box-shadow: none; }
.bh-slider-arrow:hover { background: #fff; }

/* Marka şeridi: kıl çizgili ızgara, logolar sakin */
/* Marka şeridi: iki sıra, zıt yönlerde yavaş akan logolar (marquee) */
.bh-brands { background: var(--c-surface); overflow: hidden; }
.bh-marquee { display: grid; gap: 0; border-block: 1px solid var(--c-line); }
.bh-marquee-row {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.bh-marquee-row + .bh-marquee-row { border-top: 1px solid var(--c-line); }
.bh-marquee-track {
  display: flex;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: bh-marquee var(--bh-marq-dur, 80s) linear infinite;
  will-change: transform;
}
.bh-marquee-row.is-rev .bh-marquee-track { animation-direction: reverse; }
.bh-marquee-row:hover .bh-marquee-track,
.bh-marquee-row:focus-within .bh-marquee-track { animation-play-state: paused; }
@keyframes bh-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.bh-marquee-track > li { flex: none; border-right: 1px solid var(--c-line); }
.bh-brands-item {
  display: grid;
  place-items: center;
  width: 220px;
  height: 118px;
  padding: 24px 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--c-ink-muted);
  text-decoration: none;
  transition: background .3s var(--e-soft), color .3s;
}
.bh-brands-item:hover { background: var(--c-surface-sunken); color: var(--c-ink); transform: none; box-shadow: none; border-color: transparent; }
.bh-brands-item img { max-height: 48px; width: auto; max-width: 100%; object-fit: contain; mix-blend-mode: multiply; filter: grayscale(1); opacity: .72; transition: filter .3s, opacity .3s; }
.bh-brands-item:hover img { filter: none; opacity: 1; }
/* Logosu olmayan marka: yazı logosu */
.bh-brands-word {
  font-family: var(--f-display);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .bh-marquee-row { overflow-x: auto; -webkit-mask-image: none; mask-image: none; scrollbar-width: none; }
  .bh-marquee-track { animation: none; }
  .bh-marquee-track > li.is-copy { display: none; }
}

/* Marka tanıtımı */
.bh-feature-veil { background: linear-gradient(90deg, rgba(250, 248, 244, .97) 0%, rgba(250, 248, 244, .9) 34%, rgba(250, 248, 244, 0) 62%); }
.bh-feature-title { font-family: var(--f-display); font-weight: 500; letter-spacing: 0; }
.bh-feature-text { font-family: var(--f-display); font-size: clamp(21px, 2vw, 28px); font-weight: 400; line-height: 1.32; color: var(--c-ink); }
.bh-feature-btn {
  min-height: 50px;
  padding: 0 32px;
  border: 1px solid var(--c-ink);
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-ink);
}
.bh-feature-btn:hover { background: var(--c-ink); color: #fff; }
.bh-feature-btn svg { display: none; }

/* Mobil arama tetikleyicisi */
.bh-hsearch { border-radius: 0; box-shadow: none; background: var(--c-surface); border: 1px solid var(--c-line); font-weight: 300; }

/* Avantaj şeridi */
.bh-usp { background: var(--c-surface); border-block: 1px solid var(--c-line); }
.bh-usp-ico { border-radius: 50%; background: transparent; color: var(--c-gold); }

/* Kampanya penceresi */
.bh-popup-card { border-radius: 0; }


/* ==========================================================================
   6. KATEGORİ / LİSTE
   ========================================================================== */
.bh-cat-head {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: clamp(20px, 3vw, 44px) clamp(20px, 2.5vw, 36px);
}
.bh-cat-head::after { content: ""; display: block; width: 40px; height: 1px; margin-top: 18px; background: var(--c-gold-bright); }
.bh-cat-head .b-h1, .bh-cat-title { font-size: clamp(36px, 4.4vw, 60px); }
.bh-cat-desc { max-width: 64ch; margin-inline: auto; font-weight: 300; color: var(--c-ink-muted); }
.bh-subcats { justify-content: center; }  /* .bh-catbar DEĞİL: taşan kaydırma şeridinde ortalama baştaki öğeleri ulaşılamaz yapıyordu */

.bh-toolbar {
  margin-bottom: clamp(24px, 3vw, 40px);
  padding-block: 12px;
  border: 0;
  border-block: 1px solid var(--c-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.bh-toolbar-count { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--c-ink-muted); }
.bh-sort-label { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.bh-sort-select { border-radius: 0; }

.bh-pagination .pagination > li > a,
.bh-pagination .pagination > li > span { border-radius: 0 !important; }
.bh-more-btn { border-radius: 0; }


/* ==========================================================================
   7. ÜRÜN DETAY
   ========================================================================== */
/* Galeri: çerçevesiz kum zemin, ürün fonu zemine karışır */
.bh-pd-figure { background: var(--c-media); border: 0; border-radius: 0; box-shadow: none; }
.bh-pd-zoom img, .bh-gal-slide img { mix-blend-mode: multiply; }

.bh-gal-count {
  padding: 0;
  background: transparent;
  color: var(--c-ink-muted);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
}
.bh-gal-dots { background: transparent; padding: 0; gap: 4px; }
.bh-gal-dot { width: 16px; height: 2px; border-radius: 0; background: rgba(var(--c-shadow-rgb), .18); }
.bh-gal-dot.is-active { width: 32px; background: var(--c-ink); }
.bh-gal-nav { border-radius: 0; box-shadow: none; background: rgba(255, 255, 255, .9); }

.bh-pd-thumb { background: var(--c-media); border: 1px solid transparent; border-radius: 0; }
.bh-pd-thumb:hover { border-color: var(--c-line-strong); }
.bh-pd-thumb.is-active { border-color: var(--c-ink); }
.bh-pd-thumb img { mix-blend-mode: multiply; }

/* Satın alma paneli: kutusuz; kategori etiketi başlığın ÜSTÜNDE */
.bh-pd-buy { padding: var(--s-2) 0 0 clamp(0px, 2vw, 32px); background: transparent; border: 0; box-shadow: none; border-radius: 0; }
.bh-pd-cat { order: -1; margin-bottom: calc(var(--s-2) * -1); font-size: 11px; font-weight: 500; letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--c-gold); text-decoration: none; }
.bh-pd-cat:hover { color: var(--c-ink); }
.bh-pd-title { font-family: var(--f-display); font-size: clamp(32px, 3.2vw, 46px); font-weight: 500; line-height: 1.08; letter-spacing: 0; color: var(--c-ink); }
.bh-pd-price-now { font-size: 24px; font-weight: 400; letter-spacing: .03em; color: var(--c-ink); }
.bh-pd-price-was { font-weight: 400; color: var(--c-ink-faint); }
.bh-pd-tax, .bh-pd-per { font-weight: 300; }
.bh-pd-stock { font-size: 12px; letter-spacing: .04em; }
.bh-pd-flag { border-radius: 0; }

.bh-pd-facts { border-radius: 0; }
.bh-pd-facts dt { font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--c-ink-muted); }

.bh-pd-add { min-height: 56px; }
.bh-pd-wa, .bh-pd-actions .b-btn--secondary { border-radius: var(--r-sm); }

.bh-pd-info { border-radius: 0; border-color: var(--c-line); background: transparent; }
.bh-pd-info-item { border-color: var(--c-line); }
.bh-pd-info-item summary { font-size: 11.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--c-ink); }
.bh-pd-assure { border-radius: 0; background: transparent; }

.bh-pd-boxdeal, .bh-pd-box, .bh-pd-sum, .bh-pd-gate { border-radius: 0; }

.bh-pd-side { padding-inline: 0 0; margin-left: clamp(0px, 2vw, 32px); background: transparent; border: 0; border-top: 1px solid var(--c-line); border-radius: 0; box-shadow: none; }
.bh-pd-side-head .b-h4, .bh-pd-side-head h2, .bh-pd-side-head h3 { font-family: var(--f-display); font-size: 24px; font-weight: 500; letter-spacing: 0; }
.bh-pd-side-all { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.bh-car-btn { border-radius: 50%; box-shadow: none; }

.bh-tiny-media { border-radius: 0; background: var(--c-media); }
.bh-tiny-media img { mix-blend-mode: multiply; }
.bh-tiny-name { font-family: var(--f-display); font-size: 17px; font-weight: 500; }

/* Alt raylar (çok satanlar, son gezilenler): ana kartla aynı dil */
.bh-pd-rail-block { margin-top: clamp(48px, 6vw, 88px); }
.bh-pd-rail-block .b-section-head { flex-direction: column; align-items: center; text-align: center; margin-bottom: clamp(24px, 3vw, 40px); }
.bh-pd-rail-block .b-section-head > div { display: flex; flex-direction: column; align-items: center; gap: var(--s-3); }
.bh-pd-rail-block .b-h3 { font-size: clamp(28px, 3vw, 40px); }
.bh-pd-rail-block .bh-rail { width: fit-content; max-width: 100%; margin-inline: auto; gap: clamp(16px, 2vw, 28px); }

.bh-mini { width: 230px; background: transparent; border: 0; border-radius: 0; overflow: visible; }
.bh-mini:hover { border-color: transparent; box-shadow: none; transform: none; }
.bh-mini-media { background: var(--c-media); }
.bh-mini-media img { mix-blend-mode: multiply; transition: transform 1.2s var(--e-out); }
.bh-mini:hover .bh-mini-media img { transform: scale(1.05); }
.bh-mini-body { align-items: center; gap: 6px; padding: 14px 4px 0; text-align: center; }
.bh-mini-name { min-height: 0; font-family: var(--f-display); font-size: 17px; font-weight: 500; line-height: 1.25; }
.bh-mini:hover .bh-mini-name { color: var(--c-gold); }
.bh-mini-price { display: flex; justify-content: center; align-items: baseline; gap: 8px; }
.bh-mini-price .b-price { font-size: 13.5px; font-weight: 500; }
.bh-mini-price .b-price--old { margin: 0; font-size: 12px; }

/* Mobil yapışkan satın alma çubuğu */
.bh-buybar { border-radius: 0; box-shadow: 0 -10px 30px -20px rgba(var(--c-shadow-rgb), .3); }
.bh-buybar-add { border-radius: var(--r-sm); }

/* Kargoya verilme tarihi */
.bh-pd-ship {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  margin: var(--s-3) 0 var(--s-4);
  padding: 14px 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--c-ink-body);
  background: transparent;
  border: 0;
  border-block: 1px solid var(--c-line);
  border-radius: 0;
}
.bh-pd-ship svg { flex: none; width: 22px; height: 22px; fill: none; stroke: var(--c-gold); stroke-width: 1.4; stroke-linejoin: round; }
.bh-pd-ship b { font-weight: 500; color: var(--c-ink); }

/* Sepette indirim kutusu (sepet_indirim) */
.bh-basket-off {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--s-4);
  margin: var(--s-4) 0;
  padding: 14px 16px;
  background: var(--c-brand-tint-soft);
  border: 1px solid var(--c-brand-tint-strong);
  border-radius: 0;
  box-shadow: none;
}
.bh-basket-off-badge { display: grid; place-items: center; min-width: 70px; padding: 9px 10px 8px; background: var(--c-navy); color: #fff; text-align: center; line-height: 1; }
.bh-basket-off-badge strong { font-family: var(--f-display); font-size: 28px; font-weight: 500; color: var(--c-gold-bright); }
.bh-basket-off-badge span { margin-top: 5px; font-size: 9.5px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.bh-basket-off-last { display: inline-block; margin-bottom: 2px; font-size: 10.5px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--c-danger); }
.bh-basket-off-title { margin: 0; font-size: 13px; font-weight: 500; color: var(--c-ink); }
.bh-basket-off-note { margin: 2px 0 0; font-size: 11.5px; color: var(--c-ink-muted); }
.bh-basket-off-price { display: flex; flex-direction: column; align-items: flex-end; text-align: right; line-height: 1.25; }
.bh-basket-off-price s { font-size: 12px; color: var(--c-ink-muted); }
.bh-basket-off-price strong { font-size: 19px; font-weight: 500; color: var(--c-ink); }
.bh-basket-off-price span { font-size: 11px; color: var(--c-ink-muted); }

@media (max-width: 420px) {
  .bh-basket-off { grid-template-columns: auto 1fr; }
  .bh-basket-off-price { grid-column: 1 / -1; flex-direction: row; align-items: baseline; gap: var(--s-2); justify-content: flex-start; }
}

/* Satın alma panelindeki kutular panel genişliğinde (panel flex sütun) */
.bh-basket-off, .bh-pd-ship, .bh-pd-info { align-self: stretch; width: 100%; box-sizing: border-box; }

/* Ürün açıklaması: editoryal iki sütun */
.bh-pd-desc {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(0, 2.4fr);
  gap: clamp(24px, 5vw, 88px);
  margin: clamp(48px, 6vw, 96px) 0 var(--s-6);
  padding: clamp(36px, 5vw, 72px) 0 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--c-line);
  border-radius: 0;
}
.bh-pd-desc > h2 { margin: 0; padding: 0; border: 0; }

.bh-pd-desc-body {
  max-width: 72ch;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--c-ink-body);
  overflow-wrap: anywhere;
}
.bh-pd-desc-body p { margin: 0 0 16px; }
.bh-pd-desc-body strong, .bh-pd-desc-body b { font-weight: 500; color: var(--c-ink); }
.bh-pd-desc-body h1, .bh-pd-desc-body h2, .bh-pd-desc-body h3, .bh-pd-desc-body h4 {
  margin: 28px 0 10px;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--c-ink);
}
.bh-pd-desc-body ul, .bh-pd-desc-body ol { margin: 0 0 16px; padding-left: 1.2em; }
.bh-pd-desc-body li { margin-bottom: 6px; }
.bh-pd-desc-body img, .bh-pd-desc-body iframe, .bh-pd-desc-body video { max-width: 100%; height: auto; }
.bh-pd-desc-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 16px; }
.bh-pd-desc-body td, .bh-pd-desc-body th { padding: 8px 12px; border: 1px solid var(--c-line); }
/* Panelden kopyalanan satır içi yazı tipi/boyutları marka fontunu bozmasın */
.bh-pd-desc-body * { font-family: inherit !important; }
.bh-pd-desc-body h1, .bh-pd-desc-body h2, .bh-pd-desc-body h3, .bh-pd-desc-body h4 { font-family: var(--f-display) !important; }
.bh-pd-desc-body span[style*="font-size"], .bh-pd-desc-body font { font-size: inherit !important; }

@media (max-width: 767px) {
  .bh-pd-desc { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); margin-top: var(--s-10); padding-top: var(--s-8); }
}


/* ==========================================================================
   8. SEPET · ÖDEME · BAŞARI · HESAP
   ========================================================================== */
.bh-cartp-title { font-family: var(--f-display); font-weight: 500; letter-spacing: 0; }

/* Sepet satırları: kutu değil, kıl çizgili liste */
/* Sütunlar yalnızca geniş ekranda: çekirdeğin mobil düzeni (≤900 tek
   sütun, ≤767 kart ızgarası) ezilmesin */
@media (min-width: 901px) {
  .bh-cartp-grid { gap: clamp(32px, 4vw, 64px); grid-template-columns: minmax(0, 1fr) minmax(0, 380px); }
}
@media (min-width: 768px) {
  .bh-ci { grid-template-columns: 104px minmax(0, 1fr) auto auto; }
}
.bh-cartp-items { gap: 0; border-top: 1px solid var(--c-line); }
.bh-ci { padding: var(--s-5) 0; background: transparent; border: 0; border-bottom: 1px solid var(--c-line); border-radius: 0; box-shadow: none; }
.bh-ci:hover { border-color: var(--c-line); }
.bh-ci-thumb { border: 0; border-radius: 0; background: var(--c-media); }
.bh-ci-thumb img { mix-blend-mode: multiply; }
.bh-ci-name { font-family: var(--f-display); font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: 0; }
.bh-ci-name a { color: var(--c-ink); }
.bh-ci-total { font-weight: 500; letter-spacing: .03em; }

.bh-sum, .bh-co-sum { border-radius: 0; border-color: var(--c-line); box-shadow: none; background: var(--c-surface); }
.bh-sum-rows dt, .bh-sum-row dt { font-weight: 400; }
.bh-sum-row:last-child dt, .bh-sum-row:last-child dd { font-weight: 500; color: var(--c-ink); }

.bh-ship-hint, .bh-min, .bh-note { border-radius: 0; }
.bh-min-bar { height: 2px; border-radius: 0; background: var(--c-line); }
.bh-min-bar > * { border-radius: 0; background: var(--c-navy); }

.bh-cartp-empty { border-radius: 0; box-shadow: none; }

/* Ödeme */
.bh-co-head .b-h1 { letter-spacing: 0; }
.bh-step { border-radius: 0; border-color: var(--c-line); box-shadow: none; }
.bh-step-no { border-radius: 50%; background: transparent; border: 1px solid var(--c-line-strong); color: var(--c-ink); font-weight: 400; }
.bh-step.is-open .bh-step-no, .bh-step.is-active .bh-step-no { border-color: var(--c-ink); }
/* Tamamlanan adım: yeşil değil, ince lacivert-siyah tik */
.bh-step.is-done:not(.is-open) .bh-step-no { background: transparent; border-color: var(--c-ink); }
.bh-step.is-done:not(.is-open) .bh-step-no::before { background: var(--c-ink); }
.bh-rail-item.is-done .bh-rail-mark { border-color: var(--c-ink); background: transparent; }
.bh-rail-item.is-done .bh-rail-mark::before { background: var(--c-ink); }
.bh-step-title { font-family: var(--f-display); font-size: 24px; font-weight: 500; letter-spacing: 0; }
.bh-rail-mark { border-radius: 50%; }
.bh-co-item-thumb { border-radius: 0; background: var(--c-media); }
.bh-co-item-thumb img { mix-blend-mode: multiply; }
.bh-co-act, .bh-co-gate, .bh-co-host { border-radius: 0; box-shadow: none; }

/* --------------------------------------------------------------------------
   ONAY VE ÖDEME — adımların son bölümü (geniş sütun)
   Kart formu artık dar sağ sütunda değil, burada; sağda yalnızca özet.
   -------------------------------------------------------------------------- */
.bh-co-final { border-color: var(--c-line-strong); }
.bh-co-final-body { padding: 0 var(--s-5) var(--s-6); }
@media (min-width: 768px) { .bh-co-final-body { padding-left: calc(var(--s-5) + 36px + var(--s-4)); } }  /* başlıkla hizalı */
@media (max-width: 767px) {
  .bh-co-final-body { padding: 0 12px 20px; }
  .bh-co-final .bh-co-host.is-payment { margin-inline: -4px; }  /* telefonda kart formu mümkün olduğunca geniş */
}

.bh-co-final .bh-co-confirm { padding: 0; gap: 0; border: 0; border-radius: 0; background: transparent; }
.bh-co-final .bh-co-act { gap: 14px; max-width: 560px; padding-top: 0; border-top: 0; }
.bh-co-final .bh-co-agree {
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--c-line);
  border-radius: 0;
  background: var(--c-surface-sunken);
  font-size: 13.5px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--c-ink-body);
}
.bh-co-final .bh-co-agree a { color: var(--c-ink); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--c-gold-bright); }
.bh-co-final .bh-co-agree input[type="checkbox"] { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--c-navy); }
.bh-co-final .bh-co-agree:has(input:disabled) { opacity: .75; }
.bh-co-final .b-btn--lg { min-height: 56px; }
.bh-co-final .bh-co-act-hint { text-align: left; font-size: 12.5px; font-weight: 300; }

/* Kart formu açılınca: başlık + form, başlıkla hizalı geniş alan */
.bh-co-payhead { display: none; }
.bh-co-final:has(.bh-co-host.is-payment) .bh-co-payhead {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
  max-width: 560px;
  margin: 28px 0 14px;
  padding-top: 24px;
  border-top: 1px solid var(--c-line);
}
.bh-co-payhead svg { grid-row: span 2; width: 22px; height: 22px; fill: none; stroke: var(--c-gold); stroke-width: 1.4; }
.bh-co-payhead span { font-family: var(--f-display); font-size: 22px; font-weight: 500; line-height: 1.1; color: var(--c-ink); }
.bh-co-payhead small { font-size: 12px; font-weight: 300; color: var(--c-ink-muted); }

.bh-co-final .bh-co-host.is-payment {
  max-width: 560px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  scroll-margin-top: 140px;
}

/* Başarı */
.bh-ok-title { font-family: var(--f-display); font-weight: 500; letter-spacing: 0; }
.bh-ok-badge { border-radius: 50%; background: transparent; border: 1px solid var(--c-gold-line); color: var(--c-gold); box-shadow: none; }
.bh-ok-step, .bh-ok-pay, .bh-msg { border-radius: 0; box-shadow: none; }
.bh-ok-step-no { border-radius: 50%; background: transparent; border: 1px solid var(--c-line-strong); color: var(--c-ink); }

/* Hesap */
.bh-acc-head .b-h1 { letter-spacing: 0; }
.bh-acc-side, .bh-acc-card, .bh-acc-list, .bh-acc-hint, .bh-push-ask { border-radius: 0; box-shadow: none; }
.bh-acc-me {
  border-radius: 0;
  background: var(--c-navy);
  color: rgba(255, 255, 255, .8);
  box-shadow: none;
}
.bh-acc-me .b-h2, .bh-acc-me .b-h3, .bh-acc-me strong { color: #fff; }
.bh-acc-me-avatar { border-radius: 50%; background: transparent; border: 1px solid var(--c-gold-bright); color: var(--c-gold-bright); font-family: var(--f-display); font-weight: 500; }
.bh-acc-card { border-color: var(--c-line); transition: border-color .25s var(--e-soft); }
.bh-acc-card:hover { border-color: var(--c-ink); box-shadow: none; transform: none; }
.bh-acc-card-ico, .bh-acc-row-ico { border-radius: 50%; background: transparent; border: 1px solid var(--c-line); color: var(--c-gold); }
.bh-acc-list-title { font-family: var(--f-display); font-weight: 500; font-size: 22px; letter-spacing: 0; text-transform: none; }

/* --------------------------------------------------------------------------
   GİRİŞ / KAYIT — bölünmüş ekran
   Solda marka görseli (tasarımcı eskizi videosu + slider başlığı), sağda
   form. Kutu/kart yok: form kırık beyaz zeminde, alanlar alt çizgili.
   -------------------------------------------------------------------------- */
.bh-auth--split { padding: 0; background: var(--c-surface-sunken); }
.bh-auth-split { display: grid; grid-template-columns: minmax(0, 1fr); }

.bh-auth-visual { display: none; }

@media (min-width: 992px) {
  .bh-auth-split { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); min-height: calc(100vh - 188px); }

  .bh-auth-visual {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--c-surface-warm);
  }
  .bh-auth-visual-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 50%; }
  .bh-auth-visual-video { opacity: 0; transition: opacity 1.2s var(--e-soft); }
  .bh-auth-visual-video.is-playing { opacity: 1; }
  .bh-auth-visual-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--c-navy-rgb), 0) 38%, rgba(var(--c-navy-rgb), .58) 78%, rgba(var(--c-navy-rgb), .82) 100%); }
  .bh-auth-visual-copy {
    position: absolute;
    left: clamp(40px, 5vw, 80px);
    right: clamp(40px, 5vw, 80px);
    bottom: clamp(40px, 6vw, 88px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    color: #fff;
  }
  /* Ana logo koyu zemin için beyaza çevriliyor (ayrı koyu logo yok) */
  .bh-auth-visual-logo { width: auto; height: 46px; filter: brightness(0) invert(1); opacity: .95; }
  .bh-auth-visual-line { max-width: 16ch; font-family: var(--f-display); font-size: clamp(34px, 3.2vw, 50px); font-style: italic; font-weight: 500; line-height: 1.08; }

  .bh-auth-main { display: flex; align-items: center; justify-content: center; padding: clamp(48px, 6vw, 96px) clamp(32px, 5vw, 80px); }
}

.bh-auth-inner { width: 100%; max-width: 420px; margin-inline: auto; padding: 40px var(--s-4) 64px; }
.bh-auth-inner--wide { max-width: 560px; }
@media (min-width: 992px) { .bh-auth-inner { padding: 0; } }

.bh-auth-head { margin-bottom: 32px; }
.bh-auth-head .b-eyebrow { margin: 0 0 14px; }
.bh-auth-title { margin: 0; font-family: var(--f-display); font-size: clamp(38px, 3.6vw, 52px); font-weight: 500; line-height: 1.02; letter-spacing: 0; color: var(--c-ink); }
.bh-auth-lede { margin: 14px 0 0; font-size: 14.5px; font-weight: 300; line-height: 1.7; color: var(--c-ink-muted); }

/* Alanlar: alt çizgili, etiket küçük büyük harf */
.bh-auth .bh-form { gap: 22px; }
.bh-auth-form { display: flex; flex-direction: column; gap: 22px; }
.bh-auth .bh-fields { gap: 22px 28px; }
.bh-auth .bh-field { gap: 2px; }
.bh-auth .bh-label { font-size: 10.5px; font-weight: 500; letter-spacing: .16em; color: var(--c-ink-muted); }
.bh-auth .bh-label span { color: var(--c-gold); }
.bh-auth .bh-input,
.bh-auth .bh-field select.bh-input {
  min-height: 40px;
  padding: 0 2px;
  border: 0;
  border-bottom: 1px solid var(--c-line-strong);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
}
.bh-auth .bh-input:focus { border-bottom-color: var(--c-ink); box-shadow: 0 1px 0 var(--c-ink); }
.bh-auth .bh-field.has-error .bh-input { border-bottom-color: var(--c-danger); }
.bh-auth .bh-form-legend { margin: 10px 0 0; font-family: var(--f-display); font-size: 22px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--c-ink); border: 0; padding: 0; }
.bh-auth .bh-form-legend + .bh-fields { margin-top: 0; }
.bh-auth-forgot { align-self: flex-end; margin-top: 8px; font-size: 12px; font-weight: 400; letter-spacing: .02em; color: var(--c-ink-muted); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--c-line-strong); }
.bh-auth-forgot:hover { color: var(--c-ink); }
.bh-auth .b-btn--lg { margin-top: 6px; }
.bh-auth .bh-check { font-size: 13px; font-weight: 300; line-height: 1.6; color: var(--c-ink-body); }

/* "Yeni misiniz?" ayracı */
.bh-auth-or { display: flex; align-items: center; gap: 18px; margin: 40px 0 22px; }
.bh-auth-or::before, .bh-auth-or::after { content: ""; flex: 1; height: 1px; background: var(--c-line); }
.bh-auth-or span { font-size: 10.5px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--c-gold); white-space: nowrap; }

.bh-auth-perks { gap: 10px; margin: 0 0 24px; font-size: 13.5px; font-weight: 300; color: var(--c-ink-body); }
.bh-auth-perks svg { stroke: var(--c-gold); stroke-width: 1.8; }

/* Sepet özeti (devam modu) */
.bh-auth-bag {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 36px;
  padding: 14px 16px;
  border: 1px solid var(--c-line);
  background: var(--c-surface);
}
.bh-auth-bag-thumbs { display: flex; flex: none; }
.bh-auth-bag-thumb {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-left: -10px;
  overflow: hidden;
  border: 2px solid var(--c-surface);
  border-radius: 50%;
  background: var(--c-media);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-ink-muted);
}
.bh-auth-bag-thumb:first-child { margin-left: 0; }
.bh-auth-bag-thumb img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.bh-auth-bag-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bh-auth-bag-label { font-size: 10.5px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--c-ink-muted); }
.bh-auth-bag-total { font-size: 16px; font-weight: 500; letter-spacing: .02em; color: var(--c-ink); }

/* Eski iki kartlı düzen (başka şablonlarda kalırsa) */
.bh-auth-card { border-radius: 0; box-shadow: none; border-color: var(--c-line); }
.bh-auth-card--aside { background: var(--c-surface-warm); border-color: transparent; }


/* ==========================================================================
   9. FOOTER
   ========================================================================== */
.bh-foot { background: var(--c-navy-deep); color: rgba(255, 255, 255, .66); }
.bh-foot a { color: rgba(255, 255, 255, .76); }
.bh-foot a:hover { color: var(--c-gold-bright); }
.bh-foot-act { border-radius: 0; background: transparent; border: 1px solid rgba(255, 255, 255, .12); box-shadow: none; }
.bh-foot-act:hover { border-color: rgba(var(--c-brand-bright-rgb), .5); background: transparent; }
.bh-foot-act-label { font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--c-gold-bright); }
.bh-store { border-radius: var(--r-sm); }

/* Mobil uygulama: ikon + başlık + mağaza düğmeleri, ince çerçeveli kart */
.bh-foot-apps {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "icon title" "icon row";
  align-items: center;
  column-gap: 18px;
  row-gap: 10px;
  width: fit-content;
  max-width: 100%;
  margin-top: 32px;
  padding: 18px 22px 18px 18px;
  border: 1px solid rgba(255, 255, 255, .12);
}
.bh-foot-app-icon {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 15px;  /* iOS uygulama simgesi oranı */
  background: var(--c-navy);
  box-shadow: inset 0 0 0 1px rgba(var(--c-brand-bright-rgb), .35), 0 8px 20px -10px rgba(0, 0, 0, .6);
}
.bh-foot-app-icon img { width: 40px; height: 40px; object-fit: contain; }
.bh-foot-apps-title { grid-area: title; margin: 0; font-family: var(--f-display); font-size: 20px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #fff; }
.bh-foot-apps-row { grid-area: row; display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.bh-foot-apps .bh-store {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 8px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  transition: border-color .2s, background .2s;
}
.bh-foot-apps .bh-store:hover { border-color: var(--c-gold-bright); background: rgba(255, 255, 255, .04); color: #fff; }
.bh-foot-apps .bh-store-text small { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; opacity: .7; }
.bh-foot-apps .bh-store-text strong { font-size: 14px; font-weight: 500; letter-spacing: .02em; }
.bh-foot-legal { font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; }
.bh-foot-copy, .bh-foot-company { font-size: 11px; letter-spacing: .06em; }


/* ==========================================================================
   10. MOBİL
   ========================================================================== */
@media (max-width: 767px) {
  .bh-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 12px; }

  /* Ana sayfa rafları yatay kayan ray: ekranın ~%46'sı, yanda yarım kart */
  .bh-home .bh-pgrid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .bh-home .bh-pgrid > .bh-p { flex: 0 0 46%; max-width: 220px; scroll-snap-align: start; }

  .bh-p-body { padding-top: 12px; }
  .bh-p-brand { margin-bottom: 5px; font-size: 9.5px; letter-spacing: .16em; }
  .bh-p-name { margin-bottom: 7px; font-size: 16.5px; line-height: 1.22; }
  .bh-p-now { font-size: 13px; }
  .bh-p-was { font-size: 11.5px; }
  .bh-p-badge { top: 8px; left: 8px; padding: 5px 6px 4px; font-size: 9px; }

  /* Uygulama ölçeğindeki küçük sans başlıklar yerine serif */
  .bh-home .b-section { padding-block: 44px; }
  .bh-home .b-section--tight { padding-block: 40px; }
  .bh-home .b-section-head { margin-bottom: 24px; gap: var(--s-3); }
  .bh-home .b-section-head .b-h2 { font-size: 30px; letter-spacing: 0; }
  .bh-home .b-section-head .b-h2::after { margin-top: 14px; }

  .bh-brands-item { width: 150px; height: 84px; padding: 16px 20px; }
  .bh-brands-word { font-size: 16px; letter-spacing: .1em; }

  /* Ürün bilgi paneli: görselin üstüne binen beyaz "sayfa" yerine düz */
  .bh-pd-buy { margin-top: 0; padding: var(--s-6) var(--s-4) var(--s-6); background: transparent; border-radius: 0; box-shadow: none; }
  .bh-pd-side { margin-left: 0; }
  .bh-brands-item img { max-height: 34px; }

  .route-product-category .b-h1,
  .route-product-all .b-h1,
  .route-product-search .b-h1,
  .route-product-special .b-h1 { font-size: 34px; letter-spacing: 0; }

  .bh-pd-title { font-size: 30px; }
  .bh-ci-name { font-size: 17px; }
  .bh-feature-veil { background: linear-gradient(0deg, rgba(250, 248, 244, .97) 0%, rgba(250, 248, 244, .9) 40%, rgba(250, 248, 244, 0) 70%); }
}


@media (prefers-reduced-motion: reduce) {
  .bh-p-media .bh-p-img, .bh-p-media .bh-p-img2, .bh-p-quick, .bh-p-fav, .bh-brands-item img { transition: none; }
}


/* ==========================================================================
   11. MOBİL HEADER v3 — simetrik ve sakin
   ==========================================================================
   [menü][ara]   LOGO (gerçek orta)   [favori][sepet]
   Eskiden logo solda, ikonlar sağda; ana sayfada altında gölgeli hap arama
   kutusu vardı — dağınık ve "standart" duruyordu. Arama artık her sayfada
   aynı ikonla açılan tam ekran panel. Uygulama içi iç sayfalardaki
   [geri][başlık][...] düzenine dokunulmuyor (html.in-app.is-inner).
   ========================================================================== */
@media (max-width: 991px) {
  html:not(.in-app) .bh-head .bh-bar-inner,
  html.in-app:not(.is-inner) .bh-head .bh-bar-inner {
    grid-template-columns: 44px 44px minmax(0, 1fr) 44px 44px;
    gap: 0;
    min-height: 62px;
    padding-inline: 6px;
  }

  html:not(.in-app) .bh-head .bh-bar-inner > .bh-actions,
  html.in-app:not(.is-inner) .bh-head .bh-bar-inner > .bh-actions { display: contents; }

  html:not(.in-app) .bh-head .bh-bar-inner > .bh-menu-btn,
  html.in-app:not(.is-inner) .bh-head .bh-bar-inner > .bh-menu-btn { display: inline-flex; grid-column: 1; grid-row: 1; }

  html:not(.in-app) .bh-head .bh-actions > .bh-search-btn,
  html.in-app:not(.is-inner) .bh-head .bh-actions > .bh-search-btn {
    grid-column: 2;
    grid-row: 1;
    width: 44px;
    opacity: 1;
    pointer-events: auto;
  }

  html:not(.in-app) .bh-head .bh-bar-inner > .bh-logo,
  html.in-app:not(.is-inner) .bh-head .bh-bar-inner > .bh-logo { grid-column: 3; grid-row: 1; justify-self: center; }

  html:not(.in-app) .bh-head .bh-actions > .bh-actions-wishlist,
  html.in-app:not(.is-inner) .bh-head .bh-actions > .bh-actions-wishlist { grid-column: 4; grid-row: 1; justify-self: center; }

  html:not(.in-app) .bh-head .bh-actions > .bh-cart-slot,
  html.in-app:not(.is-inner) .bh-head .bh-actions > .bh-cart-slot { grid-column: 5; grid-row: 1; justify-self: center; }

  html:not(.in-app) .bh-head .bh-actions > .bh-acct,
  html.in-app:not(.is-inner) .bh-head .bh-actions > .bh-acct { display: none; }

  .bh-head .bh-logo .bh-logo-main img,
  .bh-head .bh-logo img { height: 34px; width: auto; }

  /* İnce, aynı ağırlıkta ikonlar */
  .bh-head .bh-icon-btn svg,
  .bh-head .bh-cart-ico svg,
  .bh-head .bh-actions-wishlist .bh-act-ico svg { width: 22px; height: 22px; stroke-width: 1.35; }
  .bh-head .bh-menu-btn svg { stroke-width: 1.25; }
  .bh-head .bh-actions-wishlist .bh-act-heart { width: 20px; height: 20px; }
  .bh-head .bh-icon-btn:active,
  .bh-head .bh-cart-btn:active,
  .bh-head .bh-actions-wishlist:active { background: transparent; transform: scale(.9); }
  .bh-cart-badge { position: absolute; top: 5px; right: 3px; }
  .bh-cart-btn { position: relative; }

  .bh-head { border-bottom: 1px solid var(--c-line); }
  .bh-head.is-stuck { box-shadow: 0 10px 24px -18px rgba(var(--c-shadow-rgb), .35); }

  /* Ana sayfadaki hap arama kutusu kalktı: arama header'da */
  .bh-hsearch { display: none !important; }
}

/* --------------------------------------------------------------------------
   MOBİL ARAMA PANELİ — kırık beyaz ekran, alt çizgili büyük alan,
   bölümler serif listede, markalar yazı olarak.
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .bh-head.is-searching .bh-search-slot {
    gap: 30px;
    padding: calc(18px + var(--safe-top)) 22px 28px;
    background: var(--c-surface-sunken);
  }

  .bh-search-row { gap: 18px; }

  .bh-search-row #search,
  .bh-search-row #search:focus-within {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--c-ink);
    border-radius: 0;
    box-shadow: none;
  }

  .bh-search-row #search input[name="search"],
  .bh-search-row #search input[name="search"]:focus {
    height: 52px;
    min-height: 52px;
    padding-left: 34px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .01em;
    color: var(--c-ink);
  }
  .bh-search-row #search input[name="search"]::placeholder { color: var(--c-ink-muted); font-weight: 300; }
  .bh-search-row .bh-search-icon { left: 2px; width: 20px; height: 20px; stroke: var(--c-ink); stroke-width: 1.4; }

  .bh-head.is-searching .bh-search-close {
    height: 52px;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--c-ink);
  }

  /* Arama ekranı açıkken alttaki sekme çubuğu panelin üstüne binmesin */
  html.bh-search-open .goreel-tabbar { display: none; }

  .bh-search-quick { margin-top: 0; }
  .bh-search-quick-title {
    margin: 0 0 6px;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .2em;
    color: var(--c-gold);
  }
  .bh-search-quick-title + .bh-sq-list { border-top: 1px solid var(--c-line); }
  .bh-sq-list + .bh-search-quick-title { margin-top: 36px; }

  .bh-sq-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid var(--c-line);
    font-family: var(--f-display);
    font-size: 25px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--c-ink);
    text-decoration: none;
  }
  .bh-sq-link svg { flex: none; width: 16px; height: 16px; fill: none; stroke: var(--c-ink-muted); stroke-width: 1.3; }
  .bh-sq-link:active { color: var(--c-gold); }

  .bh-sq-brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; border-top: 1px solid var(--c-line); }
  .bh-sq-brands a {
    padding: 13px 0;
    border-bottom: 1px solid var(--c-line);
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--c-ink-body);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bh-sq-all {
    display: inline-block;
    margin-top: 18px;
    padding-bottom: 3px;
    border-bottom: 1px solid currentColor;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--c-ink);
    text-decoration: none;
  }
}

/* --------------------------------------------------------------------------
   KATEGORİ ŞERİDİ (mobil liste sayfaları) — çip değil, alt çizgili sekme
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  /* position: şeridi ortalayan JS (centerCatbar) offsetLeft'i şeride göre ölçsün */
  .bh-catbar { position: relative; gap: 0; padding-block: 0; border-bottom: 1px solid var(--c-line); }
  .bh-catbar-item,
  .bh-catbar-item:hover {
    position: relative;
    padding: 15px 14px 13px;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--c-ink-muted);
  }
  .bh-catbar-item .bh-cs { display: inline; text-transform: uppercase; }
  .bh-catbar-item .bh-cs::first-letter { text-transform: none; }
  .bh-catbar-item.is-active { background: transparent; border: 0; color: var(--c-ink); }
  .bh-catbar-item.is-active::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 1px; background: var(--c-ink); }
}

/* Uygulama içi iç sayfa: başlık üst çubukta (h1 görsel olarak gizli);
   altında yalnız kalan altın çizgi ve boşluk gösterilmiyor */
html.in-app.is-inner .bh-cat-head { padding-block: 8px 0; }
html.in-app.is-inner .bh-cat-head::after { content: none; }


/* Siparişe ait sözleşme sayfası (müşteri) */
.bh-agreement-actions { display: flex; gap: 22px; margin: 18px 0 0; }
.bh-agreement-actions button.bh-more { padding: 0 0 5px; border: 0; border-bottom: 1px solid currentColor; background: none; cursor: pointer; font-family: var(--f-body); }
.bh-info-body .bh-ag-table { font-variant-numeric: tabular-nums; }
@media (max-width: 767px) { .bh-info-body .bh-ag-table { display: block; overflow-x: auto; } }
@media print {
  .bh-head, .bh-strip, .bh-foot, .goreel-tabbar, .bh-crumbs, .bh-agreement-actions, .bh-appbar { display: none !important; }
  .bh-agreement-copy { padding: 0; }
  body { background: #fff; }
}