/* =========================================================
   MINDEMEZ FILTER
   ========================================================= */


/* =========================================================
   FILTER ROW
   ========================================================= */

#MindemezMain
.mindemez-main__filter-row {
	position: sticky !important;

	top:
		calc(
			var(--main-header, 30px) +
			var(--main-3, 90px) -
			var(--main-bottom-shift, 0px)
		) !important;

	display: flex !important;

	align-items: center !important;

	width: 100% !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;

	z-index: 10002 !important;

	transform: none !important;
}


/* =========================================================
   FILTER BUTTON
   ========================================================= */

#MindemezMain
.mindemez-main__filter-button {
	-webkit-appearance: none !important;
	appearance: none !important;

	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	flex:
		1 1 auto !important;

	width: 100% !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;

	padding:
		0
		10px !important;

	border: 0 !important;

	border-bottom:
		1px solid #efefef !important;

	border-radius: 0 !important;

	background: #fff !important;
	color: #000 !important;

	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size: 14px !important;
	font-weight: 400 !important;

	line-height: 1 !important;
	letter-spacing: .1rem !important;

	text-align: left !important;

	cursor: pointer !important;
}


/* =========================================================
   + / -
   ========================================================= */

#MindemezMain
.mindemez-main__filter-button
.mindemez-main__symbol {
	position: relative !important;

	display: block !important;

	flex:
		0 0 14px !important;

	width: 14px !important;
	height: 14px !important;

	min-width: 14px !important;
	max-width: 14px !important;

	margin: 0 !important;
	padding: 0 !important;
}


#MindemezMain
.mindemez-main__filter-button
.mindemez-main__symbol::before,
#MindemezMain
.mindemez-main__filter-button
.mindemez-main__symbol::after {
	content: "" !important;

	position: absolute !important;

	left: 50% !important;
	top: 50% !important;

	background: #000 !important;

	transform:
		translate(
			-50%,
			-50%
		) !important;
}


#MindemezMain
.mindemez-main__filter-button
.mindemez-main__symbol::before {
	width: 14px !important;
	height: 1px !important;
}


#MindemezMain
.mindemez-main__filter-button
.mindemez-main__symbol::after {
	width: 1px !important;
	height: 14px !important;
}


#MindemezMain
.mindemez-main__filter-button[aria-expanded="true"]
.mindemez-main__symbol::after {
	display: none !important;
}


/* =========================================================
   CLEAR
   ========================================================= */

#MindemezMain
.mindemez-filter-toolbar-clear {
	-webkit-appearance: none !important;
	appearance: none !important;

	position: absolute !important;

	left: 58px !important;
	top: 0 !important;

	display: flex !important;

	align-items: center !important;

	height: 30px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;

	background: transparent !important;
	color: #000 !important;

	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size: 14px !important;

	text-decoration: underline !important;

	text-underline-offset:
		3px !important;

	cursor: pointer !important;

	z-index: 4 !important;
}


#MindemezMain
.mindemez-filter-toolbar-clear[hidden] {
	display: none !important;
}


/* =========================================================
   FILTER PANEL

   KEY FIX:
   When open, fixed directly under the CURRENT sticky Filter.
   ========================================================= */

#MindemezMain
.mindemez-filter-panel {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;

	border: 0 !important;

	border-bottom:
		1px solid #efefef !important;
}


#MindemezMain
.mindemez-filter-panel[hidden] {
	display: none !important;
}


#MindemezMain.is-filter-open
.mindemez-filter-panel {
	position: fixed !important;

	top:
		var(
			--mindemez-filter-panel-top,
			120px
		) !important;

	left: 0 !important;
	right: 0 !important;

	bottom: auto !important;

	width: 100% !important;

	height: auto !important;

	max-height:
		calc(
			100dvh -
			var(
				--mindemez-filter-panel-top,
				120px
			)
		) !important;

	overflow-x: hidden !important;
	overflow-y: auto !important;

	background: #fff !important;

	z-index: 10001 !important;

	overscroll-behavior:
		contain !important;

	-webkit-overflow-scrolling:
		touch !important;
}


/* =========================================================
   INNER
   ========================================================= */

#MindemezMain
.mindemez-filter__inner {
	display: grid !important;

	grid-template-columns:
		minmax(0, 1fr)
		280px !important;

	width: 100% !important;

	margin: 0 !important;

	padding:
		20px
		10px !important;

	background: #fff !important;
}


/* =========================================================
   FILTER GROUPS
   ========================================================= */

#MindemezMain
.mindemez-filter__filters {
	display: grid !important;

	grid-template-columns:
		repeat(
			3,
			minmax(0, 1fr)
		) !important;

	gap:
		40px !important;

	padding-right:
		40px !important;
}


/* =========================================================
   HEADING
   ========================================================= */

#MindemezMain
.mindemez-filter__heading {
	margin:
		0
		0
		12px !important;

	padding: 0 !important;

	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size: 14px !important;
	font-weight: 400 !important;

	line-height: 1.2 !important;

	letter-spacing:
		.1rem !important;
}


/* =========================================================
   OPTIONS
   ========================================================= */

#MindemezMain
.mindemez-filter__options {
	display: flex !important;

	flex-direction:
		column !important;

	gap:
		8px !important;
}


#MindemezMain
.mindemez-filter__option {
	position: relative !important;

	display: inline-flex !important;

	align-items:
		center !important;

	gap:
		8px !important;

	width:
		max-content !important;

	margin: 0 !important;
	padding: 0 !important;

	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size:
		14px !important;

	cursor:
		pointer !important;
}


#MindemezMain
.mindemez-filter__option input {
	position:
		absolute !important;

	width:
		1px !important;

	height:
		1px !important;

	opacity:
		0 !important;

	pointer-events:
		none !important;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

#MindemezMain
.mindemez-filter__box {
	position:
		relative !important;

	display:
		block !important;

	flex:
		0 0 12px !important;

	width:
		12px !important;

	height:
		12px !important;

	border:
		1px solid #000 !important;

	background:
		#fff !important;
}


#MindemezMain
.mindemez-filter__option
input:checked
+
.mindemez-filter__box:not(.mindemez-filter__color)::after {
	content:
		"" !important;

	position:
		absolute !important;

	top:
		2px !important;

	left:
		2px !important;

	width:
		6px !important;

	height:
		6px !important;

	background:
		#000 !important;
}


/* =========================================================
   COLORS
   ========================================================= */

#MindemezMain
.mindemez-filter__color {
	flex:
		0 0 14px !important;

	width:
		14px !important;

	height:
		14px !important;

	border-radius:
		50% !important;

	border:
		1px solid transparent !important;

	background:
		#aaa !important;
}


#MindemezMain
.mindemez-filter__color[data-color="gray"],
#MindemezMain
.mindemez-filter__color[data-color="grey"] {
	background:
		#999 !important;
}


#MindemezMain
.mindemez-filter__color[data-color="yellow"] {
	background:
		#e8cf45 !important;
}


#MindemezMain
.mindemez-filter__color[data-color="black"] {
	background:
		#000 !important;
}


#MindemezMain
.mindemez-filter__color[data-color="white"] {
	background:
		#fff !important;

	border-color:
		#bbb !important;
}


#MindemezMain
.mindemez-filter__color[data-color="blue"] {
	background:
		#54728c !important;
}


#MindemezMain
.mindemez-filter__color[data-color="green"] {
	background:
		#6b7d62 !important;
}


#MindemezMain
.mindemez-filter__color[data-color="brown"] {
	background:
		#80624d !important;
}


#MindemezMain
.mindemez-filter__color[data-color="red"] {
	background:
		#b8554e !important;
}


#MindemezMain
.mindemez-filter__color[data-color="orange"] {
	background:
		#cf8241 !important;
}


#MindemezMain
.mindemez-filter__option
input:checked
+
.mindemez-filter__color {
	outline:
		1px solid #000 !important;

	outline-offset:
		2px !important;
}


/* =========================================================
   SORT
   ========================================================= */

#MindemezMain
.mindemez-filter__sort {
	padding-left:
		20px !important;

	border-left:
		1px solid #efefef !important;
}


#MindemezMain
.mindemez-filter__sort-options {
	display: flex !important;

	flex-direction:
		column !important;

	align-items:
		flex-start !important;

	gap:
		8px !important;
}


#MindemezMain
.mindemez-filter__sort-option {
	-webkit-appearance:
		none !important;

	appearance:
		none !important;

	margin:
		0 !important;

	padding:
		0 !important;

	border:
		0 !important;

	background:
		transparent !important;

	color:
		#000 !important;

	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size:
		14px !important;

	text-align:
		left !important;

	cursor:
		pointer !important;
}


#MindemezMain
.mindemez-filter__sort-option.is-active {
	text-decoration:
		underline !important;

	text-underline-offset:
		3px !important;
}


/* =========================================================
   ACTION
   ========================================================= */

#MindemezMain
.mindemez-filter__actions {
	grid-column:
		1 / -1 !important;

	display:
		flex !important;

	width:
		100% !important;

	margin-top:
		20px !important;

	padding-top:
		18px !important;

	border-top:
		1px solid #efefef !important;
}


#MindemezMain
.mindemez-filter__apply {
	-webkit-appearance:
		none !important;

	appearance:
		none !important;

	display:
		inline-flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	min-width:
		96px !important;

	height:
		36px !important;

	margin:
		0 !important;

	padding:
		0 16px !important;

	border:
		1px solid #000 !important;

	border-radius:
		0 !important;

	background:
		#fff !important;

	color:
		#000 !important;

	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size:
		14px !important;

	cursor:
		pointer !important;
}


/* =========================================================
   LOADING
   ========================================================= */

#MindemezMain
[data-main-products].is-filtering {
	opacity:
		.35 !important;

	pointer-events:
		none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 989px) {

	#MindemezMain
	.mindemez-main__filter-row {
		height:
			26px !important;

		min-height:
			26px !important;

		max-height:
			26px !important;

		top:
			calc(
				var(--main-header, 26px) +
				var(--main-3, 78px) -
				var(--main-bottom-shift, 0px)
			) !important;
	}


	#MindemezMain
	.mindemez-main__filter-button {
		height:
			26px !important;

		min-height:
			26px !important;

		max-height:
			26px !important;

		font-size:
			13px !important;
	}


	#MindemezMain
	.mindemez-filter-toolbar-clear {
		height:
			26px !important;

		left:
			52px !important;

		font-size:
			13px !important;
	}


	#MindemezMain
	.mindemez-filter__inner {
		display:
			block !important;

		padding:
			18px
			10px !important;
	}


	#MindemezMain
	.mindemez-filter__filters {
		display:
			block !important;

		padding:
			0 !important;
	}


	#MindemezMain
	.mindemez-filter__group {
		margin-bottom:
			24px !important;
	}


	#MindemezMain
	.mindemez-filter__heading,
	#MindemezMain
	.mindemez-filter__option,
	#MindemezMain
	.mindemez-filter__sort-option,
	#MindemezMain
	.mindemez-filter__apply {
		font-size:
			13px !important;
	}


	#MindemezMain
	.mindemez-filter__sort {
		margin-top:
			6px !important;

		padding:
			18px
			0
			0 !important;

		border-left:
			0 !important;

		border-top:
			1px solid #efefef !important;
	}

}


/* =========================================================
   INFINITE SCROLL — 3 GRAY DOTS
   ========================================================= */

#MindemezMain
.mindemez-infinite-scroll {
	position: relative !important;

	display: block !important;

	width: 100% !important;

	height: 50px !important;
	min-height: 50px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;
}


#MindemezMain
.mindemez-infinite-scroll[hidden] {
	display: none !important;
}


#MindemezMain
.mindemez-infinite-loader {
	position: absolute !important;

	left: 50% !important;
	top: 50% !important;

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	gap: 5px !important;

	width: auto !important;
	height: 12px !important;

	margin: 0 !important;
	padding: 0 !important;

	transform: translate(-50%, -50%) !important;
}


#MindemezMain
.mindemez-infinite-loader[hidden] {
	display: none !important;
}


#MindemezMain
.mindemez-infinite-loader
span {
	display: block !important;

	width: 6px !important;
	height: 6px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 50% !important;

	background: #9a9a9a !important;

	animation:
		mindemezInfiniteDot
		900ms
		infinite
		ease-in-out !important;
}


#MindemezMain
.mindemez-infinite-loader
span:nth-child(2) {
	animation-delay: 150ms !important;
}


#MindemezMain
.mindemez-infinite-loader
span:nth-child(3) {
	animation-delay: 300ms !important;
}


#MindemezMain
.mindemez-infinite-sentinel {
	position: absolute !important;

	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;

	width: 100% !important;
	height: 1px !important;

	pointer-events: none !important;
}


@keyframes mindemezInfiniteDot {

	0%,
	100% {
		opacity: .25;
		transform: translateY(0);
	}

	50% {
		opacity: 1;
		transform: translateY(-2px);
	}

}


@media screen and (max-width: 989px) {

	#MindemezMain
	.mindemez-infinite-scroll {
		height: 44px !important;
		min-height: 44px !important;
	}

}


/* =========================================================
   ALL PRINTS + FILTER — ONE STICKY ROW
   ========================================================= */

#MindemezMain
.mindemez-main__all-filter-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #fff !important;
}


#MindemezMain
.mindemez-main__all-jump {
	-webkit-appearance: none !important;
	appearance: none !important;

	display: flex !important;
	align-items: center !important;

	flex: 1 1 auto !important;

	width: auto !important;
	min-width: 0 !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 0 10px !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	color: #000 !important;

	font-family:
		Helvetica,
		Arial,
		sans-serif !important;

	font-size: 14px !important;
	font-weight: 400 !important;

	line-height: 1 !important;
	letter-spacing: .1rem !important;

	text-align: left !important;

	cursor: pointer !important;
}


#MindemezMain
.mindemez-main__all-filter-row
.mindemez-main__filter-button {
	flex: 0 0 auto !important;

	width: auto !important;
	min-width: 0 !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 0 10px !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;

	gap: 10px !important;
}


#MindemezMain
.mindemez-main__all-filter-row
.mindemez-filter-toolbar-clear {
	position: static !important;

	flex: 0 0 auto !important;

	width: auto !important;

	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 !important;
	padding: 0 0 0 10px !important;

	background: transparent !important;

	z-index: auto !important;
}


@media screen and (max-width: 989px) {

	#MindemezMain
	.mindemez-main__all-jump,
	#MindemezMain
	.mindemez-main__all-filter-row
	.mindemez-main__filter-button,
	#MindemezMain
	.mindemez-main__all-filter-row
	.mindemez-filter-toolbar-clear {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;

		font-size: 13px !important;
	}

}