Fix: Überschrift über der Produktreihe zeigt jetzt wirklich "Hauptkategorie" statt den Kategorienamen zu wiederholen

Missverständnis aus einer früheren Anfrage korrigiert: die Überschrift
zwischen den Unterkategorie-Chips und der Produktreihe sollte das Wort
"Hauptkategorie" zeigen (spiegelbildlich zur "Unterkategorien"-
Beschriftung darüber), nicht den Kategorienamen ("DIY Plushies")
wiederholen. Jetzt im exakt gleichen dezenten Stil wie
"Unterkategorien" — beide Beschriftungen sind jetzt visuell symmetrisch.

Verifiziert per Puppeteer: Seite zeigt "UNTERKATEGORIEN" und
"HAUPTKATEGORIE" als passendes Beschriftungs-Paar.

src/pages/ch/shop/[kategorie].astro

@@ -41,7 +41,7 @@ const items = productsByCategory(category.slug);
         </>
       )}
       {items.length > 0 && (
-        <h2 class="kategorie-section-label">{category.icon} {category.name[lang]}</h2>
+        <h2 class="text-center small" style="text-transform:uppercase; letter-spacing:0.08em; color:var(--c-text-muted); margin-bottom:0.8rem;">{t.shop.mainCategoryLabel}</h2>
       )}
       {items.length > 0 ? (
         <div class="grid grid-3">{items.map((p) => <ProductCard product={p} lang={lang} />)}</div>

src/pages/en/shop/[kategorie].astro

@@ -41,7 +41,7 @@ const items = productsByCategory(category.slug);
         </>
       )}
       {items.length > 0 && (
-        <h2 class="kategorie-section-label">{category.icon} {category.name[lang]}</h2>
+        <h2 class="text-center small" style="text-transform:uppercase; letter-spacing:0.08em; color:var(--c-text-muted); margin-bottom:0.8rem;">{t.shop.mainCategoryLabel}</h2>
       )}
       {items.length > 0 ? (
         <div class="grid grid-3">{items.map((p) => <ProductCard product={p} lang={lang} />)}</div>

src/pages/fr/shop/[kategorie].astro

@@ -41,7 +41,7 @@ const items = productsByCategory(category.slug);
         </>
       )}
       {items.length > 0 && (
-        <h2 class="kategorie-section-label">{category.icon} {category.name[lang]}</h2>
+        <h2 class="text-center small" style="text-transform:uppercase; letter-spacing:0.08em; color:var(--c-text-muted); margin-bottom:0.8rem;">{t.shop.mainCategoryLabel}</h2>
       )}
       {items.length > 0 ? (
         <div class="grid grid-3">{items.map((p) => <ProductCard product={p} lang={lang} />)}</div>

src/pages/shop/[kategorie].astro

@@ -41,7 +41,7 @@ const items = productsByCategory(category.slug);
         </>
       )}
       {items.length > 0 && (
-        <h2 class="kategorie-section-label">{category.icon} {category.name[lang]}</h2>
+        <h2 class="text-center small" style="text-transform:uppercase; letter-spacing:0.08em; color:var(--c-text-muted); margin-bottom:0.8rem;">{t.shop.mainCategoryLabel}</h2>
       )}
       {items.length > 0 ? (
         <div class="grid grid-3">{items.map((p) => <ProductCard product={p} lang={lang} />)}</div>