/* =================================================================
   ÖZBUDENT — Hakkımızda sayfası (hk- önek)
   Ortak temel: assets/css/style.css (.wrap, .btn, .eyebrow, .section-no, .reveal)
   ================================================================= */

/* ---- HERO (koyu lacivert) ---- */
.hk-hero{
  position:relative; overflow:hidden; color:#fff;
  padding:clamp(36px,5.5vw,72px) 0 clamp(48px,6vw,84px);
  background:
    radial-gradient(900px 430px at 88% -12%, rgba(43,134,255,.34), transparent 62%),
    radial-gradient(720px 380px at -8% 112%, rgba(70,198,255,.16), transparent 60%),
    linear-gradient(135deg, var(--navy-deep), var(--navy) 58%, #0d2a66);
}
.hk-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.4px) 0 0/26px 26px;
}
.hk-hero .wrap{ position:relative; z-index:2; }
.hk-bread{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.86rem; color:rgba(255,255,255,.6); margin-bottom:26px; }
.hk-bread a{ color:rgba(255,255,255,.6); transition:color .2s; }
.hk-bread a:hover{ color:#fff; }
.hk-bread .sep{ opacity:.5; }
.hk-bread b{ color:#fff; font-weight:600; }
.hk-eyebrow{
  font-size:.74rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
  color:var(--cyan); display:inline-flex; align-items:center; gap:.6em;
}
.hk-eyebrow svg{ width:16px; height:16px; }
.hk-hero h1{ color:#fff; margin-top:14px; font-size:clamp(2rem,4.6vw,3.3rem); max-width:760px; }
.hk-lead{ margin-top:18px; max-width:640px; color:rgba(255,255,255,.78); font-size:clamp(1rem,1.6vw,1.16rem); }
.hk-stats{ display:flex; flex-wrap:wrap; gap:14px 42px; margin-top:30px; }
.hk-stats .st{ display:flex; flex-direction:column; }
.hk-stats .st b{ font-family:var(--display); font-weight:600; font-size:clamp(1.5rem,2.6vw,2rem); color:#fff; line-height:1.1; }
.hk-stats .st small{ color:rgba(255,255,255,.62); font-size:.85rem; margin-top:3px; }
.hk-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }

/* aydınlık/karanlık zemin butonları */
.hk-btn-light{ background:#fff; color:var(--brand); }
.hk-btn-light:hover{ transform:translateY(-2px); box-shadow:0 18px 40px rgba(6,20,58,.30); }
.hk-btn-outline{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.4); }
.hk-btn-outline:hover{ border-color:#fff; background:rgba(255,255,255,.08); transform:translateY(-2px); }

/* ---- Ortak bölüm düzeni ---- */
.hk-sec{ padding-block:clamp(46px,6vw,76px); scroll-margin-top:96px; }
.hk-sec.alt{ background:linear-gradient(180deg,#fff,var(--paper)); }
.hk-head{ max-width:720px; margin-bottom:34px; }
.hk-head .section-no{ display:inline-block; margin-bottom:12px; }
.hk-head h2{ font-size:clamp(1.6rem,3vw,2.3rem); }
.hk-head p{ margin-top:14px; color:var(--muted); font-size:1.02rem; }

/* ---- 01 Biz Kimiz ---- */
.hk-story-grid{ display:grid; grid-template-columns:1.25fr .85fr; gap:clamp(26px,4vw,56px); align-items:start; }
.hk-story .section-no{ display:inline-block; margin-bottom:12px; }
.hk-story h2{ font-size:clamp(1.6rem,3vw,2.3rem); }
.hk-story p{ margin-top:16px; color:var(--muted); font-size:1.02rem; }
.hk-story p:first-of-type{ color:var(--ink); font-size:1.06rem; }
.hk-card{
  background:#fff; border:1px solid var(--line-strong); border-radius:var(--r-md);
  padding:clamp(22px,3vw,30px); box-shadow:var(--shadow-md);
}
.hk-card h3{ font-size:1.08rem; padding-bottom:14px; border-bottom:1px solid var(--line); }
.hk-card ul{ list-style:none; margin-top:6px; }
.hk-card li{ display:flex; gap:12px; align-items:flex-start; padding:11px 0; border-bottom:1px solid var(--line); color:var(--ink); font-size:.95rem; line-height:1.45; }
.hk-card li:last-child{ border-bottom:0; padding-bottom:0; }
.hk-card .ic{
  flex:none; width:22px; height:22px; border-radius:50%; margin-top:1px;
  background:linear-gradient(135deg,var(--brand),var(--brand-bright));
  display:inline-flex; align-items:center; justify-content:center; color:#fff;
}
.hk-card .ic svg{ width:12px; height:12px; }

/* ---- 02 Misyon & Vizyon ---- */
.hk-mv{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.hk-mv-card{ background:#fff; border:1px solid var(--line-strong); border-radius:var(--r-md); padding:clamp(24px,3.4vw,36px); box-shadow:var(--shadow-sm); }
.hk-mv-card .mi{
  width:48px; height:48px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(12,92,224,.08); color:var(--brand); margin-bottom:18px;
}
.hk-mv-card .mi svg{ width:24px; height:24px; }
.hk-mv-card h3{ font-size:1.2rem; }
.hk-mv-card p{ margin-top:12px; color:var(--muted); font-size:.99rem; }
.hk-mv-card.koyu{
  border:0; color:#fff;
  background:
    radial-gradient(420px 220px at 90% -10%, rgba(43,134,255,.4), transparent 60%),
    linear-gradient(135deg,var(--navy-deep),var(--navy));
}
.hk-mv-card.koyu h3{ color:#fff; }
.hk-mv-card.koyu p{ color:rgba(255,255,255,.78); }
.hk-mv-card.koyu .mi{ background:rgba(255,255,255,.12); color:var(--cyan); }

/* ---- 03 Değerlerimiz ---- */
.hk-vals{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hk-val{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:24px;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s;
}
.hk-val:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:rgba(12,92,224,.30); }
.hk-val .vi{
  width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(12,92,224,.08); color:var(--brand); margin-bottom:16px;
}
.hk-val .vi svg{ width:22px; height:22px; }
.hk-val h3{ font-size:1.06rem; }
.hk-val p{ margin-top:9px; color:var(--muted); font-size:.93rem; line-height:1.55; }

/* ---- 04 Başarılarımız (koyu bant) ---- */
.hk-band{
  position:relative; overflow:hidden; color:#fff; scroll-margin-top:96px;
  padding-block:clamp(46px,6vw,76px);
  background:
    radial-gradient(800px 380px at 90% 120%, rgba(43,134,255,.28), transparent 60%),
    linear-gradient(135deg,var(--navy-deep),var(--navy) 65%, #0d2a66);
}
.hk-band .wrap{ position:relative; z-index:2; }
.hk-band .hk-head h2{ color:#fff; }
.hk-band .hk-head p{ color:rgba(255,255,255,.7); }
.hk-band .section-no{ color:var(--cyan); }
.hk-achv{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.hk-ach{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-md); padding:24px; backdrop-filter:blur(4px);
}
.hk-ach .ai{
  width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(70,198,255,.14); color:var(--cyan); margin-bottom:16px;
}
.hk-ach .ai svg{ width:22px; height:22px; }
.hk-ach h3{ color:#fff; font-size:1.04rem; }
.hk-ach p{ margin-top:9px; color:rgba(255,255,255,.68); font-size:.91rem; line-height:1.55; }

/* ---- 05 Topluma katkı ---- */
.hk-soc-metin{ max-width:760px; margin:-12px 0 30px; color:var(--muted); font-size:1.02rem; }
.hk-soc{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hk-soc-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:24px; }
.hk-soc-card .si{
  width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(70,198,255,.13); color:var(--brand); margin-bottom:16px;
}
.hk-soc-card .si svg{ width:22px; height:22px; }
.hk-soc-card h3{ font-size:1.06rem; }
.hk-soc-card p{ margin-top:9px; color:var(--muted); font-size:.93rem; line-height:1.55; }

/* ---- 06 Şubelerimiz ---- */
.hk-subeler{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.hk-sube{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; min-width:0;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
.hk-sube:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.hk-sube .ph{ position:relative; aspect-ratio:16/10; background:linear-gradient(135deg,var(--paper-2),var(--paper)); }
.hk-sube .ph img{ width:100%; height:100%; object-fit:cover; }
.hk-sube .noimg{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  color:var(--muted); font-size:.82rem;
}
.hk-sube .noimg svg{ width:34px; height:34px; opacity:.45; }
.hk-sube .yaka{
  position:absolute; left:10px; bottom:10px; padding:4px 10px; border-radius:999px;
  background:rgba(6,20,58,.72); color:#fff; font-size:.72rem; font-weight:600; letter-spacing:.02em;
  backdrop-filter:blur(4px);
}
.hk-sube .bd{ padding:16px 18px 18px; }
.hk-sube h3{ font-size:1.04rem; }
.hk-sube .bd > p{ margin-top:6px; color:var(--muted); font-size:.86rem; line-height:1.5; min-height:2.6em; }
.hk-sube .acts{ display:flex; gap:8px; margin-top:14px; }
.hk-sbtn{
  flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px;
  padding:9px 10px; border-radius:10px; font-size:.85rem; font-weight:600;
  transition:transform .25s, box-shadow .25s, background .25s, color .25s;
}
.hk-sbtn svg{ width:15px; height:15px; }
.hk-sbtn.ara{ background:linear-gradient(135deg,var(--brand),var(--brand-bright)); color:#fff; }
.hk-sbtn.ara:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(12,92,224,.35); }
.hk-sbtn.yol{ background:rgba(12,92,224,.07); color:var(--brand); border:1px solid rgba(12,92,224,.18); }
.hk-sbtn.yol:hover{ background:rgba(12,92,224,.12); transform:translateY(-2px); }

/* ---- Kapanış CTA (footer'a bitişik akar) ---- */
.hk-final{
  position:relative; overflow:hidden; color:#fff;
  /* Footer'a HİÇ dokunmadan bitişik dur: footer'ın üst boşluğunu (margin-top)
     negatif margin ile içeri al (kategori.css/tedaviler.css ile aynı kalıp). */
  margin-bottom:calc(-1 * clamp(40px,6vw,90px));
  padding:clamp(56px,8vw,90px) 0;
  background:
    radial-gradient(circle 520px at 50% 100%, rgba(43,134,255,.16), transparent 65%), /* footer'ın üst mavi parıltısını seam'de devam ettir */
    linear-gradient(180deg, transparent 48%, var(--navy-deep) 100%),
    radial-gradient(120% 140% at 100% 0%, var(--brand) 0%, var(--navy) 45%, var(--navy-deep) 100%);
}
.hk-final::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:42px 42px; -webkit-mask-image:radial-gradient(80% 120% at 80% 0%,#000,transparent 70%); mask-image:radial-gradient(80% 120% at 80% 0%,#000,transparent 70%); }
.hk-final .wrap{ position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:28px; }
.hk-final h2{ color:#fff; font-size:clamp(1.6rem,3.2vw,2.3rem); max-width:560px; line-height:1.12; }
.hk-final p{ color:rgba(255,255,255,.78); margin-top:12px; max-width:520px; }
.hk-final-actions{ display:flex; flex-wrap:wrap; gap:12px; }

/* ---- Duyarlı ---- */
@media (max-width: 1080px){
  .hk-subeler{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 980px){
  .hk-story-grid{ grid-template-columns:minmax(0,1fr); }
  .hk-mv{ grid-template-columns:minmax(0,1fr); }
  .hk-vals{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hk-achv{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hk-soc{ grid-template-columns:minmax(0,1fr); }
  .hk-subeler{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px){
  .hk-vals{ grid-template-columns:minmax(0,1fr); }
  .hk-achv{ grid-template-columns:minmax(0,1fr); }
  .hk-subeler{ grid-template-columns:minmax(0,1fr); }
  .hk-stats{ gap:12px 26px; }
  .hk-actions .btn{ width:100%; justify-content:center; }
  .hk-final-actions{ width:100%; }
  .hk-final-actions .btn{ flex:1; justify-content:center; }
}