/* ============================================================
   ANDA · urunler.css
   Ürünler sayfasına özel bileşenler. "Teknik Dosya Disiplini"
   zeminini birebir sürdürür: hairline çizgiler, kare köşeler,
   bol boşluk, mavi ana renk, kırmızı YOK (mikro vurgu hariç).
   Yalnız token kullanılır; components.css'e dokunulmaz.
   ============================================================ */

/* ---- Sade sayfa hero (cover'ın sade varyantı) ----------- */
.ak-pagehero { border-bottom: var(--bw-hair) solid var(--border); }
.ak-pagehero__pad { padding: 48px 0 52px; max-width: 860px; }
.ak-pagehero .ak-h1 { max-width: 22ch; margin-bottom: 20px; }
.ak-pagehero .ak-lede { max-width: 70ch; margin-bottom: 0; }

/* ---- Bölüm giriş başlığı için mono+başlık ortak ölçü ----- */
.ak-prodsec__intro { max-width: 760px; margin-bottom: 40px; }

/* ============================================================
   AKTİF ÜRÜN KARTI — ANDA PCE 150 WR
   Vurgulu kart: hairline çerçeve, mavi sol şerit, kare köşe.
   ============================================================ */
.ak-prodcard {
  border: var(--bw-hair) solid var(--border);
  border-left: var(--bw-accent) solid var(--anda-blue);
  background: var(--paper);
}
.ak-prodcard__head {
  padding: 30px 34px 28px;
  border-bottom: var(--bw-hair) solid var(--border);
}
.ak-prodcard__lbl {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--anda-blue);
  font-weight: var(--fw-medium);
  display: block;
  margin-bottom: 16px;
}
.ak-prodcard__kod {
  font-family: var(--font-mono);
  font-size: 26px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.01em;
  color: var(--ink);
  margin: 0 0 8px;
  line-height: 1.1;
}
.ak-prodcard__sub {
  font-size: var(--fs-body-lg);
  color: var(--ink-soft);
  line-height: 1.55;
  margin: 0;
  max-width: 54ch;
}

/* aktif rozeti (bağlayıcı sertifika DEĞİL — durum etiketi) */
.ak-statustag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: var(--fs-label-sm);
  letter-spacing: var(--ls-label-sm);
  text-transform: uppercase;
  color: var(--text-muted);
  border: var(--bw-hair) solid var(--border);
  padding: 6px 10px;
  background: var(--surface-sunken);
  white-space: nowrap;
}
.ak-statustag__dot {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  background: var(--anda-blue);
  border-radius: var(--radius-pill);
}
.ak-statustag--active .ak-statustag__dot { background: var(--ok); }
.ak-prodcard__tags { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }

/* gövde — iki sütun: anlatı blokları + yan bilgi/CTA */
.ak-prodcard__body {
  display: grid;
  grid-template-columns: 1.55fr 0.95fr;
  gap: 0;
}
.ak-prodcard__main { padding: 8px 0 8px 0; min-width: 0; border-right: var(--bw-hair) solid var(--border); }
.ak-prodcard__side {
  padding: 30px 34px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* anlatı blokları (Ne işe yarar / Riski azaltır / Kullanım / Dozaj) */
.ak-specblock {
  padding: 26px 34px;
  border-bottom: var(--bw-hair) solid var(--border);
}
.ak-specblock:last-child { border-bottom: 0; }
.ak-specblock__lbl {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--text-muted);
  font-weight: var(--fw-medium);
  display: block;
  margin-bottom: 14px;
}
.ak-specblock__t {
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--ink-soft);
  margin: 0;
  max-width: 60ch;
}

/* madde listesi (riski azaltır) — mavi measure-mark tick */
.ak-risklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ak-risklist li {
  position: relative;
  padding-left: 20px;
  font-size: var(--fs-body);
  line-height: 1.55;
  color: var(--ink-soft);
  max-width: 60ch;
}
.ak-risklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  background: var(--anda-blue);
}

/* dozaj notu — talep üzerine vurgusu, kesin sayı yok */
.ak-noteline {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-family: var(--font-mono);
  font-size: var(--fs-label-sm);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--anda-blue);
}
.ak-noteline svg { flex: 0 0 auto; margin-top: 1px; }

/* yan panel CTA + künye */
.ak-side__actions { display: flex; flex-direction: column; gap: 9px; }
.ak-side__meta {
  border-top: var(--bw-hair) solid var(--border);
  padding-top: 20px;
  display: grid;
  gap: 14px;
}
.ak-side__meta > div { display: flex; flex-direction: column; gap: 4px; }
.ak-side__meta i {
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.ak-side__meta b { font-size: 13.5px; font-weight: var(--fw-semibold); color: var(--ink); }

/* ============================================================
   YAKINDA — CORE KADEMELERİ (pasif/soluk liste)
   Teknik değer YOK; yalnız ad + tip + "Yakında" mono rozeti.
   ============================================================ */
.ak-soon { margin-top: 44px; }
.ak-soon__head { margin-bottom: 24px; max-width: 760px; }
.ak-soon__lbl {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--text-muted);
  font-weight: var(--fw-medium);
  display: block;
  margin-bottom: 14px;
}
.ak-soon__intro { font-size: var(--fs-body); line-height: 1.6; color: var(--ink-soft); max-width: 64ch; }

.ak-soonlist {
  border: var(--bw-hair) solid var(--border-soft);
}
.ak-soonrow {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 18px 24px;
  border-bottom: var(--bw-hair) solid var(--border-soft);
  opacity: 0.66;                 /* soluk / pasif */
  transition: opacity var(--dur-base) var(--ease-standard);
}
.ak-soonrow:last-child { border-bottom: 0; }
.ak-soonrow:hover { opacity: 0.86; }
.ak-soonrow__kod {
  font-family: var(--font-mono);
  font-size: 14.5px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.01em;
  color: var(--text-body);
  white-space: nowrap;
}
.ak-soonrow__type {
  font-size: var(--fs-body-sm);
  color: var(--text-muted);
  line-height: 1.45;
}
.ak-soonbadge {
  font-family: var(--font-mono);
  font-size: var(--fs-label-sm);
  letter-spacing: var(--ls-label-sm);
  text-transform: uppercase;
  color: var(--text-faint);
  border: var(--bw-hair) solid var(--border);
  padding: 4px 9px;
  white-space: nowrap;
}
.ak-soon__foot { margin-top: 22px; }

/* ============================================================
   MIX — ADAY ÇÖZÜM KARTLARI (8 adet)
   İşlev açıklaması + "ADAY · TÜRKPATENT" mono notu.
   "Çözüm ortağı/yanınızdayız" dili kullanılmaz.
   ============================================================ */
.ak-mixnote {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: var(--surface-sunken);
  border: var(--bw-hair) solid var(--border);
  border-left: var(--bw-2) solid var(--anda-blue);
  padding: 16px 20px;
  margin: 0 0 32px;
  max-width: 760px;
}
.ak-mixnote svg { flex: 0 0 auto; margin-top: 2px; color: var(--anda-blue); }
.ak-mixnote p { margin: 0; font-size: var(--fs-body-sm); line-height: 1.6; color: var(--ink-soft); }

.ak-mixgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: var(--bw-hair) solid var(--border);
  border-left: var(--bw-hair) solid var(--border);
}
.ak-mixcard {
  padding: 24px 24px 26px;
  border-right: var(--bw-hair) solid var(--border);
  border-bottom: var(--bw-hair) solid var(--border);
  background: var(--paper);
  display: flex;
  flex-direction: column;
  transition: background var(--dur-base) var(--ease-standard);
}
.ak-mixcard:hover { background: var(--surface-sunken); }
.ak-mixcard__kod {
  font-family: var(--font-mono);
  font-size: 18px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.01em;
  color: var(--ink);
  margin: 0 0 12px;
}
.ak-mixcard__d {
  font-size: var(--fs-body-sm);
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0 0 18px;
}
.ak-mixcard__note {
  margin-top: auto;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
  display: flex;
  align-items: center;
  gap: 7px;
}
.ak-mixcard__note span {
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  background: var(--warn);     /* aday durumu — muted, mikro */
  border-radius: var(--radius-pill);
}
.ak-mix__foot {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.ak-mix__close { font-size: var(--fs-body); line-height: 1.6; color: var(--ink-soft); max-width: 64ch; }
.ak-mix__actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* ============================================================
   RESPONSIVE (kit breakpoint'leri: 1000 / 880 / 560)
   ============================================================ */
@media (max-width: 1000px) {
  .ak-prodcard__body { grid-template-columns: 1fr; }
  .ak-prodcard__main { border-right: 0; }
  .ak-prodcard__side {
    border-top: var(--bw-hair) solid var(--border);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 28px;
  }
  .ak-side__actions { flex: 1 1 240px; }
  .ak-side__meta { flex: 1 1 240px; border-top: 0; padding-top: 0; }
  .ak-mixgrid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 880px) {
  .ak-pagehero__pad { padding: 34px 0 38px; }
  .ak-prodcard__head { padding: 24px 22px; }
  .ak-specblock { padding: 22px; }
  .ak-prodcard__side { padding: 24px 22px; flex-direction: column; }
  .ak-prodcard__kod { font-size: 23px; }
  .ak-soonrow { grid-template-columns: 1fr auto; column-gap: 14px; row-gap: 4px; }
  .ak-soonrow__type { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .ak-mixgrid { grid-template-columns: 1fr; }
  .ak-side__actions .ak-btn { width: 100%; }
  .ak-mix__actions .ak-btn { width: 100%; }
}