/* =========================================================================
   02-services-grid.css
   Controls only the [iskt_services] shortcode — the "Our Services" tile
   grid linking to the five archive pages.
   ========================================================================= */

.iskt-services-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin: 32px 0;
}

.iskt-service-card {
	position: relative;
	flex: 1 1 180px;
	max-width: 230px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 42px 18px 34px;
	background: var(--iskt-white, #FFFFFF);
	border: 1px solid var(--iskt-line);
	border-radius: var(--iskt-radius, 14px);
	text-decoration: none;
	color: var(--iskt-ink, #2B2A25);
	text-align: center;
	box-shadow: 0 1px 3px rgba(43,42,37,.04);
	transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease, border-color .35s ease;
}
.iskt-service-card:hover {
	transform: translateY(-5px);
	border-color: var(--iskt-gold, #C6A25E);
	box-shadow: 0 20px 36px rgba(43,42,37,.10);
}
.iskt-service-icon {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--iskt-gold, #C6A25E);
	border-radius: 50%;
	color: var(--iskt-gold-deep, #9C7B3E);
	background: var(--iskt-gold-pale, #EFE3C4);
	flex-shrink: 0;
}
.iskt-service-icon svg { stroke: currentColor; fill: none; }
.iskt-service-title {
	font-family: var(--iskt-serif, 'Fraunces', serif);
	font-size: 16.5px;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var(--iskt-ink, #2B2A25);
}

@media (max-width: 600px) {
	.iskt-service-card { flex-basis: 100%; max-width: 340px; }
}