product detail pages, footer, category and legal routes

- /shop/:slug product detail pages with green hero, per-product locale files (de.js + en.js), and viewport-fit hero sizing
- footer component integrated across home/shop/checkout/success
- /pflege, /haushalt, /impressum, /datenschutz routes via CategoryPage / LegalPage
- scrollBehavior honours savedPosition (back-button restores y); smooth scrolling removed everywhere for accessibility
- ProductCard + Hero CTAs use RouterLink for internal paths so SPA history survives clicks
- homepage hero image cap reduced ~20% on width and height
- dist/ rebuild

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/pages/ShopPage.vue

@@ -4,6 +4,7 @@ import { useRouter } from 'vue-router'
 import Navbar from '@/design-system/components/Navbar.vue'
 import ProductCard from '@/design-system/components/ProductCard.vue'
 import WaveDivider from '@/design-system/components/WaveDivider.vue'
+import Footer from '@/design-system/components/Footer.vue'
 import CartDrawer from '@/design-system/components/CartDrawer.vue'
 import {
   products,
@@ -250,6 +251,8 @@ onBeforeUnmount(() => {
     </section>
   </template>
 
+  <Footer />
+
   <!-- Bottom clearance for the mobile floating cluster (search / cart /
        menu), same pattern as HomePage so both pages align visually. -->
   <div