/* YazılımaOrg Kulüp — satış sayfası (/kulup). Yalnız bu sayfada yüklenir; tüm sınıflar "kl-s-" önekli;
   tokenlar kulup.css'teki .kl-root'tan. 7 bölüm, her bölüm yeni bir soruyu cevaplar (K-21).
   Mobilde sade açılış (tek çağrı, küçük evren); masaüstünde evren çizimi açılışın parçası.
   Hareket yalnız anlamlı yerlerde; JS kapalıysa ve hareket azaltmada her şey tamamlanmış ve okunur. */

.kl-yer-tanitim { --kl-metin-3: #9AA4BA; }   /* bu sayfada ikincil metin biraz daha okunur */
.kl-yer-tanitim .kl-tanitim-ana { max-width: 1200px; padding: 0 16px 40px; overflow-x: clip; }
.kl-s-bolum, .kl-s-hero { scroll-margin-top: 80px; }
.kl-s-ust-yazi { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--kl-vurgu); }
.kl-s-etiket { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; font-size: 13px; font-weight: 600; border-radius: 999px; color: var(--kl-metin-2); border: 1px solid var(--kl-cizgi-2); }
.kl-s-etiket.yayinda { color: var(--kl-vurgu-acik); border-color: rgba(93, 179, 240, 0.4); background: rgba(93, 179, 240, 0.07); }
.kl-yer-tanitim .kl-dugme .kl-ikon:last-child { transition: transform 0.2s ease; }
.kl-yer-tanitim .kl-dugme:hover .kl-ikon:last-child { transform: translateX(3px); }
.kl-s-not-satir { display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 24px; font-size: 16px; color: var(--kl-metin-2); text-align: center; }
.kl-s-not-satir .kl-ikon { color: var(--kl-vurgu); flex-shrink: 0; }
.kl-s-not-satir.kl-s-sola { justify-content: flex-start; text-align: left; }
@media (max-width: 1023px) { .kl-s-yolculuk .kl-s-not-satir { justify-content: flex-start; align-items: flex-start; text-align: left; } .kl-s-yolculuk .kl-s-not-satir .kl-ikon { margin-top: 3px; } }
.kl-s-metin-baglanti { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; font-size: 16px; font-weight: 600; color: var(--kl-metin); text-decoration: none; border-bottom: 1px solid var(--kl-cizgi-2); }
.kl-s-metin-baglanti:hover { border-color: var(--kl-vurgu); }

/* ── Üst çubuk ───────────────────────────────────────────────────────────── */
/* Çubuk <main> dışında: zemin ekranı kenardan kenara kaplar, içerik 1200 px'lik sütunda (kesik dikdörtgen yok) */
.kl-s-ust {
  position: sticky; top: 0; z-index: 30;
  background: rgba(7, 10, 18, 0.82); border-bottom: 1px solid var(--kl-cizgi); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.kl-s-ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1200px; margin: 0 auto; padding: 12px 16px; }
.kl-s-ust-marka { text-decoration: none; }
.kl-s-ust-marka .kl-marka-metin b { font-size: 20px; }
@media (max-width: 559px) { .kl-s-ust-marka .kl-marka-logo { width: 112px; } }
@media (max-width: 359px) { .kl-s-ust-marka .kl-marka-logo { width: 100px; } }
.kl-s-ust-nav { display: none; }
.kl-s-ust-eylem { display: flex; align-items: center; gap: 14px; }
.kl-s-ust-giris { font-size: 16px; font-weight: 600; color: var(--kl-metin-2); text-decoration: none; }
.kl-s-ust-giris:hover { color: var(--kl-metin); }
.kl-s-ust-katil { display: none; }
@media (min-width: 1024px) {
  .kl-s-ust-ic { padding: 14px 16px; }
  .kl-s-ust-nav { display: flex; gap: 28px; }
  .kl-s-ust-nav a { font-size: 15.5px; font-weight: 600; color: var(--kl-metin-2); text-decoration: none; }
  .kl-s-ust-nav a:hover { color: var(--kl-metin); }
  .kl-s-ust-katil { display: inline-flex; }
}

/* ── 1 · Açılış ──────────────────────────────────────────────────────────── */
.kl-s-hero { position: relative; padding: 32px 0 8px; text-align: center; }
.kl-s-hero-metin { max-width: 820px; margin: 0 auto; }
.kl-s-hero h1 { margin-top: 14px; text-wrap: balance; font-size: clamp(34px, 9vw, 68px); font-weight: 800; line-height: 1.04; letter-spacing: -0.045em; }
.kl-s-hero-metin > p:not(.kl-s-hero-not) { max-width: 600px; margin: 16px auto 0; font-size: 18px; line-height: 1.6; color: var(--kl-metin-2); text-wrap: balance; }
.kl-s-hero-eylem { display: grid; justify-items: center; gap: 12px; margin: 24px auto 0; }
.kl-s-hero-eylem .kl-dugme { width: 100%; max-width: 360px; }
.kl-s-hero-ikincil { display: none; align-items: center; gap: 6px; font-size: 16px; font-weight: 600; color: var(--kl-metin-2); text-decoration: none; }
.kl-s-hero-ikincil:hover { color: var(--kl-metin); }
.kl-s-hero-not { margin: 14px auto 0; font-size: 15.5px; color: var(--kl-metin-2); text-wrap: balance; }
.kl-s-hero-not b { color: var(--kl-metin); }
.kl-s-hero-not span { white-space: nowrap; }
.kl-s-hero .kl-s-ust-yazi { text-wrap: balance; }
@media (max-width: 419px) { .kl-s-hero .kl-s-ust-yazi { font-size: 12.5px; letter-spacing: 0.12em; } }
/* K-94: uzun bölüm üst yazısı (Yapay Zeka ile Yazılım Geliştirme Eğitimi) mobilde tek satır — ekran daraldıkça küçülür */
.kl-s-bas-tek .kl-s-ust-yazi { white-space: nowrap; }
@media (max-width: 559px) { .kl-s-bas-tek .kl-s-ust-yazi { font-size: min(13px, 3.4vw); letter-spacing: 0.05em; } }
@media (min-width: 760px) {
  .kl-s-hero-eylem { display: flex; justify-content: center; align-items: center; gap: 24px; }
  .kl-s-hero-eylem .kl-dugme { width: auto; }
  .kl-s-hero-ikincil { display: inline-flex; }
}
@media (min-width: 1024px) { .kl-s-hero { padding: 40px 0 8px; } }

.kl-s-evren { position: relative; margin: 22px auto 0; }
.kl-s-evren svg { display: block; width: 100%; height: auto; }
.kl-s-evren-genis { display: none; max-width: 1080px; padding-bottom: 28px; }
.kl-s-evren-dar { max-width: 300px; }
.kl-s-evren-dar small { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--kl-metin-3); }
.kl-s-evren-etiket {
  position: absolute; transform: translate(-50%, 0); padding: 4px 11px; font-size: 14px; font-weight: 600; white-space: nowrap; color: var(--kl-metin-2);
  border-radius: 999px; background: rgba(7, 10, 18, 0.78); border: 1px solid var(--kl-cizgi); animation: kl-s-etiket 0.5s ease both;
}
@keyframes kl-s-etiket { from { opacity: 0; transform: translate(-50%, 6px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (min-width: 760px) { .kl-s-evren-genis { display: block; } .kl-s-evren-dar { display: none; } }

/* ── Bölüm kalıbı ────────────────────────────────────────────────────────── */
.kl-s-bolum { padding: 56px 0; }
.kl-s-bas { max-width: 760px; margin-bottom: 28px; }
.kl-s-bas h2, .kl-s-sss-sol h2, .kl-s-egitmen-metin h2 { margin-top: 10px; text-wrap: balance; font-size: clamp(28px, 6.4vw, 46px); font-weight: 800; line-height: 1.1; letter-spacing: -0.04em; }
.kl-s-bas h2 em { font-style: normal; color: var(--kl-metin-2); }
.kl-s-bas p { margin-top: 14px; max-width: 620px; font-size: 17.5px; color: var(--kl-metin-2); }
.kl-s-bas-orta { margin-left: auto; margin-right: auto; text-align: center; }
.kl-s-bas-orta p { margin-left: auto; margin-right: auto; }
@media (min-width: 1024px) { .kl-s-bolum { padding: 96px 0; } .kl-s-bas { margin-bottom: 44px; } }

/* ── 2 · Öğrenme yolu + uygulamalar ──────────────────────────────────────── */
.kl-s-harita { --kl-ilerleme: 1; position: relative; display: grid; gap: 26px; margin: 0; padding: 0 0 0 68px; list-style: none; }
.kl-s-js .kl-s-harita { --kl-ilerleme: 0; }
.kl-s-harita::before, .kl-s-harita::after { content: ""; position: absolute; left: 25px; top: 26px; width: 2px; border-radius: 2px; }
.kl-s-harita::before { bottom: 26px; background: repeating-linear-gradient(180deg, #34405E 0 6px, transparent 6px 12px); }
.kl-s-harita::after { height: calc((100% - 52px) * var(--kl-ilerleme)); background: linear-gradient(180deg, var(--kl-vurgu), var(--kl-mavi-koyu)); box-shadow: 0 0 10px rgba(93, 179, 240, 0.5); }
.kl-s-harita-adim { position: relative; }
.kl-s-harita-dugum { position: absolute; left: -68px; top: 0; z-index: 1; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; color: var(--kl-vurgu-acik); background: #0E1A33; border: 1.5px solid var(--kl-vurgu); box-shadow: 0 0 0 7px var(--kl-bg); transition: color 0.4s, border-color 0.4s, background 0.4s; }
.kl-s-harita-metin { padding-top: 4px; }
.kl-s-harita-metin small { font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--kl-vurgu); }
.kl-s-harita-metin h3 { margin-top: 2px; font-size: 20px; font-weight: 700; }
.kl-s-harita-metin p { margin-top: 4px; max-width: 420px; font-size: 16.5px; color: var(--kl-metin-2); }
/* Henüz geçilmemiş adım: yalnız düğüm sönük; metin her zaman okunur */
.kl-s-js .kl-s-harita-adim:not(.aktif) .kl-s-harita-dugum { color: var(--kl-metin-2); border-color: var(--kl-cizgi-2); background: #0B111F; }
.kl-s-js .kl-s-harita-adim:not(.aktif) .kl-s-harita-metin small { color: var(--kl-metin-3); }
.kl-s-harita.kisa .kl-s-harita-adim:nth-child(n+4) { display: none; }
.kl-s-harita-ac { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; margin: 14px 0 0 68px; padding: 8px 14px; font: inherit; font-size: 16px; font-weight: 600; color: var(--kl-metin); background: rgba(13, 19, 34, 0.8); border: 1px solid var(--kl-cizgi-2); border-radius: 12px; cursor: pointer; }
.kl-s-harita-ac[hidden] { display: none; }
@media (min-width: 1024px) {
  .kl-s-harita { padding: 0; gap: 14px; }
  .kl-s-harita::before, .kl-s-harita::after { left: calc(50% - 1px); }
  .kl-s-harita-adim { width: 50%; padding-right: 60px; text-align: right; }
  .kl-s-harita-adim .kl-s-harita-dugum { left: auto; right: -26px; }
  .kl-s-harita-adim:nth-child(even) { margin-left: 50%; padding: 0 0 0 60px; text-align: left; }
  .kl-s-harita-adim:nth-child(even) .kl-s-harita-dugum { right: auto; left: -26px; }
  .kl-s-harita-adim .kl-s-harita-metin p { margin-left: auto; }
  .kl-s-harita-adim:nth-child(even) .kl-s-harita-metin p { margin-left: 0; }
}
.kl-s-yayinda { margin-top: 22px; padding: 16px 18px; border-radius: 16px; background: rgba(13, 19, 34, 0.7); border: 1px dashed var(--kl-cizgi-2); }
.kl-s-yayinda-baslik { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: var(--kl-metin-2); }
.kl-s-yayinda-baslik .kl-ikon { color: var(--kl-vurgu); }
.kl-s-yayinda ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.kl-s-yayinda li { padding: 7px 12px; font-size: 15.5px; font-weight: 600; border-radius: 999px; border: 1px solid var(--kl-cizgi-2); background: rgba(7, 10, 18, 0.6); }
.kl-s-yayinda li small { font-weight: 500; color: var(--kl-metin-3); }
@media (min-width: 1024px) { .kl-s-yayinda { max-width: 760px; margin: 32px auto 0; text-align: center; } .kl-s-yayinda ul { justify-content: center; } }

.kl-s-ara-baslik { margin-top: 56px; font-size: clamp(24px, 5.4vw, 34px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; text-wrap: balance; }
.kl-s-ara-metin { margin: 8px 0 22px; font-size: 16.5px; color: var(--kl-metin-2); }
@media (min-width: 1024px) { .kl-s-ara-baslik { margin-top: 88px; } }
.kl-s-vitrin-projeler { display: grid; gap: 14px; }
.kl-s-proje { overflow: hidden; border-radius: 20px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; }
.kl-s-proje:hover { transform: translateY(-4px); border-color: var(--kl-cizgi-2); box-shadow: 0 30px 50px -30px rgba(0, 0, 0, 0.9); }
.kl-s-proje-cizim { padding: 14px 14px 6px; background: radial-gradient(380px 200px at 50% 65%, rgba(47, 107, 255, 0.12), transparent 70%), rgba(7, 10, 18, 0.55); border-bottom: 1px solid var(--kl-cizgi); }
.kl-s-proje-cizim svg { display: block; width: 100%; height: auto; transition: transform 0.35s ease; }
.kl-s-proje:hover .kl-s-proje-cizim svg { transform: scale(1.025); }
.kl-s-proje-metin { padding: 14px 18px 18px; }
.kl-s-proje-metin h3 { margin-top: 10px; font-size: 19px; font-weight: 700; }
.kl-s-proje-metin p { margin-top: 4px; font-size: 16px; color: var(--kl-metin-2); }
@media (max-width: 759px) {
  /* Mobil: dört uzun kart yerine yatay kaydırılan vitrin */
  .kl-s-vitrin-projeler { grid-auto-flow: column; grid-auto-columns: 84%; gap: 12px; margin: 0 -16px; padding: 0 16px 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 16px; scrollbar-width: none; }
  .kl-s-vitrin-projeler::-webkit-scrollbar { display: none; }
  .kl-s-proje { scroll-snap-align: start; }
  .kl-s-proje:hover { transform: none; }
}
@media (min-width: 760px) and (max-width: 1023px) { .kl-s-vitrin-projeler { grid-template-columns: 1fr 1fr; } .kl-s-proje-one { grid-column: 1 / -1; } }
@media (min-width: 1024px) {
  .kl-s-vitrin-projeler { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); grid-template-rows: repeat(3, auto); gap: 16px; }
  .kl-s-proje-one { grid-row: 1 / span 3; display: flex; flex-direction: column; }
  .kl-s-proje-one .kl-s-proje-cizim { flex: 1; display: grid; place-items: center; padding: 28px 24px; }
  .kl-s-proje-one .kl-s-proje-metin { padding: 20px 26px 24px; }
  .kl-s-proje-one h3 { font-size: 23px; }
  .kl-s-proje:not(.kl-s-proje-one) { display: grid; grid-template-columns: 46% minmax(0, 1fr); align-items: center; }
  .kl-s-proje:not(.kl-s-proje-one) .kl-s-proje-cizim { height: 100%; display: grid; place-items: center; padding: 12px; border-bottom: 0; border-right: 1px solid var(--kl-cizgi); }
  .kl-s-proje:not(.kl-s-proje-one) h3 { font-size: 18px; }
}

/* ── 3 · Platform · ürün vitrini ─────────────────────────────────────────── */
.kl-s-vitrin2 { border: 0; background: none; }
.kl-s-vitrin2 > .kl-sekme-listesi { gap: 6px; margin: 0 auto 16px; padding: 6px; max-width: max-content; border: 1px solid var(--kl-cizgi); border-radius: 999px; background: rgba(13, 19, 34, 0.8); }
.kl-s-vitrin2 > .kl-sekme-listesi button { min-height: 44px; margin: 0; padding: 8px 16px; border: 0; border-radius: 999px; }
.kl-s-vitrin2 > .kl-sekme-listesi button[aria-selected="true"] { background: var(--kl-metin); color: var(--kl-vurgu-koyu); }
.kl-s-vitrin2 > .kl-sekme-listesi button[aria-selected="true"] .kl-ikon { color: var(--kl-mavi-koyu); }
@media (max-width: 759px) { .kl-s-vitrin2 > .kl-sekme-listesi { max-width: 100%; border-radius: 16px; } }
.kl-s-cerceve { overflow: hidden; border-radius: 20px; background: #0A0F1C; border: 1px solid var(--kl-cizgi-2); box-shadow: 0 50px 90px -50px rgba(0, 0, 0, 0.95); }
.kl-s-cerceve-ust { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 16px; background: #0E1526; border-bottom: 1px solid var(--kl-cizgi); }
.kl-s-cerceve-ust i { width: 10px; height: 10px; border-radius: 50%; background: #2C3854; }
.kl-s-cerceve-ust span { margin-left: 12px; padding: 3px 12px; font-size: 13px; color: var(--kl-metin-3); border-radius: 999px; background: #131B30; }
.kl-s-cerceve .kl-sekme-panel { padding: 20px; }
/* sekme geçişi: kulup.css (.kl-sekme-js .kl-sekme-panel) */
@keyframes kl-s-panel { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.kl-s-ekran-not { margin-top: 14px; font-size: 16px; color: var(--kl-metin-2); }
.kl-s-ekran-yolculuk { display: grid; gap: 18px; justify-items: center; }
.kl-s-ekran-yolculuk .kl-halka { width: 220px; height: 220px; }
.kl-s-ekran-yolculuk .kl-adimlar { width: 100%; margin: 0; }
.kl-s-ekran-yolculuk .kl-adimlar-dikey li:first-child { grid-column: auto; }
@media (min-width: 860px) { .kl-s-ekran-yolculuk { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 32px; } .kl-s-ekran-yolculuk .kl-adimlar-dikey { grid-template-columns: 1fr; } }
.kl-s-ekran-izle { display: grid; gap: 12px; font-size: 15px; }
.kl-s-izle-video { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; border-radius: 12px; color: #fff; background: radial-gradient(60% 80% at 30% 25%, rgba(47, 107, 255, 0.4), transparent 70%), radial-gradient(50% 60% at 80% 80%, rgba(93, 179, 240, 0.18), transparent 70%), #0E1526; border: 1px solid var(--kl-cizgi); }
.kl-s-izle-video span { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(7, 10, 18, 0.6); border: 1px solid rgba(255, 255, 255, 0.25); }
.kl-s-izle-video i { position: absolute; left: 14px; right: 14px; bottom: 12px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--kl-vurgu) 38%, rgba(255, 255, 255, 0.2) 38%); }
.kl-s-izle-yan { display: grid; gap: 8px; align-content: start; padding: 12px; border-radius: 12px; background: #0E1526; border: 1px solid var(--kl-cizgi); }
.kl-s-izle-yan b { font-size: 14px; }
.kl-s-izle-yan span { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 10px; }
.kl-s-izle-yan span.simdiki { background: rgba(93, 179, 240, 0.09); box-shadow: inset 3px 0 0 var(--kl-vurgu); }
.kl-s-izle-yan em { display: grid; place-items: center; width: 24px; height: 24px; flex-shrink: 0; font-style: normal; font-size: 12px; font-weight: 700; border-radius: 50%; border: 1.5px solid var(--kl-cizgi-2); color: var(--kl-metin-2); }
.kl-s-izle-yan span.tamam em { background: var(--kl-vurgu); border-color: var(--kl-vurgu); color: var(--kl-vurgu-koyu); }
.kl-s-izle-yan i, .kl-s-izle-talimat i { display: block; height: 8px; border-radius: 999px; background: #1C2640; }
.kl-s-izle-yan i { flex: 1; max-width: 70%; }
.kl-s-izle-sekme { display: flex; gap: 18px; overflow: hidden; padding: 0 4px 10px; border-bottom: 1px solid var(--kl-cizgi); font-size: 14px; font-weight: 600; color: var(--kl-metin-3); white-space: nowrap; }
.kl-s-izle-sekme b, .kl-s-izle-sekme span { display: inline-flex; align-items: center; gap: 6px; }
.kl-s-izle-sekme b { color: var(--kl-metin); box-shadow: 0 12px 0 -10px var(--kl-vurgu); }
.kl-s-izle-talimat { display: grid; gap: 8px; padding: 14px; border-radius: 12px; background: #0E1526; border: 1px solid var(--kl-cizgi-2); }
.kl-s-izle-talimat > div { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.kl-s-izle-talimat > div b { width: 34%; height: 9px; border-radius: 999px; background: #2A3656; }
.kl-s-izle-talimat > div span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; font-size: 13px; font-weight: 600; border-radius: 8px; border: 1px solid rgba(93, 179, 240, 0.35); color: var(--kl-vurgu-acik); }
.kl-s-izle-talimat i:nth-of-type(2) { width: 86%; }
.kl-s-izle-talimat i:nth-of-type(3) { width: 58%; }
@media (min-width: 860px) { .kl-s-ekran-izle { grid-template-columns: minmax(0, 1fr) 240px; } .kl-s-izle-yan { grid-row: span 3; } }
.kl-s-ekran-takvim { display: grid; gap: 12px; }
@media (min-width: 860px) { .kl-s-ekran-takvim { grid-template-columns: repeat(3, 1fr); } }
.kl-s-ekran-bos { display: grid; justify-items: center; gap: 12px; text-align: center; padding: 24px 12px; }
.kl-s-ekran-bos svg { width: 180px; height: auto; }
.kl-s-ekran-bos p { max-width: 520px; font-size: 16.5px; color: var(--kl-metin-2); }

/* ── 4 · Neden aylık üyelik? ─────────────────────────────────────────────── */
.kl-s-uyelik { display: grid; gap: 28px; }
.kl-s-uyelik .kl-s-bas { margin-bottom: 22px; }
.kl-s-fayda { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--kl-cizgi); }
.kl-s-fayda li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--kl-cizgi); font-size: 16px; color: var(--kl-metin-2); }
.kl-s-fayda .kl-ikon { margin-top: 2px; color: var(--kl-vurgu); flex-shrink: 0; }
.kl-s-fayda b { display: block; font-size: 17px; color: var(--kl-metin); }
.kl-s-uyelik-baslik { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; font-size: 16px; font-weight: 700; letter-spacing: 0.04em; color: var(--kl-metin-2); }
.kl-s-uyelik-baslik .kl-ikon { color: var(--kl-vurgu); }
.kl-s-uyelik-cizim { max-width: 320px; padding: 10px; border-radius: 18px; background: rgba(13, 19, 34, 0.7); border: 1px solid var(--kl-cizgi); }
.kl-s-uyelik-cizim svg { display: block; width: 100%; height: auto; }
.kl-s-zaman { position: relative; display: grid; gap: 22px; margin: 0; padding: 0 0 0 58px; list-style: none; }
.kl-s-zaman::before { content: ""; position: absolute; left: 21px; top: 22px; bottom: 22px; width: 2px; background: linear-gradient(180deg, var(--kl-vurgu), rgba(47, 107, 255, 0.2)); transform-origin: top; transition: transform 1.2s ease; }
.kl-s-js .kl-s-uyelik:not(.gorundu) .kl-s-zaman::before { transform: scaleY(0); }
.kl-s-zaman-olay { position: relative; }
.kl-s-zaman-dugum { position: absolute; left: -58px; top: 0; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--kl-vurgu-acik); background: #0E1A33; border: 1.5px solid var(--kl-vurgu); box-shadow: 0 0 0 6px var(--kl-bg); }
.kl-s-zaman time { display: block; font-size: 15px; font-weight: 700; color: var(--kl-vurgu); }
.kl-s-zaman h4 { margin: 2px 0 0; font-size: 18px; font-weight: 700; line-height: 1.3; }
.kl-s-zaman-tur { display: block; margin-top: 2px; font-size: 15px; color: var(--kl-metin-3); }
@media (min-width: 1024px) { .kl-s-uyelik { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 72px; align-items: center; } }

/* ── 5 · Kim hazırlıyor? ─────────────────────────────────────────────────── */
.kl-s-egitmen { display: grid; gap: 26px; align-items: center; }
.kl-s-egitmen-metin > p { margin-top: 14px; max-width: 520px; font-size: 17.5px; color: var(--kl-metin-2); }
.kl-s-egitmen-kimlik { display: flex; align-items: center; gap: 12px; margin-top: 20px; }
.kl-s-egitmen-kimlik img { width: 56px; height: 56px; flex-shrink: 0; border-radius: 50%; object-fit: cover; border: 1px solid var(--kl-cizgi-2); }
.kl-s-egitmen-kimlik div { display: grid; }
.kl-s-egitmen-kimlik b { font-size: 17px; }
.kl-s-egitmen-kimlik span { font-size: 15px; color: var(--kl-metin-2); }
.kl-s-egitmen-medya { display: grid; justify-items: center; }
.kl-s-video { position: relative; margin: 0; overflow: hidden; border-radius: 22px; background: #000; border: 1px solid var(--kl-cizgi-2); box-shadow: 0 40px 80px -45px rgba(0, 0, 0, 0.95); }
.kl-s-video video { display: block; width: 100%; height: 100%; object-fit: cover; background: #000; }
.kl-s-video-dikey { width: min(280px, 72vw); aspect-ratio: 9 / 16; }
.kl-s-video-yatay { width: 100%; aspect-ratio: 16 / 9; }
.kl-s-video figcaption { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; font-size: 13px; font-weight: 600; border-radius: 999px; color: var(--kl-metin); background: rgba(7, 10, 18, 0.72); border: 1px solid rgba(255, 255, 255, 0.12); pointer-events: none; }
.kl-s-egitmen-foto { margin: 0; overflow: hidden; border-radius: 22px; border: 1px solid var(--kl-cizgi-2); }
.kl-s-egitmen-foto img { display: block; width: 100%; height: auto; }
@media (min-width: 1024px) { .kl-s-egitmen { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 72px; } }

/* ── 6 · Fiyat ───────────────────────────────────────────────────────────── */
.kl-s-fiyat { max-width: 540px; margin: 0 auto; padding: 24px 22px; border-radius: 24px; background: linear-gradient(180deg, #121A2E, #0B111F); border: 1px solid var(--kl-cizgi-2); box-shadow: 0 40px 80px -50px rgba(0, 0, 0, 0.95); }
.kl-s-fiyat-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.kl-s-fiyat-ust h3 { font-size: 21px; font-weight: 800; }
.kl-s-fiyat-ust p { font-size: 15px; color: var(--kl-metin-3); }
.kl-s-fiyat-tutar { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 16px 0 4px; }
.kl-s-fiyat-tutar b { font-size: clamp(40px, 11vw, 54px); font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.kl-s-fiyat-tutar .kl-s-fiyat-yok { font-size: 24px; letter-spacing: -0.02em; }
.kl-s-fiyat-tutar span { font-size: 16px; color: var(--kl-metin-2); }
.kl-s-fiyat-liste { display: grid; gap: 10px; margin: 16px 0; padding: 0; list-style: none; }
.kl-s-fiyat-liste li { display: flex; gap: 10px; align-items: flex-start; font-size: 16.5px; }
.kl-s-fiyat-liste .kl-ikon { margin-top: 2px; color: var(--kl-vurgu); }
.kl-s-fiyat-kosul { display: grid; gap: 0; margin: 0 0 20px; border-top: 1px solid var(--kl-cizgi); }
.kl-s-fiyat-kosul > div { padding: 12px 0; border-bottom: 1px solid var(--kl-cizgi); }
.kl-s-fiyat-kosul dt { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 700; }
.kl-s-fiyat-kosul dt .kl-ikon { color: var(--kl-metin-3); }
.kl-s-fiyat-kosul dd { margin: 2px 0 0; font-size: 16px; line-height: 1.55; color: var(--kl-metin-2); }
.kl-s-fiyat-alt { margin-top: 12px; text-align: center; font-size: 15px; color: var(--kl-metin-3); }

/* ── 7 · SSS + kapanış ───────────────────────────────────────────────────── */
.kl-s-sss-bolum { display: grid; gap: 24px; }
.kl-s-sss-sol p { margin-top: 12px; max-width: 360px; font-size: 16.5px; color: var(--kl-metin-2); }
.kl-s-sss-sol a { color: var(--kl-metin); }
.kl-s-sss { display: grid; border-top: 1px solid var(--kl-cizgi); }
.kl-s-sss details { border-bottom: 1px solid var(--kl-cizgi); }
.kl-s-sss summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 60px; padding: 14px 2px; font-size: 17px; font-weight: 700; cursor: pointer; list-style: none; }
.kl-s-sss summary::-webkit-details-marker { display: none; }
.kl-s-sss summary:hover { color: var(--kl-vurgu-acik); }
.kl-s-sss summary .kl-ikon { flex-shrink: 0; color: var(--kl-metin-3); transition: transform 0.2s; }
.kl-s-sss details[open] > summary .kl-ikon { transform: rotate(180deg); color: var(--kl-vurgu); }
.kl-s-sss details p { padding: 0 2px 18px; max-width: 640px; font-size: 16.5px; line-height: 1.65; color: var(--kl-metin-2); }
.kl-s-sss-diger > summary { color: var(--kl-metin-2); font-weight: 600; }
.kl-s-sss-diger > div details:last-child { border-bottom: 0; }
.kl-s-kapanis { display: grid; justify-items: center; gap: 18px; margin-top: 28px; padding: 32px 20px; text-align: center; border-radius: 24px; background: radial-gradient(420px 200px at 50% 0%, rgba(47, 107, 255, 0.16), transparent 70%), rgba(13, 19, 34, 0.7); border: 1px solid var(--kl-cizgi); }
.kl-s-kapanis h2 { font-size: clamp(26px, 6vw, 40px); font-weight: 800; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; }
.kl-s-kapanis h2 span { color: var(--kl-metin-2); }
@media (min-width: 1024px) {
  .kl-s-sss-bolum { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: 32px 72px; }
  .kl-s-sss-sol { position: sticky; top: 110px; align-self: start; }
  .kl-s-kapanis { grid-column: 1 / -1; margin-top: 48px; padding: 48px 24px; }
}

.kl-s-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 22px 0 calc(22px + 76px + env(safe-area-inset-bottom)); font-size: 15px; color: var(--kl-metin-3); border-top: 1px solid var(--kl-cizgi); }
.kl-s-alt nav { display: flex; gap: 18px; }
.kl-s-alt a { color: var(--kl-metin-2); text-decoration: none; }
.kl-s-alt a:hover { color: var(--kl-metin); }

/* Mobil sabit çubuk: açılış düğmesi, fiyat kartı ya da kapanış görünürken gizli (tekrar ve baskı yok) */
.kl-s-mobil-cta {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); background: rgba(8, 12, 22, 0.95); border-top: 1px solid var(--kl-cizgi);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: transform 0.3s ease;
}
.kl-s-js .kl-s-mobil-cta:not(.acik) { transform: translateY(110%); }
.kl-s-mobil-cta > div { display: grid; line-height: 1.25; min-width: 0; }
.kl-s-mobil-cta b { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kl-s-mobil-cta span { font-size: 13.5px; color: var(--kl-metin-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kl-s-mobil-cta .kl-dugme { flex-shrink: 0; }
@media (min-width: 1024px) { .kl-s-mobil-cta { display: none; } .kl-s-alt { padding-bottom: 22px; } }

@media (prefers-reduced-motion: reduce) {
  .kl-s-evren-etiket { animation: none; }
  .kl-s-zaman::before { transform: none !important; }
}

/* Dar ekran düzeltmeleri */
.kl-s-kisa { display: none; }
@media (max-width: 359px) { .kl-s-mobil-cta .kl-s-uzun { display: none; } .kl-s-mobil-cta .kl-s-kisa { display: inline; } }
.kl-s-fiyat-ust { flex-wrap: wrap; }
@media (max-width: 559px) { .kl-s-izle-sekme > :nth-child(n+4) { display: none; } }
@media (max-width: 389px) { .kl-s-izle-sekme > :nth-child(n+3) { display: none; } }

/* ── K-33 / K-34: KISA (video odaklı) satış sayfası ─────────────────────────────────────────────────────────
   Üst blok Skool paneli gibi: mobilde video → açılış → üyelik kartı; masaüstünde solda video + açılış, sağda sabit kart.
   Altta sade dille açıklayıcı, çizimli bölümler (45 yaş üstü de videoyu izlemeden anlasın). Sarı/altın yok. */
.kl-k-ust { display: grid; gap: 22px; padding: 14px 0 8px; scroll-margin-top: 80px; }
@media (min-width: 1024px) {
  .kl-k-ust { grid-template-columns: minmax(0, 1fr) 372px; grid-template-areas: "video kart" "hero kart"; gap: 28px 40px; align-items: start; padding-top: 28px; }
  .kl-k-video { grid-area: video; }
  .kl-k-hero { grid-area: hero; }
  .kl-k-kart { grid-area: kart; position: sticky; top: 92px; }
}
@media (min-width: 1180px) { .kl-k-ust { grid-template-columns: minmax(0, 1fr) 388px; gap: 32px 48px; } }

/* Video */
.kl-k-video { margin: 0; }
.kl-k-video video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; background: #000; border: 1px solid var(--kl-cizgi-2); box-shadow: 0 40px 90px -40px rgba(47, 107, 255, 0.55); }
.kl-k-video[data-kl-video] { position: relative; }
.kl-k-video-oynat { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; align-content: center; gap: 12px; width: 100%; padding: 0; font: inherit; color: #fff; cursor: pointer; border: 0; border-radius: 20px; background: radial-gradient(60% 70% at 50% 50%, rgba(7, 10, 18, 0.1), rgba(7, 10, 18, 0.55)); }
.kl-k-video-oynat[hidden] { display: none; }
.kl-k-video-dugme { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: rgba(47, 107, 255, 0.92); box-shadow: 0 0 0 12px rgba(47, 107, 255, 0.22), 0 24px 48px -12px rgba(0, 0, 0, 0.7); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.kl-k-video-dugme .kl-ikon { margin-left: 5px; }
.kl-k-video-yazi { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; font-size: 15px; font-weight: 700; border-radius: 999px; background: rgba(7, 10, 18, 0.72); border: 1px solid rgba(255, 255, 255, 0.14); }
.kl-k-video-oynat:hover .kl-k-video-dugme, .kl-k-video-oynat:focus-visible .kl-k-video-dugme { transform: scale(1.06); box-shadow: 0 0 0 16px rgba(47, 107, 255, 0.26), 0 24px 48px -12px rgba(0, 0, 0, 0.7); }
.kl-k-video-oynat:focus-visible { outline: 2px solid var(--kl-vurgu); outline-offset: 3px; }
@media (max-width: 479px) { .kl-k-video-dugme { width: 64px; height: 64px; } .kl-k-video-yazi { font-size: 14px; } }

/* Açılış */
.kl-k-hero h1 { margin: 0; font-size: clamp(32px, 8.4vw, 54px); font-weight: 800; line-height: 1.05; letter-spacing: -0.045em; text-wrap: balance; }
.kl-k-hero-metin { margin-top: 14px; max-width: 660px; font-size: 18.5px; line-height: 1.6; color: var(--kl-metin-2); }
.kl-k-meta { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 18px 0 0; padding: 16px 0 0; list-style: none; border-top: 1px solid var(--kl-cizgi); }
.kl-k-meta li { display: inline-flex; align-items: center; gap: 7px; font-size: 15.5px; color: var(--kl-metin-2); }
.kl-k-meta .kl-ikon { color: var(--kl-vurgu); flex-shrink: 0; }
.kl-k-meta img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 1px solid var(--kl-cizgi-2); }
.kl-k-meta b { color: var(--kl-metin); font-weight: 700; }

/* Üyelik kartı (Skool tarzı) */
.kl-k-kart { overflow: hidden; border-radius: 22px; background: linear-gradient(180deg, #121A2E, #0B111F); border: 1px solid var(--kl-cizgi-2); box-shadow: 0 0 0 1px rgba(93, 179, 240, 0.06), 0 40px 80px -46px rgba(47, 107, 255, 0.55); }
.kl-k-kapak { position: relative; display: grid; place-items: center; height: 128px; overflow: hidden; background: radial-gradient(260px 140px at 50% 100%, rgba(47, 107, 255, 0.5), transparent 70%), linear-gradient(135deg, #10204A, #070A12 70%); border-bottom: 1px solid var(--kl-cizgi); }
.kl-k-kapak::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(circle at 50% 60%, #000, transparent 72%); mask-image: radial-gradient(circle at 50% 60%, #000, transparent 72%); }
.kl-k-kapak-halka { position: absolute; left: 50%; top: 50%; width: 132px; height: 132px; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid rgba(93, 179, 240, 0.32); }
.kl-k-kapak-halka.ikinci { width: 220px; height: 220px; border-color: rgba(93, 179, 240, 0.14); }
.kl-k-kapak .kl-logo { position: relative; z-index: 1; filter: drop-shadow(0 6px 22px rgba(93, 179, 240, 0.45)); }
.kl-k-kart-govde { padding: 20px 20px 18px; }
.kl-k-kart h2 { font-size: 21px; font-weight: 800; line-height: 1.25; letter-spacing: -0.02em; }
.kl-k-adres { display: block; margin-top: 2px; font-size: 14px; color: var(--kl-metin-3); }
.kl-k-kart-govde > p { margin-top: 10px; font-size: 15.5px; line-height: 1.55; color: var(--kl-metin-2); }
.kl-k-fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 16px 0 14px; }
.kl-k-fiyat b { font-size: 36px; font-weight: 800; line-height: 1; letter-spacing: -0.04em; }
.kl-k-fiyat .kl-k-fiyat-yok { font-size: 22px; letter-spacing: -0.02em; }
.kl-k-fiyat span { font-size: 16px; color: var(--kl-metin-2); }
.kl-k-dahil { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.kl-k-dahil li { display: flex; align-items: center; gap: 10px; font-size: 15.5px; line-height: 1.4; }
.kl-k-dahil .kl-ikon { flex-shrink: 0; color: var(--kl-vurgu); }
.kl-k-kart-not { display: flex; align-items: flex-start; gap: 7px; margin-top: 16px; padding-top: 14px; font-size: 14px; color: var(--kl-metin-3); border-top: 1px solid var(--kl-cizgi); }
.kl-k-kart-not .kl-ikon { flex-shrink: 0; margin-top: 2px; }

/* Ortak çizim zemini */
.kl-k-adim-cizim, .kl-k-kim-cizim, .kl-k-mak { border-radius: 16px; background: radial-gradient(260px 140px at 50% 65%, rgba(47, 107, 255, 0.17), transparent 70%), rgba(7, 10, 18, 0.6); border: 1px solid var(--kl-cizgi); }
.kl-k-adim-cizim svg, .kl-k-kim-cizim svg { display: block; width: 100%; height: auto; margin: 0 auto; }

/* Nasıl işler? */
.kl-k-adimlar { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.kl-k-adimlar li { position: relative; display: flex; flex-direction: column; padding: 14px 14px 24px; border-radius: 22px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-adim-cizim { margin-bottom: 18px; padding: 12px; }
.kl-k-adim-cizim svg { max-width: 300px; }
.kl-k-adim-no { padding: 0 8px; font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--kl-vurgu); }
.kl-k-adimlar h3 { margin: 6px 0 0; padding: 0 8px; font-size: 21px; font-weight: 800; line-height: 1.25; letter-spacing: -0.02em; }
.kl-k-adimlar p { margin-top: 8px; padding: 0 8px; font-size: 16.5px; line-height: 1.65; color: var(--kl-metin-2); }
@media (min-width: 900px) {
  .kl-k-adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
  .kl-k-adimlar li:nth-child(-n+2)::after { content: ""; position: absolute; right: -23px; top: 92px; width: 24px; height: 2px; background: linear-gradient(90deg, var(--kl-vurgu), rgba(47, 107, 255, 0.3)); }
  /* K-64: 4. adım — üç kartın altında, ortada yarı genişlikte yatay şerit; üstten çizgiyle bağlı (süreç devam eder) */
  .kl-k-adimlar li.kl-k-adim-surekli { grid-column: 1 / -1; justify-self: center; width: calc(50% + 11px); display: grid; grid-template-columns: 210px minmax(0, 1fr);
    column-gap: 20px; align-items: center; align-content: center; padding: 14px 22px 14px 14px; }
  .kl-k-adim-surekli .kl-k-adim-cizim { grid-row: 1 / span 3; margin: 0; padding: 8px; }
  .kl-k-adim-surekli .kl-k-adim-no, .kl-k-adim-surekli h3, .kl-k-adim-surekli p { padding: 0; }
  .kl-k-adim-surekli p { margin-top: 6px; }
  .kl-k-adimlar li.kl-k-adim-surekli::before { content: ""; position: absolute; left: 50%; top: -23px; width: 2px; height: 22px; background: linear-gradient(180deg, rgba(47, 107, 255, 0.3), var(--kl-vurgu)); }
}
.kl-k-adim-surekli { border-color: rgba(93, 179, 240, 0.35); background: radial-gradient(420px 160px at 0% 50%, rgba(47, 107, 255, 0.12), transparent 70%), var(--kl-kart-zemin); }
.kl-k-adim-dongu { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; padding: 2px 8px; font-size: 11px; letter-spacing: 0.06em; color: var(--kl-vurgu-acik); border-radius: 999px; background: rgba(93, 179, 240, 0.12); vertical-align: 1px; }

/* Kimler için? */
.kl-k-kimler { display: grid; gap: 14px; }
@media (min-width: 760px) { .kl-k-kimler { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
.kl-k-kim { padding: 14px 14px 22px; border-radius: 22px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-kim-cizim { margin-bottom: 16px; padding: 10px; }
.kl-k-kim-cizim svg { max-width: 260px; }
.kl-k-kim h3 { padding: 0 6px; font-size: 19.5px; font-weight: 800; line-height: 1.3; letter-spacing: -0.015em; }
.kl-k-kim p { margin-top: 6px; padding: 0 6px; font-size: 16.5px; line-height: 1.65; color: var(--kl-metin-2); }

/* Müfredat + örnek uygulamalar */
.kl-k-mufredat { display: grid; gap: 18px; }
@media (min-width: 960px) { .kl-k-mufredat { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 24px; align-items: start; } }
.kl-k-program, .kl-k-uygulamalar { padding: 20px; border-radius: 22px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-program-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--kl-cizgi); }
.kl-k-program-ust .kl-ikon { color: var(--kl-vurgu); }
.kl-k-program-ust b { font-size: 18px; }
.kl-k-program h3 { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kl-metin-3); }
.kl-k-yol + h3 { margin-top: 22px; }
.kl-k-yol { position: relative; display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.kl-k-yol::before { content: ""; position: absolute; left: 17px; top: 18px; bottom: 18px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, var(--kl-vurgu), rgba(47, 107, 255, 0.15)); }
.kl-k-yol li { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; column-gap: 14px; }
.kl-k-no { position: relative; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; font-size: 15px; font-weight: 800; border-radius: 50%; color: var(--kl-vurgu-acik); background: #0E1A33; border: 1.5px solid rgba(93, 179, 240, 0.6); box-shadow: 0 0 0 5px #131B2F; }
.kl-k-yol li.yayinda .kl-k-no { color: var(--kl-vurgu-koyu); background: var(--kl-vurgu); border-color: var(--kl-vurgu); }
.kl-k-yol li.kl-k-sonra .kl-k-no { color: var(--kl-metin-3); border-style: dashed; border-color: var(--kl-cizgi-2); }
.kl-k-ad { display: grid; min-width: 0; }
.kl-k-ad b { font-size: 17px; line-height: 1.3; }
.kl-k-ad small { font-size: 15px; color: var(--kl-metin-3); }
.kl-k-durum { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; font-size: 13px; font-weight: 700; white-space: nowrap; border-radius: 999px; color: var(--kl-metin-3); border: 1px solid var(--kl-cizgi-2); }
.kl-k-durum.yayinda { color: var(--kl-basari); border-color: rgba(74, 222, 128, 0.35); background: rgba(74, 222, 128, 0.07); }
.kl-k-program-not { display: flex; gap: 8px; align-items: flex-start; margin-top: 18px; font-size: 15.5px; line-height: 1.5; color: var(--kl-metin-2); }
.kl-k-program-not .kl-ikon { margin-top: 2px; flex-shrink: 0; color: var(--kl-vurgu); }
.kl-k-bolum-ici { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--kl-cizgi); }
.kl-k-bolum-ici ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; margin: 0; padding: 0; list-style: none; }
.kl-k-bolum-ici li { display: flex; gap: 10px; align-items: flex-start; }
.kl-k-bolum-ici .kl-ikon { flex-shrink: 0; margin-top: 1px; padding: 7px; box-sizing: content-box; border-radius: 10px; color: var(--kl-vurgu-acik); background: #0E1A33; border: 1px solid rgba(93, 179, 240, 0.3); }
.kl-k-bolum-ici span { display: grid; }
.kl-k-bolum-ici small { font-size: 14.5px; line-height: 1.45; color: var(--kl-metin-2); }
.kl-k-bolum-ici b { font-size: 15.5px; color: var(--kl-metin); }
.kl-k-uygulama-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kl-k-uygulama { display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: rgba(7, 10, 18, 0.45); border: 1px solid var(--kl-cizgi); transition: transform 0.25s ease, border-color 0.25s ease; }
.kl-k-uygulama:hover { transform: translateY(-3px); border-color: var(--kl-cizgi-2); }
.kl-k-uygulama-cizim { padding: 10px 10px 4px; background: radial-gradient(240px 130px at 50% 65%, rgba(47, 107, 255, 0.17), transparent 70%), rgba(7, 10, 18, 0.6); border-bottom: 1px solid var(--kl-cizgi); }
.kl-k-uygulama-cizim svg { display: block; width: 100%; height: auto; }
.kl-k-uygulama-metin { display: grid; gap: 4px; justify-items: start; padding: 12px 14px 14px; }
.kl-k-uygulama-metin b { font-size: 16.5px; line-height: 1.3; }
.kl-k-uygulama-metin > span:not(.kl-s-etiket) { font-size: 15px; line-height: 1.5; color: var(--kl-metin-2); }
.kl-k-uygulama-metin .kl-s-etiket { margin-top: 6px; }
@media (max-width: 519px) {
  .kl-k-uygulama-izgara { grid-template-columns: 1fr; }
  .kl-k-uygulama { flex-direction: row; align-items: stretch; }
  .kl-k-uygulama-cizim { display: grid; place-items: center; width: 118px; flex-shrink: 0; padding: 8px; border-bottom: 0; border-right: 1px solid var(--kl-cizgi); }
  .kl-k-uygulama-metin { align-content: center; padding: 10px 12px; }
}
.kl-k-not { margin: 12px 0 0; font-size: 13.5px; color: var(--kl-metin-3); }

/* Üyelikte neler var? (mini arayüz çizimleri yazısız, yalnız iskelet) */
.kl-k-deger { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 720px) { .kl-k-deger { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .kl-k-deger { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } }
.kl-k-deger > li { display: flex; flex-direction: column; gap: 6px; padding: 14px 14px 22px; border-radius: 22px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-deger-ust { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 0 6px; }
.kl-k-deger-ust .kl-ikon { color: var(--kl-vurgu); }
.kl-k-deger > li > b { padding: 0 6px; font-size: 19px; font-weight: 800; line-height: 1.3; }
.kl-k-deger > li > span { padding: 0 6px; font-size: 16px; line-height: 1.6; color: var(--kl-metin-2); }
.kl-k-mak { position: relative; height: 128px; padding: 14px; overflow: hidden; }
.kl-k-mak-takvim { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-content: end; gap: 6px; }
.kl-k-mak-takvim i { height: 24px; border-radius: 6px; background: #141D33; border: 1px solid #1C2640; }
.kl-k-mak-takvim i.secili { background: var(--kl-mavi-koyu); border-color: var(--kl-vurgu); box-shadow: 0 0 16px rgba(93, 179, 240, 0.6); }
.kl-k-mak-canli { position: absolute; left: 14px; top: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; font-size: 11.5px; font-weight: 800; letter-spacing: 0.1em; border-radius: 999px; color: #fff; background: rgba(248, 113, 113, 0.16); border: 1px solid rgba(248, 113, 113, 0.5); }
.kl-k-mak-canli::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--kl-hata); animation: kl-k-nabiz 1.6s ease-in-out infinite; }
@keyframes kl-k-nabiz { 50% { opacity: 0.35; } }
.kl-k-mak-kutuphane { display: grid; gap: 8px; align-content: center; }
.kl-k-mak-kutuphane span { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 10px; color: var(--kl-vurgu); background: #111A2E; border: 1px solid #1E2942; }
.kl-k-mak-kutuphane span:nth-child(2) { margin-left: 14px; }
.kl-k-mak-kutuphane span:nth-child(3) { margin-left: 28px; }
.kl-k-mak-kutuphane i { flex: 1; height: 8px; border-radius: 999px; background: #22304F; }
.kl-k-mak-kisa { display: flex; justify-content: center; align-items: flex-end; gap: 12px; padding-bottom: 0; }
.kl-k-mak-tel { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; width: 62px; height: 108px; padding: 8px; border-radius: 12px 12px 0 0; border: 1.5px solid #2C3854; border-bottom: 0; background: linear-gradient(180deg, rgba(47, 107, 255, 0.45), rgba(13, 19, 34, 0.95)); }
.kl-k-mak-tel.ikinci { height: 90px; opacity: 0.6; background: linear-gradient(180deg, rgba(93, 179, 240, 0.25), rgba(13, 19, 34, 0.95)); }
.kl-k-mak-tel .kl-ikon { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); color: #fff; }
.kl-k-mak-tel i { height: 5px; border-radius: 999px; background: rgba(255, 255, 255, 0.35); }
.kl-k-mak-tel i + i { width: 60%; }
.kl-k-mak-soru { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.kl-k-mak-soru span { position: relative; display: grid; gap: 6px; width: 70%; padding: 10px 12px; border-radius: 14px; }
.kl-k-mak-soru .sol { background: #141D33; border: 1px solid #1E2942; border-bottom-left-radius: 4px; }
.kl-k-mak-soru .sag { align-self: flex-end; background: rgba(47, 107, 255, 0.22); border: 1px solid rgba(93, 179, 240, 0.4); border-bottom-right-radius: 4px; }
.kl-k-mak-soru i { height: 7px; border-radius: 999px; background: #2A3656; }
.kl-k-mak-soru i + i { width: 60%; }
.kl-k-mak-soru .sag i { background: rgba(191, 227, 255, 0.45); }
.kl-k-mak-soru em { position: absolute; left: -9px; top: -9px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: var(--kl-vurgu-koyu); background: var(--kl-basari); }
.kl-k-takvim { margin-top: 20px; }
.kl-k-takvim h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kl-metin-3); }
.kl-k-takvim ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 960px) { .kl-k-takvim ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kl-k-takvim li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--kl-cizgi); background: rgba(13, 19, 34, 0.6); }

/* Eğitmen ve güven */
.kl-k-guven { display: grid; gap: 26px; align-items: center; }
@media (min-width: 960px) { .kl-k-guven { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 56px; } }
.kl-k-guven-foto { position: relative; margin: 0; padding: 10px; border-radius: 26px; background: linear-gradient(140deg, rgba(47, 107, 255, 0.5), rgba(93, 179, 240, 0.08) 45%, rgba(13, 19, 34, 0.9)); box-shadow: 0 50px 90px -50px rgba(47, 107, 255, 0.6); }
.kl-k-guven-foto img { display: block; width: 100%; height: auto; border-radius: 18px; }
.kl-k-guven-foto figcaption { position: absolute; left: 22px; bottom: 22px; max-width: calc(100% - 44px); display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; font-size: 14px; font-weight: 600; line-height: 1.35; border-radius: 999px; background: rgba(7, 10, 18, 0.84); border: 1px solid var(--kl-cizgi-2); }
.kl-k-guven-foto figcaption .kl-ikon { flex-shrink: 0; color: var(--kl-vurgu); }
.kl-k-guven-metin h2 { margin-top: 10px; font-size: clamp(28px, 6.4vw, 42px); font-weight: 800; line-height: 1.1; letter-spacing: -0.04em; text-wrap: balance; }
.kl-k-guven-metin > p { margin-top: 14px; font-size: 17px; line-height: 1.65; color: var(--kl-metin-2); }
.kl-k-guven-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.kl-k-guven-liste li { display: grid; align-content: start; gap: 2px; padding: 14px; border-radius: 16px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-guven-liste b { font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
.kl-k-guven-liste span { font-size: 14.5px; line-height: 1.4; color: var(--kl-metin-2); }
@media (max-width: 519px) { .kl-k-guven-liste { grid-template-columns: 1fr 1fr; } .kl-k-guven-liste li:first-child { grid-column: 1 / -1; } .kl-k-guven-foto figcaption { left: 16px; bottom: 16px; max-width: calc(100% - 32px); font-size: 13px; border-radius: 14px; } }

/* Üyelik koşulları + fiyat (iki sütun) */
.kl-k-fiyat-bolum { display: grid; gap: 24px; align-items: center; }
@media (min-width: 1024px) { .kl-k-fiyat-bolum { grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 64px; } }
.kl-k-fiyat-sol .kl-s-bas { margin-bottom: 24px; }
.kl-k-fiyat-bolum .kl-s-fiyat { width: 100%; background: radial-gradient(420px 170px at 50% 0%, rgba(47, 107, 255, 0.24), transparent 70%), linear-gradient(180deg, #121A2E, #0B111F); box-shadow: 0 0 0 1px rgba(93, 179, 240, 0.1), 0 50px 100px -48px rgba(47, 107, 255, 0.55); }
.kl-k-ornek { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.kl-k-ornek li { display: grid; grid-template-columns: 82px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 14px 16px; border-radius: 16px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-ornek span { grid-row: span 2; font-size: 14px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--kl-vurgu); }
.kl-k-ornek b { font-size: 17.5px; line-height: 1.3; }
.kl-k-ornek small { font-size: 15.5px; line-height: 1.5; color: var(--kl-metin-2); }
.kl-k-ornek-not { margin-top: 12px; font-size: 14.5px; line-height: 1.5; color: var(--kl-metin-3); }

/* Kapanış: "Fikrini gerçek bir ürüne dönüştür" — çizimli, degrade zemin */
.kl-k-kapanis { position: relative; display: grid; gap: 8px; align-items: center; margin: 8px 0 40px; padding: 34px 20px 14px; overflow: hidden; isolation: isolate; border-radius: 28px; background: radial-gradient(620px 340px at 85% 65%, rgba(47, 107, 255, 0.38), transparent 70%), radial-gradient(420px 260px at 0% 0%, rgba(93, 179, 240, 0.14), transparent 70%), linear-gradient(160deg, #0F1A36, #080C17); border: 1px solid var(--kl-cizgi-2); }
.kl-k-kapanis::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px); background-size: 32px 32px; -webkit-mask-image: radial-gradient(70% 90% at 75% 60%, #000, transparent 75%); mask-image: radial-gradient(70% 90% at 75% 60%, #000, transparent 75%); }
.kl-k-kapanis h2 { margin-top: 10px; font-size: clamp(30px, 7vw, 50px); font-weight: 800; line-height: 1.06; letter-spacing: -0.045em; text-wrap: balance; }
.kl-k-kapanis h2 span { color: var(--kl-vurgu-acik); background: linear-gradient(90deg, var(--kl-vurgu-acik), var(--kl-vurgu)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.kl-k-kapanis p { margin-top: 14px; max-width: 520px; font-size: 17.5px; line-height: 1.6; color: var(--kl-metin-2); }
.kl-k-kapanis-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 24px; }
.kl-k-kapanis-ikincil { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 600; color: var(--kl-metin); text-decoration: none; border-bottom: 1px solid var(--kl-cizgi-2); }
.kl-k-kapanis-ikincil:hover { border-color: var(--kl-vurgu); }
.kl-k-kapanis-cizim svg { display: block; width: 100%; height: auto; }
@media (max-width: 759px) { .kl-k-kapanis-eylem .kl-dugme { width: 100%; } .kl-k-kapanis-eylem { justify-content: center; } .kl-k-kapanis-cizim { margin: 6px -8px 0; } }
@media (min-width: 960px) { .kl-k-kapanis { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 32px; margin-top: 24px; padding: 56px 32px 56px 56px; } }
@media (prefers-reduced-motion: reduce) { .kl-k-mak-canli::before { animation: none; } .kl-k-uygulama { transition: none; } }

/* K-35 · Mobil sadeleştirme: üstte yalnız video, başlık, açıklama, üyelik kartı; çizimler ve kutular daha kısa */
@media (max-width: 759px) {
  .kl-k-ust { gap: 18px; padding-top: 10px; }
  .kl-k-meta { display: none; }
  .kl-k-hero-metin { font-size: 17.5px; }
  .kl-k-adim-cizim, .kl-k-kim-cizim { display: grid; place-items: center; padding: 10px; }
  .kl-k-adim-cizim svg, .kl-k-kim-cizim svg { width: auto; max-width: 100%; max-height: 118px; }
  .kl-k-adim-cizim { margin-bottom: 14px; }
  .kl-k-adimlar p, .kl-k-kim p { font-size: 16px; }
  .kl-k-mak { height: 100px; padding: 12px; }
  .kl-k-mak-tel { height: 86px; }
  .kl-k-mak-tel.ikinci { height: 72px; }
  .kl-k-mak-takvim i { height: 20px; }
  .kl-k-mak-kutuphane span { padding: 5px 10px; }
  .kl-k-bolum-ici ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .kl-k-bolum-ici small { display: none; }
  .kl-k-bolum-ici b { font-size: 15px; line-height: 1.35; }
  .kl-k-bolum-ici li { align-items: center; }
  .kl-k-uygulama-metin > span:not(.kl-s-etiket) { display: none; }
}

/* K-35 · Mobil üst blok (tek sütun): videonun yerinde Topluluk kapağı + "Tanıtımı izle"; başlık + açıklama;
   altında küçük üyelik barı — dahil olanlar, en altta düğme + yanında aylık fiyat. Masaüstü (≥1024) aynı. */
.kl-k-kisa, .kl-k-dugme-fiyat { display: none; }
.kl-k-kart-eylem .kl-dugme { margin-top: 0; }
@media (max-width: 1023px) {

  .kl-k-kart > .kl-k-kapak, .kl-k-kart h2, .kl-k-adres, .kl-k-kart-govde > p:not(.kl-k-kart-not) { display: none; }
  .kl-k-kart { border-radius: 20px; }
  .kl-k-kart-govde { display: flex; flex-direction: column; padding: 16px; }
  .kl-k-dahil { order: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; margin: 0; }
  .kl-k-dahil li { align-items: flex-start; font-size: 14.5px; line-height: 1.35; color: var(--kl-metin-2); }
  .kl-k-dahil .kl-ikon { margin-top: 1px; }
  .kl-k-kart-eylem { order: 2; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--kl-cizgi); }
  .kl-k-kart-eylem .kl-k-fiyat { display: none; }
  .kl-k-kart-eylem .kl-dugme { justify-content: flex-start; gap: 8px; min-height: 58px; padding: 9px 9px 9px 20px; color: #fff; background: linear-gradient(135deg, #2457E6, #2B62F2); border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 18px 36px -16px rgba(47, 107, 255, 0.9); }
  .kl-k-kart-eylem .kl-dugme:hover { background: linear-gradient(135deg, #1F4FD6, #2457E6); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 20px 40px -16px rgba(47, 107, 255, 1); }
  .kl-k-dugme-fiyat { display: inline-flex; align-items: baseline; gap: 4px; margin-left: auto; padding: 8px 12px; font-size: 17px; font-weight: 800; white-space: nowrap; border-radius: 9px; background: rgba(6, 18, 42, 0.3); }
  .kl-k-dugme-fiyat small { font-size: 13px; font-weight: 600; opacity: 0.85; }
  .kl-k-uzun { display: none; }
  .kl-k-kisa { display: inline; }
  .kl-k-kart-not { order: 3; display: block; margin-top: 12px; padding-top: 0; font-size: 13.5px; line-height: 1.5; text-align: center; text-wrap: balance; border-top: 0; }
  .kl-k-kart-not .kl-ikon { display: none; }
}

/* K-35b · Mobil üst blok ortalı; bar kısa ve toplu: maddeler tek satır, "Katıl → fiyat" düğmede yan yana ortada, not tek satır */
@media (max-width: 1023px) {
  .kl-k-hero { text-align: center; }
  .kl-k-hero h1, .kl-k-hero-metin { margin-left: auto; margin-right: auto; text-wrap: balance; }
  .kl-k-hero-metin { max-width: 560px; }
  .kl-k-kart { max-width: 560px; width: 100%; margin: 0 auto; }
  .kl-k-kart-govde { padding: 14px 14px 12px; }
  .kl-k-dahil { gap: 10px 8px; }
  .kl-k-dahil li { justify-content: center; align-items: center; gap: 7px; font-size: 14.5px; white-space: nowrap; }
  .kl-k-dahil .kl-ikon { margin-top: 0; }
  .kl-k-kart-eylem { margin-top: 14px; padding-top: 14px; }
  .kl-k-kart-eylem .kl-dugme { justify-content: center; gap: 10px; min-height: 52px; padding: 7px 8px 7px 16px; font-size: 16.5px; }
  .kl-k-dugme-fiyat { margin-left: 4px; padding: 6px 10px; font-size: 16px; }
  .kl-k-dugme-fiyat small { font-size: 12.5px; }
  .kl-k-kart-not { margin-top: 10px; font-size: 13px; white-space: nowrap; }
}
@media (max-width: 359px) { .kl-k-dahil { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kl-k-dahil li { font-size: 13.5px; gap: 5px; } .kl-k-kart-not { font-size: 12.5px; white-space: normal; } }

/* K-35c · Mobil "Katıl" düğmesi: tek parça; "Katıl" büyük, fiyat ince çizgiyle hemen yanında (iç kutu yok) */
@media (max-width: 1023px) {
  .kl-k-kart-eylem .kl-dugme { gap: 14px; min-height: 60px; padding: 8px 18px; font-size: 20px; font-weight: 800; letter-spacing: -0.01em; border-radius: 14px; }
  .kl-k-kart-eylem .kl-dugme:has(.kl-k-dugme-fiyat) > .kl-ikon { display: none; }
  .kl-k-kart-eylem .kl-dugme:not(:has(.kl-k-dugme-fiyat)) { font-size: 17.5px; font-weight: 700; }
  .kl-k-dugme-fiyat { gap: 3px; margin-left: 0; padding: 2px 0 2px 14px; font-size: 18px; font-weight: 800; line-height: 1.1; letter-spacing: -0.01em; border-radius: 0; background: none; border-left: 1px solid rgba(255, 255, 255, 0.38); }
  .kl-k-dugme-fiyat small { font-size: 13.5px; font-weight: 600; letter-spacing: 0; opacity: 0.82; }
}
@media (max-width: 359px) { .kl-k-kart-eylem .kl-dugme { gap: 10px; padding: 8px 12px; font-size: 18.5px; } .kl-k-dugme-fiyat { padding-left: 10px; font-size: 16.5px; } }

/* K-36 · "Senin alanında neler olabilir?" — farklı meslekler için küçük örnek fikirler (büyük örnek uygulamaların altında) */
.kl-k-fikirler { margin-top: 18px; padding: 20px; border-radius: 22px; background: radial-gradient(640px 220px at 50% 0%, rgba(47, 107, 255, 0.1), transparent 70%), var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-fikirler h3 { margin: 0 0 14px; font-size: 18px; font-weight: 800; }
.kl-k-fikirler ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.kl-k-fikirler li { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 14px; background: rgba(7, 10, 18, 0.45); border: 1px solid var(--kl-cizgi); transition: border-color 0.2s ease, transform 0.2s ease; }
.kl-k-fikirler li:hover { transform: translateY(-2px); border-color: var(--kl-cizgi-2); }
.kl-k-fikir-ikon { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; color: var(--kl-vurgu-acik); background: #0E1A33; border: 1px solid rgba(93, 179, 240, 0.3); }
.kl-k-fikirler li > span:last-child { display: grid; min-width: 0; }
.kl-k-fikirler small { font-size: 13px; line-height: 1.3; color: var(--kl-metin-3); }
.kl-k-fikirler b { font-size: 15px; line-height: 1.3; }
.kl-k-fikirler li.sen { background: rgba(47, 107, 255, 0.12); border-color: rgba(93, 179, 240, 0.45); }
.kl-k-fikirler li.sen .kl-k-fikir-ikon { color: var(--kl-vurgu-koyu); background: var(--kl-vurgu); border-color: var(--kl-vurgu); }
@media (min-width: 760px) { .kl-k-fikirler ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .kl-k-fikirler { margin-top: 24px; padding: 24px; } .kl-k-fikirler ul { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } }
@media (max-width: 759px) {   /* mobil: iki sütun küçük kutular — simge üstte, yazı tam genişlik (kalabalık değil, sade de değil) */
  .kl-k-fikirler { padding: 16px 14px 14px; }
  .kl-k-fikirler h3 { margin-bottom: 12px; font-size: 17px; }
  .kl-k-fikirler ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .kl-k-fikirler li { flex-direction: column; align-items: flex-start; gap: 9px; padding: 11px 11px 12px; border-radius: 14px; }
  .kl-k-fikirler li:hover { transform: none; }
  .kl-k-fikir-ikon { width: 30px; height: 30px; border-radius: 9px; }
  .kl-k-fikir-ikon .kl-ikon { width: 16px; height: 16px; }
  .kl-k-fikirler li > span:last-child { display: grid; gap: 2px; }
  .kl-k-fikirler b { order: 1; font-size: 14.5px; line-height: 1.25; }
  .kl-k-fikirler small { order: 2; font-size: 12.5px; line-height: 1.3; }
  .kl-k-fikirler .kl-k-not { margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) { .kl-k-fikirler li { transition: none; } }

/* ── K-37 · Dönüşüm temizliği: video/önizleme, kısa bölümler, tutarlı CTA, mobil boşluklar ─────────────────── */
/* Video (yönetimden): otomatik başlamaz; kapak yoksa Topluluk kapağı + oynat; mobilde yüksekliği sınırlı */
.kl-k-video { position: relative; margin: 0; }
.kl-k-video video { max-height: 70svh; object-fit: contain; }
.kl-k-video-oynat.kapakli { background: none; }
.kl-k-video-kapak { position: absolute; inset: 0; z-index: -1; height: auto; border: 0; border-radius: 20px; }
.kl-k-video-kapak .kl-logo { display: none; }
.kl-k-video-kapak .kl-k-kapak-halka { width: 150px; height: 150px; }
.kl-k-video-kapak .kl-k-kapak-halka.ikinci { width: 260px; height: 260px; }
.kl-k-video-oynat { isolation: isolate; overflow: hidden; }

/* Video yokken: video alanı kalır — masaüstünde önceki görünüm, mobilde Topluluk kapağı + "Tanıtım videosu hazırlanıyor" */
.kl-k-video-yok { display: block; position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; background: #000; border: 1px solid var(--kl-cizgi-2); box-shadow: 0 40px 90px -40px rgba(47, 107, 255, 0.55); }
.kl-k-video-yok > img { width: 100%; height: 100%; object-fit: cover; }
.kl-k-video-yok::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 10, 18, 0) 40%, rgba(7, 10, 18, 0.7)); }
.kl-k-video-yok .kl-k-video-kapak { display: none; z-index: 0; }
.kl-k-video-etiket { position: absolute; left: 14px; bottom: 14px; z-index: 1; display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; font-size: 14.5px; font-weight: 700; border-radius: 999px; background: rgba(7, 10, 18, 0.8); border: 1px solid var(--kl-cizgi-2); }
.kl-k-video-etiket .kl-ikon { color: var(--kl-vurgu); }
@media (max-width: 1023px) {
  .kl-k-video-yok > img, .kl-k-video-yok::after { display: none; }
  .kl-k-video-yok .kl-k-video-kapak { display: grid; }
  .kl-k-video-yok .kl-k-video-kapak .kl-logo { display: block; width: 104px; height: auto; }
  .kl-k-video-yok .kl-k-video-kapak .kl-k-kapak-halka { width: 168px; height: 168px; }
  .kl-k-video-yok .kl-k-video-kapak .kl-k-kapak-halka.ikinci { width: 290px; height: 290px; }
  .kl-k-video-etiket { left: 50%; transform: translateX(-50%); white-space: nowrap; }
}
@media (max-width: 479px) { .kl-k-video-etiket { bottom: 10px; font-size: 13.5px; } }

/* Planlanan eğitimler: üyelik kapsamında değil, ayrı ve açıkça "henüz yayında değil" */
.kl-k-planlanan { margin-top: 18px; padding: 14px 16px; border-radius: 14px; background: rgba(7, 10, 18, 0.35); border: 1px dashed var(--kl-cizgi-2); }
.kl-k-planlanan h3 { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 15px; font-weight: 800; letter-spacing: 0; text-transform: none; color: var(--kl-metin); }
.kl-k-planlanan h3 .kl-ikon { color: var(--kl-metin-3); }
.kl-k-planlanan p { margin: 2px 0 10px; font-size: 14px; color: var(--kl-metin-3); }
.kl-k-planlanan ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.kl-k-planlanan li { padding: 4px 11px; font-size: 14px; font-weight: 600; border-radius: 999px; color: var(--kl-metin-2); border: 1px dashed var(--kl-cizgi-2); }

/* Üyelikte neler var: başlık simgeyle aynı satırda, kısa metin */
.kl-k-deger-ust b { font-size: 18px; font-weight: 800; line-height: 1.3; }
.kl-k-deger > li > span { line-height: 1.55; }

/* Eğitmen: fotoğraf yalnız büyük görselde (kimlikte küçük fotoğraf yok) */
.kl-k-guven-metin .kl-s-egitmen-kimlik { margin-top: 14px; }

/* Fiyat: önerilen aşamalar (aylara kilit yok) + dahil listesi olmayan yalın kart */
.kl-k-ornek-baslik { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kl-metin-3); }
.kl-k-ornek span { font-size: 13px; }
.kl-s-fiyat-yalin .kl-s-fiyat-tutar { margin-bottom: 18px; }

/* Satış kapalı/açık: alt çubuk hero ile aynı mavi düğme (kısa sayfa) */
.kl-tanitim-ana:has(> .kl-k-ust) .kl-s-mobil-cta .kl-dugme { min-width: 96px; color: #fff; background: linear-gradient(135deg, #2457E6, #2B62F2); border-color: rgba(255, 255, 255, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 12px 26px -12px rgba(47, 107, 255, 0.9); }

/* Mobil: daha az dikey boşluk, kompakt kartlar (çizimler korunur, metin kısa), sabit çubuk içerik örtmesin */
@media (max-width: 759px) {
  html:has(.kl-k-ust) { scroll-padding-bottom: 88px; }
  .kl-tanitim-ana:has(> .kl-k-ust) > .kl-s-bolum { padding: 40px 0; }
  .kl-tanitim-ana:has(> .kl-k-ust) .kl-s-bas { margin-bottom: 20px; }
  .kl-tanitim-ana:has(> .kl-k-ust) .kl-s-bas p { margin-top: 10px; font-size: 16.5px; }
  .kl-k-adimlar, .kl-k-kimler { gap: 10px; }
  .kl-k-adimlar li, .kl-k-kim { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 14px; align-items: center; align-content: center; padding: 10px 14px 10px 10px; border-radius: 18px; }
  .kl-k-adim-cizim, .kl-k-kim-cizim { grid-row: 1 / span 3; align-self: stretch; margin: 0; padding: 6px; }
  .kl-k-adim-cizim svg, .kl-k-kim-cizim svg { width: 100%; max-height: none; }
  .kl-k-adim-no, .kl-k-adimlar h3, .kl-k-adimlar p, .kl-k-kim h3, .kl-k-kim p { padding: 0; }
  .kl-k-adim-no { font-size: 12px; }
  .kl-k-adimlar h3 { margin-top: 2px; font-size: 17.5px; }
  .kl-k-kim h3 { font-size: 16.5px; line-height: 1.3; }
  .kl-k-adimlar p, .kl-k-kim p { margin-top: 4px; font-size: 15px; line-height: 1.5; }
  .kl-k-adimlar li:not(:last-child)::after { display: none; }
  .kl-k-deger { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .kl-k-deger > li { gap: 4px; padding: 10px 10px 14px; border-radius: 18px; }
  .kl-k-mak { height: 74px; padding: 10px; }
  .kl-k-mak-takvim { gap: 4px; }
  .kl-k-mak-takvim i { height: 14px; border-radius: 4px; }
  .kl-k-mak-canli { left: 10px; top: 8px; padding: 2px 7px; font-size: 10px; }
  .kl-k-mak-kutuphane { gap: 5px; }
  .kl-k-mak-kutuphane span { padding: 2px 8px; }
  .kl-k-mak-kutuphane span:nth-child(2) { margin-left: 8px; }
  .kl-k-mak-kutuphane span:nth-child(3) { margin-left: 16px; }
  .kl-k-mak-tel { width: 42px; height: 64px; padding: 6px; }
  .kl-k-mak-tel.ikinci { height: 52px; }
  .kl-k-mak-soru { gap: 6px; }
  .kl-k-mak-soru span { gap: 4px; padding: 6px 8px; }
  .kl-k-mak-soru i { height: 5px; }
  .kl-k-mak-soru em { width: 18px; height: 18px; }
  .kl-k-deger-ust { gap: 6px; margin-top: 6px; padding: 0 2px; }
  .kl-k-deger-ust b { font-size: 15.5px; }
  .kl-k-deger > li > span { padding: 0 2px; font-size: 14px; line-height: 1.45; }
  .kl-k-guven { gap: 18px; }
  .kl-k-guven-metin > p { font-size: 16px; }
  .kl-k-fiyat-sol .kl-s-bas { margin-bottom: 16px; }
  .kl-k-ornek li { padding: 10px 14px; }
  .kl-k-kapanis { margin-bottom: 28px; padding-top: 28px; }
}
@media (max-width: 359px) { .kl-k-adimlar li, .kl-k-kim { grid-template-columns: 92px minmax(0, 1fr); column-gap: 10px; } .kl-k-deger > li > span { font-size: 13.5px; } }
@media (max-width: 1023px) { .kl-tanitim-ana:has(> .kl-k-ust) .kl-s-fiyat .kl-dugme { color: #fff; background: linear-gradient(135deg, #2457E6, #2B62F2); border-color: rgba(255, 255, 255, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 16px 32px -14px rgba(47, 107, 255, 0.9); } }

/* ── K-47 · Satış sayfası sadeleştirme ───────────────────────────────────────────────────────────── */
/* Alt bilgiden sonra boş kaydırma yok: ana alanın alt boşluğu sıfır; mobil çubuk alt bilgi görünürken gizlenir (satis.js),
   bu yüzden alt bilgi çubuk payı taşımaz — yalnız iPhone ev çizgisi kadar boşluk. */
.kl-yer-tanitim .kl-tanitim-ana { padding-bottom: 0; }
.kl-s-alt { padding-bottom: calc(22px + env(safe-area-inset-bottom)); }
.kl-s-alt nav { flex-wrap: wrap; gap: 8px 18px; }

/* Video yokken her genişlikte Topluluk kapağı + "Tanıtım videosu hazırlanıyor" (fotoğraf yok) */
.kl-k-video-yok { background: radial-gradient(70% 90% at 50% 40%, rgba(47, 107, 255, 0.2), transparent 70%), #070A12; }
.kl-k-video-yok::after { display: none; }
.kl-k-video-yok .kl-k-video-kapak { display: grid; }
.kl-k-video-yok .kl-k-video-kapak .kl-logo { display: block; width: clamp(104px, 14vw, 150px); height: auto; }
.kl-k-video-yok .kl-k-video-kapak .kl-k-kapak-halka { width: clamp(168px, 22vw, 230px); height: clamp(168px, 22vw, 230px); }
.kl-k-video-yok .kl-k-video-kapak .kl-k-kapak-halka.ikinci { width: clamp(290px, 38vw, 400px); height: clamp(290px, 38vw, 400px); }
.kl-k-video-etiket { left: 50%; transform: translateX(-50%); white-space: nowrap; }

/* Topluluğun içinde: eğitim akışı (mobilde dikey, masaüstünde yatay; oklar bölümleri bağlar) */
.kl-k-akis-kart { position: relative; overflow: hidden; padding: 22px 18px 18px; border-radius: 22px; background: radial-gradient(640px 220px at 15% 0%, rgba(47, 107, 255, 0.16), transparent 70%), var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-akis { display: grid; gap: 22px; margin: 0; padding: 0; list-style: none; }
.kl-k-akis li { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; align-items: center; align-content: center; min-height: 52px; }
.kl-k-akis-ikon { grid-row: 1 / span 2; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, #2457E6, #2B62F2); border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 14px 30px -14px rgba(47, 107, 255, 0.9); }
.kl-k-akis small { align-self: end; font-size: 12.5px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; color: var(--kl-vurgu-acik); }
.kl-k-akis b { align-self: start; font-size: 17px; line-height: 1.3; }
.kl-k-akis li.surekli .kl-k-akis-ikon { color: var(--kl-vurgu-acik); background: #0E1A33; border: 1px dashed rgba(93, 179, 240, 0.55); box-shadow: none; }
.kl-k-akis li.surekli small { color: var(--kl-metin-3); }
/* Ok: mobilde ikonun altında aşağı, masaüstünde iki ikonun arasında sağa; arkasında akan kesik çizgi */
.kl-k-akis-ok { position: absolute; left: 17px; top: calc(100% + 2px); display: grid; place-items: center; width: 18px; height: 18px; color: var(--kl-vurgu-acik); transform: rotate(90deg); }
.kl-k-akis-icinde { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--kl-cizgi); }
.kl-k-akis-icinde h3 { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kl-metin-3); }
.kl-k-akis-icinde ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.kl-k-akis-icinde li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px 8px 10px; font-size: 15px; font-weight: 600; border-radius: 999px; background: rgba(7, 10, 18, 0.45); border: 1px solid var(--kl-cizgi-2); }
.kl-k-akis-icinde li .kl-ikon { color: var(--kl-vurgu-acik); }
.kl-k-akis-not { display: flex; align-items: center; gap: 7px; margin: 14px 0 0; font-size: 14px; color: var(--kl-metin-3); }
.kl-k-akis-not .kl-ikon { flex-shrink: 0; color: var(--kl-vurgu); }
@media (min-width: 960px) {
  .kl-k-akis-kart { padding: 30px 28px 24px; }
  .kl-k-akis { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
  .kl-k-akis li { grid-template-columns: 1fr; grid-template-rows: auto; justify-items: center; align-content: start; row-gap: 4px; text-align: center; }
  .kl-k-akis-ikon { grid-row: auto; width: 64px; height: 64px; margin-bottom: 8px; border-radius: 20px; }
  .kl-k-akis b { font-size: 16.5px; text-wrap: balance; }
  .kl-k-akis-ok { left: calc(100% + 9px); top: 20px; transform: translateX(-50%); }
  .kl-k-akis li:not(:last-child)::after { content: ""; position: absolute; left: calc(50% + 40px); top: 31px; width: calc(100% - 62px); height: 2px; background: repeating-linear-gradient(90deg, rgba(93, 179, 240, 0.6) 0 6px, transparent 6px 12px); }
  .kl-k-akis-ok .kl-ikon { position: relative; z-index: 1; padding: 3px; box-sizing: content-box; border-radius: 50%; background: #0F1628; }
  .kl-k-akis-icinde { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 26px; }
  .kl-k-akis-icinde h3 { margin: 0; }
}
/* Giriş: bölümler sırayla belirir, kesik çizgi akar (yalnız betik varsa ve hareket azaltılmamışsa) */
.kl-s-js .kl-k-akis-kart:not(.gorundu) .kl-k-akis li { opacity: 0; transform: translateY(10px); }
.kl-k-akis li { transition: opacity 0.5s ease, transform 0.5s ease; }
.kl-k-akis li:nth-child(2) { transition-delay: 0.12s; }
.kl-k-akis li:nth-child(3) { transition-delay: 0.24s; }
.kl-k-akis li:nth-child(4) { transition-delay: 0.36s; }
.kl-k-akis li:nth-child(5) { transition-delay: 0.48s; }
.kl-k-akis-kart.gorundu .kl-k-akis li:not(:last-child)::after { animation: kl-k-akis-ak 1.4s linear infinite; }
@keyframes kl-k-akis-ak { to { background-position: 12px 10px; } }
@media (prefers-reduced-motion: reduce) {
  .kl-k-akis li { transition: none; }
  .kl-s-js .kl-k-akis-kart:not(.gorundu) .kl-k-akis li { opacity: 1; transform: none; }
  .kl-k-akis-kart.gorundu .kl-k-akis li:not(:last-child)::after { animation: none; }
}

/* Örnek uygulamalar artık tek kart: tam genişlik, masaüstünde 4 sütun */
.kl-k-akis-kart + .kl-k-mufredat { margin-top: 18px; }
@media (min-width: 960px) { .kl-k-akis-kart + .kl-k-mufredat { grid-template-columns: 1fr; } }
@media (min-width: 1024px) { .kl-k-akis-kart + .kl-k-mufredat .kl-k-uygulama-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Eğitmen: ad + kısa biyografi maddeleri */
.kl-k-biyografi { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.kl-k-biyografi li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; font-size: 16.5px; line-height: 1.45; border-radius: 16px; background: var(--kl-kart-zemin); border: 1px solid var(--kl-cizgi); }
.kl-k-biyografi .kl-ikon { flex-shrink: 0; margin-top: 1px; color: var(--kl-vurgu-acik); }
@media (max-width: 759px) { .kl-k-biyografi li { padding: 10px 12px; font-size: 15.5px; } }

/* Fiyat: yalnız kart, ortada */
.kl-k-fiyat-tek { display: grid; justify-items: center; }
@media (min-width: 1024px) { .kl-k-fiyat-bolum.kl-k-fiyat-tek { grid-template-columns: minmax(0, 560px); justify-content: center; } }
.kl-k-fiyat-tek .kl-s-fiyat { max-width: 560px; }

/* SSS: hesap ve ödeme iletişimi tek satır (mobilde de kırılmaz) */
.kl-s-sss-sol .kl-s-sss-iletisim { display: flex; align-items: center; gap: 6px; max-width: none; margin-top: 12px; font-size: 15px; white-space: nowrap; color: var(--kl-metin-3); }
.kl-s-sss-iletisim .kl-ikon { flex-shrink: 0; color: var(--kl-vurgu); }
.kl-s-sss-iletisim a { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--kl-metin); }
@media (max-width: 359px) { .kl-s-sss-iletisim > span { display: none; } }

/* K-48: kısa sürümde bölümler arası boşluk kısaldı (masaüstü 96+96 → 48+48, mobil 40+40 → 26+26) */
.kl-tanitim-ana:has(> .kl-k-ust) > .kl-s-bolum { padding: 48px 0; }
.kl-tanitim-ana:has(> .kl-k-ust) .kl-s-bas { margin-bottom: 26px; }
@media (max-width: 759px) {
  .kl-tanitim-ana:has(> .kl-k-ust) > .kl-s-bolum { padding: 26px 0; }
  .kl-tanitim-ana:has(> .kl-k-ust) .kl-s-bas { margin-bottom: 16px; }
}

/* K-63: mobilde başlık videonun genişliğinde — iki sabit satır; uzun satır ("Yapay zekâyla kendi") kutuyu tam doldurur.
   Inter Tight 800, -0.045em: 100 px'te 860 px → yazı boyu = kutu genişliği / 8,66 (yedek fontta taşmasın diye ~%0,7 pay).
   Kutu = videonun sütunu (ikisi de .kl-k-ust ızgarasında tek sütun). Tablet ve masaüstünde eski ölçü. */
@media (max-width: 600px) {
  .kl-k-hero { container-type: inline-size; }
  .kl-k-hero h1 { font-size: calc(100cqw / 8.66); line-height: 1.04; }
  .kl-k-hero h1 .kl-k-satir { display: block; white-space: nowrap; }
}

/* K-65: açılış metni uzadı → biraz küçük ve geniş yayılır (daha az satır). Mobilde başlık ve videoyla aynı genişlik. */
.kl-k-hero .kl-k-hero-metin { max-width: 760px; font-size: 16.5px; line-height: 1.6; text-wrap: pretty; }
@media (max-width: 1023px) { .kl-k-hero .kl-k-hero-metin { max-width: 680px; } }
@media (max-width: 600px) { .kl-k-hero .kl-k-hero-metin { max-width: none; font-size: 15px; line-height: 1.55; } }

/* K-70 · Sadeleştirme: açılışta tek satır akış (eski "Nasıl işler?" bölümünün yerine; yalnız ≥760) */
.kl-k-akis-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 18px 0 0; padding: 16px 0 0; list-style: none; border-top: 1px solid var(--kl-cizgi); }
.kl-k-akis-satir li { display: inline-flex; align-items: center; gap: 7px; font-size: 15.5px; font-weight: 600; color: var(--kl-metin); white-space: nowrap; }
.kl-k-akis-satir li > svg { flex-shrink: 0; color: var(--kl-vurgu); }
.kl-k-akis-satir li:not(:last-child)::after { content: "→"; margin-left: 3px; font-weight: 400; color: var(--kl-metin-3); }
@media (max-width: 1023px) { .kl-k-akis-satir { justify-content: center; } }
/* Mobilde gösterilmez (kullanıcı kararı: önceki mobil açılış gibi; eski meta satırı da ≤759'da gizliydi) */
@media (max-width: 759px) { .kl-k-akis-satir { display: none; } }
/* Yayında olmayan bölüm: "sürekli eklenir" gibi kesik çizgili simge, soluk etiket */
.kl-k-akis li.yakinda .kl-k-akis-ikon { color: var(--kl-vurgu-acik); background: #0E1A33; border: 1px dashed rgba(93, 179, 240, 0.55); box-shadow: none; }
.kl-k-akis li.yakinda small { color: var(--kl-metin-3); }
.kl-k-akis li.yakinda b { color: var(--kl-metin-2); }
/* Kimler için: iki kitle */
@media (min-width: 760px) {
  .kl-k-kimler.kl-k-kimler-iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* masaüstünde de mobildeki gibi yatay: çizim solda, yazı sağda (bölüm kısalır) */
  .kl-k-kimler-iki .kl-k-kim { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 20px; align-items: center; padding: 14px 22px 14px 14px; }
  .kl-k-kimler-iki .kl-k-kim-cizim { grid-row: 1 / span 2; align-self: stretch; display: grid; place-items: center; margin: 0; }
  .kl-k-kimler-iki .kl-k-kim h3 { align-self: end; padding: 0; }
  .kl-k-kimler-iki .kl-k-kim p { align-self: start; padding: 0; }
}
/* Uygulamalar ayrı bölüm: tek kart, masaüstünde 4 sütun; meslek örnekleri altında */
@media (min-width: 1024px) { .kl-k-uygulamalar-tek .kl-k-uygulama-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ── K-77 SEO/GEO: H1 üst yazısı (anahtar ifade başlığın parçası), "Kısaca" özeti, pasif önizleme şeridi ──────────── */
h1 .kl-h1-ust { display: block; width: fit-content; margin: 0 0 14px; font-size: 13px; line-height: 1.45; letter-spacing: 0.16em; white-space: nowrap; }   /* K-94: tek satır */
.kl-k-hero h1 .kl-h1-ust { margin-bottom: 16px; }
@media (max-width: 1023px) { .kl-k-hero h1 .kl-h1-ust { margin-left: auto; margin-right: auto; } }
@media (max-width: 419px) { h1 .kl-h1-ust { font-size: 12px; letter-spacing: 0.1em; } }

.kl-s-kisaca { display: grid; gap: 24px; }
.kl-s-kisaca h2 { margin-top: 10px; text-wrap: balance; font-size: clamp(26px, 5.6vw, 40px); font-weight: 800; line-height: 1.12; letter-spacing: -0.035em; }
.kl-s-kisaca h2 span { color: var(--kl-metin-2); }
.kl-s-kisaca-metin { margin-top: 16px; max-width: 620px; font-size: 16.5px; line-height: 1.7; color: var(--kl-metin-2); text-wrap: pretty; }
.kl-s-kunye { display: grid; margin: 0; border-top: 1px solid var(--kl-cizgi); }
.kl-s-kunye > div { display: grid; gap: 2px; padding: 14px 2px; border-bottom: 1px solid var(--kl-cizgi); }
.kl-s-kunye dt { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kl-metin-3); }
.kl-s-kunye dd { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--kl-metin); }
@media (min-width: 1024px) {
  .kl-s-kisaca { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 72px; align-items: start; }
  .kl-s-kunye > div { grid-template-columns: 140px minmax(0, 1fr); gap: 16px; align-items: baseline; }
}

.kl-s-onizleme { position: sticky; top: 0; z-index: 60; padding: 8px 16px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; background: #1d4ed8; }
.kl-s-alt nav { flex-wrap: wrap; row-gap: 8px; }

/* K-85: iyzico şartı — alt bilgide "iyzico ile Öde" + kart logoları */
.kl-s-alt .kl-s-odeme { flex-basis: 100%; display: flex; justify-content: center; padding-top: 6px; }
.kl-s-odeme img { max-width: 100%; height: auto; }

/* K-92 (7.11.2026): sektör örnekleri 4 kart (mobil ve tablet 2×2, masaüstü 4×1); "Fikirden dijital ürüne" 3 kart — başlık üstte,
   açıklama altta; mobilde tek sütun, yatay satır */
@media (min-width: 760px) { .kl-k-fikirler-dort ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .kl-k-fikirler-dort ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.kl-k-urun { margin-top: 0; }
.kl-k-urun ul { grid-template-columns: 1fr; }
.kl-k-urun li > span:last-child { gap: 2px; }
.kl-k-urun b { order: 1; }
.kl-k-urun small { order: 2; }
@media (min-width: 760px) { .kl-k-urun ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 759px) { .kl-k-urun li { flex-direction: row; align-items: center; } .kl-k-urun b { font-size: 15.5px; } .kl-k-urun small { font-size: 13.5px; } }