/* Verterra · v10 · İLETİŞİM — galeriyle aynı açık zemin (#FAFAFA örtüsü galerinin sonundan buraya kadar sürer) ve aynı yazı:
   ortada başlık + tek satır; altında TEK beyaz panel. Panelde iki EŞİT sütun (solda arayın/yazın + adres, sağda form) ve altta
   iki sütunu da kaplayan proje künyesi; aralar ince çizgi. Düğmeler Render Lab dili (siyah / açık gri). */

.v10-iletisim{--il-murekkep:#111827;--il-soluk:#4b5563;--il-cizgi:rgba(17,24,39,.08);
  padding:clamp(96px,14vh,150px) var(--alt-kenar,28px) clamp(120px,16vh,170px);color:var(--il-murekkep)}
.il-bas{text-align:center;max-width:40rem;margin:0 auto}
.v10-iletisim .il-baslik{position:static;margin:0 0 14px;padding:0;overflow:visible;font:600 clamp(30px,3.4vw,48px)/1.1 var(--f-govde);letter-spacing:-.025em;
  text-transform:none;color:var(--il-murekkep)}
.v10-iletisim .il-baslik .alt-h{background:none;-webkit-text-fill-color:currentColor;color:inherit;transform:none!important;transition:none!important;padding:0;margin:0}
.il-ozet{margin:0;font:400 clamp(15px,1.15vw,17px)/1.6 var(--f-govde);color:var(--il-soluk)}

/* panel */
.il-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;margin:clamp(36px,6vh,56px) auto 0;border-radius:24px;background:#fff;
  box-shadow:0 0 0 1px rgba(17,24,39,.06),0 1px 2px rgba(17,24,39,.04),0 24px 60px -28px rgba(17,24,39,.22);overflow:hidden}
.il-sutun{display:flex;flex-direction:column;padding:clamp(24px,3vw,40px);min-width:0}
.il-sutun + .il-sutun{border-left:1px solid var(--il-cizgi)}
.il-blok + .il-blok{margin-top:28px;padding-top:28px;border-top:1px solid var(--il-cizgi)}
.il-h{margin:0;font:600 19px/1.25 var(--f-govde);letter-spacing:-.015em;color:var(--il-murekkep)}
.il-not{margin:8px 0 0;font:400 14.5px/1.55 var(--f-govde);color:var(--il-soluk)}
.il-etiket{display:block;font:600 11.5px/1 var(--f-govde);letter-spacing:.1em;text-transform:uppercase;color:#6b7280}

/* arayın / yazın satırları */
.il-satirlar{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.il-satir{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;padding:10px 10px 10px 8px;border-radius:14px;
  color:inherit;text-decoration:none;transition:background-color .2s var(--yumusak)}
@media (hover:hover){ .il-satir:hover{background:#f3f4f6} }
.il-satir:active{background:#eceef1}
.il-ikon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f3f4f6;color:var(--il-murekkep)}
.il-ikon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.il-metin{display:flex;flex-direction:column;gap:6px;min-width:0}
.il-no{font:600 18px/1 var(--f-govde);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.il-eylem{height:32px;padding:0 14px;border-radius:8px;display:inline-flex;align-items:center;background:#000;color:#fff;font:600 13px/1 var(--f-govde);
  box-shadow:0 1px 1.5px rgba(0,0,0,.22),0 8px 20px -8px rgba(0,0,0,.3);transition:background-color .2s var(--yumusak),translate .22s var(--yumusak)}
@media (hover:hover){ .il-satir:hover .il-eylem{background:#212121;translate:0 -1px} }

/* adres */
.il-adres{margin:12px 0 0;font:600 16px/1.5 var(--f-govde);color:var(--il-murekkep)}
.il-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.il-dugme{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border:0;border-radius:12px;cursor:pointer;
  font:600 14.5px/1 var(--f-govde);letter-spacing:-.006em;text-decoration:none;
  transition:background-color .2s var(--yumusak),translate .22s var(--yumusak),scale .18s var(--yumusak),box-shadow .24s var(--yumusak)}
.il-siyah{background:#000;color:#fff;box-shadow:0 1px 1.5px rgba(0,0,0,.22),0 10px 30px -6px rgba(0,0,0,.3)}
.il-gri{background:rgba(17,24,39,.065);color:var(--il-murekkep);box-shadow:inset 0 0 0 1px rgba(17,24,39,.04)}
@media (hover:hover){
  .il-siyah:hover{background:#212121;translate:0 -2px;box-shadow:0 2px 3px rgba(0,0,0,.2),0 16px 34px -8px rgba(0,0,0,.36)}
  .il-gri:hover{background:rgba(17,24,39,.11)}
}
.il-dugme:active{translate:none;scale:.97}

/* form */
.v10-iletisim .il-form{max-width:none}
.il-alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.il-genis{grid-column:1 / -1}
.v10-iletisim .il-girdi{height:50px;padding:0 16px;border-radius:12px;border:1px solid rgba(17,24,39,.12);background:#f9fafb;color:var(--il-murekkep);
  font:400 15px/1 var(--f-govde);transition:border-color .2s,background-color .2s,box-shadow .2s}
.v10-iletisim .il-girdi::placeholder{color:#6b7280}
@media (hover:hover){ .v10-iletisim .il-girdi:hover{border-color:rgba(17,24,39,.24)} }
.v10-iletisim .il-girdi:focus{outline:none;border-color:var(--il-murekkep);background:#fff;box-shadow:0 0 0 3px rgba(17,24,39,.08)}
.v10-iletisim .il-girdi[aria-invalid="true"]{border-color:#c2410c;box-shadow:0 0 0 3px rgba(194,65,12,.12)}
.il-gonder{width:100%;margin-top:14px;height:50px}
.v10-iletisim .il-uyari > span{color:#b42318}

/* künye: panelin altında iki sütun boyunca */
.il-kunye{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;
  padding:22px clamp(24px,3vw,40px);border-top:1px solid var(--il-cizgi);background:#fbfbfb}
.il-kunye-baslik{margin:0;font:600 15px/1.3 var(--f-govde);color:var(--il-murekkep)}
.il-kunye dl{display:contents;margin:0}
.il-kunye dl > div{min-width:0}
.il-kunye dd{margin:0}
.il-kunye-ad{margin-top:8px!important;font:600 17px/1.2 var(--f-govde);letter-spacing:-.01em;color:var(--il-murekkep)}
.il-kunye .il-not{margin-top:4px}

.v10-iletisim :focus-visible{outline:2px solid var(--il-murekkep);outline-offset:3px;box-shadow:none}

@media (max-width:900px){
  .il-panel{grid-template-columns:minmax(0,1fr)}
  .il-sutun + .il-sutun{border-left:0;border-top:1px solid var(--il-cizgi)}
  .il-kunye{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .il-kunye-baslik{grid-column:1 / -1}
}
@media (max-width:600px){
  .v10-iletisim{padding:96px 12px 120px}
  .il-panel{border-radius:20px}
  .il-alanlar{grid-template-columns:minmax(0,1fr)}
  .il-no{font-size:17px}
  .il-kunye{grid-template-columns:minmax(0,1fr);gap:16px}
}
