.services-section {
	padding: 80px 0;
	background: #fff;
}

.section-header {
	text-align: center;
	margin-bottom: 48px;
}

.services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px;
}

.product-card {
	background: #f8fafc;
	border-radius: 16px;
	padding: 24px;
	transition: .3s;
}

	.product-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 12px 30px rgba(0,0,0,.08);
	}

.service-icon {
	font-size: 32px;
	color: #2563eb;
	margin-bottom: 12px;
}

.service-title {
	font-size: 18px;
	margin-bottom: 10px;
}