Neu: Kundenrezensionen mit Herzen in Lila-Babyblau, ueberall im Shop integriert

Neue HeartRating-Komponente (Herzen statt Sterne, Lila-Babyblau-Verlauf wie
der Rest der Markenoptik) + komplettes Rezensions-System:

- Produktkarten: Bewertungszeile (Herzen + Anzahl) unter dem Titel, nur wenn
  Bewertungen vorhanden sind.
- Produktseite: volle "Kundenrezensionen"-Sektion mit Durchschnitt und
  einzelnen Rezensionen (Name, Herzen, Datum, Text) bzw. "Noch keine
  Bewertungen"-Hinweis.
- Shop-Filter: neuer "Mindestbewertung"-Filter im Filter-Sidebar + neue
  Sortierung "Beste Bewertung".
- Startseite: "Was unsere Kund:innen sagen"-Sektion mit Gesamtbewertung und
  den 3 neuesten Rezensionen - erscheint automatisch, sobald die erste echte
  Bewertung existiert.
- Adminbereich: neues Feld "Bewertungen" pro Produkt (Name/Herzen/Text/Datum),
  mit deutlichem Hinweis, dass hier nur echte Kundenrueckmeldungen eingetragen
  werden duerfen - erfundene Bewertungen sind in Deutschland/der EU gesetzlich
  verboten (UWG). Deshalb bewusst OHNE Beispiel-Bewertungen im Code: alle
  Bereiche starten leer und blenden sich automatisch ein, sobald VanVan die
  erste echte Rezension eintraegt.

Mit temporaeren Testdaten end-to-end durchgetestet (Herzen-Darstellung,
Rezensions-Section, Filter, Startseiten-Sektion) und vor dem Commit wieder
aus den echten Produktdaten entfernt. Gilt fuer alle 4 Sprachen.

Co-Authored-By: Claude Sonnet 5 <[email protected]>

src/styles/global.css

@@ -1125,6 +1125,23 @@ a:focus-visible, button:focus-visible {
 }
 .thumb.product-photo:hover { box-shadow: 0 0 0 3px rgba(10, 9, 16, 0.6), 0 0 0 4px var(--c-accent); }
 .badge-row { display: flex; gap: 0.5rem; margin-bottom: 0.8rem; flex-wrap: wrap; }
+
+/* Kundenrezensionen — Herzen in Lila-Babyblau statt Sterne (siehe HeartRating.astro), damit
+   Bewertungen sich erkennbar in die restliche Seite einfügen statt wie ein fremdes Bewertungs-
+   Widget zu wirken. */
+.review-summary-link { display: inline-flex; text-decoration: none; margin: 0.3rem 0 0.9rem; }
+.review-summary-link:hover .heart-value { color: var(--c-accent); }
+.review-summary-row { margin-bottom: 1.6rem; }
+.review-list { display: flex; flex-direction: column; gap: 1rem; }
+.review-card { gap: 0.5rem; display: flex; flex-direction: column; }
+.review-card-head { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; }
+.review-name { font-weight: 700; }
+.review-date { color: var(--c-text-muted); margin-left: auto; }
+.review-card p { color: var(--c-text-muted); }
+/* Bewertungszeile auf der Produktkarte — dicht unter dem Titel, kein zusätzlicher Abstand nötig,
+   da .product-card schon einen einheitlichen gap zwischen allen Kindern hat. */
+.product-card .heart-rating { margin-top: -0.2rem; }
+
 .price-row-detail { display: flex; align-items: baseline; gap: 0.8rem; margin-bottom: 0.2rem; flex-wrap: wrap; }
 .price-detail { font-size: 1.8rem; font-weight: 700; color: var(--c-accent); }
 /* Durchgestrichener alter Preis bei Rabatt — global, damit das auch auf der Produktseite gilt