/* =========================================================
   CONTACT.CSS — Sadece iletisim.html'e özel stiller
   ========================================================= */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.info-list{display:flex;flex-direction:column;gap:18px;margin-top:24px;}
.info-row{display:flex;gap:14px;align-items:flex-start;}
.info-row .ic{
  width:40px;height:40px;border-radius:10px;background:var(--teal-100);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;
}
.info-row strong{display:block;font-size:14.5px;margin-bottom:2px;}
.info-row span{font-size:13.5px;color:var(--gray-500);}

.appointment-form{
  border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px;
  display:flex;flex-direction:column;gap:16px;
}
.form-row{display:flex;flex-direction:column;gap:6px;}
.form-row label{font-size:13.5px;font-weight:600;}
.form-row input, .form-row select, .form-row textarea{
  border:1px solid var(--gray-200);border-radius:10px;padding:12px 14px;font-size:14.5px;font-family:inherit;
}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus{outline:2px solid var(--teal-500);border-color:transparent;}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-msg{font-size:13.5px;margin-top:4px;}
.form-msg.success{color:var(--teal-500);}
.form-msg.error{color:#C0392B;}

.map-wrap{margin-top:48px;}

@media (max-width:860px){
  .contact-grid{grid-template-columns:1fr;}
  .form-grid-2{grid-template-columns:1fr;}
}