/* =========================================================
   MINDEMEZ BOTTOM
   ========================================================= */

#MindemezBottom {
	--bottom-row: 30px;

	position: relative !important;

	display: block !important;

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

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

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

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


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


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

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

	width: 100% !important;

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

	background: #fff !important;
}


/* =========================================================
   ITEM
   ========================================================= */

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

	width: 100% !important;

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

	background: #fff !important;
}


/* =========================================================
   PRODUCT NAME ROW
   ========================================================= */

#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: var(--bottom-row) !important;
	min-height: var(--bottom-row) !important;
	max-height: var(--bottom-row) !important;

	margin: 0 !important;

	padding:
		0 10px !important;

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

	border-radius: 0 !important;

	outline: 0 !important;
	box-shadow: none !important;

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

	font-family:
		Arial,
		Helvetica,
		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;
}


#MindemezBottom
.mindemez-bottom__product-row[
	aria-expanded="true"
] {
	border-bottom: 0 !important;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

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

	min-width: 0 !important;

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

	overflow: hidden !important;

	white-space: nowrap !important;

	text-overflow: ellipsis !important;
}


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

#MindemezBottom
.mindemez-bottom__symbol {
	position: relative !important;

	display: block !important;

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

	min-width: 14px !important;

	flex: 0 0 14px !important;

	margin-left: auto !important;
}


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

	position: absolute !important;

	top: 50% !important;
	left: 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;
}


#MindemezBottom
.mindemez-bottom__product-row[
	aria-expanded="true"
]
.mindemez-bottom__symbol::after {
	display: none !important;
}


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

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

	width: 100% !important;

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

	background: #fff !important;

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


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


/* =========================================================
   BOTTOM PRODUCT
   Shopify Bottom desktop layout:
   details 1/3 + media 1/3 + empty 1/3
   ========================================================= */

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

	grid-template-columns:
		33.333%
		33.333%
		33.334% !important;

	align-items: start !important;

	width: 100% !important;

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

	background: #fff !important;
}


#MindemezBottom
.mindemez-inline-product__details {
	grid-column:
		1 / 2 !important;

	width: 100% !important;

	padding:
		30px
		20px
		20px
		10px !important;
}


#MindemezBottom
.mindemez-inline-product__media {
	grid-column:
		2 / 3 !important;

	width: 100% !important;

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


#MindemezBottom
.mindemez-inline-product__image {
	display: block !important;

	width: 100% !important;
	height: auto !important;

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

	object-fit: contain !important;
}


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

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

	width: 100% !important;

	padding:
		30px 10px !important;

	font-size: 14px !important;

	background: #fff !important;
}


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

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

	#MindemezBottom {
		--bottom-row:
			26px;
	}


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

		min-width: 12px !important;

		flex-basis:
			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;
	}


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

		width: 100% !important;
	}


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

		width: 100% !important;

		padding:
			10px
			10px
			20px !important;
	}

}