/* ── Produktseite, Runde 3 (20.10.2026): Pflichtkorrekturen der Abnahme 18.10. (Claus, 14 Bereiche) ──
   Nur die dort genannten Änderungen; wird nach 09-produktseite.css geladen. */

/* 01 Galerie: genau vier Vorschaubilder in EINER Zeile, weitere seitlich wischen – nie ein Zeilenumbruch. */
.woocommerce.single-product div.product div.images.woocommerce-product-gallery .flex-control-thumbs {
	display: flex; flex-wrap: nowrap; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch; scrollbar-width: thin; padding-bottom: 4px;
}
.woocommerce.single-product div.product div.images.woocommerce-product-gallery .flex-control-thumbs li {
	flex: 0 0 calc((100% - 36px) / 4); width: calc((100% - 36px) / 4); scroll-snap-align: start;
}

/* 03 Produktvorteile: Grundregeln (Beschriftung als eigener Text); Spalten und Größe setzt Teil 19 (höchstens fünf in einer Reihe). */
.temana-produktvorteile, .temana-produktvorteile--4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; justify-content: stretch; }
.temana-produktvorteile li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }
.temana-produktvorteile img { width: 100%; max-width: 76px; height: auto; }
.temana-produktvorteile span { font-size: 12.5px; line-height: 1.3; color: var(--temana-text-sekundaer); overflow-wrap: anywhere; }
@media (max-width: 600px) {
	.temana-produktvorteile, .temana-produktvorteile--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
	.temana-produktvorteile img { max-width: 58px; }
	.temana-produktvorteile span { font-size: 11.5px; }
}

/* 05 Varianten: „Zurücksetzen“ nicht anzeigen (die Standardpackung bleibt vorgewählt). */
.woocommerce div.product form.variations_form .reset_variations,
.woocommerce div.product form.cart .reset_variations { display: none !important; visibility: hidden !important; }
.temana-variante:focus-visible { outline: 2px solid var(--temana-gruen); outline-offset: 2px; }

/* 06 Preis: 26 px (Desktop) / 24 px (mobil), SemiBold. */
.woocommerce div.product .temana-preiszeile p.price,
.woocommerce div.product .temana-preiszeile p.price .woocommerce-Price-amount,
.woocommerce div.product .woocommerce-variation-price .price,
.woocommerce div.product .woocommerce-variation-price .price .woocommerce-Price-amount { font-size: 26px; font-weight: 600; line-height: 1.2; }
@media (max-width: 600px) {
	.woocommerce div.product .temana-preiszeile p.price,
	.woocommerce div.product .temana-preiszeile p.price .woocommerce-Price-amount,
	.woocommerce div.product .woocommerce-variation-price .price,
	.woocommerce div.product .woocommerce-variation-price .price .woocommerce-Price-amount { font-size: 24px; }
}

/* 08 Zahlarten: Originallogos direkt unter „In den Warenkorb“, keine Überschrift. */
.temana-zahlungslogos--produkt { margin: 14px 0 0; gap: 8px; }
.temana-zahlungslogos--produkt li { padding: 4px 6px; background: var(--temana-weiss, #fff); border: 1px solid var(--temana-linie); border-radius: 4px; }
.temana-zahlungslogos--produkt img { height: 22px; width: auto; }

/* 09 Artikelnummer und TeMana-Kategorie: deutlich größer (etwa Größe des WhatsApp-Links), ohne trennenden Strich. */
.woocommerce div.product .temana-produktmeta { display: flex; flex-wrap: wrap; gap: 2px 26px; font-size: 15px; line-height: 1.5; }
.woocommerce div.product .temana-produktmeta .sku,
.temana-produktmeta a { font-size: 15px; }
.temana-produktmeta__trenner { display: none; }

/* 11 Persönliche Auswahl: Namenszeile etwas näher an den Text. */
.temana-pblock--auswahl .temana-auswahl { margin-bottom: 6px; }
.temana-pblock--auswahl .temana-auswahl p:last-child { margin-bottom: 0; }
.temana-pblock--auswahl .temana-auswahl__von { margin-top: 0; }

/* 14 Passende Produkte: bis drei Karten, Foto, Name, Preis und eigene Begründung „Warum passt das dazu?“. */
.temana-passende__liste { grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); align-items: stretch; }
.temana-passende__karte { grid-template-columns: 96px minmax(0, 1fr); align-items: start; align-content: start; background: var(--temana-weiss, #fff); }
.temana-passende__bild img { width: 96px; height: 96px; }
.temana-passende__preis { margin: 0; font-size: 15px; font-weight: 600; color: var(--temana-text); }
.temana-passende__preis del { font-weight: 400; opacity: .6; }
.temana-passende__warum { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--temana-linie); }
.temana-passende__warum p { margin: 0; font-size: 14.5px; line-height: 1.5; color: #454d45; }
.temana-passende__warum .temana-passende__frage { margin-bottom: 4px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--temana-gruen); }
.temana-passende__karte > .temana-passende__mehr { grid-column: 1 / -1; align-self: end; }
@media (max-width: 600px) {
	.temana-passende__karte { grid-template-columns: 80px minmax(0, 1fr); }
	.temana-passende__bild img { width: 80px; height: 80px; }
}

/* P0 Lebensmittel-Nährwerttabelle (NUI NONI Original u. a.): 600–650 px, responsiv, Werte rechtsbündig, „davon“ untergeordnet. */
.temana-naehrwerte { max-width: 640px; }
.temana-naehrwerte td { text-align: right; padding-left: 16px; font-variant-numeric: tabular-nums; }
.temana-naehrwerte__davon th { padding-left: 18px; font-weight: 400; }
.temana-naehrwerte__davon td { font-weight: 500; color: var(--temana-text-sekundaer); }
.temana-naehrstoffe__tabelle { max-width: 760px; }

/* Kopfsuche: Platzhalter „Produkt, Thema oder Artikelnummer“ vollständig sichtbar (Desktop). */
@media (min-width: 1025px) { .temana-kopfsuche { width: 384px; max-width: none; } .temana-kopfsuche input { font-size: 14px; padding-right: 10px; text-overflow: clip; } }