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

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

#unk_page[data-template='stockits'] h3 {
	display: block;
	padding-bottom: 16px;
}

#unk_page[data-template='stockits'] h4 {
	margin-top: 24px;
}

#unk_page[data-template='stockits'] h3 + h4 {
	margin-top: 0;
}

/* #unk_page[data-template="stockits"] .stockist-block-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 48px;
} */

#unk_page[data-template='stockits'] .stockist-list.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	row-gap: 32px;
	-moz-column-gap: 32px;
	column-gap: 32px;
}

#unk_page[data-template='stockits'] .stockist-list.grid .stockist {
	max-width: 320px;
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 {
	padding-bottom: 64px;
}

#unk_page[data-template='stockits'] #unk_stockits-section-2 {
	position: relative;
	padding-top: 64px;
	padding-bottom: 64px;
}

#unk_page[data-template='stockits'] #unk_stockits-section-2::after {
	content: '';
	position: absolute;
	left: var(--unk-column-gap);
	right: var(--unk-column-gap);
	bottom: 0;
	border-bottom: 1px solid var(--unk-border-color);
}

#unk_page[data-template='stockits'] #unk_stockits-section-3 {
	padding-top: 64px;
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 {
	height: calc(50svh - (var(--unk-column-gap) * 2));
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 .image-placeholder {
	height: 100%;
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 .col-xs-12 {
	height: 100%;
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 .col-xs-12 > div {
	position: relative;
	height: 100%;
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 .image-placeholder:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
}

#unk_page[data-template='stockits'] #unk_stockits-section-1 .image-placeholder:not(.active) {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

@media only screen and (max-width: 767.98px) {
	#unk_page[data-template='stockits'] > .container-full {
	}

	#unk_page[data-template='stockits'] #unk_stockits-section-1 {
		padding-bottom: 48px;
	}

	#unk_page[data-template='stockits'] #unk_stockits-section-2 {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	#unk_page[data-template='stockits'] #unk_stockits-section-2 > .col-sm-6 + .col-sm-6 {
		margin-top: 32px;
	}

	#unk_page[data-template='stockits'] #unk_stockits-section-3 {
		padding-top: 48px;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		gap: 32px;
	}

	#unk_page[data-template='stockits'] h4 {
		margin-top: 48px;
	}

	#unk_page[data-template='stockits'] h3 {
		border-bottom: 1px solid var(--unk-border-color);
	}

	#unk_page[data-template='stockits'] h3.no-mobile-border {
		border-bottom: 0;
	}

	#unk_page[data-template='stockits'] .stockist-block:first-child h4 {
		margin-top: 24px;
	}
}