/**
 * Blok "service" — Klantenservice-kolommen met accordeons (zoals de live-site).
 * 2-koloms grid; grijze (#f5f5f5) toggles met gouden +/- icoon (Libre Franklin 14px).
 */
.th-service-section { padding-block: 56px 80px; }
.th-service { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 56px; align-items: start; }
.th-service__col { min-width: 0; }
.th-service__title {
	font-family: var(--th-font-heading);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--th-dark);
	margin: 0 0 14px;
}
.th-service__acc { display: flex; flex-direction: column; gap: 8px; }

.th-service__item { background: #f5f5f5; border-radius: 0; overflow: hidden; }
.th-service__item summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 18px;
	font-family: var(--th-font-body);
	font-size: 14px;
	font-weight: 400;
	color: #000;
	transition: background .2s ease;
}
.th-service__item summary:hover { background: #ececec; }
.th-service__item summary::-webkit-details-marker { display: none; }
/* Gouden schijf met uitgesneden +/- (1:1 met Figma-icoon "Add", #cfa959, 15px). */
.th-service__item summary::after {
	content: "";
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	background: center / contain no-repeat
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3Cpath%20fill='%23cfa959'%20fill-rule='evenodd'%20d='M7.5293%200C3.40986%200%200%203.35127%200%207.4707C0%2011.5901%203.40986%2015%207.5293%2015C11.6487%2015%2015%2011.5901%2015%207.4707C15%203.35127%2011.6487%200%207.5293%200ZM11.4844%208.34961H8.4082V11.4844C8.4082%2011.9689%208.01357%2012.3633%207.5293%2012.3633C7.04473%2012.3633%206.65039%2011.9689%206.65039%2011.4844V8.34961H3.51562C3.03105%208.34961%202.63672%207.95527%202.63672%207.4707C2.63672%206.98613%203.03105%206.5918%203.51562%206.5918H6.65039V3.51562C6.65039%203.03105%207.04473%202.63672%207.5293%202.63672C8.01357%202.63672%208.4082%203.03105%208.4082%203.51562V6.5918H11.4844C11.9687%206.5918%2012.3633%206.98613%2012.3633%207.4707C12.3633%207.95527%2011.9687%208.34961%2011.4844%208.34961Z'/%3E%3C/svg%3E");
}
.th-service__item[open] summary::after {
	background-image:
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3Cpath%20fill='%23cfa959'%20fill-rule='evenodd'%20d='M7.5293%200C3.40986%200%200%203.35127%200%207.4707C0%2011.5901%203.40986%2015%207.5293%2015C11.6487%2015%2015%2011.5901%2015%207.4707C15%203.35127%2011.6487%200%207.5293%200ZM3.51562%206.5918H11.4844C11.9687%206.5918%2012.3633%206.98613%2012.3633%207.4707C12.3633%207.95527%2011.9687%208.34961%2011.4844%208.34961H3.51562C3.03105%208.34961%202.63672%207.95527%202.63672%207.4707C2.63672%206.98613%203.03105%206.5918%203.51562%206.5918Z'/%3E%3C/svg%3E");
}
.th-service__answer {
	padding: 0 18px 16px;
	font-family: var(--th-font-body);
	font-size: 14px;
	line-height: 1.6;
	color: #000;
}
.th-service__answer p { margin: 0 0 10px; }
.th-service__answer p:last-child { margin-bottom: 0; }
.th-service__answer a { color: var(--th-gold); text-decoration: underline; }

@media (max-width: 720px) {
	.th-service { grid-template-columns: 1fr; gap: 28px; }
}
/* Open/dicht-animatie wordt door theme.js/animations.js gestuurd (hoogte + fade),
   zodat zowel openen als sluiten vloeit. */