.ln-trust-bar {
	position: relative;
	/* border-top: 1px solid #E8DDD1;
	border-bottom: 1px solid #E8DDD1; */
	background-color: #fff;
	font-family: "Plus Jakarta Sans", sans-serif; /* Base UI font — same as hero section */
}

.ln-trust-bar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 56px;
}

.ln-trust-bar__item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex: 1 1 0;
	gap: 12px;
	padding: 0 28px;
	border-right: 1px solid #DEDAD4;
}

.ln-trust-bar__item:first-child {
	padding-left: 0;
}

.ln-trust-bar__item:last-child {
	padding-right: 0;
	border-right: 0;
}

.ln-trust-bar__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	font-size: 30px;
	line-height: 1;
	color: #B67A3C;
}

.ln-trust-bar__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.ln-trust-bar__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.ln-trust-bar__value {
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; /* Heading font — same as hero stat numbers */
	font-size: 23px;
	font-weight: 600;
	line-height: 1.2;
	color: #2C2420;
	white-space: nowrap;
}

.ln-trust-bar__label {
	margin-top: 3px;
	font-family: "Plus Jakarta Sans", sans-serif; /* UI font — same as hero stat labels */
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #9A948E;
	white-space: nowrap;
}

@media (max-width: 1280px) {
	.ln-trust-bar__inner {
		padding: 20px 40px;
	}

	.ln-trust-bar__item {
		padding: 0 18px;
	}
}

/* ── 1024px: 3 columns ──
   Dividers are drawn as a *top* border starting from the 2nd row onward
   (nth-child(n+4)). This works correctly no matter how many items there
   are or whether the final row is a partial row — unlike removing the
   bottom border from the "last row" via nth-last-child, which breaks
   whenever the item count isn't an exact multiple of the column count. */
@media (max-width: 1024px) {
	.ln-trust-bar__inner {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-items: center;
		align-items: stretch;
		padding: 20px 32px;
		gap: 0;
	}

	.ln-trust-bar__item {
		width: 100%;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 16px 12px;
		border-right: 0;
		border-bottom: 0;
		border-top: 1px solid transparent;
	}

	.ln-trust-bar__item:nth-child(n+4) {
		border-top: 1px solid #DEDAD4;
	}

	/* Center a lone item left over in the final row (item count % 3 === 1) */
	.ln-trust-bar__item:last-child:nth-child(3n+1) {
		grid-column: 1 / -1;
		align-items: center;
		justify-content: center;
	}

	/* Let long labels wrap instead of overflowing the narrower columns */
	.ln-trust-bar__value,
	.ln-trust-bar__label {
		white-space: normal;
	}
}

/* ── 640px: 2 columns ── */
@media (max-width: 640px) {
	.ln-trust-bar__inner {
		grid-template-columns: repeat(2, 1fr);
		padding: 16px 20px;
	}

	.ln-trust-bar__item {
		align-items: flex-start;
		padding: 14px 12px;
		border-top: 1px solid transparent;
	}

	.ln-trust-bar__item:nth-child(n+3) {
		border-top: 1px solid #DEDAD4;
	}

	/* Center a lone item left over in the final row (odd item count) instead
	   of leaving it stuck in the left column with empty space on the right. */
	.ln-trust-bar__item:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		align-items: center;
		justify-content: center;
	}

	.ln-trust-bar__value,
	.ln-trust-bar__label {
		white-space: normal;
	}
}

/* ── 380px: Single column ── */
@media (max-width: 380px) {
	.ln-trust-bar__inner {
		grid-template-columns: 1fr;
	}

	.ln-trust-bar__item {
		border-top: 1px solid transparent;
	}

	.ln-trust-bar__item:nth-child(n+2) {
		border-top: 1px solid #DEDAD4;
	}
}