/* İletişim — orijinal: saytec.eu/contact (1440 px: #F2F2F2 bant 144–681; başlık 40 px #1F305E x=255 y=191;
   ikon listesi: ikon x=255, metin x=315, satır aralığı ~72 px; form x=681, 460 px; harita 100%−160 px × 350,
   üst/alt 34 px boşluk). Form bileşeni ortak: includes/iletisim-formu.php + site.css §11. */
.contact-band { background: var(--c-grey-bg); padding: 47px 0 77px; }
.contact-band__in {
  display: grid; grid-template-columns: minmax(0, 1fr) 460px; column-gap: 40px; align-items: start;
  padding: 0 69px 0 25px;
}
.contact-band__title { grid-column: 1 / -1; font-size: 40px; line-height: 1.4; font-weight: 400; color: var(--c-logo-navy); }

/* İkonlu iletişim listesi */
.contact-info { margin-top: 52px; }
.contact-info__list { margin: 0; padding: 0; list-style: none; }
.contact-info__row { display: grid; grid-template-columns: 60px minmax(0, 1fr); align-items: start; min-height: 28px; }
.contact-info__row + .contact-info__row { margin-top: 44px; }
.contact-info__icon { display: flex; justify-content: flex-start; color: var(--c-text); padding-top: 1px; }
.contact-info__icon svg { display: block; }
.contact-info__text { max-width: 330px; font-size: 16px; line-height: 1.4; color: var(--c-text); padding-top: 2px; }
.contact-info__text a { color: inherit; text-decoration: none; }
.contact-info__text a:hover, .contact-info__text a:focus-visible { color: var(--c-blue-sm); text-decoration: underline; }
.contact-info__row--social { align-items: center; }
.contact-info__social { display: inline-flex; padding: 2px; }
.contact-info__social img { width: 23px; height: 23px; }
.contact-info__social:hover img { opacity: .85; }

/* Form (orijinal Wix formu ölçüleri: alanlar 220+20+220, e-posta/mesaj 460, gönder 127×35 sağda) */
.contact-form { margin-top: 34px; }
.contact-form .form { max-width: 460px; }
.contact-form .form__field { margin-bottom: 20px; }
.contact-form .form__actions { margin-top: 2px; align-items: flex-start; }
.contact-form .form__note { flex: 1; padding-top: 2px; }
.contact-form .btn--navy { flex: 0 0 auto; min-width: 127px; }

/* Harita (orijinal: gri tonlu harita, kırmızı iğne) */
.contact-map { padding: 34px 80px; }
.contact-map__frame { display: block; width: 100%; height: 350px; border: 0; background: #e8e8e8; filter: grayscale(.6) contrast(.97) brightness(1.03); }

@media (max-width: 1239px) {
  .contact-band__in { padding: 0 16px 0 25px; }
  .contact-map { padding: 34px 24px; }
}
@media (max-width: 999px) {
  .contact-band__in { grid-template-columns: minmax(0, 1fr); padding: 0 16px; }
  .contact-form { margin-top: 56px; }
  .contact-form .form { max-width: none; }
}
@media (max-width: 750px) {
  .contact-band { padding: 46px 0 64px; }
  .contact-band__in { padding: 0; }
  .contact-band__title { font-size: 33px; line-height: 1.3; }
  .contact-info { margin-top: 36px; }
  .contact-info__row { grid-template-columns: 58px minmax(0, 1fr); }
  .contact-info__row + .contact-info__row { margin-top: 38px; }
  .contact-info__text { font-size: 17px; }
  .contact-form { margin-top: 52px; }
  .contact-form .form__field label { font-size: 17px; }
  .contact-form .form__field input { height: 46px; font-size: 16px; }
  .contact-form .form__field textarea { height: 110px; font-size: 16px; }
  .contact-form .form__actions { flex-direction: column-reverse; align-items: stretch; gap: 18px; }
  .contact-form .btn--navy { width: 100%; height: 52px; border-radius: 28px; font-size: 15px; }
  .contact-map { padding: 0; }
  .contact-map__frame { height: 320px; }
}