/**
 * Kolonia Marzeń — Galeria: style siatki zdjęć na froncie (krótki kod
 * [km_galeria] i widok wstawiany przez motyw Kolonia Marzeń). Niezależne od
 * motywu, żeby wtyczka działała poprawnie z dowolnym szablonem.
 */
.km-gal-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
.km-gal-grid__item {
	margin: 0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 24px -14px rgba(0, 0, 0, 0.35);
	background: #eee;
}
.km-gal-grid__item a {
	display: block;
	line-height: 0;
}
.km-gal-grid__item img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.km-gal-grid__item a:hover img,
.km-gal-grid__item a:focus img {
	transform: scale(1.04);
}

@media (max-width: 900px) {
	.km-gal-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 520px) {
	.km-gal-grid {
		grid-template-columns: 1fr;
	}
	.km-gal-grid__item img {
		height: 260px;
	}
}

/* Samodzielna strona galerii pod prostym linkiem (?km_galeria=ROK-TURNUS)
   — patrz km_gal_maybe_render_standalone_gallery() w głównym pliku wtyczki.
   Neutralny, minimalny kontener, żeby dobrze wyglądał z dowolnym motywem. */
.km-gal-standalone__container {
	max-width: 1180px;
	margin: 0 auto;
	padding: 48px 24px 80px;
}
.km-gal-standalone__title {
	margin: 0 0 28px;
}