/* =========================================================================
   Acil Sertifika Core — [asc_process] "Sertifika Süreci" sayfaya özel stil (v2)
   Tasarım kaynağı: `.dc.html` 1089–1146 (isProcess) — 3 bölüm.
   Tüm kurallar .asc-app[data-page="process"] altına scope'lanır.
   Renkler YALNIZCA var(--as-*) token'larından gelir (ham hex yok).

   Bölümler: 0) Sayfa ritmi  1) Hero  2) Süreç adımları (açık zemin kartları)
             3) Belge türü bloğu  4) Responsive
   (Eski 4/5 — global bilgi sekmeleri ve koyu kapanış bandı — 2026-08-12'de
   kaldırıldı; gerekçe shortcodes/process.php dosya başlığında.)
   ========================================================================= */

/* -------------------------------------------------------------------------
   0) SAYFA RİTMİ — tasarım bu sayfada 72/72 (dc.html 1101 · 1126)
   Paylaşılan `.as-section` 96/96'dır; ölçümde canlı sayfa 96/96'ydı.
   Özgüllük: (0,3,0) > `.as-section` (0,1,0).
   ------------------------------------------------------------------------- */
.asc-app[data-page="process"] .as-section { padding-block: 72px; }

/* -------------------------------------------------------------------------
   1) HERO — açık degrade + ince alt kenarlık (tasarım: 1091–1099)
   ------------------------------------------------------------------------- */
.asc-app[data-page="process"] .as-proc-hero {
  background: linear-gradient(180deg, var(--as-tint), var(--as-white));
  border-bottom: 1px solid var(--as-line-2);
}
.asc-app[data-page="process"] .as-proc-hero__in {
  padding-top: 44px;
  padding-bottom: 56px;
}
/* Kırıntı bağlantısı tasarımda 40px dokunma hedefi (dc.html 1094); paylaşılan
   `.as-breadcrumb` yalnızca yazı tipini verdiği için satır ~24px kalıyordu. */
.asc-app[data-page="process"] .as-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
}
.asc-app[data-page="process"] .as-proc-hero__title {
  margin-top: 18px;
  max-width: 760px;
  /* Tasarım 1.08 (dc.html 1096); paylaşılan `.as-t-page` 1.1 veriyor ve SSS
     hero'sunda 1.1 doğru olduğu için düzeltme sayfaya özel yapılır. */
  line-height: 1.08;
}
.asc-app[data-page="process"] .as-proc-hero__lead {
  margin-top: 16px;
  max-width: 660px;
}

/* -------------------------------------------------------------------------
   2) SÜREÇ ADIMLARI — açık zemin kartları (tasarım 1101–1124)
   Izgaranın bölüm başlığı yoktur: kartlar hero'nun hemen ardından gelir,
   her kart kendi H2'sini taşır → üstte ek `margin-top` YOK.
   ------------------------------------------------------------------------- */
/* Izgara ölçüsü — tasarım gap 20px (dc.html 1102): 1176px iç genişlikte
   (1176 − 3×20) / 4 = 279px kolon. Paylaşılan `.as-grid` gap 22px veriyordu →
   ölçümde 277.5px çıkmıştı. */
.asc-app[data-page="process"] .as-proc-steps__grid { gap: 20px; }
.asc-app[data-page="process"] .as-proc-step {
  padding: 28px;
  height: 100%;
  gap: 0;
  /* Kart kenarlığı tasarımda #E3EAF5 = --as-line (dc.html 1103); paylaşılan
     `.as-card` --as-line-2 (#DCE6F3) kullanıyor, ölçüm de onu gösteriyordu. */
  border-color: var(--as-line);
}
.asc-app[data-page="process"] .as-proc-step__no {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
  color: var(--as-red);
}
.asc-app[data-page="process"] .as-proc-step__title {
  margin-top: 14px;
  font-size: 1.2rem;
  line-height: 1.25;
}
.asc-app[data-page="process"] .as-proc-step__text {
  margin-top: 10px;
}

/* -------------------------------------------------------------------------
   3) BELGE TÜRÜ — görsel + madde listesi + danışman CTA (tasarım: 1043–1061)
   ------------------------------------------------------------------------- */
.asc-app[data-page="process"] .as-proc-doc {
  border-top: 1px solid var(--as-line-2);
  border-bottom: 1px solid var(--as-line-2);
}
.asc-app[data-page="process"] .as-proc-doc__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  align-items: center;
}
.asc-app[data-page="process"] .as-proc-doc__media {
  box-shadow: var(--as-shadow-card);
}
.asc-app[data-page="process"] .as-proc-doc__media > img {
  width: 100%;
  height: 380px;
  object-fit: cover;
}
/* Başlık — tasarım bu bloğa clamp DEĞİL, SABİT 1.9rem/1.15 veriyor
   (dc.html 1132: 30.4px / 34.96px, tek satır). Paylaşılan `.as-t-section`
   clamp(1.9rem,3vw,2.7rem) olduğu için ölçümde 43.2px/48.38px çıkıyor ve
   başlık iki satıra iniyordu (blok yüksekliği 35px yerine 97px).
   Yalnızca bu bölüme uygulanır; sayfanın başka `.as-t-section`i yok. */
.asc-app[data-page="process"] .as-proc-doc__text .as-t-section {
  font-size: 1.9rem;
  line-height: 1.15;
}
.asc-app[data-page="process"] .as-proc-doc__p {
  margin-top: 16px;
}
.asc-app[data-page="process"] .as-proc-doc__list {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.asc-app[data-page="process"] .as-proc-doc__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.6;
  color: var(--as-ink-2);
}
.asc-app[data-page="process"] .as-proc-doc__tick {
  width: 26px;
  height: 26px;
  flex: none;
  margin-top: 1px;
  display: grid;
  place-items: center;
  border-radius: var(--as-r-pill);
  background: var(--as-blush);
  color: var(--as-red);
}
.asc-app[data-page="process"] .as-proc-doc__cta {
  margin-top: 28px;
  align-self: flex-start;
}

/* -------------------------------------------------------------------------
   4) RESPONSIVE
   ------------------------------------------------------------------------- */
@media (min-width: 900px) {
  .asc-app[data-page="process"] .as-proc-doc__row { grid-template-columns: 1fr 1fr; gap: 56px; }
}
@media (max-width: 899.98px) {
  .asc-app[data-page="process"] .as-proc-hero__in { padding-top: 32px; padding-bottom: 40px; }
  .asc-app[data-page="process"] .as-proc-doc__media > img { height: 260px; }
}
@media (max-width: 599.98px) {
  .asc-app[data-page="process"] .as-proc-step { padding: 22px; }
  .asc-app[data-page="process"] .as-proc-doc__cta { width: 100%; }
}