/* Masonry — CSS column-count layout (no JS). */

.kgr-widget.kgr-cat-masonry .kgr-masonry {
	column-count: var(--kgr-cols, 3);
	column-gap: var(--kgr-sp-4);
}
@media (max-width: 900px) {
	.kgr-widget.kgr-cat-masonry .kgr-masonry { column-count: 2; }
}
@media (max-width: 600px) {
	.kgr-widget.kgr-cat-masonry .kgr-masonry { column-count: 1; }
}
.kgr-widget.kgr-cat-masonry .kgr-card {
	display: inline-block;        /* play well with column flow */
	width: 100%;
	margin-bottom: var(--kgr-sp-4);
	break-inside: avoid;
}