/* Template: Collection */
#unk_page[data-template='collection'] {
	padding-left: 0;
	padding-right: 0;
}

#unk_page[data-template='collection'] article > .container-full {
	display: flex;
	flex-direction: column;
	min-height: calc(100svh - (var(--unk-column-gap) * 4));
}

#unk_page[data-template='collection'] #unk_collection-row-1 {
	padding-bottom: 64px;
}

#unk_page[data-template='collection'] #unk_collection-row-1,
#unk_page[data-template='collection'] #unk_collection-row-2 {
	min-height: calc(50svh - (var(--unk-column-gap) * 2));
}

#unk_page[data-template='collection'] #unk_collection-row-2 {
	align-content: flex-start;
	padding-top: 64px;
	/* padding-bottom: 96px; */
}

#unk_page[data-template='collection'] #unk_collection-content-col-1,
#unk_page[data-template='collection'] #unk_collection-content-col-3 {
	display: flex;
	gap: 48px;
}

#unk_page[data-template='collection'] #unk_collection-content-col-3 {
	justify-content: space-between;
	padding-left: calc(var(--unk-column-gap) * 2);
}

#unk_page[data-template='collection'] #unk_collection-content-col-3 .paragraphs {
	/* max-width: 248px; */
}

#unk_page[data-template='collection'] grid-system.grid-system-collection-products {
	padding-bottom: 0;
}

@media only screen and (max-width: 1023.98px) {
	#unk_page[data-template='collection'] article > .container-full {
		height: auto;
	}

	#unk_page[data-template='collection'] #unk_collection-row-1 {
		align-items: flex-start;
		align-content: flex-start;
	}

	#unk_page[data-template='collection'] #unk_collection-content-col-1 {
		margin-bottom: 24px;
	}

	#unk_page[data-template='collection'] #unk_collection-content-col-3 {
		flex-direction: column;
		gap: 24px;
	}
}

@media only screen and (max-width: 767.98px) {
	#unk_page[data-template='collection'] #unk_collection-content-col-1 {
		margin-bottom: 16px;
	}

	#unk_page[data-template='collection'] #unk_collection-content-col-3 {
		margin-top: 48px;
		flex-direction: column;
		padding-left: 0;
		gap: 48px;
	}

	#unk_page[data-template='collection'] #unk_collection-content-col-3 .paragraphs {
		order: 0;
		max-width: 80%;
	}

	#unk_page[data-template='collection'] #unk_collection-products-carousel .embla__viewport {
		overflow: hidden;
	}

	#unk_page[data-template='collection'] grid-system.grid-system-collection-products.embla__container {
		display: flex;
		grid-template-columns: none;
		gap: calc(var(--unk-column-gap) * 2);
		touch-action: pan-x pinch-zoom;
	}

	#unk_page[data-template='collection'] grid-system.grid-system-collection-products.embla__container .grid-system-card {
		flex: 0 0 94px;
	}
}
