/* =========================================================================
   LADUTI Conversion – Designschicht V5
   Nur aktiv auf body.ldc-v5 (Startseite V5 per Seiten-Meta, Produktseite per ?ldc=v5).
   Baut auf ldc.css + ldc-v3.css + ldc-v4.css auf (Typografie, Zahlen, Komponenten bleiben).
   Neu: Hero als eine Szene (Bild, Headline, Kaufkarte), Abend-Sektion, Produktseite V5, Details-Akkordeons.
   ========================================================================= */

/* ---------- Sticky-Kaufleiste: im Ruhezustand wirklich unsichtbar (iOS-Safari zeigt Inhalte unter der schwebenden Leiste) ---------- */
.ldc-v5 .ldc-sticky {
	transform: translateY(calc(100% + 40px + env(safe-area-inset-bottom)));
	opacity: 0;
	visibility: hidden;
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s, visibility 0s linear 0.35s;
}

.ldc-v5 .ldc-sticky.is-on {
	transform: none;
	opacity: 1;
	visibility: visible;
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s, visibility 0s;
}

/* =========================================================================
   Startseite V5 – Hero als eine Szene
   ========================================================================= */
.ldc-v5 .ldc-hero5 {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: clamp(560px, calc(100svh - var(--ldc-hdr)), 900px);
	padding: 0;
	overflow: hidden;
	background: #eee6dc;
	color: var(--ldc-ink);
	text-align: center;
}

.ldc-hero5 .ldc-hero5__bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	aspect-ratio: auto;
}

/* Bild an der Unterkante verankert: Flasche steht auf jeder Bildschirmhöhe gleich zur Kaufkarte. */
.ldc-hero5 .ldc-hero5__bg .ldc-art__img {
	object-position: 50% 100%;
}

/* Sanfter Lichtschleier hinter der Headline (Lesbarkeit auch bei langen Übersetzungen) */
.ldc-v5 .ldc-hero5::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	z-index: -1;
	height: 44%;
	background: linear-gradient(rgba(244, 239, 232, 0.82), rgba(244, 239, 232, 0.45) 60%, rgba(244, 239, 232, 0));
	pointer-events: none;
}

.ldc-hero5__copy {
	padding: 20px var(--ldc-gutter) 0;
}

.ldc-v5 .ldc-hero5 .ldc-eyebrow {
	margin: 0 0 10px;
	font-size: 11.5px;
	letter-spacing: 0.15em;
	color: #5d564e;
}

.ldc-v5 .ldc-hero5__title {
	margin: 0 auto 8px;
	font-size: clamp(30px, calc((100vw - 2 * var(--ldc-gutter)) * 0.112), 52px);
	line-height: 0.98;
	letter-spacing: -0.048em;
	text-wrap: balance;
	hyphens: manual;
	overflow-wrap: normal;
}

.ldc-hero5__title span {
	display: block;
}

.ldc-v5 .ldc-hero5 .ldc-lead {
	max-width: 26em;
	margin: 0 auto;
	font-size: clamp(13.5px, 3.75vw, 17px);
	line-height: 1.4;
	color: #3f3a35;
	text-wrap: balance;
}

/* Kaufkarte: mattes Glas über dem Lichtpool am Flaschenfuß */
.ldc-hero5__card {
	margin: 0 12px 12px;
	padding: 12px 12px 11px 18px;
	border-radius: 24px;
	background: rgba(255, 252, 248, 0.7);
	-webkit-backdrop-filter: saturate(1.5) blur(20px);
	backdrop-filter: saturate(1.5) blur(20px);
	box-shadow: 0 12px 34px rgba(60, 40, 20, 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.55);
	text-align: left;
}

.ldc-v5 .ldc-hero5__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.ldc-v5 .ldc-hero5 .ldc-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	min-width: 0;
	min-height: 2.9em;
	margin: 0;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
}

.ldc-v5 .ldc-hero5 .ldc-price .ldc-price__note {
	order: 2;
	color: #5d564e;
}

/* Aktueller Preis zuerst, Streichpreis daneben bzw. darunter – auch lange Währungen (z. B. „26.000,00 Ft“) passen */
.ldc-v5 .ldc-hero5 .ldc-price__amount,
.ldc-v5 .ldc-hero5 .ldc-price__amount .sale-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 6px;
}

.ldc-v5 .ldc-hero5 .ldc-price ins {
	order: -1;
	font-size: 17px;
	font-weight: 750;
	text-decoration: none;
	white-space: nowrap;
	color: var(--ldc-ink);
}

.ldc-v5 .ldc-hero5 .ldc-price del {
	font-size: 12.5px;
	white-space: nowrap;
	color: #7a7168;
}

.ldc-v5 .ldc-hero5 .ldc-actions {
	flex: none;
	margin: 0;
}

.ldc-v5 .ldc-hero5 .ldc-btn .wp-block-button__link {
	min-height: 52px;
	padding-inline: 26px;
	font-size: 16.5px;
	white-space: nowrap;
}

.ldc-v5 .ldc-hero5__trust {
	justify-content: flex-start;
	gap: 3px 14px;
	margin: 9px 0 0;
	font-size: 12.5px;
	color: #4a443e;
}

.ldc-v5 .ldc-hero5__trust li {
	white-space: nowrap;
}

@media (max-width: 374.98px) {
	.ldc-hero5__card {
		padding-left: 14px;
	}

	.ldc-v5 .ldc-hero5 .ldc-btn .wp-block-button__link {
		padding-inline: 18px;
		font-size: 15.5px;
	}

	.ldc-v5 .ldc-hero5__trust {
		font-size: 11.5px;
		gap: 3px 10px;
	}

	.ldc-v5 .ldc-hero5 .ldc-eyebrow {
		letter-spacing: 0.1em;
	}
}

/* Tablet und Desktop: 16:9-Motiv, Text und Kaufkarte links in der ruhigen Bildhälfte */
@media (min-width: 690px) {
	.ldc-v5 .ldc-hero5 {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: 1fr auto auto 1fr;
		min-height: 0;
		height: max(560px, min(88vh, 56.25vw));
		text-align: left;
	}

	.ldc-v5 .ldc-hero5::before {
		inset: 0 auto 0 0;
		width: 62%;
		height: auto;
		background: linear-gradient(90deg, rgba(244, 239, 232, 0.75), rgba(244, 239, 232, 0.35) 70%, rgba(244, 239, 232, 0));
	}

	.ldc-hero5 .ldc-hero5__bg .ldc-art__img {
		object-position: 62% 50%;
	}

	.ldc-hero5__copy,
	.ldc-hero5__card {
		grid-column: 1;
		width: min(54%, 760px);
		margin-left: max(5vw, calc((100vw - 1320px) / 2));
	}

	.ldc-hero5__copy {
		grid-row: 2;
		padding: 0 0 24px;
	}

	.ldc-hero5__card {
		grid-row: 3;
		width: auto;
		max-width: min(54%, 520px);
		justify-self: start;
		margin-right: 0;
		margin-bottom: 0;
	}

	.ldc-v5 .ldc-hero5__title {
		margin: 0 0 14px;
		font-size: clamp(40px, 4.6vw, 76px);
	}

	.ldc-v5 .ldc-hero5 .ldc-lead {
		margin: 0;
		font-size: clamp(16px, 1.5vw, 20px);
	}

	.ldc-v5 .ldc-hero5__row {
		flex-direction: row-reverse;
		justify-content: flex-end;
		gap: 20px;
	}
}

/* =========================================================================
   Abend-Sektion (Anwendung) – Nachtstimmung als Rhythmuswechsel
   ========================================================================= */
.ldc-v5 .ldc-night {
	padding: 0;
	background: #15120f;
	color: #f4f1ec;
}

.ldc-night__media .ldc-art {
	--ldc-ar-m: 4 / 4.4;
	--ldc-pos-m: 50% 40%;
}

.ldc-night__copy {
	padding: 28px var(--ldc-gutter) var(--ldc-sec);
}

.ldc-v5 .ldc-night .ldc-eyebrow {
	color: rgba(244, 241, 236, 0.6);
}

.ldc-v5 .ldc-night .ldc-h2 {
	color: #fff;
}

.ldc-v5 .ldc-night .ldc-steps3 li {
	border-color: rgba(244, 241, 236, 0.14);
	color: rgba(244, 241, 236, 0.72);
}

.ldc-v5 .ldc-night .ldc-steps3 .ldc-steps3__num,
.ldc-v5 .ldc-night .ldc-steps3 strong {
	color: #fff;
}

.ldc-v5 .ldc-night .ldc-text {
	color: rgba(244, 241, 236, 0.72);
}

@media (min-width: 1000px) {
	.ldc-night__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: center;
		max-width: 1320px;
		margin: 0 auto;
	}

	.ldc-night__media .ldc-art {
		--ldc-ar-d: 4 / 5;
	}

	.ldc-night__copy {
		padding: 72px 6vw 72px 72px;
	}
}

/* =========================================================================
   Produktseite V5
   ========================================================================= */
.ldc5 {
	background: #fff;
}

.ldc5-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "head" "gallery" "buy";
}

.ldc5-head {
	grid-area: head;
	padding: 16px var(--ldc-gutter) 14px;
}

.ldc5-head .ldc-eyebrow {
	margin: 0 0 6px;
	font-size: 11.5px;
	letter-spacing: 0.14em;
	color: var(--ldc-ink-3);
}

.ldc5-head__title {
	margin: 0 0 8px;
	font-size: clamp(32px, 9vw, 56px);
	line-height: 1;
	letter-spacing: -0.045em;
	font-weight: 800;
	color: var(--ldc-ink);
}

.ldc5-head__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
}

.ldc5-head .ldc-rating {
	margin: 0;
	font-size: 13.5px;
}

.ldc5-head__for {
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--ldc-warm);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--ldc-ink-2);
}

/* Galerie: quadratisch, das nächste Bild ragt sichtbar herein (Wisch-Hinweis + Vorher/Nachher schon im ersten Blick) */
.ldc5-gallery {
	grid-area: gallery;
	min-width: 0;
}

.ldc5-gallery__track {
	gap: 8px;
	padding: 0 var(--ldc-gutter);
	scroll-padding-inline: var(--ldc-gutter);
}

.ldc5 .ldc5-slide {
	flex: 0 0 84%;
	aspect-ratio: 1 / 1;
	border-radius: 20px;
}

.ldc5 .ldc5-slide.ldc4-slide--ba .ldc4-slide__img {
	flex: 0 1 auto;
	min-height: 0;
	max-height: calc(100% - 78px);
	width: 100%;
	object-fit: contain;
}

.ldc5 .ldc4-ba__tags {
	padding-bottom: 8px;
	font-size: 11px;
}

.ldc5 .ldc4-ba__cap {
	padding: 10px 14px 0;
	font-size: 12px;
}

.ldc5 .ldc4-ba__cap strong {
	font-size: 14px;
}

.ldc5-jump {
	position: absolute;
	left: 12px;
	bottom: 12px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 14px 0 12px;
	border: 0;
	border-radius: 999px;
	background: rgba(22, 20, 18, 0.78);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
}

.ldc5-jump::after {
	content: "";
	width: 7px;
	height: 7px;
	border: solid currentColor;
	border-width: 1.8px 1.8px 0 0;
	transform: rotate(45deg);
}

.ldc5-gallery__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px var(--ldc-gutter) 0;
}

/* Mobil: Punkte statt Thumbnails; Vorher/Nachher-Bilder als warme Punkte markiert */
.ldc5-dots {
	display: flex;
	align-items: center;
	gap: 6px;
}

.ldc5 .ldc5-dot {
	flex: none;
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #d6cdc2;
	transition: width 0.2s, background 0.2s;
}

.ldc5 .ldc5-dot.is-ba {
	background: #b9926a;
}

.ldc5 .ldc5-dot[aria-selected="true"] {
	width: 22px;
	background: var(--ldc-ink);
}

.ldc5 .ldc5-dot img,
.ldc5 .ldc5-dot.is-ba::after {
	display: none;
}

.ldc5 .ldc4-gallery__count {
	font-size: 12.5px;
	color: var(--ldc-ink-3);
}

.ldc5-gallery__nav {
	display: none;
}

/* Kaufbereich */
.ldc5-buy {
	grid-area: buy;
	padding: 14px var(--ldc-gutter) 30px;
}

.ldc5-buy__lead {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--ldc-ink-2);
}

.ldc5-buy__panel {
	padding: 16px;
	border-radius: var(--ldc-radius);
	background: var(--ldc-warm);
}

.ldc5-buy__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 2px 12px;
	margin: 0 0 12px;
}

.ldc5-buy__price .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 8px;
	min-height: 1.2em;
	margin: 0;
	font-size: 26px;
	line-height: 1.15;
	font-weight: 750;
	letter-spacing: -0.02em;
	color: var(--ldc-ink);
}

.ldc5-buy__price .price .sale-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 8px;
}

.ldc5-buy__price .price ins {
	order: -1;
	text-decoration: none;
}

.ldc5-buy__price .price del {
	font-size: 15px;
	font-weight: 500;
	color: var(--ldc-ink-3);
}

.ldc5-buy__pack {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--ldc-ink-2);
}

/* Original-Warenkorbformular: Menge + Button in einer Zeile */
.ldc5 form.cart {
	display: flex;
	gap: 10px;
	margin: 0 0 14px;
}

/* Mengenfeld: Ziffer exakt mittig (horizontal und vertikal), Minus/Plus volle Höhe */
.ldc5 form.cart .quantity {
	position: relative;
	flex: none;
	width: 112px;
	height: 54px;
	margin: 0;
	border: 1px solid var(--ldc-line);
	border-radius: 16px;
	background: #fff;
	--quantity-height: 54px;
}

.ldc5 form.cart .quantity .qty {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 34px;
	border: 0;
	border-radius: inherit;
	background: transparent;
	box-shadow: none;
	color: var(--ldc-ink);
	font-size: 17px;
	font-weight: 600;
	line-height: 54px;
	text-align: center;
	font-variant-numeric: tabular-nums;
	-moz-appearance: textfield;
	appearance: textfield;
}

.ldc5 form.cart .quantity .qty::-webkit-inner-spin-button,
.ldc5 form.cart .quantity .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ldc5 form.cart .quantity .ct-increase,
.ldc5 form.cart .quantity .ct-decrease {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 34px;
	height: auto;
	margin: 0;
	transform: none;
	border: 0;
	background: transparent;
	color: var(--ldc-ink);
	cursor: pointer;
}

.ldc5 form.cart .quantity .ct-decrease {
	left: 0;
	right: auto;
}

.ldc5 form.cart .quantity .ct-increase {
	right: 0;
	left: auto;
}

.ldc5 form.cart .single_add_to_cart_button {
	flex: 1;
	min-width: 0;
	min-height: 54px;
	margin: 0;
	padding-inline: 14px;
	border-radius: 999px;
	background: var(--ldc-accent);
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	white-space: nowrap;
}

.ldc5 form.cart .single_add_to_cart_button:hover {
	background: var(--ldc-accent-hover);
}

/* Zwei Kaufzweifel direkt am Button (Clarity: Ergebnisse 148, empfindliche Kopfhaut 86) */
.ldc5-sure {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13.5px;
	line-height: 1.4;
	color: var(--ldc-ink-2);
}

.ldc5-sure li {
	position: relative;
	margin: 0;
	padding-left: 26px;
}

.ldc5-sure li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: var(--ldc-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat;
}

.ldc5-sure strong {
	color: var(--ldc-ink);
	font-weight: 650;
}

.ldc5-buy__logistics {
	margin: 12px 0 0;
	padding-top: 11px;
	border-top: 1px solid var(--ldc-line);
	font-size: 12.5px;
	color: var(--ldc-ink-3);
}

/* Tablet + Desktop: Galerie links (mitlaufend), Kopf + Kaufbereich rechts */
@media (min-width: 768px) {
	.ldc5-top {
		grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		grid-template-areas: "gallery head" "gallery buy";
		column-gap: clamp(28px, 4vw, 56px);
		max-width: 1320px;
		margin: 0 auto;
		padding: 28px clamp(24px, 3.4vw, 48px) 64px;
	}

	.ldc5-gallery {
		position: sticky;
		top: calc(var(--ldc-hdr) + 20px);
		align-self: start;
	}

	.ldc5-gallery__track {
		padding: 0;
		gap: 0;
		border-radius: 26px;
	}

	.ldc5 .ldc5-slide {
		flex-basis: 100%;
		border-radius: 0;
	}

	.ldc5-gallery__bar {
		padding: 12px 0 0;
	}

	.ldc5 .ldc5-dot {
		width: 60px;
		height: 60px;
		border: 1.5px solid transparent;
		border-radius: 12px;
		overflow: hidden;
		background: var(--ldc-warm);
	}

	.ldc5 .ldc5-dot.is-ba {
		background: #1a1816;
	}

	.ldc5 .ldc5-dot[aria-selected="true"] {
		width: 60px;
		border-color: var(--ldc-ink);
		background: var(--ldc-warm);
	}

	.ldc5 .ldc5-dot img {
		display: block;
	}

	.ldc5-dots {
		flex-wrap: wrap;
		gap: 8px;
	}

	.ldc5 .ldc4-gallery__count {
		display: none;
	}

	.ldc5-gallery__nav {
		display: inline-flex;
		gap: 4px;
	}

	.ldc5-head {
		padding: 8px 0 14px;
	}

	.ldc5-buy {
		padding: 0;
	}

	.ldc5-head__title {
		font-size: clamp(36px, 4vw, 58px);
	}
}

@media (min-width: 1000px) {
	.ldc5-buy__panel {
		padding: 22px;
	}
}

/* =========================================================================
   Details: Akkordeons statt WooCommerce-Tabs
   ========================================================================= */
.ldc5-details {
	padding: var(--ldc-sec) var(--ldc-gutter);
	background: #fff;
}

.ldc5-details__inner {
	max-width: 920px;
	margin: 0 auto;
}

.ldc5-details__head {
	margin-bottom: 22px;
}

.ldc5-details__head .ldc-h2 {
	margin: 0;
}

.ldc5-acc {
	border-top: 1px solid var(--ldc-line);
}

.ldc5-acc__item {
	border-bottom: 1px solid var(--ldc-line);
}

.ldc5-acc__item > summary {
	position: relative;
	display: grid;
	gap: 3px;
	padding: 20px 44px 20px 0;
	list-style: none;
	cursor: pointer;
}

.ldc5-acc__item > summary::-webkit-details-marker {
	display: none;
}

.ldc5-acc__item > summary::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border: solid var(--ldc-ink);
	border-width: 0 1.8px 1.8px 0;
	transform: rotate(45deg);
	transition: transform 0.2s;
}

.ldc5-acc__item[open] > summary::after {
	margin-top: -2px;
	transform: rotate(-135deg);
}

.ldc5-acc__t {
	font-size: 19px;
	line-height: 1.25;
	letter-spacing: -0.015em;
	font-weight: 700;
	color: var(--ldc-ink);
}

.ldc5-acc__s {
	font-size: 13.5px;
	color: var(--ldc-ink-3);
}

.ldc5-acc__body {
	padding: 0 0 26px;
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--ldc-ink-2);
}

.ldc5-acc__body img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
}

.ldc5-desc :is(h1, h2, h3, h4) {
	margin: 1.4em 0 0.5em;
	font-size: 18px;
	line-height: 1.3;
	color: var(--ldc-ink);
}

.ldc5-desc > :first-child {
	margin-top: 0;
}

.ldc5-list {
	margin: 0;
	padding-left: 1.2em;
}

.ldc5-list li {
	margin: 0 0 8px;
}

.ldc5-list strong,
.ldc5-facts dd {
	color: var(--ldc-ink);
}

.ldc5-facts {
	display: grid;
	margin: 0 0 14px;
}

.ldc5-facts > div {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid var(--ldc-line);
}

.ldc5-facts dt {
	font-weight: 600;
	color: var(--ldc-ink-3);
}

.ldc5-facts dd {
	margin: 0;
}

.ldc5-acc__body .woocommerce-product-attributes {
	width: 100%;
	margin: 0;
	border: 0;
	font-size: 15px;
}

.ldc5-acc__body .woocommerce-product-attributes th,
.ldc5-acc__body .woocommerce-product-attributes td {
	padding: 10px 0;
	border: 0;
	border-top: 1px solid var(--ldc-line);
	background: transparent;
	text-align: left;
	font-weight: 400;
}

.ldc5-acc__body .woocommerce-product-attributes th {
	width: 40%;
	font-weight: 600;
	color: var(--ldc-ink-3);
}

.ldc5-acc__body .woocommerce-product-attributes td p {
	margin: 0;
}

.ldc5-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin: 0;
}

.ldc5-links a {
	color: var(--ldc-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Bewertungen im Akkordeon: ruhige Liste statt WooCommerce-Standard */
.ldc5-acc__body .woocommerce-Reviews-title {
	margin: 0 0 14px;
	font-size: 16px;
	color: var(--ldc-ink);
}

.ldc5-acc__body .commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ldc5-acc__body .commentlist > li {
	margin: 0;
	padding: 16px 0;
	border-top: 1px solid var(--ldc-line);
}

.ldc5-acc__body .commentlist .avatar {
	display: none;
}

.ldc5-acc__body .commentlist .comment_container,
.ldc5-acc__body .commentlist .comment-text {
	margin: 0;
	padding: 0;
	border: 0;
}

.ldc5-acc__body .commentlist .meta {
	margin: 4px 0 6px;
	font-size: 13px;
	color: var(--ldc-ink-3);
}

.ldc5-acc__body .commentlist .description p {
	margin: 0;
	font-size: 15px;
	color: var(--ldc-ink-2);
}

.ldc5-acc__body .star-rating {
	float: none;
	margin: 0;
}

.ldc5-acc__body #review_form_wrapper {
	margin-top: 20px;
	padding: 18px;
	border-radius: 18px;
	background: var(--ldc-warm);
}

/* Abschluss auf der PDP: Kaufbutton ohne Umbruch */
.ldc-v5 .ldc-final4__atc .ldc-atc__btn {
	white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	.ldc5 .ldc5-dot,
	.ldc5-acc__item > summary::after {
		transition: none;
	}
}

/* ---------- Runde 1 (iPhone-Ansicht 393 × 660) ---------- */
/* Hero: Motiv leicht nach unten, damit die Pipette die Unterzeile nicht berührt; Label bleibt über der Kaufkarte. */
.ldc-hero5 .ldc-hero5__bg {
	inset: 0 0 -28px 0;
	border-radius: 0;
}

.ldc-hero5 .ldc-hero5__bg .ldc-art__img {
	border-radius: 0;
}

@media (min-width: 690px) {
	.ldc-hero5 .ldc-hero5__bg {
		inset: 0;
	}
}

/* PDP mobil: Preis und Warenkorb in den ersten Bildschirm – Zielgruppe steht im Kaufbereich, Wirkstoffsatz folgt in der Wirkstoff-Sektion. */
@media (max-width: 767.98px) {
	.ldc5-head__for,
	.ldc5-buy__lead {
		display: none;
	}

	.ldc5 .ldc5-slide {
		flex-basis: 80%;
	}

	.ldc5-buy {
		padding-top: 12px;
	}
}

/* Runde 2: Unterzeile einzeilig auf iPhone-Breiten, Motiv etwas tiefer */
@media (max-width: 689.98px) {
	.ldc-hero5 .ldc-hero5__bg {
		inset: 0 0 -34px 0;
	}

	.ldc-v5 .ldc-hero5 .ldc-lead {
		font-size: clamp(13px, 3.6vw, 16px);
		text-wrap: wrap;
	}
}

/* Runde 3: Hero-Motiv 3:4 – auf jedem Smartphone über die Höhe skaliert, Flasche steht immer gleich zu Headline und Kaufkarte */
@media (max-width: 689.98px) {
	.ldc-hero5 .ldc-hero5__bg {
		inset: 0;
	}

	.ldc-hero5 .ldc-hero5__bg .ldc-art__img {
		object-position: 50% 50%;
	}

	.ldc-hero5__card {
		padding: 10px 10px 10px 16px;
	}

	.ldc-v5 .ldc-hero5__trust {
		margin-top: 7px;
	}
}

/* Runde 4: Preis in der Kaufkarte immer linksbündig (V2-Regel zentriert unter 380 px) */
.ldc-v5 .ldc-hero5 .ldc-price,
.ldc-v5 .ldc-hero5 .ldc-price__amount {
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
}

.ldc-v5 .ldc-hero5 .ldc-price del,
.ldc-v5 .ldc-hero5 .ldc-price ins {
	margin: 0;
	padding: 0;
}

/* Runde 5 (CLS): Lieferumfang immer in eigener Zeile – Länderpreis-Aktualisierung verschiebt nichts */
.ldc5-buy__pack {
	flex-basis: 100%;
}