.c-homes-card-grid {
	.c-homes-card-grid__grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: var(--spacing-md);

		@media (width > 768px) and (width <= 1024px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media (width > 1024px) {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	.c-homes-card-grid__pagination {
		margin-top: var(--spacing-sm);
	}
}