/* Section: service-variant-picker */
.section-service-variant-picker__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1rem;
	margin-block: 1.5rem;
}

.component-service-variant-tile {
	border: 1px solid var(--pps-color-border, #e2e8f0);
	border-radius: var(--pps-radius, 8px);
	padding: 1rem;
	cursor: pointer;
	transition: border-color 0.15s ease;
}

.component-service-variant-tile.is-selected,
.component-service-variant-tile:hover {
	border-color: var(--pps-color-primary, #2b6cb0);
}

.component-service-variant-tile__price {
	font-weight: 700;
	color: var(--pps-color-primary, #2b6cb0);
}