.contact-grid { display: grid; gap: var(--space-xl); grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: start; }
@media (max-width: 799px) { .contact-grid { grid-template-columns: 1fr; } }
.contact-details { display: grid; gap: var(--space-s); justify-items: start; }
.contact-list { display: grid; gap: var(--space-2xs); list-style: none; padding: 0; }
.contact-list li { display: flex; gap: var(--space-2xs); align-items: center; }
.contact-formbox { display: grid; gap: var(--space-s); }
.contact-form__pair { display: grid; gap: var(--space-m); grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.contact-done { display: grid; gap: var(--space-s); justify-items: start; padding: var(--space-m); border-radius: var(--radius-m); background: var(--color-surface); }
.locations { display: grid; gap: var(--space-l) var(--space-m); grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }
.location { display: grid; gap: var(--space-xs); align-content: start; }
.location__map { width: 100%; height: 240px; border: 0; border-radius: var(--radius-m); background: var(--color-bg); }
.location .btn { justify-self: start; }