.c-park-grid {
	&.c-park-grid--cards {
		background-color: var(--color-grey-light);
		padding: var(--spacing-md) 0;
	}

	.c-park-grid__tiles {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: var(--spacing-sm);

		&.c-park-grid__tiles--tiles {
			@media (width >= 600px) and (width < 1024px) {
				grid-template-columns: repeat(2, 1fr);
			}

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

		&.c-park-grid__tiles--cards {
			@media (width >= 1024px) {
				gap: var(--spacing-md);
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}

	.c-park-grid__pagination {
		margin-top: var(--spacing-md);
	}
}