/**
 * Trust band — four reassurance items shown above the footer.
 *
 * Shared component (home + landing pages). Loaded globally. Mobile-first:
 * one column, scaling to two (>=561px) then four (>=981px).
 *
 * @package Bozpo_Custom
 */

.trust-band {
	margin-top: var(--space-48);
	background: var(--surface-soft);
	border-top: 1px solid var(--color-border);
}

.trust-band__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-24);
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-26) var(--wrap-pad);
}

.trust-band__item {
	display: flex;
	align-items: center;
	gap: var(--space-14);
}

.trust-band__item svg {
	flex: none;
	width: 32px;
	height: 32px;
	color: var(--color-primary);
}

.trust-band__item b {
	display: block;
	font-family: var(--font-display);
	font-size: var(--text-16);
	font-weight: 600;
}

.trust-band__item span {
	color: var(--color-muted);
	font-size: var(--text-13);
}

@media (min-width: 561px) {
	.trust-band__inner {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 981px) {
	.trust-band__inner {
		grid-template-columns: repeat(4, 1fr);
	}
}
