/* İletişim (/iletisim) — sayfaya özel ekler. Yalnız token kullanır; main.css sınıflarını ezmez. */

/* Kısa mesaj formu bölümü: solda numaralı başlık + açıklama (masaüstünde yapışkan), sağda form kartı */
.contact-write__intro {
  counter-increment: sec;
  display: grid;
  gap: var(--s-5);
  align-content: start;
}

.contact-write__title { max-width: 16ch; }
.contact-write__intro .lead { max-width: 32rem; }

/* Teklif formuna yönlendiren şerit */
.contact-strip {
  display: grid;
  gap: var(--s-5);
  align-items: center;
}

.contact-strip__body { display: grid; gap: var(--s-2); }
.contact-strip__title { font-size: var(--fs-h3); }
.contact-strip__text { max-width: 40rem; color: var(--text-2); }

@media (min-width: 640px) {
  .contact-strip { grid-template-columns: auto minmax(0, 1fr); }
  .contact-strip__btn { grid-column: 1 / -1; justify-self: start; }
}

@media (min-width: 1024px) {
  .contact-strip { grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-6); padding: var(--s-6) var(--s-7); }
  .contact-strip__btn { grid-column: auto; justify-self: end; }
}