/*!
 * LIMITSIZ Eğitim — Ana Sayfa ([limitsiz_home]) sayfaya özel stiller.
 *
 * Kaynak: dc-preview/Limitsiz Egitim Ana Sayfa.dc.html — inline stil değerleri
 * (renderVals() dâhil) BİREBİR taşındı; tahmin edilen ölçü/renk yoktur.
 *
 * Bu dosya paylaşılan limitsiz.css'ten SONRA yüklenir; ortak bileşenleri
 * (.le-panel/.le-btn/.le-edv/.le-icobox/.le-grid) yeniden üretmez, yalnız
 * ana sayfaya özel bileşenleri ve tasarımın ince ayarlarını ekler.
 *
 * SIRA:  1) Hero + arama + güven şeridi      6) E-Devlet bölümü
 *        2) Bölüm başlığı (ortak)            7) Neden Limitsiz (koyu + özellikler)
 *        3) Kategori kartları                8) SSS (kendi bölümü)
 *        4) Öne çıkan eğitimler (8 kart)    8b) Son Yazılar (kendi bölümü, 3'lü ızgara)
 *        5) Eğitim yolu + süreç adımları     9) Kapanış CTA bandı
 *                                           10) Dar ekran · 11) Elementor armor
 *                                           12) Kart kırpması · 13) Google yorumları
 *
 * ÖNEK: değişken --le-* · sınıf .le-* · kanca data-le-* · durum .is-*
 */

/* =============================================================================
 * 0) ORTAK — çapa ofseti + tint bölüm sınırları
 * ========================================================================== */
.limitsiz-app .le-home-anchor{scroll-margin-top:100px}

/* Tasarımda tint bölümler önceki bölümden clamp(56px,7vw,96px) ile ayrılır
   (önceki bölüm yalnız üst dolguya sahiptir → aradaki boşluğu bu margin verir). */
.limitsiz-app .le-home-steps,
.limitsiz-app .le-home-sss{
  margin-top:var(--le-section);
  border-top:1px solid var(--le-border);
  border-bottom:1px solid var(--le-border);
}

/* =============================================================================
 * 1) HERO
 * ========================================================================== */
.limitsiz-app .le-home-hero__panel{overflow:hidden}

.limitsiz-app .le-home-hero__glow--a{
  top:-120px;left:-90px;width:360px;height:360px;
  background:radial-gradient(circle,rgba(58,35,128,.14),rgba(58,35,128,0) 70%);
}
.limitsiz-app .le-home-hero__glow--b{
  bottom:-140px;left:26%;width:320px;height:320px;
  background:radial-gradient(circle,rgba(255,98,93,.12),rgba(255,98,93,0) 70%);
}

.limitsiz-app .le-home-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));
  align-items:stretch;
}
.limitsiz-app .le-home-hero__grid>*{min-width:0}

.limitsiz-app .le-home-hero__col{
  padding:clamp(28px,4vw,64px);
  display:flex;flex-direction:column;justify-content:center;
  max-width:680px;z-index:2;
}

.limitsiz-app .le-home-hero__badge{
  display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  padding:8px 14px;border-radius:var(--le-r-pill);
  background:#fff;border:1px solid var(--le-border);
  font-size:13px;font-weight:600;color:var(--le-brand-700);letter-spacing:.01em;
}

.limitsiz-app .le-home-hero__title{
  margin:20px 0 0;
  font-size:clamp(38px,4.1vw,56px);line-height:1.08;letter-spacing:-.02em;
  max-width:14ch;
}
.limitsiz-app .le-home-hero__mark{
  position:relative;
  box-shadow:inset 0 -.16em 0 rgba(217,58,52,.24);
}
.limitsiz-app .le-home-hero__lead{margin:18px 0 0}

/* --- 1a) Hero araması (motor: assets/js/limitsiz-arama.js) ---------------- */
.limitsiz-app .le-home-search{position:relative;margin:26px 0 0;max-width:560px;z-index:3}
.limitsiz-app .le-home-search__label{
  display:block;font-size:13px;font-weight:600;color:var(--le-brand-700);margin-bottom:8px;
}
.limitsiz-app .le-home-search__field{
  display:flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--le-border);border-radius:16px;padding:8px;
  box-shadow:var(--le-sh-soft);
}
.limitsiz-app .le-home-search__field:focus-within{border-color:var(--le-brand-700)}
.limitsiz-app .le-home-search__ico{
  margin-left:10px;flex:0 0 auto;display:grid;place-items:center;color:var(--le-muted);
}
.limitsiz-app .le-home-search__input{
  flex:1 1 auto;min-width:0;height:48px;
  border:0;outline:none;background:transparent;padding:0;
  font-size:16px;color:var(--le-ink);
}
.limitsiz-app .le-home-search__input::placeholder{color:var(--le-muted);opacity:1}
.limitsiz-app .le-home-search__clear{
  flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;
  border:0;background:transparent;border-radius:var(--le-r-btn);color:var(--le-muted);cursor:pointer;
}
.limitsiz-app .le-home-search__go{
  flex:0 0 auto;display:inline-flex;align-items:center;
  height:48px;padding:0 20px;border:0;border-radius:var(--le-r-btn);
  background:var(--le-brand-900);color:#fff;font-size:15px;font-weight:700;cursor:pointer;
}

/* Sonuç paneli — kutu görünümü DURUM kaplarındadır: hepsi [hidden] iken
   (boşta) ekranda hiçbir kutu kalmaz; ayrı bir "idle" kabı yoktur. */
.limitsiz-app .le-home-search__panel{
  position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:20;
}
.limitsiz-app .le-home-search__state{
  background:#fff;border:1px solid var(--le-border);border-radius:18px;
  box-shadow:0 24px 60px rgba(26,0,87,.18);
  padding:10px;max-height:min(58vh,420px);overflow:auto;
}
.limitsiz-app .le-home-search__skelrow{display:flex;gap:12px;align-items:center;padding:8px}
.limitsiz-app .le-home-search__skelthumb{width:46px;height:46px;border-radius:12px;flex:0 0 auto}
.limitsiz-app .le-home-search__skeltext{flex:1 1 auto;min-width:0}
.limitsiz-app .le-home-search__items{display:flex;flex-direction:column;gap:4px}

/* Motorun ürettiği satırlar (.le-hsearch__opt) tasarım ölçülerine getirilir. */
.limitsiz-app .le-home-search__items .le-hsearch__opt{
  display:flex;align-items:center;gap:12px;min-height:0;
  padding:10px;border:1px solid transparent;border-radius:12px;
  background:#fff;color:var(--le-ink);
}
.limitsiz-app .le-home-search__items .le-hsearch__opt:hover,
.limitsiz-app .le-home-search__items .le-hsearch__opt.is-active{
  background:var(--le-surface);border-color:var(--le-border-strong);
}
.limitsiz-app .le-home-search__items .le-hsearch__thumb{
  width:46px;height:46px;flex:0 0 auto;border:0;border-radius:12px;
  overflow:hidden;background:var(--le-surface-2);
}
/* Tasarım sırası: önce kategori, altında eğitim adı (motor ters basar). */
.limitsiz-app .le-home-search__items .le-hsearch__opt>span:last-child{
  display:flex;flex-direction:column-reverse;min-width:0;flex:1 1 auto;
}
.limitsiz-app .le-home-search__items .le-hsearch__cat{
  margin:0;font-size:12px;font-weight:700;color:var(--le-brand-700);
}
.limitsiz-app .le-home-search__items .le-hsearch__name{
  margin-top:2px;font-size:15px;font-weight:700;color:var(--le-ink);line-height:1.35;
}
.limitsiz-app .le-home-search__all{border-top:1px solid var(--le-surface-2);margin-top:4px}
.limitsiz-app .le-home-search__msg{padding:18px 14px;text-align:center}
.limitsiz-app .le-home-search__msg strong{
  display:block;font-size:15px;font-weight:700;color:var(--le-brand-900);
}
.limitsiz-app .le-home-search__err{color:var(--le-error)}
.limitsiz-app .le-home-search__msg p{
  margin:6px auto 0;font-size:14px;line-height:1.6;color:var(--le-muted);max-width:40ch;
}
.limitsiz-app .le-home-search__msgcta{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px;
}

/* --- 1b) Hero CTA + güven listesi ----------------------------------------- */
.limitsiz-app .le-home-hero__cta{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.limitsiz-app .le-home-hero__wa{
  background:#fff;border:1px solid var(--le-border);color:var(--le-brand-900);padding:0 24px;
}
.limitsiz-app .le-home-hero__wa:hover,
.limitsiz-app .le-home-hero__wa:focus-visible{
  background:#fff;border-color:var(--le-brand-700);color:var(--le-brand-900);
}

.limitsiz-app .le-home-hero__trust{
  margin:26px 0 0;padding:20px 0 0;
  border-top:1px solid rgba(58,35,128,.13);
  display:flex;flex-wrap:wrap;gap:14px 28px;
}
.limitsiz-app .le-home-hero__trust-item{
  display:flex;align-items:center;gap:10px;
  font-size:14px;font-weight:600;color:var(--le-ink-soft);
}
.limitsiz-app .le-home-hero__trust-item svg{flex:0 0 auto;color:var(--le-brand-700)}

/* --- 1c) Hero görseli + yüzen kart ---------------------------------------- */
.limitsiz-app .le-home-hero__media{position:relative;min-height:clamp(320px,34vw,520px)}
.limitsiz-app .le-home-hero__media img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:78% 50%;
}
.limitsiz-app .le-home-hero__shade{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(242,240,250,.92) 0%,rgba(242,240,250,.28) 26%,rgba(242,240,250,0) 52%),
    linear-gradient(0deg,rgba(26,0,87,.22),rgba(26,0,87,0) 42%);
}
.limitsiz-app .le-home-hero__float{
  position:absolute;left:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.96);border:1px solid var(--le-border);
  border-radius:var(--le-r-card-sm);padding:14px 18px;
  box-shadow:var(--le-sh-hover);
}
.limitsiz-app .le-home-hero__float-ico{
  width:40px;height:40px;flex:0 0 auto;border-radius:12px;
  background:var(--le-surface-2);display:grid;place-items:center;color:var(--le-brand-700);
}
.limitsiz-app .le-home-hero__float-body{display:block;min-width:0}
.limitsiz-app .le-home-hero__float-t{
  display:block;font-size:17px;font-weight:800;color:var(--le-brand-900);line-height:1.2;
}
.limitsiz-app .le-home-hero__float-s{
  display:block;font-size:13px;color:var(--le-muted);line-height:1.3;
}

/* --- 1d) Güven şeridi — 4 hücreli KART ızgarası ---------------------------
 * REVİZYON (2026-08-10, kullanıcı isteği): tasarımdaki "ince ayraçlı tek şerit"
 * zayıf duruyordu. Aynı DÖRT ifade kalır (sayısal iddia EKLENMEZ), sunum
 * güçlenir:
 *   • Ayraç yerine KART: her hücre kendi yüzeyi (--le-surface-2 ikon kutusu,
 *     --le-r-card köşe, --le-sh-soft gölge) → net ızgara hissi.
 *   • HİYERARŞİ: ikon kutusu 48px tinted yüzey + üstte 3px marka aksan çizgisi;
 *     başlık 20/22px 800 brand-900; açıklama 13.5px muted. İkon ile tipografi
 *     arasındaki ilişki dikey (üstte ikon, altta metin) — okuma sırası netleşir.
 *   • DİKEY RİTİM: ikon→başlık 16px, başlık→açıklama 5px, iç dolgu 20–26px.
 *   • KIRILIM: <1024px 2×2 (mobilde dört uzun satır olmasın), ≥1024px 4 sütun.
 * -------------------------------------------------------------------------- */
.limitsiz-app .le-home-metrics{position:relative;margin-top:clamp(-28px,-2vw,-12px);z-index:2}
.limitsiz-app .le-home-metrics__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));   /* mobil/tablet 2×2 */
  gap:clamp(10px,1.1vw,16px);
  background:none;border:0;border-radius:0;box-shadow:none;padding:0;
}
.limitsiz-app .le-home-metrics__cell{
  position:relative;overflow:hidden;min-width:0;
  background:#fff;
  border:1px solid var(--le-border);
  border-radius:var(--le-r-card);
  box-shadow:var(--le-sh-soft);
  padding:clamp(18px,1.9vw,24px) clamp(16px,1.7vw,22px);
  display:flex;flex-direction:column;align-items:flex-start;gap:0;
}
/* Üst aksan çizgisi — kartlara "kurumsal şerit" hissi verir (ek işaretleme yok). */
.limitsiz-app .le-home-metrics__cell::before{
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--le-brand-700),rgba(58,35,128,.12));
}
.limitsiz-app .le-home-metrics__ico{
  width:48px;height:48px;flex:0 0 auto;border-radius:var(--le-r-ico);
  background:var(--le-surface-2);border:1px solid var(--le-border);
  display:grid;place-items:center;color:var(--le-brand-700);
  margin-bottom:16px;
}
.limitsiz-app .le-home-metrics__body{display:block;min-width:0}
.limitsiz-app .le-home-metrics__v{
  display:block;font-size:clamp(19px,1.6vw,22px);font-weight:800;
  color:var(--le-brand-900);line-height:1.18;letter-spacing:-.01em;
}
.limitsiz-app .le-home-metrics__l{
  display:block;margin-top:5px;
  font-size:13.5px;color:var(--le-muted);line-height:1.45;
}
/* ≥1024px: dört kart tek sırada. */
@media (min-width:1024px){
  .limitsiz-app .le-home-metrics__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* =============================================================================
 * 2) BÖLÜM BAŞLIĞI — sol metin bloğu + sağdaki "tümünü gör" bağlantısı
 * ========================================================================== */
.limitsiz-app .le-home-head{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;
  margin-bottom:clamp(24px,3vw,36px);
}
.limitsiz-app .le-home-head__in{flex:1 1 420px;min-width:0}
.limitsiz-app .le-home-head__p{
  margin:12px 0 0;font-size:17px;line-height:1.6;color:var(--le-muted);max-width:60ch;
}

/* =============================================================================
 * 3) KATEGORİ KARTLARI — tasarımın ikon kutusu yerine gerçek kategori kapağı
 * ========================================================================== */
.limitsiz-app .le-home-cats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(168px,100%),1fr));
  gap:clamp(12px,1.4vw,18px);
}
.limitsiz-app .le-home-cats>*{min-width:0}
.limitsiz-app .le-cat-card{
  display:flex;flex-direction:column;gap:12px;
  padding:22px 20px;border-radius:var(--le-r-card-sm);
  border:1px solid var(--le-border);background:#fff;
  transition:transform var(--le-t-card) var(--le-ease),box-shadow var(--le-t-card) ease,border-color var(--le-t-card) ease;
}
.limitsiz-app .le-cat-card:hover,
.limitsiz-app .le-cat-card:focus-visible{
  border-color:var(--le-border-strong);box-shadow:var(--le-sh-hover);transform:translateY(-4px);
}
/* Tasarım: width:46px;height:46px;border-radius:14px;background:#F2F0FA;
   display:grid;place-items:center — içinde tek renkli çizgi ikon (stroke #3A2380). */
.limitsiz-app .le-cat-card__thumb{
  width:46px;height:46px;flex:0 0 auto;border-radius:14px;
  background:var(--le-surface-2);display:grid;place-items:center;
  color:var(--le-brand-700);
}
.limitsiz-app .le-cat-card__thumb svg{width:22px;height:22px;display:block}
.limitsiz-app .le-cat-card__name{
  margin:0;font-size:16px;font-weight:700;color:var(--le-ink);line-height:1.3;
}
.limitsiz-app .le-cat-card__foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:6px;
}
.limitsiz-app .le-cat-card__count{font-size:13px;color:var(--le-muted)}
.limitsiz-app .le-cat-card__foot svg{color:#b6aed2}

/* =============================================================================
 * 4) ÖNE ÇIKAN EĞİTİMLER — 8 kart · SABİT sütun sayısı
 *
 * REVİZYON (2026-08-11, kullanıcı isteği): bölüm 4 karttan 8 karta çıktı ve
 * masaüstünde 4 SÜTUN olacak (2 tam sıra).
 *
 * ⚠ auto-fit KULLANILMIYOR. Ortak `.le-grid` kuralı
 * `repeat(auto-fit,minmax(min(--le-col,100%),1fr))` ile çalışır; bu projede o
 * matematik daha önce 1440px'te 3 yerine 2 sütun üretmişti (aynı hata
 * .le-home-paths__grid'de de yaşandı, §5a notu). Bu yüzden sütun sayısı
 * kırılım kırılım AÇIKÇA bildirilir — özgüllük (0,3,0) > `.le-grid` (0,2,0):
 *      <600px 1 · 600–899px 2 · 900–1199px 3 · ≥1200px 4
 * `minmax(0,1fr)` + `>*{min-width:0}` (ortak katmanda var) → dar ekranda
 * kartın min-content'i track'i aşamaz, yatay kaydırma oluşmaz.
 *
 * ÜRÜN 8'DEN AZSA: sütun sayısı sabit olduğu için kartlar soldan hizalı ve
 * eşit genişlikte kalır (auto-fit'teki "kalan hücreleri şişir" davranışı yok);
 * eksik hücre boş bırakılır, yamuk ızgara oluşmaz.
 * ========================================================================== */
.limitsiz-app[data-page="home"] .le-home-courses{
  --le-gap:clamp(16px,1.6vw,22px);
  grid-template-columns:minmax(0,1fr);
}
@media (min-width:600px){
  .limitsiz-app[data-page="home"] .le-home-courses{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .limitsiz-app[data-page="home"] .le-home-courses{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1200px){
  .limitsiz-app[data-page="home"] .le-home-courses{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* --- 4a) 4 sütunda kart içi (kartın KENDİSİNE dokunulmadan) ----------------
 * ÖLÇÜLDÜ (1440px viewport): kap 1240 − 2×24 gutter = 1192px, gap 22px →
 * sütun (1192 − 3×22)/4 = 281,5px; kart gövdesi 20px dolguyla 241,5px.
 * Alt satır ihtiyacı ≈ "Eğitimi İncele" 141px + WhatsApp 131px + 10px gap
 * = 282px > 241,5px → İKİ BUTON ALT ALTA DÜŞER. Bu kartın kendi davranışıdır
 * (`.le-card__foot{flex-wrap:wrap}` + butonlarda `flex:1 0 auto`): sarınca
 * ikisi de tam genişlik olur, dokunma hedefi 44px korunur. Büzüştürmek yerine
 * sarmasına izin verildi — 3 sütunda (kart gövdesi ≈331px) yan yana kalırlar.
 *
 * Kartların EŞİT YÜKSEKLİĞİ: `.le-grid` item'ları stretch, `.le-card` flex
 * sütun ve `.le-card__foot{margin-top:auto}` → alt satırlar hizalı kalır.
 * Değişken tek şey başlık satır sayısıydı → çok sütunlu kırılımlarda 2 satıra
 * kırpılır (tek sütunda kırpma YOK: mobilde uzun eğitim adı kesilmesin).
 * ------------------------------------------------------------------------- */
@media (min-width:600px){
  .limitsiz-app[data-page="home"] .le-home-courses .le-course-card__title{
    display:-webkit-box;-webkit-box-orient:vertical;
    -webkit-line-clamp:2;line-clamp:2;overflow:hidden;
  }
}
/* 4 sütunda kart daralır: gövde dolgusu/tipografi bir tık sıkılaşır. */
@media (min-width:1200px){
  .limitsiz-app[data-page="home"] .le-home-courses .le-card__body{padding:18px;gap:9px}
  .limitsiz-app[data-page="home"] .le-home-courses .le-course-card__title{font-size:16.5px}
  .limitsiz-app[data-page="home"] .le-home-courses .le-card__foot{padding-top:10px}
  .limitsiz-app[data-page="home"] .le-home-courses .le-btn--sm{padding:0 14px}
}

/* =============================================================================
 * 5a) HEDEFİNE GÖRE EĞİTİM YOLU
 * ========================================================================== */
.limitsiz-app .le-home-paths{display:flex;flex-wrap:wrap;gap:clamp(16px,1.8vw,24px)}
.limitsiz-app .le-home-paths__intro{
  flex:1 1 300px;min-width:0;
  border-radius:20px;padding:clamp(26px,2.6vw,36px);
  background:linear-gradient(160deg,#1A0057 0%,#3A2380 100%);
  color:#fff;display:flex;flex-direction:column;justify-content:center;
}
.limitsiz-app .le-home-paths__h{
  font-size:clamp(26px,2.5vw,34px);line-height:1.22;color:#fff;
}
.limitsiz-app .le-home-paths__p{
  margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.78);
}
.limitsiz-app .le-home-paths__cta{
  margin-top:24px;align-self:flex-start;height:48px;padding:0 22px;border-radius:var(--le-r-btn);
}
/* 6 kart (2026-08-10 revizyonu). auto-fit BIRAKILDI: kap genişliğine göre
   3+1 / 3+3 arası oynuyordu; sütun sayısı artık AÇIKÇA bildirilir →
   <640px 1 sütun · 640–1199px 2 sütun · ≥1200px 3 sütun (yani 3+3). */
.limitsiz-app .le-home-paths__grid{
  flex:3 1 520px;min-width:0;
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:clamp(12px,1.4vw,18px);
}
.limitsiz-app .le-home-paths__grid>*{min-width:0}
@media (min-width:640px){
  .limitsiz-app .le-home-paths__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1200px){
  .limitsiz-app .le-home-paths__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.limitsiz-app .le-path-card{
  display:flex;flex-direction:column;gap:12px;
  padding:24px 20px;border-radius:var(--le-r-card);
  border:1px solid var(--le-border);background:var(--le-surface);
  transition:background .2s ease,border-color .2s ease,transform var(--le-t-card) var(--le-ease);
}
.limitsiz-app .le-path-card:hover,
.limitsiz-app .le-path-card:focus-visible{
  background:#fff;border-color:var(--le-border-strong);transform:translateY(-3px);
}
.limitsiz-app .le-path-card__t{
  margin:0;font-size:17px;font-weight:700;color:var(--le-ink);line-height:1.3;
}
.limitsiz-app .le-path-card__d{
  display:block;font-size:14px;line-height:1.55;color:var(--le-muted);
}
.limitsiz-app .le-path-card__more{
  display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;
  font-size:14px;font-weight:700;color:var(--le-brand-700);
}

/* =============================================================================
 * 5b) SERTİFİKA SÜRECİ ADIMLARI
 * ========================================================================== */
.limitsiz-app .le-home-steps__head{max-width:640px;margin:0 auto clamp(32px,3.6vw,48px)}
.limitsiz-app .le-home-steps__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));
  gap:clamp(14px,1.6vw,20px);
}
.limitsiz-app .le-home-steps__grid>*{min-width:0}
.limitsiz-app .le-step-card{
  position:relative;background:#fff;border:1px solid var(--le-border);
  border-radius:var(--le-r-card);padding:26px 22px;
  display:flex;flex-direction:column;gap:12px;
}
.limitsiz-app .le-step-card__arrow{
  display:none;
  position:absolute;top:44px;right:-26px;z-index:2;
  width:32px;height:32px;border-radius:50%;
  background:#fff;border:1px solid var(--le-border);
  place-items:center;color:var(--le-brand-700);
}
/* Ok bağlayıcısı yalnız ızgara kesin 4 sütunken (≥1200px) görünür — dar
   ekranda satır sonuna düşüp yatay taşma yaratmasın. */
@media (min-width:1200px){
  .limitsiz-app .le-step-card:not(:last-child) .le-step-card__arrow{display:grid}
}
.limitsiz-app .le-step-card__no{
  position:absolute;top:14px;right:18px;
  font-size:56px;font-weight:800;color:#F4F2FB;letter-spacing:-.04em;line-height:1;
}
.limitsiz-app .le-step-card__ico{
  width:48px;height:48px;flex:0 0 auto;border-radius:var(--le-r-ico);
  background:var(--le-surface-3);display:grid;place-items:center;color:var(--le-brand-700);
}
.limitsiz-app .le-step-card__t{margin:0;font-size:18px;font-weight:700;color:var(--le-ink)}
.limitsiz-app .le-step-card__d{margin:0;font-size:14px;line-height:1.6;color:var(--le-muted)}
.limitsiz-app .le-home-steps__foot{margin:clamp(20px,2.4vw,28px) 0 0;text-align:center}

/* =============================================================================
 * 6) e-DEVLET'TE SORGULANABİLİR SERTİFİKA
 * ========================================================================== */
.limitsiz-app .le-home-edv{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));
}
.limitsiz-app .le-home-edv>*{min-width:0}
.limitsiz-app .le-home-edv__body{
  padding:clamp(28px,3.4vw,52px);
  display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8F7FC 100%);
}
.limitsiz-app .le-home-edv__body .le-h2{font-size:clamp(26px,2.6vw,36px);line-height:1.22}
.limitsiz-app .le-home-edv__p{
  margin:16px 0 0;font-size:16px;line-height:1.68;color:var(--le-muted);max-width:56ch;
}
.limitsiz-app .le-home-edv__list{
  margin:22px 0 0;display:flex;flex-direction:column;gap:12px;
}
.limitsiz-app .le-home-edv__li{
  display:flex;align-items:center;gap:12px;
  font-size:15px;font-weight:600;color:var(--le-ink);
}
.limitsiz-app .le-home-edv__li svg{flex:0 0 auto;color:var(--le-success)}
.limitsiz-app .le-home-edv__note{
  margin:24px 0 0;padding:14px 16px;border-radius:var(--le-r-btn);
  background:var(--le-surface-2);border:1px solid var(--le-border);
  font-size:13px;line-height:1.55;color:var(--le-muted);
}
.limitsiz-app .le-home-edv__media{position:relative;min-height:clamp(300px,30vw,460px)}
.limitsiz-app .le-home-edv__media>picture>img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:68% 50%;
}
/* Tasarımdaki E-Devlet kartı: beyaz zemin, 2px resmi kırmızı çerçeve.
   (Sınıf/token adları --le-edevlet / .le-edv* BİLEREK küçük harfle kalır.) */
.limitsiz-app .le-home-edv__card{
  position:absolute;left:clamp(16px,2vw,28px);top:50%;transform:translateY(-50%);
  flex-wrap:nowrap;gap:14px;
  max-width:min(300px,calc(100% - 2 * clamp(16px,2vw,28px)));
  background:#fff;border-radius:var(--le-r-card);padding:18px 20px;
  box-shadow:0 18px 44px rgba(225,10,23,.20);
}
.limitsiz-app .le-home-edv__mark{
  width:auto;height:auto;background:none;border:0;border-radius:0;display:block;
}
.limitsiz-app .le-home-edv__mark img{width:52px;height:39px}
.limitsiz-app .le-home-edv__card-t{font-size:17px;line-height:1.25}
.limitsiz-app .le-home-edv__card-s{
  margin-top:3px;font-size:13px;line-height:1.4;color:var(--le-muted);
}

/* =============================================================================
 * 7) NEDEN LİMİTSİZ — koyu tanıtım paneli + 5 özellik kartı
 * ========================================================================== */
.limitsiz-app .le-home-why{display:flex;flex-wrap:wrap;gap:clamp(16px,1.8vw,24px);align-items:stretch}
.limitsiz-app .le-home-why__intro{
  flex:1 1 300px;min-width:0;position:relative;overflow:hidden;
  border-radius:22px;padding:clamp(28px,2.8vw,38px);
  background:linear-gradient(155deg,#1A0057 0%,#3A2380 100%);
  color:#fff;display:flex;flex-direction:column;justify-content:center;
}
.limitsiz-app .le-home-why__glow{
  right:-70px;top:-70px;width:240px;height:240px;
  background:radial-gradient(circle,rgba(217,58,52,.34),rgba(217,58,52,0) 68%);
}
.limitsiz-app .le-home-why__dots{
  position:absolute;right:24px;bottom:20px;width:150px;height:80px;opacity:.18;
  background-image:radial-gradient(#fff 1.5px,transparent 1.6px);background-size:14px 14px;
  pointer-events:none;
}
.limitsiz-app .le-home-why__eyebrow{position:relative;color:#FF9F9B;margin-bottom:14px}
.limitsiz-app .le-home-why__h{position:relative;font-size:clamp(26px,2.5vw,34px);line-height:1.2;color:#fff}
.limitsiz-app .le-home-why__p{
  position:relative;margin:14px 0 0;
  font-size:16px;line-height:1.7;color:rgba(255,255,255,.8);max-width:38ch;
}
.limitsiz-app .le-home-why__cta{
  position:relative;margin-top:24px;align-self:flex-start;
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  font-size:15px;font-weight:700;color:var(--le-accent-dark-bg);
  transition:color var(--le-t-color) ease;
}
.limitsiz-app .le-home-why__cta:hover,
.limitsiz-app .le-home-why__cta:focus-visible{color:#fff}

.limitsiz-app .le-home-why__grid{
  flex:2 1 520px;min-width:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
  gap:clamp(12px,1.4vw,18px);
}
.limitsiz-app .le-home-why__grid>*{min-width:0}
.limitsiz-app .le-feat-card{
  padding:24px 20px;border-radius:var(--le-r-card-sm);
  border:1px solid var(--le-border);background:#fff;
  display:flex;flex-direction:column;gap:12px;
  transition:border-color var(--le-t-card) ease,box-shadow var(--le-t-card) ease;
}
.limitsiz-app .le-feat-card:hover{
  border-color:var(--le-border-strong);box-shadow:0 16px 42px rgba(26,0,87,.10);
}
.limitsiz-app .le-feat-card__ico{width:44px;height:44px}
.limitsiz-app .le-feat-card__t{
  margin:0;font-size:16px;font-weight:700;color:var(--le-ink);line-height:1.32;
}
.limitsiz-app .le-feat-card__d{margin:0;font-size:14px;line-height:1.58;color:var(--le-muted)}

/* =============================================================================
 * 8) SIK SORULAN SORULAR — kendi bölümü (tam genişlik tint şerit)
 *
 * REVİZYON (2026-08-11, kullanıcı isteği): SSS ile Son Yazılar tek bir iki
 * sütunlu bölümdü; ayrıldılar. Bölümün KENDİSİ tam genişliktedir (tint zemin
 * kenardan kenara), İÇERİK ise 920px'lik ortalanmış tek sütunda akar:
 *   • 1192px'lik kaba yayılan tek sütunlu akordiyon hem satır uzunluğu
 *     (okunabilirlik) hem de 20px dolguya karşı çok geniş bir tıklama şeridi
 *     üretiyordu;
 *   • İKİ SÜTUNLU akordiyon ızgarası bilerek YAPILMADI: `<details name>` ile
 *     aynı anda tek soru açık kalıyor, bir soru açılınca satırdaki komşu kutu
 *     da uzuyor (bilinen "SSS kutuları farklı boyutta" tuzağı).
 * Akordiyon davranışı (native <details>, tek açık soru, #sss çapası) AYNEN
 * korunmuştur.
 * ========================================================================== */
.limitsiz-app .le-home-sss__in{max-width:920px;margin-inline:auto}
.limitsiz-app .le-home-faq__head{margin-bottom:clamp(24px,3vw,36px)}
.limitsiz-app .le-home-faq{display:flex;flex-direction:column;gap:12px}
.limitsiz-app .le-home-faq__foot{margin:clamp(18px,2.2vw,24px) 0 0;text-align:center}

/* Akordiyon: native <details>; JS gerekmez, hepsi KAPALI başlar.
   `align-self` KULLANILMAZ (kutu yüksekliği eşitsizliğini o yaratır). */
.limitsiz-app .le-faq-item{
  border:1px solid var(--le-border);border-radius:var(--le-r-card-sm);
  background:#fff;overflow:hidden;
}
.limitsiz-app .le-faq-item__q{
  display:flex;align-items:center;gap:16px;
  padding:20px;min-height:56px;cursor:pointer;list-style:none;
  font-size:16px;font-weight:700;color:var(--le-ink);line-height:1.4;text-align:left;
}
.limitsiz-app .le-faq-item__q::-webkit-details-marker{display:none}
.limitsiz-app .le-faq-item__qt{flex:1 1 auto;min-width:0}
.limitsiz-app .le-faq-item__chev{
  flex:0 0 auto;width:32px;height:32px;border-radius:10px;
  background:var(--le-surface-2);display:grid;place-items:center;color:var(--le-brand-700);
}
.limitsiz-app .le-faq-item__chev svg{transition:transform .22s var(--le-ease)}
.limitsiz-app .le-faq-item[open] .le-faq-item__chev svg{transform:rotate(180deg)}
.limitsiz-app .le-faq-item__a{
  margin:0;padding:0 20px 22px;
  font-size:15px;line-height:1.68;color:var(--le-muted);max-width:66ch;
}
.limitsiz-app .le-home-faq__all{margin-top:0}

/* =============================================================================
 * 8b) SON YAZILAR — kendi bölümü, 3'lü kart ızgarası
 *
 * KART: paylaşılan partials/blog-card.php (.le-post-card, çekirdek kuralları
 * limitsiz.css §7b). Bu bölüm o bileşeni YENİDEN KULLANIR — kapak oranı,
 * width/height'lı <img>, lazy yükleme, kategori etiketi ve hover yükselmesi
 * zaten orada ölçülerek kurulu. Buradaki kurallar YALNIZ ızgara ve iki satır
 * kırpması; `.le-post-card` çekirdeğine DOKUNULMAZ (blog/post sayfaları da
 * aynı bileşeni kullanıyor).
 *
 * ZEMİN RİTMİ: bölüm `--flush-bottom` (yalnız üst dolgu). Üstündeki tint SSS
 * ile arasını bu üst dolgu, altındaki kapanış CTA'sı ile arasını CTA'nın üst
 * dolgusu verir → çift boşluk yok, tint şerit tek bölümde kalır.
 * ========================================================================== */
/* 8b.1) SABİT sütun sayısı (auto-fit yok): <640px 1 · 640–999px 2 · ≥1000px 3. */
.limitsiz-app .le-home-blog__grid{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:clamp(16px,1.8vw,24px);
}
.limitsiz-app .le-home-blog__grid>*{min-width:0}
@media (min-width:640px){
  .limitsiz-app .le-home-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1000px){
  .limitsiz-app .le-home-blog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* 8b.2) Bu bölüme özel kırpma: başlık ve özet 2 satır → üç kart aynı ritimde
 *     durur. (Kart yükseklikleri zaten `.le-post-card__meta{margin-top:auto}`
 *     ile alttan hizalı; kırpma üst blokların dalgalanmasını engeller.) */
.limitsiz-app[data-page="home"] .le-home-blog .le-post-card__title,
.limitsiz-app[data-page="home"] .le-home-blog .le-post-card__excerpt{
  display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;line-clamp:2;overflow:hidden;
}

/* 8b.3) Izgaranın altındaki "Tüm blog yazılarını görüntüle" bağlantısı —
 *     sayfadaki diğer "tümünü gör" bağlantılarıyla aynı dil (.le-link--brand). */
.limitsiz-app .le-home-blog__foot{
  margin:clamp(22px,2.6vw,32px) 0 0;text-align:center;
}

/* =============================================================================
 * 9) KAPANIŞ CTA BANDI — dokulu arka plan + düz renk yedeği
 * ========================================================================== */
.limitsiz-app .le-home-cta{
  position:relative;overflow:hidden;border-radius:var(--le-r-panel);
  background-color:var(--le-brand-900);   /* görsel yüklenmezse yedek */
  background-size:cover;background-position:center;background-repeat:no-repeat;
  padding:clamp(32px,4vw,56px);
  display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,40px);
}
.limitsiz-app .le-home-cta__glow{
  position:absolute;right:-60px;top:-80px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(26,0,87,.28),rgba(26,0,87,0) 68%);pointer-events:none;
}
.limitsiz-app .le-home-cta__dots{
  position:absolute;right:36px;bottom:28px;width:180px;height:90px;opacity:.22;
  background-image:radial-gradient(#fff 1.6px,transparent 1.7px);background-size:14px 14px;
  pointer-events:none;
}
.limitsiz-app .le-home-cta__text{position:relative;flex:1 1 420px;min-width:0}
.limitsiz-app .le-home-cta__h{
  margin:0;font-size:clamp(28px,2.9vw,40px);line-height:1.18;
  font-weight:800;letter-spacing:-.015em;color:#fff;
}
.limitsiz-app .le-home-cta__p{
  margin:14px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.94);max-width:52ch;
}
.limitsiz-app .le-home-cta__btns{position:relative;display:flex;flex-wrap:wrap;gap:12px}
.limitsiz-app .le-home-cta__white{background:#fff;color:var(--le-brand-900);padding:0 26px}
.limitsiz-app .le-home-cta__white:hover,
.limitsiz-app .le-home-cta__white:focus-visible{background:var(--le-surface);color:var(--le-brand-900)}
.limitsiz-app .le-home-cta__line{
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.66);
  color:#fff;padding:0 24px;
}
.limitsiz-app .le-home-cta__line:hover,
.limitsiz-app .le-home-cta__line:focus-visible{
  background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.8);color:#fff;
}

/* =============================================================================
 * 10) DAR EKRAN
 * ========================================================================== */
@media (max-width:900px){
  /* Hero görseli iki sütundan tek sütuna düşünce sabit bir yükseklik alır. */
  .limitsiz-app .le-home-hero__media{min-height:clamp(260px,52vw,380px)}
  .limitsiz-app .le-home-edv__media{min-height:clamp(240px,48vw,360px)}
}
@media (max-width:640px){
  .limitsiz-app .le-home-hero__col{padding:26px 20px}
  .limitsiz-app .le-home-hero__title{max-width:none}
  .limitsiz-app .le-home-hero__cta .le-btn{flex:1 1 220px}
  .limitsiz-app .le-home-search__go{padding:0 16px}
  .limitsiz-app .le-home-hero__float{
    left:12px;right:12px;bottom:12px;padding:12px 14px;
  }
  /* 2×2 ızgara dar ekranda nefes alsın: dolgu ve ikon kutusu küçülür. */
  .limitsiz-app .le-home-metrics{margin-top:16px}
  .limitsiz-app .le-home-metrics__grid{gap:10px}
  .limitsiz-app .le-home-metrics__cell{padding:16px 14px}
  .limitsiz-app .le-home-metrics__ico{width:42px;height:42px;margin-bottom:12px}
  .limitsiz-app .le-home-metrics__v{font-size:18px}
  .limitsiz-app .le-home-metrics__l{font-size:13px}
  .limitsiz-app .le-cat-card{padding:18px 16px}
  .limitsiz-app .le-step-card{padding:22px 18px}
  .limitsiz-app .le-home-edv__card{
    left:12px;right:12px;top:auto;bottom:12px;transform:none;max-width:none;
  }
  .limitsiz-app .le-home-cta{padding:26px 20px}
  .limitsiz-app .le-home-cta__glow,
  .limitsiz-app .le-home-cta__dots{display:none}
  .limitsiz-app .le-home-cta__btns .le-btn{flex:1 1 220px}
  .limitsiz-app .le-faq-item__q{padding:16px;gap:12px}
  .limitsiz-app .le-faq-item__a{padding:0 16px 18px}
}

/* =============================================================================
 * 11) ⚠ EN SON: ELEMENTOR / HELLO-ELEMENTOR ÇAKIŞMA DÜZELTMELERİ
 *     Genel armor limitsiz.css §19'da; burada YALNIZ bu sayfanın yüzeyleri.
 *     Seçici özgüllükleri temanın ölçülen değerinin ÜSTÜNDE tutulur.
 * ========================================================================== */

/* 11.1) reset.css `button{border:1px solid #c36}` mirasını sildiği kenarlıkları
 *       (0,2,0) ile geri ver; kart/panel çerçeveleri de garantiye alınır. */
.limitsiz-app .le-home-search__field{border:1px solid var(--le-border)}
.limitsiz-app .le-home-search__state{border:1px solid var(--le-border)}
/* NOT: ızgaranın KENDİSİ artık çerçevesizdir (kart ızgarası) → çerçeve hücrede. */
.limitsiz-app .le-home-metrics__grid{border:0}
.limitsiz-app .le-home-metrics__cell{border:1px solid var(--le-border)}
.limitsiz-app .le-home-metrics__ico{border:1px solid var(--le-border)}
.limitsiz-app .le-cat-card{border:1px solid var(--le-border)}
.limitsiz-app .le-path-card{border:1px solid var(--le-border)}
.limitsiz-app .le-step-card{border:1px solid var(--le-border)}
.limitsiz-app .le-feat-card{border:1px solid var(--le-border)}
.limitsiz-app .le-faq-item{border:1px solid var(--le-border)}
.limitsiz-app .le-home-blog .le-post-card{border:1px solid var(--le-border)}
.limitsiz-app .le-home-hero__badge{border:1px solid var(--le-border)}
.limitsiz-app .le-home-hero__float{border:1px solid var(--le-border)}
.limitsiz-app .le-home-hero__wa{border:1px solid var(--le-border)}
.limitsiz-app .le-home-edv__note{border:1px solid var(--le-border)}
.limitsiz-app .le-home-edv__card{border:2px solid var(--le-edevlet)}
.limitsiz-app .le-home-cta__line{border:1px solid rgba(255,255,255,.66)}

/* 11.2) reset.css `button:hover/:focus{background:#CC3366}` (0,2,0) ve paylaşılan
 *       armor'ın (0,3,0) şeffaflaması — GERÇEK <button>'lara doğru rengi (0,3,0)
 *       + daha geç yükleme ile geri ver. */
.limitsiz-app .le-home-search .le-home-search__go:hover,
.limitsiz-app .le-home-search .le-home-search__go:focus{
  background-color:var(--le-brand-800);color:#fff;
}
.limitsiz-app .le-home-search .le-home-search__clear:hover,
.limitsiz-app .le-home-search .le-home-search__clear:focus{
  background-color:var(--le-surface-2);color:var(--le-ink);
}

/* 11.3) `.elementor img{height:auto}` (0,1,1) tam kaplayan görselleri bozar →
 *       (0,2,1) ile yüksekliği sabitle. */
.limitsiz-app .le-home-hero__media img{height:100%}
.limitsiz-app .le-home-edv__media>picture>img{height:100%}
.limitsiz-app .le-cat-card__thumb img{height:100%}
/* Blog kartı kapağı: `.limitsiz-app .le-media>img` zaten (0,2,1) ile
   `.elementor img{height:auto}`ı (0,1,1) yeniyor — burada tekrar edilmez. */
.limitsiz-app .le-home-edv__mark img{height:39px}

/* 11.4) Uzun SSS soruları dar ekranda sarsın (button/summary nowrap mirası). */
.limitsiz-app [data-le-acc-btn]{white-space:normal}

/* 11.5) [hidden] durum kapları inline display'e yenilmesin (arama panelinde
 *       hiçbir öğeye inline display verilmez — sözleşme). */
.limitsiz-app [data-le-search-state]{display:block}
.limitsiz-app [data-le-search-state][hidden]{display:none}

/* =============================================================================
 * 12) ÖNE ÇIKAN EĞİTİM KARTI — özet satır sayısı
 *     ÖLÇÜLDÜ: maket özet kutusu 202×41 / 234×41 (2 satır @14px/22.4).
 *     Canlı WooCommerce kısa açıklamaları 3–4 satıra çıkıp kutuyu 67–90px yapıyor,
 *     bölüm 702 yerine 753px oluyordu. Font/line-height zaten maketle aynı —
 *     yalnız satır sayısı sabitleniyor. Arşivde maket 3 satır (courses.css §…),
 *     bu yüzden clamp değeri sayfaya göre farklıdır.
 * ========================================================================== */
.limitsiz-app[data-page="home"] .le-course-card .le-text--sm{
  display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;line-clamp:2;overflow:hidden;
}

/* =============================================================================
 * 13) GOOGLE YORUMLARI CAROUSEL (partials/yorumlar.php + js/pages/home.js)
 *
 *     YAPI: kaydırma tamamen CSS'tir — .le-tcar__vp bir scroll-snap kabıdır.
 *     JS YOKKEN de dokuz yorumun tamamı görünür ve yatay kaydırılabilir kalır;
 *     hiçbir kart display:none ile gizlenmez. JS yalnız ok/nokta düğmelerini
 *     açar (.is-enhanced) ve otomatik geçişi ekler.
 *
 *     GÖRÜNEN KART SAYISI tek kaynaktan gelir: --le-tcar-pv (1 / 2 @768 / 3 @1024).
 *     JS bu değeri KOPYALAMAZ, ölçerek öğrenir.
 *
 *     YILDIZ RENGİ — ÖLÇÜLDÜ (WCAG kontrast oranı, beyaz #fff zemine karşı):
 *       #F5A623 (Google yıldızı algısı) tek başına .......... 2,03:1  (3:1 altı)
 *       #F5A623 + #B8730A kenarlık (şeklin sınırı) .......... 3,82:1  ✓
 *     Bu yüzden dolu yıldız amber DOLGU + koyu amber KENARLIK ile çizilir; ayrıca
 *     yıldızlar aria-hidden ve her kartta `.le-sr` metin karşılığı vardır, yani
 *     bilgi hiçbir zaman yalnız renge/şekle bağlı değildir.
 * ========================================================================== */
.limitsiz-app .le-yorumlar{
  --le-tcar-pv:1;          /* görünen kart sayısı (JS ölçer) */
  --le-tcar-gap:16px;
  --le-star:#F5A623;       /* dolu yıldız dolgusu */
  --le-star-line:#B8730A;  /* dolu yıldız kenarlığı (kontrast taşıyıcı) */
}

/* 13.1) Bölüm başlığı + Google KAYNAK ROZETİ + puan rozeti
 *       İkisi de Google Haritalar'ın YORUMLAR sekmesine giden BAĞLANTIDIR
 *       (kullanıcı isteği, 2026-08-10). Dokunma hedefi ≥44px: rozet
 *       min-height:44, puan rozeti min-height:44 (ÖLÇÜLDÜ, bkz. rapor). */
.limitsiz-app .le-yorumlar__head{max-width:66ch}
.limitsiz-app .le-yorumlar__lead{
  margin:12px auto 0;max-width:60ch;
  font-size:15.5px;line-height:1.66;color:var(--le-muted);
}

/* Kaynak rozeti (2026-08-11): 4 renkli Google "G" glifi + "Google Yorumları".
   .le-eyebrow'un yerini aldı — onun kırmızı ::before çizgisi ve uppercase'i
   logonun yanında marka karmaşası yaratıyordu. Beyaz hap: logo kendi
   renkleriyle okunur, metin nötr mürekkep (onay/ortaklık imasından kaçınmak
   için Google'ın kendi tipografisi TAKLİT EDİLMEZ).
   ⚠ Buradaki hiçbir kural `.le-gmark path`'in `fill` değerine dokunmaz;
   glif üreticinin renkleriyle basılır. */
.limitsiz-app .le-yorumlar__badge{
  display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;
  justify-content:center;max-width:100%;
  min-height:44px;padding:8px 16px;margin-bottom:14px;
  border-radius:var(--le-r-pill);
  background:#fff;border:1px solid var(--le-border);
  box-shadow:var(--le-sh-soft);
  font-size:14px;font-weight:700;letter-spacing:.01em;
  color:var(--le-ink);
  transition:border-color var(--le-t-color) ease,box-shadow var(--le-t-color) ease;
}
.limitsiz-app a.le-yorumlar__badge:hover,
.limitsiz-app a.le-yorumlar__badge:focus-visible{
  border-color:var(--le-border-strong);box-shadow:var(--le-sh-hover);color:var(--le-ink);
}
.limitsiz-app a.le-yorumlar__badge:focus-visible{
  outline:2px solid var(--le-brand-700);outline-offset:2px;
}
.limitsiz-app .le-gmark{flex:none;display:block}
.limitsiz-app .le-yorumlar__ext{flex:none;opacity:.8;color:var(--le-muted)}

.limitsiz-app .le-yorumlar__scorewrap{margin:16px 0 0}
.limitsiz-app .le-yorumlar__score{
  display:inline-flex;align-items:center;gap:9px;
  min-height:44px;padding:8px 16px;
  border-radius:var(--le-r-pill);
  background:var(--le-surface-2);
  border:1px solid transparent;
  transition:background var(--le-t-color) ease,border-color var(--le-t-color) ease;
}
/* Bağlantı hâlinde tıklanabilirlik görünür olsun. */
.limitsiz-app a.le-yorumlar__score:hover,
.limitsiz-app a.le-yorumlar__score:focus-visible{
  background:#EAE6F6;border-color:var(--le-border-strong);
}
.limitsiz-app a.le-yorumlar__score:focus-visible{
  outline:2px solid var(--le-brand-700);outline-offset:2px;
}
.limitsiz-app .le-yorumlar__score-v{font-size:19px;font-weight:800;line-height:1;color:var(--le-brand-900)}
.limitsiz-app .le-yorumlar__score-c{font-size:13.5px;color:var(--le-muted)}

/* 13.2) Yıldızlar */
.limitsiz-app .le-yorum__star{
  width:18px;height:18px;flex:none;
  fill:none;stroke:var(--le-border-strong);
}
.limitsiz-app .le-yorum__star--on{fill:var(--le-star);stroke:var(--le-star-line)}

/* 13.3) Kaydırma kabı (viewport) + ray */
.limitsiz-app .le-tcar{position:relative;margin-top:clamp(26px,3vw,38px)}
.limitsiz-app .le-tcar__vp{
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  padding-block:8px 14px;
  /* JS yokken kaydırma çubuğu TEK görünür ipucudur → gizlenmez, inceltilir. */
  scrollbar-width:thin;scrollbar-color:var(--le-border-strong) transparent;
}
.limitsiz-app .le-tcar.is-enhanced .le-tcar__vp{scrollbar-width:none}
.limitsiz-app .le-tcar.is-enhanced .le-tcar__vp::-webkit-scrollbar{width:0;height:0}
.limitsiz-app .le-tcar__vp:focus-visible{
  outline:2px solid var(--le-brand-700);outline-offset:-2px;border-radius:var(--le-r-card);
}
.limitsiz-app .le-tcar__track{
  display:flex;align-items:stretch;
  width:100%;                    /* yüzde flex-basis'in dayanağı (kesin genişlik) */
  gap:var(--le-tcar-gap);
  margin:0;padding:0;
}
.limitsiz-app .le-tcar__slide{
  flex:0 0 calc((100% - (var(--le-tcar-pv) - 1) * var(--le-tcar-gap)) / var(--le-tcar-pv));
  max-width:calc((100% - (var(--le-tcar-pv) - 1) * var(--le-tcar-gap)) / var(--le-tcar-pv));
  min-width:0;                   /* içerik min-content'i track'i aşmasın */
  display:flex;
  scroll-snap-align:start;
}
.limitsiz-app .le-tcar__slide>.le-card{width:100%}

/* 13.4) Yorum kartı — yıldızlar → metin → ad + tarih */
.limitsiz-app .le-yorum{
  padding:24px 22px;gap:14px;height:100%;
  box-shadow:var(--le-sh-soft);
}
.limitsiz-app .le-yorum__stars{display:flex;align-items:center;gap:3px}
/* Metin KISALTILMAZ (line-clamp YOK): kartlar satır içinde eşit yükseklikte uzar. */
.limitsiz-app .le-yorum__metin{flex:1 1 auto;position:relative;padding-top:2px}
.limitsiz-app .le-yorum__metin p{
  font-size:15px;line-height:1.72;color:var(--le-ink-soft);
  overflow-wrap:anywhere;
}
.limitsiz-app .le-yorum__foot{
  display:flex;align-items:center;gap:11px;
  margin-top:auto;padding-top:14px;border-top:1px solid var(--le-border);
}
.limitsiz-app .le-yorum__avatar{
  width:42px;height:42px;flex:none;
  display:grid;place-items:center;border-radius:50%;
  background:var(--le-surface-2);color:var(--le-brand-700);
  font-size:14px;font-weight:800;letter-spacing:.01em;
}
.limitsiz-app .le-yorum__kim{display:flex;flex-direction:column;gap:2px;min-width:0}
.limitsiz-app .le-yorum__ad{
  font-style:normal;font-weight:700;font-size:14.5px;line-height:1.3;
  color:var(--le-brand-900);overflow-wrap:anywhere;
}
.limitsiz-app .le-yorum__tarih{font-size:12.5px;color:var(--le-muted)}
/* Kart altı kaynak etiketi: küçük "G" glifi + "Google" (yalnız atıf).
   Beyaz zemin + ince çerçeve → renkli glif lila etiket zemininde bulanmaz. */
.limitsiz-app .le-yorum__kaynak{
  margin-left:auto;flex:none;align-self:center;gap:6px;
  background:#fff;border:1px solid var(--le-border);
  color:var(--le-ink-soft);font-size:12px;white-space:nowrap;
}

/* 13.5) Kontrol satırı: [önceki] [noktalar] [sonraki] */
.limitsiz-app .le-tcar__ctrl{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:10px;margin-top:16px;
}
.limitsiz-app .le-tcar__nav{border-radius:50%}
.limitsiz-app .le-tcar__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.limitsiz-app .le-tcar__dot{
  width:44px;height:44px;flex:none;      /* dokunma hedefi ≥44×44 */
  display:grid;place-items:center;
  padding:0;background:none;cursor:pointer;border-radius:var(--le-r-pill);
}
.limitsiz-app .le-tcar__dotv{
  display:block;width:9px;height:9px;border-radius:999px;
  background:var(--le-border-strong);
  transition:width .22s var(--le-ease),background .22s ease;
}
.limitsiz-app .le-tcar__dot.is-active .le-tcar__dotv{width:26px;background:var(--le-accent-fill)}
.limitsiz-app .le-tcar__dot:hover .le-tcar__dotv{background:var(--le-brand-700)}

/* 13.6) Dar ekran — 360px'de 9 nokta + 2 ok tek satıra SIĞMAZ (ölçüldü:
 *       9×44+2×44 = 484px > 328px kullanılabilir genişlik). Noktalar kendi
 *       satırına alınır ve hedef 32×44'e iner (WCAG 2.5.8 AA eşiği 24×24;
 *       aralarında boşluk yok, ölü bölge oluşmaz). 9×32 = 288px ≤ 328px. */
@media (max-width:767px){
  .limitsiz-app .le-tcar__dots{order:-1;flex-basis:100%}
  .limitsiz-app .le-tcar__dot{width:32px}
  .limitsiz-app .le-yorum{padding:20px 18px}
}

/* 13.7) Kırılımlar — masaüstü 3, tablet 2, mobil 1 kart */
@media (min-width:768px){
  .limitsiz-app .le-yorumlar{--le-tcar-pv:2;--le-tcar-gap:20px}
}
@media (min-width:1024px){
  .limitsiz-app .le-yorumlar{--le-tcar-pv:3}
}

/* 13.8) Hareket azaltma: otomatik geçiş JS'te KAPANIR, kaydırma anında olur. */
@media (prefers-reduced-motion:reduce){
  .limitsiz-app .le-tcar__vp{scroll-behavior:auto}
  .limitsiz-app .le-tcar__dotv{transition:none}
}

/* 13.9) ⚠ ELEMENTOR ÇAKIŞMA DÜZELTMELERİ (bu bölümün yüzeyleri)
 *       reset.css `button{border:1px solid #CC3366}` + `button:hover/:focus{
 *       background-color:#CC3366}` (0,2,0) → (0,2,0)/(0,3,0) ile geri alınır. */
.limitsiz-app .le-tcar__nav{border:1px solid var(--le-border)}
.limitsiz-app .le-yorum{border:1px solid var(--le-border)}
.limitsiz-app .le-tcar .le-tcar__nav:hover,
.limitsiz-app .le-tcar .le-tcar__nav:focus{
  background-color:var(--le-surface);border-color:var(--le-border-strong);color:var(--le-brand-900);
}
.limitsiz-app .le-tcar .le-tcar__dot:hover,
.limitsiz-app .le-tcar .le-tcar__dot:focus{background-color:transparent;color:inherit}
.limitsiz-app .le-tcar .le-tcar__dot:focus-visible{outline:2px solid var(--le-brand-700);outline-offset:-6px}
/* `[hidden]` satır içi display'e yenilmesin (kontroller JS'siz kapalı kalır). */
.limitsiz-app .le-tcar [hidden]{display:none!important}