/**
 * Truck sponsorship section: image + copy (left) and donation panel
 * (right). The panel's own look is in donation-panel.css.
 */

.truck-sponsor {
	background-color: var(--color-white);
	padding: 60px 2.5rem;
}

.truck-sponsor__inner {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 3rem;
}

/* Left: image + copy */

.truck-sponsor__content {
	flex: 1 1 480px;
	max-width: 620px;
}

.truck-sponsor__image {
	width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 1.5rem;
}

.truck-sponsor__heading {
	font-family: var(--font-heading);
	color: var(--color-primary);
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	margin: 0 0 1rem;
}

.truck-sponsor__text {
	font-family: var(--font-body);
	color: var(--color-text);
	font-size: 1.0625rem;
	line-height: 1.65;
	margin: 0 0 1rem;
}

.truck-sponsor__text:last-child {
	margin-bottom: 0;
}

/* Right: donation panel */

.truck-sponsor__panel {
	flex: 0 1 480px;
	width: 100%;
	max-width: 480px;
}

@media (max-width: 768px) {
	.truck-sponsor {
		padding: 3rem 1.25rem;
	}

	.truck-sponsor__content,
	.truck-sponsor__panel {
		flex-basis: 100%;
		max-width: 100%;
	}
}