:root {
	--msc-pq-text: var(--mn-text);
	--msc-pq-heading: var(--mn-text);
	--msc-pq-muted: var(--mn-text-muted, #73736b);
	--msc-pq-border: var(--mn-border);
	--msc-pq-surface: var(--mn-white);
	--msc-pq-radius: var(--mn-radius-box);
	--msc-pq-accent: var(--mn-text);
	--msc-pq-header-bg: color-mix(in srgb, var(--mn-band) 30%, white);
	--msc-pq-button-bg: #f1f1ef;
	--msc-pq-button-hover-bg: #e6e6e2;
	--msc-pq-button-border: var(--mn-border);
	--msc-pq-accent-contrast: var(--mn-text);
	--msc-pq-backdrop: rgb(25 30 22 / 45%);
	--msc-pq-shadow: 0 18px 70px rgb(0 0 0 / 20%);
	--mn-close-bg: #eeeeee;
	--mn-close-hover: var(--mn-sale, #dc2626);
	--mn-close-color: #5f5f5f;
	--mn-close-border: #b5b5b5;
	--msc-pq-close-bg: var(--mn-close-bg);
	--msc-pq-close-hover: var(--mn-close-hover);
	--msc-pq-close-color: var(--mn-close-color);
	--msc-pq-close-border: var(--mn-close-border);
	--msc-pq-close-hover-color: #fff;
	--msc-pq-close-hover-border: var(--mn-close-hover);
	--mn-beige: #f3f0e6;
	--mn-band: #e4e0d2;
	--mn-beige-alt: #e8e4dd;
	--mn-text: #595959;
	--mn-text-dark: #2c2c2a;
	--mn-action: #2eae06;
	--mn-action-hover: #289207;
	--mn-cta-grund: #187a4a;
	--mn-cta-hell: #1f8f58;
	--mn-cta-heller: #2aa267;
	--mn-cta-dunkel: #10593a;
	--mn-link: #4a7c59;
	--mn-menu-active: #28a745;
	--mn-uvp: #871414;
	--mn-sale: #dc2626;
	--mn-box: #fbfbfb;
	--mn-border: #eeeeee;
	--mn-muted: #6b6b6b; /* WCAG AA: 5.9:1 auf Weiss (Original #999 = 2.85:1). */
	--mn-footer-bg: #eeeeee;
	--mn-white: #ffffff;
	--mn-btn-border: #d5d2c8;
	--mn-coupon-btn: #767676; /* Einheitlicher Coupon-«Einlösen»-Button (Referenz Hauptstore). */
	--mn-coupon-btn-hover: #5f5f5f;
	--mn-font-size: 16px;
	--mn-font-size-mobile: 15px;
	--mn-radius-card: 14px;
	--mn-radius-box: 15px;
	--mn-radius-s: 6px;
	--mn-container: 1200px;
	--mn-space: 1;
	--mn-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.06);
	--mn-shadow-hover: 0 8px 28px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.06);
	--mn-shadow-card-mobile:
		0 1px 2px rgba(0, 0, 0, 0.05),
		0 6px 16px -8px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(0, 0, 0, 0.035);
	--mn-press-in: 90ms;
	--mn-press-out: 280ms;
	--mn-press-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--mn-press-tint: rgba(0, 0, 0, 0.05);
	--mn-logo-h: 64px;
	--mn-logo-h-mobile: 44px;
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/roboto-var.woff2") format("woff2");
}

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}

body {
	margin: 0;
	font-family: Roboto, arial, sans-serif;
	font-size: var(--mn-font-size);
	line-height: 1.5;
	color: var(--mn-text);
	background: var(--mn-white);
	overflow-x: hidden;
	overflow-x: clip;
}

@media (max-width: 767.98px) {
	body {
		font-size: var(--mn-font-size-mobile);
	}
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

a {
	color: var(--mn-link);
	text-decoration: none;
}

a:hover {
	color: var(--mn-link);
	text-decoration: underline;
}

ul,
ol {
	padding-inline-start: 1.3em;
}

:is(.entry-content, .mn-archive-description, .mn-short-desc, .mn-section-body, .mn-tab-panel, .mn-acc-body, .mn-anchor-body, .mn-flow-body)
:is(ul, ol):is(:not([class]), [class=""], .wp-block-list):not(:where(nav *, form *, [role="navigation"] *, .products *, .commentlist *, .mn-hinweisbox *, div[style*="linear-gradient"] *)) > li {
	line-height: 1.5;
	margin-block: 0 0.15em;
}

:is(.entry-content, .mn-archive-description, .mn-short-desc, .mn-section-body, .mn-tab-panel, .mn-acc-body, .mn-anchor-body, .mn-flow-body)
:is(ul, ol):is(:not([class]), [class=""], .wp-block-list):not(:where(nav *, form *, [role="navigation"] *, .products *, .commentlist *, .mn-hinweisbox *, div[style*="linear-gradient"] *)) > li:last-child {
	margin-block-end: 0;
}

:is(.entry-content, .mn-archive-description, .mn-short-desc, .mn-section-body, .mn-tab-panel, .mn-acc-body, .mn-anchor-body, .mn-flow-body)
:is(ul, ol):is(:not([class]), [class=""], .wp-block-list):not(:where(nav *, form *, [role="navigation"] *, .products *, .commentlist *, .mn-hinweisbox *, div[style*="linear-gradient"] *)) > li > p {
	margin-block: 0;
}

:is(.entry-content, .mn-archive-description, .mn-short-desc, .mn-section-body, .mn-tab-panel, .mn-acc-body, .mn-anchor-body, .mn-flow-body)
:is(ul, ol):is(:not([class]), [class=""], .wp-block-list):not(:where(nav *, form *, [role="navigation"] *, .products *, .commentlist *, .mn-hinweisbox *, div[style*="linear-gradient"] *)) > li > p + p {
	margin-block-start: 0.5em;
}

:is(.entry-content, .mn-archive-description, .mn-short-desc, .mn-section-body, .mn-tab-panel, .mn-acc-body, .mn-anchor-body, .mn-flow-body)
:is(ul, ol):is(:not([class]), [class=""], .wp-block-list):not(:where(nav *, form *, [role="navigation"] *, .products *, .commentlist *, .mn-hinweisbox *, div[style*="linear-gradient"] *)) > li > :is(ul, ol):is(:not([class]), [class=""], .wp-block-list) {
	margin-block: 0.35em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--mn-text-dark);
	line-height: 1.3;
	font-weight: 500;
	margin: 0 0 0.6em;
}

h1,
.page-title {
	font-size: 26px;
	text-align: center;
}

h1,
h2,
h3,
.page-title,
.mn-archive-title,
.mn-card-title,
.product_title {
	overflow-wrap: anywhere;
	-webkit-hyphens: manual;
	hyphens: manual;
	text-wrap: balance;
}

h2 {
	font-size: 21px;
}

h3 {
	font-size: 17px;
	border-bottom: 3px solid var(--mn-beige);
	padding-bottom: 6px;
}

.entry-content h3 {
	margin-top: 30px;
}

.mn-meta,
.mn-sku {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--mn-text);
}

.container {
	--mn-cw: var(--mn-container);
	max-width: var(--mn-cw);
	margin-inline: auto;
	padding-inline: var(--mn-gutter, 16px);
}

.container-narrow {
	--mn-cw: 860px;
}

body.mn-contentw-header .container-narrow {
	--mn-cw: var(--mn-container);
}

.site-main {
	padding-block: calc(24px * var(--mn-space)) calc(48px * var(--mn-space));
}

body.mn-bg-gradient {
	background: linear-gradient(var(--mn-page-bg-top, #e8e6e1), var(--mn-page-bg-bottom, #cecbc4)) fixed;
}

body.mn-bg-flat {
	background: var(--mn-page-bg-top, #e8e6e1);
}

body.mn-content-card .site-main {
	padding-block: calc(var(--mn-content-gap, 30px) * var(--mn-space)) calc(40px * var(--mn-space));
}

body.mn-content-card .site-main > .container {
	background: var(--mn-white);
	border-radius: var(--mn-radius-box);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	padding-top: 26px;
	padding-bottom: 32px;
	padding-inline: 24px;
	width: calc(100% - 2 * var(--mn-gutter, 16px));
	max-width: calc(var(--mn-cw) - 2 * var(--mn-gutter, 16px));
}

@media (max-width: 767.98px) {
	body.mn-content-card .site-main > .container {
		padding-inline: var(--mn-card-pad, 24px);
	}
}

body.mn-cardstyle-classic .site-main > .container {
	border-radius: 0;
	border: var(--mn-card-border-w, 1px) solid var(--mn-card-border, #e4e0d2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

body.mn-cardstyle-line .site-main > .container {
	border-radius: 0;
	border: var(--mn-card-border-w, 1px) solid var(--mn-card-border, #e4e0d2);
	box-shadow: none;
}

body.mn-cardstyle-float .site-main > .container {
	border-radius: 22px;
	border: 0;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.16), 0 4px 14px rgba(0, 0, 0, 0.06);
}

body.mn-cardstyle-accent .site-main > .container {
	border-radius: var(--mn-radius-s);
	border: var(--mn-card-border-w, 1px) solid var(--mn-border);
	border-top: 4px solid var(--mn-card-border, #e4e0d2);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

body.mn-cardstyle-paper .site-main > .container {
	border-radius: 8px;
	border: var(--mn-card-border-w, 1px) solid var(--mn-card-border, #e4e0d2);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}

body.mn-content-card .mona-page__inner {
	max-width: var(--mn-container);
	background: var(--mn-white);
	border-radius: var(--mn-radius-box);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	padding: 18px 24px 32px;
}

body.mn-cardstyle-classic .mona-page__inner {
	border-radius: 0;
	border: var(--mn-card-border-w, 1px) solid var(--mn-card-border, #e4e0d2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

body.mn-cardstyle-line .mona-page__inner {
	border-radius: 0;
	border: var(--mn-card-border-w, 1px) solid var(--mn-card-border, #e4e0d2);
	box-shadow: none;
}

body.mn-cardstyle-float .mona-page__inner {
	border-radius: 22px;
	border: 0;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.16), 0 4px 14px rgba(0, 0, 0, 0.06);
}

body.mn-cardstyle-accent .mona-page__inner {
	border-radius: var(--mn-radius-s);
	border: var(--mn-card-border-w, 1px) solid var(--mn-border);
	border-top: 4px solid var(--mn-card-border, #e4e0d2);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

body.mn-cardstyle-paper .mona-page__inner {
	border-radius: 8px;
	border: var(--mn-card-border-w, 1px) solid var(--mn-card-border, #e4e0d2);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}

:root {
	--mona-media-tile: var(--mn-band, #e4e0d2);
	--mona-media-icon: #6b5d48;
	--mona-mark-bg: var(--mn-beige, #f3f0e6);
	--mona-mark-fg: var(--mn-text-dark, #2c2c2a);
	--mona-footer-link: var(--mn-text, #595959);
	--mona-cta-bg: linear-gradient(180deg, var(--mn-cta-hell, #1f8f58), var(--mn-cta-grund, #187a4a));
	--mona-cta-icon-bg: var(--mn-cardcart, #f1f1f1);
	--mona-cta-icon-fg: var(--mn-cardcart-fg, #595959);
	--mona-cta-icon-bg-hover: var(--mn-cardcart-hover, #2ca10a);
	--mona-cta-icon-fg-hover: var(--mn-cardcart-fg-hover, #ffffff);
	--mona-sale-badge: var(--mn-uvp, #871414);
	--mona-row-hover: #fafafa;
	--mona-row-hover-edge: var(--mn-btn-border, #d5d2c8);
}

@media (prefers-color-scheme: dark) {
	.mona-search[data-theme="auto"] {
		--mona-footer-link: #9aa7b1;
		--mona-row-hover: #222a2e;
		--mona-row-hover-edge: #3a444b;
		--mona-cta-icon-bg: #222a2e;
		--mona-cta-icon-fg: #9aa7b1;
	}
}

.mona-search[data-theme="dark"] {
	--mona-footer-link: #9aa7b1;
	--mona-row-hover: #222a2e;
	--mona-row-hover-edge: #3a444b;
	--mona-cta-icon-bg: #222a2e;
	--mona-cta-icon-fg: #9aa7b1;
}

@media (max-width: 767.98px) {
	body.mn-content-card .site-main {
		padding-block: calc(var(--mn-content-gap-m, 12px) * var(--mn-space)) calc(28px * var(--mn-space));
	}

	body.mn-content-card .site-main > .container,
	body.mn-content-card .mona-page__inner {
		border-radius: 0;
		border-inline: 0;
	}
}

:focus-visible {
	outline: 2px solid var(--mn-link);
	outline-offset: 2px;
	border-radius: 2px;
}

.mn-mega-close,
.mn-drawer-close,
.mn-lightbox-close {
	padding: 0;
	border: 1px solid var(--mn-close-border, #b5b5b5);
	border-radius: 50%;
	background: var(--mn-close-bg, #eeeeee);
	color: var(--mn-close-color, #5f5f5f);
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.mn-mega-close:hover,
.mn-drawer-close:hover,
.mn-lightbox-close:hover {
	background: var(--mn-close-hover, #dc2626);
	border-color: var(--mn-close-hover, #dc2626);
	color: #fff;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
	background: var(--mn-white);
	padding: 10px 16px;
}

.skip-link:focus {
	left: 8px;
	top: 8px;
	width: auto;
	height: auto;
	clip: auto;
}

.button,
button.button,
input[type="submit"],
a.wp-element-button,
button.wp-element-button,
.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 22px;
	border: 1px solid var(--mn-btn-border);
	border-radius: 8px !important;
	background: var(--mn-white) !important;
	color: var(--mn-text) !important;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.button:hover,
button.button:hover,
input[type="submit"]:hover,
a.wp-element-button:hover,
button.wp-element-button:hover,
.wp-element-button:hover {
	background: var(--mn-beige) !important;
	color: var(--mn-text-dark) !important;
	text-decoration: none;
}

.single_add_to_cart_button.single_add_to_cart_button,
.add_to_cart_button.add_to_cart_button,
.mn-flycart-btn.mn-flycart-btn,
.button.pay,
.button.checkout,
.checkout-button.checkout-button,
.wc-block-cart__submit-button.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button {
	border: 0;
	background: var(--mn-action) !important;
	color: var(--mn-white) !important;
	font-size: 15px;
	letter-spacing: 0.5px;
}

.single_add_to_cart_button.single_add_to_cart_button:hover,
.add_to_cart_button.add_to_cart_button:hover,
.mn-flycart-btn.mn-flycart-btn:hover,
.button.pay:hover,
.button.checkout:hover,
.checkout-button.checkout-button:hover,
.wc-block-cart__submit-button.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button:hover {
	background: var(--mn-action-hover) !important;
	color: var(--mn-white) !important;
}

ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	clear: none !important;
}

.mn-single-summary,
.woocommerce div.product div.summary {
	float: none !important;
	width: auto !important;
}

.woocommerce div.product div.images,
.mn-single-gallery {
	float: none !important;
	width: auto !important;
}

.button:disabled,
button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea,
select {
	font-family: inherit;
	font-size: 15px;
	color: var(--mn-text);
	background: var(--mn-white);
	border: 1px solid #ddd;
	border-radius: var(--mn-radius-s);
	padding: 10px 12px;
	min-height: 44px;
	max-width: 100%;
}

textarea {
	min-height: 100px;
}

@media (pointer: coarse) {

	input[type="text"],
	input[type="search"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	input[type="number"],
	textarea,
	select {
		font-size: 16px;
	}

	.mn-qty .qty {
		font-size: 16px;
	}
}

.mn-qty {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	background: var(--mn-white);
}

.mn-qty .qty {
	width: 54px;
	min-height: 44px;
	border: 0;
	border-radius: 0;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.mn-qty .qty[readonly],
.quantity .qty[readonly] {
	cursor: default;
}

.mn-qty .qty::-webkit-outer-spin-button,
.mn-qty .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.mn-qty-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	min-height: 44px;
	border: 0;
	background: #f5f5f5;
	color: var(--mn-text);
	cursor: pointer;
}

.mn-qty-btn:hover {
	background: var(--mn-beige);
}

.mn-qty-btn[disabled] {
	color: #c3c3c3;
	cursor: default;
	background: #f5f5f5;
}

.mn-divider {
	display: block;
	width: 50%;
	height: 3px;
	background: var(--mn-beige);
	margin: 10px auto;
	border-radius: 2px;
}

.mn-badge {
	--mn-badge-c: var(--mn-menu-active);
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 8px;
	border: 1px solid transparent;
	border-radius: var(--mn-radius-s);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 1.4;
	background: var(--mn-badge-c);
	color: var(--mn-white);
}

.mn-badge-sale {
	--mn-badge-c: var(--mn-badge-sale-c, var(--mn-sale-badge, var(--mn-sale)));
}

.mn-badge-new {
	--mn-badge-c: var(--mn-badge-new-c, var(--mn-menu-active));
}

.mn-badge-bio {
	--mn-badge-c: var(--mn-badge-bio-c, #4f7a35);
}

.mn-badge-vegan {
	--mn-badge-c: var(--mn-badge-vegan-c, var(--mn-link));
}

body.mn-badgestyle-pille .mn-badge {
	border-radius: 999px;
	padding-inline: 11px;
}

body.mn-badgestyle-kontur .mn-badge {
	background: transparent;
	border-color: var(--mn-badge-c);
	color: var(--mn-badge-c);
	font-weight: 600;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
}

body.mn-badgestyle-glas .mn-badge {
	background: rgba(255, 255, 255, 0.55);
	-webkit-backdrop-filter: blur(6px) saturate(1.4);
	backdrop-filter: blur(6px) saturate(1.4);
	border-color: rgba(255, 255, 255, 0.7);
	color: var(--mn-badge-c);
	font-weight: 600;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}

body.mn-badgestyle-zart .mn-badge {
	background: color-mix(in srgb, var(--mn-badge-c) 16%, #fff);
	border-color: color-mix(in srgb, var(--mn-badge-c) 30%, #fff);
	color: color-mix(in srgb, var(--mn-badge-c) 75%, #000);
	font-weight: 600;
}

body.mn-badgestyle-lesezeichen .mn-badge {
	border-radius: 3px 0 0 3px;
	padding-inline: 10px 16px;
	clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}

body.mn-badgestyle-minimal .mn-badge {
	background: transparent;
	border-color: transparent;
	padding: 0;
	color: var(--mn-badge-c);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	text-shadow:
		0 1px 2px rgba(255, 255, 255, 0.95),
		0 0 6px rgba(255, 255, 255, 0.8);
}

body.mn-badgestyle-symbol .mn-badge,
body.mn-badgestyle-symbol-glas .mn-badge {
	width: 27px;
	height: 27px;
	padding: 0;
	border-radius: 50%;
	justify-content: center;
	gap: 0;
}

body.mn-badgestyle-symbol .mn-badge-text,
body.mn-badgestyle-symbol-glas .mn-badge-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

body.mn-badgestyle-symbol .mn-badge::before,
body.mn-badgestyle-symbol-glas .mn-badge::before {
	content: "";
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: var(--mn-badge-icon) center / contain no-repeat;
	mask: var(--mn-badge-icon) center / contain no-repeat;
}

body.mn-badgestyle-symbol .mn-badge-sale,
body.mn-badgestyle-symbol-glas .mn-badge-sale {
	--mn-badge-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.2" stroke-linecap="round"><path d="M19 5 5 19"/><circle cx="7.5" cy="7.5" r="2.6"/><circle cx="16.5" cy="16.5" r="2.6"/></svg>');
}

body.mn-badgestyle-symbol .mn-badge-new,
body.mn-badgestyle-symbol-glas .mn-badge-new {
	--mn-badge-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 2.5l2.3 5.9 5.9 2.3-5.9 2.3-2.3 5.9-2.3-5.9L3.8 10.7l5.9-2.3z"/></svg>');
}

body.mn-badgestyle-symbol .mn-badge-bio,
body.mn-badgestyle-symbol-glas .mn-badge-bio {
	--mn-badge-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 20c0-9 6-15 15-15 0 9-6 15-15 15z"/><path d="M5 20c4.5-4.5 8-7 12-8.5"/></svg>');
}

body.mn-badgestyle-symbol .mn-badge-vegan,
body.mn-badgestyle-symbol-glas .mn-badge-vegan {
	--mn-badge-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21v-7.5"/><path d="M12 13.5C12 10.5 9.8 8.3 6.5 8.3c0 3 2.2 5.2 5.5 5.2z"/><path d="M12 13.5c0-4.2 3-7.2 7.5-7.2 0 4.2-3 7.2-7.5 7.2z"/></svg>');
}

body.mn-badgestyle-symbol-glas .mn-badge {
	background: rgba(255, 255, 255, 0.62);
	-webkit-backdrop-filter: blur(7px) saturate(1.4);
	backdrop-filter: blur(7px) saturate(1.4);
	border-color: rgba(255, 255, 255, 0.8);
	color: var(--mn-badge-c);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

span.onsale {
	position: static;
	min-height: 0;
	min-width: 0;
	margin: 0;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: var(--mn-radius-s);
	border: 1px solid var(--mn-border);
	border-inline-start: 4px solid var(--mn-action);
	background: var(--mn-box);
	color: var(--mn-text);
	padding: 12px 16px;
	margin: 0 0 16px;
	list-style: none;
}

.woocommerce-error {
	border-inline-start-color: var(--mn-sale);
}

.star-rating {
	overflow: hidden;
	position: relative;
	height: 1em;
	line-height: 1;
	font-size: 15px;
	width: 5.4em;
	font-family: star, sans-serif;
	color: #e2b007;
	margin-inline: auto;
}

.star-rating::before {
	content: "\2606\2606\2606\2606\2606";
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	letter-spacing: 0.1em;
}

.star-rating span {
	overflow: hidden;
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	padding-top: 1.5em;
}

.star-rating span::before {
	content: "\2605\2605\2605\2605\2605";
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	letter-spacing: 0.1em;
}

.mn-blog-layout {
	display: grid;
	gap: 32px;
}

@media (min-width: 992px) {
	.mn-blog-layout {
		grid-template-columns: minmax(0, 1fr) 280px;
	}

	.mn-blog-layout:not(:has(.mn-blog-sidebar)) {
		grid-template-columns: 1fr;
	}
}

.mn-post-grid {
	display: grid;
	gap: 24px;
}

@media (min-width: 768px) {
	.mn-post-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.mn-post-card {
	background: var(--mn-white);
	border-radius: var(--mn-radius-card);
	box-shadow: var(--mn-shadow-card);
	overflow: hidden;
}

.mn-post-card-thumb img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.mn-post-card-body {
	padding: 16px 20px 22px;
}

.mn-post-card-title {
	font-size: 17px;
	border: 0;
	padding: 0;
}

.mn-post-card-title a {
	color: var(--mn-text-dark);
}

.entry-meta {
	color: var(--mn-muted);
	font-size: 13px;
}

.pagination,
.woocommerce-pagination {
	text-align: center;
	margin-top: 28px;
}

.pagination .nav-links,
.woocommerce-pagination ul.page-numbers {
	display: inline-flex;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	flex-wrap: wrap;
	justify-content: center;
}

.page-numbers li {
	margin: 0;
}

.page-numbers .page-numbers,
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 10px;
	border: 1px solid var(--mn-border);
	border-radius: var(--mn-radius-s);
	color: var(--mn-text);
	background: var(--mn-white);
}

.page-numbers .page-numbers.current,
.pagination .page-numbers.current {
	background: var(--mn-band);
	border-color: var(--mn-band);
	color: var(--mn-text-dark);
	font-weight: 500;
}

.page-numbers .page-numbers:hover {
	background: var(--mn-beige);
	text-decoration: none;
}

.mn-lang-list {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mn-lang-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: inherit;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.mn-lang-flag svg {
	width: 18px;
	height: 18px;
	display: block;
	border-radius: 3px;
}

.mn-lang-item.is-active .mn-lang-link {
	font-weight: 700;
}

.mn-lang-link.is-disabled {
	opacity: 0.4;
}

.mn-lang-layout-dropdown {
	position: relative;
}

.mn-lang-toggle {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: 0;
	font: inherit;
	font-size: 13px;
	color: inherit;
	cursor: pointer;
	min-height: 44px;
}

.mn-lang-layout-dropdown .mn-lang-list {
	display: none;
	position: absolute;
	top: 100%;
	inset-inline-end: 0;
	z-index: 600;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	background: var(--mn-white);
	border: 1px solid var(--mn-border);
	border-radius: var(--mn-radius-s);
	box-shadow: var(--mn-shadow-card);
	min-width: 140px;
}

.mn-lang-layout-dropdown.is-open .mn-lang-list {
	display: flex;
}

.mn-lang-layout-dropdown .mn-lang-link {
	padding: 10px 14px;
}

.mn-category-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 16px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mn-category-tile a {
	display: block;
	text-align: center;
	background: var(--mn-white);
	border-radius: var(--mn-radius-card);
	box-shadow: var(--mn-shadow-card);
	padding: 14px;
	color: var(--mn-text);
}

.mn-category-tile img {
	aspect-ratio: 1;
	object-fit: contain;
	margin-bottom: 8px;
}

.mn-category-tile-name {
	display: block;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.mn-slider {
	position: relative;
}

.mn-slider-track {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	list-style: none;
	padding: 8px 2px 14px;
	margin: 0;
}

.mn-slider-track::-webkit-scrollbar {
	display: none;
}

[data-mn-slider-track] {
	--mn-fade-start: 0px;
	--mn-fade-end: 0px;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 var(--mn-fade-start), #000 calc(100% - var(--mn-fade-end)), transparent);
	mask-image: linear-gradient(to right, transparent, #000 var(--mn-fade-start), #000 calc(100% - var(--mn-fade-end)), transparent);
}

[data-mn-slider-track].mn-fade-start {
	--mn-fade-start: 44px;
}

[data-mn-slider-track].mn-fade-end {
	--mn-fade-end: 44px;
}

.mn-slider-item {
	flex: 0 0 200px;
	scroll-snap-align: start;
}

.mn-slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid var(--mn-btn-border);
	border-radius: 50%;
	background: var(--mn-white);
	color: var(--mn-text-dark);
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.1);
	transition: background-color 0.18s ease, color 0.18s ease;
}

.mn-slider-arrow:hover:not([disabled]) {
	background: var(--mn-band);
	color: #000;
}

.mn-slider-prev {
	inset-inline-start: -10px;
}

.mn-slider-next {
	inset-inline-end: -10px;
}

@media (max-width: 767.98px) {
	body.single-product:not(.mn-content-card) .mn-slider-prev {
		inset-inline-start: max(-10px, calc(-1 * var(--mn-gutter, 16px)));
	}

	body.single-product:not(.mn-content-card) .mn-slider-next {
		inset-inline-end: max(-10px, calc(-1 * var(--mn-gutter, 16px)));
	}
}

.mn-slider-arrow[disabled] {
	opacity: 0.35;
	cursor: default;
}

.mn-slider-title {
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--mn-text);
	margin-bottom: 14px;
}

body.page .mn-page-header .page-title {
	text-align: start;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing: 2px;
	color: var(--mn-text);
	margin-bottom: 0;
}

.mn-page-subtitle {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--mn-text);
	opacity: 0.75;
	margin: 0 0 30px;
}

body.page .entry-content {
	line-height: 1.75;
}

body.page .entry-content > h2,
body.page .entry-content h2.wp-block-heading {
	font-size: 17px;
	font-weight: 500;
	color: var(--mn-text-dark);
	border: 0;
	border-inline-start: 3px solid var(--mn-band);
	padding: 2px 0 2px 12px;
	margin: 34px 0 16px;
}

body.page .entry-content > h3,
body.page .entry-content h3.wp-block-heading {
	font-size: 15px;
	font-weight: 500;
	border-bottom: 2px solid var(--mn-border);
	padding-bottom: 6px;
	margin: 28px 0 14px;
}

body.page:not(:where(.mn-login-page)) .entry-content p,
body.mn-login-page .entry-content p:where(:not([class])) {
	margin: 0 0 1.1em;
}

.mn-404 {
	text-align: center;
}

.mn-404-actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-top: 24px;
}



body.mn-touchfx {
	-webkit-tap-highlight-color: transparent;
}

@media (hover: none) {


	body.mn-touchfx .button,
	body.mn-touchfx button.button,
	body.mn-touchfx input[type="submit"],
	body.mn-touchfx .wp-element-button,
	body.mn-touchfx .mn-flycart-btn,
	body.mn-touchfx .mn-card-details {
		transition:
			background-color 0.2s ease,
			color 0.2s ease,
			transform var(--mn-press-out) var(--mn-press-spring),
			filter var(--mn-press-out) ease;
	}

	body.mn-touchfx .button.mn-pressed,
	body.mn-touchfx button.button.mn-pressed,
	body.mn-touchfx input[type="submit"].mn-pressed,
	body.mn-touchfx .wp-element-button.mn-pressed,
	body.mn-touchfx .mn-flycart-btn.mn-pressed,
	body.mn-touchfx .mn-card-details.mn-pressed {
		transform: scale(0.96);
		filter: brightness(0.94);
		transition:
			transform var(--mn-press-in) ease-out,
			filter var(--mn-press-in) ease-out;
	}


	body.mn-touchfx .mn-qty-btn {
		transition: background-color 0.25s ease;
	}

	body.mn-touchfx .mn-qty-btn.mn-pressed {
		background-color: var(--mn-press-tint);
		transition-duration: 0s;
	}


	body.mn-touchfx .mn-nav-wait {
		filter: brightness(0.94);
		transition: filter 0.25s ease 0.1s;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.mn-touchfx .mn-pressed {
		transform: none !important;
	}
}