/* ============================================================
   Bozkurtlar Metal — İç Sayfalar (Kurumsal, Ürün, Üretim, Tesis, İletişim)
   Kendi içinde tam (front-page'den bağımsız yüklenir).
   ============================================================ */
:root{
  --bm-navy:#0f2438; --bm-navy-2:#15324c;
  --bm-accent:#2f86c5; --bm-accent-2:#1c6aa6;
  --bm-molten:#de211f; --bm-molten-2:#b81a18;
  --bm-silver:#eef2f5; --bm-silver-2:#f7f9fb;
  --bm-line:#dfe6ec; --bm-ink:#13212e; --bm-muted:#5d6b78; --bm-white:#fff;
  --bm-radius:14px; --bm-shadow:0 10px 30px rgba(15,36,56,.10); --bm-shadow-sm:0 4px 14px rgba(15,36,56,.08);
}

/* --- GP konteyneri: iç sayfalarda da içerik TAM GENİŞLİK --- */
body.page:not(.home) #page,
body.page:not(.home) .site-content,
body.page:not(.home) .content-area,
body.page:not(.home) #primary,
body.page:not(.home) #main,
body.page:not(.home) .site-main,
body.page:not(.home) article,
body.page:not(.home) .inside-article,
body.page:not(.home) .entry-content,
body.page:not(.home) .bm-page{
  max-width:100% !important; width:100% !important;
  margin-left:0 !important; margin-right:0 !important;
  padding-left:0 !important; padding-right:0 !important; float:none !important;
}
body.page:not(.home) .site-content{ padding-top:0 !important; padding-bottom:0 !important; }
body.page:not(.home) .inside-article{ padding-top:0 !important; padding-bottom:0 !important; }
body.page:not(.home) article{ border:0; box-shadow:none; background:transparent; }

/* --- Temel --- */
.bm-page *{ box-sizing:border-box; }
.bm-page{ color:var(--bm-ink); }
.bm-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.bm-page section{ position:relative; width:100%; }
.bm-eyebrow{ display:inline-block; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--bm-molten); margin-bottom:12px; }

.bm-btn{ display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border-radius:6px; font-weight:700; font-size:1rem; text-decoration:none; transition:.2s; border:2px solid transparent; cursor:pointer; }
.bm-btn--molten{ background:var(--bm-molten); color:#fff; box-shadow:0 8px 20px rgba(222,33,31,.32); }
.bm-btn--molten:hover{ background:var(--bm-molten-2); transform:translateY(-2px); }
.bm-btn--ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.bm-btn--ghost:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
.bm-btn--navy{ background:var(--bm-navy); color:#fff; }
.bm-btn--navy:hover{ background:var(--bm-navy-2); transform:translateY(-2px); }

/* --- Sayfa banner (hero-lite) --- */
.bm-banner{ position:relative; background:var(--bm-navy); background-size:cover; background-position:center; color:#fff; overflow:hidden; }
.bm-banner::before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg, rgba(11,29,46,.92) 0%, rgba(15,36,56,.78) 55%, rgba(21,50,76,.62) 100%); }
.bm-banner::after{ content:""; position:absolute; inset:0; opacity:.06; background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px); background-size:46px 46px; }
.bm-banner__inner{ position:relative; z-index:1; padding:88px 0 76px; }
.bm-banner h1{ font-size:clamp(2rem,4vw,3rem); margin:0 0 14px; line-height:1.12; font-weight:800; }
.bm-banner p{ max-width:600px; color:rgba(232,240,247,.85); font-size:1.08rem; margin:0; }
.bm-crumb{ font-size:.86rem; color:rgba(232,240,247,.7); margin-bottom:18px; }
.bm-crumb a{ color:rgba(232,240,247,.7); text-decoration:none; }
.bm-crumb a:hover{ color:#fff; }
.bm-crumb span{ color:var(--bm-molten); }

/* --- Genel bölüm + prose --- */
.bm-section{ padding:72px 0; }
.bm-section--alt{ background:var(--bm-silver); }
.bm-head{ max-width:680px; margin:0 0 40px; }
.bm-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.bm-head h2{ font-size:clamp(1.6rem,3vw,2.2rem); color:var(--bm-navy); margin:0 0 12px; line-height:1.18; }
.bm-head p{ color:var(--bm-muted); margin:0; font-size:1.04rem; }
.bm-prose p{ color:var(--bm-muted); line-height:1.8; font-size:1.04rem; margin:0 0 18px; }
.bm-prose h3{ color:var(--bm-navy); font-size:1.25rem; margin:30px 0 12px; }
.bm-prose ul{ list-style:none; padding:0; margin:0 0 18px; }
.bm-prose ul li{ position:relative; padding-left:30px; margin-bottom:12px; color:var(--bm-ink); line-height:1.6; }
.bm-prose ul li::before{ content:""; position:absolute; left:0; top:7px; width:16px; height:16px; border-radius:50%; background:var(--bm-accent); box-shadow:inset 0 0 0 4px var(--bm-silver); }

/* --- Metin + görsel ikili --- */
.bm-split{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.bm-split.rev .bm-split__media{ order:-1; }
.bm-figure{ border-radius:var(--bm-radius); overflow:hidden; box-shadow:var(--bm-shadow); line-height:0; }
.bm-figure img{ width:100%; height:100%; object-fit:cover; display:block; }

/* --- Özellik kartları --- */
.bm-features{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.bm-feature{ background:#fff; border:1px solid var(--bm-line); border-radius:var(--bm-radius); padding:28px 24px; box-shadow:var(--bm-shadow-sm); }
.bm-feature__ic{ width:50px; height:50px; border-radius:12px; background:linear-gradient(135deg,var(--bm-accent),var(--bm-accent-2)); color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.bm-feature__ic svg{ width:26px; height:26px; }
.bm-feature h3{ color:var(--bm-navy); margin:0 0 8px; font-size:1.1rem; }
.bm-feature p{ color:var(--bm-muted); margin:0; font-size:.94rem; line-height:1.6; }

/* --- Alt sayfa kart gridi (kategori sayfaları) --- */
.bm-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.bm-card{ background:#fff; border-radius:var(--bm-radius); overflow:hidden; border:1px solid var(--bm-line); box-shadow:var(--bm-shadow-sm); text-decoration:none; transition:.22s; display:flex; flex-direction:column; }
.bm-card:hover{ transform:translateY(-6px); box-shadow:var(--bm-shadow); }
.bm-card__img{ height:160px; background-size:cover; background-position:center; position:relative; }
.bm-card__img::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(15,36,56,.35)); }
.bm-card__body{ padding:22px 22px 26px; flex:1; display:flex; flex-direction:column; }
.bm-card h3{ color:var(--bm-navy); margin:0 0 8px; font-size:1.14rem; }
.bm-card p{ color:var(--bm-muted); margin:0 0 16px; font-size:.93rem; line-height:1.55; flex:1; }
.bm-card__more{ font-weight:700; color:var(--bm-accent-2); font-size:.9rem; }
.bm-card:hover .bm-card__more{ color:var(--bm-molten); }

/* --- Ürün landing: ana içerik + sidebar --- */
.bm-layout{ display:grid; grid-template-columns:1fr 330px; gap:46px; align-items:start; }
.bm-aside{ position:sticky; top:30px; display:grid; gap:22px; }
.bm-asidebox{ background:#fff; border:1px solid var(--bm-line); border-radius:var(--bm-radius); padding:24px; box-shadow:var(--bm-shadow-sm); }
.bm-asidebox h4{ margin:0 0 16px; color:var(--bm-navy); font-size:1.05rem; padding-bottom:12px; border-bottom:2px solid var(--bm-silver); }
.bm-asidenav{ list-style:none; margin:0; padding:0; }
.bm-asidenav li{ margin:0; }
.bm-asidenav a{ display:flex; justify-content:space-between; align-items:center; padding:11px 0; color:var(--bm-ink); text-decoration:none; border-bottom:1px solid var(--bm-silver); font-size:.95rem; transition:.18s; }
.bm-asidenav a:hover,.bm-asidenav a.active{ color:var(--bm-accent-2); padding-left:6px; }
.bm-asidenav a.active{ font-weight:700; color:var(--bm-molten); }
.bm-asidebox--cta{ background:linear-gradient(135deg,var(--bm-navy),var(--bm-navy-2)); color:#fff; border:0; }
.bm-asidebox--cta h4{ color:#fff; border-color:rgba(255,255,255,.15); }
.bm-asidebox--cta p{ color:rgba(232,240,247,.82); font-size:.92rem; line-height:1.6; margin:0 0 16px; }
.bm-asidebox--cta .bm-btn{ width:100%; justify-content:center; }
.bm-contactline{ display:flex; gap:12px; align-items:center; margin-bottom:12px; font-size:.92rem; color:var(--bm-ink); }
.bm-contactline svg{ width:20px; height:20px; color:var(--bm-accent-2); flex:none; }
/* Koyu CTA kutusu içinde açık renk (okunabilirlik) */
.bm-asidebox--cta .bm-contactline{ color:rgba(255,255,255,.92); }
.bm-asidebox--cta .bm-contactline svg{ color:var(--bm-molten); }

/* --- Teknik özellik tablosu --- */
.bm-specs{ width:100%; border-collapse:collapse; margin:8px 0 10px; border:1px solid var(--bm-line); border-radius:var(--bm-radius); overflow:hidden; }
.bm-specs th,.bm-specs td{ text-align:left; padding:13px 18px; font-size:.95rem; border-bottom:1px solid var(--bm-line); }
.bm-specs th{ background:var(--bm-silver); color:var(--bm-navy); width:42%; font-weight:700; }
.bm-specs tr:last-child th,.bm-specs tr:last-child td{ border-bottom:0; }

/* --- Galeri --- */
.bm-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:8px; }
.bm-gallery a{ display:block; border-radius:12px; overflow:hidden; line-height:0; aspect-ratio:4/3; }
.bm-gallery img{ width:100%; height:100%; object-fit:cover; transition:.3s; }
.bm-gallery a:hover img{ transform:scale(1.07); }

/* --- Etiket rozetleri --- */
.bm-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 22px; }
.bm-tag{ background:var(--bm-silver); color:var(--bm-accent-2); font-size:.82rem; font-weight:600; padding:6px 14px; border-radius:30px; }

/* --- Form --- */
.bm-form{ display:grid; gap:16px; }
.bm-form .row2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.bm-field{ display:flex; flex-direction:column; gap:6px; }
.bm-field label{ font-size:.88rem; font-weight:600; color:var(--bm-navy); }
.bm-field input,.bm-field textarea,.bm-field select{ width:100%; padding:13px 15px; border:1px solid var(--bm-line); border-radius:10px; font-size:.96rem; background:#fff; color:var(--bm-ink); font-family:inherit; transition:.18s; }
.bm-field input:focus,.bm-field textarea:focus,.bm-field select:focus{ outline:none; border-color:var(--bm-accent); box-shadow:0 0 0 3px rgba(47,134,197,.15); }
.bm-field textarea{ min-height:130px; resize:vertical; }
.bm-form .hp{ position:absolute; left:-9999px; opacity:0; }   /* honeypot */
.bm-form button{ justify-self:start; }
.bm-formnote{ font-size:.82rem; color:var(--bm-muted); }
.bm-alert{ padding:16px 20px; border-radius:12px; font-size:.96rem; margin-bottom:8px; }
.bm-alert--ok{ background:#e7f6ed; color:#1b7a44; border:1px solid #b7e3c8; }
.bm-alert--err{ background:#fdecec; color:#b3261e; border:1px solid #f3c2bf; }

/* --- Harita --- */
.bm-map{ border-radius:var(--bm-radius); overflow:hidden; box-shadow:var(--bm-shadow-sm); line-height:0; border:1px solid var(--bm-line); }
.bm-map iframe{ width:100%; height:380px; border:0; display:block; }

/* --- İletişim bilgi kartları --- */
.bm-info{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:46px; }
.bm-infocard{ background:#fff; border:1px solid var(--bm-line); border-radius:var(--bm-radius); padding:26px; box-shadow:var(--bm-shadow-sm); }
.bm-infocard__ic{ width:46px; height:46px; border-radius:12px; background:var(--bm-silver); color:var(--bm-accent-2); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.bm-infocard__ic svg{ width:24px; height:24px; }
.bm-infocard h4{ margin:0 0 6px; color:var(--bm-navy); font-size:1.02rem; }
.bm-infocard p{ margin:0; color:var(--bm-muted); font-size:.94rem; line-height:1.6; }

/* --- CTA bandı --- */
.bm-cta{ padding:74px 0; color:#fff; text-align:center; background:radial-gradient(800px 300px at 50% -40%, rgba(222,33,31,.30), transparent 60%), linear-gradient(135deg,var(--bm-navy),var(--bm-navy-2)); }
.bm-cta h2{ font-size:clamp(1.7rem,3.2vw,2.3rem); margin:0 0 12px; }
.bm-cta p{ color:rgba(232,240,247,.82); max-width:540px; margin:0 auto 28px; font-size:1.05rem; }

/* --- Responsive --- */
@media (max-width:980px){
  .bm-layout{ grid-template-columns:1fr; }
  .bm-aside{ position:static; grid-template-columns:1fr 1fr; }
  .bm-split{ grid-template-columns:1fr; gap:30px; }
  .bm-split.rev .bm-split__media{ order:0; }
  .bm-features,.bm-cards,.bm-info{ grid-template-columns:1fr 1fr; }
}
@media (max-width:680px){
  .bm-features,.bm-cards,.bm-info,.bm-gallery,.bm-aside,.bm-form .row2{ grid-template-columns:1fr; }
  .bm-wrap{ padding:0 18px; }
  .bm-banner__inner{ padding:64px 0 54px; }
}