/* Kategori sayfaları ortak stili (CQI şablonundan) — AKADEMI_TASARIM_STANDARDI §6 */
/* CQI kategori sayfası — açılış kısa; imza: "özel proses" akışı + "prosesinizi seçin" seçici */
.k-hero{position:relative;margin-top:-100px;color:#fff;overflow:hidden;background:#2a1606;border-radius:0 0 44px 44px}
.k-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05) blur(2.5px);transform:scale(1.04)} /* ana sayfayla aynı hafif flu (Hakan, 2026-10-24) */
.k-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(24,12,2,.40) 0,rgba(24,12,2,.20) 45%,rgba(24,12,2,0) 75%)}
.k-hero h1,.k-hero p,.k-hero .kirinti{text-shadow:0 2px 28px rgba(20,10,0,.45),0 1px 3px rgba(20,10,0,.35)}
.k-hero .ic{position:relative;z-index:2;padding-block:140px 70px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end}
.kirinti{font-size:14px;opacity:.85;margin-bottom:14px}
.kirinti a{text-decoration:none}
.k-hero h1{font-size:clamp(54px,8vw,120px);line-height:.9;letter-spacing:-.04em}
.k-hero h1 .it{display:block;font-size:.5em;color:var(--krem);letter-spacing:0;margin-top:8px}
.k-hero p{font-size:18px;max-width:48ch;margin:18px 0 0}
.sayilar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-radius:24px;padding:20px}
.sayilar b{display:block;font-size:40px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1}
.sayilar span{font-size:13px;color:#b9c6d4}
.sayilar .hap{grid-column:1/-1;justify-self:start;margin-top:6px}

/* özel proses akışı */
.akis{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;border-radius:30px;padding:28px}
.dugum{border-radius:20px;padding:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:grid;gap:8px;align-content:start}
.dugum .etiket{color:var(--or-acik)}
.dugum b{font-size:22px;font-weight:550}
.dugum p{margin:0;font-size:14px;color:#b9c6d4}
.dugum.vurgu{background:linear-gradient(160deg,var(--or-acik),var(--or));border-color:#f0a35a}
.dugum.vurgu .etiket,.dugum.vurgu p{color:#fff}
.ok-isaret{display:grid;place-items:center;color:var(--or-acik);font-size:30px}
.ok-isaret svg{width:46px;height:46px}
.carpi{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#ffb38a}

/* proses seçici */
.secici-blok{border-radius:44px;padding:44px clamp(18px,4vw,48px);background:radial-gradient(ellipse 80% 90% at 85% 10%,var(--or-acik),rgba(238,154,69,0) 60%),linear-gradient(135deg,var(--or) 0%,#c8650a 100%);color:#fff}
.secici-blok h2{font-size:clamp(32px,4.2vw,56px);line-height:1}
.secici-blok h2 .it{display:block;color:var(--krem)}
.prosesler{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 18px}
.prosesler button{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:99px;padding:9px 16px;font-size:15px}
.prosesler button[aria-pressed="true"]{background:#fff;color:var(--or);border-color:#fff;font-weight:550}
.sonuc{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border-radius:28px;padding:28px}
.sonuc .no{font-size:clamp(64px,8vw,110px);font-weight:300;line-height:.9;letter-spacing:-.04em;color:#fff}
.sonuc .no small{display:block;font-size:13px;letter-spacing:.14em;color:var(--or-acik);font-weight:550;margin-bottom:6px}
.sonuc h3{font-size:30px}
.sonuc h3 .it{color:var(--or-acik)}
.sonuc p{margin:8px 0 12px;color:#c9d6e3;max-width:56ch}
.konular{display:flex;gap:8px;flex-wrap:wrap}
.konular span{font-size:13px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.sonuc .sag{display:grid;gap:10px;justify-items:start}

/* kurs ızgarası */
.kurs-izgara{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.kk{border-radius:24px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;text-decoration:none;transition:transform .3s;min-width:0}
.kk:hover{transform:translateY(-5px)}
.kk .ust-alan{aspect-ratio:4/3;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(238,154,69,.35),rgba(238,154,69,0) 60%)}
.kk .ust-alan.foto{background:center/cover}
.kk .ust-alan .buyuk{font-size:64px;font-weight:300;letter-spacing:-.04em;color:rgba(255,255,255,.9)}
.kk .ust-alan .durum{position:absolute;top:12px;left:12px}
.kk .ic{padding:16px;display:grid;gap:6px;align-content:start}
.kk b{font-size:17px;font-weight:550;line-height:1.2}
.kk span{font-size:13px;color:#a9b8c8}
.kk.secili{outline:3px solid #fff;outline-offset:3px}

/* iskelet */
.iskelet{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.isk{border-radius:24px;padding:22px;display:grid;gap:8px;align-content:start}
.isk .etiket{color:var(--or-acik)}
.isk b{font-size:19px;font-weight:550}
.isk p{margin:0;font-size:14px;color:#b9c6d4}
.isk.tam{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.musteriler{display:flex;gap:10px;flex-wrap:wrap}
.musteriler{align-items:center}
.oem{width:118px;height:64px;border-radius:16px;background:#fff;display:grid;place-items:center;padding:10px 14px;border-bottom:4px solid #c9d3de;box-shadow:inset 0 1px 0 #fff,0 12px 20px -10px rgba(6,18,31,.8)}
.oem img{max-width:100%;max-height:40px;width:auto;height:auto}

@media (max-width:1100px){.kurs-izgara{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.k-hero .ic,.sonuc{grid-template-columns:1fr}.akis{grid-template-columns:1fr}.ok-isaret{transform:rotate(90deg)}.iskelet{grid-template-columns:1fr 1fr}.kurs-izgara{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.iskelet,.kurs-izgara{grid-template-columns:1fr}.sayilar{grid-template-columns:1fr 1fr}}

/* imza: aşama çizelgesi (VDA P1–P7, APQP fazları, PUKÖ) */
.cizelge{border-radius:30px;padding:26px;overflow-x:auto}
.cz{display:grid;gap:8px;min-width:720px}
.cz .asama{border-radius:16px;padding:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;gap:4px;align-content:start}
.cz .asama b{font-size:22px;font-weight:300;color:var(--or-acik);font-family:var(--serif);font-style:italic}
.cz .asama span{font-size:13px;color:#dfe7ef;line-height:1.3}
.cz .cubuk{border-radius:99px;padding:8px 14px;font-size:13.5px;font-weight:550;color:#fff;background:linear-gradient(90deg,var(--or),var(--or-acik));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 12px -6px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border:0;text-align:left}
.cz .cubuk.ikincil{background:rgba(255,255,255,.12);box-shadow:none;font-weight:400}
.cz .cubuk:hover{filter:brightness(1.1)}
.cz-not{font-size:13px;color:#a9b8c8;margin-top:12px}
.rozetler{display:flex;gap:10px;flex-wrap:wrap}
.rozetler span{padding:10px 16px;border-radius:14px;background:#fff;color:var(--navy);font-weight:550;border-bottom:4px solid #c9d3de}
/* üst kutuda fiyat ve satın alma (2026-10-31) */
.sayilar .fiyat-satir{grid-column:1/-1;font-size:14px;color:#b9c6d4;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;margin-top:4px}
.sayilar .fiyat-satir b{display:inline;color:#fff;font-size:22px;font-weight:400;line-height:1.2;margin:0 4px}
.sayilar .eylemler{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.sayilar .eylemler .hap{margin-top:0}
#tum-kurslar{scroll-margin-top:110px}
/* "Size uygun" kutusu: uzun kurs kodu (APQP·CP·PPAP) telefonda sayfayı taşırmasın (2026-10-31) */
.sonuc>*{min-width:0}.sonuc .no{overflow-wrap:anywhere}
@media (max-width:520px){.sonuc .no{font-size:44px}}