/* ── Контакти ───────────────────────────────────────────────────────────── */
.contacts-page__inner {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--space-9);
    align-items: stretch;
}

.contacts-card { min-width: 0; display: grid; gap: var(--space-5); padding: var(--space-7); background: var(--color-bg-warm); border-radius: var(--radius); }
.contacts-card__title,
.contact-form__title { font-size: var(--fs-h3); font-weight: var(--fw-regular); line-height: 1.2; letter-spacing: var(--ls-heading); color: var(--color-heading); }
.contacts-card__list { gap: var(--space-4); font-size: var(--fs-base); }
.contacts-card__socials { display: grid; gap: var(--space-3); padding-top: var(--space-5); border-top: 1px solid var(--color-border-strong); }
.contacts-card__label { font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--color-muted); }

/* ── Форма: заголовок і відступи (поля — css/components/form.css, JetFormBuilder) ── */
.contact-form__inner { display: grid; gap: var(--space-6); max-width: 920px; }
.contact-form__title { text-align: center; }

/* ── Мапа ───────────────────────────────────────────────────────────────── */
.contacts-map__frame { display: block; width: 100%; height: 100%; min-height: 400px; border: 0; border-radius: var(--radius); background: var(--color-bg-warm); filter: grayscale(.25); }

/* ── Адаптив ────────────────────────────────────────────────────────────── */
@media (max-width: 1023px) {
    .contacts-page__inner { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
    .contacts-map__frame { min-height: 340px; height: 340px; }
}

@media (max-width: 767px) {
    .contacts-card { padding: var(--space-5); }
    .contacts-map__frame { min-height: 280px; height: 280px; }
}