/* Blok: Contact — gegevens links + formulier rechts. */
.block-contact { background: var(--amazing-bg); padding-block: 64px; }
.block-contact__inner { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: start; }
.block-contact__heading { font-size: clamp(24px, 2vw, 30px); margin-bottom: 22px; }
.block-contact__social { display: flex; gap: 14px; margin-bottom: 26px; }
.block-contact__social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--amazing-accent); }
.block-contact__list { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 16px; }
.block-contact__list li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.5; }
.block-contact__list a { color: #fff; }
.block-contact__list a:hover { color: var(--amazing-accent); opacity: 1; }
/* Kaart-placeholder "Navigeer naar ons": groot vierkant donker blok, icoon boven
   het gecentreerde label (conform ontwerp). */
.block-contact__map {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
	width: 100%; min-height: 200px;
	background: var(--amazing-footer); color: var(--amazing-accent);
	padding: 28px; font-weight: 700; text-align: center;
}
.block-contact__map:hover { opacity: .85; }

@media (max-width: 860px) { .block-contact__inner { grid-template-columns: 1fr; gap: 40px; } }