.flex-layout.gallerij-content-layout {
	padding-block: 100px;
	background-color: var(--st-berry);
}

.flex-layout.gallerij-content-layout .content {
	display: flex;
	flex-direction: column;
	gap: var(--st-content-gap);
	padding-left: 64px;
}

.flex-layout.gallerij-content-layout .content .info {
	margin-block: 24px 12px;
}

.flex-layout.gallerij-content-layout .content .pk-button-group {
	margin-top: var(--st-content-button-margin);
}

.flex-layout.gallerij-content-layout .gallery-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 16px;
	aspect-ratio: 1;
}

.flex-layout.gallerij-content-layout .gallery-wrapper .gallery-col {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.flex-layout.gallerij-content-layout .gallery-wrapper .gallery-col img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 16px;
}

.flex-layout.gallerij-content-layout .gallery-wrapper .gallery-col:nth-child(1) img {
	aspect-ratio: 1;
}

.flex-layout.gallerij-content-layout .gallery-wrapper .gallery-col:nth-child(2) img {
	height: 50%;
}

.flex-layout.gallerij-content-layout .gallery-wrapper .gallery-col:nth-child(3) > img:first-child {
	height: 100%;
}

.flex-layout.gallerij-content-layout .gallery-wrapper .gallery-col:nth-child(3) img:last-child {
	aspect-ratio: 1;
}

@media screen and (max-width: 992px) {
	
	.flex-layout.gallerij-content-layout {
		padding-block: 60px;
	}
	
	.flex-layout.gallerij-content-layout .content {
		padding-left: 0px;
	}
		
	.flex-layout.gallerij-content-layout .pk-grid-container {
		row-gap: 40px;
	}
	
	.flex-layout.gallerij-content-layout .gallery-wrapper {
		column-gap: 8px;
	}
	
	.flex-layout.gallerij-content-layout .gallery-wrapper .gallery-col {
		gap: 8px;
	}
	
}

@media screen and (max-width: 767px) {
	
	.flex-layout.gallerij-content-layout {
		padding-block: 40px;
	}
	
}