/* Concierge services grid. Matches Figma 1:6993 / card 1:6996.
   Section rhythm + bg from `.ibv-section --surface-bg`. */

.ibv-section-concierge-services__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ibv-space-xl);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 60rem) {
	.ibv-section-concierge-services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 36rem) {
	.ibv-section-concierge-services__grid {
		grid-template-columns: 1fr;
	}
}

/* Card — background, radius, and shadow come from `.ibv-surface-card`
   in layout.css (composed in the markup). This rule only owns layout. */
.ibv-concierge-card {
	display: flex;
	flex-direction: column;
	gap: var(--ibv-space-md);
	padding: var(--ibv-space-xl);
}

.ibv-concierge-card__icon {
	width: 80px;
	height: 80px;
	color: var(--ibv-color-forest-green-deep);
	/* Lightest stroke for the large 80px service glyphs (Lucide default is 2). */
	stroke-width: 1;
	margin-block-end: var(--ibv-space-md);
}

.ibv-concierge-card__title {
	margin: 0;
	font-family: var(--ibv-font-display);
	font-optical-sizing: auto;
	font-weight: var(--ibv-font-weight-regular);
	font-size: 1.25rem;
	line-height: var(--ibv-lh-snug);
	letter-spacing: 0;
	color: var(--ibv-color-black);
}

.ibv-concierge-card .ibv-rule {
	width: 3.125rem;
}

.ibv-concierge-card__description {
	margin: 0;
	font-family: var(--ibv-font-body);
	font-size: var(--ibv-fs-small);
	line-height: var(--ibv-lh-cozy);
	color: var(--ibv-color-forest-green-deep);
}