/* ==========================================================================
   BH Makine — tema stilleri
   Palet ve tipografi tasarım canvas'ından birebir alınmıştır.
   ========================================================================== */

:root {
    --lacivert: #0D1B2E;
    --lacivert-koyu: #0A1523;
    --lacivert-kart: #0F1E33;
    --lacivert-cizgi: #1B2C42;
    --lacivert-cerceve: #24374F;
    --lacivert-acik: #2E4763;
    --mavi: #185FA5;
    --mavi-acik: #7FB0DE;
    --mavi-solgun: #C9DEF3;
    --turkuaz: #29D0D8;
    --gri-zemin: #EEF0F4;
    --gri-cizgi: #DDE3EB;
    --gri-cerceve: #C6D0DC;
    --gri-metin: #5A6B7D;
    --gri-soluk: #7C93AD;
    --gri-yer: #9AA8B8;
    --mavi-metin: #A8C4E0;
    --gorsel-zemin: #16273D;
    --beyaz: #FFFFFF;
    --beyaz-kirik: #FAFBFC;
    --beyaz-gri: #F7F9FB;

    --kap: 1240px;
    --yazi: Poppins, 'Helvetica Neue', Arial, sans-serif;
    --mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
    margin: 0;
    font-family: var(--yazi);
    font-size: 16px;
    line-height: 1.6;
    color: var(--lacivert);
    background: var(--beyaz);
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--mavi); text-decoration: none; }
a:hover { color: var(--lacivert); }
h1, h2, h3 { margin: 0; letter-spacing: -.02em; line-height: 1.2; font-weight: 600; text-wrap: pretty; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }

.mono { font-family: var(--mono); }

:focus-visible {
    outline: 2px solid var(--turkuaz);
    outline-offset: 2px;
}

.bh-atla {
    position: absolute; left: -9999px; top: 0; z-index: 999;
    background: var(--mavi); color: #fff; padding: 12px 20px;
}
.bh-atla:focus { left: 0; color: #fff; }

.bh-kap { max-width: var(--kap); margin: 0 auto; padding: 0 40px; }

/* Teknik çizim ızgarası — gradient blob yerine */
.bh-izgara {
    position: absolute; inset: 0; pointer-events: none;
    background-image:
        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: .6;
}

/* --------------------------------------------------------- Üst şerit */
.bh-ustserit { background: var(--lacivert-koyu); border-bottom: 1px solid var(--lacivert-cizgi); }
.bh-ustserit-ic { height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.bh-ustserit-sol { display: flex; align-items: center; gap: 28px; }
.bh-ustserit-link { font-family: var(--mono); font-size: 12px; color: var(--mavi-metin); letter-spacing: .04em; }
.bh-ustserit-link:hover { color: var(--turkuaz); }
.bh-ustserit-sag { display: flex; align-items: center; gap: 20px; }
.bh-etiket { font-family: var(--mono); font-size: 11px; color: var(--gri-soluk); letter-spacing: .12em; text-transform: uppercase; }
.bh-etiket--turkuaz { color: var(--turkuaz); }
.bh-ayrac { width: 1px; height: 14px; background: var(--lacivert-cerceve); }

/* --------------------------------------------------------- Header */
.bh-header { background: var(--lacivert); border-bottom: 1px solid var(--lacivert-cizgi); position: relative; z-index: 20; }
.bh-header-ic { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }

.bh-logo { display: flex; align-items: center; color: #fff; }
.bh-logo:hover { color: #fff; }
.bh-logo-svg { display: block; height: 48px; width: auto; }
.bh-logo img { max-height: 42px; width: auto; }

/* Hat üzerindeki kutular imleç üstündeyken ilerler — logo işin kendisini anlatır */
.bh-logo-kutu { transition: transform .45s cubic-bezier(.22,.61,.36,1); }
.bh-logo:hover .bh-logo-kutu--1 { transform: translateX(17px); }
.bh-logo:hover .bh-logo-kutu--2 { transform: translateX(17px); }
.bh-logo:hover .bh-logo-kutu--3 { transform: translateX(17px); opacity: 0; }
.bh-logo:hover .bh-logo-makaralar circle { animation: bh-donen 1.2s linear infinite; transform-origin: center; }
@keyframes bh-donen { to { transform: rotate(360deg); } }

.bh-nav { display: flex; align-items: center; gap: 34px; }
.bh-menu { display: flex; align-items: center; gap: 34px; }
.bh-menu a { font-size: 14px; color: var(--mavi-metin); }
.bh-menu a:hover { color: #fff; }
.bh-menu .current-menu-item > a,
.bh-menu .current_page_item > a,
.bh-menu .current-menu-parent > a {
    color: #fff; font-weight: 500;
    border-bottom: 2px solid var(--turkuaz); padding-bottom: 4px;
}
.bh-menu .sub-menu { display: none; }

.bh-menu-dugme {
    display: none; background: none; border: 0; color: #fff;
    width: 44px; height: 44px; align-items: center; justify-content: center; cursor: pointer;
}

/* --------------------------------------------------------- Butonlar */
.bh-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 15px 30px; font-size: 14px; font-weight: 600; letter-spacing: .02em;
    border: 1px solid transparent; cursor: pointer; text-align: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.bh-btn--birincil { background: var(--mavi); color: #fff; }
.bh-btn--birincil:hover { background: #14528F; color: #fff; }
.bh-btn--beyaz { background: #fff; color: var(--mavi); }
.bh-btn--beyaz:hover { background: var(--gri-zemin); color: var(--mavi); }
.bh-btn--cerceve { border-color: var(--gri-cerceve); background: #fff; color: var(--lacivert); font-weight: 500; }
.bh-btn--cerceve:hover { border-color: var(--mavi); color: var(--mavi); }
.bh-btn--cerceve-acik { border-color: var(--lacivert-acik); color: #fff; font-weight: 500; }
.bh-btn--cerceve-acik:hover { border-color: var(--turkuaz); color: #fff; }
.bh-btn--blok { width: 100%; }
.bh-nav-cta { padding: 11px 22px; font-size: 13px; }

/* --------------------------------------------------------- Hero */
.bh-hero { position: relative; background: var(--lacivert); overflow: hidden; }
.bh-hero-cizgi { position: absolute; left: 0; top: 0; width: 4px; height: 190px; background: var(--turkuaz); }
.bh-hero-ic {
    position: relative; padding-top: 88px; padding-bottom: 96px;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: center;
}
.bh-hero-metin { display: flex; flex-direction: column; gap: 28px; }
.bh-hero h1 { font-size: 52px; line-height: 1.14; color: #fff; }
.bh-vurgu { color: var(--turkuaz); }
.bh-hero-alt { font-size: 16px; line-height: 1.75; color: var(--mavi-metin); max-width: 480px; }
.bh-hero-dugmeler { display: flex; gap: 14px; flex-wrap: wrap; padding-top: 6px; }
.bh-hero-gorsel { position: relative; }
.bh-hero-img { width: 100%; height: 420px; object-fit: cover; border: 1px solid var(--lacivert-cerceve); }

.bh-goz {
    display: flex; align-items: center; gap: 12px;
    font-family: var(--mono); font-size: 11px; color: var(--turkuaz);
    letter-spacing: .2em; text-transform: uppercase;
}
.bh-goz--mavi { color: var(--mavi); }
.bh-goz-cizgi { width: 28px; height: 1px; background: currentColor; flex: 0 0 28px; }

/* --------------------------------------------------------- Görsel yer tutucu */
.bh-gorsel { width: 100%; object-fit: cover; }
.bh-gorsel-yok {
    position: relative; background: var(--gorsel-zemin); border: 1px solid var(--lacivert-cerceve);
    min-height: 200px; display: flex; align-items: flex-end;
    background-image:
        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 32px 32px;
}
.bh-gorsel-yok--buyuk { min-height: 420px; }
.bh-gorsel-yok-etiket {
    font-family: var(--mono); font-size: 10.5px; color: var(--gri-soluk);
    letter-spacing: .06em; text-transform: uppercase; padding: 14px 16px;
}

/* --------------------------------------------------------- Güven şeridi */
.bh-guven { background: var(--lacivert-koyu); border-top: 1px solid var(--lacivert-cizgi); }
.bh-guven-ic { display: grid; grid-template-columns: repeat(var(--bh-sutun, 4), minmax(0, 1fr)); }
.bh-guven-oge { padding: 30px 0 30px 34px; border-right: 1px solid var(--lacivert-cizgi); display: flex; flex-direction: column; gap: 5px; }
.bh-guven-oge:first-child { padding-left: 0; }
.bh-guven-oge:last-child { border-right: 0; }
.bh-guven-deger { font-size: 30px; font-weight: 600; color: #fff; letter-spacing: -.02em; }
.bh-guven-metin { font-size: 13px; color: var(--gri-soluk); }

/* --------------------------------------------------------- Bölüm */
.bh-bolum { padding: 90px 0; }
.bh-bolum--gri { background: var(--gri-zemin); border-top: 1px solid var(--gri-cizgi); }
.bh-bolum--dar-ust { padding-top: 48px; }

.bh-bolum-basi { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 48px; }
.bh-bolum-basi--tek { margin-bottom: 46px; }
.bh-bolum-basi h2 { font-size: 38px; margin-top: 16px; }
.bh-bolum-not { font-size: 15px; line-height: 1.7; color: var(--gri-metin); max-width: 340px; flex-shrink: 0; }

/* --------------------------------------------------------- Kartlar */
.bh-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.bh-kartlar--dort { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }

.bh-kart { border: 1px solid var(--gri-cizgi); background: #fff; display: flex; flex-direction: column; }
.bh-kart-gorsel { display: block; overflow: hidden; }
.bh-kart-gorsel .bh-gorsel { height: 210px; }
.bh-kart-gorsel .bh-gorsel-yok { min-height: 210px; }
.bh-kartlar--dort .bh-kart-gorsel .bh-gorsel,
.bh-kartlar--dort .bh-kart-gorsel .bh-gorsel-yok { height: 150px; min-height: 150px; }

.bh-kart-ic { padding: 28px; display: flex; flex-direction: column; gap: 16px; flex: 1; }
.bh-kartlar--dort .bh-kart-ic { padding: 18px; gap: 7px; }
.bh-kart-no, .bh-kart-seri { font-size: 11px; color: var(--mavi); letter-spacing: .16em; }
.bh-kart-seri { color: var(--gri-soluk); letter-spacing: .14em; font-size: 10.5px; }
.bh-kart h2, .bh-kart h3, .bh-kart-baslik { font-size: 21px; font-weight: 600; letter-spacing: -.01em; }
.bh-kartlar--dort .bh-kart h3 { font-size: 15px; }
.bh-kart h2 a, .bh-kart h3 a { color: var(--lacivert); }
.bh-kart h2 a:hover, .bh-kart h3 a:hover { color: var(--mavi); }
.bh-kart-ozet { font-size: 14px; line-height: 1.7; color: var(--gri-metin); }
.bh-kartlar--dort .bh-kart-ozet { font-size: 12.5px; }
.bh-kart-liste { display: flex; flex-direction: column; gap: 9px; padding-top: 16px; border-top: 1px solid var(--gri-zemin); }
.bh-kart-liste li { font-size: 13.5px; color: var(--lacivert); }
.bh-kart-link { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--mavi); margin-top: auto; padding-top: 8px; min-height: 44px; }
.bh-kart-link:hover { color: var(--lacivert); }

.bh-kart--ozel { border-style: dashed; border-color: var(--gri-cerceve); background: var(--beyaz-gri); padding: 28px; justify-content: center; gap: 14px; }
.bh-kart--ozel .bh-ikon { color: var(--mavi); }
.bh-kart--ozel h2 { font-size: 18px; }
.bh-kart--ozel p { font-size: 13.5px; line-height: 1.7; color: var(--gri-metin); }

.bh-rozetler { display: flex; gap: 7px; flex-wrap: wrap; }
.bh-rozet { font-size: 10.5px; color: var(--mavi); background: var(--gri-zemin); padding: 5px 9px; }

/* --------------------------------------------------------- Neden / özellikler */
.bh-neden { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px; align-items: start; }
.bh-neden-metin { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.bh-neden-metin h2 { font-size: 36px; line-height: 1.22; }
.bh-neden-metin p { font-size: 15px; line-height: 1.8; color: var(--gri-metin); }

.bh-neden-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--gri-cizgi); border: 1px solid var(--gri-cizgi); }
.bh-ozellik { background: #fff; padding: 26px 22px; display: flex; flex-direction: column; gap: 10px; }
.bh-ozellik .bh-ikon { color: var(--mavi); }
.bh-ozellik h3 { font-size: 14.5px; }
.bh-ozellik p { font-size: 13px; line-height: 1.65; color: var(--gri-metin); }

/* --------------------------------------------------------- Süreç */
.bh-surec { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2px solid var(--lacivert); }
.bh-surec-adim { padding: 30px 28px; border-right: 1px solid var(--gri-cizgi); display: flex; flex-direction: column; gap: 12px; }
.bh-surec-adim:first-child { padding-left: 0; }
.bh-surec-adim--son { border-right: 0; padding-right: 0; }
.bh-surec-no { font-size: 34px; font-weight: 600; color: var(--gri-cerceve); letter-spacing: -.02em; }
.bh-surec-adim--son .bh-surec-no { color: var(--mavi); }
.bh-surec-adim h3 { font-size: 16px; }
.bh-surec-adim p { font-size: 13.5px; line-height: 1.7; color: var(--gri-metin); }

/* --------------------------------------------------------- Sayfa başı */
.bh-sayfa-basi { position: relative; background: var(--lacivert); overflow: hidden; padding: 44px 0 62px; }
.bh-sayfa-basi .bh-kap { position: relative; }
.bh-sayfa-basi h1 { font-size: 44px; line-height: 1.16; color: #fff; }
.bh-sayfa-basi-ic { display: grid; grid-template-columns: 1.25fr 1fr; gap: 60px; align-items: end; }
.bh-sayfa-giris { margin-top: 20px; }
.bh-sayfa-giris p { font-size: 15.5px; line-height: 1.8; color: var(--mavi-metin); max-width: 620px; }

.bh-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.bh-breadcrumb li { font-family: var(--mono); font-size: 11.5px; color: var(--gri-soluk); }
.bh-breadcrumb li + li::before { content: "/"; margin-right: 9px; color: #3E5471; }
.bh-breadcrumb a { color: var(--gri-soluk); }
.bh-breadcrumb a:hover { color: var(--turkuaz); }
.bh-breadcrumb [aria-current] { color: var(--turkuaz); }
.bh-sayfa-basi .bh-breadcrumb { margin-bottom: 26px; }

.bh-breadcrumb-serit { background: var(--gri-zemin); border-bottom: 1px solid var(--gri-cizgi); padding: 15px 0; }
.bh-breadcrumb-serit .bh-breadcrumb li { color: var(--gri-metin); }
.bh-breadcrumb-serit .bh-breadcrumb a { color: var(--gri-metin); }
.bh-breadcrumb-serit .bh-breadcrumb a:hover { color: var(--mavi); }
.bh-breadcrumb-serit .bh-breadcrumb li + li::before { color: var(--gri-cerceve); }
.bh-breadcrumb-serit .bh-breadcrumb [aria-current] { color: var(--mavi); }

/* Künye kutuları */
.bh-kunye { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--lacivert-cizgi); border: 1px solid var(--lacivert-cizgi); }
.bh-kunye-oge { background: var(--lacivert-kart); padding: 18px 16px; display: flex; flex-direction: column; gap: 5px; }
.bh-kunye-etiket { font-size: 10px; color: var(--gri-soluk); letter-spacing: .12em; }
.bh-kunye-deger { font-size: 15px; font-weight: 600; color: #fff; line-height: 1.45; }

/* --------------------------------------------------------- Ürün sayfası */
.bh-urun-ust { display: grid; grid-template-columns: 1.15fr 1fr; gap: 56px; align-items: start; }
.bh-urun-galeri { display: flex; flex-direction: column; gap: 14px; }
.bh-urun-ana-gorsel .bh-gorsel--buyuk { height: 430px; }
.bh-urun-ana-gorsel .bh-gorsel-yok { min-height: 430px; }
.bh-urun-kucukler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.bh-gorsel--kucuk { height: 92px; }

.bh-urun-bilgi { display: flex; flex-direction: column; gap: 22px; }
.bh-urun-etiketler { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bh-etiket--dolu { background: var(--mavi); color: #fff; padding: 5px 10px; font-size: 10.5px; letter-spacing: .1em; text-transform: none; }
.bh-etiket--cerceve { border: 1px solid var(--gri-cerceve); color: var(--mavi); padding: 4px 10px; font-size: 10.5px; letter-spacing: .1em; }
.bh-urun-bilgi h1 { font-size: 38px; line-height: 1.18; }
.bh-urun-ozet p { font-size: 15px; line-height: 1.85; color: var(--gri-metin); }

.bh-ozet-kutular { display: grid; grid-template-columns: repeat(var(--bh-sutun, 3), minmax(0, 1fr)); gap: 1px; background: var(--gri-cizgi); border: 1px solid var(--gri-cizgi); }
.bh-ozet-kutu { background: #fff; padding: 16px 14px; display: flex; flex-direction: column; gap: 5px; }
.bh-ozet-etiket { font-size: 10px; color: var(--gri-soluk); letter-spacing: .1em; }
.bh-ozet-deger { font-size: 16px; font-weight: 600; color: var(--lacivert); }

.bh-urun-form { border: 1px solid var(--gri-cizgi); background: var(--beyaz-gri); padding: 24px; }
.bh-urun-tel { display: flex; align-items: center; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #E4E9EF; font-size: 14px; font-weight: 500; color: var(--lacivert); min-height: 44px; }
.bh-urun-tel .bh-ikon { color: var(--mavi); }

/* Teknik tablo */
.bh-teknik { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; align-items: start; }
.bh-teknik-basi { display: flex; flex-direction: column; gap: 16px; }
.bh-teknik-basi h2 { font-size: 30px; line-height: 1.25; }
.bh-teknik-tablo { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--gri-cizgi); }
.bh-teknik-tablo tr { border-bottom: 1px solid var(--gri-zemin); }
.bh-teknik-tablo tr:last-child { border-bottom: 0; }
.bh-teknik-tablo th {
    text-align: left; font-weight: 400; font-size: 13.5px; color: var(--gri-metin);
    padding: 15px 22px; background: var(--beyaz-kirik); width: 40%;
}
.bh-teknik-tablo td { font-size: 13.5px; color: var(--lacivert); padding: 15px 22px; }

/* Kullanım alanları */
.bh-kullanim { display: grid; grid-template-columns: repeat(var(--bh-sutun, 4), minmax(0, 1fr)); gap: 1px; background: var(--gri-cizgi); border: 1px solid var(--gri-cizgi); }
.bh-kullanim-oge { background: #fff; padding: 26px 22px; display: flex; flex-direction: column; gap: 9px; }
.bh-kullanim-oge h3 { font-size: 15px; }
.bh-kullanim-oge p { font-size: 13px; line-height: 1.7; color: var(--gri-metin); }

.bh-ilgili-baslik { font-size: 24px; margin-bottom: 28px; }

/* --------------------------------------------------------- SSS */
.bh-sss { display: grid; grid-template-columns: 1fr 1.6fr; gap: 64px; align-items: start; }
.bh-sss-basi { display: flex; flex-direction: column; gap: 16px; }
.bh-sss-basi h2 { font-size: 30px; line-height: 1.25; }
.bh-sss-basi p { font-size: 14px; line-height: 1.75; color: var(--gri-metin); }
.bh-sss-liste { border-top: 1px solid var(--gri-cizgi); }
.bh-sss-oge { border-bottom: 1px solid var(--gri-cizgi); }
.bh-sss-oge summary {
    cursor: pointer; list-style: none; padding: 24px 34px 24px 0; position: relative;
    font-size: 16px; font-weight: 600; color: var(--lacivert);
}
.bh-sss-oge summary::-webkit-details-marker { display: none; }
.bh-sss-oge summary::after {
    content: ""; position: absolute; right: 6px; top: 50%; width: 10px; height: 10px;
    border-right: 2px solid var(--mavi); border-bottom: 2px solid var(--mavi);
    transform: translateY(-70%) rotate(45deg); transition: transform .2s ease;
}
.bh-sss-oge[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.bh-sss-cevap { padding: 0 0 24px; }
.bh-sss-cevap p { font-size: 14px; line-height: 1.8; color: var(--gri-metin); }

/* --------------------------------------------------------- Form */
.bh-form { display: flex; flex-direction: column; gap: 16px; }
.bh-form-basi { display: flex; flex-direction: column; gap: 8px; }
.bh-form-basi h2 { font-size: 24px; }
.bh-form--kompakt .bh-form-basi h2 { font-size: 16px; }
.bh-form-basi p { font-size: 14px; line-height: 1.7; color: var(--gri-metin); }
.bh-form-satir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bh-alan { display: flex; flex-direction: column; gap: 8px; }
.bh-alan > span { font-size: 12.5px; font-weight: 500; color: var(--lacivert); }
.bh-alan em { color: #B32D2E; font-style: normal; }
.bh-alan input, .bh-alan select, .bh-alan textarea {
    font-family: var(--yazi); font-size: 14px; color: var(--lacivert);
    border: 1px solid var(--gri-cizgi); background: #fff; padding: 13px 14px; width: 100%;
    border-radius: 0; min-height: 48px;
}
.bh-alan textarea { min-height: 110px; resize: vertical; }
.bh-alan input::placeholder, .bh-alan textarea::placeholder { color: var(--gri-yer); }
.bh-alan input:focus, .bh-alan select:focus, .bh-alan textarea:focus { border-color: var(--mavi); outline: none; }
.bh-onay { display: flex; align-items: flex-start; gap: 10px; font-size: 12.5px; line-height: 1.65; color: var(--gri-metin); }
.bh-onay input { margin-top: 3px; width: 17px; height: 17px; flex: 0 0 17px; }
.bh-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.bh-form-mesaj { padding: 14px 16px; font-size: 14px; line-height: 1.6; border-left: 3px solid; }
.bh-form-mesaj--ok { background: #EDF7ED; border-color: #2E7D32; color: #1B5E20; }
.bh-form-mesaj--hata { background: #FDECEA; border-color: #B32D2E; color: #8C1D18; }

/* --------------------------------------------------------- İletişim */
.bh-iletisim { display: grid; grid-template-columns: 1fr 1.25fr; gap: 60px; align-items: start; }
.bh-iletisim-sol { display: flex; flex-direction: column; gap: 26px; }
.bh-iletisim-kutular { display: flex; flex-direction: column; gap: 1px; background: var(--gri-cizgi); border: 1px solid var(--gri-cizgi); }
.bh-iletisim-kutu { background: #fff; padding: 24px; display: flex; gap: 16px; align-items: flex-start; }
.bh-iletisim-kutu .bh-ikon { color: var(--mavi); flex: 0 0 22px; margin-top: 3px; }
.bh-iletisim-kutu > div { display: flex; flex-direction: column; gap: 5px; }
.bh-iletisim-etiket { font-size: 10.5px; color: var(--gri-soluk); letter-spacing: .14em; text-transform: uppercase; }
.bh-iletisim-deger { font-size: 18px; font-weight: 600; color: var(--lacivert); }
.bh-iletisim-deger--mavi { font-size: 16px; font-weight: 500; color: var(--mavi); }
.bh-iletisim-deger--kucuk { font-size: 15px; font-weight: 400; line-height: 1.7; }
.bh-iletisim-not { font-size: 12.5px; color: var(--gri-metin); }
.bh-iletisim-sag { border: 1px solid var(--gri-cizgi); padding: 36px; }
.bh-harita { min-height: 260px; }
.bh-harita iframe { display: block; }

/* --------------------------------------------------------- CTA */
.bh-cta { background: var(--mavi); }
.bh-cta-ic { padding: 56px 40px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.bh-cta-metin { display: flex; flex-direction: column; gap: 10px; }
.bh-cta h2 { font-size: 28px; color: #fff; letter-spacing: -.01em; }
.bh-cta p { font-size: 15px; color: var(--mavi-solgun); }
.bh-cta-dugmeler { display: flex; gap: 12px; flex-shrink: 0; flex-wrap: wrap; }

/* --------------------------------------------------------- Footer */
.bh-footer { background: var(--lacivert-koyu); padding-top: 64px; }
.bh-footer-ust { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 48px; padding-bottom: 52px; }
.bh-footer-marka { display: flex; flex-direction: column; gap: 18px; }
.bh-footer-marka p { font-size: 13.5px; line-height: 1.75; color: var(--gri-soluk); max-width: 280px; }
.bh-footer-sutun h3 { font-family: var(--mono); font-size: 11px; color: var(--turkuaz); letter-spacing: .16em; text-transform: uppercase; margin-bottom: 14px; font-weight: 500; }
.bh-footer-liste { display: flex; flex-direction: column; gap: 12px; }
.bh-footer-liste li { font-size: 13.5px; color: var(--mavi-metin); line-height: 1.6; }
.bh-footer-liste a { color: var(--mavi-metin); display: inline-flex; align-items: center; min-height: 24px; }
.bh-footer-liste a:hover { color: #fff; }
.bh-footer-iletisim a { font-size: 14px; color: #fff; min-height: 44px; }
.bh-footer-alt { border-top: 1px solid var(--lacivert-cizgi); padding: 22px 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.bh-footer-alt span { font-size: 12.5px; color: var(--gri-metin); }
.bh-footer-rozet { font-size: 11px; letter-spacing: .1em; }

/* --------------------------------------------------------- Yardımcılar */
.bh-metin { max-width: 780px; }
.bh-metin h2 { font-size: 30px; margin: 40px 0 16px; }
.bh-metin h3 { font-size: 21px; margin: 32px 0 12px; }
.bh-metin p { font-size: 16px; line-height: 1.85; color: var(--gri-metin); margin-bottom: 18px; }
.bh-metin ul { list-style: disc; padding-left: 22px; margin-bottom: 18px; }
.bh-metin ul li { font-size: 16px; line-height: 1.85; color: var(--gri-metin); margin-bottom: 8px; }
.bh-metin table { width: 100%; border-collapse: collapse; margin-bottom: 24px; }
.bh-metin th, .bh-metin td { border: 1px solid var(--gri-cizgi); padding: 12px 16px; text-align: left; font-size: 14px; }

.bh-yertutucu { color: var(--gri-soluk); font-family: var(--mono); font-size: .92em; }
.bh-uyari { padding: 24px; background: var(--gri-zemin); border-left: 3px solid var(--mavi); font-size: 15px; line-height: 1.7; color: var(--gri-metin); }
.bh-404-kod { font-size: 64px; font-weight: 600; color: var(--turkuaz); letter-spacing: -.03em; }
.bh-404-alt { margin-top: 32px; font-size: 15px; color: var(--gri-metin); }

.bh-sayfalama, .pagination { margin-top: 48px; display: flex; justify-content: center; }
.bh-sayfalama .nav-links, .pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.bh-sayfalama .page-numbers, .pagination .page-numbers {
    min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 14px; border: 1px solid var(--gri-cizgi); font-size: 14px; color: var(--lacivert);
}
.bh-sayfalama .page-numbers.current { background: var(--mavi); border-color: var(--mavi); color: #fff; }

.bh-wa {
    position: fixed; right: 20px; bottom: 20px; z-index: 50;
    width: 54px; height: 54px; border-radius: 50%;
    background: #25D366; color: #fff;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.bh-wa:hover { color: #fff; background: #1FB855; }

/* --------------------------------------------------------- Tablet */
@media (max-width: 1080px) {
    .bh-kap { padding: 0 28px; }
    .bh-hero-ic { gap: 40px; padding-top: 64px; padding-bottom: 72px; }
    .bh-hero h1 { font-size: 42px; }
    .bh-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bh-kartlar--dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bh-surec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bh-surec-adim { padding-left: 0; }
    .bh-surec-adim:nth-child(2n) { border-right: 0; padding-right: 0; }
    .bh-surec-adim:nth-child(2n+1) { padding-left: 0; }
    .bh-teknik, .bh-sss, .bh-iletisim, .bh-neden { grid-template-columns: 1fr; gap: 40px; }
    .bh-urun-ust { grid-template-columns: 1fr; gap: 36px; }
    .bh-sayfa-basi-ic { grid-template-columns: 1fr; gap: 32px; align-items: start; }
    .bh-footer-ust { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; }
    .bh-bolum { padding: 64px 0; }
}

/* --------------------------------------------------------- Mobil */
@media (max-width: 860px) {
    .bh-kap { padding: 0 18px; }
    .bh-ustserit { display: none; }

    .bh-menu-dugme { display: flex; }
    .bh-nav {
        display: none; position: absolute; left: 0; right: 0; top: 100%;
        background: var(--lacivert); border-bottom: 1px solid var(--lacivert-cizgi);
        flex-direction: column; align-items: stretch; gap: 0; padding: 8px 18px 20px;
    }
    .bh-nav.acik { display: flex; }
    .bh-menu { flex-direction: column; align-items: stretch; gap: 0; }
    .bh-menu li { border-bottom: 1px solid var(--lacivert-cizgi); }
    .bh-menu a { display: flex; align-items: center; min-height: 52px; font-size: 15px; }
    .bh-menu .current-menu-item > a { border-bottom: 0; padding-bottom: 0; }
    .bh-nav-cta { margin-top: 16px; min-height: 52px; }

    .bh-hero-ic { grid-template-columns: 1fr; gap: 24px; padding-top: 34px; padding-bottom: 30px; }
    .bh-hero h1 { font-size: 31px; line-height: 1.2; }
    .bh-hero-alt { font-size: 14.5px; }
    .bh-hero-dugmeler { flex-direction: column; }
    .bh-hero-dugmeler .bh-btn { width: 100%; min-height: 52px; }
    .bh-hero-img { height: 190px; }
    .bh-gorsel-yok--buyuk { min-height: 190px; }
    .bh-hero-cizgi { height: 120px; width: 3px; }

    .bh-guven-ic { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .bh-guven-oge { padding: 20px 18px; border-bottom: 1px solid var(--lacivert-cizgi); }
    .bh-guven-oge:first-child, .bh-guven-oge:nth-child(3) { padding-left: 18px; }
    .bh-guven-oge:nth-child(2n) { border-right: 0; }
    .bh-guven-deger { font-size: 23px; }
    .bh-guven-metin { font-size: 12px; }

    .bh-bolum { padding: 44px 0; }
    .bh-bolum-basi { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 26px; }
    .bh-bolum-basi h2 { font-size: 26px; }
    .bh-bolum-not { max-width: none; }

    .bh-kartlar, .bh-kartlar--dort { grid-template-columns: 1fr; gap: 18px; }
    .bh-kart-ic { padding: 22px 20px; gap: 12px; }
    .bh-kart-gorsel .bh-gorsel, .bh-kart-gorsel .bh-gorsel-yok { height: 168px; min-height: 168px; }

    .bh-neden-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bh-ozellik { padding: 20px 16px; }
    .bh-ozellik p { font-size: 13px; }

    .bh-surec { grid-template-columns: 1fr; }
    .bh-surec-adim { border-right: 0; border-bottom: 1px solid var(--gri-cizgi); padding: 22px 0; }
    .bh-surec-adim--son { border-bottom: 0; }

    .bh-sayfa-basi { padding: 28px 0 40px; }
    .bh-sayfa-basi h1 { font-size: 30px; }
    .bh-sayfa-giris p { font-size: 14.5px; }
    .bh-kunye { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .bh-urun-bilgi h1 { font-size: 28px; }
    .bh-urun-ana-gorsel .bh-gorsel--buyuk, .bh-urun-ana-gorsel .bh-gorsel-yok { height: 240px; min-height: 240px; }
    .bh-urun-kucukler { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .bh-gorsel--kucuk { height: 64px; }
    .bh-ozet-kutular { grid-template-columns: 1fr !important; }
    .bh-urun-form { padding: 20px; }

    .bh-teknik-tablo th, .bh-teknik-tablo td { padding: 12px 14px; font-size: 13px; }
    .bh-teknik-tablo th { width: 45%; }
    .bh-kullanim { grid-template-columns: 1fr !important; }

    .bh-form-satir { grid-template-columns: 1fr; }
    .bh-iletisim-sag { padding: 22px 18px; }

    .bh-cta-ic { flex-direction: column; align-items: flex-start; padding: 40px 18px; gap: 18px; }
    .bh-cta h2 { font-size: 23px; line-height: 1.3; }
    .bh-cta-dugmeler { width: 100%; flex-direction: column; }
    .bh-cta-dugmeler .bh-btn { width: 100%; min-height: 52px; }

    .bh-footer { padding-top: 36px; }
    .bh-footer-ust { grid-template-columns: 1fr; gap: 28px; padding-bottom: 24px; }
    .bh-footer-alt { flex-direction: column; align-items: flex-start; gap: 10px; }

    .bh-sss-oge summary { font-size: 15px; padding: 20px 30px 20px 0; }
}

/* --------------------------------------------------------- Yazdırma */
@media print {
    .bh-ustserit, .bh-nav, .bh-menu-dugme, .bh-cta, .bh-wa, .bh-form, .bh-atla { display: none !important; }
    body { color: #000; background: #fff; }
    .bh-hero, .bh-sayfa-basi, .bh-footer { background: #fff !important; }
    .bh-hero h1, .bh-sayfa-basi h1 { color: #000; }
    .bh-izgara { display: none; }
}

/* ==========================================================================
   HAREKET
   Endüstriyel karakter: mekanik, kesin, kısa. Yumuşak "belirme" değil,
   yerine oturma hissi. Hareket kısıtlaması isteyene hiç oynatılmaz.
   ========================================================================== */

/* --- Görünürken yerine oturma ---
   Gizleme yalnızca .js sınıfı varken uygulanır: JavaScript yüklenmezse
   içerik olduğu gibi görünür, hiçbir şey kaybolmaz. */
.js [data-gir] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .5s cubic-bezier(.22,.61,.36,1), transform .5s cubic-bezier(.22,.61,.36,1);
    will-change: opacity, transform;
}
.js [data-gir].gorundu { opacity: 1; transform: none; }
.js [data-gir][data-gir="yan"] { transform: translateX(-22px); }
.js [data-gir][data-gir="yan"].gorundu { transform: none; }

/* Sıralı giriş — kartlar tek tek yerine oturur */
.js [data-gir-sira] > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
.js [data-gir-sira].gorundu > * { opacity: 1; transform: none; }
.js [data-gir-sira].gorundu > *:nth-child(1) { transition-delay: 0ms; }
.js [data-gir-sira].gorundu > *:nth-child(2) { transition-delay: 70ms; }
.js [data-gir-sira].gorundu > *:nth-child(3) { transition-delay: 140ms; }
.js [data-gir-sira].gorundu > *:nth-child(4) { transition-delay: 210ms; }
.js [data-gir-sira].gorundu > *:nth-child(5) { transition-delay: 280ms; }
.js [data-gir-sira].gorundu > *:nth-child(6) { transition-delay: 350ms; }

/* Göz etiketinin çizgisi soldan çizilir — teknik çizim hissi */
.js .bh-goz-cizgi { transform-origin: left center; transform: scaleX(0); transition: transform .5s cubic-bezier(.22,.61,.36,1) .1s; }
.gorundu .bh-goz-cizgi, [data-gir].gorundu .bh-goz-cizgi { transform: scaleX(1); }

/* --- Hero --- */
.js .bh-hero-metin > * { opacity: 0; transform: translateY(16px); animation: bh-giris .6s cubic-bezier(.22,.61,.36,1) forwards; }
.js .bh-hero-metin > *:nth-child(1) { animation-delay: .05s; }
.js .bh-hero-metin > *:nth-child(2) { animation-delay: .14s; }
.js .bh-hero-metin > *:nth-child(3) { animation-delay: .23s; }
.js .bh-hero-metin > *:nth-child(4) { animation-delay: .32s; }
@keyframes bh-giris { to { opacity: 1; transform: none; } }

.js .bh-hero-gorsel { opacity: 0; animation: bh-giris-gorsel .8s cubic-bezier(.22,.61,.36,1) .25s forwards; }
@keyframes bh-giris-gorsel { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }

/* Turkuaz kenar çizgisi yukarıdan aşağı iner */
.bh-hero-cizgi { transform-origin: top; animation: bh-cizgi .7s cubic-bezier(.22,.61,.36,1) .1s backwards; }
@keyframes bh-cizgi { from { transform: scaleY(0); } to { transform: scaleY(1); } }

/* --- Kartlar --- */
.bh-kart {
    transition: border-color .2s ease, transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease;
}
.bh-kart:hover {
    border-color: var(--mavi);
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(13,27,46,.10);
}
.bh-kart-gorsel { overflow: hidden; display: block; position: relative; }
.bh-kart-gorsel .bh-gorsel { transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.bh-kart:hover .bh-kart-gorsel .bh-gorsel { transform: scale(1.045); }

/* Kartın üstünde ilerleyen ince çizgi — konveyör göndermesi */
.bh-kart-gorsel::after {
    content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%;
    background: var(--turkuaz); transform: scaleX(0); transform-origin: left;
    transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
.bh-kart:hover .bh-kart-gorsel::after { transform: scaleX(1); }

.bh-kart-link svg { transition: transform .25s cubic-bezier(.22,.61,.36,1); }
.bh-kart:hover .bh-kart-link svg { transform: translateX(5px); }

/* --- Menü --- */
.bh-menu a { position: relative; padding-bottom: 4px; }
.bh-menu a::after {
    content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%;
    background: var(--turkuaz); transform: scaleX(0); transform-origin: left;
    transition: transform .25s cubic-bezier(.22,.61,.36,1);
}
.bh-menu a:hover::after { transform: scaleX(1); }
.bh-menu .current-menu-item > a { border-bottom: 0; }
.bh-menu .current-menu-item > a::after { transform: scaleX(1); }

/* --- Butonlar --- */
.bh-btn { position: relative; overflow: hidden; }
.bh-btn--birincil:hover { transform: translateY(-1px); }
.bh-btn--beyaz:hover { transform: translateY(-1px); }

/* --- İstatistik sayacı --- */
.bh-guven-oge { position: relative; }
.js .bh-guven-oge::before {
    content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 100%;
    background: var(--turkuaz); transform: scaleY(0); transform-origin: top;
    transition: transform .5s cubic-bezier(.22,.61,.36,1);
}
.bh-guven-ic.gorundu .bh-guven-oge::before { transform: scaleY(1); }
.bh-guven-ic.gorundu .bh-guven-oge:nth-child(2)::before { transition-delay: .09s; }
.bh-guven-ic.gorundu .bh-guven-oge:nth-child(3)::before { transition-delay: .18s; }
.bh-guven-ic.gorundu .bh-guven-oge:nth-child(4)::before { transition-delay: .27s; }

/* --- Süreç adımları --- */
.bh-surec-adim { position: relative; }
.bh-surec-no { transition: color .3s ease; }
.bh-surec-adim:hover .bh-surec-no { color: var(--mavi); }

/* --- Teknik tablo --- */
.bh-teknik-tablo tr { transition: background-color .18s ease; }
.bh-teknik-tablo tbody tr:hover { background: #F2F6FA; }

/* --- SSS --- */
.bh-sss-oge summary { transition: color .2s ease; }
.bh-sss-oge summary:hover { color: var(--mavi); }
.bh-sss-oge[open] > .bh-sss-cevap { animation: bh-ac .32s cubic-bezier(.22,.61,.36,1); }
@keyframes bh-ac { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* --- Ürün galerisi --- */
.bh-urun-ana-gorsel { overflow: hidden; }
.bh-urun-ana-gorsel .bh-gorsel { transition: transform .7s cubic-bezier(.22,.61,.36,1); }
.bh-urun-ana-gorsel:hover .bh-gorsel { transform: scale(1.03); }

/* --- İletişim kutuları --- */
.bh-iletisim-kutu { transition: background-color .2s ease; }
.bh-iletisim-kutu:hover { background: var(--beyaz-gri); }

/* --- Form --- */
.bh-alan input, .bh-alan select, .bh-alan textarea { transition: border-color .18s ease, box-shadow .18s ease; }
.bh-alan input:focus, .bh-alan select:focus, .bh-alan textarea:focus {
    box-shadow: 0 0 0 3px rgba(24,95,165,.10);
}

/* --- WhatsApp --- */
.bh-wa { transition: transform .22s cubic-bezier(.22,.61,.36,1), background-color .2s ease; }
.bh-wa:hover { transform: scale(1.08); }

/* --- Hareket kısıtlaması: her şeyi kapat --- */
@media (prefers-reduced-motion: reduce) {
    [data-gir], [data-gir-sira] > * { opacity: 1 !important; transform: none !important; }
    .bh-hero-metin > *, .bh-hero-gorsel { opacity: 1 !important; animation: none !important; transform: none !important; }
    .bh-hero-cizgi { animation: none !important; }
    .bh-goz-cizgi { transform: scaleX(1) !important; }
    .bh-guven-oge::before { transform: scaleY(1) !important; }
    .bh-kart:hover { transform: none !important; }
}