/*!
 * LIMITSIZ Eğitim — İletişim sayfası ([limitsiz_contact])
 * Kaynak: dc-preview/Iletisim.dc.html (inline stiller + renderVals() BİREBİR).
 *
 * limitsiz.css'ten SONRA yüklenir. Paylaşılan sınıflar (.le-container, .le-h1,
 * .le-lead, .le-eyebrow, .le-btn*, .le-alert*, .le-spinner) YENİDEN TANIMLANMAZ;
 * burada yalnız sayfa-namespace'li bileşenler (.le-cnt-*) vardır.
 *
 * ── REVİZYON: "İletişim sayfası düzensiz görünüyor" (ölçülen nedenler) ─────────
 *  1) SAĞ SÜTUN TAŞMASI: harita yan sütunun 3. kartıydı → aside ~1200px,
 *     form paneli ~630px; sağ kolon soldakinin ~570px altına iniyordu. Harita
 *     ızgaranın 2. satırına TAM GENİŞLİK bant olarak alındı (contact.php).
 *  2) PANEL DİLİ ÇATIŞMASI: form kartı `--le-r-panel` (1200px'te 28.8px) +
 *     `--le-sh-panel`, diğer üç panel ELLE `border-radius:20px` + `--le-sh-soft`
 *     kullanıyordu → yan yana panellerde ~9px yarıçap ve iki ayrı gölge derinliği.
 *     Artık yarıçap/gölge/kenarlık TEK yerde: `.le-cnt__card`.
 *  3) İÇ BOŞLUK ÖLÇEĞİ: 4 farklı değer (44 / 28 / 20 / 28) → iki token:
 *     `--le-cnt-pad` (yan paneller) ve `--le-cnt-pad-lg` (form paneli).
 *  4) BAŞLIK ÖLÇEĞİ: aynı bantta 26 / 18 / 15 / 17px dört ayrı h2 → form paneli
 *     birincil (`--le-cnt-title-lg`), diğer paneller tek ölçü (`--le-cnt-title`).
 *  5) İLETİŞİM SATIRLARI: `align-items:flex-start` + 42px ikon kutusu → ikonun
 *     dikey ortası ne etikete ne değere denk geliyordu; ayrıca ayraç ritmi
 *     eşitsizdi (başlıktan sonra 6+14=20px, satırlar arasında 14+14=28px).
 *     Artık ikon dikey ortalı ve HER ayracın altı/üstü `--le-cnt-row-y`.
 *  6) ELEMENTOR FORM KABI: bkz. §3b — Elementor'un post-içi inline CSS'i
 *     (0,4,0) `.le-elform` kurallarını (0,2,0) eziyordu; alanlar kartın metin
 *     hizasından 5px DIŞARI taşıyordu.
 *
 * "İlgilendiğin alan" select alanı bilinçli olarak YOK (geri eklenmez).
 * Tüm seçiciler `.limitsiz-app[data-page="contact"]` altında scope'ludur.
 */

/* =============================================================================
 * 0) SAYFA TOKENLARI — tek boşluk/başlık/ritim ölçeği. Panelden panele elle
 *    yazılan tek seferlik değerler BURAYA toplanır; bileşenler token okur.
 * ========================================================================== */
.limitsiz-app[data-page="contact"]{
  --le-cnt-gap:clamp(18px,2.2vw,28px);      /* paneller arası (yatay + dikey) */
  --le-cnt-pad:clamp(20px,2.2vw,28px);      /* yan panel iç boşluğu */
  --le-cnt-pad-lg:clamp(22px,2.8vw,36px);   /* form paneli iç boşluğu */
  --le-cnt-row-y:14px;                      /* iletişim satırı dikey ritmi */
  --le-cnt-field-gap:16px;                  /* form alanları arası */
  --le-cnt-field-h:52px;                    /* alan + buton yüksekliği */
  --le-cnt-title:clamp(17px,1.5vw,19px);    /* yan panel başlığı */
  --le-cnt-title-lg:clamp(22px,2vw,26px);   /* form paneli başlığı */
  --le-cnt-map-ar:24/7;                     /* tam genişlik harita bandı */
}

/* =============================================================================
 * 1) HERO — linear-gradient(180deg,#F8F7FC,#FFFFFF) + alt kenarlık
 * ========================================================================== */
.limitsiz-app[data-page="contact"] .le-cnt-hero{
  background:linear-gradient(180deg,#F8F7FC,#FFFFFF);
  border-bottom:1px solid var(--le-border);
  padding:clamp(24px,3vw,40px) 0 clamp(28px,3.4vw,48px);
}
.limitsiz-app[data-page="contact"] .le-cnt-hero__crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:13px;color:var(--le-muted);margin-bottom:10px;
}
.limitsiz-app[data-page="contact"] .le-cnt-hero__crumb a{
  display:inline-flex;align-items:center;min-height:44px;color:var(--le-muted);
  transition:color var(--le-t-color) ease;
}
.limitsiz-app[data-page="contact"] .le-cnt-hero__crumb a:hover,
.limitsiz-app[data-page="contact"] .le-cnt-hero__crumb a:focus-visible{color:var(--le-brand-700)}
.limitsiz-app[data-page="contact"] .le-cnt-hero__crumb-cur{color:var(--le-ink);font-weight:600}
.limitsiz-app[data-page="contact"] .le-cnt-hero__title{max-width:20ch}
.limitsiz-app[data-page="contact"] .le-cnt-hero__lead{margin-top:16px;line-height:1.65;max-width:64ch}

/* =============================================================================
 * 2) IZGARA İSKELETİ + ORTAK PANEL DİLİ
 *    Tek ızgara: [form 1.65fr | iletişim 1fr] · 2. satır: harita 1/-1.
 *    `align-items:start` → iki sütunun ÜST kenarı hizalı başlar (kartlar kendi
 *    doğal boyunda kalır; yapay gerdirme yok).
 * ========================================================================== */
.limitsiz-app[data-page="contact"] .le-cnt{
  padding:clamp(32px,4vw,56px) 0 var(--le-section);
}
.limitsiz-app[data-page="contact"] .le-cnt__row{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  align-items:start;
  gap:var(--le-cnt-gap);
}
/* Izgara öğesi taşmasın (min-width:auto klasik grid-overflow tuzağı). */
.limitsiz-app[data-page="contact"] .le-cnt__row>*{min-width:0}

/* TEK PANEL DİLİ — yarıçap / gölge / kenarlık yalnız burada tanımlanır.
   Her panel (form · iletişim · yönlendirme · harita) aynı kartı kullanır;
   bileşenler yalnız kendi iç boşluğunu ve içeriğini kurar. */
.limitsiz-app[data-page="contact"] .le-cnt__card{
  min-width:0;
  border:1px solid var(--le-border);
  border-radius:var(--le-r-panel);
  background:#fff;
  box-shadow:var(--le-sh-panel);
}
.limitsiz-app[data-page="contact"] .le-cnt-formcard{padding:var(--le-cnt-pad-lg)}
.limitsiz-app[data-page="contact"] .le-cnt__aside{
  min-width:0;
  display:flex;flex-direction:column;gap:var(--le-cnt-gap);
}

/* =============================================================================
 * 3) FORM — yerleşik AJAX işaretlemesi
 * ========================================================================== */
/* Başlık bloğu — alt cetvel çizgisi form gövdesini görsel olarak ayırır. */
.limitsiz-app[data-page="contact"] .le-cnt-form__head{
  margin-bottom:clamp(20px,2.2vw,28px);
  padding-bottom:clamp(14px,1.6vw,20px);
  border-bottom:1px solid var(--le-border);
}
.limitsiz-app[data-page="contact"] .le-cnt-form__title{
  margin:0 0 6px;font-size:var(--le-cnt-title-lg);font-weight:800;
  color:var(--le-brand-900);line-height:1.25;
}
.limitsiz-app[data-page="contact"] .le-cnt-form__sub{margin:0;font-size:15px;line-height:1.6;color:var(--le-muted)}

/* ÖLÇÜLDÜ: `auto-fit minmax(240px,1fr)` dar/geniş kartta 2 ↔ 3 sütun arasında
   gidip geliyordu (3 sütunda "Telefon"un sağında boş hücre kalıyor). Sütun
   sayısı artık AÇIKÇA 2 — Elementor dalıyla aynı ızgara. */
.limitsiz-app[data-page="contact"] .le-cnt-form__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--le-cnt-field-gap);
}
.limitsiz-app[data-page="contact"] .le-cnt-form__grid>*{min-width:0}
/* E-posta gibi tam genişlik alanlar ızgara satırını baştan sona kaplar. */
.limitsiz-app[data-page="contact"] .le-cnt-field--span{grid-column:1/-1}

.limitsiz-app[data-page="contact"] .le-cnt-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.limitsiz-app[data-page="contact"] .le-cnt-field--full{margin-top:var(--le-cnt-field-gap)}
.limitsiz-app[data-page="contact"] .le-cnt-label{font-size:14px;font-weight:600;color:var(--le-ink);line-height:1.3}

.limitsiz-app[data-page="contact"] .le-cnt-input{
  width:100%;height:var(--le-cnt-field-h);
  border:1px solid var(--le-border);border-radius:var(--le-r-btn-lg);
  padding:0 16px;font-size:16px;color:var(--le-ink);background:#fff;outline:none;
  transition:border-color var(--le-t-color) ease,background var(--le-t-color) ease,box-shadow var(--le-t-color) ease;
}
.limitsiz-app[data-page="contact"] .le-cnt-textarea{
  width:100%;min-height:132px;
  border:1px solid var(--le-border);border-radius:var(--le-r-btn-lg);
  padding:14px 16px;font-size:16px;line-height:1.6;color:var(--le-ink);background:#fff;
  outline:none;resize:vertical;
  transition:border-color var(--le-t-color) ease,background var(--le-t-color) ease,box-shadow var(--le-t-color) ease;
}
.limitsiz-app[data-page="contact"] .le-cnt-input::placeholder,
.limitsiz-app[data-page="contact"] .le-cnt-textarea::placeholder{color:var(--le-muted);opacity:1}

.limitsiz-app[data-page="contact"] .le-cnt-input:focus,
.limitsiz-app[data-page="contact"] .le-cnt-textarea:focus{
  border-color:var(--le-brand-700);
  box-shadow:0 0 0 3px rgba(58,35,128,.13);
}
/* Alan bazlı hata (DC: border #E0736E · bg #FFF8F8) */
.limitsiz-app[data-page="contact"] .le-cnt-input[aria-invalid="true"],
.limitsiz-app[data-page="contact"] .le-cnt-textarea[aria-invalid="true"]{
  border-color:var(--le-error-border);background:var(--le-error-bg);
}
.limitsiz-app[data-page="contact"] .le-cnt-err{
  margin:0;font-size:13px;font-weight:600;color:var(--le-error);line-height:1.5;
}
.limitsiz-app[data-page="contact"] .le-cnt-err--consent{margin-top:8px}

/* KVKK onayı */
.limitsiz-app[data-page="contact"] .le-cnt-consent{
  display:flex;gap:12px;align-items:flex-start;margin-top:18px;
  font-size:14px;line-height:1.6;color:var(--le-muted);cursor:pointer;
}
.limitsiz-app[data-page="contact"] .le-cnt-consent__box{
  width:20px;height:20px;margin-top:2px;flex:0 0 auto;
  accent-color:var(--le-brand-700);border-radius:4px;outline:none;outline-offset:2px;
}
.limitsiz-app[data-page="contact"] .le-cnt-consent__box[aria-invalid="true"]{outline:2px solid var(--le-error-border)}
.limitsiz-app[data-page="contact"] .le-cnt-consent__link{color:var(--le-brand-700);text-decoration:underline;text-underline-offset:3px}
.limitsiz-app[data-page="contact"] .le-cnt-consent__link:hover,
.limitsiz-app[data-page="contact"] .le-cnt-consent__link:focus-visible{color:var(--le-accent-text)}

/* Bal küpü — görünmez ama display:none DEĞİL (bazı botlar onu atlar) */
.limitsiz-app[data-page="contact"] .le-cnt-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.limitsiz-app[data-page="contact"] .le-cnt-form__alert{margin-top:18px}

/* Gönder butonu (DC: radius 14 · #D93A34 · gölge) */
.limitsiz-app[data-page="contact"] .le-cnt-submit{
  margin-top:22px;width:100%;min-height:calc(var(--le-cnt-field-h) + 2px);
  display:flex;align-items:center;justify-content:center;gap:10px;
  border:0;border-radius:var(--le-r-btn-lg);
  background:var(--le-accent-fill);color:#fff;font-size:16px;font-weight:700;
  cursor:pointer;box-shadow:var(--le-sh-cta);
  transition:background var(--le-t-btn) ease;
}
/* (0,4,0) — reset.css `button:hover{background-color:#CC3366}` (0,2,0) ezmesini geri al */
.limitsiz-app[data-page="contact"] .le-cnt-submit:hover,
.limitsiz-app[data-page="contact"] .le-cnt-submit:focus{background-color:var(--le-accent-hover);color:#fff}
.limitsiz-app[data-page="contact"] .le-cnt-submit.is-sending{background-color:var(--le-accent-hover);cursor:progress}
.limitsiz-app[data-page="contact"] .le-cnt-submit__spin{border-color:rgba(255,255,255,.45);border-top-color:#fff}

.limitsiz-app[data-page="contact"] .le-cnt-form__note{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--le-muted)}
.limitsiz-app[data-page="contact"] .le-cnt-form__note a{color:var(--le-brand-700);text-decoration:underline;text-underline-offset:3px}

/* =============================================================================
 * 3b) ELEMENTOR PRO FORM KABI (.le-elform) — yayında BU dal render oluyor
 *
 * ⚠ ÖLÇÜLDÜ (curl çıktısındaki `<style id="elementor-post-187">`):
 *     .elementor-187 .elementor-element.elementor-element-XXXX .elementor-form-fields-wrapper
 *       { margin-left:-5px; margin-right:-5px; margin-bottom:-10px }
 *     .elementor-187 .elementor-element.elementor-element-XXXX .elementor-field-group
 *       { padding-left:5px; padding-right:5px; margin-bottom:10px }
 *   Bu kurallar (0,4,0) VE gövde içinde (tüm <head> stillerinden SONRA) basılıyor;
 *   limitsiz.css §19.5'teki `.le-elform …` kuralları (0,2,0) kaybediyor. Sonuç:
 *   form alanları kartın metin hizasından 5px DIŞARI taşıyor (başlık ve alt not
 *   ile hizasız) ve alan aralığı 15px yerine 10px kalıyor — "düzensiz" görüntünün
 *   form içindeki birinci nedeni buydu.
 *
 *   Çözüm: sınıf tekrarı `.le-elform.le-cnt-form__elform` (0,5,0) — aynı öğede iki
 *   sınıf. Tekrar BİLİNÇLİDİR, silme. Elementor'un flex+yüzde ızgarası tamamen
 *   bırakılıp yerleşik formla AYNI 2 sütunlu grid kuruldu.
 * ========================================================================== */
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-form-fields-wrapper{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--le-cnt-field-gap);
  margin:0;
}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-group{
  grid-column:1/-1;
  width:auto;min-width:0;margin:0;padding:0;
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;
}
/* Elementor'da "50" genişlik verilmiş alanlar (Ad Soyad · Telefon) yan yana.
   Grid hücreleri eşit yükseklikte olduğu için etiketi uzun olan alan artık
   diğerini AŞAĞI kaydırmıyor (eski flex düzeninde kayıyordu). */
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-group.elementor-col-50{
  grid-column:span 1;
}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-group>label{
  display:block;margin:0 0 8px;
  font-family:var(--le-font);font-size:14px;font-weight:600;color:var(--le-ink);line-height:1.3;
}
/* Zorunluluk yıldızı: Elementor `color:red` (#F00) basıyor → marka kırmızısı. */
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-mark-required .elementor-field-label:after{
  color:var(--le-accent-text);
}
/* limitsiz.css §19.5 bu özellikleri `!important` ile yazıyor; daha yüksek
   özgüllük tek başına yetmez → aynı bayrakla sayfa ölçeğine hizala. */
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field.elementor-field-textual{
  width:100%;
  min-height:var(--le-cnt-field-h)!important;
  border-radius:var(--le-r-btn-lg)!important;
  padding:14px 16px!important;
}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform textarea.elementor-field-textual{
  min-height:132px!important;resize:vertical;
}
/* KVKK onayı — Elementor `.elementor-field-type-acceptance … input, … label
   {display:inline}` (0,3,0) veriyor: çok satırlı metin kutucuğun ALTINA sarıyor,
   asılı girinti oluşmuyor. Satırı gerçek bir flex satıra çevir. */
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-type-acceptance .elementor-field-option{
  display:flex;align-items:flex-start;gap:12px;
}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-type-acceptance .elementor-field-option input{
  display:block;flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;
  accent-color:var(--le-brand-700);
}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-type-acceptance .elementor-field-option label{
  display:block;margin:0;font-size:14px;line-height:1.6;color:var(--le-muted);font-weight:400;
}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-type-acceptance a{
  color:var(--le-brand-700);text-decoration:underline;text-underline-offset:3px;
}
/* Gönder butonu — yerleşik formdaki `.le-cnt-submit` ile aynı ölçü/renk. */
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .e-form__buttons{margin-top:6px}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-button{
  width:100%;justify-content:center;
  min-height:calc(var(--le-cnt-field-h) + 2px);
  border:0;border-radius:var(--le-r-btn-lg)!important;
  background-color:var(--le-accent-fill)!important;color:#fff!important;
  box-shadow:var(--le-sh-cta);
  font-size:16px!important;font-weight:700!important;
}
/* AÇIK hover/focus — reset.css `button:hover{background-color:#CC3366}` (0,2,0)
   bu gerçek <button>'u da hedefliyor; (0,5,0) + !important ile marka rengi. */
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-button:hover,
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-button:focus,
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-button:focus-visible{
  background-color:var(--le-accent-hover)!important;color:#fff!important;
}
.limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-message{margin-top:10px}

/* =============================================================================
 * 4) BAŞARI DURUMU (yerleşik AJAX form)
 * ========================================================================== */
.limitsiz-app[data-page="contact"] .le-cnt-done{text-align:center;padding:clamp(20px,3vw,40px) 0}
.limitsiz-app[data-page="contact"] .le-cnt-done__ico{
  width:64px;height:64px;margin:0 auto 18px;
  border-radius:20px;background:var(--le-success-bg);
  display:grid;place-items:center;
}
.limitsiz-app[data-page="contact"] .le-cnt-done__title{margin:0;font-size:24px;font-weight:800;color:var(--le-brand-900);line-height:1.25}
.limitsiz-app[data-page="contact"] .le-cnt-done__text{margin:12px auto 0;font-size:16px;line-height:1.65;color:var(--le-muted);max-width:44ch}
.limitsiz-app[data-page="contact"] .le-cnt-done__reset{
  margin-top:22px;height:48px;min-height:44px;padding:0 22px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--le-border);border-radius:var(--le-r-btn);background:#fff;
  color:var(--le-brand-900);font-size:15px;font-weight:700;cursor:pointer;
  transition:border-color var(--le-t-color) ease,background var(--le-t-color) ease;
}
.limitsiz-app[data-page="contact"] .le-cnt-done__reset:hover,
.limitsiz-app[data-page="contact"] .le-cnt-done__reset:focus{
  background-color:var(--le-surface);border-color:var(--le-border-strong);color:var(--le-brand-900);
}

/* =============================================================================
 * 5) "DOĞRUDAN ULAŞ" PANELİ
 *    Ritim: HER ayracın üstünde ve altında `--le-cnt-row-y` → başlık çizgisi ile
 *    satır ayraçları aynı nefesi alır (eskiden başlıktan sonra 20px, satırlar
 *    arasında 28px vardı).
 * ========================================================================== */
.limitsiz-app[data-page="contact"] .le-cnt-reach{padding:var(--le-cnt-pad)}
.limitsiz-app[data-page="contact"] .le-cnt-reach__head{
  padding-bottom:var(--le-cnt-row-y);
  margin-bottom:var(--le-cnt-row-y);
  border-bottom:1px solid var(--le-border);
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__title{
  margin:0;font-size:var(--le-cnt-title);font-weight:800;color:var(--le-brand-900);line-height:1.3;
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__sub{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--le-muted)}

.limitsiz-app[data-page="contact"] .le-cnt-reach__list{display:flex;flex-direction:column}
/* Satır: ikon kutusu DİKEY ORTALI + iki satırlı gövde (etiket / değer).
   Tek/çok satırlı gövdede ikon her zaman gövdenin ortasına oturur. */
.limitsiz-app[data-page="contact"] .le-cnt-reach__row{
  display:flex;gap:14px;align-items:center;
  padding:var(--le-cnt-row-y) 0;border-bottom:1px solid var(--le-border);
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__row:first-child{padding-top:0}
.limitsiz-app[data-page="contact"] .le-cnt-reach__row:last-child{border-bottom:0;padding-bottom:0}
.limitsiz-app[data-page="contact"] .le-cnt-reach__ico{
  width:42px;height:42px;flex:0 0 auto;
  border-radius:var(--le-r-ico);background:var(--le-surface-2);
  display:grid;place-items:center;
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__body{
  display:flex;flex-direction:column;gap:2px;min-width:0;
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__k{
  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--le-muted);line-height:1.4;
}
/* Dokunma hedefi ≥44px: yükseklik `min-height` ile alınır, negatif dış boşluk
   fazlalığı GÖRSEL ritme yansımasın diye geri kısar (satır boyu, adres/saat
   satırlarıyla aynı ölçekte kalır — eskiden tel/e-posta satırları ~20px
   uzuyordu). Tıklama alanı 44px, görünen satır ~26px. */
.limitsiz-app[data-page="contact"] .le-cnt-reach__tel,
.limitsiz-app[data-page="contact"] .le-cnt-reach__mail{
  display:flex;align-items:center;min-height:44px;margin-block:-9px;
  overflow-wrap:anywhere;
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__tel{
  font-size:17px;font-weight:700;color:var(--le-brand-900);letter-spacing:.01em;
  transition:color var(--le-t-color) ease;
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__tel:hover,
.limitsiz-app[data-page="contact"] .le-cnt-reach__tel:focus-visible{color:var(--le-accent-text)}
.limitsiz-app[data-page="contact"] .le-cnt-reach__mail{
  font-size:15px;color:var(--le-ink);
  transition:color var(--le-t-color) ease;
}
.limitsiz-app[data-page="contact"] .le-cnt-reach__mail:hover,
.limitsiz-app[data-page="contact"] .le-cnt-reach__mail:focus-visible{color:var(--le-brand-700)}
.limitsiz-app[data-page="contact"] .le-cnt-reach__addr{font-size:15px;line-height:1.6;color:var(--le-muted);overflow-wrap:anywhere}
.limitsiz-app[data-page="contact"] .le-cnt-reach__hours{display:flex;flex-direction:column;gap:2px}
.limitsiz-app[data-page="contact"] .le-cnt-reach__hour{font-size:15px;line-height:1.6;color:var(--le-muted)}
.limitsiz-app[data-page="contact"] .le-cnt-reach__wa{margin-top:var(--le-cnt-pad)}

/* =============================================================================
 * 6) HARİTA BANDI — ızgaranın 2. satırı, iki sütunu birden kaplar.
 *    Başlık şeridi (sol: başlık · sağ: yol tarifi) + kenardan kenara harita.
 * ========================================================================== */
.limitsiz-app[data-page="contact"] .le-cnt-map{
  grid-column:1/-1;
  overflow:hidden; /* harita köşeleri panel yarıçapına kırpılsın */
}
.limitsiz-app[data-page="contact"] .le-cnt-map__head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;
  padding:calc(var(--le-cnt-pad) * .6) var(--le-cnt-pad);
  border-bottom:1px solid var(--le-border);
}
.limitsiz-app[data-page="contact"] .le-cnt-map__title{
  margin:0;font-size:var(--le-cnt-title);font-weight:800;color:var(--le-brand-900);line-height:1.3;
}
.limitsiz-app[data-page="contact"] .le-cnt-map__link{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-size:14px;font-weight:700;color:var(--le-brand-700);
  transition:color var(--le-t-color) ease,gap var(--le-t-color) var(--le-ease);
}
.limitsiz-app[data-page="contact"] .le-cnt-map__link:hover,
.limitsiz-app[data-page="contact"] .le-cnt-map__link:focus-visible{color:var(--le-brand-900);gap:11px}
.limitsiz-app[data-page="contact"] .le-cnt-map__link .le-ico{--le-ico-size:17px}
.limitsiz-app[data-page="contact"] .le-cnt-map__frame{
  position:relative;aspect-ratio:var(--le-cnt-map-ar);background:var(--le-surface-2);
}
.limitsiz-app[data-page="contact"] .le-cnt-map__frame iframe{
  position:absolute;inset:0;width:100%;max-width:100%;height:100%;border:0;display:block;
}

/* =============================================================================
 * 7) KOYU YÖNLENDİRME KARTI — panel dilini `.le-cnt__card`tan alır; yalnız
 *    zemin/kenarlık farkını bildirir (yarıçap ve gölge ortak).
 * ========================================================================== */
.limitsiz-app[data-page="contact"] .le-cnt-help{
  padding:var(--le-cnt-pad);
  background:var(--le-brand-900);border-color:transparent;color:#fff;
}
.limitsiz-app[data-page="contact"] .le-cnt-help__title{
  margin:0 0 10px;font-size:var(--le-cnt-title);font-weight:800;color:#fff;line-height:1.35;
}
.limitsiz-app[data-page="contact"] .le-cnt-help__text{margin:0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.78)}
.limitsiz-app[data-page="contact"] .le-cnt-help__link{
  margin-top:16px;display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-size:15px;font-weight:700;color:var(--le-accent-dark-bg);
  transition:gap var(--le-t-color) var(--le-ease);
}
.limitsiz-app[data-page="contact"] .le-cnt-help__link:hover,
.limitsiz-app[data-page="contact"] .le-cnt-help__link:focus-visible{color:var(--le-accent-dark-bg);gap:11px}

/* =============================================================================
 * 8) DAR EKRAN — MOBİL KRİTİK
 *    Sıra DOM sırasıyla aynı (order KULLANILMAZ, klavye sırası bozulmasın):
 *    form → iletişim → yönlendirme → harita.
 * ========================================================================== */
@media (max-width:1000px){
  .limitsiz-app[data-page="contact"] .le-cnt__row{grid-template-columns:minmax(0,1fr)}
  /* Tek sütunda "1/-1" zaten tam genişlik; kural açıklık için bırakıldı. */
  .limitsiz-app[data-page="contact"] .le-cnt-map{grid-column:1/-1;--le-cnt-map-ar:16/9}
}
@media (max-width:600px){
  /* Alanlar tam genişlik — 375px'te 50/50 sütun kalmaz. */
  .limitsiz-app[data-page="contact"] .le-cnt-form__grid{grid-template-columns:minmax(0,1fr)}
  .limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-form-fields-wrapper{
    grid-template-columns:minmax(0,1fr);
  }
  .limitsiz-app[data-page="contact"] .le-elform.le-cnt-form__elform .elementor-field-group.elementor-col-50{
    grid-column:1/-1;
  }
}
@media (max-width:520px){
  .limitsiz-app[data-page="contact"]{
    --le-cnt-gap:16px;
    --le-cnt-pad:18px;
    --le-cnt-pad-lg:18px;
    --le-cnt-row-y:12px;
    --le-cnt-map-ar:4/3;
  }
  .limitsiz-app[data-page="contact"] .le-cnt-reach__row{gap:12px}
  .limitsiz-app[data-page="contact"] .le-cnt-reach__ico{width:38px;height:38px;border-radius:var(--le-r-ico-sm)}
  .limitsiz-app[data-page="contact"] .le-cnt-reach__tel{font-size:16px}
  /* Harita başlık şeridi dar ekranda alt alta; bağlantı tam genişlik dokunma hedefi. */
  .limitsiz-app[data-page="contact"] .le-cnt-map__head{align-items:flex-start;gap:2px}
}
@media (prefers-reduced-motion:reduce){
  .limitsiz-app[data-page="contact"] .le-cnt-submit,
  .limitsiz-app[data-page="contact"] .le-cnt-map__link,
  .limitsiz-app[data-page="contact"] .le-cnt-help__link{transition:none}
}
