/* SIMETRA — Bize Ulaşın page (iletisim.html) styles */

.contact-layout{
  display:grid; grid-template-columns:1fr 1.3fr; gap:var(--s7);
  margin-top:var(--s6); align-items:start;
}
@media (max-width:900px){ .contact-layout{ grid-template-columns:1fr; gap:var(--s6); } }

/* ---- info column ---- */
.contact-info{ display:flex; flex-direction:column; }
.contact-item{
  display:flex; gap:16px; align-items:flex-start;
  padding:var(--s3) 0; border-bottom:1px solid rgba(14,13,12,0.08);
}
.contact-item:first-child{ padding-top:0; }
.contact-item:last-child{ border-bottom:none; }
.contact-item .icon{
  flex-shrink:0; width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(169,131,91,0.08); border:1px solid rgba(169,131,91,0.18); color:var(--brass);
}
.contact-item .label{
  display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--brass); font-weight:700; margin-bottom:4px;
}
.contact-item .value{ font-size:16.5px; color:var(--ink); font-family:var(--display); }
.contact-item a.value{ transition:color .3s ease; }
.contact-item a.value:hover{ color:var(--brass); }

/* ---- form column ---- */
.contact-form{
  background:#fbf9f4; border:1px solid rgba(14,13,12,0.08); border-radius:10px;
  padding:var(--s5);
  box-shadow:0 1px 2px rgba(14,13,12,0.04), 0 20px 48px rgba(14,13,12,0.08);
}
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s3); }
@media (max-width:600px){ .form-row{ grid-template-columns:1fr; } }

.form-field{ margin-bottom:var(--s3); display:flex; flex-direction:column; gap:7px; }
.form-field label{
  font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:#8a8272; font-weight:700;
}
.form-field input, .form-field textarea{
  font-family:var(--body); font-size:15px; color:var(--ink);
  padding:12px 14px; border:1px solid rgba(14,13,12,0.15); border-radius:6px;
  background:var(--paper);
  transition:border-color .3s ease, box-shadow .3s ease;
}
.form-field input:focus, .form-field textarea:focus{
  outline:none; border-color:var(--brass); box-shadow:0 0 0 3px rgba(169,131,91,0.15);
}
.form-field textarea{ resize:vertical; min-height:130px; font-family:inherit; }

.form-submit{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--ink); color:var(--paper); border:none; border-radius:30px;
  padding:15px 30px; margin-top:var(--s1);
  font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:700;
  cursor:pointer;
  transition:transform .35s cubic-bezier(.16,1,.3,1), background .35s ease, box-shadow .35s ease;
}
.form-submit:hover{
  background:var(--brass); color:var(--ink); transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(169,131,91,0.3);
}
.form-submit svg{ transition:transform .35s cubic-bezier(.16,1,.3,1); }
.form-submit:hover svg{ transform:translateX(3px); }

/* ---- map (full-bleed, sits right above the footer) ---- */
.contact-map{
  position:relative; width:100%; height:440px; overflow:hidden;
  background: repeating-linear-gradient(135deg, #efe9db 0 18px, #f6f3ea 18px 36px);
}
.contact-map-frame{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; filter:grayscale(.15) contrast(1.02); }
@media (max-width:700px){ .contact-map{ height:340px; } }