/**
 * Acil Sertifika Core — Ana Sayfa ([asc_home]) sayfaya özel stiller · TASARIM v2.
 *
 * Kaynak: "Acil Sertifika.dc.html" `isHome` bloğu (satır 104–570). Ölçüler,
 * boşluklar ve kırpımlar tasarımdan birebir taşınmıştır.
 *
 * KURALLAR
 *  - Paylaşılan bileşenler (as-btn, as-card, as-grid, as-accordion, as-icon-box,
 *    as-edevlet-badge, as-navy-grad, as-suggest …) assets/css/asc.css içindedir;
 *    burada YENİDEN YAZILMAZ, yalnızca sayfaya özel yerleşim/varyant eklenir.
 *  - Token: yalnızca v2 önekli var(--as-*). Ham hex YOKTUR. Yarı saydam katmanlar
 *    (cam yüzey, örtü, vurgu şeridi) token'lanamadığı için rgba() ile yazılır —
 *    yeni renk ailesi üretmez, tasarımdaki değerlerin birebir karşılığıdır.
 *  - Bölüm ritmi 96/96 SABİTTİR: bölümler yalnızca düz `.as-section` kullanır
 *    (--tight/--wide/--flush-* ana sayfada KULLANILMAZ). Hero ve kapanış bandı
 *    tam-taşma blokları olduğu için kendi iç boşluklarını taşır.
 *  - Yalnızca transform/opacity animasyonu; içerik JS'siz de görünür.
 *  - Tüm seçiciler .asc-app[data-page="home"] altında scope'lanır → (0,2,x)
 *    özgüllüğü hello-elementor reset/Kit kurallarını yener.
 *
 * @package acil-sertifika-core
 */

/* =========================================================================
   1) HERO — diyagonal zemin + kırpılmış fotoğraf bandı + kart + güven rayı
   Tasarım: satır 107–260
   ========================================================================= */
.asc-app[data-page="home"] .as-home-hero {
  position: relative;
  background: var(--as-white);
  overflow: hidden;
}
/* Diyagonal buz mavisi zemin (dekoratif). */
.asc-app[data-page="home"] .as-home-hero__wash {
  position: absolute;
  inset: 0;
  background: var(--as-band);
  clip-path: polygon(0 52%, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}
.asc-app[data-page="home"] .as-home-hero__in { position: relative; }

.asc-app[data-page="home"] .as-home-hero__stage {
  position: relative;
  min-height: 508px;
}

/* Fotoğraf bandı — sağa dayalı, sol kenarı eğik kırpılmış (LCP görseli). */
.asc-app[data-page="home"] .as-home-hero__media {
  position: absolute;
  left: 26.5%;
  right: 0;
  top: 0;
  height: 508px;
  overflow: hidden;
  clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%);
  animation: as-zoom .95s var(--as-ease) .08s both;
}
.asc-app[data-page="home"] .as-home-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 64% 52%;
  display: block;
}

.asc-app[data-page="home"] .as-home-hero__text {
  position: relative;
  z-index: 2;
  max-width: 462px;
  padding-top: 52px;
  animation: as-fade-up .6s var(--as-ease) both;
}

/* E-Devlet rozeti — hero'da beyaz cam yüzey (paylaşılan blush zemin değil). */
.asc-app[data-page="home"] .as-home-hero__badge {
  background: var(--as-white);
  border-color: var(--as-line);
  box-shadow: var(--as-shadow-rest);
  letter-spacing: .04em;
}
/* İşaret pucku: tasarım 26×26 (dc satır 118) → rozetin toplam yüksekliği 42px
   (7+7 padding + 26 + 2 kenarlık). Paylaşılan `.as-edevlet-badge__mark` 24px
   verdiği için rozet 40px'e düşüyordu; yalnızca hero rozetinde 26'ya çıkarılır.
   Metin tipografisi (12px/800/.04em) tasarımla birebir — dokunulmaz. */
.asc-app[data-page="home"] .as-home-hero__badge .as-edevlet-badge__mark {
  width: 26px;
  height: 26px;
}

/* E-Devlet İŞARETİ (hilal+yıldız) — yalnızca ölçeklenir; renk/biçim değişmez.
   `.elementor img{height:auto}` (0,1,1) yüksekliği ezerdi → (0,3,0) ile geri alınır. */
.asc-app[data-page="home"] .as-home-mark {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
  flex: none;
}
.asc-app[data-page="home"] .as-home-hero__badge .as-home-mark { width: 17px; height: 17px; }
.asc-app[data-page="home"] .as-home-edevlet__eyebrow .as-home-mark { width: 20px; height: 20px; }
.asc-app[data-page="home"] .as-home-doc__mark .as-home-mark { width: 22px; height: 22px; }

.asc-app[data-page="home"] .as-home-hero__title { margin-top: 20px; }
/* Kırmızı vurgulu son satır + altındaki soluk şerit (tasarımdaki highlight).
   TASARIM (dc satır 121): `display:inline-block` + MUTLAK katman
   (`left:0;right:0;bottom:.06em;height:.28em;z-index:-1`) → şerit metin sütununun
   TAMAMINI kaplar ve SON satırın ("Başlangıç.") altında durur. 1440'ta ölçülen
   tasarım kutusu: 462 × 17px (462 = .as-home-hero__text max-width, 17px = .28em × 59.2px).
   ÖNCEKİ satır-içi arka plan çözümü (background-size:100% .28em + box-decoration-break)
   şeridi her satır parçasına ayrı ayrı çiziyordu → şerit İLK satırın altında ve
   yalnızca ~208px genişlikte kalıyordu. Tasarıma dönüldü.
   `inline-block` kabı shrink-to-fit'tir: metin 462px'e sığmadığında kutu 462px'te
   sabitlenir, sığdığında (mobil clamp min 2.35rem) metin genişliğine iner —
   yani dar ekranda şerit metnin sağına taşmaz. */
.asc-app[data-page="home"] .as-home-hero__accent {
  position: relative;
  display: inline-block;
  color: var(--as-red);
}
.asc-app[data-page="home"] .as-home-hero__accent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: .06em;
  height: .28em;
  z-index: -1;                      /* metnin ARKASINDA; .as-home-hero__text
                                       (position:relative + z-index:2) yığın
                                       bağlamını sınırlar, bloktan kaçmaz */
  background: rgba(217, 58, 41, .14);  /* --as-red %14 */
  border-radius: 3px;
  pointer-events: none;
}

.asc-app[data-page="home"] .as-home-hero__lead {
  margin-top: 22px;
  max-width: 390px;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--as-ink-3);
}
.asc-app[data-page="home"] .as-home-hero__cta { margin-top: 26px; gap: 12px; }
/* Birincil hero butonu: tasarım 15.5px (dc satır 124); paylaşılan `.as-btn--primary`
   16px veriyor. Yarıçap asc.css'te global olarak çözülür, burada TEKRAR YAZILMAZ. */
/* Gölge: `.as-btn--primary` tabanı artık GÖLGESİZ (tasarımda içerik CTA'ları ve
   404 butonu gölgesiz; gölge yalnızca belirli bağlamlarda var). Hero butonunun
   gölgesi tasarımda mevcut — dc-ref'ten okundu: `0 12px 30px rgba(217,58,41,.26)`
   — bu yüzden bağlam sınıfında açıkça geri veriliyor. */
.asc-app[data-page="home"] .as-home-hero__go {
  font-size: 15.5px;
  box-shadow: 0 12px 30px rgba(217, 58, 41, .26);
}
.asc-app[data-page="home"] .as-home-hero__go:hover,
.asc-app[data-page="home"] .as-home-hero__go:focus-visible {
  box-shadow: var(--as-shadow-cta-lg);
  transform: translateY(-2px);
}
.asc-app[data-page="home"] .as-home-hero__wa,
.asc-app[data-page="home"] .as-home-hero__ask {
  height: var(--as-btn-h);
  padding: 0 20px;
  border-radius: var(--as-r-btn-lg);
  font-size: 15px;
}

/* Hero kartı — "Hangi eğitim size uygun?" (yalnızca ≥1180'de görünür). */
.asc-app[data-page="home"] .as-home-hero__card {
  position: absolute;
  right: 23%;
  bottom: 24px;
  z-index: 3;
  width: 250px;
  padding: 18px 20px;
  border: 1px solid var(--as-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);   /* cam yüzey */
  backdrop-filter: blur(10px);
  /* Tasarım gölgesi 0 22px 54px rgba(7,29,73,.18) (dc satır 135); paylaşılan
     --as-shadow-hover aynı geometriyi .13 alfayla taşıyor → kart soluk kalıyordu.
     Yeni token üretmemek için değer burada birebir yazılır. */
  box-shadow: 0 22px 54px rgba(7, 29, 73, .18);
  animation: as-rise .9s var(--as-ease) .5s both;
}
.asc-app[data-page="home"] .as-home-hero__card-head {
  display: flex;
  align-items: center;
  gap: 11px;
}
.asc-app[data-page="home"] .as-home-hero__card-ico { width: 38px; height: 38px; border-radius: 11px; }
.asc-app[data-page="home"] .as-home-hero__card-text { min-width: 0; }
.asc-app[data-page="home"] .as-home-hero__card-title {
  display: block;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.25;
  color: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-hero__card-sub {
  display: block;
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--as-muted);
}
.asc-app[data-page="home"] .as-home-hero__card-cta {
  margin-top: 13px;
  height: 40px;
  gap: 7px;
  border-radius: 11px;
  font-size: 13.5px;
}
.asc-app[data-page="home"] .as-home-hero__card-cta svg { width: 14px; height: 14px; }

/* Güven rayı — sayısal hücre GERÇEK veriden (bkz. shortcodes/home.php). */
.asc-app[data-page="home"] .as-home-hero__rail {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 26px;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--as-line-3);
  animation: as-slide-left .8s var(--as-ease) .3s both;
}
.asc-app[data-page="home"] .as-home-hero__railitem {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 13px;
}
.asc-app[data-page="home"] .as-home-hero__railico {
  width: 42px;
  height: 42px;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid var(--as-line);
  border-radius: var(--as-r-puck);
  background: var(--as-white);
  box-shadow: var(--as-shadow-rest);
  color: var(--as-blue);
}
.asc-app[data-page="home"] .as-home-hero__railbody { min-width: 0; }
.asc-app[data-page="home"] .as-home-hero__railtitle {
  display: block;
  font-size: 14.5px;
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.3;
  color: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-hero__raildesc {
  display: block;
  margin-top: 3px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--as-muted);
}

/* Hero alt satırı: "Nasıl Çalışır?" + arama paneli. */
.asc-app[data-page="home"] .as-home-hero__bottom {
  position: relative;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 34px;
  margin-top: 26px;
  padding-bottom: 74px;
}
.asc-app[data-page="home"] .as-home-hero__how {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  height: var(--as-tap);
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--as-navy-2);
}
.asc-app[data-page="home"] .as-home-hero__how:hover,
.asc-app[data-page="home"] .as-home-hero__how:focus-visible { color: var(--as-blue); }
.asc-app[data-page="home"] .as-home-hero__how-ico {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: var(--as-r-pill);
  border: 1.5px solid var(--as-line-blush);
  background: var(--as-white);
  color: var(--as-red);
}

/* --- Arama paneli — chrome aramasıyla AYNI endpoint/kancalar -------------- */
.asc-app[data-page="home"] .as-home-hero__searchwrap {
  flex: 1;
  min-width: 0;
  max-width: 790px;
  padding: 9px;
  background: var(--as-white);
  border: 1px solid var(--as-line);
  border-radius: 16px;
  box-shadow: var(--as-shadow-card);
  animation: as-rise .8s var(--as-ease) .25s both;
}
.asc-app[data-page="home"] .as-home-search {
  position: relative;
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(168px, 224px) 164px;
  align-items: center;
}
.asc-app[data-page="home"] .as-home-search > * { min-width: 0; }
/* Sitede hiç product_cat yoksa kategori kolonu basılmaz → boşluk kalmasın. */
.asc-app[data-page="home"] .as-home-search--nocat {
  grid-template-columns: minmax(200px, 1fr) 164px;
}

.asc-app[data-page="home"] .as-home-search__field {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 52px;
  padding: 0 14px;
}
.asc-app[data-page="home"] .as-home-search__ico {
  display: inline-flex;
  flex: none;
  color: var(--as-muted-2);
}
.asc-app[data-page="home"] .as-home-search__input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  color: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-search__input::placeholder {
  color: var(--as-muted-2);
  opacity: 1;
}

.asc-app[data-page="home"] .as-home-search__cat {
  position: relative;
  border-left: 1px solid var(--as-line-soft);
}
.asc-app[data-page="home"] .as-home-search__select {
  width: 100%;
  height: 52px;
  padding: 0 42px 0 16px;
  border: 0;
  background: transparent;
  appearance: none;
  cursor: pointer;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--as-ink-2);
}
.asc-app[data-page="home"] .as-home-search__caret {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--as-muted-2);
  display: inline-flex;
}
.asc-app[data-page="home"] .as-home-search__submit {
  width: 100%;
  height: 52px;
  border-radius: 11px;
}

/* Canlı öneri kutusu — form kabına göre konumlanır. */
.asc-app[data-page="home"] .as-home-search__suggest {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 30;
  margin-top: 0;
  padding: 8px;
  background: var(--as-white);
  border: 1px solid var(--as-line-2);
  border-radius: 16px;
  box-shadow: var(--as-shadow-card);
  animation: as-pop .24s var(--as-ease) both;
}
/* [hidden] satır içi display'e kaybetmesin diye açıkça kapatılır. */
.asc-app[data-page="home"] .as-home-search__suggest[hidden] { display: none; }

/* --- Hero responsive (05-DESIGN-TOKENS.md §Breakpoint) -------------------- */
/* Hero kartı yalnızca ≥1180'de görünür (dar ekranda fotoğrafı ve metni ezerdi). */
@media (max-width: 1179.98px) {
  .asc-app[data-page="home"] .as-home-hero__card { display: none; }
}
@media (max-width: 1023.98px) {
  .asc-app[data-page="home"] .as-home-hero__wash { clip-path: polygon(0 40%, 100% 22%, 100% 100%, 0 100%); }
  .asc-app[data-page="home"] .as-home-hero__stage {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .asc-app[data-page="home"] .as-home-hero__text {
    order: 1;
    max-width: none;
    padding-top: 44px;
  }
  .asc-app[data-page="home"] .as-home-hero__lead { max-width: 52ch; }
  .asc-app[data-page="home"] .as-home-hero__media {
    order: 2;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    height: auto;
    margin-top: 28px;
    aspect-ratio: 16 / 10;
    clip-path: none;
    border-radius: var(--as-r-media);
  }
}
@media (max-width: 899.98px) {
  .asc-app[data-page="home"] .as-home-hero__bottom {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    padding-bottom: 56px;
  }
  .asc-app[data-page="home"] .as-home-hero__how { align-self: flex-start; }
  .asc-app[data-page="home"] .as-home-hero__searchwrap { max-width: none; }
}
/* Tasarım: hero araması ≥780'de üç kolon; altında tek kolon. */
@media (max-width: 779.98px) {
  .asc-app[data-page="home"] .as-home-search { grid-template-columns: minmax(0, 1fr); }
  .asc-app[data-page="home"] .as-home-search--nocat { grid-template-columns: minmax(0, 1fr); }
  .asc-app[data-page="home"] .as-home-search__cat {
    border-left: 0;
    border-top: 1px solid var(--as-line-soft);
  }
  .asc-app[data-page="home"] .as-home-search__submit { margin-top: 8px; }
}
@media (max-width: 719.98px) {
  .asc-app[data-page="home"] .as-home-hero__rail {
    flex-wrap: wrap;
    gap: 18px 26px;
  }
  .asc-app[data-page="home"] .as-home-hero__railitem { flex: 1 1 44%; }
}
@media (max-width: 479.98px) {
  .asc-app[data-page="home"] .as-home-hero__railitem { flex: 1 1 100%; }
}

/* =========================================================================
   2) İSTATİSTİK ŞERİDİ — tasarım satır 306–336
   Hücreler yalnızca değeri OLAN veriden basılır (bkz. shortcodes/home.php).
   ========================================================================= */
.asc-app[data-page="home"] .as-home-stats {
  /* Tasarımda bu şeridin ritmi 72/72'dir (dc satır 306 `padding:72px 0`), sayfanın
     96/96 taban ritmi DEĞİL — bant iki çizgi arasında daha sıkı durur. */
  padding-block: 72px;
  border-top: 1px solid var(--as-line);
  border-bottom: 1px solid var(--as-line);
}
.asc-app[data-page="home"] .as-home-stats__head { max-width: 620px; gap: 18px; }
.asc-app[data-page="home"] .as-home-stats__eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 9px;
  padding: 7px 14px;
  border: 1px solid var(--as-line);
  border-radius: var(--as-r-pill);
  background: var(--as-white);
  box-shadow: var(--as-shadow-rest);
  font-size: 12px;
}
.asc-app[data-page="home"] .as-home-stats__title {
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  line-height: 1.14;
  letter-spacing: -.03em;
}
/* Tasarım: ızgara üst boşluğu 36px, kap 1176px (1240 − 2×32 iç boşluk), 4×279px.
   Referans ölçümü (dc-ref, 1512 viewport): ızgara 1176px, kolonlar
   "279px 279px 279px 279px", hücre 279×149.09. */
.asc-app[data-page="home"] .as-home-stats__grid {
  margin-top: 36px;
  margin-inline: auto;
}
/* Kursiyer/memnuniyet ayarı girilmemişse şerit 2–3 hücreyle basılır; paylaşılan
   4 kolonluk `.as-grid--stats` şablonunu (0,3,0) ile daraltıyoruz.
   ⚠️ Kolon SAYISINI azaltmak TEK BAŞINA yetmiyordu: 1176px'lik kap ikiye
   bölününce hücre 578px oluyordu (canlıda ölçüldü: kolonlar "578px 578px",
   hücre 578×149.09) — tasarımın 279px'lik hücresinin iki katından fazla; kart
   içeriği ~250px'de bittiği için her hücrede ~270px ölü alan kalıyordu.
   Çözüm: TRACK genişliği tasarımın ölçüsünde tavanlanır (max 279px) ve band
   `justify-content:center` ile kabın ortasına alınır. `minmax(0, 279px)` dar
   ekranda track'i büzülebilir bırakır (640px'te kap 576 < 2×279+20 → 278px'e
   iner, taşma olmaz).
   ⚠️ Band'a `max-width` VERİLMEZ: eski `max-width:640px` (2 hücre) / `960px`
   (3 hücre) sınırı ızgarayı kabın SOLUNA yapıştırıp sağda 536px boşluk
   bırakıyordu. Genişlik kararı artık track'te, hizalama `justify-content`te.
   Dört hücre dolduğunda paylaşılan 4×1fr şablonu zaten 279px veriyor (1176 =
   4×279 + 3×20) — o durum DEĞİŞTİRİLMEZ. */
@media (min-width: 640px) {
  .asc-app[data-page="home"] .as-home-stats__grid--2,
  .asc-app[data-page="home"] .as-home-stats__grid--3 {
    grid-template-columns: repeat(2, minmax(0, 279px));
    /* `center` DEĞİL `start`: ortalanan band bölümün kendi eksenine oturmuyordu.
       768px'te ölçüldü — başlık sol kenarı x=32, iki hücre x=95'te başlıyor;
       hücre sayısı 4'ten az olduğu için kayma gözle görülür hale geliyor.
       Hizalama kararı `justify-content`te, genişlik kararı track'te (yukarıdaki
       nota bak) — `start` ile band başlıkla aynı eksende, sağdaki artık alan
       tasarımın 4 hücreli halindeki gibi bölümün sağında toplanır. */
    justify-content: start;
  }
}
@media (min-width: 1000px) {
  .asc-app[data-page="home"] .as-home-stats__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 279px));
  }
}
.asc-app[data-page="home"] .as-home-stats__cell {
  padding: 26px 24px;
  border-color: var(--as-line);
  border-radius: 20px;
}
.asc-app[data-page="home"] .as-home-stats__value {
  display: block;
  font-size: clamp(2rem, 3vw, 2.6rem);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1;
  color: var(--as-navy);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}
.asc-app[data-page="home"] .as-home-stats__label {
  display: block;
  margin-top: 10px;
  font-size: 14.5px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--as-navy-2);
}
.asc-app[data-page="home"] .as-home-stats__desc {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--as-muted);
}
.asc-app[data-page="home"] .as-home-stats__note {
  margin-top: 18px;
  font-size: 12.5px;
  font-weight: 500;
}

/* =========================================================================
   3) ÖNE ÇIKAN EĞİTİMLER — tasarım satır 262–304
   Kart görünümü partials/product-card.php + asc.css §9'dan gelir.
   ========================================================================= */
/* Bölüm başlığı bloğu — tasarım dc satır 264–268:
     · satır kabı gap 32px      (paylaşılan .as-sec-head--row 24px veriyordu)
     · metin sütunu max-width 560px (paylaşılan .as-sec-head__text 720px)
     · H2 → spot metin arası flex gap DEĞİL, 16px margin (canlıda gap 12px'ti)
     · H2 clamp(2rem,3.2vw,3rem)/-.02em/1.08 — paylaşılan `.as-t-section`
       clamp(1.9rem,3vw,2.7rem)/-.025em/1.12 olduğu için başlık 43.2px/-1.08px
       kalıyordu; tasarım 48px/-0.96px. Sayfadaki diğer bölüm başlıkları tasarımla
       birebir tuttuğu için AÇIK değer yalnızca bu bölüme verilir. */
.asc-app[data-page="home"] .as-home-featured .as-sec-head--row { gap: 32px; }
.asc-app[data-page="home"] .as-home-featured .as-sec-head__text {
  gap: 0;
  max-width: 560px;
}
.asc-app[data-page="home"] .as-home-featured .as-sec-head__text > p { margin-top: 16px; }
.asc-app[data-page="home"] .as-home-featured .as-sec-head h2 {
  font-size: clamp(2rem, 3.2vw, 3rem);
  letter-spacing: -.02em;
  line-height: 1.08;
}

.asc-app[data-page="home"] .as-home-featured__all {
  height: 48px;
  padding: 0 20px;
  font-size: 15px;
}

/* =========================================================================
   4) E-DEVLET — lacivert gradyan kart (00-CURRENT-STATE §2.1/§2.5)
   Tasarım satır 337–385. Koşulsuz render edilir; ürün bazlı boolean YOK.
   ========================================================================= */
/* Tasarımda bu bölümün üst boşluğu YOKTUR (dc satır 337 `padding:0 0 96px`):
   lacivert kart, istatistik şeridinin alt çizgisine bitişik başlar. */
.asc-app[data-page="home"] .as-home-edevlet { padding-top: 0; }

.asc-app[data-page="home"] .as-home-edevlet__card {
  /* Gradyan tasarımdan birebir (dc satır 339): 135deg · 0/58/100 durakları.
     Paylaşılan `.as-navy-grad` 150deg · 55% ile geliyor → açı ve orta durak
     farkı kartın sağ üst köşesini koyulaştırıyordu. Renkler yine token. */
  background: linear-gradient(135deg, var(--as-navy) 0%, var(--as-navy-2) 58%, var(--as-navy-3) 100%);
  display: grid;
  /* min() ŞART: düz minmax(340px,…) dar telefonda (kart iç boşluğundan sonra
     ~263px kalır) kolonu kabından taşırıyordu — ölçüldü: 375px'te 340px kolon. */
  grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
  gap: clamp(32px, 4vw, 56px);
  align-items: center;
  padding: clamp(32px, 4vw, 64px);
  border: 1px solid var(--as-navy-2);
  border-radius: 30px;
}
.asc-app[data-page="home"] .as-home-edevlet__card > * { min-width: 0; }

.asc-app[data-page="home"] .as-home-edevlet__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 9px 16px 9px 11px;
  border-radius: var(--as-r-pill);
  background: rgba(255, 255, 255, .10);   /* lacivert üstü cam yüzey */
  border: 1px solid rgba(255, 255, 255, .22);
}
.asc-app[data-page="home"] .as-home-edevlet__eyebrow .as-edevlet-badge__mark {
  width: 30px;
  height: 30px;
}
.asc-app[data-page="home"] .as-home-edevlet__eyebrow-text {
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--as-on-navy-2);
}

.asc-app[data-page="home"] .as-home-edevlet__title {
  margin-top: 18px;
  font-size: clamp(1.9rem, 2.8vw, 2.7rem);
  line-height: 1.1;
  letter-spacing: -.025em;
}
.asc-app[data-page="home"] .as-home-edevlet__lead {
  margin-top: 18px;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--as-on-navy);
}
.asc-app[data-page="home"] .as-home-edevlet__list {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.asc-app[data-page="home"] .as-home-edevlet__li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.asc-app[data-page="home"] .as-home-edevlet__check {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--as-white);
  color: var(--as-navy-2);
  box-shadow: var(--as-shadow-dark);
}
.asc-app[data-page="home"] .as-home-edevlet__pt {
  display: block;
  font-size: 15.5px;
  font-weight: 800;
  color: var(--as-white);
}
.asc-app[data-page="home"] .as-home-edevlet__ptext {
  display: block;
  margin-top: 3px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--as-on-navy);
}
/* CTA satırı: tasarım 32px (dc satır 352); markup'taki `as-mt-28` utility'si
   28px veriyordu → boşluk bileşenin kendi kuralına alındı. */
.asc-app[data-page="home"] .as-home-edevlet__cta { margin-top: 32px; gap: 14px; }
.asc-app[data-page="home"] .as-home-edevlet__cta .as-btn {
  border-radius: var(--as-r-btn-lg);
  font-size: 15.5px;
}
.asc-app[data-page="home"] .as-home-edevlet__ask {
  height: var(--as-btn-h);
  padding: 0 22px;
}
.asc-app[data-page="home"] .as-home-edevlet__note {
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--as-on-navy-3);
}

/* --- TEMSİLÎ belge kartı — E-Devlet ekran görüntüsü DEĞİLDİR -------------- */
.asc-app[data-page="home"] .as-home-edevlet__media {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 440px;
  justify-self: center;
  display: grid;
  place-items: center;
}
.asc-app[data-page="home"] .as-home-edevlet__media::before {
  content: "";
  position: absolute;
  inset: 6%;
  border-radius: 28px;
  background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 62%);
  pointer-events: none;
}
.asc-app[data-page="home"] .as-home-doc {
  position: relative;
  width: 88%;
  border-radius: var(--as-r-card);
  background: var(--as-white);
  box-shadow: var(--as-shadow-dark);
  overflow: hidden;
}
.asc-app[data-page="home"] .as-home-doc__head {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--as-line-soft);
}
.asc-app[data-page="home"] .as-home-doc__mark {
  width: 34px;
  height: 34px;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid var(--as-line-blush);
  border-radius: var(--as-r-pill);
  background: var(--as-blush);
}
.asc-app[data-page="home"] .as-home-doc__id { min-width: 0; }
.asc-app[data-page="home"] .as-home-doc__idtitle {
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-doc__idsub {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
  color: var(--as-muted);
}
.asc-app[data-page="home"] .as-home-doc__state {
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: var(--as-r-pill);
  background: var(--as-success-bg);
  color: var(--as-success);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.asc-app[data-page="home"] .as-home-doc__body { padding: 18px; }
.asc-app[data-page="home"] .as-home-doc__k {
  display: block;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--as-muted-2);
}
.asc-app[data-page="home"] .as-home-doc__v {
  display: block;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.35;
  color: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-doc__cols {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.asc-app[data-page="home"] .as-home-doc__cols > span { min-width: 0; }
.asc-app[data-page="home"] .as-home-doc__sv {
  display: block;
  margin-top: 4px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--as-ink-2);
}
.asc-app[data-page="home"] .as-home-doc__sv--ok { color: var(--as-success); }
.asc-app[data-page="home"] .as-home-doc__foot {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--as-line-soft);
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--as-muted);
}
.asc-app[data-page="home"] .as-home-doc__footico {
  width: 26px;
  height: 26px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: var(--as-r-pill);
  background: var(--as-tint-3);
  color: var(--as-blue);
}

/* Dar telefonda belge kartı: kare çerçeve + %88 genişlik kartı ~231px'e düşürüp
   başlık satırını (işaret + ad + durum çipi) sıkıştırıyordu (375'te ölçüldü).
   Kare oran bırakılır, kart tam genişliğe çıkar, durum çipi alt satıra iner. */
@media (max-width: 599.98px) {
  .asc-app[data-page="home"] .as-home-edevlet__media {
    aspect-ratio: auto;
    max-width: none;
  }
  .asc-app[data-page="home"] .as-home-doc { width: 100%; }
  .asc-app[data-page="home"] .as-home-doc__head { flex-wrap: wrap; }
  .asc-app[data-page="home"] .as-home-doc__state {
    margin-left: 0;
    margin-top: 4px;
    flex-basis: 100%;      /* satır başı */
    max-width: max-content; /* ama içeriğine sarılsın, bant gibi görünmesin */
  }
}

/* =========================================================================
   5) HEDEFİNİZE GÖRE EĞİTİM YOLU — tasarım satır 387–444
   Kartlar GERÇEK kategori arşivlerine bağlanır (ölü/boş link üretilmez).
   ========================================================================= */
.asc-app[data-page="home"] .as-home-goals {
  position: relative;
  overflow: hidden;
}
.asc-app[data-page="home"] .as-home-goals__glow {
  position: absolute;
  left: 50%;
  top: -180px;
  width: 760px;
  height: 360px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(43, 111, 247, .09), rgba(43, 111, 247, 0) 70%);
  pointer-events: none;
}
.asc-app[data-page="home"] .as-home-goals__in { position: relative; }
.asc-app[data-page="home"] .as-home-goals__head { max-width: 640px; gap: 16px; }
.asc-app[data-page="home"] .as-home-goals__eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 9px;
  padding: 7px 14px;
  border: 1px solid var(--as-line);
  border-radius: var(--as-r-pill);
  background: var(--as-white);
  box-shadow: var(--as-shadow-rest);
  font-size: 12px;
}
.asc-app[data-page="home"] .as-home-goals__title {
  font-size: clamp(1.9rem, 3vw, 2.6rem);
  line-height: 1.12;
  letter-spacing: -.03em;
}

.asc-app[data-page="home"] .as-home-goal {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 28px 26px;
  border: 1px solid var(--as-line);
  border-radius: var(--as-r-card);
  background: var(--as-white);
  box-shadow: var(--as-shadow-rest);
  color: var(--as-navy);
  overflow: hidden;
  transition: border-color var(--as-t-fast) var(--as-ease),
              box-shadow var(--as-t-mid) var(--as-ease),
              transform var(--as-t-mid) var(--as-ease);
}
.asc-app[data-page="home"] .as-home-goal:hover,
.asc-app[data-page="home"] .as-home-goal:focus-visible {
  border-color: var(--as-blue-ring);
  box-shadow: var(--as-shadow-hover);
  transform: translateY(-5px);
  color: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-goal__glow {
  position: absolute;
  right: -46px;
  top: -46px;
  width: 150px;
  height: 150px;
  border-radius: var(--as-r-pill);
  background: radial-gradient(circle, rgba(43, 111, 247, .10), rgba(43, 111, 247, 0) 68%);
  pointer-events: none;
}
.asc-app[data-page="home"] .as-home-goal__ico {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 15px;
}
.asc-app[data-page="home"] .as-home-goal__ico .as-ico svg { width: 24px; height: 24px; }
/* Başlık kutusu SABİT yükseklikte (2 satır) — tasarımda hedef odaklı başlıklar
   tek satır ("Sahada belge istiyorum"), gerçek katalogda ise eşleme tablosunda
   olmayan alan için kategori adı basılıyor ve 2 satıra taşıyor. Sabit kutu
   olmadan açıklama ve meta satırları kartlar arasında kayıyordu.
   2 satır × 1.3 satır yüksekliği = 2.6em; taşan metin clamp'lenir (kategori adı
   kırpılsa da eksiksiz bilgi meta satırında kalır). */
.asc-app[data-page="home"] .as-home-goal__title {
  position: relative;
  margin-top: 18px;
  min-height: 2.6em;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.asc-app[data-page="home"] .as-home-goal__text {
  position: relative;
  display: block;
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--as-ink-3);
}
.asc-app[data-page="home"] .as-home-goal__foot {
  position: relative;
  margin-top: auto;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
/* Meta satırı tasarımda TEK satırdır ("İSG · 142 eğitim"). Gerçek alan adları
   uzun olduğunda ("Kişisel Gelişim Eğitimleri Sertifikaları · 80 eğitim") satır
   sarıyor, ayak yüksekliği kartlar arasında değişiyor ve ok düğmeleri hizasız
   kalıyordu. Ad parçası kırpılır (…), SAYI parçası hiçbir zaman kırpılmaz. */
.asc-app[data-page="home"] .as-home-goal__meta {
  display: flex;
  align-items: baseline;
  gap: 5px;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--as-muted);
}
.asc-app[data-page="home"] .as-home-goal__metaname {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.asc-app[data-page="home"] .as-home-goal__metacount {
  flex: none;
  white-space: nowrap;
}
.asc-app[data-page="home"] .as-home-goal__arrow {
  width: 36px;
  height: 36px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: var(--as-r-pill);
  background: var(--as-blush);
  color: var(--as-red);
}

.asc-app[data-page="home"] .as-home-goals__more { gap: 14px; }
.asc-app[data-page="home"] .as-home-goals__more .as-btn {
  height: 48px;
  padding: 0 20px;
  font-size: 14.5px;
}
.asc-app[data-page="home"] .as-home-goals__hint {
  font-size: 14px;
  line-height: 1.6;
  color: var(--as-muted);
}
/* AA: --as-red beyaz zeminde 4.42:1 (14px/700 için 4.5 gerekir) → bir ton koyu. */
.asc-app[data-page="home"] .as-home-goals__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--as-tap);
  font-weight: 700;
  color: var(--as-red-hover);
}
.asc-app[data-page="home"] .as-home-goals__link:hover,
.asc-app[data-page="home"] .as-home-goals__link:focus-visible { color: var(--as-red-ink); }

/* MOBİL (<700px) — ızgara TEK kolona düşer (.as-grid--goals ≥700'de 2 kolon).
   Tek satır kırpması burada bilgi kaybettiriyor: 390px'te ölçüldü, ad kutusu
   clientWidth 182 / scrollWidth 222 → "Kişisel Gelişim Eğitimleri Sertifikaları"
   etiketinin son ~40px'i (≈%18) "…" ile gizleniyordu.
   Kartlar tek kolonda YAN YANA durmadığı için ayak yüksekliğinin kartlar arası
   eşit kalması da gerekmiyor — nowrap'ın masaüstündeki tek gerekçesi buydu.
   Ad en fazla 2 satıra sarar; sayı parçası (`__metacount`) yine hiç kırpılmaz. */
@media (max-width: 699.98px) {
  .asc-app[data-page="home"] .as-home-goal__metaname {
    white-space: normal;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* =========================================================================
   6) SERTİFİKA VE BELGE SÜRECİ — tasarım satır 448–464
   ========================================================================= */
.asc-app[data-page="home"] .as-home-cert { border-bottom: 1px solid var(--as-line-2); }
.asc-app[data-page="home"] .as-home-cert__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
  gap: 48px;
  align-items: center;
}
.asc-app[data-page="home"] .as-home-cert__grid > * { min-width: 0; }
.asc-app[data-page="home"] .as-home-cert__title {
  font-size: 2rem;
  line-height: 1.12;
  letter-spacing: -.025em;
}
.asc-app[data-page="home"] .as-home-cert__lead {
  margin-top: 16px;
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--as-ink-2);
}
/* AA: --as-red, --as-tint zemininde 4.33:1 (14.5px/700 → 4.5 gerekir) → red-hover. */
.asc-app[data-page="home"] .as-home-cert__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: var(--as-tap);
  margin-top: 16px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--as-red-hover);
}
.asc-app[data-page="home"] .as-home-cert__link:hover,
.asc-app[data-page="home"] .as-home-cert__link:focus-visible { color: var(--as-red-ink); }
.asc-app[data-page="home"] .as-home-cert__media {
  border-radius: var(--as-r-media);
  overflow: hidden;
  box-shadow: var(--as-shadow-card);
}
.asc-app[data-page="home"] .as-home-cert__media img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
}
.asc-app[data-page="home"] .as-home-cert__list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.asc-app[data-page="home"] .as-home-cert__li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.asc-app[data-page="home"] .as-home-cert__check {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: var(--as-r-pill);
  background: var(--as-blush);
  color: var(--as-red);
}
.asc-app[data-page="home"] .as-home-cert__pt {
  display: block;
  font-size: 15.5px;
  font-weight: 800;
  color: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-cert__ptext {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--as-ink-2);
}

/* =========================================================================
   7) EĞİTİM DANIŞMANLIĞI — tasarım satır 465–495
   ========================================================================= */
.asc-app[data-page="home"] .as-home-adv__grid {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}
.asc-app[data-page="home"] .as-home-adv__grid > * { min-width: 0; }
.asc-app[data-page="home"] .as-home-adv__title {
  font-size: 2.1rem;
  line-height: 1.12;
  letter-spacing: -.025em;
}
.asc-app[data-page="home"] .as-home-adv__lead {
  margin-top: 16px;
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--as-ink-2);
}
/* Sol sütun CTA'sı: tasarım margin-top 24px (dc satır 470); markup'taki
   `as-mt-22` utility'si 22px veriyordu → boşluk bileşen kuralına alındı. */
.asc-app[data-page="home"] .as-home-adv__text .as-btn {
  margin-top: 24px;
  padding: 0 22px;
  font-size: 15.5px;
  border-radius: var(--as-r-btn-lg);
}
.asc-app[data-page="home"] .as-home-adv__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: 20px;
}
.asc-app[data-page="home"] .as-home-adv__cards > * { min-width: 0; }
.asc-app[data-page="home"] .as-home-adv__card {
  padding: 26px 22px;
  border-color: var(--as-line);
  border-radius: 20px;
}
.asc-app[data-page="home"] .as-home-adv__card-title {
  margin-top: 16px;
  font-size: 1.0625rem;
  font-weight: 800;
  letter-spacing: -.01em;
}
.asc-app[data-page="home"] .as-home-adv__card-text {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--as-muted);
}
@media (max-width: 899.98px) {
  .asc-app[data-page="home"] .as-home-adv__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}

/* =========================================================================
   8) EĞİTİM VE KARİYER REHBERİ (blog) — tasarım satır 496–523
   ========================================================================= */
.asc-app[data-page="home"] .as-home-blog {
  /* Tasarımda bölümün üst boşluğu YOKTUR (dc satır 496 `padding:0 0 96px`):
     üst çizgi doğrudan başlığın üstünde durur, hava bir önceki bölümün
     96px alt boşluğundan gelir. */
  padding-top: 0;
  border-top: 1px solid var(--as-line);
  border-bottom: 1px solid var(--as-line-2);
}
.asc-app[data-page="home"] .as-home-blog__title {
  font-size: 2.1rem;
  line-height: 1.12;
  letter-spacing: -.025em;
}
/* Başlık bloğu — tasarım dc satır 498–502 (bkz. §3 aynı gerekçe; burada metin
   sütunu 520px ve başlık→spot metin arası 14px). */
.asc-app[data-page="home"] .as-home-blog .as-sec-head--row { gap: 32px; }
.asc-app[data-page="home"] .as-home-blog .as-sec-head__text {
  gap: 0;
  max-width: 520px;
}
.asc-app[data-page="home"] .as-home-blog .as-sec-head__text > p { margin-top: 14px; }
.asc-app[data-page="home"] .as-home-blog__all {
  height: 48px;
  padding: 0 20px;
  font-size: 15px;
}

/* --- Yazı kartının ana sayfaya özel kırpımı ------------------------------
   Paylaşılan `partials/blog-card.php` (asc.css §9.4) arşiv için tasarlandı;
   tasarımın ana sayfa kartı DAHA KISADIR (dc satır 507–519):
     · gövde 3 öğe: künye + H3 + "Yazıyı Oku"  → ÖZET PARAGRAFI YOK
       (canlıda 334×63px özet gövdeyi 156px yerine 216px, kartı 316 yerine 428px yapıyordu)
     · görsel SABİT 158px yükseklik — 16/9 oranı YOK (canlıda 374×210px)
     · kategori etiketi 99px hap (tasarım 72×25px), canlıda 8px dikdörtgen
   Kart şablonu başka ajanların dosyası olduğu için düzeltme burada, YALNIZCA
   ana sayfa bölümünde ve (0,4,x) özgüllükle yapılır; arşiv kartı etkilenmez. */
.asc-app[data-page="home"] .as-home-blog .as-post-card__excerpt { display: none; }
.asc-app[data-page="home"] .as-home-blog .as-post-card__media {
  aspect-ratio: auto;
  height: 158px;
}
.asc-app[data-page="home"] .as-home-blog .as-post-card__meta .as-badge {
  border-radius: var(--as-r-pill);
  line-height: 1.35;              /* 5+5 padding + 15.5 = 25px yükseklik */
}

/* =========================================================================
   9) SSS ÖZETİ — tasarım satır 525–550. Schema ÜRETMEZ (yalnızca /sss).
   ========================================================================= */
.asc-app[data-page="home"] .as-home-faq { border-top: 1px solid var(--as-line); }
.asc-app[data-page="home"] .as-home-faq__grid {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}
.asc-app[data-page="home"] .as-home-faq__grid > * { min-width: 0; }
.asc-app[data-page="home"] .as-home-faq__title {
  font-size: 2rem;
  line-height: 1.12;
  letter-spacing: -.025em;
}
.asc-app[data-page="home"] .as-home-faq__lead {
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--as-ink-2);
}
.asc-app[data-page="home"] .as-home-faq__lead strong { color: var(--as-navy); }
/* AA: bkz. .as-home-cert__link — --as-red beyazda 4.42:1 → red-hover. */
.asc-app[data-page="home"] .as-home-faq__link {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  min-height: var(--as-tap);
  margin-top: 14px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--as-red-hover);
}
.asc-app[data-page="home"] .as-home-faq__link:hover,
.asc-app[data-page="home"] .as-home-faq__link:focus-visible { color: var(--as-red-ink); }
.asc-app[data-page="home"] .as-home-faq__link--ink {
  margin-top: 6px;
  color: var(--as-navy-2);
}
.asc-app[data-page="home"] .as-home-faq__link--ink:hover,
.asc-app[data-page="home"] .as-home-faq__link--ink:focus-visible { color: var(--as-blue); }

/* Paylaşılan .as-accordion (flex kolon) burada ızgaraya çevrilir.
   align-items: start KULLANILMAZ — kutu yüksekliklerini eşitsizleştirir. */
.asc-app[data-page="home"] .as-home-faq__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}
.asc-app[data-page="home"] .as-home-faq__item { border-radius: 16px; }
.asc-app[data-page="home"] .as-home-faq__qh { margin: 0; font-size: inherit; font-weight: inherit; }
.asc-app[data-page="home"] .as-home-faq__q {
  padding: 18px;
  gap: 14px;
  align-items: center;
}
.asc-app[data-page="home"] .as-home-faq__qtext {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--as-navy);
  white-space: normal;
}
.asc-app[data-page="home"] .as-home-faq__q:hover .as-home-faq__qtext,
.asc-app[data-page="home"] .as-home-faq__q:focus-visible .as-home-faq__qtext { color: var(--as-blue); }
.asc-app[data-page="home"] .as-home-faq__ico {
  width: 28px;
  height: 28px;
  background: var(--as-tint);
  color: var(--as-blue);
  transform: none;
}
/* Artı → eksi: dikey çubuk sönümlenir (yalnızca opacity animasyonu). */
.asc-app[data-page="home"] .as-home-faq__bar {
  opacity: 1;
  transition: opacity var(--as-t-fast) var(--as-ease);
}
.asc-app[data-page="home"] .as-home-faq__item.is-open .as-home-faq__ico { transform: none; }
.asc-app[data-page="home"] .as-home-faq__item.is-open .as-home-faq__bar { opacity: 0; }

.asc-app[data-page="home"] .as-home-faq__a {
  padding: 0 18px 18px;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--as-ink-2);
}
.asc-app[data-page="home"] .as-home-faq__a p + p { margin-top: .8em; }

@media (max-width: 899.98px) {
  .asc-app[data-page="home"] .as-home-faq__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
}

/* =========================================================================
   10) KAPANIŞ CTA — tasarım satır 552–567
   Tam taşma görsel bandı; iç metin bloğu 96/96 ritmi taşır.
   Geniş ekranda YATAY beyaz degrade (sol %78); dar ekranda DİKEY degrade
   (görsel alt bantta görünür kalır).
   ========================================================================= */
.asc-app[data-page="home"] .as-home-cta__panel {
  position: relative;
  overflow: hidden;
  background: var(--as-navy);
}
.asc-app[data-page="home"] .as-home-cta__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 78% 50%;
  display: block;
}
.asc-app[data-page="home"] .as-home-cta__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(255, 255, 255, .98) 0%,
    rgba(255, 255, 255, .95) 46%,
    rgba(255, 255, 255, 0) 78%);
  pointer-events: none;
}
.asc-app[data-page="home"] .as-home-cta__in { position: relative; }
/* İçerik sütununun dikey boşluğu tasarımda 110px'tir (dc satır 557), sayfanın
   96px'lik taban ritmi DEĞİL → panel 447 yerine 479px yüksekliğe çıkar. */
.asc-app[data-page="home"] .as-home-cta__text {
  max-width: 520px;
  padding-block: 110px;
}
.asc-app[data-page="home"] .as-home-cta__title {
  font-size: clamp(2rem, 3vw, 2.9rem);
  line-height: 1.1;
  letter-spacing: -.03em;
}
.asc-app[data-page="home"] .as-home-cta__lead {
  margin-top: 18px;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--as-ink-2);
}
/* Buton satırı: tasarım 32px (dc satır 560); markup'taki `as-mt-28` 28px veriyordu. */
.asc-app[data-page="home"] .as-home-cta__actions { margin-top: 32px; gap: 14px; }
.asc-app[data-page="home"] .as-home-cta__actions .as-btn {
  font-size: 16px;
  border-radius: var(--as-r-btn-lg);
}
.asc-app[data-page="home"] .as-home-cta__second {
  height: var(--as-btn-h);
  padding: 0 22px;
}

@media (max-width: 899.98px) {
  .asc-app[data-page="home"] .as-home-cta__veil {
    background: linear-gradient(180deg,
      rgba(255, 255, 255, .98) 0%,
      rgba(255, 255, 255, .95) 48%,
      rgba(255, 255, 255, 0) 100%);
  }
  .asc-app[data-page="home"] .as-home-cta__text {
    max-width: none;
    padding-block: var(--as-section-y) 230px;
  }
}