/**
 * Why Choose Us Styles
 *
 * Three key differentiators: Guarantee, Transparency, Local Team.
 * Card styles are now in components/feature-card.css
 */

.why-choose-us {
	padding: var(--section-padding) 0;
}

.why-choose-us h2 {
	margin-bottom: var(--section-header-spacing);
}

.why-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;
	max-width: 1140px;
	margin: 0 auto;
}

/* Team Photo */
.why-team-photo {
	margin-top: 3rem;
}

.why-team-image {
	max-width: 800px;
	margin: 0 auto;
}

.why-team-image img {
	border-radius: var(--card-radius);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
	.why-grid {
		flex-direction: column;
		align-items: center;
		gap: 1.5rem;
		padding: 0 var(--content-padding-mobile);
	}

	.why-team-photo {
		margin-top: 2rem;
		padding: 0 var(--content-padding-mobile);
	}
}