/* Block: DD — Galerij */

.dd-gallery {
	padding: 60px 0 0;
}

.dd-gallery__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.dd-gallery--cols-3 .dd-gallery__grid {
	grid-template-columns: repeat(3, 1fr);
}

.dd-gallery__frame {
	border-radius: var(--dd-radius-card);
}

@media (max-width: 900px) {
	.dd-gallery {
		padding: 40px 0 0;
	}

	.dd-gallery--cols-3 .dd-gallery__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.dd-gallery__grid,
	.dd-gallery--cols-3 .dd-gallery__grid {
		grid-template-columns: 1fr;
	}
}