/**
 * Blok "usp" — Waarom Textielhuis: gecentreerde kop + 4 icoonbollen met label.
 * Site-breed (verplaatst uit pages/homepage.css).
 */
.th-why .th-section__title { text-align: center; font-size: clamp(26px, 1.3rem + 1.9vw, 40px); line-height: 1.2; margin-bottom: clamp(28px, 4vw, 49px); }
.th-why__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; list-style: none; margin: 0; padding: 0; }
.th-why__item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 23px; }
/* Icoon op 80px (bron 104px); 52px was te klein (13-10-2026). Mét .th-why__list
   ervoor (specificiteit 0,2,0) zodat WooCommerce' eigen `.woocommerce img { max-width }`
   (0,1,1) er niet overheen kan — de homepage is óók de shop-pagina, dus die regel
   geldt hier. */
.th-why__list .th-why__icon { width: 80px; height: 80px; max-width: 80px; object-fit: contain; display: block; }
.th-why__label { font-size: 16px; line-height: 1.3; color: #000; max-width: 283px; }

@media (max-width: 981px) { .th-why__list { grid-template-columns: repeat(2, 1fr); gap: 24px; } }
@media (max-width: 560px) {
	.th-why__list { grid-template-columns: 1fr 1fr; }
	/* Iconen kleiner op mobiel (desktop 80px). */
	.th-why__list .th-why__icon { width: 56px; height: 56px; max-width: 56px; }
}