/*
 * Bronze Home teması
 * Kaynak: Figma "BronzHome Teması" (IdCYh0DZxBFdhkZluo5nuL) · Temel Sistem 17:21135
 * Tokenlar Figma değişken adlarıyla aynıdır (Theme/Light, Space, Radius).
 * Referans genişlikler: masaüstü 1440 (12 kol, kenar 72, aralık 24), tablet 768 (8 kol, 32, 16), mobil 390 (4 kol, 20, 12).
 */

/* ---------- Fontlar ---------- */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("fonts/jost-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("fonts/jost-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* NewBlack Typeface: lisanslı webfont dosyaları teslimde sağlanacak (fonts/newblack.css, header'da dosya varsa yüklenir). */

/* ---------- Tokenlar ---------- */
:root {
  /* Tema yalnız açık renkte tasarlandı: telefonların otomatik koyu modu (Chrome/Samsung Internet) renkleri çevirmesin. */
  color-scheme: only light;
  /* Primitives */
  --ivory-50: #fbf8f3; --ivory-100: #f4efe6; --ivory-200: #ebe3d6; --ivory-300: #dcd1bf;
  --white: #ffffff;
  --ink-900: #1f1b16; --ink-800: #2e2822; --ink-700: #4a433b; --ink-600: #6b6258; --ink-550: #746b60; --ink-500: #837a6f; --ink-400: #ada397; --ink-300: #cfc7bb;
  --sage-100: #e3e8de; --sage-300: #b9c4ae; --blush-100: #f0e3dd; --blush-300: #dcc2b6; --mist-100: #e1e6eb; --mist-300: #bcc6cf; --sand-100: #eee6d8; --sand-300: #d8c8ad;
  --brass-300: #cdb27f; --brass-500: #a8834a; --brass-600: #86662f; --silver-300: #cfd2d4; --silver-500: #9ea3a7; --gold-400: #c9a55c;
  --success-600: #3f6b4f; --warning-600: #8f6420; --error-600: #a2392e; --info-600: #3e5c76;

  /* Theme/Light */
  --background: #fbf8f3; --foreground: #1f1b16; --surface: #ffffff;
  --muted: #f4efe6; --muted-foreground: #6b6258; --subtle-foreground: #746b60;
  --border: #dcd1bf; --border-strong: #cfc7bb;
  --primary: #1f1b16; --primary-hover: #2e2822; --primary-foreground: #fbf8f3;
  --secondary: #ebe3d6; --secondary-foreground: #1f1b16;
  --accent: #86662f; --accent-soft: #cdb27f; --ring: #a8834a;
  --inverse: #1f1b16; --inverse-foreground: #fbf8f3; --inverse-muted: #ada397; --inverse-border: #4a433b;
  --tile-sand: #eee6d8; --tile-blush: #f0e3dd; --tile-mist: #e1e6eb; --tile-sage: #e3e8de; --tile-ivory: #f4efe6;
  --metal-gold: #c9a55c; --metal-silver: #cfd2d4; --metal-bronze: #a8834a;
  --success: #3f6b4f; --warning: #8f6420; --error: #a2392e; --info: #3e5c76;

  /* Space */
  --space-0: 0px; --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px;
  --space-32: 32px; --space-40: 40px; --space-48: 48px; --space-56: 56px; --space-64: 64px; --space-80: 80px; --space-96: 96px;
  --space-120: 120px; --space-160: 160px;

  /* Radius */
  --radius-none: 0; --radius-xs: 2px; --radius-full: 999px;

  /* Effect */
  --shadow-overlay: 0 24px 64px rgba(31, 27, 22, 0.12);
  --shadow-popover: 0 8px 24px rgba(31, 27, 22, 0.08);

  /* Font aileleri */
  --font-display: "NewBlack Typeface", "Jost", system-ui, sans-serif;
  --font-body: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Grid */
  --container: 1296px;
  --gutter: 72px;
  --gap: 24px;
}

@media (max-width: 1199.98px) {
  :root { --gutter: 32px; --gap: 16px; }
}
@media (max-width: 767.98px) {
  :root { --gutter: 20px; --gap: 12px; }
}

/* ---------- Temel ---------- */
body.bh {
  margin: 0;
  min-height: 100vh;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
:where(.bh) *, :where(.bh) *::before, :where(.bh) *::after { box-sizing: border-box; }
/* Basecoat bölgeleri (.bc, bayi paneli arayüz kiti) bu sıfırlamaların dışında: orada basecoat.css'in kendi tabanı geçerli. */
:where(.bh) :is(img, video):where(:not(.bc *)) { max-width: 100%; display: block; }
:where(.bh) a:where(:not(.bc *)) { color: inherit; text-decoration: none; }
:where(.bh) a:where(:not(.bc *)):hover { color: inherit; }
:where(.bh) :is(h1, h2, h3, h4, h5, h6):where(:not(.bc *)) { margin: 0; color: inherit; font-weight: inherit; }
:where(.bh) p:where(:not(.bc *)) { margin: 0; }
:where(.bh) label:where(:not(.bc *)) { font-size: inherit; margin: 0; }
:where(.bh) button:where(:not(.bc *)) { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:where(.bh) :focus:where(:not(.bc *)) { outline: none; }
:where(.bh) :focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.bh-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.bh-sr:focus { position: fixed !important; top: 8px; left: 8px; z-index: 200; width: auto; height: auto; padding: 8px 16px; margin: 0; clip: auto; background: var(--surface); }

.bh-container { width: 100%; max-width: calc(var(--container) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter); }

/* ---------- Tipografi (Desktop/* · Mobile/*) ---------- */
.bh-display  { font-family: var(--font-display); font-weight: 400; font-size: 88px; line-height: 96px; letter-spacing: -0.01em; }
.bh-h1       { font-family: var(--font-display); font-weight: 500; font-size: 64px; line-height: 72px; letter-spacing: -0.01em; }
.bh-h2       { font-family: var(--font-display); font-weight: 500; font-size: 48px; line-height: 56px; letter-spacing: -0.005em; }
.bh-h3       { font-family: var(--font-display); font-weight: 500; font-size: 36px; line-height: 44px; }
.bh-h4       { font-family: var(--font-display); font-weight: 500; font-size: 28px; line-height: 36px; }
.bh-h5       { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 30px; }
.bh-manifesto{ font-family: var(--font-display); font-weight: 500; font-size: 44px; line-height: 52px; letter-spacing: -0.01em; }
.bh-lede     { font-family: var(--font-display); font-weight: 300; font-size: 22px; line-height: 34px; }
.bh-product-name { font-family: var(--font-display); font-weight: 400; font-size: 20px; line-height: 26px; }
.bh-product-title{ font-family: var(--font-display); font-weight: 500; font-size: 44px; line-height: 52px; letter-spacing: -0.005em; }
.bh-body-l   { font-size: 18px; line-height: 30px; }
.bh-body-m   { font-size: 16px; line-height: 26px; }
.bh-body-s   { font-size: 14px; line-height: 22px; }
.bh-caption  { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; }
.bh-label    { font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; }
.bh-nav-text, .bh-button-text { font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.bh-price-m  { font-size: 16px; line-height: 24px; font-weight: 500; }
.bh-price-l  { font-size: 24px; line-height: 32px; font-weight: 400; }
.bh-link     { font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: 0.02em; }
.bh-muted    { color: var(--muted-foreground); }
.bh-accent   { color: var(--accent); }

@media (max-width: 767.98px) {
  .bh-display  { font-size: 44px; line-height: 50px; }
  .bh-h1       { font-size: 38px; line-height: 44px; }
  .bh-h2       { font-size: 30px; line-height: 36px; }
  .bh-h3       { font-size: 26px; line-height: 32px; }
  .bh-h4       { font-size: 22px; line-height: 28px; }
  .bh-h5       { font-size: 19px; line-height: 26px; }
  .bh-manifesto{ font-size: 30px; line-height: 36px; }
  .bh-lede     { font-size: 20px; line-height: 28px; }
  .bh-product-name { font-size: 18px; line-height: 24px; }
  .bh-product-title{ font-size: 30px; line-height: 36px; }
  .bh-body-l   { font-size: 17px; line-height: 28px; }
  .bh-label    { font-size: 11px; }
  .bh-price-m  { font-size: 15px; line-height: 22px; }
  .bh-price-l  { font-size: 20px; line-height: 28px; }
}

/* ---------- İkonlar (renk currentColor'dan gelir) ---------- */
.bh-icon { display: inline-block; flex: none; width: 24px; height: 24px; background-color: currentColor; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; }
.bh-icon--20 { width: 20px; height: 20px; }
.bh-icon--16 { width: 16px; height: 16px; }
.bh-icon--search  { --icon: url("../image/icon-search.svg"); }
.bh-icon--user    { --icon: url("../image/icon-user.svg"); }
.bh-icon--heart   { --icon: url("../image/icon-heart.svg"); }
.bh-icon--bag     { --icon: url("../image/icon-bag.svg"); }
.bh-icon--chevron-down  { --icon: url("../image/icon-chevron-down.svg"); }
.bh-icon--chevron-left  { --icon: url("../image/icon-chevron-left.svg"); }
.bh-icon--chevron-right { --icon: url("../image/icon-chevron-right.svg"); }
.bh-icon--pause   { --icon: url("../image/icon-pause.svg"); }
.bh-icon--hammer  { --icon: url("../image/icon-hammer.svg"); }
.bh-icon--drop    { --icon: url("../image/icon-drop.svg"); }
.bh-icon--truck   { --icon: url("../image/icon-truck.svg"); }
.bh-icon--lock    { --icon: url("../image/icon-lock.svg"); }
.bh-icon--instagram { --icon: url("../image/icon-instagram.svg"); }
.bh-icon--pinterest { --icon: url("../image/icon-pinterest.svg"); }
.bh-icon--facebook  { --icon: url("../image/icon-facebook.svg"); }
.bh-icon--linkedin  { --icon: url("../image/icon-linkedin.svg"); }
.bh-icon--youtube   { --icon: url("../image/icon-youtube.svg"); }
.bh-icon--menu    { --icon: url("../image/icon-menu.svg"); }
.bh-icon--close   { --icon: url("../image/icon-close.svg"); }
.bh-icon--check   { --icon: url("../image/icon-check.svg"); }
.bh-icon--whatsapp{ --icon: url("../image/icon-whatsapp.svg"); }
.bh-icon--star { --icon: url("../image/icon-star.svg"); }
.bh-icon--plus { --icon: url("../image/icon-plus.svg"); }
.bh-icon--minus { --icon: url("../image/icon-minus.svg"); }
.bh-icon--filter { --icon: url("../image/icon-filter.svg"); }
.bh-icon--zoom { --icon: url("../image/icon-zoom.svg"); }
.bh-icon--play { --icon: url("../image/icon-play.svg"); }
.bh-icon--globe { --icon: url("../image/icon-globe.svg"); }
.bh-icon--shield { --icon: url("../image/icon-shield.svg"); }
.bh-icon--return { --icon: url("../image/icon-return.svg"); }
.bh-icon--gift { --icon: url("../image/icon-gift.svg"); }
.bh-icon--phone { --icon: url("../image/icon-phone.svg"); }
.bh-icon--mail { --icon: url("../image/icon-mail.svg"); }
.bh-icon--info { --icon: url("../image/icon-info.svg"); }
.bh-icon--hotel { --icon: url("../image/icon-hotel.svg"); }
.bh-icon--fork { --icon: url("../image/icon-fork.svg"); }
.bh-icon--chair { --icon: url("../image/icon-chair.svg"); }
.bh-icon--sparkle { --icon: url("../image/icon-sparkle.svg"); }
.bh-icon--box { --icon: url("../image/icon-box.svg"); }
.bh-icon--arrow-right { --icon: url("../image/icon-arrow-right.svg"); }
.bh-icon--chevron-up { --icon: url("../image/icon-chevron-up.svg"); }
.bh-icon--heart-filled { --icon: url("../image/icon-heart-filled.svg"); }

/* ---------- Butonlar (Button 37:21424) ---------- */
.bh-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-12); height: 56px; padding: 0 var(--space-32); font-family: var(--font-body); font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; border: 1px solid transparent; border-radius: 0; cursor: pointer; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.bh-btn--m { height: 48px; padding: 0 var(--space-24); }
.bh-btn--s { height: 40px; padding: 0 var(--space-20); }
.bh-btn--primary { background: var(--primary); color: var(--primary-foreground); }
.bh .bh-btn--primary:hover { background: var(--primary-hover); color: var(--primary-foreground); }
.bh-btn--secondary { background: var(--secondary); color: var(--secondary-foreground); }
.bh-btn--outline { border-color: var(--foreground); color: var(--foreground); background: transparent; }
.bh .bh-btn--outline:hover { background: var(--foreground); color: var(--background); }
.bh-btn--outline-inverse { border-color: var(--inverse-foreground); color: var(--inverse-foreground); background: transparent; }
.bh .bh-btn--outline-inverse:hover { background: var(--inverse-foreground); color: var(--inverse); }
.bh-btn--block { width: 100%; }
.bh-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ring); }

/* Ghost: metin + 1 px alt çizgi */
.bh-ghost { display: inline-flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; justify-content: center; min-height: 48px; font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; color: var(--foreground); }
.bh-ghost::after { content: ""; display: block; width: 100%; height: 1px; background: currentColor; transition: background-color .15s ease; }
.bh .bh-ghost:hover { color: var(--accent); }
.bh-ghost--56 { min-height: 56px; }

/* IconButton (37:21501) */
.bh-iconbtn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--foreground); }
.bh-iconbtn--round { width: 32px; height: 32px; border-radius: var(--radius-full); background: var(--surface); }
.bh-iconbtn--round::before { content: ""; position: absolute; inset: -6px; }
.bh-iconbtn--circle { border: 1px solid var(--border-strong); border-radius: var(--radius-full); background: var(--surface); }
.bh-iconbtn--circle:disabled { opacity: .4; cursor: default; }
.bh-count { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 var(--space-4); border-radius: var(--radius-full); background: var(--foreground); color: var(--primary-foreground); font-size: 12px; line-height: 18px; letter-spacing: 0.01em; text-align: center; }
[data-bh-wishlist-count] { display: none; }

/* ---------- Header (45:21610) ---------- */
.bh-header { position: relative; z-index: 50; }
.bh-announcement { background: var(--inverse); color: var(--inverse-foreground); height: 36px; }
.bh-announcement__inner { display: flex; align-items: center; justify-content: space-between; height: 100%; font-size: 12px; line-height: 18px; letter-spacing: 0.01em; white-space: nowrap; }
.bh-announcement__utils { display: flex; align-items: center; gap: var(--space-24); }
.bh-announcement__divider { width: 1px; height: 12px; background: var(--inverse-muted); }

.bh-mainbar { height: 88px; border-bottom: 1px solid var(--border); background: var(--background); }
.bh-header--transparent .bh-mainbar { border-bottom-color: var(--foreground); }
.bh-mainbar__inner { display: flex; align-items: center; gap: var(--space-16); height: 100%; }
.bh-mainbar__left { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: var(--space-24); }
.bh-mainbar__right { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: var(--space-8); }
.bh-mainbar__links { display: flex; align-items: center; gap: var(--space-40); padding-right: var(--space-16); }
.bh-wordmark { display: block; flex: none; width: 194px; height: 32px; }
.bh-wordmark img { width: 194px; height: 32px; }
.bh-header--transparent .bh-mainbar { background: transparent; }
.bh-header--transparent { position: absolute; top: 0; left: 0; right: 0; }

/* NavLink (43:21383) */
.bh-navlink { display: inline-flex; flex-direction: column; gap: var(--space-4); padding-top: var(--space-8); font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; color: var(--foreground); }
.bh-navlink::after { content: ""; display: block; height: 1px; width: 100%; background: var(--border); opacity: 0; transition: opacity .15s ease; }
.bh .bh-navlink:hover { color: var(--accent); }
.bh-navlink[aria-current="page"]::after, .bh-navlink[aria-expanded="true"]::after { opacity: 1; background: var(--accent); }

/* Dil + para birimi (43:21616) */
.bh-langcur { position: relative; }
.bh-langcur__trigger { display: flex; align-items: center; gap: var(--space-16); font-size: 12px; line-height: 18px; letter-spacing: 0.01em; white-space: nowrap; }
.bh-langcur__langs { display: flex; align-items: center; gap: var(--space-4); }
.bh-langcur__lang { color: var(--inverse-muted); }
.bh-langcur__lang[aria-current="true"] { color: var(--inverse-foreground); }
.bh-langcur__sep { color: var(--inverse-muted); }
.bh-langcur__currency { display: inline-flex; align-items: center; gap: var(--space-4); color: var(--inverse-foreground); }
.bh-langcur--light .bh-langcur__lang { color: var(--muted-foreground); }
.bh-langcur--light .bh-langcur__lang[aria-current="true"], .bh-langcur--light .bh-langcur__currency { color: var(--foreground); }
.bh-langcur--light .bh-langcur__sep { color: var(--muted-foreground); }
.bh-langcur__menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 70; width: 280px; padding: var(--space-16) 0; background: var(--surface); color: var(--foreground); border: 1px solid var(--border); box-shadow: var(--shadow-popover); }
.bh-langcur__menu[hidden] { display: none; }
.bh-langcur--light .bh-langcur__menu { top: auto; bottom: calc(100% + 8px); }
.bh-langcur__group { padding: 0 var(--space-16); }
.bh-langcur__group + .bh-langcur__group { margin-top: var(--space-12); padding-top: var(--space-12); border-top: 1px solid var(--border); }
.bh-langcur__title { display: block; margin-bottom: var(--space-4); color: var(--muted-foreground); font-size: 12px; line-height: 18px; letter-spacing: 0.01em; }
.bh-langcur__option { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; font-size: 14px; line-height: 22px; text-align: left; }
.bh-langcur__option[aria-checked="false"] .bh-icon { visibility: hidden; }

/* Mega menü (MegaMenu 45:21617) */
.bh-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 60; background: var(--surface); box-shadow: var(--shadow-popover); padding: var(--space-48) 0 var(--space-40); opacity: 1; transform: none; transition: opacity .2s ease-out, transform .2s ease-out; }
.bh-mega[hidden] { display: none; }
@starting-style { .bh-mega { opacity: 0; transform: translateY(-8px); } }
.bh-mega__content { display: flex; gap: var(--space-24); align-items: flex-start; }
.bh-mega__cols { flex: 1 1 0; min-width: 0; display: flex; gap: var(--space-24); }
.bh-mega__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-16); }
.bh-mega__title { font-family: var(--font-display); font-weight: 500; font-size: 19px; line-height: 26px; }
.bh-mega__links li { line-height: 22px; }
.bh-mega__links { display: flex; flex-direction: column; gap: var(--space-12); margin: 0; padding: 0; list-style: none; }
.bh-mega__link { font-size: 14px; line-height: 22px; color: var(--foreground); }
.bh .bh-mega__link:hover, .bh .bh-mega__title:hover { color: var(--accent); }
.bh-mega__featured { flex: 0 0 306px; display: flex; flex-direction: column; gap: var(--space-16); }
.bh-mega__media { display: block; height: 230px; overflow: hidden; background: var(--tile-mist); }
.bh-mega__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-mega__ftext { display: flex; flex-direction: column; gap: var(--space-8); }
.bh-mega__flink { min-height: 40px; }
.bh-mega__footer { display: flex; align-items: flex-end; justify-content: space-between; height: 48px; margin-top: var(--space-40); padding-top: var(--space-24); border-top: 1px solid var(--border); font-size: 14px; line-height: 22px; white-space: nowrap; }
.bh-mega__quick, .bh-mega__finishes { display: flex; align-items: baseline; gap: var(--space-24); }
.bh-mega__finishes { gap: var(--space-16); }
.bh-mega__footer a { font-weight: 500; letter-spacing: 0.02em; text-decoration: underline; text-underline-position: from-font; }
.bh .bh-mega__footer a:hover { color: var(--accent); }
.bh-scrim { position: fixed; inset: 0; z-index: 40; background: rgba(31, 27, 22, .4); }
.bh-header { z-index: 50; }
.bh-scrim[hidden] { display: none; }

/* Mobil header ve menü (M01/M02) */
.bh-mobilebar { display: none; }
.bh-drawer { position: fixed; inset: 0; z-index: 90; background: var(--surface); overflow-y: auto; overscroll-behavior: contain; }
.bh-drawer[hidden] { display: none; }
.bh-drawer__head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 1px 12px 0; background: var(--surface); border-bottom: 1px solid var(--border); }
.bh-drawer__side { display: flex; width: 96px; }
.bh-drawer__side--end { justify-content: flex-end; }
.bh-drawer .bh-wordmark, .bh-drawer .bh-wordmark img { width: 158px; height: 24px; }
.bh-drawer__search { padding: var(--space-16) var(--space-20) var(--space-8); }
.bh-drawer__field { display: flex; align-items: center; gap: var(--space-12); height: 52px; padding: 0 var(--space-16); border: 1px solid var(--border-strong); border-radius: var(--radius-xs); background: var(--surface); }
.bh-drawer__field input { flex: 1 1 0; min-width: 0; border: 0; outline: 0; background: transparent; font: 400 16px/26px var(--font-body); color: var(--foreground); }
.bh-drawer__field input::placeholder { color: var(--subtle-foreground); }
.bh-drawer__field:focus-within { box-shadow: 0 0 0 2px var(--ring); }
.bh-drawer__nav { display: flex; flex-direction: column; padding: var(--space-8) var(--space-20) 0; }
.bh-drawer__group { border-bottom: 1px solid var(--border); }
.bh-drawer__l1 { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); min-height: 64px; font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 28px; list-style: none; cursor: pointer; }
.bh-drawer__l1::-webkit-details-marker, .bh-drawer__l2::-webkit-details-marker { display: none; }
.bh-drawer__toggle { position: relative; width: 20px; height: 20px; }
.bh-drawer__toggle::before, .bh-drawer__toggle::after { content: ""; position: absolute; left: 3px; right: 3px; top: 9.25px; height: 1.5px; border-radius: 1px; background: currentColor; }
.bh-drawer__toggle::after { transform: rotate(90deg); transition: transform .15s ease; }
details[open] > summary .bh-drawer__toggle::after { transform: rotate(0); }
details.bh-drawer__group[open] { padding-bottom: var(--space-16); }
.bh-drawer__l2 { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); min-height: 48px; font-size: 16px; line-height: 26px; list-style: none; cursor: pointer; }
details[open] > summary.bh-drawer__l2 .bh-icon { transform: rotate(180deg); }
.bh-drawer__l3list { display: flex; flex-direction: column; padding: 0 0 var(--space-8) var(--space-16); border-left: 1px solid var(--border); }
.bh-drawer__l3 { display: flex; align-items: center; min-height: 44px; font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh-drawer__l3--all { color: var(--foreground); }
.bh-drawer__group--collections { display: flex; flex-direction: column; gap: var(--space-16); padding-bottom: var(--space-24); }
.bh-drawer__collections { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-16) var(--space-12); margin: 0; padding: 0; list-style: none; }
.bh-drawer__collections a { display: flex; flex-direction: column; gap: var(--space-8); font-size: 14px; line-height: 22px; }
.bh-drawer__collections img { width: 100%; height: 113px; object-fit: cover; }
.bh-drawer__links { display: flex; flex-direction: column; margin: 0; padding: var(--space-24) var(--space-20); list-style: none; }
.bh-drawer__links a { display: flex; align-items: center; gap: var(--space-12); min-height: 48px; font-size: 16px; line-height: 26px; }
.bh-drawer__divider { border-bottom: 1px solid var(--border); }
.bh-drawer__locale { display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-24) var(--space-20) var(--space-32); background: var(--muted); }
.bh-drawer__selects { display: flex; gap: var(--space-12); }
.bh-drawer__selects .bh-field { flex: 1 1 0; min-width: 0; }
.bh-select { position: relative; display: block; }
.bh-select select { appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer; }
.bh-select .bh-icon { position: absolute; right: 16px; top: 16px; pointer-events: none; }
.bh-drawer__pro { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: 0.02em; text-decoration: underline; text-underline-position: from-font; }

@media (max-width: 1199.98px) {
  .bh-announcement { height: 34px; }
  .bh-announcement__inner { justify-content: center; }
  .bh-announcement__inner p { overflow: hidden; text-overflow: ellipsis; }
  .bh-announcement__utils { display: none; }
  .bh-mainbar { display: none; }
  .bh-mobilebar { display: flex; align-items: center; justify-content: space-between; height: 56px; background: var(--background); border-bottom: 1px solid var(--border); padding-inline: calc(var(--gutter) - 10px); }
  .bh-header--transparent { position: relative; }
  .bh-mobilebar__group { display: flex; align-items: center; min-width: 88px; }
  .bh-mobilebar__group:last-child { justify-content: flex-end; }
  .bh-mobilebar .bh-wordmark, .bh-mobilebar .bh-wordmark img { width: 160px; height: 26px; }
}

/* ---------- Bölüm başlıkları ---------- */
.bh-section { padding-block: var(--space-120); }
.bh-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-24); margin-bottom: var(--space-48); }
.bh-section__head--center { align-items: center; }
.bh-section__head--tight { margin-bottom: var(--space-32); }
@media (max-width: 767.98px) {
  .bh-section { padding-block: var(--space-64); }
  .bh-section__head { margin-bottom: var(--space-24); align-items: center; }
}

/* ---------- Hero (100:21833) ---------- */
.bh-hero { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 820px; padding-bottom: var(--space-96); overflow: hidden; background: var(--background); }
.bh-hero__slides { position: absolute; inset: 56px 0 -56px; }
.bh-hero__slide { position: absolute; inset: 0; opacity: 0; transition: opacity .6s ease; }
.bh-hero__slide.is-active { opacity: 1; }
.bh-hero__slide picture { display: contents; }
.bh-hero__slide img { width: 100%; height: 100%; object-fit: cover; }
.bh-hero__slide .bh-hero__bg { display: none; }
@media (min-width: 1200px) { .bh-hero__slide img { object-position: 50% 50% !important; } }
/* 1600 ve üstü ekran (1440–1599 arası büyüme ≤ %11, kabul): yükseklik 820'de sabitken görsel genişliğe göre büyüyüp (1905'te ~%32)
   şamdanı header arkasına itiyor, ayağını kesiyordu. Figma kadrajı (1440 × 820) korunur: görsel ortada 1440 genişlikte,
   kenarları aynı görselin bulanık, ekranı dolduran kopyasına karışır (düz krem çerçeve görünmesin). */
@media (min-width: 1600px) {
  .bh-hero__slide picture img, .bh-hero__topfill { position: absolute; top: 0; left: 50%; width: 1440px; margin-left: -720px; -webkit-mask: linear-gradient(to right, transparent, #000 200px, #000 calc(100% - 200px), transparent); mask: linear-gradient(to right, transparent, #000 200px, #000 calc(100% - 200px), transparent); }
  .bh-hero__slide .bh-hero__bg { display: block; position: absolute; top: -56px; left: 0; height: calc(100% + 56px); filter: blur(64px) saturate(.85); opacity: .9; transform: scale(1.2); }
}
.bh-hero__topfill { position: absolute; top: 0; left: 0; right: 0; height: 58px; overflow: hidden; }
.bh-hero__topfill img { position: absolute; left: -1%; top: 0; width: 102%; height: auto; transform: translateY(-15.36%); }
.bh-hero__blur-top { position: absolute; top: 0; left: 0; right: 0; height: 200px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background: linear-gradient(to bottom, rgba(251, 248, 243, .32), rgba(251, 248, 243, 0)); -webkit-mask: linear-gradient(to bottom, #000 40%, transparent); mask: linear-gradient(to bottom, #000 40%, transparent); }
.bh-hero__blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 120px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background: linear-gradient(to bottom, rgba(251, 248, 243, 0), rgba(251, 248, 243, .32)); -webkit-mask: linear-gradient(to top, #000 40%, transparent); mask: linear-gradient(to top, #000 40%, transparent); }
.bh-hero__fade { position: absolute; inset: 0; background: linear-gradient(to right, rgba(251, 248, 243, .6), rgba(251, 248, 243, 0) 55%); }
.bh-hero__content { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-24); }
.bh-hero__text { display: flex; flex-direction: column; gap: var(--space-24); max-width: 746px; }
.bh-hero__lede { max-width: 520px; }
.bh-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-32); padding-top: var(--space-16); }
.bh-hero__controls { display: flex; align-items: center; gap: var(--space-12); }
.bh-hero__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--foreground); background: transparent; }
.bh-hero__dot::before { content: ""; position: absolute; inset: -18px; }
.bh-hero__dot[aria-current="true"] { background: var(--foreground); }
.bh-hero__pause { position: relative; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; }
.bh-hero__pause::before { content: ""; position: absolute; inset: -6px; }
/* Mobil güvence şeridi (M01 · hero altı) */
.bh-hero-trust { display: none; }
@media (max-width: 1199.98px) {
  .bh-hero { display: block; min-height: 0; padding-bottom: 0; }
  .bh-hero__slides { position: relative; inset: auto; aspect-ratio: 390 / 560; }
  .bh-hero__topfill, .bh-hero__fade, .bh-hero__blur-top, .bh-hero__blur-bottom { display: none; }
  .bh-hero__content { flex-direction: column; align-items: stretch; padding-top: var(--space-32); padding-bottom: var(--space-32); }
  .bh-hero__text { max-width: none; }
  .bh-hero__actions { flex-direction: column; align-items: stretch; gap: var(--space-16); padding-top: 0; }
  .bh-hero__actions .bh-ghost--56 { min-height: 48px; }
  .bh-hero__actions .bh-btn { width: 100%; }
  .bh-hero__actions .bh-ghost { align-self: center; }
  .bh-hero__controls { display: none; }
  .bh-hero-trust { display: block; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding-block: var(--space-24); }
  .bh-hero-trust__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-24) var(--space-12); margin: 0; padding: 0; list-style: none; }
  .bh-hero-trust__item { display: flex; align-items: center; gap: var(--space-12); font-size: 14px; line-height: 22px; }
  .bh-hero-trust__rating { display: flex; align-items: center; gap: var(--space-12); margin-top: var(--space-24); font-size: 14px; line-height: 22px; }
}
@media (max-width: 767.98px) {
  .bh-hero__text { gap: var(--space-24); }
  .bh-hero__lede { color: var(--muted-foreground); }
}

/* ---------- Ürün kartı (ProductCard 41:21342) ---------- */
.bh-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--gap); row-gap: var(--space-56); }
@media (max-width: 1199.98px) { .bh-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px)  { .bh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-32); } }

.bh-card { position: relative; display: flex; flex-direction: column; gap: var(--space-16); min-width: 0; }
.bh-card__media { position: relative; display: block; aspect-ratio: 306 / 383; overflow: hidden; background: var(--tile-ivory); }
.bh-card__media img, .bh-card__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .2s ease-out; }
.bh-card__media .bh-card__alt { opacity: 0; }
.bh-card__media video { opacity: 0; pointer-events: none; }
.bh-card__fav { position: absolute; top: 12px; right: 12px; z-index: 2; width: 32px; height: 32px; }
.bh-card__fav .bh-icon { width: 20px; height: 20px; }
.bh-card__fav[aria-pressed="true"] .bh-icon { background-color: var(--foreground); --icon: url("../image/icon-heart-filled.svg"); }
.bh-card__fav::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--surface); z-index: -1; }
.bh-card__fav { background: transparent; }
.bh-card__bar { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 var(--space-16) 0 var(--space-20); background: var(--surface); opacity: 0; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease; }
.bh-card__add { font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bh-card__quick { min-height: 40px; }
.bh-card__badge { position: absolute; top: 12px; left: 12px; z-index: 2; padding: var(--space-4) var(--space-8); background: var(--surface); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; }
.bh-card__info { display: flex; flex-direction: column; gap: var(--space-8); }
.bh-card__titles { display: flex; flex-direction: column; gap: var(--space-4); }
.bh-card__name { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 400; }
.bh-card__meta { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
.bh-card__finishes { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.bh-swatch { display: inline-flex; align-items: center; justify-content: center; height: 24px; min-width: 44px; font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
.bh-price { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); font-weight: 500; white-space: nowrap; }
.bh-price__current { font-size: 16px; line-height: 24px; }
.bh-price__old { font-size: 14px; line-height: 24px; text-decoration: line-through; opacity: .6; }
.bh-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
@media (hover: hover) and (pointer: fine) {
  .bh-card:hover .bh-card__bar, .bh-card:focus-within .bh-card__bar { opacity: 1; transform: none; }
  .bh-card:hover .bh-card__alt, .bh-card.is-playing .bh-card__media video { opacity: 1; }
}
@media (max-width: 767.98px) {
  .bh-card { gap: var(--space-12); }
  .bh-card__name { font-size: 18px; line-height: 24px; }
  .bh-card__bar { display: none; }
  .bh-card__fav { top: 4px; right: 4px; }
  .bh-card__fav::after { display: none; }
  .bh-card__fav .bh-iconbtn--round { background: transparent; }
  .bh-price { flex-wrap: nowrap; gap: var(--space-4); }
  .bh-price__current { font-size: 15px; line-height: 22px; }
  .bh-price__old { font-size: 12px; line-height: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .bh-card__media video { display: none; }
  .bh-card__media img, .bh-card__bar { transition: none; }
}

/* Mobil: bölüm bağlantısı ızgaranın altında tam genişlik buton */
.bh-section__more { display: none; margin-top: var(--space-32); }
.bh-card__plus { display: none; }
@media (max-width: 767.98px) {
  .bh-section__head .bh-ghost { display: none; }
  .bh-section__more { display: block; }
  .bh-card__plus { display: inline-flex; position: absolute; z-index: 2; right: 8px; bottom: 8px; }
}

/* ---------- Ana sayfa bölümleri ---------- */
.bh-products--default { padding-block: var(--space-120); }
.bh-products--picks { padding-block: var(--space-80) var(--space-64); }
.bh-products--picks .bh-section__head { align-items: center; margin-bottom: var(--space-32); }
@media (max-width: 767.98px) {
  .bh-products--default { padding-block: var(--space-64); }
  .bh-products--picks { padding-block: var(--space-48) var(--space-40); }
}

.bh-catnav { padding-bottom: var(--space-80); }
.bh-catnav__title { margin-bottom: var(--space-32); }
/* CategoryEntry (619:23571) · masaüstü 5 kolon × 240/224, ikon 160; mobil 163/164, ikon 112 */
.bh-catnav__cell { display: flex; }
.bh-catnav__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-24); }
.bh-catnav__item { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-16); min-height: 224px; padding: var(--space-8); text-align: center; color: var(--foreground); }
.bh-catnav__icon { flex: none; width: 160px; height: 160px; }
.bh-catnav__icon img { width: 100%; height: 100%; object-fit: contain; }
.bh-catnav__label.bh-body-m { font-weight: 500; font-size: 18px; line-height: 26px; }
/* Hover (revize 29): zemin yok; etiketin altı çizilir (soldan açılan 1 px çizgi), ikon hafif yükselir */
.bh-catnav__label { background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat; transition: background-size .25s ease; }
.bh-catnav__icon img { transition: transform .35s cubic-bezier(.2, .8, .3, 1); }
.bh .bh-catnav__item:hover { color: var(--foreground); }
.bh-catnav__item:hover .bh-catnav__label, .bh-catnav__item:focus-visible .bh-catnav__label { background-size: 100% 1px; }
@media (hover: hover) and (pointer: fine) { .bh-catnav__item:hover .bh-catnav__icon img { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .bh-catnav__label, .bh-catnav__icon img { transition: none; } .bh-catnav__item:hover .bh-catnav__icon img { transform: none; } }
.bh-catnav__item:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; }
@media (max-width: 1199.98px) {
  .bh-catnav__list { grid-template-columns: repeat(auto-fill, minmax(163px, 1fr)); }
}

.bh-quote { display: flex; justify-content: center; }
.bh-quote__card { display: flex; align-items: center; gap: var(--space-80); width: 100%; background: var(--muted); }
.bh-quote__media { position: relative; flex: 0 0 526px; height: 420px; background: var(--tile-sage); overflow: hidden; }
.bh-quote__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-quote__content { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-32); padding: var(--space-64) var(--space-80) var(--space-64) 0; }
.bh-quote__text { display: flex; flex-direction: column; gap: var(--space-16); }
.bh-quote__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-32); }
@media (max-width: 1199.98px) {
  .bh-quote__card { flex-direction: column; align-items: stretch; gap: 0; }
  .bh-quote__media { flex-basis: auto; height: 320px; }
  .bh-quote__content { padding: var(--space-32) var(--space-24) var(--space-40); }
}
@media (max-width: 767.98px) {
  .bh-quote__media { height: 262px; }
  .bh-quote__content { gap: var(--space-24); }
  .bh-quote__text .bh-body-l { font-size: 17px; line-height: 28px; }
  .bh-quote__actions { flex-direction: column; align-items: stretch; gap: var(--space-16); }
  .bh-quote__actions .bh-btn { width: 100%; }
  .bh-quote__actions .bh-ghost { align-self: center; }
}

.bh-manifest { padding-top: var(--space-64); }
.bh-manifest__card { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); padding: var(--space-48); border-radius: 12px; background: var(--tile-sage); }
.bh-manifest__text { max-width: 850px; }
@media (max-width: 767.98px) {
  .bh-catnav { padding-bottom: var(--space-48); }
  .bh-catnav__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-16) var(--space-24); }
  .bh-catnav__item { min-height: 164px; gap: var(--space-8); padding: var(--space-8) var(--space-4); }
  .bh-catnav__icon { width: 112px; height: 112px; }
  .bh-catnav__label.bh-body-m { font-size: 14px; line-height: 22px; }
}
@media (max-width: 767.98px) {
  .bh-manifest { padding-top: var(--space-24); }
  .bh-manifest__card { flex-direction: column; align-items: flex-start; gap: var(--space-32); padding: var(--space-40) var(--space-24); }
  .bh-manifest__text.bh-manifesto { font-size: 24px; line-height: 34px; letter-spacing: 0; }
}

.bh-bento { padding-top: var(--space-64); }
.bh-bento__title { margin-bottom: var(--space-48); }
.bh-bento__grid { display: grid; grid-template-columns: 636fr 306fr 306fr; grid-template-rows: 456px 456px; gap: var(--space-24); }
.bh-bento__grid > :first-child { grid-row: span 2; }
.bh-tile { display: flex; flex-direction: column; gap: var(--space-16); min-width: 0; min-height: 0; }
.bh-tile__media { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; background: var(--tile-ivory); }
.bh-tile__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bh .bh-tile:hover .bh-tile__media img { transform: scale(1.02); }
.bh-tile__info { display: flex; flex-direction: column; gap: var(--space-4); }
.bh-tile--sand .bh-tile__media { background: var(--tile-sand); }
.bh-tile--blush .bh-tile__media { background: var(--tile-blush); }
.bh-tile--mist .bh-tile__media { background: var(--tile-mist); }
.bh-tile--sage .bh-tile__media { background: var(--tile-sage); }
.bh-bento__progress { display: none; }
@media (max-width: 767.98px) {
  .bh-bento { padding-top: var(--space-48); }
  .bh-bento__title { margin-bottom: var(--space-24); }
  .bh-bento__grid { display: flex; gap: var(--space-12); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); scroll-timeline: --bh-bento x; }
  .bh-bento__grid::-webkit-scrollbar { display: none; }
  .bh-bento__grid > .bh-tile { flex: 0 0 169px; scroll-snap-align: start; gap: var(--space-12); }
  .bh-tile__media, .bh-bento__grid > :first-child .bh-tile__media { flex: none; height: 211px; }
  .bh-tile .bh-h4 { font-size: 19px; line-height: 26px; }
  .bh-bento__progress { display: block; position: relative; height: 2px; margin-top: var(--space-16); background: var(--border); overflow: hidden; }
  .bh-bento__progress::after { content: ""; position: absolute; inset: 0; width: 40%; background: var(--foreground); }
  @supports (animation-timeline: scroll()) {
    .bh-bento__progress::after { width: 100%; transform-origin: left; animation: bh-progress linear both; animation-timeline: --bh-bento; }
    .bh-bento { timeline-scope: --bh-bento; }
  }
}
@keyframes bh-progress { from { transform: scaleX(.4); } to { transform: scaleX(1); } }

.bh-craft { background: var(--inverse); color: var(--inverse-foreground); padding-block: var(--space-120); }
.bh-craft__inner { display: grid; grid-template-columns: 856fr 416fr; gap: var(--space-24); }
.bh-craft__film { position: relative; height: 640px; overflow: hidden; }
.bh-craft__film img, .bh-craft__film video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bh-craft__toggle { position: absolute; left: 24px; bottom: 24px; z-index: 2; background: var(--background); color: var(--foreground); }
.bh-craft__side { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-40); }
.bh-craft__photo { height: 312px; overflow: hidden; }
.bh-craft__photo img { width: 100%; height: 100%; object-fit: cover; }
.bh-craft__text { display: flex; flex-direction: column; gap: var(--space-24); }
.bh-craft__action { padding-top: var(--space-16); }
@media (max-width: 1199.98px) {
  .bh-craft__inner { grid-template-columns: 1fr; }
  .bh-craft__film { height: auto; aspect-ratio: 4 / 3; }
}
@media (max-width: 767.98px) {
  .bh-craft { padding: 0 0 var(--space-48); }
  .bh-craft__inner { gap: 0; }
  .bh-craft__film { aspect-ratio: auto; height: 292px; margin-inline: calc(-1 * var(--gutter)); }
  .bh-craft__toggle { left: 20px; bottom: 20px; width: 44px; height: 44px; }
  .bh-craft__photo { display: none; }
  .bh-craft__text { gap: var(--space-20); padding-top: var(--space-40); }
  .bh-craft__text .bh-body-l { color: var(--inverse-muted); font-size: 16px; line-height: 26px; }
  .bh-craft__action { padding-top: var(--space-8); }
  .bh-craft__action .bh-btn { width: 100%; }
}

.bh-collections { padding-top: var(--space-120); }
.bh-collections__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-24); }
.bh-collection { display: flex; flex-direction: column; background: var(--tile-mist); }
.bh-collection--sand { background: var(--tile-sand); }
.bh-collection--blush { background: var(--tile-blush); }
.bh-collection--sage { background: var(--tile-sage); }
.bh-collection--ivory { background: var(--tile-ivory); }
.bh-collection__media { height: 408px; overflow: hidden; }
.bh-collection__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-collection__text { display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-24) var(--space-24) var(--space-32); }
@media (max-width: 1199.98px) { .bh-collections__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .bh-collections { padding-top: var(--space-64); }
  .bh-collections__list { display: flex; flex-direction: column; gap: 0; }
  .bh-collection, .bh-collection[class*="--"] { background: transparent; display: grid; grid-template-columns: 112px 1fr; gap: var(--space-16); align-items: center; padding: var(--space-16) 0; border-bottom: 1px solid var(--border); }
  .bh-collection__media { height: 84px; }
  .bh-collection__text { padding: 0; gap: var(--space-4); }
  .bh-collection .bh-h4 { font-size: 19px; line-height: 26px; }
  .bh-collection:first-child { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-16); padding: 0 0 var(--space-24); }
  .bh-collection:first-child .bh-collection__media { height: 233px; }
  .bh-collection:first-child .bh-h4 { font-size: 22px; line-height: 28px; }
}

.bh-journal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); align-items: start; }
.bh-article { display: flex; flex-direction: column; gap: var(--space-16); }
.bh-article__media { height: 424px; overflow: hidden; background: var(--muted); }
.bh-article__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-article__text { display: flex; flex-direction: column; gap: var(--space-8); padding-top: var(--space-8); max-width: 560px; }
@media (max-width: 767.98px) {
  .bh-journal__grid { grid-template-columns: 1fr; gap: var(--space-40); min-height: 0; }
  .bh-article__media { height: 233px; }
  .bh-article__text { padding-top: var(--space-8); }
  .bh-article .bh-h3 { font-size: 26px; line-height: 32px; }
  .bh-journal .bh-section__more { display: block; margin-top: var(--space-32); }
}

/* Bölümler arası 120 px (revize 19): dergi → yorumlar arasında tek 120 px boşluk, yorumlar → alt bilgi 120 px */
.bh-reviews { padding-block: var(--space-120); }
.bh-section + .bh-reviews, .bh-products--default + .bh-reviews { padding-top: 0; }
.bh-reviews__head { display: flex; align-items: center; gap: var(--space-16); }
.bh-reviews__head .bh-h2 { flex: 1 1 0; min-width: 0; }
.bh-reviews__nav { display: flex; gap: var(--space-12); }
.bh-reviews__summary { margin: var(--space-24) 0; color: var(--muted-foreground); }
.bh-reviews__viewport { list-style: none; margin: 0; padding: 0 0 8px; display: flex; gap: var(--space-24); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.bh-reviews__viewport::-webkit-scrollbar { display: none; }
.bh-review { flex: 0 0 calc((100% - 2 * var(--space-24)) / 3); display: flex; flex-direction: column; gap: var(--space-12); padding: var(--space-24); background: var(--tile-ivory); scroll-snap-align: start; }
.bh-review__stars { font-size: 14px; line-height: 22px; letter-spacing: 0.05em; }
.bh-review__meta { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
@media (prefers-reduced-motion: reduce) { .bh-reviews__viewport { scroll-behavior: auto; } }
@media (max-width: 767.98px) {
  .bh-review { flex-basis: 85%; }
  .bh-reviews__viewport { gap: var(--space-12); }
}

/* Masaüstü ana sayfa ritmi (revize 2026-11-05): bölümler arası her yerde 120 px. Zeminli bölümler (hero, atölye)
   kendi iç dolgusunu korur; diğerlerinin dış dolgusu sıfırlanır ve aralık üst kenar boşluğuyla verilir. */
@media (min-width: 768px) {
  .bh-main--home > :not(.bh-hero):not(.bh-craft):not(.bh-hero-trust) { padding-top: 0; padding-bottom: 0; }
  .bh-main--home > * + * { margin-top: var(--space-120); }
  .bh-main--home { padding-bottom: var(--space-120); }
}

/* Mobil ana sayfa ritmi (M01): bölümlerin dış dolgusu yok, aralarında 64 px */
@media (max-width: 767.98px) {
  .bh-main--home > * { padding-top: 0 !important; padding-bottom: 0 !important; }
  .bh-main--home > * + * { margin-top: var(--space-64); }
  .bh-main--home > .bh-hero-trust { margin-top: 0; padding-block: var(--space-24) !important; }
  .bh-main--home > .bh-craft { padding-bottom: var(--space-48) !important; }
  .bh-main--home { padding-bottom: var(--space-64); }
}

/* ---------- Form öğeleri (Input 38:21102, Checkbox 38:21295) ---------- */
.bh-field { display: flex; flex-direction: column; gap: var(--space-8); }
.bh-field__label { font-size: 14px; line-height: 22px; }
.bh-input { width: 100%; height: 52px; padding: 0 var(--space-16); border: 1px solid var(--border-strong); border-radius: var(--radius-xs); background: var(--surface); color: var(--foreground); font: 400 16px/26px var(--font-body); }
.bh-input::placeholder { color: var(--subtle-foreground); }
.bh-input:focus-visible { outline: none; border-color: var(--foreground); box-shadow: 0 0 0 2px var(--ring); }
.bh-input[aria-invalid="true"] { border-color: var(--error); }
.bh-field__help { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
.bh-field__error { font-size: 12px; line-height: 18px; color: var(--error); }
.bh-field__error:empty { display: none; }
.bh-check { position: relative; display: flex; align-items: flex-start; gap: var(--space-12); font-size: 14px; line-height: 22px; cursor: pointer; }
.bh-check input { position: absolute; opacity: 0; width: 20px; height: 20px; margin: 0; }
.bh-check__box { flex: none; width: 20px; height: 20px; margin-top: 1px; border: 1px solid var(--border-strong); border-radius: var(--radius-xs); background: var(--surface); display: inline-flex; align-items: center; justify-content: center; }
.bh-check__box .bh-icon { width: 14px; height: 14px; color: var(--primary-foreground); visibility: hidden; }
.bh-check input:checked + .bh-check__box { background: var(--primary); border-color: var(--primary); }
.bh-check input:checked + .bh-check__box .bh-icon { visibility: visible; }
.bh-check input:focus-visible + .bh-check__box { box-shadow: 0 0 0 2px var(--ring); }

/* ---------- Footer (46:21863) ---------- */
.bh-footer { background: var(--muted); padding: var(--space-96) 0 var(--space-40); }
.bh-footer__inner { display: flex; flex-direction: column; gap: var(--space-64); }
.bh-newsletter { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-24); }
.bh-newsletter__text { display: flex; flex-direction: column; gap: var(--space-12); max-width: 526px; }
.bh-newsletter__form { display: flex; flex-direction: column; gap: var(--space-12); width: 526px; max-width: 100%; }
.bh-newsletter__row { display: flex; align-items: flex-end; gap: var(--space-12); }
.bh-newsletter__row .bh-field { flex: 1 1 0; min-width: 0; }
.bh-newsletter__row .bh-btn { height: 52px; padding: 0 var(--space-24); }
.bh-newsletter__status { font-size: 14px; line-height: 22px; }
.bh-newsletter__status:empty { display: none; }
.bh-newsletter__status[data-state="success"] { color: var(--success); }
.bh-newsletter__status[data-state="error"] { color: var(--error); }

.bh-trust { list-style: none; margin: 0; display: flex; gap: var(--space-24); padding: var(--space-32) 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.bh-trust__item { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: var(--space-16); }
.bh-trust__text { display: flex; flex-direction: column; gap: var(--space-4); }
.bh-trust__text span { font-size: 14px; line-height: 22px; color: var(--muted-foreground); }

.bh-footlinks { display: flex; gap: var(--space-24); }
.bh-footlinks__brand { flex: 0 0 304px; display: flex; flex-direction: column; gap: var(--space-20); }
.bh-footlinks__brand p { font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh-social { display: flex; gap: var(--space-8); margin-left: -10px; }
.bh-footcol__title { cursor: default; }
.bh-footcol { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-16); }
.bh-footcol__title { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 400; }
.bh-footcol__links { display: flex; flex-direction: column; gap: var(--space-12); margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh .bh-footcol__links a:hover { color: var(--foreground); text-decoration: underline; }
.bh-footcol summary { list-style: none; }
.bh-footcol summary::-webkit-details-marker { display: none; }

.bh-legal { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); padding-top: var(--space-24); border-top: 1px solid var(--border); }
.bh-legal__text { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-8); font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
.bh-legal__links { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; }
.bh .bh-legal__links a:hover { color: var(--foreground); }
.bh-legal__settings { display: flex; align-items: center; gap: var(--space-24); }
.bh-payments { display: flex; gap: var(--space-8); }
.bh-payments span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 24px; border: 1px solid var(--border); border-radius: var(--radius-xs); background: var(--surface); }
.bh-payments img { width: 26px; height: auto; }

@media (max-width: 1199.98px) {
  .bh-newsletter { flex-direction: column; align-items: stretch; }
  .bh-newsletter__form { width: 100%; }
  .bh-trust { flex-wrap: wrap; }
  .bh-trust__item { flex: 1 1 calc(50% - var(--space-24)); }
  .bh-footlinks { flex-wrap: wrap; }
  .bh-footlinks__brand { flex-basis: 100%; }
}
@media (max-width: 767.98px) {
  .bh-footer { padding-top: var(--space-64); }
  .bh-footer__inner { gap: var(--space-40); }
  .bh-newsletter__row { flex-direction: column; align-items: stretch; }
  .bh-trust { flex-direction: column; gap: var(--space-20); }
  .bh-footlinks { flex-direction: column; gap: 0; }
  .bh-footlinks__brand { margin-bottom: var(--space-24); }
  .bh-footcol { border-top: 1px solid var(--border); gap: 0; }
  .bh-footcol summary { display: flex; align-items: center; justify-content: space-between; min-height: 56px; cursor: pointer; }
  .bh-footcol__links { padding-bottom: var(--space-16); }
  .bh-legal { flex-direction: column-reverse; align-items: flex-start; }
}

/* ---------- Feels imzası: her sayfanın en altı ---------- */
/* Feels imza bandı (AgencyCredit/Feels 835:56709): ayırıcı çizgi yok; footer'dan ayrışan kırık bej zemin, 64 px,
   ortada Jost 14 "Tasarım ve yazılım" + özgün Feels logosu (70×20). Her sayfanın en altında. */
.bh-feels { background: var(--secondary); padding-bottom: env(safe-area-inset-bottom); }
.bh-feels__inner { display: flex; align-items: center; justify-content: center; min-height: 64px; }
.bh-feels__link { display: inline-flex; align-items: center; gap: var(--space-12); font-size: 14px; line-height: 22px; color: var(--muted-foreground); transition: color .2s ease; }
.bh-feels__link:focus-visible { outline: 2px solid var(--ring); outline-offset: 4px; }
.bh-feels__logo { display: block; width: 70.448px; height: 20px; transition: transform .25s ease; }
@media (hover: hover) and (pointer: fine) {
  .bh .bh-feels__link:hover { color: var(--foreground); }
  .bh-feels__link:hover .bh-feels__logo { transform: translateX(2px); }
}
@media (max-width: 767.98px) { .bh-feels__link { gap: var(--space-8); } }

/* ---------- WhatsApp (564:23137) ---------- */
.bh-whatsapp { position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 80; width: 56px; height: 56px; border-radius: var(--radius-full); display: inline-flex; align-items: center; justify-content: center; background: #25d366; color: #fff; box-shadow: var(--shadow-popover); }
.bh-whatsapp img { width: 28px; height: 28px; }
.bh .bh-whatsapp:hover { color: #fff; }
body.bh-has-buybar .bh-whatsapp { bottom: calc(96px + env(safe-area-inset-bottom)); }
@media (max-width: 767.98px) { .bh-whatsapp { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); } }

/* ---------- OpenCart bildirimleri ---------- */
.bh #alert { position: fixed; top: 96px; right: 24px; z-index: 100; max-width: 420px; }
.bh #alert .alert { border-radius: 0; border: 1px solid var(--border); background: var(--surface); color: var(--foreground); font-size: 14px; box-shadow: var(--shadow-popover); }
.bh #alert .alert-success { border-left: 3px solid var(--success); }
.bh #alert .alert-danger { border-left: 3px solid var(--error); }

/* Tema dışındaki çekirdek sayfalar: Bootstrap sayfalarına marka yazı tipini ve zemini uygular. */
.bh #content { min-height: 40vh; }

/* ==========================================================================
   Ürün satın alma bileşenleri + Hızlı bakış (02c · 210:35779)
   Ürün detayı (product.css) ve liste sayfalarındaki hızlı bakış modalı ortak kullanır:
   yıldız, galeri, FinishSelector (37:21556), QuantityStepper (38:21397), özel üretim alanı,
   fiyat parçaları, Toast (40:21127) ve modal.
   ========================================================================== */
.bh-stars { display: inline-flex; align-items: center; gap: var(--space-4); margin: 0; }
.bh-star { flex: none; width: 16px; height: 16px; background-color: var(--foreground); -webkit-mask: url("../image/icon-star-fill.svg") center / contain no-repeat; mask: url("../image/icon-star-fill.svg") center / contain no-repeat; }
.bh-star--off { background-color: var(--border-strong); }

/* Galeri: dikey ray + ana görsel; ana görsel yatay kaydırma (scroll-snap) */
.bh-gallery { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: var(--space-16); align-items: stretch; }
.bh-gallery__rail { contain: size; display: flex; flex-direction: column; gap: var(--space-12); overflow-y: auto; scrollbar-width: none; }
.bh-gallery__rail::-webkit-scrollbar { display: none; }
.bh-gallery__thumb { position: relative; flex: none; width: 88px; height: 112px; padding: 0; overflow: hidden; background: var(--tile-ivory); }
.bh-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }
.bh-gallery__thumb::after { content: ""; position: absolute; inset: 0; border: 1px solid transparent; transition: border-color .15s ease; }
.bh-gallery__thumb[aria-current="true"]::after { border-color: var(--foreground); }
.bh-gallery__thumb:hover::after { border-color: var(--border-strong); }
.bh-gallery__thumb[aria-current="true"]:hover::after { border-color: var(--foreground); }
.bh-gallery__thumb:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.bh-gallery__badge { position: absolute; left: 50%; top: 50%; width: 32px; height: 32px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); background: var(--surface); color: var(--foreground); }
.bh-gallery__badge .bh-icon { width: 20px; height: 20px; }
.bh-gallery__stage { position: relative; grid-column: -2; min-width: 0; aspect-ratio: 642 / 800; background: var(--tile-ivory); }
.bh-gallery__track { display: flex; gap: var(--space-8); height: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.bh-gallery__track::-webkit-scrollbar { display: none; }
.bh-gallery__track:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.bh-gallery__slide { position: relative; flex: 0 0 100%; height: 100%; overflow: hidden; scroll-snap-align: start; scroll-snap-stop: always; background: var(--tile-ivory); }
.bh-gallery__slide img, .bh-gallery__slide video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.bh-gallery__playbtn { position: absolute; left: 50%; top: 50%; z-index: 1; width: 56px; height: 56px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); background: var(--surface); color: var(--foreground); }
.bh-gallery__slide.is-playing .bh-gallery__playbtn { display: none; }
.bh-gallery__arrow { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); }
.bh-gallery__arrow::before { content: ""; position: absolute; inset: -6px; }
.bh-gallery__arrow--prev { left: var(--space-24); }
.bh-gallery__arrow--next { right: var(--space-24); }
.bh-gallery__counter { position: absolute; right: var(--space-20); bottom: var(--space-16); z-index: 2; display: none; padding: var(--space-4) var(--space-8); border-radius: var(--radius-xs); background: var(--surface); font-size: 12px; line-height: 18px; letter-spacing: 0.01em; }
.bh-gallery__fav { position: absolute; top: var(--space-24); right: var(--space-24); z-index: 2; margin: 0; }
.bh-gallery__fav .bh-iconbtn[aria-pressed="true"] .bh-icon { --icon: url("../image/icon-heart-filled.svg"); }
.bh-gallery__dots { display: none; }
.bh-gallery--qv { grid-template-columns: 72px minmax(0, 1fr); }
.bh-gallery--qv .bh-gallery__thumb { width: 72px; height: 90px; }
.bh-gallery--qv .bh-gallery__badge .bh-icon { width: 16px; height: 16px; }
.bh-gallery--qv .bh-gallery__stage { aspect-ratio: 520 / 650; }
.bh-gallery--qv .bh-gallery__arrow { display: none; }

/* FinishSelector (37:21556) · Swatch/Finish L (76 × 44); PDP'de altında yerel ad */
.bh-finish { min-width: 0; margin: 0; padding: 0; border: 0; }
.bh-finish__label { float: none; width: auto; margin: 0 0 var(--space-12); padding: 0; font-size: 14px; line-height: 22px; font-weight: 400; }
.bh-finish__options { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.bh-finish__option { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-8); min-width: 56px; min-height: 44px; padding: var(--space-4) var(--space-8); margin: 0; cursor: pointer; }
.bh-finish--qv .bh-finish__option { padding: 0; }
.bh-finish__option input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.bh-finish__swatch { display: flex; align-items: center; justify-content: center; min-width: 76px; height: 44px; padding: 0 var(--space-12); border: 1px solid transparent; font-size: 16px; line-height: 26px; color: var(--muted-foreground); white-space: nowrap; transition: border-color .15s ease, color .15s ease; }
.bh-finish__caption { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); white-space: nowrap; }
.bh-finish__option:hover input:not(:checked):not(:disabled) ~ .bh-finish__swatch { border-color: var(--border-strong); color: var(--foreground); }
.bh-finish__option input:checked ~ .bh-finish__swatch { border-color: var(--foreground); color: var(--foreground); }
.bh-finish__option input:checked ~ .bh-finish__caption { color: var(--foreground); }
.bh-finish__option input:focus-visible ~ .bh-finish__swatch { box-shadow: 0 0 0 2px var(--ring); }
.bh-finish__option input:disabled { cursor: not-allowed; }
.bh-finish__option input:disabled ~ .bh-finish__swatch { color: var(--subtle-foreground); text-decoration: line-through; opacity: .6; }
.bh-finish.is-invalid .bh-finish__swatch { border-color: var(--error); }
.bh-finish .bh-field__error { margin-top: var(--space-8); }
.bh-option { min-width: 0; margin: 0; padding: 0; border: 0; }
.bh-option--checks { display: flex; flex-direction: column; gap: var(--space-8); }
.bh-option-static { font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh-textarea { height: auto; min-height: 104px; padding: var(--space-12) var(--space-16); resize: vertical; }

/* Özel üretim talebi (kapalı tetik: + ikon + altı çizili bağlantı) */
.bh-custom__trigger { display: flex; width: fit-content; align-items: center; gap: var(--space-8); min-height: 22px; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: 0.02em; text-align: left; }
.bh-custom__trigger span:last-child { text-decoration: underline; text-underline-position: from-font; }
.bh-custom__trigger[aria-expanded="true"] .bh-icon { --icon: url("../image/icon-minus.svg"); }
.bh .bh-custom__trigger:hover { color: var(--accent); }
.bh-custom__trigger + .bh-custom__field { margin-top: var(--space-12); }

/* QuantityStepper M (38:21397): 3 × 44 hücre; adet minimumda eksi pasif */
.bh-qty { display: flex; align-items: center; gap: var(--space-16); }
.bh-qty__label { font-size: 16px; line-height: 26px; }
.bh-stepper { display: inline-flex; align-items: center; flex: none; height: 56px; border: 1px solid var(--border-strong); border-radius: var(--radius-xs); background: var(--surface); }
.bh-stepper__btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 100%; color: var(--foreground); }
.bh-stepper__btn:disabled { color: var(--subtle-foreground); cursor: default; }
.bh-stepper__btn:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; }
.bh-stepper__input { width: 44px; height: 100%; padding: 0; border: 0; background: transparent; color: var(--foreground); font: 400 16px/26px var(--font-body); text-align: center; -moz-appearance: textfield; appearance: textfield; }
.bh-stepper__input::-webkit-inner-spin-button, .bh-stepper__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.bh-stepper__input:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; }
.bh-qty--qv { flex-direction: column; align-items: flex-start; gap: var(--space-8); }
.bh-qty--qv .bh-qty__label { font-size: 14px; line-height: 22px; }
.bh-qty--qv .bh-stepper { height: 44px; }

/* Fiyat parçaları ve teslim satırı */
.bh-buy__old { font-size: 14px; line-height: 22px; color: var(--muted-foreground); text-decoration: line-through; text-decoration-skip-ink: none; }
.bh-buy__discount { font-size: 14px; line-height: 22px; color: var(--success); }
.bh-buy__tax { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
.bh-buy__eta { display: flex; align-items: center; gap: var(--space-8); font-size: 14px; line-height: 22px; }

/* Toast (40:21127): sağ altta, 400 px, surface + 1 px border, Elevation/Popover; durum rengi yalnız ikonda */
.bh-toasts { position: fixed; right: var(--space-24); bottom: calc(96px + env(safe-area-inset-bottom)); z-index: 130; display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-12); width: min(400px, calc(100vw - 32px)); pointer-events: none; }
body.bh-has-buybar .bh-toasts { bottom: calc(168px + env(safe-area-inset-bottom)); }
.bh-toast { pointer-events: auto; display: flex; align-items: center; gap: var(--space-12); width: 100%; padding: var(--space-16) var(--space-16) var(--space-16) var(--space-20); background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-popover); }
.bh-toast__icon { color: var(--success); }
.bh-toast--error .bh-toast__icon { color: var(--error); }
.bh-toast__body { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-8); }
.bh-toast__text { font-size: 14px; line-height: 22px; }
.bh-toast__action { min-height: 40px; }
.bh-toast__close { position: relative; flex: none; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; }
.bh-toast__close::before { content: ""; position: absolute; inset: -14px; }
@media (max-width: 767.98px) {
  .bh-toasts { right: 16px; bottom: calc(88px + env(safe-area-inset-bottom)); }
}

/* Hızlı bakış modalı (1160 · padding 40 · aralık 56) — karartma inverse %40 */
.bh-qv { position: fixed; inset: 0; z-index: 110; display: flex; align-items: center; justify-content: center; padding: var(--space-24); }
.bh-qv[hidden] { display: none; }
.bh-qv__scrim { position: absolute; inset: 0; background: rgba(31, 27, 22, .4); }
.bh-qv__frame { position: relative; display: flex; width: 100%; max-width: 1160px; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); }
.bh-qv__dialog { position: relative; display: flex; align-items: flex-start; gap: var(--space-56); width: 100%; max-height: inherit; padding: var(--space-40); overflow-y: auto; overscroll-behavior: contain; background: var(--surface); box-shadow: var(--shadow-overlay); }
.bh-qv__dialog:focus { outline: none; }
.bh-qv__gallery { flex: 0 1 608px; min-width: 0; }
.bh-qv__info { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-32); padding-top: var(--space-24); }
.bh-qv__head { display: flex; flex-direction: column; gap: var(--space-12); }
.bh-qv__sub { font-size: 16px; line-height: 26px; color: var(--muted-foreground); }
.bh-qv__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-8); white-space: nowrap; }
.bh-qv__current { font-size: 24px; line-height: 32px; }
.bh-qv__form { display: flex; flex-direction: column; gap: var(--space-32); margin: 0; }
.bh-qv__options { display: flex; flex-direction: column; gap: var(--space-24); padding-top: var(--space-32); border-top: 1px solid var(--border); }
.bh-qv__actions { display: flex; flex-direction: column; align-items: center; gap: var(--space-16); }
.bh-qv__close { position: absolute; top: var(--space-16); right: var(--space-16); z-index: 3; }
@media (max-width: 1199.98px) {
  .bh-qv__dialog { gap: var(--space-32); padding: var(--space-32); }
  .bh-qv__gallery { flex-basis: 52%; }
  .bh-qv__info { padding-top: var(--space-16); }
}
@media (prefers-reduced-motion: reduce) {
  .bh-gallery__track { scroll-behavior: auto; }
  .bh-gallery__thumb::after, .bh-finish__swatch { transition: none; }
}

/* ==========================================================================
   Sepet çekmecesi (CartDrawer 42:21467 · 05b 212:36058 · 05c 150:35119) — site geneli
   480 px sağdan, viewport yüksekliği; karartma inverse %40; giriş 300 ms ease-out, çıkış 200 ms.
   CartLine (42:21311) ve QuantityStepper S (36) sepet sayfasıyla ortaktır (sayfa yerleşimi: cart.css).
   ========================================================================== */
.bh-icon--trash { --icon: url("../image/icon-trash.svg"); }

/* QuantityStepper S (36) */
.bh-stepper--s { height: 36px; }
.bh-stepper--s .bh-stepper__btn, .bh-stepper--s .bh-stepper__input { width: 36px; }

/* CartLine (ortak parçalar) */
.bh-line { position: relative; display: grid; align-items: start; padding: var(--space-24) 0; border-bottom: 1px solid var(--border); }
.bh-line[aria-busy="true"] { opacity: .6; pointer-events: none; }
.bh-line__media { position: relative; display: block; width: 96px; height: 120px; overflow: hidden; background: var(--tile-ivory); }
.bh-line__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-line__info { min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.bh-line__name { font-family: var(--font-display); font-weight: 400; font-size: 20px; line-height: 26px; overflow-wrap: anywhere; }
.bh-line__name a { color: inherit; }
.bh .bh-line__name a:hover { color: var(--accent); }
.bh-line__meta { font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh-line__note { padding: var(--space-8) var(--space-12); border-radius: var(--radius-xs); background: var(--muted); font-size: 12px; line-height: 18px; letter-spacing: 0.01em; }
.bh-line__stock { font-size: 12px; line-height: 18px; color: var(--error); }
.bh-line__qty { display: flex; align-items: center; gap: var(--space-16); }
.bh-line__remove { min-height: 40px; }
.bh-line__total { margin: 0; font-size: 16px; line-height: 24px; font-weight: 500; white-space: nowrap; text-align: right; }
.bh-line__x { display: none; }

/* Çekmece kalemi (Compact): görsel | bilgi; altta adet + kaldır + tutar */
.bh-line--drawer { grid-template-columns: 96px minmax(0, 1fr) auto; grid-template-rows: auto 1fr; column-gap: var(--space-16); }
.bh-line--drawer .bh-line__media { grid-row: 1 / span 2; }
.bh-line--drawer .bh-line__info { grid-column: 2 / span 2; }
.bh-line--drawer .bh-line__qty { grid-column: 2; padding-top: var(--space-16); }
.bh-line--drawer .bh-line__total { grid-column: 3; align-self: start; padding-top: calc(var(--space-16) + 8px); }

/* Çekmece kabuğu */
.bh-cdrawer { position: fixed; inset: 0; z-index: 120; }
.bh-cdrawer[hidden] { display: none; }
.bh-cdrawer__scrim { position: absolute; inset: 0; background: rgba(31, 27, 22, .4); opacity: 0; transition: opacity .2s ease-in; }
.bh-cdrawer__panel { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: 480px; max-width: 100%; background: var(--surface); box-shadow: var(--shadow-overlay); transform: translateX(100%); transition: transform .2s ease-in; }
.bh-cdrawer__panel:focus { outline: none; }
.bh-cdrawer.is-open .bh-cdrawer__scrim { opacity: 1; transition: opacity .3s ease-out; }
.bh-cdrawer.is-open .bh-cdrawer__panel { transform: none; transition: transform .3s ease-out; }
.bh-cdrawer__inner { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.bh-cdrawer__added { display: flex; align-items: center; gap: var(--space-12); margin: 0; padding: var(--space-16) var(--space-24); background: var(--muted); border-bottom: 1px solid var(--border); font-size: 14px; line-height: 22px; transition: opacity .2s ease; }
.bh-cdrawer__added.is-leaving { opacity: 0; }
.bh-cdrawer__head { display: flex; align-items: center; justify-content: space-between; padding: var(--space-20) var(--space-16) var(--space-20) var(--space-24); border-bottom: 1px solid var(--border); }
.bh-cdrawer__title { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 30px; }
.bh-cdrawer__title:focus, .bh-cdrawer__title:focus-visible { outline: none; }
.bh-cdrawer__close { margin: -7px 0; }
.bh-cdrawer__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 var(--space-24); }
.bh-cdrawer__list { margin: 0; padding: 0; list-style: none; }
.bh-cdrawer__foot { display: flex; flex-direction: column; gap: var(--space-16); padding: var(--space-24); border-top: 1px solid var(--border); background: var(--surface); }
.bh-cdrawer__subtotal { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-16); margin: 0; font-size: 16px; line-height: 26px; white-space: nowrap; }
.bh-cdrawer__subtotal strong { font-weight: 500; line-height: 24px; }
.bh-cdrawer__note { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
.bh-cdrawer__delivery { display: flex; align-items: center; gap: var(--space-8); font-size: 14px; line-height: 22px; }
.bh-cdrawer__guest { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); text-align: center; }
.bh-cdrawer__empty { display: flex; flex-direction: column; align-items: center; gap: var(--space-24); padding: var(--space-64) var(--space-32); text-align: center; }
.bh-cdrawer__empty-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: var(--radius-full); background: var(--muted); }
.bh-cdrawer__empty-text { display: flex; flex-direction: column; gap: var(--space-8); }
.bh-cdrawer__empty-title { font-family: var(--font-display); font-weight: 500; font-size: 28px; line-height: 36px; }
.bh-cdrawer__empty-body { font-size: 16px; line-height: 26px; color: var(--muted-foreground); }
@media (max-width: 767.98px) {
  .bh-cdrawer__panel { width: 100%; box-shadow: none; }
  .bh-cdrawer__body { padding: 0 var(--space-20); }
  .bh-cdrawer__foot { padding: var(--space-20); padding-bottom: calc(var(--space-20) + env(safe-area-inset-bottom)); }
  .bh-cdrawer__head { padding-left: var(--space-20); }
  .bh-cdrawer__added { padding-inline: var(--space-20); }
  .bh-line__name { font-size: 18px; line-height: 24px; }
  .bh-cdrawer__empty-title { font-size: 22px; line-height: 28px; }
  /* Çekmece kalemi mobilde sayfa kalemiyle aynı: kaldırma sağ üstte ✕, altta adet + tutar */
  .bh-line--drawer .bh-line__name { max-width: calc(100% - 44px); }
  .bh-line--drawer .bh-line__remove { display: none; }
  .bh-line--drawer .bh-line__qty { padding-top: var(--space-12); }
  .bh-line--drawer .bh-line__total { padding-top: 18px; }
  .bh-line--drawer .bh-line__x { display: inline-flex; position: absolute; top: 14px; right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .bh-cdrawer__scrim, .bh-cdrawer__panel, .bh-cdrawer.is-open .bh-cdrawer__scrim, .bh-cdrawer.is-open .bh-cdrawer__panel, .bh-cdrawer__added { transition: none; }
}

/* ==========================================================================
   Arama katmanı (18 · "Arama katmanı · yazarken" 100:35806 · M19 336:46096) + arama alanı + EmptyState (40:21181)
   Katman header'ın altından başlar (--bh-search-top JS ile), panel surface + Elevation/Popover, altı karartma.
   ========================================================================== */
html.bh-search-open { overflow: hidden; }
.bh-search { position: fixed; left: 0; right: 0; top: var(--bh-search-top, 0px); bottom: 0; z-index: 45; }
.bh-search[hidden] { display: none; }
/* Revize 33: arama açıkken arka plan güçlü karartılır (belli belirsiz okunur), odak aramada kalır; yumuşak açılış */
.bh-search__scrim { position: absolute; inset: 0; background: rgba(31, 27, 22, .78); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); transition: opacity .25s ease; }
@starting-style { .bh-search:not([hidden]) .bh-search__scrim { opacity: 0; } }
.bh-search__panel { transition: opacity .2s ease, transform .25s cubic-bezier(.2, .8, .3, 1); }
@starting-style { .bh-search:not([hidden]) .bh-search__panel { opacity: 0; transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) { .bh-search__scrim, .bh-search__panel { transition: none; } }
.bh-search__panel { position: relative; max-height: 100%; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-48) 0 var(--space-64); background: var(--surface); box-shadow: var(--shadow-popover); }
.bh-search__panel:focus { outline: none; }
.bh-search__inner { display: flex; flex-direction: column; gap: var(--space-48); }
.bh-search__results { display: flex; flex-direction: column; gap: var(--space-48); }
.bh-search__results:empty { display: none; }
.bh-search__results[aria-busy="true"] { opacity: .6; transition: opacity .15s ease; }
.bh-search__row { display: flex; align-items: center; gap: var(--space-32); margin: 0; }
.bh-search__field { flex: 1 1 0; min-width: 0; }
.bh-search__close { min-height: 48px; }

/* Arama alanı (Arama satırı 100:35809): ikon 24 · sorgu H3 · temizle 44 · 1 px foreground alt çizgi */
.bh-searchfield { display: flex; align-items: center; gap: var(--space-16); margin: 0; padding-bottom: var(--space-16); border-bottom: 1px solid var(--foreground); }
.bh-searchfield__input { flex: 1 1 0; min-width: 0; height: 44px; padding: 0; border: 0; border-radius: 0; outline: 0; background: transparent; color: var(--foreground); font-family: var(--font-display); font-weight: 500; font-size: 36px; line-height: 44px; -webkit-appearance: none; appearance: none; }
.bh-searchfield__input::placeholder { color: var(--subtle-foreground); opacity: 1; }
.bh-searchfield__input::-webkit-search-cancel-button, .bh-searchfield__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.bh-searchfield:focus-within { box-shadow: 0 1px 0 0 var(--foreground); }
.bh-searchfield__clear[hidden] { display: none; }

/* Sonuçlar (100:35829): öneriler/kategoriler 306 + ürünler (3 kart) · Tüm sonuçlar (100:36003) */
.bh-search__cols { display: flex; align-items: flex-start; gap: var(--space-24); }
.bh-search__aside { flex: 0 0 306px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-40); }
.bh-search__group { display: flex; flex-direction: column; gap: var(--space-16); }
.bh-search__h { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 30px; }
.bh-search__list { display: flex; flex-direction: column; gap: var(--space-12); margin: 0; padding: 0; list-style: none; font-size: 18px; line-height: 30px; }
.bh-search__cats { display: flex; flex-direction: column; gap: var(--space-12); margin: 0; padding: 0; list-style: none; }
.bh-search__cats a { display: flex; flex-direction: column; gap: var(--space-4); }
.bh-search__cat { font-size: 18px; line-height: 30px; }
.bh-search__parent { font-size: 12px; line-height: 18px; letter-spacing: 0.01em; color: var(--muted-foreground); }
.bh .bh-search__list a:hover, .bh .bh-search__cats a:hover .bh-search__cat { color: var(--accent); }
.bh-search__products { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-16); }
.bh-search__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-24); row-gap: var(--space-40); }
.bh-search__foot { padding-top: var(--space-32); border-top: 1px solid var(--border); }
.bh-ghost__row { display: inline-flex; align-items: center; gap: var(--space-12); }
.bh-search__none { display: flex; flex-direction: column; align-items: center; gap: var(--space-24); }
.bh-search__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-8); }

/* EmptyState (40:21181): ikon dairesi 64 · başlık H4 · açıklama Body/M · tek eylem */
.bh-emptystate { display: flex; flex-direction: column; align-items: center; gap: var(--space-24); width: 100%; max-width: 480px; margin-inline: auto; padding: var(--space-64) var(--space-32); text-align: center; }
.bh-emptystate--compact { padding-block: var(--space-16) 0; }
.bh-emptystate__icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: var(--radius-full); background: var(--muted); color: var(--foreground); }
.bh-emptystate__text { display: flex; flex-direction: column; gap: var(--space-8); width: 100%; }
.bh-emptystate__title { font-family: var(--font-display); font-weight: 500; font-size: 28px; line-height: 36px; }
.bh-emptystate__desc { font-size: 16px; line-height: 26px; color: var(--muted-foreground); }

/* Favori seçili (ProductCard · Favorite › Icon=heart-filled): aria-pressed düğmededir. */
.bh-card__fav button[aria-pressed="true"] .bh-icon { --icon: url("../image/icon-heart-filled.svg"); }

/* Chip (38:21420) · kısa yol çipleri (arama katmanı, arama sayfası, 404) */
.bh-chip { display: inline-flex; align-items: center; gap: var(--space-8); height: 36px; padding: 0 var(--space-16); border: 1px solid var(--border-strong); border-radius: var(--radius-xs); background: var(--surface); color: var(--foreground); font-size: 14px; line-height: 22px; white-space: nowrap; }
.bh .bh-chip:hover { border-color: var(--foreground); color: var(--foreground); }
.bh-chip:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ring); }

@media (max-width: 1199.98px) {
  .bh-search__aside { flex-basis: 220px; }
}
@media (max-width: 767.98px) {
  .bh-search { bottom: 0; }
  .bh-search__panel { height: 100%; padding: var(--space-48) 0; }
  .bh-search__row { align-items: flex-start; }
  .bh-search__field { align-items: flex-start; }
  .bh-search__cols { flex-direction: column; gap: var(--space-24); }
  .bh-search__aside { flex-basis: auto; width: 100%; }
  .bh-search__products { width: 100%; }
  .bh-search__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-12); row-gap: var(--space-24); }
  .bh-search__foot { display: flex; justify-content: center; }
}

/* ==========================================================================
   Atölye bölümleri (bh_section: film_hero, steps, showcase, team, visit, cta)
   10 Atölye 100:21729 · M12 336:37910 — başka sayfalara da yerleştirilebilir.
   ========================================================================== */
.bh-ghost--40 { min-height: 40px; }

.bh-filmhero { background: var(--background); }
.bh-filmhero__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: var(--space-24); min-height: 800px; padding-block: var(--space-40); }
.bh-filmhero__text { display: flex; flex-direction: column; gap: var(--space-24); }
.bh-filmhero__text > p { max-width: 526px; }
.bh-filmhero__film { position: relative; height: 720px; overflow: hidden; background: var(--muted); }
.bh-filmhero__film img, .bh-filmhero__film video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bh-filmhero__toggle { position: absolute; left: 24px; bottom: 24px; z-index: 2; background: var(--background); color: var(--foreground); }

.bh-steps { padding-block: var(--space-120); }
@media (min-width: 1200px) { .bh-main--workshop .bh-steps { padding-bottom: 173px; } } /* 10 Atölye: bölüm 780 px (100:21806) */
.bh-steps__title { margin-bottom: var(--space-48); }
.bh-steps__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-step { display: flex; flex-direction: column; gap: var(--space-12); padding-top: var(--space-24); border-top: 1px solid var(--foreground); }
.bh-step__media { height: 240px; overflow: hidden; background: var(--muted); }
.bh-step__media img { width: 100%; height: 100%; object-fit: cover; }
.bh-step__text { display: flex; flex-direction: column; gap: var(--space-8); padding-top: var(--space-16); }

.bh-showcase { background: var(--muted); padding-block: var(--space-120); }
.bh-showcase__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); }
.bh-showcase__main { height: 848px; overflow: hidden; background: var(--tile-ivory); }
.bh-showcase__main img, .bh-showcase__closeup img { width: 100%; height: 100%; object-fit: cover; }
.bh-showcase__side { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-40); min-width: 0; }
.bh-showcase__text { display: flex; flex-direction: column; gap: var(--space-24); }
.bh-showcase__text > p { max-width: 528px; }
.bh-showcase__action { padding-top: var(--space-8); }
.bh-showcase__closeups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-showcase__closeup { height: 408px; overflow: hidden; background: var(--tile-ivory); }

.bh-team { padding-block: var(--space-120); }
.bh-team__inner { display: flex; align-items: center; gap: var(--space-24); }
.bh-team__media { flex: 0 1 746px; min-width: 0; display: grid; grid-template-columns: 416fr 306fr; align-items: end; gap: var(--space-24); }
.bh-team__photo { height: 408px; overflow: hidden; background: var(--muted); }
.bh-team__photo--large { height: 520px; }
.bh-team__photo img { width: 100%; height: 100%; object-fit: cover; }
.bh-team__text { flex: 1 1 0; min-width: 0; max-width: 526px; display: flex; flex-direction: column; gap: var(--space-24); }
.bh-team__quote { margin: 0; }

.bh-visit { padding-top: var(--space-120); }
.bh-visit__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-24); }
.bh-visit__text { flex: 0 1 526px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-24); }
.bh-visit__links { display: flex; flex-wrap: wrap; gap: 0 var(--space-32); }
.bh-visit__info { flex: 0 1 636px; min-width: 0; margin: 0; border-top: 1px solid var(--border); }
.bh-visit__row { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: var(--space-24); padding-block: var(--space-24); border-bottom: 1px solid var(--border); }
.bh-visit__row dt { font-weight: 400; }
.bh-visit__row dd { margin: 0; }

.bh-cta { padding-block: var(--space-120); }
.bh-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); padding-top: var(--space-48); border-top: 1px solid var(--border); }
.bh-cta__title { max-width: 640px; }
.bh-cta__actions { display: flex; flex-wrap: wrap; gap: var(--space-16); }

@media (max-width: 1199.98px) {
  .bh-filmhero__inner { grid-template-columns: 1fr; min-height: 0; padding-block: 0 var(--space-48); }
  .bh-filmhero__film { order: -1; height: 600px; margin-inline: calc(-1 * var(--gutter)); }
  .bh-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bh-showcase__main { height: auto; aspect-ratio: 636 / 848; }
  .bh-team__inner { flex-direction: column; align-items: stretch; }
  .bh-team__media { flex-basis: auto; }
  .bh-team__text { max-width: none; }
  .bh-visit__inner { flex-direction: column; align-items: stretch; }
  .bh-visit__text, .bh-visit__info { flex-basis: auto; }
  .bh-cta__inner { flex-direction: column; align-items: stretch; }
}
@media (max-width: 767.98px) {
  .bh-filmhero__inner { padding-block: 0; gap: var(--space-40); }
  .bh-filmhero__film { aspect-ratio: auto; height: 500px; }
  .bh-filmhero__toggle { width: 44px; height: 44px; }
  .bh-steps, .bh-showcase, .bh-team { padding-block: var(--space-48); }
  .bh-steps__list { grid-template-columns: 1fr; }
  .bh-step__media { height: 220px; }
  .bh-showcase__inner { grid-template-columns: 1fr; }
  .bh-showcase__main { aspect-ratio: auto; height: 440px; }
  .bh-showcase__side { gap: var(--space-8); }
  .bh-showcase__action { display: flex; justify-content: center; }
  .bh-showcase__action .bh-ghost { min-height: 44px; }
  .bh-showcase__closeups { gap: var(--space-24); }
  .bh-team__media { grid-template-columns: 1fr; }
  .bh-visit { padding-top: var(--space-48); }
  .bh-visit__inner { gap: var(--space-16); }
  .bh-visit__links { display: grid; grid-template-columns: 1fr 1fr; }
  .bh-visit__links .bh-ghost { min-height: 44px; justify-self: start; }
  .bh-visit__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bh-cta { padding-block: var(--space-48); }
  .bh-cta__inner { gap: var(--space-16); }
  .bh-cta__actions { flex-direction: column; }
  .bh-cta__actions .bh-btn { width: 100%; }
}

/* ---------- Akordiyon (Accordion 43:21448) · bh_section "accordion" (İletişim SSS 100:37668), Bakım rehberi "Diğer malzemeler" ---------- */
.bh-acc { min-width: 0; }
.bh-acc__item { border-bottom: 1px solid var(--border); }
.bh-acc__heading { margin: 0; font: inherit; }
.bh-acc__trigger { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); width: 100%; padding: var(--space-24) 0; font-size: 18px; line-height: 30px; text-align: left; color: var(--foreground); }
.bh-acc__trigger:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.bh-acc__icon { --icon: url("../image/icon-plus.svg"); }
.bh-acc__trigger[aria-expanded="true"] .bh-acc__icon { --icon: url("../image/icon-minus.svg"); }
.bh .bh-acc__trigger:hover span:first-child { color: var(--accent); }
.bh-acc__panel { padding-bottom: var(--space-24); font-size: 16px; line-height: 26px; color: var(--muted-foreground); }
.bh-acc__panel[hidden] { display: none; }
.bh-accsec { padding-bottom: var(--space-120); }
.bh-accsec__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-24); padding-top: var(--space-120); border-top: 1px solid var(--border); }
.bh-accsec__head { flex: 0 1 416px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); }
.bh-accsec__title { font-family: var(--font-display); font-weight: 500; font-size: 48px; line-height: 56px; letter-spacing: -0.005em; }
.bh-accsec__title--h3 { font-size: 36px; line-height: 44px; letter-spacing: 0; }
.bh-accsec__link { padding-top: var(--space-8); font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: 0.02em; text-decoration: underline; text-underline-position: from-font; }
.bh .bh-accsec__link:hover { color: var(--accent); }
.bh-accsec .bh-acc { flex: 0 1 856px; }
@media (max-width: 767.98px) {
  .bh-accsec { padding-bottom: var(--space-64); }
  .bh-accsec__inner { flex-direction: column; gap: var(--space-24); padding-top: var(--space-64); }
  .bh-accsec__head { flex-basis: auto; }
  .bh-accsec__title { font-size: 30px; line-height: 36px; }
  .bh-accsec__title--h3 { font-size: 26px; line-height: 32px; }
  .bh-accsec .bh-acc { flex-basis: auto; width: 100%; }
  .bh-acc__trigger { font-size: 17px; line-height: 28px; }
}

/* ==========================================================================
   Revize 2026-11-05 · etkileşim katmanı
   İkon kuralı: ikonlar Figma'dan HAM SVG olarak alınır, elle düzenlenmez. Figma'da 20 px
   kullanımı ayrı geometriyle (1,5 px çizgi) çizilmiş ikonların -20.svg dışa aktarımı kullanılır;
   24 px dosyayı 20 px'e küçültmek çizgiyi 1,25 px'e inceltir.
   ========================================================================== */
.bh-icon--20.bh-icon--heart, .bh-card__fav .bh-icon--heart { --icon: url("../image/icon-heart-20.svg"); }
.bh-icon--20.bh-icon--chevron-left  { --icon: url("../image/icon-chevron-left-20.svg"); }
.bh-icon--20.bh-icon--chevron-right { --icon: url("../image/icon-chevron-right-20.svg"); }
.bh-card__plus .bh-icon--20.bh-icon--plus { --icon: url("../image/icon-plus-20.svg"); }

/* Başlık ikonları (arama, hesap, favori, sepet · IconButton Plain M): hover'da yumuşak elips,
   ikonla arası dört yandan 8 px (24 + 2×8 = 40). Elips büyüyerek gelir; ikon küçük bir hareket yapar. */
.bh-mainbar .bh-iconbtn, .bh-mobilebar .bh-iconbtn, .bh-social .bh-iconbtn { isolation: isolate; }
.bh-mainbar .bh-iconbtn::before, .bh-mobilebar .bh-iconbtn::before, .bh-social .bh-iconbtn::before {
  content: ""; position: absolute; left: 50%; top: 50%; z-index: -1; width: 40px; height: 40px; margin: -20px 0 0 -20px;
  border-radius: 50%; background: var(--tile-sand); opacity: 0; transform: scale(.55);
  transition: opacity .22s ease, transform .32s cubic-bezier(.2, .9, .3, 1.25);
}
.bh-mainbar .bh-iconbtn .bh-icon, .bh-mobilebar .bh-iconbtn .bh-icon, .bh-social .bh-iconbtn .bh-icon { transition: transform .32s cubic-bezier(.2, .9, .3, 1.25), background-color .2s ease; }
.bh-mainbar .bh-iconbtn:focus-visible, .bh-mobilebar .bh-iconbtn:focus-visible, .bh-social .bh-iconbtn:focus-visible { outline: none; }
.bh-mainbar .bh-iconbtn:focus-visible::before, .bh-mobilebar .bh-iconbtn:focus-visible::before, .bh-social .bh-iconbtn:focus-visible::before { opacity: 1; transform: none; box-shadow: 0 0 0 2px var(--ring); }
@media (hover: hover) and (pointer: fine) {
  .bh-mainbar .bh-iconbtn:hover::before, .bh-mobilebar .bh-iconbtn:hover::before, .bh-social .bh-iconbtn:hover::before { opacity: 1; transform: none; }
  .bh-mainbar .bh-iconbtn:hover .bh-icon--search { transform: rotate(-12deg) scale(1.06); }
  .bh-mainbar .bh-iconbtn:hover .bh-icon--user { transform: translateY(-1px) scale(1.06); }
  .bh-mainbar .bh-iconbtn:hover .bh-icon--heart { animation: bh-beat .6s ease; }
  .bh-mainbar .bh-iconbtn:hover .bh-icon--bag { animation: bh-swing .6s ease; transform-origin: 50% 10%; }
  .bh-mainbar .bh-iconbtn:hover .bh-count { transform: translate(2px, -2px); }
}
.bh-mainbar .bh-iconbtn:active::before, .bh-mobilebar .bh-iconbtn:active::before, .bh-social .bh-iconbtn:active::before { opacity: 1; transform: scale(.88); background: var(--secondary); }
.bh-mainbar .bh-iconbtn:active .bh-icon, .bh-mobilebar .bh-iconbtn:active .bh-icon, .bh-social .bh-iconbtn:active .bh-icon { transform: scale(.9); }
.bh-mainbar .bh-count, .bh-mobilebar .bh-count { transition: transform .25s ease; }

@keyframes bh-beat { 0%, 100% { transform: scale(1); } 30% { transform: scale(1.18); } 55% { transform: scale(.96); } 75% { transform: scale(1.08); } }
@keyframes bh-swing { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-9deg); } 55% { transform: rotate(6deg); } 80% { transform: rotate(-2deg); } }
@keyframes bh-pop { 0% { transform: scale(1); } 40% { transform: scale(1.28); } 70% { transform: scale(.92); } 100% { transform: scale(1); } }
@keyframes bh-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* Yuvarlak ikon düğmeleri (IconButton Round S · favori, galeri okları, hızlı ekle): hover ve basılı durum */
.bh-iconbtn--round { transition: transform .22s cubic-bezier(.2, .9, .3, 1.25), box-shadow .22s ease, background-color .2s ease, color .2s ease; }
.bh-iconbtn--round .bh-icon { transition: transform .22s ease, background-color .2s ease; }
.bh-gallery__arrow { transition: scale .22s cubic-bezier(.2, .9, .3, 1.25), box-shadow .22s ease, background-color .2s ease; }
.bh-card__fav::after { transition: transform .22s cubic-bezier(.2, .9, .3, 1.25), box-shadow .22s ease; }
@media (hover: hover) and (pointer: fine) {
  .bh-gallery__fav .bh-iconbtn:hover, .bh-card__plus .bh-iconbtn:hover, a.bh-card__plus:hover, .bh-craft__toggle:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(31, 27, 22, .14); }
  .bh-gallery__arrow:hover { scale: 1.1; box-shadow: 0 6px 16px rgba(31, 27, 22, .14); }
  .bh-gallery__arrow--prev:hover .bh-icon { transform: translateX(-2px); }
  .bh-gallery__arrow--next:hover .bh-icon { transform: translateX(2px); }
  .bh-card__fav:hover::after { transform: translate(-50%, -50%) scale(1.1); box-shadow: 0 6px 16px rgba(31, 27, 22, .14); }
  .bh-gallery__fav .bh-iconbtn:hover .bh-icon, .bh-card__fav .bh-iconbtn:hover .bh-icon { background-color: var(--accent); }
}
.bh-gallery__fav .bh-iconbtn:active, .bh-card__plus .bh-iconbtn:active, a.bh-card__plus:active, .bh-craft__toggle:active { transform: scale(.9); box-shadow: none; }
.bh-gallery__arrow:active { scale: .9; box-shadow: none; }
.bh-card__fav:active::after { transform: translate(-50%, -50%) scale(.9); box-shadow: none; }
.bh-card__fav .bh-iconbtn:active .bh-icon, .bh-gallery__fav .bh-iconbtn:active .bh-icon { transform: scale(.85); }
/* Favoriye eklenince kalp bir kez "atar" (aria-pressed true olunca kural ilk kez uygulanır) */
.bh-gallery__fav .bh-iconbtn[aria-pressed="true"] .bh-icon, .bh-card__fav button[aria-pressed="true"] .bh-icon { animation: bh-pop .45s ease; background-color: var(--foreground); }

/* Sosyal medya ikonları: görünüme girince sırayla belirir, hover'da yumuşak elips + ikon kalkar */
.bh-social .bh-iconbtn::before { background: var(--surface); box-shadow: 0 4px 12px rgba(31, 27, 22, .08); }
.bh-social .bh-iconbtn:active::before { background: var(--surface); }
@media (hover: hover) and (pointer: fine) { .bh-social .bh-iconbtn:hover { color: var(--accent); } }
@media (hover: hover) and (pointer: fine) {
  .bh-social .bh-iconbtn:hover .bh-icon { transform: translateY(-2px) rotate(-6deg) scale(1.08); }
  .bh-social li:nth-child(even) .bh-iconbtn:hover .bh-icon { transform: translateY(-2px) rotate(6deg) scale(1.08); }
}
.bh-social.is-in li { animation: bh-rise .5s cubic-bezier(.2, .8, .3, 1) both; }
.bh-social.is-in li:nth-child(2) { animation-delay: .07s; }
.bh-social.is-in li:nth-child(3) { animation-delay: .14s; }
.bh-social.is-in li:nth-child(4) { animation-delay: .21s; }
.bh-social.is-in li:nth-child(5) { animation-delay: .28s; }
.bh-social.is-in li:nth-child(6) { animation-delay: .35s; }

/* Sofraya göre seçkiler (4 görsel): hover'da yavaş yakınlaşma + metal üzerinde ışık süzülmesi */
.bh-collection { position: relative; }
.bh-collection__media { position: relative; }
.bh-collection__media img { transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.bh-collection__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 35%, rgba(255, 250, 240, .38) 50%, transparent 65%); transform: translateX(-120%); }
.bh-collection .bh-h4 { transition: color .2s ease; }
@media (hover: hover) and (pointer: fine) {
  .bh-collection:hover .bh-collection__media img { transform: scale(1.06); }
  .bh-collection:hover .bh-collection__media::after { transform: translateX(120%); transition: transform 1.1s cubic-bezier(.3, .6, .2, 1); }
  .bh-collection:hover .bh-h4 { color: var(--accent); }
}
.bh-collection:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }

/* Ürün kartı kaplama etiketleri: sola dayalı (ad ve fiyatla aynı hiza), hover'da çerçeve */
.bh-card__finishes { margin-left: calc(-1 * var(--space-8)); }
.bh-card__finishes .bh-swatch { position: relative; z-index: 2; justify-content: flex-start; min-width: 0; padding: 0 var(--space-8); border: 1px solid transparent; border-radius: var(--radius-xs); transition: border-color .18s ease, color .18s ease; }
@media (hover: hover) and (pointer: fine) {
  .bh .bh-card__finishes .bh-swatch:hover { border-color: var(--border-strong); color: var(--foreground); }
}

/* Dil + para birimi açılır menüsü: açılış/kapanış (yalnız opaklık + kayma; düzen değiştirmez) */
.bh-langcur__menu { transform-origin: top right; transition: opacity .18s ease, transform .2s cubic-bezier(.2, .8, .3, 1), display .2s allow-discrete; }
.bh-langcur__menu[hidden] { display: none; opacity: 0; transform: translateY(-6px) scale(.98); }
@starting-style { .bh-langcur__menu:not([hidden]) { opacity: 0; transform: translateY(-6px) scale(.98); } }
.bh-langcur--light .bh-langcur__menu { transform-origin: bottom right; }
.bh-langcur--light .bh-langcur__menu[hidden] { transform: translateY(6px) scale(.98); }
@starting-style { .bh-langcur--light .bh-langcur__menu:not([hidden]) { transform: translateY(6px) scale(.98); } }
.bh-langcur__currency .bh-icon { transition: transform .2s ease; }
.bh-langcur__trigger[aria-expanded="true"] .bh-langcur__currency .bh-icon { transform: rotate(180deg); }

/* Akordiyon paneli: açılırken yumuşak belirme, kapanırken sönme */
.bh-acc__panel { transition: opacity .22s ease, transform .22s ease, display .22s allow-discrete; }
.bh-acc__panel[hidden] { opacity: 0; transform: translateY(-4px); }
@starting-style { .bh-acc__panel:not([hidden]) { opacity: 0; transform: translateY(-4px); } }

@media (prefers-reduced-motion: reduce) {
  .bh-mainbar .bh-iconbtn::before, .bh-mobilebar .bh-iconbtn::before, .bh-social .bh-iconbtn::before { transition: opacity .15s ease; transform: none !important; }
  .bh-mainbar .bh-iconbtn .bh-icon, .bh-mobilebar .bh-iconbtn .bh-icon, .bh-social .bh-iconbtn .bh-icon,
  .bh-iconbtn--round, .bh-iconbtn--round .bh-icon, .bh-gallery__arrow, .bh-card__fav::after,
  .bh-collection__media img, .bh-langcur__menu, .bh-acc__panel, .bh-langcur__currency .bh-icon { transition: none !important; animation: none !important; transform: none !important; scale: none !important; }
  .bh-collection__media::after { display: none; }
  .bh-social.is-in li { animation: none !important; }
}

/* Yorum okları (revize 30 · ReviewTicker 569:23914): taban Figma'daki gibi beyaz zemin, #CFC7BB kenar, 24 px ikon #1F1B16.
   Kaydırılacak yer yoksa da ikon soluklaşmaz (disabled yalnız etkileşimi kapatır). Hover: koyu zemin + açık ikon;
   basılı: pirinç zemin. */
.bh-reviews__nav .bh-iconbtn--circle { color: #1f1b16; border-color: var(--border-strong); background: var(--surface); transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
.bh-reviews__nav .bh-iconbtn--circle:disabled { opacity: 1; color: #1f1b16; cursor: default; }
.bh-reviews__nav .bh-iconbtn--circle .bh-icon { transition: transform .2s ease; }
@media (hover: hover) and (pointer: fine) {
  .bh .bh-reviews__nav .bh-iconbtn--circle:not(:disabled):hover { background: var(--foreground); border-color: var(--foreground); color: var(--primary-foreground); }
  .bh-reviews__nav [data-bh-prev]:not(:disabled):hover .bh-icon { transform: translateX(-2px); }
  .bh-reviews__nav [data-bh-next]:not(:disabled):hover .bh-icon { transform: translateX(2px); }
}
.bh .bh-reviews__nav .bh-iconbtn--circle:not(:disabled):active { background: var(--accent); border-color: var(--accent); color: var(--primary-foreground); transform: scale(.94); }
.bh-reviews__nav .bh-iconbtn--circle:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ring); }
@media (prefers-reduced-motion: reduce) { .bh-reviews__nav .bh-iconbtn--circle, .bh-reviews__nav .bh-iconbtn--circle .bh-icon { transition: none; transform: none !important; } }


/* ==========================================================================
   Revize 2026-11-05 (38–40) · tema açılır menüleri, galeri büyüteci + görsel modalı, yukarı çık
   Animasyonlar yalnız opacity/transform; "hareketi azalt"ta kapalı.
   ========================================================================== */

/* Ortak açılır menü (bh-dd): listeleme Sırala/Yüzey/Fiyat ve ürün seçenekleri aynı görünümü kullanır */
.bh-dd { position: relative; }
.bh-dd__menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 60; min-width: 100%; margin: 0; padding: var(--space-8) 0; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-popover); transform-origin: top left; transition: opacity .18s ease, transform .22s cubic-bezier(.2, .8, .3, 1), display .22s allow-discrete; }
.bh-dd__menu.is-right { left: auto; right: 0; transform-origin: top right; }
.bh-dd__menu[hidden] { display: none; opacity: 0; transform: translateY(-6px) scale(.98); }
@starting-style { .bh-dd__menu:not([hidden]) { opacity: 0; transform: translateY(-6px) scale(.98); } }
.bh-dd__menu--list { list-style: none; }
.bh-dd__chevron { transition: transform .22s ease; }
.bh-dd.is-open .bh-dd__chevron { transform: rotate(180deg); }
.bh-dd__option { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); min-height: 44px; padding: 0 var(--space-16); font-size: 16px; line-height: 26px; color: var(--foreground); white-space: nowrap; transition: background-color .15s ease; }
.bh-dd__option .bh-icon { visibility: hidden; }
.bh-dd__option[aria-current="true"], .bh-dd__option[aria-selected="true"] { font-weight: 500; }
.bh-dd__option[aria-current="true"] .bh-icon, .bh-dd__option[aria-selected="true"] .bh-icon { visibility: visible; }
.bh .bh-dd__option:hover { background: var(--muted); color: var(--foreground); }
.bh-dd__option:focus-visible { outline: none; background: var(--muted); box-shadow: inset 0 0 0 2px var(--ring); }

/* Ürün seçenekleri (Ölçü …): yerel select kalır (form, doğrulama, ekran okuyucu), açılan liste temadan gelir.
   Dokunmatik ekranlarda cihazın kendi seçicisi açılır. */
.bh-select.is-enhanced { --bh-dd-max: 320px; }
.bh-select > .bh-icon { transition: transform .22s ease; }
.bh-select.is-enhanced.is-open > .bh-icon { transform: rotate(180deg); }
.bh-select select.bh-select__input { transition: border-color .15s ease; }
.bh .bh-select select.bh-select__input:hover, .bh-select.is-open select { border-color: var(--foreground); }
.bh-select.is-enhanced.is-open select[aria-invalid="true"] { border-color: var(--error); }
.bh-select__menu { max-height: min(var(--bh-dd-max), 50vh); overflow-y: auto; overscroll-behavior: contain; }
.bh-select__menu.is-up { top: auto; bottom: calc(100% + 8px); transform-origin: bottom left; }
.bh-select__menu .bh-dd__option { cursor: pointer; white-space: normal; padding-block: var(--space-8); }
.bh-select__menu .bh-dd__option.is-active { background: var(--muted); }
.bh-select__menu .bh-dd__option[aria-disabled="true"] { color: var(--subtle-foreground); cursor: not-allowed; }
.bh .bh-select__menu .bh-dd__option[aria-disabled="true"]:hover { background: transparent; color: var(--subtle-foreground); }

/* Galeri büyüteci (Icon/zoom 24 px, ham) · ana görselin sağ alt köşesi */
.bh-gallery__zoom { position: absolute; right: var(--space-24); bottom: var(--space-24); z-index: 2; width: 40px; height: 40px; transition: transform .22s cubic-bezier(.2, .9, .3, 1.25), box-shadow .22s ease, opacity .2s ease, visibility .2s; }
.bh-gallery__zoom .bh-icon { transition: background-color .2s ease, transform .22s ease; }
.bh-gallery.is-video .bh-gallery__zoom { opacity: 0; visibility: hidden; pointer-events: none; }
@media (hover: hover) {
  .bh-gallery__zoom:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(31, 27, 22, .14); }
  .bh-gallery__zoom:hover .bh-icon { background-color: var(--accent); transform: scale(1.06); }
}
.bh-gallery__zoom:active { transform: scale(.9); box-shadow: none; }
.bh-gallery__zoom:active .bh-icon { background-color: var(--foreground); }
.bh-gallery__zoom:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ring); }
@media (max-width: 991.98px) {
  .bh-gallery__zoom { right: var(--space-16); bottom: var(--space-16); }
  .bh-gallery--pdp .bh-gallery__counter { right: calc(var(--space-16) + 48px); bottom: calc(var(--space-16) + 8px); }
}

/* Görsel modalı (lightbox): sayfa zemini üzerinde görsel, kapat, oklar, sayaç; tıkla-yakınlaştır */
.bh-lb { position: fixed; inset: 0; z-index: 300; display: grid; grid-template-rows: 72px minmax(0, 1fr) 72px; background: var(--background); opacity: 0; transition: opacity .25s ease; }
.bh-lb[hidden] { display: none; }
.bh-lb.is-open { opacity: 1; }
.bh-lb__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); padding: 0 var(--space-24); }
.bh-lb__count { font-size: 14px; line-height: 22px; letter-spacing: 0.04em; color: var(--muted-foreground); }
.bh-lb__stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 0; overflow: hidden; padding: 0 96px; touch-action: pan-y pinch-zoom; }
.bh-lb__img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; cursor: zoom-in; user-select: none; -webkit-user-drag: none; transform: scale(.97); transition: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .2s ease; }
.bh-lb.is-open .bh-lb__img { transform: none; }
.bh-lb__img.is-loading { opacity: 0; }
.bh-lb.is-zoomed .bh-lb__img { transform: scale(2); cursor: zoom-out; transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.bh-lb.is-zoomed .bh-lb__stage { touch-action: none; }
.bh-lb .bh-iconbtn--round { width: 44px; height: 44px; border: 1px solid var(--border); transition: transform .22s cubic-bezier(.2, .9, .3, 1.25), background-color .2s ease, color .2s ease, border-color .2s ease; }
.bh-lb__arrow { position: absolute; top: 50%; z-index: 2; margin-top: -22px; }
.bh-lb__arrow--prev { left: var(--space-24); }
.bh-lb__arrow--next { right: var(--space-24); }
.bh-lb.is-zoomed .bh-lb__arrow { opacity: 0; pointer-events: none; }
@media (hover: hover) {
  .bh-lb .bh-iconbtn--round:hover { background: var(--foreground); border-color: var(--foreground); color: var(--surface); transform: scale(1.06); }
  .bh-lb__arrow--prev:hover .bh-icon { transform: translateX(-2px); }
  .bh-lb__arrow--next:hover .bh-icon { transform: translateX(2px); }
  .bh-lb__close:hover .bh-icon { transform: rotate(90deg); }
}
.bh-lb .bh-iconbtn--round .bh-icon { transition: transform .22s ease; }
.bh-lb .bh-iconbtn--round:active { background: var(--accent); border-color: var(--accent); color: var(--primary-foreground); transform: scale(.92); }
.bh-lb .bh-iconbtn--round:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ring); }
.bh-lb__hint { margin: 0; text-align: center; align-self: center; font-size: 13px; line-height: 20px; color: var(--muted-foreground); }
@media (max-width: 767.98px) {
  .bh-lb { grid-template-rows: 64px minmax(0, 1fr) 64px; }
  .bh-lb__bar { padding: 0 var(--space-16); }
  .bh-lb__stage { padding: 0; }
  .bh-lb__arrow { top: auto; bottom: var(--space-16); margin-top: 0; }
  .bh-lb__arrow--prev { left: var(--space-16); }
  .bh-lb__arrow--next { right: var(--space-16); }
}

/* Yukarı çık (Icon/chevron-up 24 px, ham): WhatsApp düğmesinin üstünde; footer ödeme ikonlarına binerse yukarı kalkar */
.bh-totop { position: fixed; right: 30px; bottom: calc(92px + env(safe-area-inset-bottom)); z-index: 80; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-full); background: var(--surface); color: var(--foreground); box-shadow: var(--shadow-popover); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(calc(12px - var(--bh-lift, 0px))); transition: opacity .25s ease, visibility .25s, transform .3s cubic-bezier(.2, .8, .2, 1), background-color .2s ease, color .2s ease, border-color .2s ease; }
.bh-totop--solo { right: 24px; bottom: calc(24px + env(safe-area-inset-bottom)); }
.bh-totop.is-visible { opacity: 1; visibility: visible; transform: translateY(calc(-1 * var(--bh-lift, 0px))); }
.bh-totop .bh-icon { transition: transform .22s ease; }
@media (hover: hover) {
  .bh-totop:hover { background: var(--foreground); border-color: var(--foreground); color: var(--surface); }
  .bh-totop:hover .bh-icon { transform: translateY(-2px); }
}
.bh-totop:active { background: var(--accent); border-color: var(--accent); color: var(--primary-foreground); }
.bh-totop:active .bh-icon { transform: translateY(-4px); }
.bh-totop:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ring); }
body.bh-has-buybar .bh-totop { bottom: calc(164px + env(safe-area-inset-bottom)); }
body.bh-has-buybar .bh-totop--solo { bottom: calc(96px + env(safe-area-inset-bottom)); }
@media (max-width: 767.98px) {
  .bh-totop { right: 22px; bottom: calc(84px + env(safe-area-inset-bottom)); }
  .bh-totop--solo { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  .bh-dd__menu, .bh-dd__chevron, .bh-select.is-enhanced > .bh-icon, .bh-gallery__zoom, .bh-gallery__zoom .bh-icon,
  .bh-lb, .bh-lb__img, .bh-lb .bh-iconbtn--round, .bh-lb .bh-iconbtn--round .bh-icon, .bh-totop, .bh-totop .bh-icon { transition: none !important; }
}