/* Trust bar - brand gradient (warm orange) z 4 stats.
   Sygnaturowy pasek pod hero, biale liczby na gradiencie. */

.trust-bar {
	background: var(--brand-gradient);
	color: var(--c-white);
	padding: var(--s-12) 0;
	position: relative;
	overflow: hidden;
}

.trust-bar__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--s-8);
	text-align: center;
}

.trust-bar__item {
	display: flex;
	flex-direction: column;
	gap: var(--s-2);
	position: relative;
}
.trust-bar__item:not(:last-child)::after {
	content: '';
	position: absolute;
	right: calc(var(--s-8) * -0.5);
	top: 20%;
	bottom: 20%;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
}

.trust-bar__number {
	font-family: var(--f-headline);
	font-size: clamp(2rem, 3vw + 0.5rem, 2.5rem);
	font-weight: var(--fw-black);
	color: var(--c-white);
	line-height: 1;
	letter-spacing: var(--ls-tightest);
	margin-bottom: var(--s-1);
}

.trust-bar__label {
	font-family: var(--f-body);
	font-size: var(--fs-xs);
	color: rgba(255, 255, 255, 0.9);
	text-transform: uppercase;
	letter-spacing: var(--ls-wider);
	font-weight: var(--fw-medium);
}

@media (max-width: 767px) {
	.trust-bar__list { grid-template-columns: repeat(2, 1fr); gap: var(--s-6); }
	.trust-bar__item:nth-child(2)::after { display: none; }
}