/* ==========================================================================
   MagicDuft – Theme-Styles
   Flach, weiche Kanten, Farben aus dem Logo. Schriften liegen lokal.
   ========================================================================== */

@font-face { font-family: "Bodoni Moda"; src: url("../fonts/bodoni-moda-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Bodoni Moda"; src: url("../fonts/bodoni-moda-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("../fonts/jost-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("../fonts/jost-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("../fonts/jost-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
	--md-creme: #FBF5EE;
	--md-weiss: #FFFDF9;
	--md-puder: #F5E4D8;
	--md-puder-tief: #ECD2C1;
	--md-linie: #E6D6C8;
	--md-kupfer: #9C5A3C;
	--md-kupfer-tief: #7C4329;
	--md-gold: #BE9255;
	--md-gold-hell: #E6C28E;
	--md-espresso: #2E1A10;
	--md-espresso-2: #3D2519;
	--md-text: #2E1A10;
	--md-text-weich: #6E5446;
	--md-gruen: #4F6A52;
	--md-rot: #A13A2C;

	--md-schrift-anzeige: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
	--md-schrift-text: "Jost", "Futura", "Avenir Next", "Segoe UI", system-ui, sans-serif;

	--md-breite: 1200px;
	--md-rand: clamp(20px, 4vw, 40px);
	--md-abstand: clamp(64px, 9vw, 120px);
	--md-radius: 12px;      /* Felder, kleine Flächen */
	--md-rund: 20px;        /* Karten, Bilder, Kacheln */
	--md-rund-klein: 8px;   /* Etiketten auf Bildern */
}

/* --- Grundlagen ------------------------------------------------------------ */

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

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: 150px; }

[hidden] { display: none !important; }

body {
	margin: 0;
	background: var(--md-creme);
	color: var(--md-text);
	font-family: var(--md-schrift-text);
	font-size: 17px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--md-kupfer); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--md-kupfer-tief); }

h1, h2, h3, h4 {
	font-family: var(--md-schrift-anzeige);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.01em;
	color: var(--md-espresso);
	margin: 0 0 0.5em;
	text-wrap: balance;
}

p { margin: 0 0 1em; }

:focus-visible { outline: 2px solid var(--md-kupfer); outline-offset: 3px; }

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

.md-ansage { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.md-sprung { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--md-espresso); color: #fff; padding: 8px 14px; }
.md-sprung:focus { left: 8px; color: #fff; }

.md-icon { width: 20px; height: 20px; flex: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* --- Raster und Abschnitte ---------------------------------------------------- */

.md-container {
	width: 100%;
	max-width: calc(var(--md-breite) + 2 * var(--md-rand));
	margin-inline: auto;
	padding-inline: var(--md-rand);
}

.md-sektion { padding-block: var(--md-abstand); }
.md-sektion--linie { border-top: 1px solid var(--md-linie); }

.md-band { padding-block: var(--md-abstand); }
.md-band--puder { background: var(--md-puder); }
.md-band--dunkel { background: var(--md-espresso); color: #F4E9DF; }
.md-band--dunkel .md-titel { color: #FFF6EC; }
.md-band--kupfer { background: var(--md-kupfer); color: #FFF6EC; padding-block: clamp(48px, 6vw, 72px); }

/* --- Schrift-Bausteine ------------------------------------------------------ */

.md-eyebrow {
	font-family: var(--md-schrift-text);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--md-kupfer);
	margin: 0 0 14px;
}
.md-eyebrow--gold { color: var(--md-gold-hell); }

.md-titel { font-size: clamp(32px, 4.2vw, 48px); }
.md-titel--klein { font-size: clamp(26px, 3vw, 34px); }

.md-kopfzeile { max-width: 640px; margin-bottom: clamp(32px, 4vw, 48px); }
.md-kopfzeile__text { color: var(--md-text-weich); font-size: 18px; margin: 0; }
.md-kopfzeile--zeile { max-width: none; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 32px; }
.md-kopfzeile--zeile .md-titel { margin-bottom: 0; }

.md-textlink { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.md-textlink .md-icon { width: 18px; height: 18px; }

/* --- Knöpfe ------------------------------------------------------------------ */

.md-knopfreihe { display: flex; flex-wrap: wrap; gap: 12px; }

.md-knopf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 14px 28px;
	font-family: var(--md-schrift-text);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: var(--md-radius);
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.md-knopf--primaer { background: var(--md-kupfer); color: #FFF8F2; }
.md-knopf--primaer:hover { background: var(--md-kupfer-tief); color: #fff; }
.md-knopf--linie { border-color: var(--md-espresso); color: var(--md-espresso); background: transparent; }
.md-knopf--linie:hover { background: var(--md-espresso); color: var(--md-creme); }
.md-knopf--gold { background: var(--md-gold-hell); color: var(--md-espresso); }
.md-knopf--gold:hover { background: #F0D3A6; color: var(--md-espresso); }
.md-knopf--hell { background: var(--md-creme); color: var(--md-espresso); }
.md-knopf--hell:hover { background: #fff; color: var(--md-espresso); }

/* --- Entwurfs-Hinweis, Aktionsleiste, Vorteile ------------------------------------ */

.md-entwurf {
	background: var(--md-espresso);
	color: var(--md-gold-hell);
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 6px 16px;
}

.md-aktion { background: var(--md-kupfer); color: #FFF6EC; }
.md-aktion p { margin: 0 auto; padding-block: 9px; text-align: center; font-size: 14px; line-height: 1.45; }
.md-aktion a { color: #FFF6EC; font-weight: 600; text-underline-offset: 3px; margin-left: 8px; white-space: nowrap; }
.md-aktion a:hover { color: #fff; }

.md-vorteile { background: var(--md-puder); border-bottom: 1px solid var(--md-linie); }
.md-vorteile__liste {
	display: flex; justify-content: space-between; gap: 28px;
	list-style: none; margin: 0 auto; padding-block: 9px;
	overflow-x: auto; scrollbar-width: none;
}
.md-vorteile__liste::-webkit-scrollbar { display: none; }
.md-vorteile__liste li { display: flex; align-items: center; gap: 8px; flex: none; white-space: nowrap; font-size: 13.5px; line-height: 1.4; color: var(--md-espresso); }
.md-vorteile__liste .md-icon { width: 18px; height: 18px; color: var(--md-kupfer); }
.md-vorteile__liste a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--md-puder-tief); }
.md-vorteile__liste a:hover { color: var(--md-kupfer); border-bottom-color: var(--md-kupfer); }

@media (max-width: 1179px) {
	.md-vorteile__liste { flex-wrap: wrap; justify-content: center; gap: 4px 26px; overflow: visible; }
}
@media (max-width: 760px) {
	.md-vorteile__liste { flex-wrap: nowrap; justify-content: center; }
	.md-vorteile__liste li { display: none; }
	.md-vorteile__liste li.ist-aktiv { display: flex; }
}

/* --- Kopfbereich: Logo, Suche, Aktionen -------------------------------------------- */

.md-kopf { position: sticky; top: 0; z-index: 50; background: var(--md-creme); border-bottom: 1px solid var(--md-linie); }
.admin-bar .md-kopf { top: 32px; }

.md-kopf__innen {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(20px, 3vw, 44px);
	min-height: 88px;
}

.md-marke { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--md-espresso); }
.md-marke:hover { color: var(--md-espresso); }
.md-marke__logo { width: 56px; height: 56px; }
.md-marke__text { display: flex; flex-direction: column; line-height: 1.1; }
.md-marke__name { font-family: var(--md-schrift-anzeige); font-size: 25px; font-weight: 600; }
.md-marke__slogan { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--md-kupfer); margin-top: 5px; white-space: nowrap; }

.md-suche { display: flex; width: 100%; max-width: 580px; justify-self: center; }
.md-suche input[type="search"] {
	flex: 1; min-width: 0;
	min-height: 50px;
	padding: 10px 16px;
	border: 1px solid var(--md-espresso); border-right: 0;
	border-radius: var(--md-radius) 0 0 var(--md-radius);
	background: var(--md-weiss);
	font: inherit; font-size: 16px;
	color: var(--md-espresso);
	appearance: none;
}
.md-suche input[type="search"]::placeholder { color: var(--md-text-weich); }
.md-suche input[type="search"]:focus { outline: 2px solid var(--md-kupfer); outline-offset: -1px; }
.md-suche button {
	display: inline-flex; align-items: center; justify-content: center;
	width: 54px; flex: none;
	border: 0; border-radius: 0 var(--md-radius) var(--md-radius) 0;
	background: var(--md-espresso); color: var(--md-creme);
	cursor: pointer;
}
.md-suche button:hover { background: var(--md-kupfer); }
.md-suche button .md-icon { width: 22px; height: 22px; }

.md-kopf__aktionen { display: flex; align-items: center; gap: 6px; }

.md-kopf__whatsapp {
	display: inline-flex; align-items: center; gap: 8px;
	min-height: 44px;
	padding: 9px 16px;
	font-size: 15px; font-weight: 500; text-decoration: none;
	color: var(--md-kupfer);
	border: 1px solid var(--md-kupfer);
	border-radius: var(--md-radius);
	margin-right: 6px;
}
.md-kopf__whatsapp:hover { background: var(--md-kupfer); color: #FFF8F2; }

.md-warenkorb { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--md-espresso); }
.md-warenkorb:hover { color: var(--md-kupfer); }
.md-warenkorb .md-icon { width: 26px; height: 26px; }
.md-warenkorb__anzahl {
	position: absolute; top: 1px; right: -2px;
	min-width: 20px; height: 20px; padding: 0 5px;
	border-radius: 10px;
	background: var(--md-kupfer); color: #fff;
	font-size: 12px; font-weight: 600; line-height: 20px; text-align: center;
	font-variant-numeric: tabular-nums;
}
.md-warenkorb__anzahl[data-anzahl="0"] { display: none; }

.md-menueknopf { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; background: none; border: 0; padding: 0; color: var(--md-espresso); cursor: pointer; }
.md-menueknopf .md-icon { width: 26px; height: 26px; }
.md-menueknopf__auf, .md-menueknopf__zu { display: inline-flex; }
.md-menueknopf__zu { display: none; }
.md-menueknopf[aria-expanded="true"] .md-menueknopf__auf { display: none; }
.md-menueknopf[aria-expanded="true"] .md-menueknopf__zu { display: inline-flex; }

/* --- Kategorieleiste ----------------------------------------------------------------- */

.md-kategorien { border-top: 1px solid var(--md-linie); }
.md-kategorien__liste { display: flex; flex-wrap: wrap; align-items: center; gap: 0 34px; list-style: none; margin: 0; padding: 0; }
.md-kategorien__liste a {
	display: block;
	padding: 14px 0 12px;
	font-size: 15.5px; font-weight: 500;
	color: var(--md-espresso);
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.md-kategorien__liste a:hover,
.md-kategorien__liste .current-menu-item > a:not([href*="#"]) { border-bottom-color: var(--md-kupfer); color: var(--md-espresso); }
.md-kategorien__liste .md-kategorien__hervor > a { color: var(--md-kupfer); }
.md-kategorien__liste .md-kategorien__hervor > a:hover { color: var(--md-kupfer-tief); }

@media (max-width: 1100px) {
	.md-kopf__whatsapp-text { display: none; }
	.md-kopf__whatsapp { padding: 9px 11px; margin-right: 0; }
	.md-kategorien__liste { gap: 0 24px; }
}

@media (max-width: 960px) {
	.md-kopf { position: relative; }
	.md-kopf__innen {
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas: "marke . aktionen" "suche suche suche";
		gap: 10px 12px;
		min-height: 0;
		padding-block: 10px 12px;
	}
	.md-marke { grid-area: marke; }
	.md-marke__logo { width: 48px; height: 48px; }
	.md-kopf__aktionen { grid-area: aktionen; }
	.md-suche { grid-area: suche; max-width: none; }
	.md-menueknopf { display: inline-flex; }
	.md-kategorien { display: none; }
	.md-kategorien.ist-offen { display: block; }
	.md-kategorien__liste { flex-direction: column; align-items: stretch; }
	.md-kategorien__liste a { padding: 14px 0; font-size: 17px; border-bottom: 1px solid var(--md-linie); }
	.md-kategorien__liste li:last-child a { border-bottom: 0; }
}

@media (max-width: 782px) { .admin-bar .md-kopf { top: 46px; } }
@media (max-width: 600px) { .admin-bar .md-kopf { top: 0; } }
@media (max-width: 420px) { .md-marke__slogan { display: none; } .md-aktion p { font-size: 13px; } }

/* --- Startseite: Held ------------------------------------------------------------ */

.md-held { border-bottom: 1px solid var(--md-linie); overflow: hidden; }
.md-held__raster {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: clamp(32px, 5vw, 80px);
	align-items: center;
	padding-block: clamp(40px, 6vw, 88px);
}

.md-held__titel { font-size: clamp(54px, 7.4vw, 100px); line-height: 0.98; letter-spacing: -0.02em; margin-bottom: 24px; }
.md-held__lead { font-size: clamp(18px, 1.6vw, 21px); color: var(--md-text-weich); max-width: 32em; margin-bottom: 32px; }

.md-held__fakten {
	display: flex; flex-wrap: wrap; gap: 12px 28px;
	list-style: none; margin: 40px 0 0; padding: 24px 0 0;
	border-top: 1px solid var(--md-linie);
}
.md-held__fakten li { display: flex; align-items: center; gap: 10px; font-size: 15px; line-height: 1.35; color: var(--md-espresso); }
.md-held__fakten .md-icon { color: var(--md-kupfer); }

.md-held__collage {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 14px;
	aspect-ratio: 5 / 4;
}
.md-held__foto { position: relative; display: block; overflow: hidden; background: var(--md-puder); }
.md-held__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.md-held__foto:hover img { transform: scale(1.03); }
.md-held__foto--gross { grid-row: 1 / span 2; }
.md-held__foto .md-nummer { top: auto; bottom: 10px; left: 10px; margin-top: 0; transform: none; }

.md-held__etikett {
	position: absolute; left: 14px; right: 14px; bottom: 14px;
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px;
	padding: 12px 16px;
	background: var(--md-creme); color: var(--md-espresso);
	font-size: 14px; line-height: 1.3;
}
.md-held__etikett-nr { font-family: var(--md-schrift-anzeige); font-size: 22px; line-height: 1; }
.md-held__etikett-preis { margin-left: auto; font-weight: 600; white-space: nowrap; }

@media (max-width: 900px) {
	.md-held__raster { grid-template-columns: 1fr; padding-block: 20px 48px; gap: 28px; }
	.md-held__collage { order: -1; aspect-ratio: 4 / 3; gap: 8px; }
	.md-held__etikett { left: 8px; right: 8px; bottom: 8px; padding: 10px 12px; }
	.md-held__fakten { margin-top: 32px; }
}
@media (max-width: 420px) {
	.md-held__etikett span:not([class]) { display: none; }
}

/* --- Duftfinder im Theme-Look ------------------------------------------------------ */

.duftfinder {
	--df-grund: var(--md-weiss);
	--df-linie: var(--md-linie);
	--df-text: var(--md-espresso);
	--df-text-weich: var(--md-text-weich);
	--df-akzent: var(--md-kupfer);
	--df-akzent-tief: var(--md-kupfer-tief);
	--df-akzent-text: #FFF8F2;
	--df-auswahl: var(--md-puder);
	--df-schrift-anzeige: var(--md-schrift-anzeige);
	--df-schrift-text: var(--md-schrift-text);
}

/* --- Duftwelten ------------------------------------------------------------------ */

.md-duftwelten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; }

.md-duftwelt {
	position: relative;
	display: flex; flex-direction: column;
	height: 100%;
	background: var(--welt-farbe);
	color: var(--welt-tinte);
	text-decoration: none;
	overflow: hidden;
}
.md-duftwelt:hover { color: var(--welt-tinte); }
.md-duftwelt__bild { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.md-duftwelt__bild img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.md-duftwelt:hover .md-duftwelt__bild img { transform: scale(1.04); }
.md-duftwelt__text { display: flex; flex-direction: column; gap: 2px; padding: 18px 60px 20px 22px; }
.md-duftwelt__name { font-family: var(--md-schrift-anzeige); font-size: 27px; line-height: 1.15; }
.md-duftwelt__noten { font-size: 15px; }
.md-duftwelt__zahl { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin-top: 8px; opacity: 0.8; }
.md-duftwelt__pfeil { position: absolute; right: 20px; bottom: 22px; transition: transform 0.2s; }
.md-duftwelt:hover .md-duftwelt__pfeil { transform: translateX(4px); }
.md-duftwelt__pfeil .md-icon { width: 24px; height: 24px; }

@media (max-width: 860px) { .md-duftwelten { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) {
	.md-duftwelten { gap: 10px; }
	.md-duftwelt__text { padding: 12px 12px 14px; }
	.md-duftwelt__name { font-size: 19px; }
	.md-duftwelt__noten, .md-duftwelt__pfeil { display: none; }
	.md-duftwelt__zahl { margin-top: 4px; font-size: 11px; }
}

/* --- Über mich ----------------------------------------------------------------------- */

.md-ueber { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: center; }

.md-ueber__bild {
	aspect-ratio: 4 / 5;
	max-width: 100%;
	background: var(--md-espresso-2);
	border: 1px solid rgba(230, 194, 142, 0.35);
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
}
.md-ueber__monogramm { font-family: var(--md-schrift-anzeige); font-size: clamp(72px, 10vw, 128px); line-height: 1; color: var(--md-gold-hell); }
.md-ueber__hinweis { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(244, 233, 223, 0.6); }

.md-ueber__text p { color: #E9DCCF; font-size: 18px; max-width: 34em; }
.md-ueber__text .md-knopf { margin-top: 12px; }

.md-platzhalter { border: 1px dashed rgba(230, 194, 142, 0.6); padding: 14px 16px; color: var(--md-gold-hell); }
.md-ueber__text .md-platzhalter { font-size: 15px; color: var(--md-gold-hell); }

@media (max-width: 860px) {
	.md-ueber { grid-template-columns: 1fr; }
	.md-ueber__bild { aspect-ratio: 16 / 9; }
}

/* --- Häufige Fragen ------------------------------------------------------------------- */

.md-fragen { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.md-fragen .md-kopfzeile { position: sticky; top: 120px; }

.md-frage { border-top: 1px solid var(--md-linie); }
.md-frage:last-child { border-bottom: 1px solid var(--md-linie); }
.md-frage__kopf {
	list-style: none; cursor: pointer;
	display: flex; justify-content: space-between; align-items: baseline; gap: 24px;
	padding: 22px 0;
	font-family: var(--md-schrift-anzeige); font-size: 22px; line-height: 1.3;
	color: var(--md-espresso);
}
.md-frage__kopf::-webkit-details-marker { display: none; }
.md-frage__kopf::after { content: "+"; font-family: var(--md-schrift-text); font-size: 28px; line-height: 1; color: var(--md-kupfer); transition: transform 0.2s; }
.md-frage[open] .md-frage__kopf::after { transform: rotate(45deg); }
.md-frage__antwort { margin: -6px 0 24px; color: var(--md-text-weich); max-width: 40em; }
.md-frage__antwort p { margin: 0; }

@media (max-width: 860px) {
	.md-fragen { grid-template-columns: 1fr; }
	.md-fragen .md-kopfzeile { position: static; }
}

/* --- Aufruf ------------------------------------------------------------------------------ */

.md-aufruf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.md-aufruf__titel { color: #FFF6EC; font-size: clamp(28px, 3.4vw, 40px); margin: 0; max-width: 18em; }

/* --- Fußbereich --------------------------------------------------------------------------- */

.md-fuss { background: var(--md-espresso); color: #D9C8B8; padding-block: 0 32px; font-size: 15px; }
.md-fuss a { color: #F4E9DF; text-decoration: none; }
.md-fuss a:hover { color: var(--md-gold-hell); }

.md-fuss__vorteile { border-bottom: 1px solid rgba(230, 194, 142, 0.18); }
.md-fuss__vorteile ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 28px; list-style: none; margin: 0 auto; padding-block: 26px; }
.md-fuss__vorteile li { display: flex; align-items: center; gap: 12px; color: #F4E9DF; line-height: 1.35; }
.md-fuss__vorteile .md-icon { width: 26px; height: 26px; color: var(--md-gold-hell); }

.md-fuss__raster { display: grid; grid-template-columns: 1.3fr repeat(4, minmax(0, 1fr)); gap: 40px; padding-block: 56px 44px; border-bottom: 1px solid rgba(230, 194, 142, 0.18); }
.md-fuss__name { font-family: var(--md-schrift-anzeige); font-size: 32px; line-height: 1.1; color: #FFF6EC; margin: 0; }
.md-fuss__slogan { color: var(--md-gold-hell); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; margin: 6px 0 16px; }
.md-fuss__text { max-width: 26em; }
.md-fuss__whatsapp { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; }
.md-fuss__titel { font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--md-gold-hell); margin: 8px 0 16px; }
.md-fuss ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.md-fuss a.md-fuss__alle { color: var(--md-gold-hell); }

.md-fuss__zahlung { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-block: 22px; border-bottom: 1px solid rgba(230, 194, 142, 0.18); }
.md-fuss__zahlung .md-fuss__titel { margin: 0; }
.md-fuss ul.md-fuss__marken { display: flex; flex-wrap: wrap; gap: 8px; }
.md-fuss__marken li { padding: 5px 14px; border: 1px solid rgba(230, 194, 142, 0.35); border-radius: var(--md-radius); color: #F4E9DF; font-size: 14px; font-weight: 500; }

.md-fuss__unten { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 24px; font-size: 13px; color: #A8927F; }
.md-fuss__unten p { margin: 0; }

@media (max-width: 1000px) {
	.md-fuss__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.md-fuss__marke { grid-column: 1 / -1; }
	.md-fuss__vorteile ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
	.md-fuss__raster { gap: 32px 20px; padding-block: 44px 36px; }
	.md-fuss__vorteile ul { grid-template-columns: 1fr; gap: 12px; }
}

/* --- WhatsApp-Knopf unten rechts -------------------------------------------------------------- */

.md-schwebeknopf {
	position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 60;
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--md-espresso); color: var(--md-gold-hell);
	border: 1px solid var(--md-gold);
	padding: 11px 18px 11px 14px;
	border-radius: 999px;
	text-decoration: none; font-weight: 500; font-size: 15px;
}
.md-schwebeknopf:hover { background: var(--md-espresso-2); color: #FFF6EC; }
.md-schwebeknopf .md-icon { width: 22px; height: 22px; }

/* --- Seiten und Rechtstexte ----------------------------------------------------------------------- */

.md-seite { padding-block: 48px var(--md-abstand); }
.md-seite__kopf { margin-bottom: 32px; }
.md-seite__titel { font-size: clamp(40px, 5vw, 60px); margin: 0; }
.md-lesetext { max-width: 760px; margin-inline: 0; }
.md-lesetext h2 { font-size: 30px; margin-top: 1.6em; }
.md-lesetext h3 { font-size: 22px; margin-top: 1.4em; }
.md-leer .md-knopfreihe { margin-top: 28px; }

/* ==========================================================================
   WooCommerce
   ========================================================================== */

.md-shop { padding-block: 32px var(--md-abstand); }

.md-brotkrume { font-size: 14px; color: var(--md-text-weich); margin-bottom: 24px; }
.md-brotkrume a { color: var(--md-text-weich); text-decoration: none; }
.md-brotkrume a:hover { color: var(--md-kupfer); }
.md-brotkrume__trenner { margin-inline: 8px; color: var(--md-puder-tief); }

.woocommerce-products-header__title.page-title { font-size: clamp(40px, 5vw, 60px); margin: 0 0 10px; }
.md-shop__intro { color: var(--md-text-weich); font-size: 18px; max-width: 40em; }

.woocommerce .woocommerce-result-count { font-size: 14px; color: var(--md-text-weich); margin: 14px 0 32px; }
.woocommerce .woocommerce-ordering { margin: 0 0 32px; }
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row select {
	appearance: none;
	border: 1px solid var(--md-linie);
	background: var(--md-weiss) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%232E1A10' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;
	padding: 10px 40px 10px 14px;
	font: inherit; font-size: 15px;
	color: var(--md-espresso);
	border-radius: var(--md-radius);
}

/* Produktraster */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 44px 24px;
	margin: 0;
	padding: 0;
}
.woocommerce ul.products::before, .woocommerce ul.products::after,
.woocommerce-page ul.products::before, .woocommerce-page ul.products::after { content: none; display: none; }

.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
	position: relative;
	display: flex; flex-direction: column;
	width: auto; margin: 0; padding: 0;
	float: none; clear: none;
	text-align: left;
}

@media (min-width: 1000px) {
	.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 32px; }
}
@media (max-width: 560px) {
	.woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 14px; }
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; color: inherit; text-decoration: none; }
.woocommerce ul.products li.product a img { margin: 0 0 16px; aspect-ratio: 1; object-fit: cover; background: var(--md-puder); transition: opacity 0.2s; }
.woocommerce ul.products li.product a:hover img { opacity: 0.9; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--md-schrift-anzeige);
	font-size: 22px; font-weight: 500; line-height: 1.2;
	color: var(--md-espresso);
	padding: 0; margin: 0 0 4px;
}

.md-karte__zeile { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--md-text-weich); margin: 0 0 10px; line-height: 1.5; }

.woocommerce ul.products li.product .price { display: block; color: var(--md-espresso); font-size: 18px; font-weight: 600; margin: 0 0 2px; font-variant-numeric: tabular-nums; }
.woocommerce ul.products li.product .price del { color: var(--md-text-weich); font-weight: 400; }

.woocommerce .price-unit,
.woocommerce .wc-gzd-additional-info,
.woocommerce .wc-gzd-additional-info-loop,
.woocommerce .small-business-info,
.woocommerce .shipping-costs-info,
.woocommerce .delivery-time-info { font-size: 13px; line-height: 1.5; color: var(--md-text-weich); margin: 0; }

/* Germanized gibt dem Grundpreis zusätzlich die Klasse .price – hier gezielt klein halten. */
.woocommerce ul.products li.product .wc-gzd-additional-info,
.woocommerce ul.products li.product .price.price-unit,
.woocommerce div.product div.summary .wc-gzd-additional-info,
.woocommerce div.product div.summary .price.price-unit {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--md-text-weich);
	margin: 0;
}
.woocommerce ul.products li.product .price.price-unit { margin-bottom: 2px; }
.woocommerce div.product div.summary .price.price-unit { font-size: 15px; margin-bottom: 4px; }
.woocommerce .wc-gzd-additional-info a,
.woocommerce .shipping-costs-info a { color: var(--md-text-weich); }

.md-abzeichen {
	position: absolute; top: 12px; left: 12px; z-index: 2;
	background: var(--md-espresso); color: var(--md-gold-hell);
	font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase;
	padding: 5px 9px;
}

/* Nummer unten links auf dem Foto. margin-top in % rechnet mit der Kartenbreite = Bildhöhe (quadratisch). */
.md-nummer {
	position: absolute; top: 0; left: 12px; z-index: 2;
	margin-top: calc(100% - 12px);
	transform: translateY(-100%);
	display: flex; align-items: baseline; gap: 4px;
	font-family: var(--md-schrift-anzeige); font-size: 20px; font-weight: 500; line-height: 1;
	color: var(--md-espresso); background: var(--md-creme);
	padding: 7px 10px 6px;
	pointer-events: none;
}
.md-nummer small { font-size: 12px; }
.duftfinder .duftfinder__nummer { background: var(--md-creme); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { position: relative; }
@media (max-width: 560px) {
	.md-nummer { left: 8px; margin-top: calc(100% - 8px); font-size: 16px; padding: 5px 7px 4px; }
}

/* Galerie auf der Produktseite */
.woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto; float: none; }
.woocommerce div.product div.images .flex-control-thumbs li img { opacity: 0.6; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; }

.woocommerce span.onsale {
	min-width: 0; min-height: 0; line-height: 1.4;
	top: 12px; right: 12px; left: auto; margin: 0;
	padding: 5px 9px;
	border-radius: 0;
	background: var(--md-kupfer); color: #FFF8F2;
	font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
}

/* Knöpfe */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	background: var(--md-kupfer);
	color: #FFF8F2;
	font-family: var(--md-schrift-text);
	font-size: 15px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.2;
	padding: 14px 22px;
	border: 0;
	border-radius: var(--md-radius);
	transition: background-color 0.2s, color 0.2s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #payment #place_order:hover { background: var(--md-kupfer-tief); color: #fff; }

.woocommerce a.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled { background: var(--md-kupfer); color: #FFF8F2; opacity: 0.5; }

.woocommerce ul.products li.product .button {
	align-self: flex-start;
	margin-top: 14px;
	background: transparent;
	color: var(--md-espresso);
	border: 1px solid var(--md-espresso);
	padding: 10px 16px;
	font-size: 14px;
}
.woocommerce ul.products li.product .button:hover { background: var(--md-espresso); color: var(--md-creme); }
.woocommerce ul.products li.product .button.loading { opacity: 0.6; }
.woocommerce ul.products li.product .button.added::after { margin-left: 8px; }
.woocommerce a.added_to_cart { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 500; }

/* Seitenzahlen */
.woocommerce nav.woocommerce-pagination { margin-top: 56px; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: inline-flex; gap: 6px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { min-width: 44px; padding: 11px; border: 1px solid var(--md-linie); color: var(--md-espresso); font-size: 15px; }
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--md-espresso); color: var(--md-creme); border-color: var(--md-espresso); }

/* Hinweise */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-message {
	background: var(--md-weiss);
	color: var(--md-espresso);
	border-top: 0;
	border-left: 3px solid var(--md-kupfer);
	padding: 16px 20px 16px 52px;
	font-size: 16px;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--md-kupfer); top: 16px; left: 20px; }
.woocommerce-error { border-left-color: var(--md-rot); }
.woocommerce-error::before { color: var(--md-rot); top: 16px; left: 20px; }
.woocommerce-message .button, .woocommerce-info .button { padding: 8px 14px; font-size: 14px; }

/* Produktseite */
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 clamp(32px, 5vw, 72px); align-items: start; }
.woocommerce div.product div.images, .woocommerce div.product div.summary,
.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { width: auto; float: none; margin: 0; }
.woocommerce div.product > .woocommerce-tabs,
.woocommerce div.product > .related,
.woocommerce div.product > .up-sells,
.woocommerce div.product > .md-pyramide { grid-column: 1 / -1; }

.woocommerce div.product div.images img { background: var(--md-puder); }
.woocommerce div.product div.summary { padding-top: 8px; }

.md-produkt__kennung { margin-bottom: 10px; }
.woocommerce div.product .product_title { font-size: clamp(38px, 4.5vw, 58px); margin: 0 0 14px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--md-espresso); font-size: 30px; font-weight: 500; line-height: 1.2; margin: 0 0 4px; font-variant-numeric: tabular-nums; }
.woocommerce div.product .woocommerce-product-details__short-description { font-size: 18px; margin: 24px 0 18px; max-width: 34em; }
.woocommerce div.product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }

.md-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.md-chips li { border: 1px solid var(--md-linie); background: var(--md-weiss); padding: 5px 13px; font-size: 14px; line-height: 1.4; color: var(--md-espresso); border-radius: 999px; }
.md-produkt__richtungen { margin: 0 0 28px; }

.woocommerce div.product .stock { font-size: 14px; color: var(--md-gruen); }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; margin: 0 0 16px; }

/* Varianten (Standard / Premium) */
.woocommerce div.product form.cart.variations_form { display: block; }
.woocommerce div.product form.cart .variations { margin: 0 0 16px; border: 0; }
.woocommerce div.product form.cart .variations tr { display: flex; flex-direction: column; gap: 6px; }
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td { display: block; padding: 0; border: 0; text-align: left; line-height: 1.4; }
.woocommerce div.product form.cart .variations th label { font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--md-text-weich); }
.woocommerce div.product form.cart .variations select {
	appearance: none;
	width: 100%;
	max-width: 420px;
	min-height: 52px;
	margin: 0;
	padding: 12px 44px 12px 16px;
	border: 1px solid var(--md-linie);
	border-radius: var(--md-radius);
	background: var(--md-weiss) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%232E1A10' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;
	font: inherit; font-size: 16px;
	color: var(--md-espresso);
}
.woocommerce div.product form.cart .reset_variations { display: inline-block; margin-top: 8px; font-size: 14px; }
.woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation { margin-bottom: 14px; }
.woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-price .price { font-size: 24px; }
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .button { flex: 1; min-width: 200px; }
.woocommerce div.product form.cart div.quantity { float: none; margin: 0; }
.woocommerce div.product form.cart .button { float: none; flex: 1; min-height: 54px; font-size: 16px; }
.woocommerce .quantity .qty {
	width: 76px; height: 54px;
	border: 1px solid var(--md-linie);
	background: var(--md-weiss);
	border-radius: var(--md-radius);
	font: inherit; font-size: 17px; text-align: center;
	color: var(--md-espresso);
}

.md-produkt__frage {
	display: flex; align-items: center; gap: 12px;
	margin-top: 20px;
	padding: 16px 18px;
	background: var(--md-puder);
	color: var(--md-espresso);
	text-decoration: none; font-size: 15px;
}
.md-produkt__frage:hover { background: var(--md-puder-tief); color: var(--md-espresso); }
.md-produkt__frage .md-icon { width: 24px; height: 24px; color: var(--md-kupfer); }
.md-produkt__frage strong { font-weight: 600; color: var(--md-kupfer); }

.woocommerce div.product .woocommerce-tabs { margin-top: clamp(40px, 5vw, 64px); }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 24px; border-bottom: 1px solid var(--md-linie); overflow: visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: 0; border-radius: 0; margin: 0 28px 0 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 0; font-weight: 500; color: var(--md-text-weich); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--md-espresso); box-shadow: inset 0 -2px var(--md-kupfer); }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 760px; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; }

.md-pyramide { margin-top: clamp(48px, 6vw, 80px); padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--md-linie); }
.md-pyramide__stufen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--md-linie); background: var(--md-weiss); }
.md-pyramide__stufe { padding: 28px; }
.md-pyramide__stufe + .md-pyramide__stufe { border-left: 1px solid var(--md-linie); }
.md-pyramide__name { font-size: 24px; margin: 0 0 2px; }
.md-pyramide__zeit { font-size: 14px; color: var(--md-text-weich); margin: 0 0 16px; }

.woocommerce div.product .related.products > h2,
.woocommerce div.product .up-sells > h2 { font-size: clamp(28px, 3vw, 36px); margin: clamp(48px, 6vw, 80px) 0 28px; padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--md-linie); }

@media (max-width: 860px) {
	.woocommerce div.product { grid-template-columns: 1fr; }
	.woocommerce div.product div.summary { padding-top: 28px; }
	.md-pyramide__stufen { grid-template-columns: 1fr; }
	.md-pyramide__stufe + .md-pyramide__stufe { border-left: 0; border-top: 1px solid var(--md-linie); }
}

/* Tabellen: Warenkorb, Kasse, Bestellübersicht */
.woocommerce table.shop_table { border: 1px solid var(--md-linie); border-radius: 0; background: var(--md-weiss); border-collapse: collapse; margin-bottom: 32px; }
.woocommerce table.shop_table th { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--md-text-weich); padding: 14px 16px; }
.woocommerce table.shop_table td { border-top: 1px solid var(--md-linie); padding: 16px; font-variant-numeric: tabular-nums; }
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { border-top: 1px solid var(--md-linie); }
.woocommerce table.shop_table tfoot .order-total th, .woocommerce table.shop_table tfoot .order-total td { font-size: 18px; color: var(--md-espresso); }

.woocommerce table.cart img, .woocommerce-page table.cart img { width: 76px; background: var(--md-puder); }
.woocommerce table.cart td.product-name a { font-family: var(--md-schrift-anzeige); font-size: 20px; color: var(--md-espresso); text-decoration: none; }
.woocommerce table.cart td.actions .coupon .input-text { width: 180px; min-height: 48px; padding: 10px 12px; border: 1px solid var(--md-linie); border-radius: var(--md-radius); background: var(--md-weiss); font: inherit; font-size: 15px; }
.woocommerce a.remove { color: var(--md-text-weich) !important; font-weight: 400; }
.woocommerce a.remove:hover { background: var(--md-rot); color: #fff !important; }

.woocommerce .cart-collaterals .cart_totals h2 { font-size: 30px; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-size: 17px; padding: 18px; }

/* Formulare */
.woocommerce form .form-row label { font-size: 14px; font-weight: 500; color: var(--md-espresso); line-height: 1.5; margin-bottom: 4px; }
.woocommerce form .form-row .required { color: var(--md-kupfer); text-decoration: none; }
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text,
.woocommerce form .form-row textarea {
	border: 1px solid var(--md-linie);
	background: var(--md-weiss);
	border-radius: var(--md-radius);
	padding: 12px 14px;
	min-height: 50px;
	font: inherit; font-size: 16px; line-height: 1.4;
	color: var(--md-espresso);
}
.woocommerce form .form-row textarea { min-height: 110px; }
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus { border-color: var(--md-kupfer); outline: 2px solid var(--md-kupfer); outline-offset: 0; }
.woocommerce form .form-row.woocommerce-invalid .input-text { border-color: var(--md-rot); }

.select2-container--default .select2-selection--single { height: 50px; border: 1px solid var(--md-linie); border-radius: var(--md-radius); background: var(--md-weiss); }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; padding-left: 14px; color: var(--md-espresso); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; right: 8px; }

.woocommerce-checkout h3, .woocommerce-checkout #order_review_heading { font-size: 28px; margin: 0 0 20px; }
.woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-additional-fields { margin-bottom: 32px; }

@media (min-width: 1000px) {
	.woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); column-gap: 56px; align-items: start; }
	.woocommerce-checkout form.checkout > * { grid-column: 2; }
	.woocommerce-checkout form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 20; }
	.woocommerce-checkout form.checkout .col2-set .col-1,
	.woocommerce-checkout form.checkout .col2-set .col-2 { float: none; width: auto; }
}

.woocommerce-checkout #payment { background: var(--md-weiss); border: 1px solid var(--md-linie); border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { padding: 20px; border-bottom: 1px solid var(--md-linie); }
.woocommerce-checkout #payment ul.payment_methods li { line-height: 1.6; }
.woocommerce-checkout #payment ul.payment_methods li label { font-weight: 500; color: var(--md-espresso); }
.woocommerce-checkout #payment div.payment_box { background: var(--md-puder); color: var(--md-espresso); font-size: 15px; border-radius: 0; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--md-puder); }
.woocommerce-checkout #payment div.form-row { padding: 20px; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.woocommerce #place_order { width: 100%; float: none; font-size: 17px; padding: 18px; }

.woocommerce-terms-and-conditions-wrapper, .wc-gzd-checkbox-placeholder, .woocommerce-checkout .legal { font-size: 15px; line-height: 1.55; }
.woocommerce form .form-row .woocommerce-form__label-for-checkbox { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; }
.woocommerce form .form-row .woocommerce-form__label-for-checkbox input[type="checkbox"] { margin-top: 4px; accent-color: var(--md-kupfer); width: 18px; height: 18px; flex: none; }

/* Bestätigung und Kundenkonto */
.woocommerce ul.order_details { display: flex; flex-wrap: wrap; gap: 16px 32px; padding: 20px; margin: 0 0 32px; background: var(--md-weiss); border: 1px solid var(--md-linie); list-style: none; }
.woocommerce ul.order_details li { float: none; margin: 0; padding: 0; border: 0; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--md-text-weich); }
.woocommerce ul.order_details li strong { font-size: 17px; letter-spacing: 0; text-transform: none; color: var(--md-espresso); margin-top: 4px; }
.woocommerce-order .woocommerce-thankyou-order-received { font-family: var(--md-schrift-anzeige); font-size: clamp(26px, 3vw, 34px); color: var(--md-espresso); }

/* ==========================================================================
   Erweiterungen: Kopf, großes Menü, Sofortsuche
   ========================================================================== */

.md-kopf__symbol { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--md-espresso); }
.md-kopf__symbol:hover { color: var(--md-kupfer); }
.md-kopf__symbol .md-icon { width: 26px; height: 26px; }
.md-kopf__zahl {
	position: absolute; top: 1px; right: -2px;
	min-width: 20px; height: 20px; padding: 0 5px;
	border-radius: 10px;
	background: var(--md-espresso); color: #fff;
	font-size: 12px; font-weight: 600; line-height: 20px; text-align: center;
	font-variant-numeric: tabular-nums;
}
@media (max-width: 420px) { .md-kopf__whatsapp { display: none; } }

/* Sofortsuche */
.md-suche { position: relative; }
.md-suchvorschlaege {
	position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 70;
	background: var(--md-weiss);
	border: 1px solid var(--md-linie);
	box-shadow: 0 16px 40px rgba(46, 26, 16, 0.14);
	max-height: min(70vh, 560px); overflow-y: auto;
	text-align: left;
}
.md-suchvorschlaege__titel { margin: 0; padding: 14px 16px 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--md-text-weich); }
.md-suchvorschlaege__chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 16px 16px; }
.md-suchvorschlaege__chips .md-chip { min-height: 34px; padding: 5px 13px; font-size: 14px; cursor: pointer; }
.md-vorschlag { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 16px; color: var(--md-espresso); text-decoration: none; }
.md-vorschlag[aria-selected="true"], .md-vorschlag:hover { background: var(--md-puder); color: var(--md-espresso); }
.md-vorschlag img, .md-vorschlag__platz { width: 52px; height: 52px; object-fit: cover; background: var(--md-puder); }
.md-vorschlag__name { display: block; font-family: var(--md-schrift-anzeige); font-size: 18px; line-height: 1.2; }
.md-vorschlag__meta { display: block; font-size: 13px; color: var(--md-text-weich); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.md-vorschlag__meta mark { background: none; color: var(--md-kupfer); font-weight: 600; }
.md-vorschlag__preis { font-size: 14.5px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.md-suchvorschlaege__alle { display: block; padding: 13px 16px; border-top: 1px solid var(--md-linie); font-weight: 500; }
.md-suchvorschlaege__leer { margin: 0; padding: 16px; color: var(--md-text-weich); font-size: 15px; }

/* Großes Menü */
.md-mega__innen {
	max-width: calc(var(--md-breite) + 2 * var(--md-rand));
	margin-inline: auto;
	padding: 28px var(--md-rand) 32px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.15fr);
	gap: 32px;
}
.md-mega__titel { margin: 0 0 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--md-kupfer); }
.md-mega__spalte ul { list-style: none; margin: 0 0 20px; padding: 0; }
.md-mega__spalte ul:last-child { margin-bottom: 0; }
.md-kategorien .md-mega__spalte a { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 0; color: var(--md-espresso); font-size: 15.5px; font-weight: 400; text-decoration: none; }
.md-kategorien .md-mega__spalte a:hover { color: var(--md-kupfer); }
.md-kategorien .md-mega__spalte a.md-mega__alle { font-weight: 600; }
.md-mega__punkt { width: 12px; height: 12px; flex: none; border-radius: 50%; background: var(--welt-farbe); box-shadow: inset 0 0 0 1px rgba(46, 26, 16, 0.12); }
.md-mega__zahl { margin-left: auto; font-size: 13px; color: var(--md-text-weich); font-variant-numeric: tabular-nums; }
.md-kategorien a.md-mega__tipp { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 16px; align-items: center; align-self: start; padding: 14px; border-bottom: 0; background: var(--md-puder); color: var(--md-espresso); text-decoration: none; }
.md-kategorien a.md-mega__tipp:hover { background: var(--md-puder-tief); }
.md-mega__tipp-bild { position: relative; display: block; }
.md-mega__tipp-bild img { width: 116px; height: 116px; object-fit: cover; }
.md-mega__tipp-bild .md-nummer { top: auto; bottom: 6px; left: 6px; margin-top: 0; transform: none; font-size: 15px; padding: 4px 6px 3px; }
.md-mega__tipp-text { display: flex; flex-direction: column; gap: 4px; }
.md-mega__tipp-text .md-eyebrow { margin: 0; font-size: 11px; }
.md-mega__tipp-name { font-family: var(--md-schrift-anzeige); font-size: 22px; line-height: 1.15; }
.md-mega__tipp-preis { font-weight: 600; font-size: 15px; }
.md-mega__knopf .md-icon { width: 16px; height: 16px; transition: transform 0.2s; }

@media (min-width: 961px) {
	.md-kategorien { position: relative; }
	.md-kategorien__liste > li { display: flex; align-items: center; }
	.md-mega__knopf { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 2px; padding: 0; border: 0; background: none; color: var(--md-text-weich); cursor: pointer; }
	.md-mega__panel {
		position: absolute; left: 0; right: 0; top: 100%; z-index: 45;
		background: var(--md-creme);
		border-top: 1px solid var(--md-linie); border-bottom: 1px solid var(--md-linie);
		box-shadow: 0 24px 40px rgba(46, 26, 16, 0.1);
		visibility: hidden; opacity: 0; transform: translateY(-4px);
		transition: opacity 0.18s ease 0.1s, transform 0.18s ease 0.1s, visibility 0s linear 0.28s;
	}
	.md-mega:hover > .md-mega__panel,
	.md-mega:focus-within > .md-mega__panel,
	.md-mega.ist-offen > .md-mega__panel {
		visibility: visible; opacity: 1; transform: none;
		transition: opacity 0.18s ease 0.12s, transform 0.18s ease 0.12s, visibility 0s linear 0.12s;
	}
	.md-mega.ist-zu > .md-mega__panel { visibility: hidden; opacity: 0; }
	.md-mega:hover > .md-mega__knopf .md-icon, .md-mega.ist-offen > .md-mega__knopf .md-icon { transform: rotate(180deg); }
}

@media (max-width: 960px) {
	.md-kategorien__liste > li.md-mega { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border-bottom: 1px solid var(--md-linie); }
	.md-kategorien__liste > li.md-mega > a { border-bottom: 0; }
	.md-mega__knopf { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: -12px; padding: 0; border: 0; background: none; color: var(--md-espresso); cursor: pointer; }
	.md-mega__knopf[aria-expanded="true"] .md-icon { transform: rotate(180deg); }
	.md-mega__panel { grid-column: 1 / -1; display: none; }
	.md-mega.ist-offen > .md-mega__panel { display: block; }
	.md-mega__innen { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 24px; padding: 0 0 18px; }
	.md-kategorien .md-mega__spalte a { padding: 8px 0; font-size: 15.5px; border-bottom: 0; }
	.md-mega__spalte:nth-child(3) { grid-column: 1 / -1; }
	.md-kategorien a.md-mega__tipp { display: none; }
}

/* ==========================================================================
   Chips, Merkliste-Herz, Abzeichen
   ========================================================================== */

.md-chip {
	display: inline-flex; align-items: center; gap: 8px;
	min-height: 40px; padding: 7px 16px;
	border: 1px solid var(--md-linie); border-radius: 999px;
	background: var(--md-weiss); color: var(--md-espresso);
	font-size: 15px; line-height: 1.2; text-decoration: none; white-space: nowrap;
	transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
a.md-chip:hover, button.md-chip:hover { border-color: var(--md-espresso); color: var(--md-espresso); }
.md-chip.ist-aktiv { background: var(--md-espresso); border-color: var(--md-espresso); color: var(--md-creme); }
a.md-chip.ist-aktiv:hover { color: var(--md-creme); }
.md-chip.ist-aktiv .md-chip__zahl { color: var(--md-gold-hell); }
.md-chip.ist-leer { opacity: 0.45; }
.md-chip__zahl { font-size: 12.5px; color: var(--md-text-weich); font-variant-numeric: tabular-nums; }
.md-chip__punkt { width: 12px; height: 12px; border-radius: 50%; background: var(--welt-farbe); box-shadow: inset 0 0 0 1px rgba(46, 26, 16, 0.12); }
.md-chip--entfernen { min-height: 34px; padding: 5px 10px 5px 14px; font-size: 14px; }
.md-chip--entfernen .md-icon { width: 14px; height: 14px; }
button.md-chip { font: inherit; font-size: 14px; }

.md-merken { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; background: none; color: var(--md-espresso); cursor: pointer; font: inherit; }
.md-merken .md-icon { width: 22px; height: 22px; transition: transform 0.25s; }
.md-merken[aria-pressed="true"] { color: var(--md-kupfer); }
.md-merken[aria-pressed="true"] .md-icon path { fill: currentColor; }
.md-merken.ist-gepulst .md-icon { transform: scale(1.3); }
.md-merken--karte { position: absolute; top: 10px; right: 10px; z-index: 3; width: 40px; height: 40px; border-radius: 50%; background: var(--md-creme); }
.md-merken--karte:hover { color: var(--md-kupfer); }
.md-merken--produkt { min-height: 44px; padding: 8px 18px 8px 14px; border: 1px solid var(--md-linie); border-radius: 999px; background: var(--md-weiss); font-size: 15px; }
.md-merken--produkt:hover { border-color: var(--md-espresso); }

.md-abzeichen--hell { background: var(--md-creme); color: var(--md-kupfer); }

/* Zweites Foto beim Überfahren */
.woocommerce ul.products li.product a img.md-karte__zweitbild {
	position: absolute; top: 0; left: 0;
	width: 100%; margin: 0;
	opacity: 0; background: #fff;
	transition: opacity 0.35s ease;
	pointer-events: none;
}
@media (hover: hover) {
	.woocommerce ul.products li.product:hover a img.md-karte__zweitbild { opacity: 1; }
}
.woocommerce ul.products li.product .md-ab { font-size: 0.8em; font-weight: 500; color: var(--md-text-weich); }
.woocommerce a.added_to_cart { display: none !important; }

/* ==========================================================================
   Sortimentsseiten: Kopf, Werkzeugleiste, Filter
   ========================================================================== */

.md-archivkopf { display: grid; grid-template-columns: 1fr; margin-bottom: 28px; }
.md-archivkopf--bild { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); background: var(--md-puder); min-height: 280px; }
.md-archivkopf__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.md-archivkopf--bild .md-archivkopf__text { padding: clamp(28px, 4vw, 56px); }
.md-archivkopf__titel { font-size: clamp(40px, 5vw, 64px); margin: 0 0 12px; }
.md-archivkopf__intro { color: var(--md-text-weich); font-size: 18px; max-width: 38em; }
.md-archivkopf__intro p { margin: 0 0 16px; }
.md-archivkopf__bild { position: relative; min-height: 240px; overflow: hidden; }
.md-archivkopf__bild img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 760px) {
	.md-archivkopf--bild { grid-template-columns: 1fr; min-height: 0; }
	.md-archivkopf__bild { order: -1; min-height: 0; aspect-ratio: 16 / 9; }
	.md-archivkopf--bild .md-archivkopf__text { padding: 22px 20px 26px; }
	.md-archivkopf__intro { font-size: 16.5px; }
}

.md-werkzeug { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; }
.md-werkzeug__chips { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0 0 2px; overflow-x: auto; scrollbar-width: none; }
.md-werkzeug__chips::-webkit-scrollbar { display: none; }
.md-werkzeug__zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding-block: 12px; border-block: 1px solid var(--md-linie); }
.md-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-right: auto; }
.md-filter__gruppe { position: relative; }
.md-filter__knopf {
	list-style: none;
	display: inline-flex; align-items: center; gap: 8px;
	min-height: 40px; padding: 7px 14px 7px 16px;
	border: 1px solid var(--md-linie); border-radius: 999px;
	background: var(--md-weiss);
	font-size: 15px; cursor: pointer; user-select: none;
}
.md-filter__knopf::-webkit-details-marker { display: none; }
.md-filter__knopf .md-icon { width: 16px; height: 16px; transition: transform 0.2s; }
.md-filter__gruppe[open] .md-filter__knopf, .md-filter__gruppe.ist-aktiv .md-filter__knopf { border-color: var(--md-espresso); }
.md-filter__gruppe[open] .md-filter__knopf .md-icon { transform: rotate(180deg); }
.md-filter__anzahl { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--md-kupfer); color: #fff; font-size: 12px; font-weight: 600; line-height: 20px; text-align: center; }
.md-filter__panel {
	position: absolute; top: calc(100% + 8px); left: 0; z-index: 30;
	min-width: 260px; margin: 0; padding: 8px; list-style: none;
	background: var(--md-weiss);
	border: 1px solid var(--md-linie);
	box-shadow: 0 12px 32px rgba(46, 26, 16, 0.12);
}
.md-filter__option { display: flex; align-items: center; gap: 12px; padding: 10px 12px; color: var(--md-espresso); text-decoration: none; font-size: 15.5px; }
a.md-filter__option:hover { background: var(--md-puder); color: var(--md-espresso); }
.md-filter__option.ist-leer { opacity: 0.45; }
.md-filter__haken { position: relative; width: 18px; height: 18px; flex: none; border: 1px solid var(--md-text-weich); border-radius: 2px; }
.md-filter__option.ist-aktiv .md-filter__haken { background: var(--md-espresso); border-color: var(--md-espresso); }
.md-filter__option.ist-aktiv .md-filter__haken::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.md-filter__zahl { margin-left: auto; font-size: 13px; color: var(--md-text-weich); font-variant-numeric: tabular-nums; }
.md-werkzeug__anzahl { margin: 0; font-size: 15px; color: var(--md-text-weich); }
.woocommerce .md-werkzeug .woocommerce-ordering { margin: 0; }
.md-werkzeug__aktiv { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-size: 14px; }
.md-werkzeug__aktiv-titel { color: var(--md-text-weich); }
.md-werkzeug__zuruecksetzen { margin-left: 6px; font-weight: 500; }
@media (max-width: 760px) {
	.md-filter { width: 100%; margin-right: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
	.md-filter::-webkit-scrollbar { display: none; }
	.md-filter__panel { position: fixed; left: 16px; right: 16px; top: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); min-width: 0; z-index: 80; }
	.md-werkzeug__anzahl { margin-right: auto; }
}

/* ==========================================================================
   Produktseite
   ========================================================================== */

@media (min-width: 861px) {
	.woocommerce div.product div.images { position: sticky; top: 150px; }
}
.woocommerce div.product > .md-details { grid-column: 1 / -1; }

.md-produkt__familie { font-size: 16.5px; color: var(--md-text-weich); margin: -6px 0 18px; }
.md-chips a { color: inherit; text-decoration: none; }
.md-produkt__richtungen li:hover { border-color: var(--md-espresso); }

.md-linien { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 540px; }
.md-linie {
	position: relative;
	display: flex; flex-direction: column; gap: 4px;
	padding: 14px 16px;
	border: 1px solid var(--md-linie);
	background: var(--md-weiss);
	cursor: pointer;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.md-linie:hover { border-color: var(--md-text-weich); }
.md-linie input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; }
.md-linie.ist-gewaehlt, .md-linie:has(input:checked) { border-color: var(--md-espresso); box-shadow: inset 0 0 0 1px var(--md-espresso); }
.md-linie:has(input:focus-visible) { outline: 2px solid var(--md-kupfer); outline-offset: 2px; }
.md-linie__kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.md-linie__name { font-family: var(--md-schrift-anzeige); font-size: 21px; line-height: 1.1; color: var(--md-espresso); }
.md-linie__preis { font-weight: 600; color: var(--md-espresso); font-variant-numeric: tabular-nums; white-space: nowrap; }
.md-linie__info { font-size: 13.5px; line-height: 1.4; color: var(--md-text-weich); }
.md-linien__feld { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.woocommerce div.product form.cart .variations td { position: relative; }
.woocommerce div.product form.cart .variations .reset_variations { display: none !important; }
.woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-price .price { font-size: 20px; }
.woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation { margin-bottom: 12px; }

.md-produkt__service { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 6px 0 18px; }
.md-lieferung { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; line-height: 1.4; color: var(--md-espresso); }
.md-lieferung .md-icon { color: var(--md-gruen); }
.md-lieferung strong { font-weight: 600; }

.md-produkt__vorteile { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; list-style: none; margin: 0 0 4px; padding: 18px 0; border-block: 1px solid var(--md-linie); }
.md-produkt__vorteile li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; line-height: 1.45; }
.md-produkt__vorteile .md-icon { color: var(--md-kupfer); }
@media (max-width: 520px) { .md-produkt__vorteile { grid-template-columns: 1fr; } }

.md-pyramide__kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; margin-bottom: 24px; }
.md-pyramide__kopf .md-titel { margin: 0; }

.md-details { margin-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--md-espresso); max-width: 920px; }
.md-details__eintrag { border-bottom: 1px solid var(--md-linie); }
.md-details__eintrag > summary {
	list-style: none; cursor: pointer;
	display: flex; justify-content: space-between; align-items: center; gap: 24px;
	padding: 20px 0;
	font-family: var(--md-schrift-anzeige); font-size: 24px; line-height: 1.2;
	color: var(--md-espresso);
}
.md-details__eintrag > summary::-webkit-details-marker { display: none; }
.md-details__eintrag > summary::after { content: "+"; font-family: var(--md-schrift-text); font-size: 28px; line-height: 1; color: var(--md-kupfer); transition: transform 0.2s; }
.md-details__eintrag[open] > summary::after { transform: rotate(45deg); }
.md-details__inhalt { padding: 0 0 24px; max-width: 760px; font-size: 16px; }
.md-details__inhalt p { margin: 0 0 12px; }
.md-details__links { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.md-eigenschaften { margin: 0; }
.md-eigenschaften div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 16px; padding: 10px 0; border-top: 1px solid var(--md-linie); }
.md-eigenschaften div:first-child { border-top: 0; padding-top: 0; }
.md-eigenschaften dt { color: var(--md-text-weich); font-size: 15px; }
.md-eigenschaften dd { margin: 0; font-variant-numeric: tabular-nums; }
@media (max-width: 520px) { .md-eigenschaften div { grid-template-columns: 1fr; gap: 2px; } }

.md-kaufleiste {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 55;
	display: flex; align-items: center; gap: 12px;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
	background: var(--md-weiss);
	border-top: 1px solid var(--md-linie);
	box-shadow: 0 -8px 24px rgba(46, 26, 16, 0.08);
}
.md-kaufleiste__text { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.25; }
.md-kaufleiste__name { font-family: var(--md-schrift-anzeige); font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.md-kaufleiste__preis { font-size: 14px; color: var(--md-text-weich); }
.md-kaufleiste .md-kaufleiste__knopf { min-height: 46px; padding: 10px 18px; }
@media (min-width: 761px) { .md-kaufleiste { display: none !important; } }
.md-kaufleiste-sichtbar .md-schwebeknopf { display: none; }

/* ==========================================================================
   Seitlicher Warenkorb, Versandziel, Hinweise
   ========================================================================== */

html.md-gesperrt { overflow: hidden; }

.md-korb { position: fixed; inset: 0; z-index: 90; }
.md-korb__hintergrund { position: absolute; inset: 0; background: rgba(46, 26, 16, 0.45); opacity: 0; transition: opacity 0.3s; }
.md-korb__leiste {
	position: absolute; top: 0; right: 0; bottom: 0;
	width: min(440px, 100%);
	display: flex; flex-direction: column;
	background: var(--md-creme);
	transform: translateX(100%);
	transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
	outline: none;
}
.md-korb.ist-offen .md-korb__hintergrund { opacity: 1; }
.md-korb.ist-offen .md-korb__leiste { transform: none; }
.md-korb__kopf { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 22px; border-bottom: 1px solid var(--md-linie); padding-top: calc(16px + env(safe-area-inset-top, 0px)); }
.md-korb__titel { font-size: 26px; margin: 0; }
.md-korb__anzahl { font-family: var(--md-schrift-text); font-size: 15px; color: var(--md-text-weich); }
.md-korb__zu { width: 44px; height: 44px; margin-right: -10px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: none; color: var(--md-espresso); cursor: pointer; }
.md-korb .widget_shopping_cart_content { flex: 1; display: flex; flex-direction: column; overflow-y: auto; padding: 18px 22px calc(24px + env(safe-area-inset-bottom, 0px)); }

.md-korb ul.cart_list { list-style: none; margin: 0 0 6px; padding: 0; }
.md-korb ul.cart_list li { position: relative; display: flow-root; margin: 0; padding: 14px 36px 14px 0; border-bottom: 1px solid var(--md-linie); }
.md-korb ul.cart_list li a:not(.remove) { display: block; color: var(--md-espresso); font-family: var(--md-schrift-anzeige); font-size: 19px; font-weight: 400; line-height: 1.25; text-decoration: none; }
.md-korb ul.cart_list li img { float: left; width: 76px; height: 76px; margin: 0 14px 0 0; object-fit: cover; background: var(--md-puder); }
.md-korb ul.cart_list li .quantity { display: block; margin-top: 6px; font-size: 15px; color: var(--md-text-weich); font-variant-numeric: tabular-nums; }
.md-korb ul.cart_list li dl.variation { display: none; }
.md-korb ul.cart_list li .wc-gzd-cart-info { display: block; margin: 2px 0 0; font-family: var(--md-schrift-text); font-size: 13px; line-height: 1.4; color: var(--md-text-weich); }
.md-korb ul.cart_list li .quantity .wc-gzd-cart-info { display: inline; margin-left: 6px; }
.md-korb a.remove { position: absolute; top: 12px; right: 0; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: var(--md-text-weich); font-size: 22px; line-height: 1; text-decoration: none; }
.md-korb a.remove:hover { background: var(--md-rot); color: #fff; }
.md-korb .woocommerce-mini-cart__total { display: flex; justify-content: space-between; gap: 16px; margin: 14px 0; font-size: 17px; }
.md-korb .woocommerce-mini-cart__buttons { display: grid; gap: 10px; margin: 16px 0 0; }
.md-korb .button {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 50px; padding: 12px 20px;
	border: 1px solid var(--md-kupfer); border-radius: var(--md-radius);
	background: var(--md-kupfer); color: #FFF8F2;
	font-size: 16px; font-weight: 500; text-decoration: none; cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.md-korb .button:hover { background: var(--md-kupfer-tief); border-color: var(--md-kupfer-tief); color: #fff; }
.md-korb .button.loading { opacity: 0.6; }
.md-korb .woocommerce-mini-cart__buttons .button:not(.checkout) { background: transparent; border-color: var(--md-espresso); color: var(--md-espresso); }
.md-korb .woocommerce-mini-cart__buttons .button:not(.checkout):hover { background: var(--md-espresso); color: var(--md-creme); }
.md-korb .woocommerce-mini-cart__empty-message { font-family: var(--md-schrift-anzeige); font-size: 26px; line-height: 1.2; color: var(--md-espresso); margin: 8px 0 10px; }
.md-korb__leer p { color: var(--md-text-weich); }
.md-korb .md-lieferung { margin: 4px 0 0; }

.md-versandziel { margin: 0 0 16px; padding: 14px 16px; background: var(--md-weiss); border: 1px solid var(--md-linie); }
.md-versandziel p { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 15px; line-height: 1.4; }
.md-versandziel .md-icon { color: var(--md-kupfer); }
.md-versandziel__balken { display: block; height: 6px; background: var(--md-puder); border-radius: 3px; overflow: hidden; }
.md-versandziel__balken span { display: block; height: 100%; background: var(--md-kupfer); border-radius: 3px; transition: width 0.4s ease; }
.md-versandziel.ist-erreicht .md-versandziel__balken span { background: var(--md-gruen); }
.md-versandziel.ist-erreicht .md-icon { color: var(--md-gruen); }

.md-rabatthinweis { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 14px; padding: 12px 14px; background: var(--md-puder); font-size: 14.5px; line-height: 1.4; }
.md-rabatthinweis .md-icon { color: var(--md-kupfer); }
.md-rabatthinweis a { margin-left: auto; font-weight: 600; }
.md-rabatthinweis.ist-aktiv { background: #E7EDE4; }
.md-rabatthinweis.ist-aktiv .md-icon { color: var(--md-gruen); }

.md-zusatz { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-top: 20px; padding: 12px; border: 1px dashed var(--md-puder-tief); background: var(--md-weiss); }
.md-zusatz__bild img { width: 64px; height: 64px; object-fit: contain; background: #fff; }
.md-zusatz__titel { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--md-kupfer); }
.md-zusatz__text p { margin: 0; font-size: 14.5px; line-height: 1.4; }
.md-zusatz__text a { color: var(--md-espresso); }
.woocommerce .md-zusatz a.md-zusatz__knopf.button, .md-korb .md-zusatz__knopf.button { min-height: 40px; padding: 8px 16px; font-size: 14px; margin: 0; }

.woocommerce-cart .cart_totals .md-lieferung { margin: 16px 0 0; }
.md-kasse__vertrauen { list-style: none; margin: 20px 0 0; padding: 18px 20px; display: grid; gap: 10px; background: var(--md-puder); font-size: 15px; line-height: 1.45; }
.md-kasse__vertrauen li { display: flex; gap: 10px; align-items: flex-start; }
.md-kasse__vertrauen .md-icon { color: var(--md-kupfer); }
.md-danke { padding: clamp(24px, 4vw, 40px); margin-bottom: 32px; background: var(--md-puder); }
.md-danke__titel { font-size: clamp(28px, 3.4vw, 40px); }
.md-danke p { max-width: 40em; }

/* Leere Zustände */
.md-leer > .md-icon { width: 40px; height: 40px; color: var(--md-kupfer); margin-bottom: 8px; }
.md-leer__titel { font-family: var(--md-schrift-anzeige); font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; color: var(--md-espresso); margin: 0 0 10px; }
.md-leer p { max-width: 38em; color: var(--md-text-weich); }
.md-leer .md-knopfreihe, .md-leer > .md-knopf { margin-top: 20px; }
.md-leer--klein { padding: 32px; background: var(--md-weiss); border: 1px solid var(--md-linie); }
.md-leer--klein .md-leer__titel { font-size: 26px; }
.md-leer__vorschlaege { padding-block: 24px var(--md-abstand); }
.md-leer__vorschlaege .md-titel { margin-bottom: 24px; }
.md-suche--gross { max-width: 560px; margin: 24px 0; }

/* ==========================================================================
   Willkommens-Popup
   ========================================================================== */

.md-popup { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 16px; }
.md-popup__hintergrund { position: absolute; inset: 0; background: rgba(46, 26, 16, 0.55); opacity: 0; transition: opacity 0.35s; }
.md-popup__fenster {
	position: relative;
	display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	width: min(880px, 100%); max-height: calc(100vh - 32px); overflow: auto;
	background: var(--md-creme);
	opacity: 0; transform: translateY(16px);
	transition: opacity 0.35s, transform 0.35s;
	outline: none;
}
.md-popup.ist-sichtbar .md-popup__hintergrund { opacity: 1; }
.md-popup.ist-sichtbar .md-popup__fenster { opacity: 1; transform: none; }
.md-popup__bild { position: relative; background: var(--md-puder); min-height: 320px; }
.md-popup__bild img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.md-popup__text { display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 4vw, 48px); }
.md-popup__titel { font-size: clamp(32px, 3.6vw, 44px); margin-bottom: 12px; }
.md-popup__text > p { color: var(--md-text-weich); }
.md-code { display: flex; align-items: center; gap: 12px; margin: 6px 0 22px; padding: 10px 10px 10px 18px; border: 1px dashed var(--md-kupfer); background: var(--md-weiss); }
.md-code__label { font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--md-text-weich); white-space: nowrap; }
.md-code__wert { margin-right: auto; font-family: var(--md-schrift-anzeige); font-size: 24px; letter-spacing: 0.06em; color: var(--md-espresso); }
.md-code__kopieren { min-height: 40px; padding: 8px 14px; border: 1px solid var(--md-espresso); background: transparent; color: var(--md-espresso); font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; }
.md-code__kopieren:hover, .md-code__kopieren.ist-kopiert { background: var(--md-espresso); color: var(--md-creme); }
.md-popup__knoepfe { display: flex; flex-wrap: wrap; gap: 10px; }
.md-popup__klein { margin: 16px 0 0; font-size: 13px; color: var(--md-text-weich); }
.md-popup__zu { position: absolute; top: 10px; right: 10px; z-index: 2; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: var(--md-creme); color: var(--md-espresso); cursor: pointer; }
@media (max-width: 720px) {
	.md-popup { place-items: end stretch; padding: 0; }
	.md-popup__fenster { grid-template-columns: 1fr; width: 100%; max-height: 92vh; transform: translateY(100%); }
	.md-popup__bild { min-height: 0; height: 150px; }
	.md-popup__text { padding: 22px 20px calc(22px + env(safe-area-inset-bottom, 0px)); }
	.md-popup__titel { font-size: 30px; }
	.md-code__label { display: none; }
	.md-popup__knoepfe .md-knopf { flex: 1 1 auto; }
}

/* ==========================================================================
   Startseite: Highlights, Lieblingsdüfte, Duftfinder, Darum
   ========================================================================== */

.md-sektion--highlights { padding-block: clamp(40px, 5vw, 64px) 0; }
.md-highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; list-style: none; margin: 0; padding: 0; }
.md-highlight { display: flex; flex-direction: column; height: 100%; background: var(--md-weiss); border: 1px solid var(--md-linie); color: var(--md-espresso); text-decoration: none; transition: border-color 0.2s; }
.md-highlight:hover { border-color: var(--md-kupfer); color: var(--md-espresso); }
.md-highlight__bild { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--md-puder); }
.md-highlight__bild img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.md-highlight:hover .md-highlight__bild img { transform: scale(1.03); }
.md-highlight__bild--freigestellt { background: #fff; }
.md-highlight__bild--freigestellt img { object-fit: contain; padding: 14px; }
.md-highlight__text { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 22px 24px 24px; }
.md-highlight__text .md-eyebrow { margin: 0; }
.md-highlight__titel { font-family: var(--md-schrift-anzeige); font-size: 28px; line-height: 1.15; }
.md-highlight__zeile { margin-bottom: 12px; font-size: 15.5px; line-height: 1.5; color: var(--md-text-weich); }
.md-highlight .md-textlink { margin-top: auto; align-self: flex-start; color: var(--md-kupfer); }
.md-highlight--dunkel { background: var(--md-espresso); border-color: var(--md-espresso); color: #F4E9DF; }
.md-highlight--dunkel:hover { border-color: var(--md-gold); color: #F4E9DF; }
.md-highlight--dunkel .md-highlight__titel { color: #FFF6EC; }
.md-highlight--dunkel .md-highlight__zeile { color: #D9C8B8; }
.md-highlight--dunkel .md-textlink { color: var(--md-gold-hell); }
.md-highlight--puder { background: var(--md-puder); border-color: var(--md-puder); }
@media (max-width: 860px) {
	.md-highlights { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(78%, 340px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 12px; padding-bottom: 2px; }
	.md-highlights::-webkit-scrollbar { display: none; }
	.md-highlights li { scroll-snap-align: start; }
	.md-highlight__titel { font-size: 24px; }
}

.md-lieblinge__steuerung { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.md-reiter { display: inline-flex; padding: 3px; border: 1px solid var(--md-espresso); border-radius: 999px; }
.md-reiter__knopf { padding: 9px 18px; border: 0; border-radius: 999px; background: transparent; color: var(--md-espresso); font: inherit; font-size: 15px; font-weight: 500; cursor: pointer; }
.md-reiter__knopf[aria-selected="true"] { background: var(--md-espresso); color: var(--md-creme); }
.md-karussell__pfeile { display: flex; gap: 6px; }
.md-karussell__pfeil { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--md-linie); border-radius: 999px; background: var(--md-weiss); color: var(--md-espresso); cursor: pointer; }
.md-karussell__pfeil:hover { border-color: var(--md-espresso); }
.md-karussell__pfeil:first-child .md-icon { transform: rotate(180deg); }
.md-karussell__pfeil:disabled { opacity: 0.35; cursor: default; border-color: var(--md-linie); }
.md-karussell .woocommerce ul.products.products {
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 3 * 24px) / 4);
	gap: 24px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 4px;
}
.md-karussell .woocommerce ul.products.products::-webkit-scrollbar { display: none; }
.md-karussell .woocommerce ul.products li.product { scroll-snap-align: start; }
@media (max-width: 1000px) { .md-karussell .woocommerce ul.products.products { grid-auto-columns: calc((100% - 2 * 20px) / 3); gap: 20px; } }
@media (max-width: 700px) { .md-karussell .woocommerce ul.products.products { grid-auto-columns: 64%; gap: 14px; } }
.md-lieblinge__alle { margin: 28px 0 0; }
@media (max-width: 700px) { .md-karussell__pfeile { display: none; } }

.md-finder__text { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); column-gap: 56px; align-items: end; margin-bottom: clamp(32px, 4vw, 48px); }
.md-finder__text > :not(.md-finder__punkte) { grid-column: 1; }
.md-finder__text .md-titel { margin-bottom: 12px; }
.md-finder__punkte { grid-column: 2; grid-row: 1 / span 3; align-self: end; display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
.md-finder__punkte li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.45; }
.md-finder__punkte .md-icon { color: var(--md-kupfer); margin-top: 2px; }
@media (max-width: 860px) {
	.md-finder__text { grid-template-columns: 1fr; }
	.md-finder__punkte { grid-column: 1; grid-row: auto; margin-top: 20px; }
}

.md-darum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; list-style: none; margin: 0; padding: 0; }
.md-darum li { padding-top: 22px; border-top: 1px solid var(--md-espresso); }
.md-darum .md-icon { width: 30px; height: 30px; margin-bottom: 14px; color: var(--md-kupfer); }
.md-darum__titel { font-size: 23px; margin-bottom: 6px; }
.md-darum p { margin: 0; font-size: 16px; color: var(--md-text-weich); }
@media (max-width: 960px) { .md-darum { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .md-darum { grid-template-columns: 1fr; gap: 24px; } }

.md-aufruf--dunkel .md-aufruf__titel { color: var(--md-espresso); }
.md-aufruf--dunkel .md-eyebrow { margin-bottom: 8px; }

/* ==========================================================================
   Ratgeber
   ========================================================================== */

.md-artikelraster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 28px; }
.md-artikelkarte__link { display: flex; flex-direction: column; gap: 16px; height: 100%; color: var(--md-espresso); text-decoration: none; }
.md-artikelkarte__link:hover { color: var(--md-espresso); }
.md-artikelkarte__bild { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--md-puder); }
.md-artikelkarte__bild img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.md-artikelkarte__link:hover .md-artikelkarte__bild img { transform: scale(1.03); }
.md-artikelkarte__text { display: flex; flex-direction: column; gap: 8px; }
.md-artikelkarte__meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--md-kupfer); }
.md-artikelkarte__meta span + span { color: var(--md-text-weich); font-weight: 500; }
.md-artikelkarte__titel { font-family: var(--md-schrift-anzeige); font-size: 24px; line-height: 1.2; text-wrap: balance; }
.md-artikelkarte__link:hover .md-artikelkarte__titel { color: var(--md-kupfer); }
.md-artikelkarte__auszug { font-size: 16px; line-height: 1.55; color: var(--md-text-weich); }
.md-artikelraster--start > :first-child { grid-column: 1 / -1; }
.md-artikelraster--start > :first-child .md-artikelkarte__link { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.md-artikelraster--start > :first-child .md-artikelkarte__titel { font-size: clamp(30px, 3.4vw, 44px); }
.md-artikelraster--start > :first-child .md-artikelkarte__auszug { font-size: 18px; }
@media (max-width: 900px) {
	.md-artikelraster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.md-artikelraster--start > :first-child .md-artikelkarte__link { grid-template-columns: 1fr; }
}
@media (max-width: 600px) { .md-artikelraster { grid-template-columns: 1fr; gap: 36px; } }

.md-ratgeber__kopf { padding-block: 32px clamp(32px, 4vw, 48px); }
.md-ratgeber__kopf .md-seite__titel { margin-bottom: 12px; }
.md-ratgeber__intro { max-width: 40em; font-size: 19px; color: var(--md-text-weich); }
.md-ratgeber__themen { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 24px 0 0; padding: 0; }
.md-ratgeber__liste { padding-bottom: var(--md-abstand); }
.md-ratgeber .navigation.pagination { margin-top: 48px; }
.md-ratgeber .nav-links { display: flex; flex-wrap: wrap; gap: 6px; }
.md-ratgeber .page-numbers { min-width: 44px; padding: 10px 14px; border: 1px solid var(--md-linie); color: var(--md-espresso); text-align: center; text-decoration: none; }
.md-ratgeber .page-numbers.current, .md-ratgeber a.page-numbers:hover { background: var(--md-espresso); border-color: var(--md-espresso); color: var(--md-creme); }

.md-artikel__kopf { padding-block: 32px clamp(36px, 5vw, 64px); }
.md-artikel__kopfraster { max-width: 880px; }
.md-artikel__kopfraster--bild { max-width: none; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.md-artikel__titel { font-size: clamp(38px, 5.2vw, 64px); line-height: 1.05; margin: 0 0 18px; }
.md-artikel__lead { font-size: clamp(19px, 1.8vw, 23px); line-height: 1.5; color: var(--md-text-weich); }
.md-artikel__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 24px 0 0; font-size: 15px; color: var(--md-text-weich); }
.md-artikel__meta strong { color: var(--md-espresso); font-weight: 600; }
.md-artikel__monogramm, .md-autor__monogramm {
	display: inline-flex; align-items: center; justify-content: center; flex: none;
	width: 44px; height: 44px; border-radius: 50%;
	background: var(--md-espresso); color: var(--md-gold-hell);
	font-family: var(--md-schrift-anzeige); font-size: 17px;
}
.md-artikel__bild { margin: 0; }
.md-artikel__bild img { width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--md-puder); }
@media (max-width: 900px) {
	.md-artikel__kopfraster--bild { grid-template-columns: 1fr; }
	.md-artikel__bild { order: -1; }
	.md-artikel__bild img { aspect-ratio: 4 / 3; }
}

.md-artikel__raster { display: grid; grid-template-columns: 250px minmax(0, 760px); gap: clamp(32px, 5vw, 80px); padding-bottom: var(--md-abstand); }
.md-artikel__seite { position: sticky; top: 150px; align-self: start; display: grid; gap: 22px; }
.md-inhaltsverzeichnis__titel { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--md-kupfer); }
.md-inhaltsverzeichnis ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--md-linie); }
.md-inhaltsverzeichnis a { display: block; margin-left: -1px; padding: 6px 0 6px 16px; border-left: 2px solid transparent; color: var(--md-text-weich); font-size: 15px; line-height: 1.4; text-decoration: none; }
.md-inhaltsverzeichnis a:hover, .md-inhaltsverzeichnis a.ist-aktiv { color: var(--md-espresso); border-left-color: var(--md-kupfer); }
.md-artikel__hilfe { padding: 18px; background: var(--md-puder); font-size: 15px; }
.md-artikel__hilfe-titel { margin: 0 0 4px; font-family: var(--md-schrift-anzeige); font-size: 21px; line-height: 1.2; color: var(--md-espresso); }
.md-artikel__hilfe p { margin: 0 0 10px; }
.md-artikel__hilfe .md-textlink .md-icon { width: 18px; height: 18px; }
@media (max-width: 960px) {
	.md-artikel__raster { grid-template-columns: minmax(0, 1fr); }
	.md-artikel__seite { position: static; order: 2; }
	.md-inhaltsverzeichnis { display: none; }
}

.md-artikel__inhalt { font-size: 18px; line-height: 1.75; }
.md-artikel__inhalt > h2 { font-size: clamp(28px, 3vw, 36px); margin: 1.7em 0 0.5em; scroll-margin-top: 150px; }
.md-artikel__inhalt > h2:first-child { margin-top: 0; }
.md-artikel__inhalt > ul, .md-artikel__inhalt > ol { margin: 0 0 1.2em; padding-left: 1.25em; }
.md-artikel__inhalt > ul li, .md-artikel__inhalt > ol li { margin-bottom: 0.5em; }
.md-artikel__inhalt > ul li::marker, .md-artikel__inhalt > ol li::marker { color: var(--md-kupfer); }
.md-artikel__inhalt table { width: 100%; margin: 0 0 1.4em; border-collapse: collapse; background: var(--md-weiss); font-size: 16px; line-height: 1.5; }
.md-artikel__inhalt th, .md-artikel__inhalt td { padding: 12px 14px; border-bottom: 1px solid var(--md-linie); text-align: left; vertical-align: top; }
.md-artikel__inhalt th { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--md-text-weich); }
@media (max-width: 600px) { .md-artikel__inhalt table { display: block; overflow-x: auto; } }
.md-tipp { margin: 2em 0; padding: 22px 26px; background: var(--md-puder); }
.md-tipp p { margin: 0; }
.md-artikel__inhalt .md-tipp .md-tipp__titel { margin-bottom: 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; line-height: 1.4; text-transform: uppercase; color: var(--md-kupfer); }
.md-artikel__produkte { margin: 2em 0; }
.md-artikel__produkte .woocommerce ul.products.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 16px; }
.md-artikel__produkte .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 19px; }
@media (max-width: 560px) { .md-artikel__produkte .woocommerce ul.products.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.md-artikel__fuss { display: grid; gap: 24px; margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--md-linie); }
.md-autor { display: flex; gap: 16px; align-items: flex-start; }
.md-autor__monogramm { width: 56px; height: 56px; font-size: 20px; }
.md-autor__name { margin: 0 0 4px; font-family: var(--md-schrift-anzeige); font-size: 22px; color: var(--md-espresso); }
.md-autor p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--md-text-weich); }
.md-artikel__teilen { justify-self: start; }

/* ==========================================================================
   Häufige Fragen und Merkliste
   ========================================================================== */

.md-faq__kopf { background: var(--md-puder); padding-block: 32px clamp(36px, 5vw, 56px); }
.md-faq__intro { max-width: 38em; font-size: 19px; color: var(--md-text-weich); }
.md-faq__suche { position: relative; max-width: 640px; margin: 24px 0 20px; }
.md-faq__suche .md-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--md-text-weich); pointer-events: none; }
.md-faq__suche input { width: 100%; min-height: 58px; padding: 12px 18px 12px 52px; border: 1px solid var(--md-espresso); border-radius: var(--md-radius); background: var(--md-weiss); color: var(--md-espresso); font: inherit; font-size: 17px; appearance: none; }
.md-faq__suche input:focus { outline: 2px solid var(--md-kupfer); outline-offset: -1px; }
.md-faq__themen ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.md-faq__raster { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(32px, 5vw, 72px); align-items: start; padding-block: clamp(40px, 5vw, 64px) var(--md-abstand); }
.md-faq__bereich { scroll-margin-top: 150px; }
.md-faq__bereich + .md-faq__bereich { margin-top: 48px; }
.md-faq__bereichstitel { font-size: clamp(26px, 3vw, 34px); margin-bottom: 8px; }
.md-faq__seite { position: sticky; top: 150px; display: grid; gap: 16px; }
.md-hilfekarte { display: block; padding: 24px; background: var(--md-espresso); color: #E9DCCF; text-decoration: none; }
.md-hilfekarte:hover { color: #E9DCCF; }
.md-hilfekarte > .md-icon { width: 30px; height: 30px; margin-bottom: 12px; color: var(--md-gold-hell); }
.md-hilfekarte__titel { margin: 0 0 6px; font-family: var(--md-schrift-anzeige); font-size: 24px; line-height: 1.2; color: #FFF6EC; }
.md-hilfekarte p { margin: 0 0 16px; }
.md-hilfekarte .md-hilfekarte__kontakt { margin: 16px 0 0; font-size: 15px; }
.md-hilfekarte__kontakt a { color: var(--md-gold-hell); }
.md-hilfekarte--hell { background: var(--md-weiss); border: 1px solid var(--md-linie); color: var(--md-espresso); }
.md-hilfekarte--hell:hover { border-color: var(--md-kupfer); color: var(--md-espresso); }
.md-hilfekarte--hell .md-hilfekarte__titel { color: var(--md-espresso); }
.md-hilfekarte--hell p { color: var(--md-text-weich); }
@media (max-width: 900px) {
	.md-faq__raster { grid-template-columns: minmax(0, 1fr); }
	.md-faq__seite { position: static; }
}

.md-merkliste__kopf { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 40px; margin-bottom: 36px; }
.md-merkliste__intro { max-width: 36em; margin: 10px 0 0; font-size: 18px; color: var(--md-text-weich); }
.md-merkliste__aktionen { display: flex; flex-wrap: wrap; gap: 10px; }

/* Galerie auf schmalen Bildschirmen: kein Pixel Überstand durch die Schieberegler-Breiten. */
.woocommerce div.product div.images { max-width: 100%; overflow: hidden; }

/* ==========================================================================
   Bildsprache aus Bernds Logo: Funkeln, Zierlinie, Duftschwung, Handschrift
   ========================================================================== */

@font-face { font-family: "Bodoni Moda"; src: url("../fonts/bodoni-moda-latin-500-italic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Parisienne"; src: url("../fonts/parisienne-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root { --md-schrift-hand: "Parisienne", "Snell Roundhand", "Apple Chancery", "Segoe Script", cursive; }

.md-symbole { position: absolute; width: 0; height: 0; overflow: hidden; }

/* Kursive Akzente wie auf einer Parfumschachtel */
.md-titel em, .md-held__titel em, .md-seite__titel em, .md-aufruf__titel em, .md-popup__titel em, .md-artikel__titel em { font-style: italic; font-weight: 500; color: var(--md-kupfer); }
.md-band--dunkel .md-titel em { color: var(--md-gold-hell); }
.md-band--kupfer .md-aufruf__titel em { color: inherit; }

/* Funkelstern */
.md-funkeln { display: inline-block; width: 1em; height: 1em; flex: none; fill: var(--md-gold); overflow: visible; }
@keyframes md-funkeln {
	0%, 100% { transform: scale(0.62); opacity: 0.55; }
	50% { transform: scale(1); opacity: 1; }
}

.md-kopfzeile .md-eyebrow, .md-held__text > .md-eyebrow, .md-finder__text > .md-eyebrow, .md-duftreise__kopf .md-eyebrow, .md-ratgeber__kopf .md-eyebrow, .md-faq__kopf .md-eyebrow { display: flex; align-items: center; gap: 8px; }
.md-kopfzeile .md-eyebrow::before, .md-held__text > .md-eyebrow::before, .md-finder__text > .md-eyebrow::before, .md-duftreise__kopf .md-eyebrow::before, .md-ratgeber__kopf .md-eyebrow::before, .md-faq__kopf .md-eyebrow::before {
	content: ""; width: 11px; height: 11px; flex: none;
	background: var(--md-gold);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.8 6.6 4.6 10.9 12 12-7.4 1.1-11.2 5.4-12 12-.8-6.6-4.6-10.9-12-12C7.4 10.9 11.2 6.6 12 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.8 6.6 4.6 10.9 12 12-7.4 1.1-11.2 5.4-12 12-.8-6.6-4.6-10.9-12-12C7.4 10.9 11.2 6.6 12 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Zierlinie mit Herzchen */
.md-zierlinie { display: flex; align-items: center; gap: 10px; width: min(200px, 100%); color: var(--md-gold); }
.md-zierlinie > span { flex: 1; height: 1px; background: currentColor; }
.md-zierlinie svg { width: 15px; height: 15px; flex: none; }

/* Handschrift */
.md-schrift { font-family: var(--md-schrift-hand); font-weight: 400; letter-spacing: 0; text-transform: none; }
.md-unterschrift { margin: 16px 0 22px; font-family: var(--md-schrift-hand); font-size: clamp(46px, 5vw, 62px); line-height: 1; color: var(--md-gold-hell); transform: rotate(-4deg); transform-origin: left center; }

/* Held: kursives „Träume“, Stern, Duftschwung hinter der Collage */
.md-held__stern { width: 0.27em; height: 0.27em; margin-left: 0.05em; vertical-align: 0.95em; animation: md-funkeln 3.6s ease-in-out infinite; }
.md-held__zier { width: 180px; margin: -6px 0 26px; }
.md-held__collage { position: relative; }
.md-held__foto { z-index: 1; }
.md-duftschwung { position: absolute; left: -18%; top: -22%; z-index: 0; width: 46%; height: auto; aspect-ratio: 1; overflow: visible; pointer-events: none; }
.md-duftschwung path {
	fill: none;
	stroke: var(--md-gold); stroke-width: 0.9; stroke-linecap: round;
	stroke-dasharray: 1; stroke-dashoffset: 1;
	animation: md-schwung 3.2s 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes md-schwung { to { stroke-dashoffset: 0; } }
.md-held__funke { position: absolute; z-index: 2; animation: md-funkeln 3.8s ease-in-out infinite; }
.md-held__funke--1 { top: -5%; left: 57%; width: 30px; height: 30px; }
.md-held__funke--2 { top: -14%; left: 16%; width: 16px; height: 16px; animation-delay: 1.2s; }
.md-duftschwung path.md-duftschwung__zweit { stroke-width: 0.45; opacity: 0.75; animation-delay: 0.1s; animation-duration: 1.4s; }
.md-held__funke--3 { right: 5%; bottom: -5%; width: 22px; height: 22px; animation-delay: 2.1s; }
@media (max-width: 900px) {
	.md-duftschwung, .md-held__funke--2 { display: none; }
	.md-held__funke--1 { top: -12px; left: auto; right: 34%; }
	.md-held__funke--3 { bottom: -10px; }
}

/* Über mich: Monogramm im doppelten Goldring */
.md-ueber__bild { position: relative; }
.md-ueber__ring { display: flex; align-items: center; justify-content: center; width: min(62%, 250px); aspect-ratio: 1; border: 1.5px solid var(--md-gold); border-radius: 50%; box-shadow: inset 0 0 0 8px var(--md-espresso-2), inset 0 0 0 9px rgba(230, 194, 142, 0.5); }
.md-ueber__zier { width: 150px; color: var(--md-gold-hell); }
.md-ueber__funke { position: absolute; fill: var(--md-gold-hell); animation: md-funkeln 4s ease-in-out infinite; }
.md-ueber__funke--1 { top: 14%; right: 16%; width: 26px; height: 26px; }
.md-ueber__funke--2 { bottom: 24%; left: 14%; width: 16px; height: 16px; animation-delay: 1.6s; }
@media (max-width: 860px) { .md-ueber__ring { width: min(40%, 170px); } }

/* Popup, Fuß, Danke-Seite, 404 */
.md-popup__gruss { margin: 0; font-size: 40px; line-height: 1.05; color: var(--md-kupfer); }
.md-popup__titel { margin-top: 4px; }
.md-popup__zier { width: 150px; margin: -2px 0 16px; }
.md-popup__funke { position: absolute; z-index: 1; fill: var(--md-creme); animation: md-funkeln 3.4s ease-in-out infinite; }
.md-popup__funke--1 { top: 10%; right: 12%; width: 34px; height: 34px; }
.md-popup__funke--2 { top: 25%; right: 27%; width: 18px; height: 18px; animation-delay: 1.3s; }
.md-fuss__gruss { display: flex; align-items: center; gap: 14px; margin: -6px 0 14px; color: var(--md-gold-hell); }
.md-fuss__gruss .md-schrift { font-size: 34px; line-height: 1; }
.md-fuss__gruss .md-zierlinie { width: 110px; color: var(--md-gold); }
.md-danke { position: relative; }
.md-danke .md-unterschrift { margin: 0 0 18px; color: var(--md-kupfer); }
.md-danke__funke { position: absolute; top: 22px; right: 26px; width: 34px; height: 34px; animation: md-funkeln 3.6s ease-in-out infinite; }
.md-leer--404 { position: relative; }
.md-duftschwung--404 { position: static; display: block; width: min(300px, 70%); height: auto; aspect-ratio: auto; margin: 0 0 18px; }
.md-duftschwung--404 path { stroke-width: 1.2; }

/* Warenkorb hüpft, Herz funkelt */
@keyframes md-hopser { 0% { transform: scale(1); } 35% { transform: scale(1.22); } 70% { transform: scale(0.95); } 100% { transform: scale(1); } }
.md-warenkorb.ist-neu .md-icon, .md-warenkorb.ist-neu .md-warenkorb__anzahl { animation: md-hopser 0.6s ease; }
.md-warenkorb.ist-neu .md-warenkorb__anzahl { background: var(--md-gold); color: var(--md-espresso); }
.md-funke-flug {
	position: absolute; left: 50%; top: 50%;
	width: 10px; height: 10px; margin: -5px 0 0 -5px;
	background: var(--md-gold);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.8 6.6 4.6 10.9 12 12-7.4 1.1-11.2 5.4-12 12-.8-6.6-4.6-10.9-12-12C7.4 10.9 11.2 6.6 12 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.8 6.6 4.6 10.9 12 12-7.4 1.1-11.2 5.4-12 12-.8-6.6-4.6-10.9-12-12C7.4 10.9 11.2 6.6 12 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
	pointer-events: none;
	animation: md-funke-flug 0.75s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
}
@keyframes md-funke-flug {
	0% { transform: rotate(var(--winkel)) translateY(0) scale(0.4); opacity: 1; }
	100% { transform: rotate(var(--winkel)) translateY(-28px) scale(1); opacity: 0; }
}
.md-merken--produkt { position: relative; }

/* ==========================================================================
   Produktkarten: Duftnoten auf dem Foto
   ========================================================================== */

.woocommerce ul.products li.product .md-karte__noten {
	position: absolute; top: 0; left: 0; right: 0; z-index: 2;
	aspect-ratio: 1;
	display: flex; align-items: flex-end;
	padding: 10px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
.md-karte__notenfeld { display: grid; gap: 3px; width: 100%; padding: 12px 14px; background: var(--md-creme); transform: translateY(10px); transition: transform 0.35s ease; }
.md-karte__note { display: block; overflow: hidden; font-size: 13.5px; line-height: 1.35; color: var(--md-espresso); white-space: nowrap; text-overflow: ellipsis; }
.md-karte__note em { display: inline-block; width: 46px; font-size: 10.5px; font-style: normal; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--md-kupfer); }
.woocommerce ul.products li.product .md-nummer { transition: opacity 0.2s; }
@media (hover: hover) {
	.woocommerce ul.products li.product:hover .md-karte__noten { opacity: 1; }
	.woocommerce ul.products li.product:hover .md-karte__notenfeld { transform: none; }
	.woocommerce ul.products li.product:hover .md-nummer { opacity: 0; }
}

/* ==========================================================================
   Duftreise: Pyramide mit Zeitregler
   ========================================================================== */

.woocommerce div.product > .md-duftreise { grid-column: 1 / -1; }
.md-duftreise {
	--ton: var(--md-puder);
	--ton: color-mix(in srgb, var(--welt-farbe) 18%, var(--md-creme));
	--ton-linie: color-mix(in srgb, var(--welt-farbe) 45%, var(--md-linie));
	position: relative;
	margin-top: clamp(48px, 6vw, 88px);
	padding-block: clamp(40px, 5vw, 72px);
	background: var(--ton);
	box-shadow: 0 0 0 100vmax var(--ton);
	clip-path: inset(0 -100vmax);
}
.md-duftreise__kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 32px; margin-bottom: clamp(28px, 4vw, 44px); }
.md-duftreise__kopf .md-titel { margin: 0; }
.md-duftreise__raster { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.md-duftreise__bild { position: relative; padding: 9% 5% 0; }
.md-duftreise__funkeln { position: absolute; animation: md-funkeln 4s ease-in-out infinite; }
.md-duftreise__funkeln--1 { top: 0; right: 18%; width: 28px; height: 28px; }
.md-duftreise__funkeln--2 { top: 36%; left: 4%; width: 16px; height: 16px; animation-delay: 1.5s; }

.md-pyramide-bild { display: grid; grid-template-rows: 30fr 32fr 38fr; gap: 6px; aspect-ratio: 1.08; }
.md-pyramide-bild__stufe {
	display: flex; align-items: center; justify-content: center;
	font-family: var(--md-schrift-anzeige); font-size: clamp(16px, 1.7vw, 22px); line-height: 1;
	color: var(--md-espresso);
	opacity: var(--staerke, 1);
	transition: opacity 0.5s ease;
}
.md-pyramide-bild__stufe--kopf { align-items: flex-end; padding-bottom: 12%; background: color-mix(in srgb, var(--welt-farbe) 50%, var(--md-weiss)); clip-path: polygon(50% 0, 65% 100%, 35% 100%); }
.md-pyramide-bild__stufe--herz { background: color-mix(in srgb, var(--welt-farbe) 78%, var(--md-weiss)); clip-path: polygon(35% 0, 65% 0, 81% 100%, 19% 100%); }
.md-pyramide-bild__stufe--basis { background: var(--welt-farbe); color: var(--welt-tinte); clip-path: polygon(19% 0, 81% 0, 100% 100%, 0 100%); }
.md-pyramide-bild__stufe--kopf span { font-size: 0.8em; }

.md-duftreise__regler { margin-bottom: 8px; padding: 18px 20px 16px; background: var(--md-weiss); border: 1px solid var(--ton-linie); }
.md-duftreise__jetzt { margin: 0 0 8px; font-size: 15px; color: var(--md-text-weich); }
.md-duftreise__jetzt strong { margin-left: 4px; font-family: var(--md-schrift-anzeige); font-size: 25px; font-weight: 500; color: var(--md-espresso); }
.md-duftreise__eingabe { width: 100%; height: 28px; margin: 0; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; }
.md-duftreise__eingabe::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: var(--md-puder-tief); }
.md-duftreise__eingabe::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; margin-top: -11px; border: 3px solid var(--md-weiss); border-radius: 50%; background: var(--md-kupfer); box-shadow: 0 0 0 1px var(--md-kupfer); }
.md-duftreise__eingabe::-moz-range-track { height: 4px; border-radius: 2px; background: var(--md-puder-tief); }
.md-duftreise__eingabe::-moz-range-thumb { width: 20px; height: 20px; border: 3px solid var(--md-weiss); border-radius: 50%; background: var(--md-kupfer); box-shadow: 0 0 0 1px var(--md-kupfer); }
.md-duftreise__eingabe:focus-visible { outline: 2px solid var(--md-kupfer); outline-offset: 4px; }
.md-duftreise__marken { display: flex; justify-content: space-between; margin: 4px 0 0; padding: 0; list-style: none; font-size: 12.5px; color: var(--md-text-weich); font-variant-numeric: tabular-nums; }
.md-duftreise__satz { min-height: 3.1em; margin: 12px 0 0; font-size: 16px; line-height: 1.55; }

.md-duftreise__stufe { padding: 14px 0; border-top: 1px solid var(--ton-linie); opacity: max(var(--staerke, 1), 0.4); transition: opacity 0.5s ease; }
.md-duftreise__stufe:first-of-type { border-top: 0; }
.md-duftreise__stufentitel { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin: 0 0 10px; font-size: 22px; }
.md-duftreise__stufentitel span { font-family: var(--md-schrift-text); font-size: 14px; color: var(--md-text-weich); }
.md-duftreise__stufe .md-chips li { transition: background-color 0.4s, border-color 0.4s, color 0.4s; }
.md-duftreise__stufe.ist-vorne .md-chips li { background: var(--welt-farbe); border-color: var(--welt-farbe); color: var(--welt-tinte); }

.md-duftreise__fuss { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: start; margin-top: clamp(28px, 4vw, 48px); padding-top: 28px; border-top: 1px solid var(--ton-linie); }
.md-charakter { display: grid; gap: 14px; margin: 0; }
.md-charakter div { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 12px; }
.md-charakter dt { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--md-text-weich); }
.md-charakter dd { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0; }
.md-charakter__punkte { display: inline-flex; gap: 5px; }
.md-charakter__punkte span { width: 11px; height: 11px; border: 1.5px solid var(--md-espresso); border-radius: 50%; }
.md-charakter__punkte span.ist-an { background: var(--md-espresso); }
.md-charakter__anlass { display: inline-flex; align-items: center; gap: 6px; opacity: 0.35; }
.md-charakter__anlass.ist-an { opacity: 1; }
.md-charakter__anlass .md-icon { width: 20px; height: 20px; }
.md-charakter__welt { width: 14px; height: 14px; border-radius: 50%; background: var(--welt-farbe); box-shadow: inset 0 0 0 1px rgba(46, 26, 16, 0.15); }

.md-tipp-karte { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 22px 24px; background: var(--md-weiss); border: 1px solid var(--ton-linie); }
.md-tipp-karte__monogramm { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--md-espresso); color: var(--md-gold-hell); font-family: var(--md-schrift-anzeige); font-size: 18px; box-shadow: 0 0 0 3px var(--md-weiss), 0 0 0 4px var(--md-gold); }
.md-tipp-karte__titel { margin: -6px 0 4px; font-size: 32px; line-height: 1.15; color: var(--md-kupfer); }
.md-tipp-karte p { margin: 0; font-size: 15.5px; line-height: 1.55; }
.md-tipp-karte p.md-tipp-karte__titel { font-size: 32px; }

@media (max-width: 860px) {
	.md-duftreise__raster, .md-duftreise__fuss { grid-template-columns: minmax(0, 1fr); }
	.md-duftreise__bild { width: 100%; max-width: 300px; margin-inline: auto; }
	.md-charakter div { grid-template-columns: 96px minmax(0, 1fr); }
}

.md-duftreise-einbettung { margin: 2em 0; }
.md-artikel__inhalt .md-duftreise-einbettung__titel { margin: 0 0 10px; font-size: 15px; font-weight: 600; }
.md-duftreise-einbettung .md-duftreise { margin: 0; padding: 26px; box-shadow: none; clip-path: none; }
.md-duftreise-einbettung .md-duftreise__raster, .md-duftreise-einbettung .md-duftreise__fuss { grid-template-columns: minmax(0, 1fr); }
.md-duftreise-einbettung .md-duftreise__bild { width: 100%; max-width: 250px; margin-inline: auto; }
.md-artikel__inhalt .md-duftreise h3 { margin-top: 0; }
.md-artikel__inhalt .md-duftreise p { margin-bottom: 0; }

/* ==========================================================================
   Geschenkservice in der Kasse
   ========================================================================== */

.md-geschenk { margin-top: 28px; padding: 20px 22px 18px; background: var(--md-puder); }
.woocommerce-checkout .md-geschenk h3.md-geschenk__titel { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 24px; }
.md-geschenk__titel .md-icon { width: 24px; height: 24px; color: var(--md-kupfer); }
.woocommerce form .md-geschenk .form-row { margin: 0 0 12px; padding: 0; }
.md-geschenk__hinweis { margin: 0; font-size: 14px; color: var(--md-text-weich); }
.md-geschenk__option .optional { display: none; }
.md-geschenk-info { display: flex; align-items: flex-start; gap: 14px; margin: 20px 0 32px; padding: 18px 20px; background: var(--md-puder); }
.md-geschenk-info .md-icon { width: 26px; height: 26px; color: var(--md-kupfer); }
.md-geschenk-info__titel { margin: 0; font-weight: 600; }
.md-geschenk-info__karte { margin: 6px 0 0; font-size: 28px; line-height: 1.25; color: var(--md-kupfer); }

@media (prefers-reduced-motion: reduce) {
	.md-duftschwung path { stroke-dashoffset: 0; animation: none; }
	.md-funkeln, .md-held__stern { animation: none !important; }
}

/* --- Weiche Formen ------------------------------------------------------------------
   Seit 29.10.2026: Knöpfe als Pillen, Karten und Bilder mit runden Ecken. Gesammelt hier,
   damit die Grundregeln oben unverändert lesbar bleiben. */

.md-knopf,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.md-kopf__whatsapp, .md-korb .button, .duftfinder .duftfinder__antwort { border-radius: 999px; }
.woocommerce ul.products li.product .button { padding-inline: 20px; }

/* Suche als eine Pille: Feld links rund, Knopf rechts rund. */
.md-suche input[type="search"] { border-radius: 999px 0 0 999px; padding-left: 22px; }
.md-suche button { border-radius: 0 999px 999px 0; width: 58px; }

/* Karten, Kacheln, Bilder */
.md-duftwelt, .md-held__foto, .md-highlight, .md-artikelkarte__bild, .md-ueber__bild,
.md-kategorien a.md-mega__tipp, .md-popup__fenster, .duftfinder,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .flex-viewport,
.md-artikel__bild img, .md-archivkopf--bild, .wp-post-image { border-radius: var(--md-rund); overflow: hidden; }
.md-highlight__bild { border-radius: calc(var(--md-rund) - 1px) calc(var(--md-rund) - 1px) 0 0; }
.woocommerce div.product div.images .flex-control-thumbs li img { border-radius: var(--md-radius); }
.md-kategorien a.md-mega__tipp img, .md-vorschlag img, .md-vorschlag__platz { border-radius: var(--md-rund-klein); }

/* Ausklapp- und Schwebeflächen */
.md-suchvorschlaege, .md-filter__panel { border-radius: 16px; overflow: hidden; }
.md-filter__option { border-radius: var(--md-rund-klein); }
@media (min-width: 1001px) {
	.md-mega__panel { border-radius: 0 0 24px 24px; border-top: 0; }
}

/* Etiketten auf Bildern */
.md-held__etikett { border-radius: 14px; }
.md-nummer, .md-abzeichen, .woocommerce span.onsale { border-radius: var(--md-rund-klein); }
.md-karte__notenfeld { border-radius: 0 0 var(--md-rund) var(--md-rund); }

/* Hinweise, Tabellen, Kasse */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-message { border-radius: var(--md-radius); }
.woocommerce table.shop_table { border-collapse: separate; border-spacing: 0; border-radius: var(--md-rund); overflow: hidden; }
.woocommerce-checkout #payment { border-radius: var(--md-rund); }
.woocommerce-checkout #payment div.payment_box { border-radius: var(--md-radius); }
.md-platzhalter { border-radius: var(--md-radius); }

/* Volle Bänder als abgesetzte Flächen mit runden Ecken (nur breite Bildschirme, auf dem Handy bleiben sie randlos). */
@media (min-width: 1240px) {
	.md-band--puder, .md-band--dunkel, .md-band--kupfer { margin-inline: 24px; border-radius: 32px; }
	.md-band--kupfer:has(+ .md-fuss), main > .md-band--kupfer:last-child { margin-bottom: 24px; }
}
.woocommerce-ordering select, .md-werkzeug select { border-radius: 999px; }
.md-linie, .md-produkt__frage { border-radius: 14px; }
.md-duftreise__regler, .md-tipp-karte, .woocommerce-product-gallery img { border-radius: var(--md-rund); }

/* --- Weiche Schatten und Einblenden ---------------------------------------------------
   Schatten nur als leichter Hauch unter Karten, kräftiger beim Überfahren. Einblenden: theme.js
   markiert nur Elemente unterhalb des ersten Bildschirms, alles darüber steht sofort. */

:root {
	--md-schatten: 0 1px 2px rgba(46, 26, 16, 0.05), 0 6px 18px rgba(46, 26, 16, 0.06);
	--md-schatten-hoch: 0 2px 4px rgba(46, 26, 16, 0.06), 0 16px 36px rgba(46, 26, 16, 0.12);
}

.md-duftwelt, .md-highlight, .md-held__foto, .md-artikelkarte__bild, .md-tipp-karte, .md-duftreise__regler,
.woocommerce ul.products li.product a img {
	box-shadow: var(--md-schatten);
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.2s, opacity 0.2s;
}
.md-highlight { border-color: transparent; }
@media (hover: hover) {
	.md-duftwelt:hover, .md-highlight:hover, .md-held__foto:hover,
	.md-artikelkarte__link:hover .md-artikelkarte__bild,
	.woocommerce ul.products li.product a:hover img { transform: translateY(-4px); box-shadow: var(--md-schatten-hoch); }
	.woocommerce ul.products li.product a:hover img { opacity: 1; }
}
.md-knopf--primaer, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #payment #place_order { box-shadow: 0 6px 16px rgba(156, 90, 60, 0.22); }
.md-knopf, .woocommerce a.button, .woocommerce button.button { transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s, box-shadow 0.2s; }
.md-knopf:active, .woocommerce a.button:active, .woocommerce button.button:active { transform: scale(0.98); }

.md-einblenden { opacity: 0; transform: translateY(22px); transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); transition-delay: var(--md-verzug, 0s); }
.md-einblenden.ist-da { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	.md-einblenden { opacity: 1; transform: none; transition: none; }
	.md-duftwelt, .md-highlight, .md-held__foto, .md-artikelkarte__bild, .woocommerce ul.products li.product a img { transition: none; }
	.md-duftwelt:hover, .md-highlight:hover, .md-held__foto:hover,
	.md-artikelkarte__link:hover .md-artikelkarte__bild,
	.woocommerce ul.products li.product a:hover img { transform: none; }
}

/* Kupfer auf Puder lag mit 4,3 knapp unter 4,5 – kleine Schrift dort im tieferen Kupfer (6,3). */
.md-band--puder .md-eyebrow, .md-band--puder .md-textlink, .md-archivkopf--bild .md-eyebrow,
.md-kategorien a.md-mega__tipp .md-eyebrow, .md-highlight--puder .md-eyebrow, .md-highlight--puder .md-textlink,
.md-produkt__frage, .md-produkt__frage strong { color: var(--md-kupfer-tief); }