/* ZYNGLE — contact form. Loaded on pages containing the form. */

.zg-form { display: grid; gap: var(--zg-6); }
.zg-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--zg-4); }

@media (max-width: 640px) { .zg-form__row { grid-template-columns: 1fr; } }

.zg-form__footer { display: grid; gap: var(--zg-4); }
.zg-form__submit { justify-self: start; }
.zg-form[data-state="sending"] { opacity: 0.6; pointer-events: none; }

.zg-contact__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr); gap: clamp(2rem, 1rem + 5vw, 5rem); align-items: start; }
@media (max-width: 900px) { .zg-contact__grid { grid-template-columns: 1fr; } }