Zwei neue Hase-Varianten (HasiGott, Mama Hase) + abwechselnde Foto/Text-Seite pro Familie; Hauptkategorie-Überschrift auf Kategorie-Seiten

- Zwei neue Unterkategorien unter "Hase" angelegt: "HasiGott" und "Mama
  Hase", jeweils mit eigenem Charaktertext, bereit für echte Produktfotos
  sobald VanVan sie im Adminbereich hinzufügt.
- Neue Logik: Innerhalb einer Tier-Familie (gleicher Slug-Präfix, z.B.
  "hase-*") wechselt die Vorstellungsbox jetzt automatisch die Seite ab —
  1. Mitglied Foto links/Text rechts (HasiDog, unverändert), 2. Mitglied
  Foto rechts/Text links (HasiGott), 3. wieder links (Mama Hase), und so
  weiter für alle künftigen Varianten.
- Kategorie-Seiten (z.B. "DIY Plushies") zeigen jetzt eine
  Hauptkategorie-Überschrift zwischen der Unterkategorien-Chip-Reihe und
  der eigentlichen Produktreihe darunter.

Verifiziert per Puppeteer gegen den echten Build: neue Seiten laden
fehlerfrei, HasiDog bleibt korrekt "nicht gespiegelt" (1. Familienmitglied),
Hauptkategorie-Überschrift sitzt an der richtigen Stelle.

src/styles/global.css

@@ -608,7 +608,15 @@ a:focus-visible, button:focus-visible {
 .intro h2 a { color: inherit; transition: color 0.2s var(--ease); }
 .intro h2 a:hover { color: var(--c-accent); }
 .intro .portrait-frame.portrait { display: block; }
-@media (max-width: 800px) { .intro { grid-template-columns: 1fr; gap: 1.5rem; } }
+/* Wechselt innerhalb einer Tier-Familie ab: Foto links/rechts, Text jeweils gegenüber — sorgt
+   für optische Abwechslung, sobald mehrere Varianten einer Serie eigene Seiten bekommen. */
+.intro-reverse { grid-template-columns: 1.15fr 0.85fr; }
+.intro-reverse .portrait-frame.portrait { order: 2; }
+.intro-reverse .intro-text { order: 1; }
+@media (max-width: 800px) {
+  .intro { grid-template-columns: 1fr; gap: 1.5rem; }
+  .intro-reverse .portrait-frame.portrait, .intro-reverse .intro-text { order: initial; }
+}
 /* Breiter als vorher (war 440px) + Seitenverhältnis nah am Originalfoto (900x1353 ≈ 2/3)
    statt 3/4 — vorher wurde oben/unten so stark beschnitten, dass das Plushie neben VanVan
    (Oktopus) nur noch als Ecke sichtbar war. So ist das ganze Foto inkl. beider Plushies zu sehen. */
@@ -744,6 +752,16 @@ a:focus-visible, button:focus-visible {
 /* Überschrift über der "weitere Produkte"-Reihe auf Unterkategorie-Seiten — macht klar, dass da
    noch mehr Produkte derselben Reihe kommen (Charakter-Familie), egal wie viele es am Ende sind. */
 .more-variants-label { text-transform: uppercase; letter-spacing: 0.08em; color: var(--c-text-muted); margin-bottom: 0.8rem; }
+
+/* Hauptkategorie-Überschrift zwischen den Unterkategorie-Chips und der eigentlichen
+   Produktreihe auf der Kategorie-Seite — macht klar, welche Hauptkategorie man gerade
+   durchstöbert, fällt bewusst etwas mehr auf als die stille "Unterkategorien"-Beschriftung. */
+.kategorie-section-label {
+  text-align: center;
+  font-size: 1.3rem;
+  color: var(--c-accent);
+  margin: 2.2rem 0 1.3rem;
+}
 @media (max-width: 800px) { .shop-layout { grid-template-columns: 1fr; } }
 
 /* Produktseite — großes Bild bekommt denselben edlen "Rahmen"-Look wie die Porträtfotos der