/* ANA SAYFA kartlı form (16 Eyl 2026; /anasayfa4/ önizlemesinden). compact_form.css + borderless_form.css üzerine biner.
   Amaç: reklam ziyaretçisi formu ilk saniyede görsün; masaüstünde hero sol
   sütun = metin + form kartı, sağ = sahne; mobilde form en üstte. */

/* --- Form intro animasyonundan bağımsız: kinetic_hero.js inline opacity:0
   verse bile kart ve alanlar anında görünür (inline stili !important ezer). */
.a4-card-page [data-finder],
.a4-card-page [data-finder] .e-field,
.a4-card-page .a4-card-head > *,
.a4-card-page [data-a2-scene]{opacity:1!important;transform:none!important;}

/* --- Hero düzeni --- */
.a4-card-page .a4-hero-stage{
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  align-items:center;
}
.a4-card-page .a4-hero-left{min-width:0;}
.a4-card-page .e-hero{padding-top:clamp(26px,4vw,50px);}


/* --- Form kartı (borderless_form.css kartı şeffaf yapar; burada geri kart) --- */
.a4-card-page.a4-borderless-page .e-wrap{width:min(1240px,calc(100% - 40px));max-width:1240px;}
.a4-card-page.a4-borderless-page .a2-compact-submit{
  border:0;background:var(--e-primary);color:#fff;box-shadow:0 10px 24px rgba(31,43,71,.18);
}
.a4-card-page.a4-borderless-page .a2-compact-submit:hover{background:var(--e-primary-strong);color:#fff;}
.a4-card-page .e-finder.a2-compact-finder{
  width:100%;max-width:none;margin:0;
  padding:22px 24px 20px;
  border:1px solid rgba(23,34,61,.10);border-radius:20px;
  background:#fff;box-shadow:0 18px 48px rgba(25,42,75,.12);
}
.a4-card-page .a2-compact-head.a4-card-head{
  display:flex;align-items:flex-start;gap:12px;text-align:left;margin:0 0 16px;
}
.a4-card-head__icon{
  flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:var(--e-soft-lav,#EFEDF7);color:#3f3d9a;font-size:18px;
}
.a4-card-page .a2-compact-head h2{font-size:21px;margin:2px 0 3px;}
.a4-card-page .a2-compact-head p{font-size:13.5px;}
.a4-only-mobile{display:none;}

/* İl | İlçe yarı yarıya, Mahalle altta tam satır (kinetic_hero.css'in :has düzeni ezilir) */
.a4-card-page .e-grid.a2-compact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.a4-card-page .e-grid.a2-compact-fields:has([data-field-neighborhood]) [data-field-province],
.a4-card-page .e-grid.a2-compact-fields:has([data-field-neighborhood]) [data-field-district]{grid-column:auto;}
.a4-card-page .e-grid.a2-compact-fields:has([data-field-neighborhood]) [data-field-neighborhood]{grid-column:1/-1;}
.a4-card-page .a2-compact-fields .e-field label{font-size:13.5px;}
.a4-card-page .a2-compact-fields .e-field__optional{display:none;}
.a4-card-page .a2-compact-fields [data-field-province] label::after{content:" (İstanbul)";color:var(--a2c-muted);font-weight:600;}

.a4-card-page .a2-compact-actions{margin-top:14px;}
.a4-card-page .a2-compact-submit{
  width:100%;justify-content:center;gap:9px;
  font-size:16px;font-weight:800;padding:14px 18px;border-radius:12px;
}
.a4-submit-arrow{margin-left:auto;opacity:.85;}
.a4-card-page .a4-cta{display:inline-flex;align-items:center;}
.a4-card-page .a4-cta[hidden]{display:none;}

/* --- Sahne (sağ) --- */
.a4-card-page .a2-scene{margin-top:0;}

/* --- Fayda bölümü --- */
.a4-benefits{padding:clamp(26px,4vw,48px) 0 clamp(30px,4vw,54px);background:var(--e-page);}
.a4-benefits__head{margin-bottom:22px;}
.a4-benefits__eyebrow{margin:0 0 6px;color:#52617a;font-size:11.5px;font-weight:800;letter-spacing:.105em;text-transform:uppercase;}
.a4-benefits__title{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.015em;max-width:26ch;}
.a4-benefits__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.a4-benefit{display:flex;gap:14px;align-items:flex-start;}
.a4-benefit__icon{
  flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:#fff;color:#3f3d9a;font-size:19px;box-shadow:0 6px 18px rgba(31,43,71,.08);
}
.a4-benefit__text{min-width:0;}
.a4-benefit b{display:block;margin:4px 0 4px;font-size:15px;font-weight:800;color:#17233d;}
.a4-benefit__text span{display:block;color:#68758a;font-size:13px;line-height:1.5;}
.a4-benefits .e-pro{margin-top:26px;}

/* --- Tablet --- */
@media (max-width:1100px){
  .a4-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* --- Mobil: form en üstte, metin altında, sahne gizli --- */
@media (max-width:900px){
  .a4-card-page .a4-hero-left{display:contents;}
  .a4-card-page .e-finder{order:1;margin-top:8px;}
  .a4-card-page .a2-scene{order:3;}
  .a4-only-desktop{display:none;}
  .a4-only-mobile{display:inline;}
  .a4-card-page .a2-compact-head h2{font-size:20px;line-height:1.25;}
    }
@media (max-width:560px){
  .a4-card-page .e-hero{padding-top:12px;}
  .a4-card-page.a4-borderless-page .e-wrap{width:calc(100% - 24px);}
  .a4-card-page .e-finder.a2-compact-finder{padding:18px 16px 16px;border-radius:16px;}
  .a4-card-page .a2-compact-head.a4-card-head{text-align:left;}
  .a4-card-page .e-grid.a2-compact-fields{grid-template-columns:1fr;gap:10px;}
  .a4-card-page .a2-scene{display:none;}
  .a4-benefits__grid{grid-template-columns:1fr;gap:16px;}
}

/* --- Süreç adımları (eski anasayfa bölümü), beyaz zemin --- */
.a4-card-page .e-how{background:#fff;}

/* Kart başlığı: dönen kelimeli vaat */
.a4-card-page .a4-card-title{margin:2px 0 4px;font-size:24px;line-height:1.25;font-weight:800;letter-spacing:-.015em;max-width:none;}
.a4-card-page .a4-card-title .a2-title-accent{display:inline-block;}
.a4-card-page .a4-card-title .a2-rotating-word{display:inline-block;}
@media (max-width:560px){ .a4-card-page .a4-card-title{font-size:20px;} }

/* --- Harita açıkken: kart tam genişlik, sahne kaybolur (harita dar kalmasın) --- */
.a4-card-page .a4-hero-stage{transition:grid-template-columns .3s ease;}
.a4-card-page .a2-scene{transition:opacity .25s ease;}
.a4-card-page .a4-hero-stage:has([data-map].is-on){grid-template-columns:minmax(0,1fr);}
.a4-card-page .a4-hero-stage:has([data-map].is-on) .a2-scene{display:none;}
.a4-card-page .e-finder.a2-compact-finder:has([data-map].is-on){max-width:none;}

/* --- Mahalle kaydı yok uyarısı (harita ilçe geneli açıldığında) --- */
.a4-card-page .e-notice{
  display:flex;align-items:flex-start;gap:12px;
  margin-top:14px;padding:12px 14px;border-radius:14px;
  background:var(--e-soft-clay);color:var(--e-text);
}
.a4-card-page .e-notice[hidden]{display:none;}
.a4-card-page .e-notice__icon{
  flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--e-accent);color:var(--e-primary);font-size:16px;
}
.a4-card-page .e-notice__body{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;line-height:1.4;}
.a4-card-page .e-notice__body strong{font-weight:800;}

/* --- Sokak arama: harita kartının dışında, üstünde (kart içi çizgi/dolgu sıfırlanır) --- */
.a4-card-page .a4-street-search{margin-top:12px;padding:0;border:0;background:transparent;}
.a4-card-page .a4-street-search[hidden]{display:none;}
.a4-card-page .a4-street-search + .a2-compact-map{margin-top:12px;}