/* ============================================================
   Furniture Services blocks
   ============================================================ */
.services-page {
	padding-top: clamp(3.5rem, 7vw, 6rem);
	padding-bottom: clamp(4.5rem, 8vw, 7rem);
}

.services-page__intro {
	max-width: 760px;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.services-page__intro > *:first-child {
	margin-top: 0;
}

.services-page__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
}

.services-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 100%;
	padding: clamp(1.35rem, 2.4vw, 2rem);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast, #222) 12%, transparent);
	border-radius: 8px;
	box-shadow: 0 18px 42px color-mix(in srgb, var(--wp--preset--color--contrast, #222) 7%, transparent);
	box-sizing: border-box;
}

.services-card__header {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	width: 100%;
	margin-bottom: 1rem;
}

.services-card__icon {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 2.85rem;
	height: 2.85rem;
	color: var(--wp--preset--color--contrast, #222);
	background: color-mix(in srgb, var(--wp--preset--color--contrast, #222) 7%, transparent);
	border-radius: 8px;
}

.services-card__icon svg {
	display: block;
	width: 1.65rem;
	height: 1.65rem;
}

.services-card h2,
.services-card__title {
	margin: 0;
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	line-height: 1.08;
}

.services-card p,
.services-card__text {
	margin-top: 0;
	margin-bottom: 0;
	color: color-mix(in srgb, var(--wp--preset--color--contrast, #222) 72%, transparent);
	line-height: 1.68;
}

.services-page--editor .services-page__grid {
	padding: 0;
}

.services-page--editor .block-editor-inner-blocks,
.services-page--editor .block-editor-block-list__layout {
	display: contents;
}

.services-card--editor {
	min-height: 220px;
}

@media (max-width: 980px) {
	.services-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.services-page__grid {
		grid-template-columns: 1fr;
	}
}