/* ============================================================
   Kalite Politikamız — kp- prefix
   Hero: site geneli il-hero deseni (çok katmanlı gradient + nokta dokusu + düz-metin eyebrow).
   Ortak .btn/.section-no/.reveal style.css'ten gelir.
   ============================================================ */

/* ---- HERO (il-hero ile birebir; .wrap'a max-width KOYMA → global --maxw) ---- */
.kp-hero{
  position:relative; overflow:hidden; color:#fff;
  padding:clamp(32px,5vw,64px) 0 clamp(40px,5.5vw,72px);
  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);
}
.kp-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;
}
.kp-hero .wrap{ position:relative; z-index:2; }
.kp-bread{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.86rem; color:rgba(255,255,255,.6); margin-bottom:24px; }
.kp-bread a{ color:rgba(255,255,255,.6); text-decoration:none; transition:color .2s; }
.kp-bread a:hover{ color:#fff; }
.kp-bread .sep{ opacity:.5; }
.kp-bread b{ color:#fff; font-weight:600; }
.kp-eyebrow{ font-size:.74rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--cyan); display:inline-flex; align-items:center; gap:.6em; }
.kp-eyebrow svg{ width:16px; height:16px; }
.kp-hero h1{ color:#fff; margin-top:14px; font-size:clamp(1.9rem,4.2vw,3.05rem); max-width:780px; line-height:1.12; }
.kp-hero h1 em{ font-style:normal; color:var(--cyan); }
.kp-lead{ margin-top:16px; max-width:660px; color:rgba(255,255,255,.78); font-size:clamp(1rem,1.6vw,1.14rem); line-height:1.7; }
.kp-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

/* ---- Bölüm iskeleti ---- */
.kp-sec{ padding:74px 0; }
.kp-sec.alt{ background:var(--paper); }
.kp-head{ max-width:720px; margin-bottom:40px; }
.kp-head .section-no{ display:inline-block; font-size:.82rem; font-weight:700; letter-spacing:.18em; color:var(--brand); background:#eef4ff; padding:4px 12px; border-radius:999px; margin-bottom:14px; }
.kp-head h2{ font-size:clamp(1.5rem,3vw,2.05rem); line-height:1.18; color:var(--navy); margin:0 0 10px; font-weight:600; }
.kp-head p{ color:#5a6781; font-size:1.02rem; line-height:1.7; margin:0; }

/* ---- 01 Beyan (metin + vurgu kutusu) ---- */
.kp-beyan{ display:grid; grid-template-columns:1.5fr 1fr; gap:36px; align-items:start; }
.kp-beyan .kp-head{ margin-bottom:0; }
.kp-beyan-metin{ font-size:1.08rem; line-height:1.8; color:#3a4763; }
.kp-vurgu{ background:linear-gradient(150deg,var(--navy),var(--navy-deep)); color:#fff; border-radius:18px; padding:28px 26px; box-shadow:0 20px 46px rgba(6,20,58,.18); }
.kp-vurgu-ic{ display:inline-grid; place-items:center; width:46px; height:46px; border-radius:13px; background:rgba(70,198,255,.18); color:var(--cyan); margin-bottom:14px; }
.kp-vurgu-ic svg{ width:24px; height:24px; }
.kp-vurgu b{ display:block; font-size:1.1rem; margin-bottom:8px; color:#fff; }
.kp-vurgu p{ margin:0; color:rgba(255,255,255,.8); font-size:.96rem; line-height:1.7; }

/* ---- 02 İlkeler ---- */
.kp-ilkeler{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.kp-ilke{ background:#fff; border:1px solid #e6ecf6; border-radius:16px; padding:24px 22px; transition:transform .25s, box-shadow .25s, border-color .25s; }
.kp-ilke:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(10,32,80,.1); border-color:#cfe0fb; }
.kp-ilke .ki{ display:inline-grid; place-items:center; width:46px; height:46px; border-radius:13px; background:#e7f7ee; color:#13794b; margin-bottom:15px; }
.kp-ilke .ki svg{ width:22px; height:22px; }
.kp-ilke h3{ font-size:1.08rem; color:var(--navy); margin:0 0 7px; font-weight:600; }
.kp-ilke p{ color:#5a6781; font-size:.92rem; line-height:1.62; margin:0; }

/* ---- 03 Standartlar ---- */
.kp-standartlar{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.kp-std{ display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid #e6ecf6; border-radius:14px; padding:18px 20px; transition:transform .2s, box-shadow .2s; }
.kp-sec.alt .kp-std{ background:#fff; }
.kp-std:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(10,32,80,.08); }
.kp-std-kod{ flex:0 0 auto; font-family:ui-monospace,Consolas,monospace; font-size:.82rem; font-weight:700; color:var(--brand); background:#eef4ff; border-radius:9px; padding:7px 11px; white-space:nowrap; }
.kp-std h3{ font-size:1rem; color:var(--navy); margin:0 0 4px; font-weight:600; }
.kp-std p{ color:#5a6781; font-size:.9rem; line-height:1.55; margin:0; }
.kp-std-alt{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:24px; padding:20px 24px; background:#f4f7fc; border:1px solid #e6ecf6; border-radius:16px; }
.kp-std-not{ display:flex; align-items:center; gap:11px; margin:0; color:#3a4763; font-size:.95rem; line-height:1.6; }
.kp-std-not svg{ flex:0 0 auto; width:22px; height:22px; color:var(--brand); }

/* ---- 04 Süreç ---- */
.kp-surec{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.kp-adim{ position:relative; background:#fff; border:1px solid #e6ecf6; border-radius:16px; padding:26px 22px; }
.kp-sec.alt .kp-adim{ background:#fff; }
.kp-adim .anum{ display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--navy); color:#fff; font-weight:700; font-size:1.05rem; margin-bottom:14px; }
.kp-adim h3{ font-size:1.05rem; color:var(--navy); margin:0 0 7px; font-weight:600; }
.kp-adim p{ color:#5a6781; font-size:.91rem; line-height:1.6; margin:0; }

/* ---- Kapanış CTA (footer'a bitişik — kategori .cat-final deseni) ---- */
.kp-final{
  position:relative; overflow:hidden; color:#fff; padding:64px 0;
  margin-bottom:calc(-1 * clamp(40px,6vw,90px));
  padding-bottom:calc(64px + clamp(40px,6vw,90px));
  background:
    radial-gradient(circle 520px at 50% 100%, rgba(43,134,255,.16), transparent 65%),
    linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);
}
.kp-final .wrap{ display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.kp-final h2{ font-size:clamp(1.4rem,2.6vw,1.85rem); margin:0 0 8px; font-weight:600; color:#fff; }
.kp-final p{ color:rgba(255,255,255,.82); margin:0; font-size:1.02rem; }
.kp-final-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.il-btn-light{ background:#fff; color:var(--navy); }
.il-btn-light:hover{ background:#eaf1ff; }
.il-btn-outline{ background:transparent; border:1px solid rgba(255,255,255,.4); color:#fff; }
.il-btn-outline:hover{ background:rgba(255,255,255,.12); }

/* ---- Responsive ---- */
@media (max-width:980px){
  .kp-beyan{ grid-template-columns:1fr; gap:24px; }
  .kp-ilkeler,.kp-surec{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:620px){
  .kp-ilkeler,.kp-standartlar,.kp-surec{ grid-template-columns:1fr; }
  .kp-sec{ padding:54px 0; }
  .kp-std-alt{ flex-direction:column; align-items:flex-start; }
  .kp-final .wrap{ flex-direction:column; align-items:flex-start; }
}