/* ==========================================================================
   BURSABIL HEADER 2026 — yalniz header yeniden tasarlandi; icerik (metin, baglanti, form alanlari, logolar) orijinal.
   Palet logolardan olculdu: Bursa yesili / Bil camgobegi / HEMEN mavisi; kirmizi yalniz Musteri Paneli.
   Yerlesim: sayfanin geri kalani 1000px sabit (2011) -> ic kap 1000px, zeminler kenardan kenara.
   ========================================================================== */
:root {
  --bh-murekkep: #16222D;
  --bh-murekkep-2: #4A5866;
  --bh-cizgi: #E1E6EA;
  --bh-sis: #F3F5F7;
  --bh-yesil: #2A9142;
  --bh-camgobegi: #12708A;
  --bh-mavi: #1A79AA;
  --bh-kirmizi: #C43D3D;
  --bh-kirmizi-koyu: #A8302E;
  --bh-yazi: "Onest", "Segoe UI", system-ui, -apple-system, sans-serif;
}
.bh, .bh * { box-sizing: border-box; }
.bh { position: relative; z-index: 1000; font-family: var(--bh-yazi); color: var(--bh-murekkep); -webkit-font-smoothing: antialiased; }
.bh a { text-decoration: none; }
.bh-kap { width: 1000px; margin: 0 auto; display: flex; align-items: center; }
.bh :focus-visible { outline: 2px solid var(--bh-yesil); outline-offset: 2px; border-radius: 6px; }

/* 1) USt SERIT — kurumsal baglantilar + musteri girisi */
.bh-serit { background: var(--bh-sis); border-bottom: 1px solid var(--bh-cizgi); }
.bh-serit .bh-kap { height: 44px; justify-content: space-between; }
.bh-kisa { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; }
.bh-kisa a { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 7px; font-size: 13px; font-weight: 500; color: var(--bh-murekkep-2); transition: color .15s, background-color .15s; }
.bh-kisa li:first-child a { padding-left: 0; }
.bh-kisa a:hover { color: var(--bh-murekkep); background: #fff; }
.bh-kisa li:first-child a:hover { background: none; }
.bh-giris { display: flex; align-items: center; gap: 6px; margin: 0; }
.bh-alan { width: 150px; height: 30px; padding: 0 10px; border: 1px solid var(--bh-cizgi); border-radius: 8px; background: #fff; font: 500 13px/1 var(--bh-yazi); color: var(--bh-murekkep); transition: border-color .15s, box-shadow .15s; }
.bh-alan::placeholder { color: #8C98A4; font-weight: 400; }
.bh-alan:hover { border-color: #CBD3DA; }
.bh-alan:focus { outline: none; border-color: var(--bh-yesil); box-shadow: 0 0 0 3px rgba(42,145,66,.16); }
.bh-gir { height: 30px; padding: 0 14px; border: 0; border-radius: 8px; background: var(--bh-murekkep); color: #fff; font: 600 13px/1 var(--bh-yazi); cursor: pointer; transition: background-color .15s; }
.bh-gir:hover { background: #24384A; }
.bh-yardim { display: flex; gap: 12px; margin-left: 8px; }
.bh-yardim a { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 500; color: var(--bh-murekkep-2); white-space: nowrap; }
.bh-yardim a:hover { color: var(--bh-mavi); }
.bh-yardim svg { width: 14px; height: 14px; flex: none; color: var(--bh-camgobegi); }

/* 2) MARKA SATIRI — iki logo, nefes alan bosluk */
.bh-marka { background: #fff; }
.bh-marka .bh-kap { height: 92px; justify-content: space-between; }
.bh-logo img { display: block; width: 270px; height: auto; }
.bh-ortak img { display: block; width: 230px; height: auto; opacity: .92; transition: opacity .2s; }
.bh-ortak:hover img { opacity: 1; }

/* 3) MENU — yapiskan buzlu cam; "buradasiniz" yesil cizgisi kayar */
.bh-menu { position: relative; z-index: 1001; background: rgba(255,255,255,.9); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px);
  border-top: 1px solid var(--bh-cizgi); border-bottom: 1px solid var(--bh-cizgi); transition: box-shadow .25s; }
.bh-menu.bh-yapisik { box-shadow: 0 10px 30px -18px rgba(22,34,45,.45); }
.bh-menu .bh-kap { height: 58px; justify-content: space-between; }
.bh-ogeler { position: relative; display: flex; height: 100%; margin: 0; padding: 0; list-style: none; }
.bh-oge { position: relative; display: flex; align-items: center; }
.bh-oge > a { display: inline-flex; align-items: center; gap: 6px; height: 100%; padding: 0 14px; font-size: 12.5px; font-weight: 600; letter-spacing: .035em; color: var(--bh-murekkep-2); transition: color .15s; }
.bh-ogeler > .bh-oge:first-child > a { padding-left: 0; }
.bh-oge > a svg { width: 12px; height: 12px; transition: transform .2s; opacity: .55; }
.bh-oge:hover > a, .bh-oge.bh-acik > a, .bh-oge.bh-burada > a { color: var(--bh-murekkep); }
.bh-oge.bh-acik > a svg { transform: rotate(180deg); }
.bh-iz { position: absolute; bottom: -1px; left: 0; height: 2px; width: 0; border-radius: 2px; background: var(--bh-yesil); opacity: 0; transition: transform .28s cubic-bezier(.3,.7,.2,1), width .28s cubic-bezier(.3,.7,.2,1), opacity .2s; pointer-events: none; }
.bh-panel { position: absolute; top: calc(100% + 1px); left: -10px; min-width: 250px; padding: 8px; margin: 0; list-style: none; background: #fff; border: 1px solid var(--bh-cizgi); border-radius: 12px;
  box-shadow: 0 22px 44px -22px rgba(22,34,45,.45), 0 2px 6px rgba(22,34,45,.05); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .16s, transform .18s, visibility 0s .18s; }
.bh-ogeler > .bh-oge:first-child .bh-panel { left: -10px; }
.bh-oge.bh-acik .bh-panel { opacity: 1; visibility: visible; transform: none; transition: opacity .16s, transform .18s, visibility 0s; }
.bh-panel a { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px; border-radius: 8px; font-size: 13.5px; font-weight: 500; color: var(--bh-murekkep); white-space: nowrap; transition: background-color .12s, color .12s; }
.bh-panel a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--bh-cizgi); transition: background-color .12s, transform .12s; }
.bh-panel a:hover, .bh-panel a:focus-visible { background: var(--bh-sis); color: var(--bh-camgobegi); }
.bh-panel a:hover::before, .bh-panel a:focus-visible::before { background: var(--bh-yesil); transform: scale(1.15); }
.bh-panel a[aria-current="page"] { color: var(--bh-camgobegi); }
.bh-panel a[aria-current="page"]::before { background: var(--bh-yesil); }
.bh-panel a:focus-visible { outline-offset: -2px; }

.bh-cta { display: inline-flex; align-items: center; gap: 9px; height: 40px; padding: 0 18px 0 14px; border-radius: 999px; background: linear-gradient(180deg, #C43D3D, var(--bh-kirmizi)); color: #fff !important; font-size: 14px; font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 20px -12px rgba(196,61,61,.9); transition: background .15s, box-shadow .2s, transform .12s; }
.bh-cta svg { width: 18px; height: 18px; flex: none; }
.bh-cta:hover { background: linear-gradient(180deg, var(--bh-kirmizi), var(--bh-kirmizi-koyu)); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 24px -12px rgba(196,61,61,1); }
.bh-cta:active { transform: translateY(1px); }

@media (prefers-reduced-motion: reduce) { .bh *, .bh-panel, .bh-iz { transition: none !important; } }

/* ESKI HEADER'IN GORSELE GOMULU PARCALARI: ana sayfada vitrin arka planinin ust 44px'i eski menu cubugu + kirmizi sekme.
   O bant gizlenir, vitrin ve alan adi sorgusu tam 44px yukari alinir (olculdu). */
.slayt { background-position: 0 -44px !important; height: 335px !important; }
.folio_block { margin-top: -162px !important; }
.slayt > div[style*="top: 352px"] { top: 308px !important; }
.slayt > div[style*="top: 345px"] { top: 301px !important; }
/* vitrin sagindaki 4 sekme ayri satir ici konumlu (52/125/196/267) -> ayni 44px yukari (olculdu: vitrinle aradaki 8px korunur) */
.slayt div[style*="sag1.png"] { top: 8px !important; }
.slayt div[style*="sag3.png"] { top: 81px !important; }
.slayt div[style*="sag2.png"] { top: 152px !important; }
.slayt div[style*="sag4.png"] { top: 223px !important; }

/* ust serit 1000px'e sigsin (olculdu: ~1020px tasiyor, ogeler iki satira kiriliyordu) */
.bh-serit .bh-kap > * { flex: none; }
.bh-kisa a, .bh-gir, .bh-yardim a { white-space: nowrap; }
.bh-kisa a { padding: 0 8px; }
.bh-alan { width: 122px; }
.bh-giris { gap: 5px; }
.bh-yardim { gap: 10px; margin-left: 6px; }

/* yapiskan menu: sticky kapsayicisi (header) bitince birakiyordu -> sayfa menuyu gecince ekranin ustune SABIT;
   yerine ayni yukseklikte bosluk (.bh-yer) birakilir, sayfa ziplamaz */
.bh-menu.bh-sabit { position: fixed; top: 0; left: 0; right: 0; }
.bh.bh-sabitli { padding-bottom: var(--bh-menu-boy, 60px); }

/* 2026-10-24 KAP GENISLIGI (kullanici: "kenar bosluklari fazla, ~1400-1440px, ortali, responsive bozulmasin"):
   tek degisken --bb-kap = en fazla 1440px, dar ekranda her yanda 24px pay. Header/hero/govde ayni kabi kullanir (tek beden).
   2011 sablonunun gorsel tabanli parcalari (altbilgi, ic sayfa govdeleri) 1000px'te kalir: arka plan gorselleri 1000px'e cizili. */
:root { --bb-kap: min(1440px, calc(100vw - 48px)); }
.bh-kap { width: var(--bb-kap); }

/* 2026-10-24 MUSTERI PANELI SEKMESI (kullanici: eski kirmizi ok-uclu sekme "cok daha cazibeliydi", premium hali):
   menu cubugunun tam yuksekliginde, saga yasli, sol ucu sivri (clip-path), derin kirmizi degrade + ust parlama, beyaz musteriler ikonu */
.bh-menu .bh-kap { position: relative; }
.bh-cta { align-self: stretch; height: auto; margin: -1px 0; padding: 0 26px 0 40px; border-radius: 0 12px 12px 0;
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 22px 100%, 0 50%);
  background: linear-gradient(180deg, #C43D3D 0%, #C43D3D 52%, #A8302E 100%); font-size: 15px; font-weight: 650; letter-spacing: .01em;
  box-shadow: none; filter: drop-shadow(0 10px 14px rgba(168,48,46,.35)); text-shadow: 0 1px 0 rgba(110,20,20,.35); gap: 12px; }
.bh-cta::before { content: ""; position: absolute; inset: 0 0 52% 0; background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0)); clip-path: inherit; pointer-events: none; }
.bh-cta { position: relative; }
.bh-cta svg { width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: rgba(255,255,255,.16); box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); box-sizing: content-box; }
.bh-cta:hover { background: linear-gradient(180deg, #C43D3D 0%, #C43D3D 52%, #A8302E 100%); filter: drop-shadow(0 12px 18px rgba(168,48,46,.45)); box-shadow: none; }
.bh-menu.bh-sabit .bh-cta { border-radius: 0; }
/* 2026-10-24 kullanici: "kirmizi cok parlak ve keskin, agirbasli, eskisine benzer" -> eski sekmenin olculen tonlari
   (#D54949 ust, #CE4646, #BB3633, #B63331 alt): mat degrade, zayif ust parlama, yumusak golge */
.bh-cta { background: linear-gradient(180deg, #D54949 0%, #CC4343 48%, #BB3633 78%, #B03230 100%); filter: drop-shadow(0 6px 10px rgba(150,40,40,.22)); text-shadow: 0 1px 0 rgba(110,20,20,.25); }
.bh-cta::before { background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)); }
.bh-cta svg { background: rgba(255,255,255,.12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.bh-cta:hover { background: linear-gradient(180deg, #D85252 0%, #CF4848 48%, #BE3936 78%, #B33432 100%); filter: drop-shadow(0 8px 12px rgba(150,40,40,.28)); }