/* =========================================================
   MINDEMEZ BOTTOM
   UNIFIED 10PX SYMBOL ALIGNMENT
   ========================================================= */

#MindemezBottom {
	display: block !important;

	width: 100% !important;
	max-width: none !important;

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

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


#MindemezBottom,
#MindemezBottom *,
#MindemezBottom *::before,
#MindemezBottom *::after {
	box-sizing: border-box !important;
}


/* =========================================================
   LIST
   ========================================================= */

#MindemezBottom
.mindemez-bottom__product-list {
	display: block !important;

	width: 100% !important;

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


/* =========================================================
   CLOSED PRODUCT ROW

   SAME RULE AS ALL MENUS:
   10px left
   10px right
   ========================================================= */

#MindemezBottom
.mindemez-bottom__product-row {
	-webkit-appearance: none !important;
	appearance: none !important;

	display: flex !important;

	align-items: center !important;
	justify-content: space-between !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-size: 14px !important;
	font-weight: 400 !important;

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

	text-align: left !important;

	cursor: pointer !important;
}


#MindemezBottom
.mindemez-bottom__product-row[hidden] {
	display: none !important;
}


/* =========================================================
   CLOSED TITLE
   ========================================================= */

#MindemezBottom
.mindemez-bottom__product-title {
	display: block !important;

	flex:
		1 1 auto !important;

	min-width: 0 !important;

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

	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;

	line-height: 30px !important;
}


/* =========================================================
   CLOSED +

   Width = 14px.
   Parent padding-right = 10px.
   Therefore symbol right edge = exactly 10px.
   ========================================================= */

#MindemezBottom
.mindemez-bottom__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;
}


#MindemezBottom
.mindemez-bottom__symbol::before,
#MindemezBottom
.mindemez-bottom__symbol::after {
	content: "" !important;

	position: absolute !important;

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

	background: #000 !important;

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


#MindemezBottom
.mindemez-bottom__symbol::before {
	width: 14px !important;
	height: 1px !important;
}


#MindemezBottom
.mindemez-bottom__symbol::after {
	width: 1px !important;
	height: 14px !important;
}


/* =========================================================
   PRODUCT HOST
   ========================================================= */

#MindemezBottom
.mindemez-bottom__product-host {
	display: block !important;

	width: 100% !important;
	max-width: none !important;

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

	background: #fff !important;
}


#MindemezBottom
.mindemez-bottom__product-host[hidden] {
	display: none !important;
}


/* =========================================================
   OPEN PRODUCT — DESKTOP
   ========================================================= */

@media screen and (min-width: 990px) {

	#MindemezBottom
	.mindemez-inline-product {
		width: 100% !important;

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


	#MindemezBottom
	.mindemez-inline-product__layout {
		display: flex !important;

		flex-direction: row !important;
		flex-wrap: nowrap !important;

		align-items: flex-start !important;

		width: 100% !important;

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


	/* IMAGE 50% */

	#MindemezBottom
	.mindemez-inline-product__media {
		order: 1 !important;

		flex:
			0 0 50% !important;

		width: 50% !important;
		max-width: 50% !important;

		min-width: 0 !important;

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


	/* DETAILS 50%

	   EXACT SAME 10PX INSET AS UPPER PRODUCT.
	*/

	#MindemezBottom
	.mindemez-inline-product__details {
		order: 2 !important;

		flex:
			0 0 50% !important;

		width: 50% !important;
		max-width: 50% !important;

		min-width: 0 !important;

		margin: 0 !important;

		padding:
			0
			10px
			30px !important;

		transform: none !important;
	}


	/* =====================================================
	   OPEN TITLE
	   ===================================================== */

	#MindemezBottom
	.mindemez-inline-product__title-row {
		display: flex !important;

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

		width: 100% !important;
		max-width: 100% !important;

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

		margin:
			0
			0
			30px !important;

		padding: 0 !important;

		border: 0 !important;

		transform: none !important;
	}


	#MindemezBottom
	.mindemez-inline-product__title-jump {
		position: static !important;

		display: flex !important;

		align-items: center !important;

		flex:
			1 1 auto !important;

		min-width: 0 !important;

		height: 30px !important;

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

		border: 0 !important;

		transform: none !important;
	}


	#MindemezBottom
	.mindemez-inline-product__title {
		height: 30px !important;

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

		line-height: 30px !important;

		transform: none !important;
	}


	/* =====================================================
	   OPEN MINUS

	   Click zone may be wider,
	   but symbol is aligned RIGHT.

	   Symbol right edge = content right edge.
	   Content right edge = 10px from column edge.
	   ===================================================== */

	#MindemezBottom
	.mindemez-inline-product__close {
		position: static !important;

		display: flex !important;

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

		flex:
			0 0 24px !important;

		width: 24px !important;
		height: 30px !important;

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

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

		inset: auto !important;

		border: 0 !important;

		background: transparent !important;

		transform: none !important;
	}


	#MindemezBottom
	.mindemez-inline-product__title-symbol {
		position: relative !important;

		display: block !important;

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

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

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

		inset: auto !important;

		transform: none !important;
	}

}


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

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

	#MindemezBottom
	.mindemez-bottom__product-row {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;

		padding:
			0
			10px !important;
	}


	#MindemezBottom
	.mindemez-bottom__product-title {
		line-height: 26px !important;
	}


	#MindemezBottom
	.mindemez-bottom__symbol {
		flex:
			0 0 12px !important;

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

		min-width: 12px !important;
		max-width: 12px !important;
	}


	#MindemezBottom
	.mindemez-bottom__symbol::before {
		width: 12px !important;
	}


	#MindemezBottom
	.mindemez-bottom__symbol::after {
		height: 12px !important;
	}


	#MindemezBottom
	.mindemez-inline-product__layout {
		display: flex !important;

		flex-direction: column !important;

		width: 100% !important;

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


	#MindemezBottom
	.mindemez-inline-product__media {
		flex:
			0 0 auto !important;

		width: 100% !important;
		max-width: 100% !important;
	}


	#MindemezBottom
	.mindemez-inline-product__details {
		flex:
			0 0 auto !important;

		width: 100% !important;
		max-width: 100% !important;

		padding:
			0
			10px
			20px !important;
	}


	#MindemezBottom
	.mindemez-inline-product__title-row {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;

		margin-bottom:
			26px !important;

		padding: 0 !important;
	}


	#MindemezBottom
	.mindemez-inline-product__title-jump,
	#MindemezBottom
	.mindemez-inline-product__title {
		height: 26px !important;

		line-height: 26px !important;
	}


	#MindemezBottom
	.mindemez-inline-product__close {
		display: flex !important;

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

		flex:
			0 0 22px !important;

		width: 22px !important;
		height: 26px !important;

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

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

}