/* v2 — Yapay Zeka Araçları Eğitimi (/yapayzekaaraclariegitimi) sayfaya özel.
   Yalnızca site.css'te karşılığı olmayan parçalar; renkler token'lardan. */

/* Hero: v1'deki kod penceresi */
.ya-code{border-radius:var(--r-lg);overflow:hidden;background:var(--ink-2);border:1px solid var(--ink-line-strong);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.ya-code-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--ink-line);background:rgba(255,255,255,.03)}
.ya-code-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
.ya-code-bar i:first-child{background:#FF5F57}.ya-code-bar i:nth-child(2){background:#FEBC2E}.ya-code-bar i:nth-child(3){background:#28C840}
.ya-code-bar span{margin-left:8px;font-family:var(--mono);font-size:12px;color:var(--on-ink-3)}
.ya-code pre{margin:0;padding:16px 14px 18px;font-family:var(--mono);font-size:clamp(11px,3vw,14px);line-height:1.7;color:var(--on-ink-2);white-space:pre;overflow-x:auto}
.ya-code .c{color:var(--on-ink-3)}
.ya-code .k{color:var(--accent-on-dark);font-weight:700}
.ya-code .f{color:#fff;font-weight:700}
.ya-code .s{color:#9FE2BF}
.ya-code .v{color:#F5C38B}
@media(min-width:960px){.ya-code pre{padding:22px 22px 24px}}

/* Kişisel AI asistanı kartı */
.ya-asist{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--ink);color:#fff;padding:22px}
.ya-asist::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0%,rgba(47,63,168,.5),transparent 70%);pointer-events:none}
.ya-asist>*{position:relative}
.ya-asist .chip{background:rgba(255,255,255,.08);border-color:var(--ink-line-strong);color:var(--accent-on-dark)}
.ya-asist h3{font-size:clamp(22px,5vw,30px);margin-top:14px;color:#fff}
.ya-asist p{color:var(--on-ink-2);margin-top:8px;max-width:560px;font-size:15px}
.ya-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
.ya-roles li{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--ink-line-strong);background:rgba(255,255,255,.04);font-size:13.5px;font-weight:600;line-height:1.3}
.ya-roles svg{flex-shrink:0;color:var(--accent-on-dark)}
@media(min-width:960px){.ya-asist{padding:36px 40px}.ya-roles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ya-roles li{font-size:14.5px}}
@media(min-width:960px){.ya-feats3{grid-template-columns:repeat(3,1fr)}}

/* Program kartı notu */
.ya-note{margin-top:0}

/* Destek kartları */
.ya-sup{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ya-sup h3{margin-top:6px}
.ya-sup p{font-size:15px;line-height:1.6}
.ya-sup .btn,.ya-sup .chip{margin-top:6px}
.t-ink .ya-sup .feat-ic{background:rgba(169,180,245,.12);color:var(--accent-on-dark)}
.t-ink .ya-sup .ya-sup-wa{background:rgba(31,175,90,.16);color:#4ADE80}

/* #kayit — "Bu eğitim artık pakette" */
.ya-pkg{max-width:760px;margin:0 auto}
.ya-pkg .lead{max-width:620px;margin-left:auto;margin-right:auto}
.ya-pkg-why{font-size:15.5px}
.ya-pkg-list{display:grid;gap:10px;margin-top:26px}
.ya-pkg-i{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}
.ya-pkg-i.is-here{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}
.ya-pkg-i .feat-ic{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.ya-pkg-i b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.ya-pkg-i em{font-style:normal;font-size:12.5px;color:var(--accent);font-weight:700}
.ya-pkg-i span{display:block;font-size:14px;color:var(--text-2);margin-top:3px;line-height:1.5}
.ya-pkg-price{text-align:center;margin-top:28px}
.ya-pkg-price small{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.ya-pkg-price b{display:block;font-size:clamp(36px,9vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-top:6px}
.ya-pkg-price b span{font-size:.45em;font-weight:700;letter-spacing:0;color:var(--text-2)}
.ya-pkg-price p{font-size:14px;color:var(--text-3);margin-top:6px}
.ya-pkg-price .btn{margin-top:18px}
@media(max-width:639px){.ya-pkg-price .btn{width:100%;white-space:normal}}
/* Program künyesi 4 kalem — 2×2 (3 sütunda boş hücre kalmasın) */
#program .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
/* .alert{display:flex} [hidden]'ı eziyor — boş hata kutusu görünmesin */
#lf-error[hidden]{display:none}