/**
 * Blok "linkgroups" — Klantenservice: 2 kolommen met link-groepen. Elke link is
 * een lichtgrijze pill met een gouden "+"-cirkel rechts (zoals het design).
 * Groepen worden op index verdeeld: even → kolom 1, oneven → kolom 2.
 */
.th-linkgroups { padding-block: 64px; }
.th-linkgroups__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 68px; align-items: start; }
.th-linkgroups__col { display: flex; flex-direction: column; gap: 40px; }
.th-linkgroups__group-title { font-family: var(--th-font-heading); font-weight: 600; font-size: 24px; line-height: 1.2; color: var(--th-dark); margin: 0 0 15px; }
.th-linkgroups__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; }
.th-linkgroups__link {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	min-height: 46px; padding: 8px 16px 8px 22px;
	background: #f5f5f5; border-radius: 4px;
	color: var(--th-dark); text-decoration: none;
	font-family: var(--th-font-body); font-size: 15px; line-height: 1.3;
	transition: background .2s;
}
.th-linkgroups__link:hover { background: #ececec; }
.th-linkgroups__plus {
	flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%;
	background: var(--th-gold); color: #fff;
	display: inline-flex; align-items: center; justify-content: center;
}
.th-linkgroups__plus svg { width: 10px; height: 10px; display: block; }

@media (max-width: 781px) {
	.th-linkgroups__cols { grid-template-columns: 1fr; gap: 32px; }
}