/* =========================================================
   Merkez İnşaat – Kurumsal Sayfalar (hero + içerik)
   KIRMIZI TEMA
========================================================= */

:root{
  --kz-brand: #e11d48;      /* vurgu */
  --kz-ink:   #0f172a;
  --kz-mute:  #374151;
  --kz-card:  #ffffff;
  --kz-brd:   #e6e8ee;
  --kz-shadow: 0 16px 40px rgba(0,0,0,.08);
  --kz-radius: 16px;
}

/* Genel yardımcılar */
.kz-container{ max-width:min(1200px, 94vw); margin:0 auto; padding:0 12px; }
.kz-eyebrow{ display:inline-block; font-size:clamp(12px,.8vw,13px); font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#64748b; margin-bottom:.35rem }
.kz-lead{ font-size:clamp(16.5px,1.15vw,18.5px); line-height:1.85; color:var(--kz-mute) }
.kz-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 18px; border-radius:12px; color:#fff; background:var(--kz-brand);
  border:1px solid #be123c; font-weight:800; text-decoration:none;
  box-shadow:0 10px 24px rgba(225,29,72,.22);
}
.kz-btn:hover{ filter:brightness(1.03) }

/* =============== HERO =============== */
.corp-hero{ padding:clamp(28px,6vw,64px) 0; background:#fff }
.corp-hero__grid{
  display:grid; gap:clamp(18px,3vw,44px);
  grid-template-columns:minmax(340px,48%) 1fr; align-items:center;
}
.corp-hero__media{
  border-radius:var(--kz-radius); overflow:hidden; background:#f4f6f8; box-shadow:var(--kz-shadow)
}
.corp-hero__media img{ width:100%; height:100%; object-fit:cover; object-position:center; aspect-ratio:4/3 }
.corp-hero__title{ margin:.25rem 0 .75rem; color:var(--kz-ink); font-weight:900; letter-spacing:-.015em; font-size:clamp(28px,4.8vw,46px) }
.corp-hero__text p{ margin:.75rem 0 }

/* =============== KART GRID =============== */
.corp-cards{ list-style:none; margin:0; padding:0; display:grid; gap:16px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.corp-card{
  background:var(--kz-card); border:1px solid var(--kz-brd); border-radius:var(--kz-radius);
  box-shadow:var(--kz-shadow); padding:16px 16px 18px; display:grid; gap:8px;
}
.corp-card h3{ margin:0; font-size:clamp(16px,1.4vw,18px); color:var(--kz-ink) }
.corp-card p{ margin:0; color:var(--kz-mute); font-size:14.5px; line-height:1.6 }
.corp-ico{
  width:38px; height:38px; border-radius:12px; display:grid; place-items:center;
  border:1px solid var(--kz-brd); background:#fdf2f8; color:#be123c;
}

/* =============== İSTATİSTİKLER =============== */
.corp-stats{ padding: clamp(18px,3.2vw,28px) 0 }
.corp-stats__grid{
  list-style:none; margin:0; padding:0; display:grid; gap:14px;
  grid-template-columns:repeat(4, minmax(0,1fr));
}
.corp-stat{
  background:#fff; border:1px solid var(--kz-brd); border-radius:14px; box-shadow:var(--kz-shadow);
  padding:14px; text-align:center
}
.corp-stat b{ display:block; font-size:clamp(22px,3.4vw,28px); color:var(--kz-ink) }
.corp-stat span{ color:#556; font-size:14px }

/* =============== METİN BLOĞU =============== */
.corp-section{ padding: clamp(22px,3.6vw,36px) 0; background:#fff }
.corp-section h2{ margin:0 0 .4rem; font-size:clamp(22px,2.8vw,28px); color:var(--kz-ink) }
.corp-section .kz-lead{ margin:.35rem 0 1rem }
.corp-list{ margin:.2rem 0 0; padding-left:1.1rem }
.corp-list li{ margin:.35rem 0; color:var(--kz-mute) }

/* =============== CTA ŞERİDİ (kırmızı) =============== */
.corp-cta{ padding: clamp(18px,3vw,26px) 0; }
.corp-cta__box{
  background:linear-gradient(180deg,#fb7185,#e11d48);
  border:1px solid #be123c; border-radius:14px; color:#fff;
  padding:16px; display:flex; gap:12px; align-items:center; justify-content:space-between;
  box-shadow:0 16px 40px rgba(225,29,72,.22)
}
.corp-cta__box h3{ margin:0; font-size:clamp(18px,2.4vw,22px); color:#fff }
.corp-cta__box p{ margin:0; color:#ffe4e6; font-weight:600 }

/* =============== Mobil =============== */
@media (max-width: 980px){
  .corp-hero__grid{ grid-template-columns:1fr }
  .corp-hero__media{ order:-1 }
  .corp-hero__media img{ aspect-ratio:16/10 }
  .corp-cards{ grid-template-columns:repeat(2, minmax(0,1fr)) }
  .corp-stats__grid{ grid-template-columns:repeat(2, minmax(0,1fr)) }
}
@media (max-width: 560px){
  .corp-cards{ grid-template-columns:1fr }
  .corp-stats__grid{ grid-template-columns:1fr }
}

/* === MOBİL MENÜ: Kurumsal dropdown (düğme + panel) === */
.nav-mobile .nav-list .mnav-dd{ margin: 8px 0; }
.nav-mobile .nav-list .mnav-dd__toggle{
  appearance:none; -webkit-appearance:none;
  background:#f3f5f8; border:1px solid #e5e7eb; border-radius:14px;
  width:100%; padding:12px 14px; text-align:left; cursor:pointer;
  font:inherit; font-weight:700; color:#0f172a;
  display:flex; align-items:center; justify-content:space-between;
}
.nav-mobile .nav-list .mnav-dd__toggle:hover{ background:#eef2f7; }
.nav-mobile .nav-list .mnav-dd__toggle::after{
  content:"▾"; opacity:.6; transform: rotate(var(--rot, 0deg));
  transition: transform .2s ease;
}
.nav-mobile .nav-list .mnav-dd__toggle[aria-expanded="true"]{ background:#ffe4e6; }
.nav-mobile .nav-list .mnav-dd__toggle[aria-expanded="true"]::after{ --rot: 180deg; }
.nav-mobile .nav-list .mnav-dd__panel[hidden]{ display:none !important; }
.nav-mobile .nav-list .mnav-dd__panel{ padding-top:10px; display:grid; gap:10px; }
.nav-mobile .nav-list .mnav-dd__panel a{
  display:flex; align-items:center; justify-content:center;
  padding:12px; border:1px solid #e5e7eb; border-radius:14px;
  background:#fdf2f8; text-decoration:none; font-weight:800; color:#0f172a;
}
.nav-mobile .nav-list .mnav-dd__panel a:hover{ background:#ffe4e6; }

/* ===== Kurumsal alt sayfalar – Merkez İnşaat ===== */
:root{
  --k-surface:#fff;
  --k-border:#e6e8ee;
  --k-soft:#f6f7fb;
  --k-text:#0f172a;
  --k-muted:#475569;
  --k-brand:#e11d48;   /* kırmızı */
  --k-radius:18px;
}

/* Genel iskelet */
.k-wrap{ width:min(1200px,94vw); margin:0 auto; padding: clamp(16px,2.4vw,24px) 12px; }
.k-hero{ padding: clamp(26px,5vw,56px) 0; }
.k-hero .k-grid{
  display:grid; gap: clamp(16px,3vw,28px);
  grid-template-columns: 1.05fr 1fr;
  align-items:center;
}
.k-hero h1{
  margin:0 0 10px;
  font-weight:800; letter-spacing:.2px;
  font-size: clamp(28px,3.6vw,44px); color:var(--k-text);
}
.k-hero .lead{ font-size: clamp(16px,2vw,18px); color:var(--k-muted) }
.k-hero figure{
  border-radius: var(--k-radius);
  overflow: hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.1);
  background:#0f1115;
}
.k-hero img{ width:100%; height:100%; object-fit:cover; display:block }

/* Bölüm başlıkları */
.k-sec{ padding: clamp(18px,4vw,36px) 0; }
.k-sec h2{
  margin:0 0 12px; font-weight:800;
  font-size: clamp(22px,2.8vw,32px); letter-spacing:.2px;
  color:var(--k-text);
}
.k-sec p{ color:var(--k-muted); }

/* Gridler */
.k-grid-3{ display:grid; gap: clamp(12px,2vw,16px); grid-template-columns: repeat(3, minmax(0,1fr)); }
.k-grid-2{ display:grid; gap: clamp(12px,2vw,16px); grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width:980px){ .k-hero .k-grid{ grid-template-columns: 1fr } }
@media (max-width:900px){ .k-grid-3{ grid-template-columns: repeat(2, minmax(0,1fr)) } }
@media (max-width:560px){ .k-grid-3,.k-grid-2{ grid-template-columns: 1fr } }

/* Kartlar ve Hover */
.hover-card, .k-card{
  position:relative; background:var(--k-surface); border:1px solid var(--k-border);
  border-radius: var(--k-radius); box-shadow:0 12px 28px rgba(2,6,23,.06);
  padding: clamp(14px,2.2vw,18px);
  transition: transform .22s, box-shadow .22s, border-color .22s, background .22s;
}
.hover-card:hover, .k-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(2,6,23,.12);
  border-color: color-mix(in srgb, var(--k-brand) 55%, var(--k-border));
  background: linear-gradient(180deg,#fff, #fbfdfc 50%, #fff1f2);
}
.k-ico{
  width:40px;height:40px; border-radius:12px; display:grid;place-items:center;
  background:#fff1f2; color:#be123c; border:1px solid #ffe4e6;
  box-shadow:0 8px 22px rgba(225,29,72,.12);
  transition: transform .22s ease;
}
.k-card:hover .k-ico{ transform: translateY(-2px) }
.k-card h3{ margin:6px 0 6px; font-weight:800; color:var(--k-text); font-size: clamp(16px,2.2vw,20px) }
.k-card p { margin:0; color:var(--k-muted) }

.k-note{
  border-left:4px solid var(--k-brand);
  background:var(--k-soft);
  padding:12px 14px; border-radius:12px; color:var(--k-text);
}

/* CTA */
.k-cta{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 16px; border-radius:999px; font-weight:800;
  background: linear-gradient(180deg,#fb7185,#e11d48);
  color:#fff; border:1px solid #be123c; text-decoration:none;
  box-shadow:0 8px 22px rgba(225,29,72,.22);
}
.k-cta:hover{ filter:brightness(1.06) }

/* Reveal */
.reveal{ opacity:0; transform: translateY(8px); transition: opacity .4s ease, transform .4s ease }
.reveal.in{ opacity:1; transform:none }

/* =============== Kurumsal (soluk/profesyonel tema) =============== */
:root{
  --k-text: #0f172a;
  --k-muted:#475569;
  --k-bg:   #f6f8fb;
  --k-card: #fbfcfd;
  --k-line: #e6eaf2;
  --k-shadow: 0 10px 30px rgba(15,23,42,.06);
  --k-radius: 16px;
  --k-brand: var(--mx-brand, #e11d48);
}

/* Genel iskelet */
.k-hero{ background:linear-gradient(180deg,#fff,#fafbfc); border-bottom:1px solid var(--k-line); }
.k-wrap{ width:min(1100px,94vw); margin:0 auto; padding: clamp(18px,2.8vw,28px) 12px; color:var(--k-text); }
.k-split{ display:grid; gap:clamp(16px,2vw,24px); grid-template-columns:1.05fr 1fr; align-items:center; }
.k-split--rev{ grid-template-columns:1fr 1.05fr; }
@media (max-width:980px){ .k-split,.k-split--rev{ grid-template-columns:1fr; } }

.k-figure{ border-radius:var(--k-radius); overflow:hidden; background:#f3f5f9; box-shadow:var(--k-shadow); }
.k-figure img{ width:100%; height:100%; display:block; object-fit:cover; aspect-ratio:4/3; transform:scale(1.01); }

.k-eyebrow{ font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#6b7280; margin:0 0 .45rem; }
.k-title{ margin:0 0 .65rem; font-size:clamp(28px,4.2vw,46px); letter-spacing:-.015em; line-height:1.15; }
.k-lead{ margin:0; font-size:clamp(16px,1.5vw,18px); color:var(--k-muted); line-height:1.7; }
.k-cta{ display:inline-flex; align-items:center; gap:10px; margin-top:14px; padding:12px 16px;
  border-radius:999px; border:1px solid #fda4af; background:linear-gradient(180deg,#fff5f7,#ffe4e6);
  color:#be123c; font-weight:800; text-decoration:none; box-shadow:0 6px 18px rgba(225,29,72,.12);
}
.k-cta:hover{ filter:brightness(1.04); text-decoration:none; }

/* Bölümler */
.k-section{ background:linear-gradient(180deg,#fff,#fafbfc); border-top:1px solid var(--k-line); }
.k-section .k-wrap{ padding-top: clamp(18px,3vw,34px); padding-bottom: clamp(18px,3vw,34px); }

.k-subtitle{ margin:0 0 .4rem; font-size:clamp(18px,2vw,22px); }
.k-box{ border:1px solid var(--k-line); background:var(--k-card); border-radius:var(--k-radius); padding:16px; box-shadow:var(--k-shadow); }

/* Grid & Kartlar */
.k-grid{ display:grid; gap:clamp(12px,1.8vw,18px); grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:980px){ .k-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .k-grid{ grid-template-columns:1fr; } }

.k-card{ position:relative; background:var(--k-card); border:1px solid var(--k-line);
  border-radius:var(--k-radius); padding:16px; box-shadow:var(--k-shadow);
  transition:transform .25s, box-shadow .25s, border-color .25s, background .25s;
}
.k-card:hover{ transform:translateY(-3px); border-color:#f7c5cf; box-shadow:0 16px 40px rgba(15,23,42,.1); background:#ffffff; }

.k-ico{ width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  background:rgba(225,29,72,.08); color:#be123c; font-size:22px; flex:0 0 auto;
}
.k-card h3{ margin:.45rem 0 .25rem; font-size:clamp(16px,1.6vw,18px); }
.k-card p{ margin:0; color:var(--k-muted); font-size:14.5px; line-height:1.6; }

.k-bullets{ margin:.4rem 0 0; padding-left:1.1em; color:var(--k-muted); }
.k-bullets li{ margin:.35rem 0; }

.k-metrics{ display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:720px){ .k-metrics{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.k-metric{ text-align:center; padding:16px; border:1px solid var(--k-line); background:var(--k-card); border-radius:var(--k-radius); }
.k-metric b{ display:block; font-size:clamp(22px,3.2vw,34px); letter-spacing:-.02em; }
.k-metric span{ color:var(--k-muted); font-weight:600; font-size:12px; letter-spacing:.08em; }

.k-reveal{ opacity:0; transform:translateY(12px); transition:opacity .5s ease, transform .5s ease; }
.k-reveal.is-in{ opacity:1; transform:none; }
.countup { font-variant-numeric: tabular-nums; }
.counter b, .counter .countup { display: inline; vertical-align: baseline; }
.counter { letter-spacing: .02em; }
.counter .sep { margin: 0 .25rem; }

/* Vizyon görsel oran düzeni */
.k-vision{ display:grid; gap:24px; grid-template-columns: clamp(220px, 26vw, 360px) 1fr; align-items: stretch; }
.k-vision .media{ position: relative; overflow: hidden; border-radius: 16px; }
.k-vision .media::before{ content: ""; display: block; padding-bottom:160%; }
.k-vision .media > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
@media (max-width: 900px){
  .k-vision{ grid-template-columns:1fr; }
  .k-vision .media::before{ padding-bottom:125%; }
}

/* Vizyon pano */
.k-figure.k-vision { display:block !important; background: transparent !important; border-radius: var(--k-radius); overflow:hidden; box-shadow: var(--k-shadow); aspect-ratio: 21 / 7; }
.k-figure.k-vision > img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
@media (max-width: 980px){ .k-figure.k-vision{ aspect-ratio: 16 / 10; } }
.k-hero figure{ background: transparent; }