/*
Theme Name: Mindemez Prints Child
Template: twentytwentythree
Version: 1.0.7
*/


/* =========================================================
   RESET
   ========================================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}


html,
body {
	margin: 0 !important;
	padding: 0 !important;

	width: 100% !important;

	background: #fff;
	color: #000;
}


body {
	overflow-x: hidden;
}


button,
input,
select,
textarea {
	font: inherit;
}


button {
	color: #000;
}


/* =========================================================
   WORDPRESS RESET
   ========================================================= */

.wp-site-blocks {
	padding: 0 !important;
	margin: 0 !important;
}


.wp-site-blocks > .wp-block-template-part {
	display: none !important;
}


.wp-site-blocks > * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}


.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


.wp-block-post-content {
	margin: 0 !important;
	padding: 0 !important;
}


.wp-block-post-content > * {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


.wp-block-post-title,
.entry-title {
	display: none !important;
}


/* =========================================================
   HEADER SHELL
   ========================================================= */

#MindemezHeaderShell {
	position: relative !important;

	width: 100% !important;

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

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

	background: #fff !important;

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

	z-index: 999999;
}


/* =========================================================
   HEADER
   ========================================================= */

#MindemezHeader {
	position: relative !important;

	width: 100% !important;

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

	background: #fff !important;

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

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

	font-size: 14px;

	color: #000;
}


/* =========================================================
   PRIMARY ROW
   ========================================================= */

#MindemezHeader
.mindemez-header__primary-row {
	position: relative !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 8px !important;

	background: #fff !important;

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

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


/* =========================================================
   LOGO — SMALL M, NO CIRCLE
   ========================================================= */

#MindemezHeader
.mindemez-header__home {
	position: relative !important;

	display: flex !important;

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

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

	flex: 0 0 24px !important;

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

	color: #000 !important;

	text-decoration: none !important;

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


#MindemezHeader
.mindemez-header__logo-svg {
	display: block !important;

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

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

	color: #000 !important;
}


/* =========================================================
   CENTER NAV
   ========================================================= */

#MindemezHeader
.mindemez-header__center-nav {
	position: absolute !important;

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

	transform: translateX(-50%) !important;

	display: flex !important;

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

	gap: 24px !important;

	height: 30px !important;

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

	white-space: nowrap !important;
}


/* =========================================================
   HEADER BUTTONS
   ========================================================= */

#MindemezHeader
.mindemez-header__button {
	-webkit-appearance: none !important;
	appearance: none !important;

	display: inline-flex !important;

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

	height: 30px !important;

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

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

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

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

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

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

	line-height: 1 !important;

	text-decoration: none !important;

	cursor: pointer !important;
}


#MindemezHeader
.mindemez-header__cart-button {
	margin-left: auto !important;
}


/* =========================================================
   HEADER PANELS
   ========================================================= */

#MindemezHeader
.mindemez-header__panel {
	position: relative !important;

	width: 100% !important;

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

	background: #fff !important;

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

	z-index: 999998 !important;
}


#MindemezHeader
.mindemez-header__panel[hidden] {
	display: none !important;
}


#MindemezHeader
.mindemez-header__panel-inner,
#MindemezHeader
.mindemez-header__checkout-host {
	width: 100% !important;

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

	background: #fff !important;

	font-size: 14px !important;
	line-height: 1.45 !important;

	color: #000 !important;
}


#MindemezHeader
.mindemez-header__panel-inner p {
	margin: 0 0 14px !important;
	padding: 0 !important;
}


#MindemezHeader
.mindemez-header__panel-inner a {
	color: #000 !important;
}


/* =========================================================
   CLOSE X
   ========================================================= */

#MindemezHeader
.mindemez-header__close {
	position: absolute !important;

	top: 8px !important;
	right: 8px !important;

	width: 18px !important;
	height: 18px !important;

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

	border: 0 !important;

	background: transparent !important;

	cursor: pointer !important;

	z-index: 2 !important;
}


#MindemezHeader
.mindemez-header__close::before,
#MindemezHeader
.mindemez-header__close::after {
	content: "" !important;

	position: absolute !important;

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

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

	background: #000 !important;
}


#MindemezHeader
.mindemez-header__close::before {
	transform:
		translate(-50%, -50%)
		rotate(45deg) !important;
}


#MindemezHeader
.mindemez-header__close::after {
	transform:
		translate(-50%, -50%)
		rotate(-45deg) !important;
}


/* =========================================================
   HERO
   ========================================================= */

#MindemezHero {
	position: relative !important;

	left: 50% !important;

	display: block !important;

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

	height:
		calc(
			100vh - 30px
		) !important;

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

	transform:
		translateX(-50%) !important;

	overflow: hidden !important;

	background: #fff !important;

	line-height: 0 !important;
}


#MindemezHero
.mindemez-hero__picture {
	display: block !important;

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

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


#MindemezHero
.mindemez-hero__image {
	display: block !important;

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

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

	border: 0 !important;

	object-fit: cover !important;
	object-position: center !important;
}


/* =========================================================
   MAIN
   ========================================================= */

#MindemezMain {
	--main-row: 30px;

	position: relative !important;

	left: 50% !important;

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

	margin: 0 !important;
	margin-left: -50vw !important;

	padding: 0 !important;

	background: #fff !important;

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

	font-size: 14px !important;

	color: #000 !important;
}


/* =========================================================
   MAIN BARS
   ========================================================= */

#MindemezMain
.mindemez-main__bar,
#MindemezMain
.mindemez-main__filter-row,
#MindemezMain
.mindemez-main__filter-button {
	width: 100% !important;

	height: var(--main-row) !important;
	min-height: var(--main-row) !important;
	max-height: var(--main-row) !important;

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

	background: #fff !important;

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

	border-radius: 0 !important;

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


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

	display: flex !important;

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

	color: #000 !important;

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

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

	line-height: 1 !important;

	text-align: left !important;

	cursor: pointer !important;
}


/* =========================================================
   STICKY STACK
   ========================================================= */

#MindemezMain
.mindemez-main__bar--bestseller {
	position: sticky !important;

	top: 0 !important;

	z-index: 44 !important;
}


#MindemezMain
.mindemez-main__bar--new {
	position: sticky !important;

	top: 30px !important;

	z-index: 43 !important;
}


#MindemezMain
.mindemez-main__bar--all {
	position: sticky !important;

	top: 60px !important;

	z-index: 42 !important;
}


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

	top: 90px !important;

	z-index: 41 !important;

	padding: 0 !important;
}


/* =========================================================
   PLUS / MINUS
   ========================================================= */

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

	display: block !important;

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

	min-width: 14px !important;

	margin-left: auto !important;
}


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

	position: absolute !important;

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

	background: #000 !important;

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


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


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


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


/* =========================================================
   HIDDEN
   ========================================================= */

#MindemezMain
[hidden] {
	display: none !important;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

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

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

	gap: 20px !important;

	width: 100% !important;

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

	background: #fff !important;
}


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


/* =========================================================
   PRODUCT CARD
   ========================================================= */

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

	width: 100% !important;

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

	color: #000 !important;

	text-decoration: none !important;
}


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

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

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

	border: 0 !important;
}


#MindemezMain
.mindemez-main__product-info {
	width: 100% !important;

	margin: 0 !important;
	padding: 8px 5px 20px !important;

	font-size: 14px !important;
	line-height: 1.25 !important;

	text-align: center !important;
}


#MindemezMain
.mindemez-main__product-title,
#MindemezMain
.mindemez-main__product-price {
	margin: 0 !important;
	padding: 0 !important;

	color: #000 !important;
}


#MindemezMain
.mindemez-main__product-price {
	margin-top: 3px !important;
}


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

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

	width: 100% !important;

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

	background: #fff !important;

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

	z-index: 40 !important;
}


/* =========================================================
   REMOVE HEADER DOUBLE LINES
   ========================================================= */

#MindemezHeader,
#MindemezHeaderShell {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}


#MindemezHeader
.mindemez-header__row,
#MindemezHeader
.mindemez-header__primary-row {
	border: 0 !important;
	border-bottom: 1px solid #efefef !important;

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


#MindemezHeader::before,
#MindemezHeader::after,
#MindemezHeaderShell::before,
#MindemezHeaderShell::after {
	content: none !important;
	display: none !important;
}


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

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

	#MindemezHeaderShell {
		height: 26px !important;
		min-height: 26px !important;
	}


	#MindemezHeader
	.mindemez-header__primary-row {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;

		padding:
			0 8px !important;
	}


	#MindemezHeader
	.mindemez-header__home {
		width: 22px !important;
		height: 26px !important;

		flex-basis: 22px !important;
	}


	#MindemezHeader
	.mindemez-header__logo-svg {
		width: 15px !important;
	}


	#MindemezHeader
	.mindemez-header__center-nav {
		height: 26px !important;

		gap: 14px !important;
	}


	#MindemezHeader
	.mindemez-header__button {
		height: 26px !important;

		font-size: 14px !important;
	}


	/* HERO */

	#MindemezHero {
		width: 100vw !important;

		height: auto !important;

		aspect-ratio: 3 / 4 !important;
	}


	#MindemezHero
	.mindemez-hero__picture,
	#MindemezHero
	.mindemez-hero__image {
		width: 100% !important;
		height: 100% !important;
	}


	#MindemezHero
	.mindemez-hero__image {
		object-fit: cover !important;
		object-position: center !important;
	}


	/* MAIN */

	#MindemezMain {
		--main-row: 26px;
	}


	#MindemezMain
	.mindemez-main__bar,
	#MindemezMain
	.mindemez-main__filter-row,
	#MindemezMain
	.mindemez-main__filter-button {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;
	}


	#MindemezMain
	.mindemez-main__bar--bestseller {
		top: 0 !important;
	}


	#MindemezMain
	.mindemez-main__bar--new {
		top: 26px !important;
	}


	#MindemezMain
	.mindemez-main__bar--all {
		top: 52px !important;
	}


	#MindemezMain
	.mindemez-main__filter-row {
		top: 78px !important;
	}


	#MindemezMain
	.mindemez-main__symbol {
		width: 12px !important;
		height: 12px !important;

		min-width: 12px !important;
	}


	#MindemezMain
	.mindemez-main__symbol::before {
		width: 12px !important;
	}


	#MindemezMain
	.mindemez-main__symbol::after {
		height: 12px !important;
	}


	#MindemezMain
	.mindemez-main__products {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			) !important;

		gap: 10px !important;
	}

}