/* =====================================================================
   components/option-card.css — bordered card, icon tile above the copy
   (template-parts/global/option-card.php).

   Measured from Solar-Service-Inner-Page.png: card 533 x 237.5, padding
   36px / 32px, 60px icon tile, 19px gap to a 22px title, 17px body at 1.65.
   ===================================================================== */

.option-card {
	display: block;
	padding: 2.1875rem 2rem 2.1875rem;
	background: var(--surface);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-md);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.option-card:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 158, 69, .45);
	box-shadow: var(--shadow-md);
}

.option-card .icon-tile {
	margin-bottom: 1.1875rem;
}

.option-card__title {
	margin-bottom: .25rem;
	font-size: var(--h4-size);
}

.option-card__text {
	margin: 0;
	font-size: 1.0625rem;
	line-height: 1.65;
	color: var(--text-color);
}