/* =============================================
   LaundDry — Wijkpagina's ("Laundromat near …")
   Hergebruikt de blokken van de dienstpagina's (.ld-hero, .ld-help,
   .ld-why, .ld-faq, .ld-cta). Hier alleen wat extra's.
   ============================================= */

/* Knop onder de routekaarten */
.ld-help__foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: clamp(20px, 2.6vw, 32px);
}

/* Routekaarten: icoon iets groter dan de 16px-iconen van Contact */
.ld-help--route .ld-help__icon svg {
	width: 22px;
	height: 22px;
}

/* "Also close by": links naar andere wijken in de CTA */
.ld-cta__nearby {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 14px;
	margin: 22px 0 0;
	font-family: var(--ld-font-body);
	font-size: 13.5px;
	line-height: 1.5;
	color: rgba(34, 48, 42, .6);
}

.ld-cta__nearby a {
	color: var(--ld-green);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: rgba(24, 65, 39, .3);
}

.ld-cta__nearby a:hover,
.ld-cta__nearby a:focus-visible {
	text-decoration-color: var(--ld-green);
}

/* In- en uitvliegen (alleen met panelen; zie motion.css) */
.ld-help__foot { --ld-i: 5; --ld-y: 40px; }

/* Lage laptopschermen met panelen: routekaarten compacter */
@media (min-width: 981px) and (max-height: 700px) {
	.ld-help--route .ld-help__card {
		padding: 18px 20px 14px;
	}

	.ld-help--route .ld-help__icon {
		width: 38px;
		height: 38px;
		margin-bottom: 10px;
	}

	.ld-help--route .ld-help__text {
		margin-bottom: 6px;
	}

	.ld-help__foot {
		margin-top: 16px;
	}
}