diff --git a/src/pages/ch/shop/[kategorie]/[unterkategorie].astro b/src/pages/ch/shop/[kategorie]/[unterkategorie].astro
index 3149a0b..1335a41 100644
--- a/src/pages/ch/shop/[kategorie]/[unterkategorie].astro
+++ b/src/pages/ch/shop/[kategorie]/[unterkategorie].astro
@@ -49,14 +49,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/ch/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Wosch meh über {sub.name[lang]} wüsse? Klick da:{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
-            </p>
+            <div class="character-more">
+              <p>Wosch meh über {sub.name[lang]} wüsse?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
+            </div>
           )}
         </div>
       </div>
@@ -68,10 +65,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Wosch meh über {sub.name[lang]} wüsse? Klick da:{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
-              </p>
+              <div class="character-more">
+                <p>Wosch meh über {sub.name[lang]} wüsse?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
+              </div>
             )}
           </div>
         )}
diff --git a/src/pages/en/shop/[kategorie]/[unterkategorie].astro b/src/pages/en/shop/[kategorie]/[unterkategorie].astro
index 8c13f1f..6e288b2 100644
--- a/src/pages/en/shop/[kategorie]/[unterkategorie].astro
+++ b/src/pages/en/shop/[kategorie]/[unterkategorie].astro
@@ -49,14 +49,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/en/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Want to learn more about {sub.name[lang]}? Click here:{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
-            </p>
+            <div class="character-more">
+              <p>Want to learn more about {sub.name[lang]}?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
+            </div>
           )}
         </div>
       </div>
@@ -68,10 +65,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Want to learn more about {sub.name[lang]}? Click here:{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
-              </p>
+              <div class="character-more">
+                <p>Want to learn more about {sub.name[lang]}?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
+              </div>
             )}
           </div>
         )}
diff --git a/src/pages/fr/shop/[kategorie]/[unterkategorie].astro b/src/pages/fr/shop/[kategorie]/[unterkategorie].astro
index f6f2bca..8cbcec6 100644
--- a/src/pages/fr/shop/[kategorie]/[unterkategorie].astro
+++ b/src/pages/fr/shop/[kategorie]/[unterkategorie].astro
@@ -49,14 +49,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/fr/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Tu veux en savoir plus sur {sub.name[lang]} ? Clique ici :{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
-            </p>
+            <div class="character-more">
+              <p>Tu veux en savoir plus sur {sub.name[lang]} ?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
+            </div>
           )}
         </div>
       </div>
@@ -68,10 +65,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Tu veux en savoir plus sur {sub.name[lang]} ? Clique ici :{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
-              </p>
+              <div class="character-more">
+                <p>Tu veux en savoir plus sur {sub.name[lang]} ?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
+              </div>
             )}
           </div>
         )}
diff --git a/src/pages/shop/[kategorie]/[unterkategorie].astro b/src/pages/shop/[kategorie]/[unterkategorie].astro
index 7b4e53a..4d7c5a8 100644
--- a/src/pages/shop/[kategorie]/[unterkategorie].astro
+++ b/src/pages/shop/[kategorie]/[unterkategorie].astro
@@ -52,14 +52,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Du willst mehr über {sub.name[lang]} erfahren, dann klicke hier:{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
-            </p>
+            <div class="character-more">
+              <p>Du willst mehr über {sub.name[lang]} erfahren?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
+            </div>
           )}
         </div>
       </div>
@@ -71,10 +68,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Du willst mehr über {sub.name[lang]} erfahren, dann klicke hier:{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
-              </p>
+              <div class="character-more">
+                <p>Du willst mehr über {sub.name[lang]} erfahren?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
+              </div>
             )}
           </div>
         )}
diff --git a/src/styles/global.css b/src/styles/global.css
index a54351f..db51e88 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -681,15 +681,12 @@ a:focus-visible, button:focus-visible {
 }
 .character-intro p { margin: 0; white-space: pre-line; }
 .character-intro p:first-child { font-family: var(--font-head); font-weight: 600; color: var(--c-text); margin-bottom: 0.5em; }
-.character-intro p.character-more { margin-top: 0.9em; color: var(--c-text-muted); }
-.character-intro .character-more-link {
-  color: var(--c-accent);
-  font-weight: 600;
-  text-decoration: underline;
-  text-decoration-color: transparent;
-  transition: text-decoration-color 0.2s var(--ease);
-}
-.character-intro .character-more-link:hover { text-decoration-color: currentColor; }
+
+/* "Willst du mehr über X erfahren?" + Link-Button — sowohl innerhalb der character-intro-Box
+   (falls noch kein echtes Produkt zugeordnet ist) als auch frei im Intro-Layout (sobald ein
+   echtes Produkt featured wird). */
+.character-more { margin-top: 1rem; }
+.character-more p { margin: 0 0 0.6em; color: var(--c-text-muted); }
 
 /* Seiten-Banner (Shop, Sale, ...): echtes Foto/Grafik als Kopfbild mit Verlauf-Überblendung
    unten, damit Titel/Text darauf lesbar bleiben — ersetzt die reine Text-Kopfzeile durch ein