Anpassungen am bestehenden Webshop laut PDF-Vorgabe

- Persönliche Vorstellung jedes DIY-Plushies-Charakters auf der jeweiligen
  Unterkategorie-Seite (dezente Box im Kartenstil), inkl. eigener HasiDog-Seite
  mit "Mehr über HasiDog"-Button
- Beschreibungstexte "DIY Plushies" und "Häkelzubehör" angepasst (Startseite +
  Kategorieseiten, gemeinsame Datenquelle)
- Shop-Filter erweitert: Unterkategorien jetzt gruppiert unter ihrer Hauptkategorie
  wählbar, inkl. Filterlogik
- Shop-Bannerbild jetzt auch auf allen Kategorie- und Unterkategorie-Seiten,
  gleiche Größe/Abstände/Responsivität wie im Shop
- Keine Design-Änderung: bestehende Farben, Typografie, Karten, Buttons, Abstände
  vollständig erhalten, alles fügt sich nahtlos ins bestehende Layout ein
- Alle Änderungen in DE/EN/CH/FR umgesetzt, Link-Audit durchgeführt

src/pages/hasidog/index.astro

@@ -0,0 +1,34 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import { getCategory, getSubcategory } from "../../data/categories";
+import type { Locale } from "../../i18n/config";
+import { useTranslations } from "../../i18n/ui";
+
+const lang: Locale = "de";
+const t = useTranslations(lang);
+const category = getCategory("diy-plushies")!;
+const sub = getSubcategory("diy-plushies", "hase-hasidog")!;
+---
+<Layout title={sub.name[lang]} description="Lerne HasiDog kennen – den kleinen, wuscheligen Abenteurer von Van's DIY & Bastelbedarf." lang={lang} path="/hasidog/">
+  <section class="section-tight">
+    <div class="container grid grid-2 intro">
+      <div class="portrait-frame portrait">
+        <img src="/img/hero-plushie-bunny.webp" alt="Gehäkeltes Hasen-Plushie HasiDog in blauer Latzhose, im Gras" width="900" height="1200" loading="eager" />
+        <span class="portrait-badge">{t.common.handmadeBadge}</span>
+      </div>
+      <div>
+        <span class="eyebrow">{category.icon} {category.name[lang]}</span>
+        <h1>{sub.name[lang]}</h1>
+        {sub.vorstellung && (
+          <div class="character-intro">
+            {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
+          </div>
+        )}
+        <div class="btn-row">
+          <a class="btn btn-outline" href={`/shop/${category.slug}/${sub.slug}/`}>← {sub.name[lang]}</a>
+          <a class="btn btn-primary" href="/shop/">{t.common.toShop}</a>
+        </div>
+      </div>
+    </div>
+  </section>
+</Layout>