/* =========================================================================
 * Feature Grid 002 — Room Cards
 *
 * Three columns (the block's grid) of cards: a 4:3 photo in a rounded frame,
 * the room's name at the h4 step, the beds in small capitals, one line.
 * ========================================================================= */

.feature-grid-002__head {
	margin-bottom: var(--space-lg);
}

.feature-grid-002__head > * {
	margin-block: 0;
}

.feature-grid-002__head h2 {
	margin-top: var(--space-sm);
}

.feature-grid-002 .feature-grid-002__grid {
	gap: var(--space-lg) var(--space-md);
}

.feature-grid-002__card > * {
	margin-block: 0;
}

.feature-grid-002__card .wp-block-image {
	margin-bottom: var(--space-md);
	overflow: hidden;
	border-radius: var(--radius);
}

.feature-grid-002__card img {
	display: block;
	width: 100%;
}

.feature-grid-002__title.feature-grid-002__title {
	font-size: var(--heading-4);
}

.feature-grid-002__beds {
	margin: var(--space-xs) 0 !important;
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.feature-grid-002__note {
	max-width: 46rem;
	margin: var(--space-lg) 0 0 !important;
}

@media (max-width: 48rem) {
	.feature-grid-002 .feature-grid-002__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}