/* HW Landingpages 1.8.2 – Produktseite, Etappe 1: Kaufbereich. Wirkt nur mit body.hw-pdp. */
@font-face { font-family: "HW Barlow Condensed"; src: url(fonts/barlow-condensed-latin-300-normal.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "HW Barlow Condensed"; src: url(fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "HW Barlow Condensed"; src: url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "HW Barlow"; src: url(fonts/barlow-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "HW Barlow"; src: url(fonts/barlow-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

body.hw-pdp {
	--hw-cream: #FBF2ED;
	--hw-anth: #263039;
	--hw-anth-deep: #1A2229;
	--hw-brown: #B08E75;
	--hw-brown-text: #7A5B45;
	--hw-ink: #1F272E;
	--hw-ink2: #3A444D;
	--hw-muted: #55606A;
	--hw-line: #DCCABD;
	--hw-display: "HW Barlow Condensed", "Barlow Condensed", "Arial Narrow", sans-serif;
	--hw-body: "HW Barlow", Barlow, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ---------- Reihenfolge in der Zusammenfassung ---------- */
body.hw-pdp .summary.entry-summary { display: flex; flex-direction: column; font-family: var(--hw-body); color: var(--hw-ink); }
body.hw-pdp .summary .german-market-summary-gpsr { order: 50; margin-top: 16px; padding-top: 12px; border-top: 1px solid #E5D6CA; font-size: 12px; line-height: 1.5; color: var(--hw-muted); }
body.hw-pdp .summary .product_meta { order: 60; }
body.hw-pdp .summary .sharing-service, body.hw-pdp .summary .wc-shariff { order: 70; }

/* ---------- Kopf: Serie, Artikelnummer, Titel, Preis ---------- */
body.hw-pdp .hw-pdp-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 10px; font-size: 14px; }
body.hw-pdp a.hw-pdp-series {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 12px;
	border-radius: 8px 0 8px 0;
	background: var(--hw-anth);
	color: var(--hw-cream);
	font-family: var(--hw-display);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
}
body.hw-pdp a.hw-pdp-series:hover { background: var(--hw-anth-deep); color: var(--hw-cream); }
body.hw-pdp .hw-pdp-sku { color: var(--hw-muted); }
body.hw-pdp .summary h1.product_title {
	margin: 0;
	font-family: var(--hw-display);
	font-weight: 600;
	font-size: clamp(32px, 3vw, 44px);
	line-height: 1.05;
	letter-spacing: 0;
	text-transform: none;
	color: var(--hw-anth);
}
body.hw-pdp .summary > p.price { margin: 14px 0 0; font-family: var(--hw-display); font-weight: 700; font-size: 30px; line-height: 1.1; color: var(--hw-ink); }
body.hw-pdp .summary > p.price .hw-pdp-ab { font-weight: 400; font-size: 0.7em; color: var(--hw-muted); }
body.hw-pdp .summary .wgm-info { font-size: 13px; line-height: 1.5; color: var(--hw-muted); }
body.hw-pdp .summary .wgm-info a { color: var(--hw-muted); }
body.hw-pdp .summary .woocommerce-product-details__short-description { margin-top: 12px; font-size: 16px; line-height: 1.55; color: var(--hw-ink2); }

/* ---------- Auswahl von Ausführung und Größe ---------- */
body.hw-pdp form.variations_form.hw-vs-ready table.variations { display: none; }
body.hw-pdp .hw-vs { display: flex; flex-direction: column; gap: 22px; margin: 22px 0 18px; }
body.hw-pdp .hw-vs__label { margin: 0 0 10px; font-family: var(--hw-display); font-weight: 600; font-size: 19px; line-height: 1.2; color: var(--hw-anth); }
body.hw-pdp .hw-vs__step { color: var(--hw-brown-text); }
body.hw-pdp .hw-vs__options { display: grid; gap: 8px; }
body.hw-pdp .hw-vs__options--cards { grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)); }
body.hw-pdp .hw-vs__options--chips { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
body.hw-pdp .hw-vs__options--buckets { display: flex; flex-direction: column; gap: 14px; }
body.hw-pdp .hw-vs__bucket[hidden] { display: none !important; }
body.hw-pdp .hw-vs__hint { margin: 8px 0 0; font-size: 13px; line-height: 1.45; color: var(--hw-muted); }
body.hw-pdp .hw-vs__bucket-label { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--hw-brown-text); }
body.hw-pdp button.hw-vs__opt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3px;
	min-height: 56px;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--hw-line);
	border-radius: 10px 0 10px 0;
	background: #fff;
	color: var(--hw-anth);
	font-family: var(--hw-body);
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
body.hw-pdp .hw-vs__options--cards button.hw-vs__opt { align-items: flex-start; justify-content: flex-start; min-height: 88px; padding: 12px; border-radius: 12px 0 12px 0; text-align: left; }
body.hw-pdp button.hw-vs__opt[hidden] { display: none !important; }
body.hw-pdp button.hw-vs__opt:hover { border-color: var(--hw-brown-text); background: #fff; color: var(--hw-anth); }
body.hw-pdp button.hw-vs__opt.is-selected { border: 2px solid var(--hw-anth); background: var(--hw-cream); padding: 7px 9px; }
body.hw-pdp .hw-vs__options--cards button.hw-vs__opt.is-selected { padding: 11px; }
body.hw-pdp button.hw-vs__opt:disabled { opacity: 0.45; cursor: not-allowed; }
body.hw-pdp button.hw-vs__opt:focus-visible { outline: 2px solid var(--hw-brown-text); outline-offset: 3px; }
body.hw-pdp .hw-vs__name { font-weight: 600; white-space: nowrap; }
body.hw-pdp .hw-vs__options--cards .hw-vs__name { font-family: var(--hw-display); font-weight: 700; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; white-space: normal; }
body.hw-pdp .hw-vs__note { font-size: 13px; color: var(--hw-muted); }
body.hw-pdp .hw-vs__price { font-size: 12px; color: var(--hw-muted); }
body.hw-pdp .hw-vs__options--cards .hw-vs__price { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--hw-brown-text); }

/* ---------- Preisbox der gewählten Variante ---------- */
body.hw-pdp .single_variation_wrap .woocommerce-variation.single_variation:not(:empty) {
	margin-bottom: 14px;
	padding: 16px 18px;
	border-radius: 16px 0 16px 0;
	background: #fff;
	box-shadow: inset 0 0 0 1px #EADBD0;
}
body.hw-pdp .woocommerce-variation-price .price { font-family: var(--hw-display); font-weight: 700; font-size: 34px; line-height: 1.1; color: var(--hw-ink); }
body.hw-pdp .woocommerce-variation-description { margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--hw-ink2); }
body.hw-pdp .woocommerce-variation-description p { margin: 0; }
body.hw-pdp .woocommerce-variation-availability { font-size: 13px; color: var(--hw-muted); }

/* ---------- Menge und Warenkorb-Button ---------- */
body.hw-pdp form.cart:not(.variations_form), body.hw-pdp .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; }
body.hw-pdp form.cart .quantity { margin: 0; }
body.hw-pdp form.cart .quantity input.qty {
	width: 76px;
	height: 54px;
	margin: 0;
	padding: 0 8px;
	border: 1.5px solid var(--hw-anth);
	border-radius: 10px 0 10px 0;
	background: #fff;
	color: var(--hw-ink);
	font-family: var(--hw-body);
	font-size: 16px;
	text-align: center;
}
body.hw-pdp form.cart .single_add_to_cart_button {
	flex: 1 1 200px;
	min-height: 54px;
	margin: 0;
	padding: 0 28px;
	border: 0;
	border-radius: 12px 0 12px 0;
	background: var(--hw-anth);
	color: var(--hw-cream);
	font-family: var(--hw-display);
	font-weight: 600;
	font-size: 19px;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	box-shadow: none;
	transition: background-color 0.15s ease;
}
body.hw-pdp form.cart .single_add_to_cart_button:hover { background: var(--hw-anth-deep); color: var(--hw-cream); }
body.hw-pdp form.cart .single_add_to_cart_button.disabled { opacity: 0.55; cursor: not-allowed; }
body.hw-pdp form.cart .single_add_to_cart_button:focus-visible { outline: 2px solid var(--hw-brown-text); outline-offset: 3px; }

/* ---------- Auftragsware / Bestandsware ---------- */
body.hw-pdp .hw-pdp-box { margin-top: 16px; padding: 16px 18px; border: 1px solid var(--hw-line); border-radius: 16px 0 16px 0; background: var(--hw-cream); }
body.hw-pdp .hw-pdp-box__title { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--hw-display); font-weight: 700; font-size: 18px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--hw-anth); }
body.hw-pdp .hw-pdp-box__title .hw-icon { color: var(--hw-brown-text); }
body.hw-pdp ul.hw-pdp-box__list { display: flex; flex-direction: column; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.45; color: var(--hw-ink2); }
body.hw-pdp ul.hw-pdp-box__list li { margin: 0; padding: 0; }
body.hw-pdp ul.hw-pdp-box__list li::before { content: none; }
body.hw-pdp .hw-pdp-box a { color: var(--hw-brown-text); }
body.hw-pdp .hw-pdp-box--bestand { border-color: var(--hw-anth); background: var(--hw-anth); }
body.hw-pdp .hw-pdp-box--bestand .hw-pdp-box__title, body.hw-pdp .hw-pdp-box--bestand ul.hw-pdp-box__list { color: var(--hw-cream); }
body.hw-pdp .hw-pdp-box--bestand .hw-pdp-box__title .hw-icon, body.hw-pdp .hw-pdp-box--bestand a { color: #CDB09A; }

/* ---------- Vorteile ---------- */
body.hw-pdp ul.hw-pdp-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin: 18px 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.35; color: var(--hw-ink2); }
body.hw-pdp ul.hw-pdp-trust li { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
body.hw-pdp ul.hw-pdp-trust li::before { content: none; }
body.hw-pdp ul.hw-pdp-trust .hw-icon { color: var(--hw-brown-text); }
body.hw-pdp ul.hw-pdp-trust a { color: var(--hw-ink2); }
body.hw-pdp .hw-pdp-help { margin: 14px 0 0; font-size: 14px; color: var(--hw-ink2); }
body.hw-pdp .hw-pdp-help a { color: var(--hw-brown-text); font-weight: 600; }

/* ---------- Kaufleiste am Handy ---------- */
body.hw-pdp .hw-buybar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #EADBD0;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 -8px 20px rgba(31, 39, 46, 0.08);
	font-family: var(--hw-body);
}
body.hw-pdp .hw-buybar[hidden] { display: none !important; }
body.hw-pdp .hw-buybar__info { display: flex; flex-direction: column; min-width: 0; }
body.hw-pdp .hw-buybar__price { font-family: var(--hw-display); font-weight: 700; font-size: 21px; line-height: 1.1; color: var(--hw-ink); white-space: nowrap; }
body.hw-pdp .hw-buybar__meta { overflow: hidden; font-size: 12px; color: var(--hw-muted); white-space: nowrap; text-overflow: ellipsis; }
body.hw-pdp button.hw-buybar__btn {
	flex: 1 1 auto;
	min-height: 50px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 12px 0 12px 0;
	background: var(--hw-anth);
	color: var(--hw-cream);
	font-family: var(--hw-display);
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
@media (min-width: 900px) {
	body.hw-pdp .hw-buybar { display: none !important; }
}
@media (max-width: 899px) {
	body.hw-pdp.hw-buybar-visible { padding-bottom: 84px; }
	body.hw-pdp .hw-vs__options--chips { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- Vorschau-Hinweis ---------- */
.hw-pdp-preview {
	position: fixed;
	left: 12px;
	bottom: 12px;
	z-index: 9995;
	padding: 6px 12px;
	border-radius: 8px 0 8px 0;
	background: #B08E75;
	color: #161B21;
	font: 600 13px/1.3 "HW Barlow", Barlow, Arial, sans-serif;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
@media (max-width: 899px) {
	body.hw-buybar-visible .hw-pdp-preview { bottom: 90px; }
}

@media (prefers-reduced-motion: reduce) {
	body.hw-pdp button.hw-vs__opt, body.hw-pdp form.cart .single_add_to_cart_button { transition: none; }
}