/* Caballo Natural – SEO-Seiten: Pflanzen-Lexikon, Herb Detail, Glossar */
const { useState: useStateSE, useMemo: useMemoSE } = React;

// ============ HERB INDEX ============
// Catalog of the most-used medicinal herbs in Caballo Natural's programs.
// Each entry has DE/ES naming, TCM-Wirkung, indications, and SEO content.
const HERBS = [
  {
    slug: "mariendistel", de: "Mariendistel", es: "Cardo mariano", latin: "Silybum marianum",
    achse: "Leber & Stoffwechsel", element: "Holz",
    short: "Klassische Leber-Pflanze. Schützt Hepatozyten, unterstützt Entgiftung, mildert chronische Leberbelastung.",
    indications: ["Leberentgiftung", "EMS", "Cushing-Begleitung", "Nach Medikamentengaben", "Stoffwechselträgheit", "Fellwechselstau"],
    tcvm: "Tonisiert Leber-Yin und klärt Feuchtigkeit/Hitze. Mildes, regulierendes Kraut für die Holz-Achse.",
    inProducts: ["Depuración Metabólica", "Vitalidad Veterana", "Equilibrio ACTH I", "Polvo Profundo Metabólico"],
    tag: "Leber",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-1.png",
  },
  {
    slug: "loewenzahn", de: "Löwenzahnwurzel", es: "Raíz de diente de león", latin: "Taraxacum officinale",
    achse: "Leber & Niere", element: "Holz / Wasser",
    short: "Bitterer Drainagepfeiler. Stimuliert Galle, Leber und Nieren, klärt Feuchtigkeit aus dem Gewebe.",
    indications: ["Lymphstau", "Angelaufene Beine", "Mattes Fell", "Frühjahr & Herbst", "EMS-Begleitung"],
    tcvm: "Bewegt Leber-Qi, klärt Feuchte-Hitze, unterstützt Wasserausleitung über die Niere.",
    inProducts: ["Depuración Metabólica", "Drenaje Renal", "Cuadra Metabolismo Base"],
    tag: "Drainage",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-5.png",
  },
  {
    slug: "brennnessel", de: "Brennnessel", es: "Ortiga", latin: "Urtica dioica",
    achse: "Stoffwechsel & Muskeln", element: "Holz",
    short: "Mineralreiches Tonikum mit blutbildender und entwässernder Wirkung. Klassiker im Frühjahr.",
    indications: ["Mineralstoffmangel", "Schwache Hufqualität", "Müdigkeit", "Fellwechsel", "Allergische Haut"],
    tcvm: "Nährt Blut und Xue, klärt Wind und feuchte Hitze. Mild durchblutungsfördernd.",
    inProducts: ["Cuadra Metabolismo Base", "Cuadra Músculo Base", "Polvo Profundo Músculo/Tejido"],
    tag: "Substanz",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-3.png",
  },
  {
    slug: "kamille", de: "Kamille", es: "Manzanilla", latin: "Matricaria chamomilla",
    achse: "Magen & Nerven", element: "Erde",
    short: "Sanftes Spasmolytikum. Beruhigt Magen, Darm und Nerven – Klassiker bei Stressmagen und Kolikneigung.",
    indications: ["Stressmagen", "Krampfartige Verdauung", "Kotunruhe", "Unruhe", "Schreckhaftigkeit"],
    tcvm: "Stützt die Mitte (Milz/Magen), bewegt stagnierendes Qi sanft.",
    inProducts: ["Calma Gástrica", "Meteorismo y Tránsito", "Equilibrio Nervioso"],
    tag: "Magen",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback.png",
  },
  {
    slug: "melisse", de: "Melisse", es: "Melisa", latin: "Melissa officinalis",
    achse: "Nerven & Verdauung", element: "Feuer / Erde",
    short: "Sanft-kühlendes Nervenkraut. Mildert Unruhe, Gähnen und stressbedingte Verdauungsblockaden.",
    indications: ["Stressmagen", "Schreckhaftigkeit", "Stallwechsel", "Hitzeunruhe"],
    tcvm: "Senkt aufsteigendes Herz-Yang, beruhigt Shen, harmonisiert die Mitte.",
    inProducts: ["Calma Gástrica", "Equilibrio Nervioso", "Cuadra Estómago Base"],
    tag: "Nerven",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/Image-Sport-Horses.png",
  },
  {
    slug: "spitzwegerich", de: "Spitzwegerich", es: "Llantén", latin: "Plantago lanceolata",
    achse: "Atemwege & Schleimhaut", element: "Metall",
    short: "Schleimhaut-Schutz mit antiseptischer Wirkung. Kernkraut bei Husten, Atemwegsreizung und Magenschleimhaut.",
    indications: ["Husten", "Bronchialreizung", "Magenschleimhaut", "Allergische Atemwege"],
    tcvm: "Befeuchtet die Lunge, klärt Schleim-Hitze, schützt Lungen-Yin.",
    inProducts: ["Respira Libre", "Protección de la Mucosa", "Polvo Profundo Estómago/Mucosa"],
    tag: "Atemwege",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-4.png",
  },
  {
    slug: "thymian", de: "Thymian", es: "Tomillo", latin: "Thymus vulgaris",
    achse: "Atemwege & Immun", element: "Metall",
    short: "Aromatisches, wärmendes Lungen-Kraut. Löst zähen Schleim, stärkt die Atemwegs-Immunbarriere.",
    indications: ["Zäher Schleim", "Hustenbeginn", "Winterstall", "Stauberkältung"],
    tcvm: "Wärmt die Lunge, bewegt Lungen-Qi, vertreibt Wind-Kälte.",
    inProducts: ["Respira Libre", "Cuadra Respiración Base", "Refuerzo Intensivo Respiración/Defensa"],
    tag: "Atemwege",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-7.png",
  },
  {
    slug: "eibischwurzel", de: "Eibischwurzel", es: "Raíz de malvavisco", latin: "Althaea officinalis",
    achse: "Magen & Schleimhaut", element: "Erde",
    short: "Schleimkraut der Schleimhautheilung. Unverzichtbar bei Magengeschwür-Verdacht und gereizter Maulschleimhaut.",
    indications: ["Magengeschwür", "Gereizte Schleimhäute", "Trockener Mund", "Nach Antibiotika"],
    tcvm: "Befeuchtet Lunge und Magen-Yin, schützt Schleimhautfilm.",
    inProducts: ["Protección de la Mucosa", "Polvo Profundo Estómago/Mucosa"],
    tag: "Schleimhaut",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-2.png",
  },
  {
    slug: "zistrose", de: "Zistrose", es: "Jara", latin: "Cistus incanus",
    achse: "Haut & Immun", element: "Metall",
    short: "Polyphenol-reiches Haut- und Immun-Kraut. Stützt die Hautbarriere und stabilisiert die Schleimhautabwehr.",
    indications: ["Sommerekzem", "Parasitenanfälligkeit", "Schwache Hautbarriere", "Allergische Haut"],
    tcvm: "Klärt äußere Wind-Hitze, stabilisiert Wei-Qi (Abwehr).",
    inProducts: ["Tejido Claro", "Polvo Profundo Tejido/Piel", "Equilibrio Interno Antiácaros"],
    tag: "Immun",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-2.png",
  },
  {
    slug: "klettenwurzel", de: "Klettenwurzel", es: "Raíz de bardana", latin: "Arctium lappa",
    achse: "Haut & Leber", element: "Holz",
    short: "Klassisches Hautkraut bei tiefen Hautprozessen. Reinigt Blut, bewegt Lymphe, klärt feuchte Hitze.",
    indications: ["Chronisches Ekzem", "Mauke", "Sarkoid-Begleitung", "Lymphstau"],
    tcvm: "Klärt Feuchte-Hitze in Haut und Leber, bewegt stagniertes Xue.",
    inProducts: ["Tejido Claro", "Polvo Profundo Tejido/Piel"],
    tag: "Haut",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/Image-Senior-Horses.png",
  },
  {
    slug: "hagebutte", de: "Hagebutte", es: "Escaramujo", latin: "Rosa canina",
    achse: "Muskeln & Gelenke", element: "Holz",
    short: "Vitamin-C-reiche Frucht für Bindegewebe und Gelenke. Sanft entzündungsmodulierend.",
    indications: ["Arthrose-Begleitung", "Bindegewebsschwäche", "Hufprobleme", "Senior-Aufbau"],
    tcvm: "Nährt Blut und Yin, befeuchtet Gelenke und Sehnen.",
    inProducts: ["Cuadra Músculo Base", "Polvo Profundo Músculo/Tejido", "Flexibilidad Articular"],
    tag: "Substanz",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-5.png",
  },
  {
    slug: "zinnkraut", de: "Zinnkraut (Schachtelhalm)", es: "Cola de caballo", latin: "Equisetum arvense",
    achse: "Hufe & Bindegewebe", element: "Metall",
    short: "Kieselsäure-Lieferant für Horn, Bindegewebe und Sehnen. Klassiker im Hufaufbau und nach Verletzungen.",
    indications: ["Brüchige Hufe", "Sehnenprobleme", "Reha nach Verletzung", "Bindegewebsschwäche"],
    tcvm: "Stützt Wasser-Element und Knochen-Achse.",
    inProducts: ["Casco y Tejido", "Polvo Profundo Músculo/Tejido", "Recuperación del Tendón"],
    tag: "Struktur",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-6.png",
  },
  {
    slug: "reishi", de: "Reishi", es: "Reishi (Ganoderma)", latin: "Ganoderma lucidum",
    achse: "Immun & Shen", element: "Feuer",
    short: "Vitalpilz für Immun- und Nervensystem. Stützt Shen, beruhigt das Herz, moduliert die Abwehr.",
    indications: ["Chronische Infekte", "Cushing-Begleitung", "Stress-Erschöpfung", "Allergien"],
    tcvm: "Nährt Herz-Yin und Qi, beruhigt Shen, stabilisiert Wei-Qi.",
    inProducts: ["Escudo Inmunitario", "Equilibrio Nervioso", "Vitalidad Veterana"],
    tag: "Vitalpilz",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-15.png",
  },
  {
    slug: "shiitake", de: "Shiitake", es: "Shiitake", latin: "Lentinula edodes",
    achse: "Immun & Atemwege", element: "Erde / Metall",
    short: "Immunmodulierender Vitalpilz mit besonderer Affinität zur Atemwegs- und Schleimhaut-Abwehr.",
    indications: ["Allergische Atemwege", "Wiederkehrende Infekte", "Schwache Abwehr"],
    tcvm: "Tonisiert Milz-Qi und Lungen-Qi, klärt Schleim.",
    inProducts: ["Escudo Inmunitario", "Refuerzo Intensivo Respiración/Defensa"],
    tag: "Vitalpilz",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-4.png",
  },
  {
    slug: "fenchel", de: "Fenchel", es: "Hinojo", latin: "Foeniculum vulgare",
    achse: "Darm & Magen", element: "Erde",
    short: "Warmer Darmharmonisierer. Mildert Gas, Blähungen und Krämpfe – Kernkraut der Darmbasis.",
    indications: ["Blähbauch", "Kolikneigung", "Gärung", "Wechselhafte Verdauung"],
    tcvm: "Wärmt die Mitte, bewegt Qi, vertreibt Wind-Kälte.",
    inProducts: ["Equilibrio Intestinal", "Cuadra Intestino Base", "Meteorismo y Tránsito"],
    tag: "Darm",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback.png",
  },
  {
    slug: "suessholz", de: "Süßholzwurzel", es: "Regaliz", latin: "Glycyrrhiza glabra",
    achse: "Schleimhaut & Lunge", element: "Erde",
    short: "Klassisches Schleimhautkraut mit harmonisierender Wirkung in fast jeder Rezeptur.",
    indications: ["Magengeschwür", "Husten", "Schwache Mitte", "Nach Antibiotika"],
    tcvm: "Tonisiert Milz-Qi, befeuchtet Lunge, harmonisiert andere Kräuter.",
    inProducts: ["Calma Gástrica", "Protección de la Mucosa", "Respira Libre"],
    tag: "Harmonie",
    img: "https://caballo-natural.es/wp-content/uploads/2026/04/ImageWithFallback-2.png",
  },
];

const HERB_ACHSEN = [...new Set(HERBS.map(h => h.tag))];

const HerbsView = ({ onNav }) => {
  const [filter, setFilter] = useStateSE("all");
  const [search, setSearch] = useStateSE("");
  const visible = useMemoSE(() => HERBS.filter(h =>
    (filter === "all" || h.tag === filter) &&
    (!search || (h.de + " " + h.es + " " + h.latin + " " + (h.indications||[]).join(" ")).toLowerCase().includes(search.toLowerCase()))
  ), [filter, search]);

  return (
    <div data-screen-label="Pflanzen-Lexikon">
      <section className="page-hero">
        <div className="container">
          <span className="eyebrow">SEO · Wissen</span>
          <h1>Pflanzen-Lexikon – <em>was wirklich in unseren Programmen wirkt</em></h1>
          <p className="lead">16 Schlüssel-Heilpflanzen und Vitalpilze, die das Rückgrat unserer Dekokte, Fluide und Pulver bilden. Mit TCVM-Wirkachse, Indikationen und allen Produkten, in denen sie stecken.</p>
          <div style={{ display: "flex", gap: 14, marginTop: 28, flexWrap: "wrap" }}>
            <input
              value={search}
              onChange={e => setSearch(e.target.value)}
              placeholder="Pflanze suchen (z.B. Brennnessel, Hufe, EMS …)"
              style={{ flex: 1, minWidth: 260, padding: "14px 20px", background: "#fff", border: "1.5px solid var(--line)", borderRadius: 999, fontFamily: "inherit", fontSize: 14 }}
            />
            <div style={{ display: "flex", gap: 6, flexWrap: "wrap" }}>
              <button className={`pill ${filter === "all" ? "selected" : ""}`} onClick={() => setFilter("all")}>Alle ({HERBS.length})</button>
              {HERB_ACHSEN.map(a => (
                <button key={a} className={`pill ${filter === a ? "selected" : ""}`} onClick={() => setFilter(a)}>{a}</button>
              ))}
            </div>
          </div>
        </div>
      </section>

      <section className="page-body">
        <div className="container">
          <div className="cat-grid" style={{ gridTemplateColumns: "repeat(3, 1fr)" }}>
            {visible.map(h => (
              <article key={h.slug} className="cat-card" onClick={() => onNav("herb", h.slug)}>
                <div className="img-wrap">
                  <img src={h.img} alt={h.de}/>
                  <span className="num">{h.tag}</span>
                </div>
                <div className="body">
                  <h3>{h.de}</h3>
                  <div style={{ fontFamily: "var(--ff-mono)", fontSize: 11, color: "var(--gold-soft)", letterSpacing: "0.06em", marginTop: -8 }}>
                    {h.es} · <em style={{ fontFamily: "var(--ff-display)" }}>{h.latin}</em>
                  </div>
                  <p style={{ color: "rgba(244,239,228,0.78)", fontSize: 14, lineHeight: 1.5, margin: 0 }}>{h.short}</p>
                  <div className="symptom-tags">
                    {h.indications.slice(0, 3).map(i => <span key={i} className="symptom-tag">{i}</span>)}
                  </div>
                  <div className="cta-row">
                    <span className="more">PFLANZE ANSEHEN</span>
                    <span className="arrow"><Icon name="arrow" size={14}/></span>
                  </div>
                </div>
              </article>
            ))}
          </div>
          {visible.length === 0 && (
            <div style={{ textAlign: "center", padding: 64, color: "var(--ink-mute)" }}>
              Keine Pflanze gefunden. Versuche einen anderen Begriff.
            </div>
          )}
        </div>
      </section>

      {/* SEO/AI structured data: ItemList of Drug/MedicalEntity-like records */}
      <script type="application/ld+json" dangerouslySetInnerHTML={{
        __html: JSON.stringify({
          "@context": "https://schema.org",
          "@type": "ItemList",
          "name": "Pflanzen-Lexikon – Heilpflanzen für Pferde (Caballo Natural)",
          "itemListElement": HERBS.map((h, i) => ({
            "@type": "ListItem",
            "position": i + 1,
            "item": {
              "@type": "MedicalSubstance",
              "name": h.de,
              "alternateName": [h.es, h.latin],
              "description": h.short,
              "drug": h.indications.join(", "),
            }
          })),
        })
      }}/>
    </div>
  );
};

const HerbDetailView = ({ slug, onNav }) => {
  const herb = HERBS.find(h => h.slug === slug);
  if (!herb) return (
    <div data-screen-label="Pflanze nicht gefunden" style={{ padding: 96, textAlign: "center" }}>
      <h2>Pflanze nicht gefunden</h2>
      <button className="btn btn-primary" onClick={() => onNav("herbs")} style={{ marginTop: 18 }}>Zurück zum Lexikon</button>
    </div>
  );

  return (
    <div data-screen-label={`Pflanze ${herb.de}`}>
      <section className="cat-hero">
        <div className="text-side">
          <div className="breadcrumb"><a href="#" onClick={(e)=>{e.preventDefault(); onNav("home");}}>Home</a> · <a href="#" onClick={(e)=>{e.preventDefault(); onNav("herbs");}}>Pflanzen-Lexikon</a> · {herb.de}</div>
          <span className="eyebrow">{herb.tag} · {herb.element}</span>
          <h1>{herb.de}</h1>
          <div style={{ fontFamily: "var(--ff-mono)", fontSize: 12, letterSpacing: "0.08em", color: "var(--ink-mute)", marginBottom: 16 }}>
            {herb.es} · <em style={{ fontFamily: "var(--ff-display)", fontStyle: "italic" }}>{herb.latin}</em>
          </div>
          <p className="lead">{herb.short}</p>
          <div style={{ display: "flex", gap: 10, flexWrap: "wrap", marginTop: 18 }}>
            {herb.indications.map(i => <span key={i} className="pill">{i}</span>)}
          </div>
        </div>
        <div className="img-side"><img src={herb.img} alt={herb.de}/></div>
      </section>

      <section className="page-body">
        <div className="container">
          <div className="col-2">
            <div className="side">Wirkachse & TCVM</div>
            <div className="prose">
              <h2>TCVM-Wirkung</h2>
              <p>{herb.tcvm}</p>

              <h2>Typische Indikationen</h2>
              <ul>{herb.indications.map(i => <li key={i}>{i}</li>)}</ul>

              <h2>In welchen Produkten?</h2>
              <p>Diese Pflanze ist Kernbestandteil unserer folgenden Produkte:</p>
              <ul>{herb.inProducts.map(p => <li key={p}><strong>{p}</strong></li>)}</ul>

              <h2>Über die Pflanze</h2>
              <p>{herb.de} ({herb.latin}) wird in der westlichen Phytotherapie und der traditionellen chinesischen Veterinärmedizin gleichermaßen geschätzt. In unseren Programmen kommt sie vor allem in der Stufe <strong>{herb.tag === "Magen" ? "Basis und Intensiv" : "Intensiv und Aufbau"}</strong> zum Einsatz – in Form von Dekokten (300 g/Monat), Fluiden oder Pulvern, je nachdem wie tief gearbeitet werden soll.</p>

              <div style={{ marginTop: 32, padding: 24, background: "var(--green-tint)", borderRadius: 12 }}>
                <strong>Wichtig:</strong> Heilpflanzen sind kräftige Werkzeuge. Wenn dein Pferd mehrere Beschwerden gleichzeitig zeigt, lass uns gemeinsam schauen, ob ein Standard-Set passt – oder ob ein individuelles Rezept sinnvoller ist.<br/>
                <button className="btn btn-primary" style={{ marginTop: 14 }} onClick={() => onNav("consultation")}>Beratung anfragen</button>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Related herbs */}
      {(() => {
        const axisWords = herb.achse.split(/\s*&\s*/).map(s => s.trim());
        const axisLabel = axisWords[0];
        const related = HERBS.filter(h =>
          h.slug !== herb.slug &&
          h.achse.split(/\s*&\s*/).map(s => s.trim()).some(w => axisWords.includes(w))
        );
        if (related.length === 0) return null;
        return (
          <section className="philosophy" style={{ paddingTop: 56 }}>
            <div className="container">
              <div className="section-head">
                <div className="titles"><div className="eyebrow">Verwandte Pflanzen</div><h2>Andere Pflanzen aus der <em>{axisLabel}-Achse</em></h2></div>
              </div>
              <div className="herb-slider">
                {related.map(h => (
                  <article key={h.slug} className="cat-card herb-slide" onClick={() => onNav("herb", h.slug)}>
                    <div className="img-wrap"><img src={h.img} alt={h.de}/></div>
                    <div className="body">
                      <h3 style={{ fontSize: 20 }}>{h.de}</h3>
                      <div style={{ fontFamily: "var(--ff-mono)", fontSize: 10, color: "var(--gold-soft)", letterSpacing: "0.06em" }}>{h.achse}</div>
                      <p style={{ fontSize: 13, color: "rgba(244,239,228,0.78)", margin: 0 }}>{h.short.split(".")[0]}.</p>
                      <div className="cta-row" style={{ marginTop: "auto" }}>
                        <span className="more">MEHR</span>
                        <span className="arrow"><Icon name="arrow" size={14}/></span>
                      </div>
                    </div>
                  </article>
                ))}
              </div>
            </div>
          </section>
        );
      })()}

      {/* Article schema for SEO */}
      <script type="application/ld+json" dangerouslySetInnerHTML={{
        __html: JSON.stringify({
          "@context": "https://schema.org",
          "@type": "MedicalSubstance",
          "name": herb.de,
          "alternateName": [herb.es, herb.latin],
          "description": herb.short + " " + herb.tcvm,
          "drug": herb.indications.join(", "),
        })
      }}/>
    </div>
  );
};

// ============ GLOSSARY ============
// Fachbegriffe der TCVM + Caballo-spezifische Begriffe.
// category: grundlagen | diagnostik | therapie | substanzen | organe | akupunktur
const GLOSSARY = [
  // ── GRUNDLAGEN ──
  { name: "Qi", desc: "Lebensenergie – die fundamentale Kraft, die alle Lebensprozesse antreibt. Qi fließt durch die Leitbahnen (Meridiane) des Körpers und nährt Organe, Gewebe und Geist.", category: ["grundlagen"], ref: "S. 43" },
  { name: "Yin und Yang", desc: "Zwei grundlegende, gegensätzliche und zugleich komplementäre Kräfte der chinesischen Medizin. Sie beschreiben Beziehungen zwischen zwei oder mehreren Dingen – z. B. kalt/warm, innen/außen, Ruhe/Aktivität.", category: ["grundlagen"], ref: "S. 36" },
  { name: "Jing", desc: "Lebensessenz – die angeborene Konstitutionskraft, von den Eltern vererbt. Jing bestimmt Wachstum, Entwicklung und Reproduktion und ist im Funktionskreis Niere gespeichert.", category: ["grundlagen", "substanzen"], ref: "S. 54" },
  { name: "Shen", desc: "Geist / Seele – der psychische Aspekt des Lebens. Umfasst Bewusstsein, Denken, Emotionen und Schlaf und ist im Funktionskreis Herz beheimatet. Pferde mit Shen-Instabilität sind unruhig, schreckhaft und schlafen schlecht.", category: ["grundlagen", "substanzen"], ref: "S. 60" },
  { name: "Xue", desc: "Blut – der materielle Teil der Lebensenergie. Xue nährt und befeuchtet Gewebe und Organe und transportiert Qi durch den Körper.", category: ["grundlagen", "substanzen"], ref: "S. 50" },
  { name: "JinYe", desc: "Körperflüssigkeiten – alle flüssigen Substanzen außer Blut (Xue). Jin sind die leichten, klaren Flüssigkeiten; Ye die dickeren, nährenden.", category: ["grundlagen", "substanzen"], ref: "S. 56" },
  { name: "Grundsubstanzen", desc: "Die fünf Substanzen, die für die Funktionsabläufe im Körper zuständig sind: Qi, Xue (Blut), Jing (Essenz), Shen (Geist) und JinYe (Körperflüssigkeiten).", category: ["grundlagen", "substanzen"], ref: "S. 43" },
  { name: "Funktionskreise", desc: "Die Organe der TCM mit ihren Zugehörigkeiten. Jeder Funktionskreis umfasst ein Organ, einen Meridian, Emotionen, Sinnesorgane, Gewebe und klimatische Einflüsse.", category: ["grundlagen", "organe"], ref: "S. 186 ff." },
  { name: "Zang-Fu", desc: "Die Organsysteme der TCM. Zang-Organe (Speicherorgane): Leber, Herz, Milz, Lunge, Niere. Fu-Organe (Hohlorgane): Gallenblase, Dünndarm, Magen, Dickdarm, Blase.", category: ["grundlagen", "organe"], ref: "S. 183" },
  { name: "Leitbahnen", desc: "Meridiane – Kanäle, in denen die Lebensenergie (Qi) fließt und auf denen die Akupunkturpunkte liegen. Sie verbinden Organe miteinander und mit der Körperoberfläche.", category: ["grundlagen", "akupunktur"], ref: "S. 237" },
  { name: "5 Wandlungsphasen", desc: "Holz (Leber/Galle), Feuer (Herz/Dünndarm), Erde (Milz/Magen), Metall (Lunge/Dickdarm), Wasser (Niere/Blase). Jedes Pferd hat eine konstitutionelle Hauptphase.", category: ["grundlagen"] },
  { name: "Wei-Qi", desc: "Abwehr-Qi – das schützende Qi an der Oberfläche des Körpers. Bei Pferden mit schwachem Wei-Qi sehen wir Infektanfälligkeit, schwache Hautbarriere und Allergien.", category: ["grundlagen", "diagnostik"] },
  { name: "Stau, Stase und Stagnation", desc: "Verschiedene Begriffe der TCM, die alle beschreiben, dass eine Grundsubstanz und/oder eine Leitbahn im Fluss gestört ist. Stagnation von Qi oder Blut zählt zu den häufigsten Disharmoniemustern.", category: ["grundlagen", "diagnostik"] },
  { name: "Pathogener Faktor", desc: "Krankmachender Faktor – äußere (Wind, Kälte, Hitze, Feuchtigkeit, Trockenheit, Sommerhitze) oder innere Faktoren (Emotionen), die das Gleichgewicht stören und Krankheit auslösen.", category: ["grundlagen", "diagnostik"], ref: "S. 63, 93 u.a." },
  { name: "Konstitution", desc: "Die individuelle energetische Grundausstattung eines Pferdes. Bestimmt Vorlieben, Schwächen und welche Programme am besten passen.", category: ["grundlagen", "diagnostik"] },

  // ── DIAGNOSTIK ──
  { name: "Disharmoniemuster", desc: "Erkrankungen nach TCM-Diagnose – die spezifische Art, in der das Gleichgewicht gestört ist. Statt westlicher Krankheitsnamen arbeitet die TCM mit Mustern wie „Leber-Qi-Stagnation“ oder „Milz-Qi-Schwäche“.", category: ["diagnostik"], ref: "S. 186 ff." },
  { name: "Leitkriterien", desc: "Grundlage zur Bestimmung von Krankheitsmustern – das älteste Diagnoseverfahren der TCM. Die acht Leitkriterien: Yin/Yang, Innen/Außen, Kälte/Hitze, Leere/Fülle.", category: ["diagnostik"], ref: "S. 29" },
  { name: "Bi-Syndrom", desc: "Blockade- bzw. Schmerz-Syndrom – ein Muster, bei dem Wind, Kälte und/oder Feuchtigkeit die Leitbahnen blockieren. Typisch bei Gelenkschmerzen, Steifheit und Bewegungsproblemen.", category: ["diagnostik"], ref: "S. 89" },
  { name: "Feuchte Hitze", desc: "TCM-Muster bei Ekzemen, Mauke, EMS und chronischen Hautproblemen. Zeigt sich durch fettiges Fell, Hautrötung, Juckreiz und trübes Urin.", category: ["diagnostik"] },
  { name: "Yin-Mangel", desc: "TCM-Muster bei trockenen Schleimhäuten, Magenproblemen, Hitzeunruhe und wechseljahrestypischen Symptomen bei Stuten.", category: ["diagnostik"] },
  { name: "Qi-Stagnation", desc: "Stockendes Qi, oft durch Stress ausgelöst. Klassische Folgen: Stressmagen, Kolikneigung, Verspannungen und Rosse-Probleme bei Stuten.", category: ["diagnostik"] },
  { name: "EMS", abbr: "EMS", desc: "Equines Metabolisches Syndrom – Insulinresistenz mit erhöhtem Rehe-Risiko. Im TCM oft Feuchte-Hitze in Verbindung mit Milz-Qi-Schwäche.", category: ["diagnostik"] },
  { name: "Cushing / PPID", abbr: "PPID", desc: "Pituitary Pars Intermedia Dysfunction – hormonelle Erkrankung älterer Pferde. Im TCM Niere-Yin/Yang-Schwäche mit aufsteigender Hitze.", category: ["diagnostik"] },
  { name: "PSSM", abbr: "PSSM", desc: "Polysaccharide Storage Myopathy – eine genetisch bedingte Muskelerkrankung. Bei uns gut über Cobs de Avena Verde und Muskelprogramme zu begleiten.", category: ["diagnostik"] },

  // ── THERAPIE ──
  { name: "TCVM", abbr: "TCVM", desc: "Traditional Chinese Veterinary Medicine – die traditionelle chinesische Veterinärmedizin. Versteht das Pferd als energetisches System mit fünf Wandlungsphasen, Yin/Yang-Polaritäten und Qi-Fluss.", category: ["therapie", "grundlagen"] },
  { name: "Chinesische Phytotherapie", desc: "Chinesische Arzneitherapie – Behandlung mit Heilkräutern und natürlichen Substanzen nach TCM-Prinzipien. Rezepturen werden individuell auf das Disharmoniemuster abgestimmt.", category: ["therapie"] },
  { name: "Phytotherapie", desc: "Wissenschaftliche und traditionelle Lehre vom Heilen mit Pflanzen. Bei uns kommen Dekokte (Sude), Fluidkonzentrate, Pulver und Salben zum Einsatz.", category: ["therapie"] },
  { name: "Mykotherapie", desc: "Therapie mit Vitalpilzen wie Reishi, Shiitake, Cordyceps und Hericium. Wirkt modulierend auf Immun-, Hormon- und Nervensystem.", category: ["therapie", "substanzen"] },
  { name: "Moxibustion", desc: "Erwärmen eines Akupunkturpunktes mit Beifußkraut (Moxa). Die Wärme dringt tief in die Leitbahnen ein, vertreibt Kälte, stärkt Yang und fördert den Qi-Fluss.", category: ["therapie", "akupunktur"], ref: "S. 74" },
  { name: "Tierheilpraktiker:in", desc: "In Deutschland nicht-staatlich geregelte Berufsbezeichnung für Heilkundige, die Tiere mit naturheilkundlichen Methoden behandeln. Ersetzt keine tierärztliche Akutversorgung, ergänzt sie.", category: ["therapie"] },

  // ── SUBSTANZEN / DARREICHUNG ──
  { name: "Dekokt", desc: "Konzentrierter Pflanzen-Sud, durch Auskochen von Wurzeln, Rinden und Hartmaterial gewonnen. Standard: 300 g Mischung pro Monat → ca. 5 L Sud → 120 ml/Tag bei einem 500-kg-Pferd.", category: ["substanzen", "therapie"] },
  { name: "Fluidkonzentrat", desc: "Stalltaugliche, milde Alternative zum Dekokt für die tägliche Anwendung in Erhaltungs- und Präventionsphasen.", category: ["substanzen", "therapie"] },
  { name: "Cobs", desc: "Gepresste Pellets aus Heu, Esparzette oder grünem Hafer. Basis-Faserquelle aller unserer Programme, immer eingeweicht zu füttern.", category: ["substanzen"] },

  // ── AKUPUNKTUR ──
  { name: "Mu-Punkte", desc: "Alarmpunkte – Diagnosepunkte für die inneren Organe auf der Körpervorderseite. Druckempfindlichkeit an einem Mu-Punkt kann auf eine Störung des zugehörigen Organs hinweisen.", category: ["akupunktur", "diagnostik"], ref: "S. 160" },
  { name: "Shu-Punkte", desc: "Zustimmungspunkte – Diagnosepunkte auf dem Rücken, seitlich der Wirbelsäule. Jeder ist einem inneren Organ zugeordnet und dient Diagnose wie Therapie.", category: ["akupunktur", "diagnostik"], ref: "S. 154" },
  { name: "Ting-Punkte", desc: "Diagnosepunkte am Kronrand oder an den Krallen – die äußersten Punkte der Meridiane an den Extremitäten. Starke Wirkung, Einsatz v. a. bei akuten Zuständen.", category: ["akupunktur", "diagnostik"], ref: "S. 162" },

  // ── ORGANE / MERIDIANE ──
  { name: "Lunge", abbr: "Lu", desc: "Meridian und Funktionskreis der Lunge. Zuständig für Atmung, Qi-Verteilung, Haut und Fell. Kontrolliert die Abwehrenergie (Wei-Qi) an der Körperoberfläche.", category: ["organe", "akupunktur"] },
  { name: "Dickdarm", abbr: "Di", desc: "Meridian und Funktionskreis des Dickdarms. Zuständig für die Ausscheidung fester Abfallstoffe. Yang-Partner der Lunge (Yin).", category: ["organe", "akupunktur"] },
  { name: "Magen", abbr: "Ma", desc: "Meridian und Funktionskreis des Magens. Zuständig für Aufnahme und erste Verarbeitung der Nahrung. Yang-Partner der Milz-Pankreas (Yin).", category: ["organe", "akupunktur"] },
  { name: "Milz-Pankreas", abbr: "MP", desc: "Meridian und Funktionskreis der Milz. Zuständig für Transformation und Transport der Nahrungsessenz, Blutbildung und das Halten des Blutes in den Gefäßen.", category: ["organe", "akupunktur"] },
  { name: "Herz", abbr: "He", desc: "Meridian und Funktionskreis des Herzens. Regiert Blut und Blutgefäße. Beherbergt den Shen (Geist) – zentral für Bewusstsein, Schlaf und Emotionen.", category: ["organe", "akupunktur"] },
  { name: "Dünndarm", abbr: "Dü", desc: "Meridian und Funktionskreis des Dünndarms. Trennt „Reines“ von „Trübem“ – verwertbare Nährstoffe von Abfallstoffen. Yang-Partner des Herzens (Yin).", category: ["organe", "akupunktur"] },
  { name: "Blase", abbr: "Bl", desc: "Meridian und Funktionskreis der Blase. Speicherung und Ausscheidung von Urin. Der Blasen-Meridian verläuft über den gesamten Rücken – dort liegen die Shu-Punkte.", category: ["organe", "akupunktur"] },
  { name: "Niere", abbr: "Ni", desc: "Meridian und Funktionskreis der Niere. Speichert Jing (Essenz), regiert Knochen, Zähne und Hufe. Zuständig für Reproduktion, Wachstum und Alterung. Wurzel von Yin und Yang.", category: ["organe", "akupunktur"] },
  { name: "Pericard", abbr: "Pc", desc: "Herzbeutel-Meridian – der Beschützer des Herzens. Schützt das Herz vor äußeren pathogenen Faktoren und emotionalem Stress.", category: ["organe", "akupunktur"] },
  { name: "Dreifach-Erwärmer", abbr: "3E", desc: "Funktionskreis ohne physisches Organ. Reguliert Wasserpassagen und Wärmeverteilung in drei Bereichen: Oberer (Herz/Lunge), Mittlerer (Milz/Magen), Unterer Erwärmer (Niere/Blase).", category: ["organe", "akupunktur"] },
  { name: "Gallenblase", abbr: "Gb", desc: "Meridian und Funktionskreis der Gallenblase. Speichert und scheidet Galle aus. In der TCM zuständig für Entscheidungskraft und Mut. Yang-Partner der Leber (Yin).", category: ["organe", "akupunktur"] },
  { name: "Leber", abbr: "Le", desc: "Meridian und Funktionskreis der Leber. Sorgt für den freien Fluss von Qi, speichert Blut, regiert Sehnen und Bänder. Zentral bei Stress und Emotionen.", category: ["organe", "akupunktur"] },
  { name: "Konzeptionsgefäß", abbr: "KG", desc: "Ren Mai – außerordentliches Gefäß über die Mittellinie der Körpervorderseite. Reguliert alle Yin-Meridiane, eng verbunden mit Reproduktion und Nährung.", category: ["organe", "akupunktur"] },
  { name: "Lenkergefäß", abbr: "LG", desc: "Du Mai – außerordentliches Gefäß über die Mittellinie des Rückens. Reguliert alle Yang-Meridiane und stärkt das Yang im gesamten Körper.", category: ["organe", "akupunktur"] },
];

const GLOSSAR_CAT_LABEL = { grundlagen: "Grundlagen", diagnostik: "Diagnostik", therapie: "Therapie", substanzen: "Substanzen", organe: "Organe & Meridiane", akupunktur: "Akupunktur" };
const GLOSSAR_FILTERS = ["grundlagen", "diagnostik", "therapie", "substanzen", "organe", "akupunktur"];

// Zerlegt Text in Treffer-/Nicht-Treffer-Teile für die Suchhervorhebung
function glHighlight(text, q) {
  if (!q) return [text];
  const lower = text.toLowerCase(), ql = q.toLowerCase();
  const out = []; let i = 0;
  while (true) {
    const idx = lower.indexOf(ql, i);
    if (idx < 0) { out.push(text.slice(i)); break; }
    if (idx > i) out.push(text.slice(i, idx));
    out.push({ mark: text.slice(idx, idx + ql.length) });
    i = idx + ql.length;
  }
  return out;
}
const GlHL = ({ text, q }) => glHighlight(text, q).map((p, i) => typeof p === "string" ? p : <mark key={i}>{p.mark}</mark>);

const GlossaryView = ({ onNav }) => {
  const [q, setQ] = useStateSE("");
  const [cat, setCat] = useStateSE("all");
  const [showTop, setShowTop] = useStateSE(false);

  React.useEffect(() => {
    const onScroll = () => setShowTop(window.scrollY > 500);
    window.addEventListener("scroll", onScroll, { passive: true });
    return () => window.removeEventListener("scroll", onScroll);
  }, []);

  const filtered = useMemoSE(() => {
    const query = q.toLowerCase().trim();
    return GLOSSARY.filter(g => {
      const matchCat = cat === "all" || g.category.includes(cat);
      const matchSearch = !query || g.name.toLowerCase().includes(query) || g.desc.toLowerCase().includes(query) || (g.abbr && g.abbr.toLowerCase().includes(query));
      return matchCat && matchSearch;
    }).sort((a, b) => a.name.localeCompare(b.name, "de"));
  }, [q, cat]);

  // Gruppierung nach Anfangsbuchstabe
  const groups = {};
  filtered.forEach(g => { const L = g.name[0].toUpperCase(); (groups[L] = groups[L] || []).push(g); });
  const letters = Object.keys(groups).sort((a, b) => a.localeCompare(b, "de"));
  const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("");

  return (
    <div className="glossar-page" data-screen-label="TCVM-Glossar">
      <header className="glossar-hero">
        <span className="hero-badge">Wissen · TCVM</span>
        <h1>Glossar der <span className="accent">Traditionellen</span><br/>Chinesischen Veterinärmedizin</h1>
        <p>Alle wichtigen Fachbegriffe der TCVM – von Akupunkturpunkten bis Zang-Fu – klar erklärt, durchsuchbar und alphabetisch sortiert.</p>
      </header>

      <nav className="glossar-nav">
        <div className="nav-inner">
          <div className="search-box">
            <svg viewBox="0 0 24 24" fill="none" strokeWidth="2" strokeLinecap="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
            <input type="text" value={q} onChange={e => setQ(e.target.value)} placeholder="Begriff suchen … (z. B. Qi, Leber, Moxibustion)" autoComplete="off" />
          </div>
          <div className="filter-pills">
            <button className={`filter-pill ${cat === "all" ? "active" : ""}`} onClick={() => setCat("all")}>Alle</button>
            {GLOSSAR_FILTERS.map(c => (
              <button key={c} className={`filter-pill ${cat === c ? "active" : ""}`} onClick={() => setCat(c)}>{GLOSSAR_CAT_LABEL[c]}</button>
            ))}
          </div>
        </div>
      </nav>

      <div className="alpha-bar">
        {alphabet.map(L => {
          const has = letters.includes(L);
          return (
            <button key={L} className={`alpha-btn ${has ? "has-entries" : ""}`}
              onClick={has ? () => { const el = document.getElementById(`glossar-letter-${L}`); if (el) el.scrollIntoView({ behavior: "smooth" }); } : undefined}>
              {L}
            </button>
          );
        })}
      </div>

      <main className="glossar-content">
        <div className="result-count"><strong>{filtered.length}</strong> {filtered.length === 1 ? "Begriff" : "Begriffe"}</div>

        {filtered.length === 0 ? (
          <div className="empty-state">
            <div className="icon"><svg viewBox="0 0 24 24" fill="none" strokeWidth="2" strokeLinecap="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg></div>
            <h3>Kein Begriff gefunden</h3>
            <p>Versuche einen anderen Suchbegriff oder wähle eine andere Kategorie.</p>
          </div>
        ) : (
          letters.map(L => (
            <section key={L} className="letter-section">
              <div className="letter-heading" id={`glossar-letter-${L}`}>
                <span className="letter">{L}</span>
                <span className="line"></span>
                <span className="count">{groups[L].length} {groups[L].length === 1 ? "Eintrag" : "Einträge"}</span>
              </div>
              <div className="terms-grid">
                {groups[L].map(g => (
                  <article key={g.name} className="term-card">
                    <div className="term-head">
                      <h3 className="term-name"><GlHL text={g.name} q={q} /></h3>
                      {g.abbr && <span className="term-abbr">{g.abbr}</span>}
                    </div>
                    <p className="term-desc"><GlHL text={g.desc} q={q} /></p>
                    <div className="term-foot">
                      {g.category.map(c => <span key={c} className={`term-tag cat-${c}`}>{GLOSSAR_CAT_LABEL[c]}</span>)}
                    </div>
                  </article>
                ))}
              </div>
            </section>
          ))
        )}
      </main>

      <button className={`glossar-backtop ${showTop ? "visible" : ""}`} aria-label="Nach oben" onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}>
        <svg viewBox="0 0 24 24" fill="none" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m18 15-6-6-6 6"/></svg>
      </button>

      {/* DefinedTermSet schema */}
      <script type="application/ld+json" dangerouslySetInnerHTML={{
        __html: JSON.stringify({
          "@context": "https://schema.org",
          "@type": "DefinedTermSet",
          "name": "Caballo Natural TCVM-Glossar",
          "hasDefinedTerm": GLOSSARY.map(g => ({
            "@type": "DefinedTerm", "name": g.name, "description": g.desc,
          })),
        })
      }}/>
    </div>
  );
};

// ============ SYMPTOMS & DISEASES GUIDE ============
// SEO-orientierter Erklärungs-Guide: häufige Krankheiten und Symptome beim Pferd,
// mit ursachenbasierter Einordnung nach TCVM-Achse und Verknüpfung zu unseren Programmen.
const SYMPTOMS = [
  // Verdauung & Magen
  { slug: "magengeschwuere", cat: "verdauung-magen", name: "Magengeschwüre (EGUS)", aka: "Equine Gastric Ulcer Syndrome, Ulkus",
    short: "Schleimhautläsionen im Magen – häufig bei Sport-, Stress- und kraftfutterintensiv gefütterten Pferden.",
    symptoms: ["Wählerisches Fressen", "Mäkeln am Kraftfutter", "Stumpfes Fell", "Sattelzwang", "Leerkauen / Aufstoßen", "Leistungsabfall"],
    causes: "Säurebrand durch leeren Magen, kraftfutterreiche Fütterung, langer Fresspausen, Stress, NSAID-Gaben.",
    tcvm: "Magen-Hitze und Mitte-Schwäche. Schleimhaut benötigt Yin-Nährung und Säurepuffer.",
    recommendation: "Verdauung & Magen – Programm „Calma Gástrica“ (Basis) oder „Protección de la Mucosa“ (Intensiv) mit Eibischwurzel, Süßholz und Kamille." },
  { slug: "kotwasser", cat: "verdauung-magen", name: "Kotwasser",
    short: "Wässrige Flüssigkeit, die zusätzlich zum normalen Pferdeapfel abgeht – Zeichen einer gestörten Dickdarmflora.",
    symptoms: ["Wässriger Kot-Nachfluss", "Verschmutzte Hinterbeine", "Hautreizung am Anus", "Auffällig bei Heuwechsel", "Mistmenge normal"],
    causes: "Dysbiose, schlechtes Raufutter, Stress, schneller Futterwechsel, Schimmelbelastung, latente Leberbelastung.",
    tcvm: "Feuchte-Kälte in der Mitte. Milz-Qi-Schwäche, Dickdarm gerät aus dem Gleichgewicht.",
    recommendation: "Verdauung & Magen – „Equilibrio Intestinal“ mit Fenchel, Kümmel, Heilerde-Komponente und Stalllinie-Basis." },
  { slug: "kolik", cat: "verdauung-magen", name: "Kolik (wiederkehrend)", aka: "Krampfkolik, Verstopfungskolik, Gaskolik",
    short: "Bauchschmerzen unterschiedlicher Ursache – immer akut tierärztlich abklären, langfristig ursachenbasiert begleiten.",
    symptoms: ["Flehmen", "Scharren", "Wälzen", "Blick zum Bauch", "Appetit reduziert", "Vermindertes Abkoten"],
    causes: "Spasmen, Gasansammlung, Verstopfung, Sandbelastung, Wurmbefall, Magenüberladung.",
    tcvm: "Qi-Stagnation in der Mitte, oft kombiniert mit Wind oder Kälte im Darm.",
    recommendation: "Nach akuter Phase: „Meteorismo y Tránsito“ zur Prophylaxe, plus Anpassung der Fütterung (häufig kleinere Portionen, durchgehend Raufutter)." },
  { slug: "durchfall", cat: "verdauung-magen", name: "Durchfall (chronisch)",
    short: "Anhaltend dünner bis wässriger Kot. Gefahr von Elektrolyt- und Nährstoffverlust.",
    symptoms: ["Dünner Kot über Tage", "Gewichtsabnahme", "Eingefallene Flanken", "Reduzierte Leistung"],
    causes: "Dysbiose, Sandansammlung, Parasiten, Futterunverträglichkeit, Leber-/Pankreasstörung.",
    tcvm: "Milz-Yang-Mangel mit Feuchte-Kälte. Mitte stärken, Feuchtigkeit ausleiten.",
    recommendation: "„Equilibrio Intestinal“ + ggf. Parasiten-Programm; Magnesium-Citrat-Ergänzung & Leinsamen." },

  // Stoffwechsel
  { slug: "ems", cat: "stoffwechsel", name: "EMS (Equines Metabolisches Syndrom)",
    short: "Insulindysregulation, oft kombiniert mit regionaler Fettverteilung und erhöhter Hufrehe-Gefahr.",
    symptoms: ["Speckkamm", "Fettpolster Schulter/Schweifansatz", "Insulinwerte erhöht", "Wiederkehrende Hufrehe", "Wasserretention an den Beinen"],
    causes: "Übergewicht, kohlenhydratreiches Gras/Heu, Bewegungsmangel, Veranlagung.",
    tcvm: "Feuchtigkeit-Schleim mit Leber-Qi-Stagnation. Milz-Mitte überlastet, Wasser-Niere geschwächt.",
    recommendation: "Stoffwechsel-Programm „Depuración Metabólica“ + Mariendistel + Löwenzahn; Cobs-Basis aus Esparzette." },
  { slug: "cushing", cat: "stoffwechsel", name: "Cushing / PPID",
    short: "Hormonelle Erkrankung der Hypophyse, typisch bei älteren Pferden. ACTH-Werte sind erhöht.",
    symptoms: ["Langes, lockiges Fell", "Verzögerter Fellwechsel", "Muskelabbau", "Vermehrter Durst", "Hufrehe-Schübe", "Schlechte Wundheilung"],
    causes: "Altersbedingte Degeneration im Mittelhirn, vermehrte ACTH-Ausschüttung.",
    tcvm: "Nieren-Yin- und Yang-Schwäche, oft mit Leber-Wind. Tiefe Substanz aufbauen.",
    recommendation: "Stoffwechsel-Programm „Equilibrio ACTH“ (Aufbau/Intensiv) – kombinierbar mit tierärztlich verordnetem Prascend." },
  { slug: "hufrehe", cat: "stoffwechsel", name: "Hufrehe", aka: "Laminitis",
    short: "Entzündung des Hufbeinträgers. Akut ein tierärztlicher Notfall, chronisch ein Stoffwechsel-Thema.",
    symptoms: ["Klamme Bewegung", "Trippeln, kurzer Gang", "Pulsation an der Fessel", "Wärme am Huf", "Entlastungshaltung", "Schmerzgesicht"],
    causes: "Insulin-Spike (Weide!), EMS, Cushing, Geburts-/Belastungsrehe, Vergiftung.",
    tcvm: "Feuchte-Hitze im Stoffwechsel mit Blut-Stagnation am Huf.",
    recommendation: "Akut: tierarztpflichtig. Langfristig „Depuración Metabólica“ + Hufe-&-Struktur-Programm „Refuerzo Casco“." },
  { slug: "leberbelastung", cat: "stoffwechsel", name: "Leberbelastung", aka: "Hepatopathie",
    short: "Funktionsstörung der Leber durch Medikamente, Schimmel, Giftpflanzen oder chronische Stoffwechselüberlastung.",
    symptoms: ["Stumpfes Fell", "Photosensibilität", "Mattigkeit", "Verhaltensänderung", "Erhöhte Leberwerte"],
    causes: "Jakobskreuzkraut, Schimmelpilze im Heu, chronische Medikation, hohe Kraftfuttermenge.",
    tcvm: "Leber-Qi-Stagnation, später Leber-Blut-Mangel. Bitter-süße Pflanzen unterstützen.",
    recommendation: "Mariendistel + „Depuración Metabólica“ als 3-Monats-Programm; Heuqualität prüfen." },

  // Haut & Fell
  { slug: "sommerekzem", cat: "haut-fell-immunsystem", name: "Sommerekzem", aka: "Insect Bite Hypersensitivity",
    short: "Allergische Hautreaktion auf Kribbelmücken (Culicoides) – stark juckend, saisonal Mai bis September.",
    symptoms: ["Mähnen- & Schweifscheuern", "Offene Stellen am Schweifansatz", "Krustenbildung", "Unruhe, Wedeln", "Pigmentverlust"],
    causes: "Allergische Sensibilisierung gegen Mückenspeichel, Immunsystem-Dysbalance, Leberüberlastung verstärkt.",
    tcvm: "Wind-Hitze in der Haut bei Blut-Hitze und Leber-Disharmonie.",
    recommendation: "„Piel y Pelo“ (Basis) oder „Eczema Estival“ (Intensiv) mit Brennnessel, Zistrose, Reishi." },
  { slug: "mauke", cat: "haut-fell-immunsystem", name: "Mauke / Raspe", aka: "Dermatitis der Fesselbeuge",
    short: "Entzündung der Haut in der Fesselbeuge mit Krusten, Nässen und Schmerz – häufig im Winter.",
    symptoms: ["Verkrustete Fessel", "Geschwollene Haut", "Schmerz beim Putzen", "Geruch", "Lahmheitsgefahr"],
    causes: "Feucht-warmes Mikroklima, Bakterien/Pilze, schwaches lokales Immunsystem, Lymphschwäche.",
    tcvm: "Feuchte-Hitze in der Haut, Wei-Qi geschwächt.",
    recommendation: "„Piel y Pelo“ intern + Externa „Bálsamo de Caléndula“ und „Lavado de Sauce“ extern." },
  { slug: "sarkoid", cat: "haut-fell-immunsystem", name: "Sarkoid", aka: "Equine Sarcoid",
    short: "Häufigster Hauttumor beim Pferd – gutartig, aber lokal aggressiv. Immer tierärztlich abklären.",
    symptoms: ["Warzenartige Knoten", "Flache Verhornungen", "Wachsende Hautveränderung", "Häufig am Bauch/Schenkel"],
    causes: "Bovines Papilloma-Virus + genetische Empfänglichkeit.",
    tcvm: "Schleim-Toxin in der Haut bei Immun-Dysbalance.",
    recommendation: "Mykotherapie-Aufbau mit Reishi/Shiitake; tierärztliche Therapie führend." },

  // Atemwege
  { slug: "cob-asthma", cat: "atemwege", name: "Equines Asthma / COB", aka: "RAO, IAD, COPD",
    short: "Chronisch obstruktive Bronchitis – Atemwegsentzündung durch Allergene aus Heu, Stroh und Stallstaub.",
    symptoms: ["Husten beim Antraben", "Nasenausfluss", "Bauchatmung", "Verminderte Leistung", "Dampfrinne sichtbar"],
    causes: "Schimmelsporen im Heu, Staub, Ammoniak im Stall, geringe Allergenelimination.",
    tcvm: "Schleim-Hitze in der Lunge bei Lungen-Qi-Schwäche.",
    recommendation: "Atemwege-Programm „Respira Libre“ + Thymian, Spitzwegerich; Heu bedampfen / nasse Fütterung." },
  { slug: "husten-chronisch", cat: "atemwege", name: "Husten (chronisch)",
    short: "Wiederkehrender Husten ohne klare Infektion – meist Allergie- oder Reizungsgeschehen.",
    symptoms: ["Trockener Husten morgens", "Husten beim Antraben", "Kein Fieber", "Leichte Nasensekretion"],
    causes: "Stallluft, Heuqualität, frühere Infekte, latente Allergie.",
    tcvm: "Lunge feucht oder trocken – je nach Schleimcharakter.",
    recommendation: "„Respira Libre“ mit Süßholz, Thymian; Heu-Hygiene optimieren." },

  // Hufe & Struktur
  { slug: "strahlfaeule", cat: "hufe-struktur", name: "Strahlfäule",
    short: "Bakterielle Zersetzung des Hufstrahls. Erkennbar an Geruch und schwarzer Substanz.",
    symptoms: ["Übler Geruch beim Auskratzen", "Schwarze, weiche Strahlfurchen", "Schmerz auf hartem Boden", "Lahmheitsgefahr"],
    causes: "Feuchte Einstreu, mangelnde Hufpflege, Bewegungsmangel.",
    tcvm: "Feuchte-Toxin am Strahl.",
    recommendation: "Externa „Lavado y Spray para Ranillas“ + Hufe-&-Struktur-Programm „Refuerzo Casco“." },
  { slug: "huf-brueche", cat: "hufe-struktur", name: "Brüchige Hufe / Hornspalten",
    short: "Hornqualität reicht nicht für die Belastung. Häufig kombiniert mit Mineralstoffmangel.",
    symptoms: ["Ausbrüche am Tragrand", "Risse / Spalten", "Häufige Eisenverluste", "Schalenförmiges Horn"],
    causes: "Biotin-/Zink-Mangel, Mineralungleichgewicht, Trockenheit, Hufbearbeitungs-Intervall zu lang.",
    tcvm: "Nieren-Jing-Schwäche (Substanz).",
    recommendation: "„Refuerzo Casco“ + Biotin-Zink-Supplement; Cobs-Basis aus Esparzette." },

  // Muskeln & Leistung
  { slug: "pssm", cat: "muskeln-leistung", name: "PSSM (Polysaccharid-Speichermyopathie)",
    short: "Muskelerkrankung mit erhöhter Glykogenspeicherung – führt zu Kreuzverschlägen und Leistungsabfall.",
    symptoms: ["Steifheit nach Pausen", "Muskeltremor", "Kreuzverschlag-Episoden", "Verminderte Versammlung", "Schwitzen ohne Belastung"],
    causes: "Genetische Disposition (Typ 1: GYS1-Mutation; Typ 2: heterogen).",
    tcvm: "Feuchte-Hitze in den Muskeln, Leber-Qi-Stagnation.",
    recommendation: "„Refuerzo Músculo“ mit Brennnessel, Mariendistel, Kreatin-arm; getreidefreie Fütterung." },
  { slug: "kreuzverschlag", cat: "muskeln-leistung", name: "Kreuzverschlag", aka: "Tying-up, Myopathie",
    short: "Akute Muskelverkrampfung der Hinterhand, schmerzhaft – Notfall, langfristig durch Fütterung & Bewegung steuerbar.",
    symptoms: ["Steife Hinterhand", "Schweißausbruch", "Dunkler Urin", "Nicht-Vorwärts-Gehen"],
    causes: "Belastungsspitze nach Pausen, Mineralstoffmangel, Stoffwechselstörung, PSSM.",
    tcvm: "Blut-Stase in den Muskeln mit Yin-Mangel-Hitze.",
    recommendation: "Akut tierärztlich. Langfristig „Refuerzo Músculo“ + gleichmäßige Bewegung, Magnesium-Citrat." },
  { slug: "muskelabbau", cat: "muskeln-leistung", name: "Muskelabbau / Atrophie",
    short: "Verlust an Muskelmasse, oft entlang der Oberlinie. Hinweis auf Hormon-, Substanz- oder Versorgungsproblem.",
    symptoms: ["Eingefallene Oberlinie", "Schwacher Schweifansatz", "Allgemeine Schlappheit"],
    causes: "Cushing, Mangelernährung, Trainingsstopp, Leberbelastung.",
    tcvm: "Milz-Qi und Nieren-Jing-Schwäche.",
    recommendation: "„Refuerzo Músculo“ Aufbau + Spirulina + Bierhefe." },

  // Gelenke
  { slug: "arthrose", cat: "gelenke-beweglichkeit", name: "Arthrose", aka: "Osteoarthritis",
    short: "Degenerativer Knorpelabbau im Gelenk. Schmerzhaft, langfristig nicht heilbar, aber gut zu begleiten.",
    symptoms: ["Anlaufschwierigkeit", "Steifheit nach Pausen", "Wärme im Gelenk", "Schwellungen", "Reduzierte Wendung"],
    causes: "Fehlbelastung, Trauma, Alter, Mineralstoffmangel, Übergewicht.",
    tcvm: "Wind-Kälte-Feuchte im Gelenk mit Blut- und Yin-Mangel.",
    recommendation: "„Movilidad Articular“ mit Weidenrinde, Teufelskralle + MSM-Supplement." },
  { slug: "sehne", cat: "gelenke-beweglichkeit", name: "Sehnenerkrankung", aka: "Tendinitis, Tendinose",
    short: "Entzündung oder Strukturschaden an Beuge- oder Strecksehnen – häufig sportbedingt.",
    symptoms: ["Lokale Schwellung", "Wärme an der Sehne", "Lahmheit", "Druckschmerz"],
    causes: "Überbelastung, Untergrund, Trainingsfehler, Mineralstoffdefizit.",
    tcvm: "Blut-Stase und Leber-Blut-Mangel (Leber regiert Sehnen).",
    recommendation: "„Refuerzo Tejido“ Aufbau mit Brennnessel, Kieselsäure + Externa-Salben." },

  // Nerven & Stress
  { slug: "headshaking", cat: "nerven-stress", name: "Headshaking",
    short: "Unwillkürliches Kopfschlagen, häufig saisonal – komplexes Bild zwischen Neurologie, Trigeminus & Allergie.",
    symptoms: ["Vertikales/horizontales Kopfschlagen", "Nüsterzucken", "Niesattacken", "Reiten unmöglich", "Verstärkt bei Sonne"],
    causes: "Trigeminus-Sensibilisierung, Allergie, Stress, Hormon-Achse, manchmal Halswirbel.",
    tcvm: "Leber-Wind aufsteigend, oft mit Leber-Hitze und Blut-Mangel.",
    recommendation: "„Equilibrio Nervioso“ mit Melisse, Hopfen, Mönchspfeffer + UV-Maske." },
  { slug: "stallunruhe", cat: "nerven-stress", name: "Stallunruhe / Weben / Koppen",
    short: "Stereotype Verhaltensweisen als Zeichen chronischer Belastung – nicht „böse Marotten“!",
    symptoms: ["Weben am Stallgitter", "Koppen (Luftschlucken)", "Boxenlaufen", "Schlechte Futteraufnahme"],
    causes: "Soziale Isolation, Bewegungsmangel, Magenproblematik, alte Traumata.",
    tcvm: "Shen ist nicht verankert. Herz-Yin- und Leber-Qi-Disharmonie.",
    recommendation: "„Equilibrio Nervioso“ + Sozialkontakt + ausreichend Raufutter; Stress-Begleitung über Magen prüfen." },

  // Parasiten
  { slug: "wuermer", cat: "parasiten-darmmilieu", name: "Wurmbefall", aka: "Endoparasiten",
    short: "Strongyliden, Spulwürmer und Bandwürmer beeinflussen Darmflora, Schleimhaut und Stoffwechsel.",
    symptoms: ["Stumpfes Fell", "Wechselnde Kotkonsistenz", "Kotwasser", "Gewichtsstagnation", "Mähnen-Scheuern (Oxyuren)"],
    causes: "Hoher Parasitendruck auf der Weide, fehlendes Kotmanagement.",
    tcvm: "Feuchte-Hitze im Darm mit Milz-Schwäche.",
    recommendation: "Tierärztliche Selektivwurmkur + „Equilibrio Intestinal“ zur Darm-Sanierung." },

  // Senioren
  { slug: "altersabbau", cat: "senioren", name: "Altersbedingter Abbau", aka: "Sarkopenie, Altersinappetenz",
    short: "Substanzverlust, Zahnverschleiß und Stoffwechselverlangsamung – typisch ab 18 Jahren.",
    symptoms: ["Gewichtsverlust trotz Fütterung", "Eingefallene Oberlinie", "Müdigkeit", "Zahnprobleme"],
    causes: "Nieren-Jing nimmt ab, Verdauung wird schwächer, Zahnverschleiß reduziert Faseraufnahme.",
    tcvm: "Nieren-Jing-Schwäche mit Milz-Qi-Mangel.",
    recommendation: "„Vitalidad Veterana“ Aufbau + Cobs (eingeweicht) + Reishi-Pulver." },

  // Wachstum
  { slug: "ocd", cat: "wachstum-zucht", name: "OCD (Osteochondrose)",
    short: "Wachstumsstörung der Gelenkknorpel bei Jungpferden – Fütterungs- und Genetik-Faktor.",
    symptoms: ["Gelenkfüllung beim Jungpferd", "Steifheit", "Spätere Lahmheit"],
    causes: "Energieüberangebot, Mineralstoff-Ungleichgewicht (Ca/P/Cu/Zn), Wachstumsschübe.",
    tcvm: "Nieren-Jing und Milz unausgewogen versorgt.",
    recommendation: "„Crecimiento Equilibrado“ + Mineralstoff-Check; Energie reduzieren, Bewegung erhöhen." },

  // === Verdauung & Magen (erweitert) ===
  { slug: "sandkolik", cat: "verdauung-magen", name: "Sandanschoppung / Sandkolik",
    short: "Aufnahme von Sand über karge Weiden oder Sandpaddocks – lagert sich im Dickdarm ab und reizt die Schleimhaut.",
    symptoms: ["Wiederkehrende milde Koliken", "Kotwasser", "Leistungsabfall", "Sand im aufgeschwemmten Kot", "Knirschende Darmgeräusche"],
    causes: "Fressen auf Sandboden, knappes Raufutter am Boden, gieriges Fressen, Überweidung.",
    tcvm: "Feuchte-Schleim-Stagnation in der Mitte mit Milz-Qi-Schwäche.",
    recommendation: "„Equilibrio Intestinal“ + Flohsamenschalen-Kur 7–10 Tage; Raufutter aus Netzen statt vom Sandboden." },
  { slug: "blaehungen", cat: "verdauung-magen", name: "Blähungen / Gärung", aka: "Meteorismus, Flatulenz",
    short: "Übermäßige Gasbildung im Darm durch Fehlgärung – führt zu Spannungsbauch und Gaskolik-Neigung.",
    symptoms: ["Aufgegaster Bauch", "Häufiges Pupsen", "Unruhe nach dem Fressen", "Gluckernde Darmgeräusche", "Wechselnde Kotkonsistenz"],
    causes: "Schneller Futterwechsel, junges Gras, eiweißreiche Silage, gestörte Darmflora, hastiges Fressen.",
    tcvm: "Qi-Stagnation in der Mitte mit Feuchte-Hitze im Darm.",
    recommendation: "„Meteorismo y Tránsito“ mit Fenchel, Kümmel, Anis; Fütterung verlangsamen, langsam anweiden." },
  { slug: "verstopfung", cat: "verdauung-magen", name: "Verstopfung / Anschoppung", aka: "Obstipationskolik",
    short: "Trockene, festsitzende Futtermassen im Dickdarm – oft bei zu wenig Wasseraufnahme oder Bewegungsmangel.",
    symptoms: ["Vermindertes Abkoten", "Trockene, kleine Pferdeäpfel", "Wiederkehrendes Unwohlsein", "Appetitminderung"],
    causes: "Zu wenig Trinken (Winter!), Bewegungsmangel, Zahnprobleme, faserarmes Futter, Boxenruhe.",
    tcvm: "Trockenheit und Qi-Stagnation im Dickdarm, oft Flüssigkeitsmangel (Yin).",
    recommendation: "Eingeweichte Cobs, Leinsamenschleim, ausreichend warmes Wasser; „Equilibrio Intestinal“ begleitend." },
  { slug: "schlundverstopfung", cat: "verdauung-magen", name: "Schlundverstopfung", aka: "Ösophagusobstruktion",
    short: "Verlegung der Speiseröhre durch zu hastig gefressenes Futter – akuter Notfall, langfristig vorbeugbar.",
    symptoms: ["Würgen / Husten beim Fressen", "Speichel-/Futteraustritt aus der Nase", "Hals-Streckung", "Panik, Schwitzen"],
    causes: "Gieriges Fressen, trockene Cobs/Rübenschnitzel, Zahnprobleme, fehlende Einweichzeit.",
    tcvm: "Akute Qi-Blockade im oberen Erwärmer.",
    recommendation: "Akut: Tierarzt! Vorbeugend Cobs immer gut einweichen, Fressbremsen, Zahnkontrolle; „Calma Gástrica“ zur Schleimhautberuhigung." },

  // === Stoffwechsel (erweitert) ===
  { slug: "anhidrose", cat: "stoffwechsel", name: "Anhidrose", aka: "Schwitzunfähigkeit",
    short: "Verlust der Schweißfähigkeit – gefährlich bei Wärme, da die Temperaturregulation versagt.",
    symptoms: ["Kaum/kein Schwitzen trotz Belastung", "Schnelle Atmung zum Kühlen", "Leistungsabfall bei Hitze", "Trockenes, schuppiges Fell"],
    causes: "Chronische Überforderung der Schweißdrüsen, heißes Klima, Stress, Elektrolyt-Dysbalance.",
    tcvm: "Yin- und Säfte-Mangel mit Lungen-/Nieren-Schwäche.",
    recommendation: "Yin-nährende Begleitung, Elektrolyt-Management, Schatten & Kühlung; individuelle Beratung empfohlen." },
  { slug: "nierenschwaeche", cat: "stoffwechsel", name: "Nieren- & Harnwegsthemen", aka: "Renale Belastung",
    short: "Schwächezeichen der Nierenachse – von Wasserretention bis zu wiederkehrenden Harnwegsreizungen.",
    symptoms: ["Angelaufene Beine", "Vermehrter oder verminderter Harnabsatz", "Mattigkeit", "Empfindlicher Rücken/Lende"],
    causes: "Eiweißüberschuss, chronische Entzündung, Medikamente, Bewegungsmangel, hohes Alter.",
    tcvm: "Nieren-Qi-Schwäche, Wasser-Stoffwechsel gestört.",
    recommendation: "Drainage mit Brennnessel, Birke, Löwenzahn; „Depuración Metabólica“ mild dosiert, Eiweiß prüfen." },

  // === Haut, Fell & Immunsystem (erweitert) ===
  { slug: "hautpilz", cat: "haut-fell-immunsystem", name: "Hautpilz", aka: "Dermatophytose, Trichophytie",
    short: "Pilzinfektion der Haut mit kreisrunden, haarlosen Stellen – hochansteckend zwischen Pferden.",
    symptoms: ["Kreisrunde kahle Stellen", "Schuppung", "Leichte Krusten", "Ausbreitung im Sattel-/Gurtbereich"],
    causes: "Geschwächtes Immunsystem, feuchtes Klima, gemeinsame Putzzeug-/Deckennutzung, Stress.",
    tcvm: "Wind-Feuchte in der Haut bei geschwächtem Wei-Qi.",
    recommendation: "Immun-Aufbau mit Zistrose, Reishi intern + Externa-Lavado; Putzzeug & Decken desinfizieren." },
  { slug: "nesselsucht", cat: "haut-fell-immunsystem", name: "Nesselsucht / Quaddeln", aka: "Urtikaria",
    short: "Plötzliche, oft allergische Quaddelbildung über den ganzen Körper – meist akut und juckend.",
    symptoms: ["Erhabene Quaddeln", "Plötzliches Auftreten", "Juckreiz", "Teilweise Schwellungen an Augen/Maul"],
    causes: "Futter- oder Kontaktallergie, Insektenstiche, Medikamente, Stress, Leberüberlastung.",
    tcvm: "Wind-Hitze im Blut, Leber-Disharmonie.",
    recommendation: "Akute starke Schübe tierärztlich abklären; begleitend „Piel y Pelo“ + Leber-Entlastung mit Mariendistel." },
  { slug: "schwaches-immunsystem", cat: "haut-fell-immunsystem", name: "Schwaches Immunsystem", aka: "Infektanfälligkeit",
    short: "Wiederkehrende Infekte, schlechte Wundheilung und langsamer Fellwechsel als Zeichen einer Abwehrschwäche.",
    symptoms: ["Häufige Erkältungen/Husten", "Langsame Wundheilung", "Stumpfes Fell", "Antriebslosigkeit", "Verzögerter Fellwechsel"],
    causes: "Chronischer Stress, Darm-Dysbiose, Nährstoffmangel, Überforderung, hohes Alter.",
    tcvm: "Wei-Qi- und Milz-Qi-Schwäche, oft mit Nieren-Beteiligung.",
    recommendation: "Mykotherapie-Aufbau mit Reishi, Shiitake + Hagebutte/Zistrose; Darmflora über „Equilibrio Intestinal“ stützen." },

  // === Atemwege (erweitert) ===
  { slug: "pollenallergie", cat: "atemwege", name: "Pollen- & Stauballergie", aka: "Allergische Rhinitis",
    short: "Saisonale oder ganzjährige allergische Atemwegsreaktion auf Pollen, Schimmel oder Staub.",
    symptoms: ["Niesen / Nüsternjucken", "Klarer Nasenausfluss", "Tränende Augen", "Husten bei Belastung", "Saisonale Verstärkung"],
    causes: "Allergische Sensibilisierung, Heustaub, Schimmelsporen, hohe Pollenlast, gereizte Schleimhaut.",
    tcvm: "Wind-Eindringen mit Lungen-Schleimhaut-Reizung.",
    recommendation: "„Respira Libre“ mit Spitzwegerich, Süßholz; Heu bedampfen, staubarme Einstreu, Immun-Modulation." },
  { slug: "druse", cat: "atemwege", name: "Druse (Rekonvaleszenz)", aka: "Streptococcus equi",
    short: "Hochansteckende bakterielle Infektion mit Lymphknotenabszessen – akut tierärztlich, danach Aufbaubegleitung.",
    symptoms: ["Fieber", "Eitriger Nasenausfluss", "Geschwollene Kehlgangslymphknoten", "Schluckbeschwerden", "Mattigkeit"],
    causes: "Streptococcus-equi-Infektion, hohe Ansteckung im Bestand.",
    tcvm: "Toxische Hitze mit Schleim in der Hals-/Lungenregion.",
    recommendation: "Akut tierärztlich (meldepflichtig im Bestand). Nach Abklingen: Immun- und Lymph-Aufbau mit Vitalpilzen, Schleimhautpflege." },

  // === Hufe & Struktur (erweitert) ===
  { slug: "hufabszess", cat: "hufe-struktur", name: "Hufabszess", aka: "Hufgeschwür",
    short: "Eitrige Entzündung im Huf durch eingedrungene Keime – sehr schmerzhaft, meist plötzliche starke Lahmheit.",
    symptoms: ["Plötzliche starke Lahmheit", "Pochender Puls an der Fessel", "Wärme im Huf", "Schmerz auf Zangendruck", "Schonhaltung"],
    causes: "Steintritt, Nageltritt, feuchte Böden, schlechte Hornqualität, Weiße-Linie-Defekt.",
    tcvm: "Feuchte-Hitze-Toxin lokal im Huf.",
    recommendation: "Akut tierärztlich/Hufschmied (Öffnung & Drainage). Langfristig Hornqualität stärken: „Refuerzo Casco“ + Zinkraut, Zink-Biotin." },
  { slug: "podotrochlose", cat: "hufe-struktur", name: "Hufrollenentzündung", aka: "Podotrochlose, Strahlbein-Syndrom",
    short: "Degenerativ-entzündliches Geschehen im Hufrollenbereich – häufige Ursache chronischer Vorderhand-Lahmheit.",
    symptoms: ["Klammer Gang", "Stolpern", "Verkürzte Vorderhandaktion", "Lahmheit auf hartem Boden / Wendung", "Trachtenfußung"],
    causes: "Fehlstellung, harte Böden, Überbelastung, schlechte Hufbearbeitung, Veranlagung.",
    tcvm: "Blut-Stase und Feuchte-Kälte mit Nieren-Jing-Schwäche.",
    recommendation: "Tierärztliche Diagnostik führend; begleitend „Movilidad Articular“ + durchblutungsfördernde Kräuter, korrekte Hufbearbeitung." },

  // === Muskeln & Leistung (erweitert) ===
  { slug: "rueckenschmerzen", cat: "muskeln-leistung", name: "Rückenschmerzen / Verspannung", aka: "Myogelosen, Kissing Spines (Begleitung)",
    short: "Chronische Muskelverspannungen entlang der Oberlinie – oft Folge von Sattel-, Reiter- oder Zahnproblemen.",
    symptoms: ["Wegdrücken des Rückens", "Sattelzwang", "Schweifschlagen", "Taktfehler", "Widersetzlichkeit beim Reiten"],
    causes: "Passungsprobleme Sattel, schiefer Reitersitz, Zahn-/Kiefer-Thema, Magengeschwüre, Bewegungsmangel.",
    tcvm: "Qi- und Blut-Stagnation im Blasen-Meridian entlang des Rückens.",
    recommendation: "Ursache abstellen (Sattel/Zähne/Magen); „Refuerzo Músculo“ + Magnesium, begleitende Physio/Osteopathie." },

  // === Gelenke & Beweglichkeit (erweitert) ===
  { slug: "spat", cat: "gelenke-beweglichkeit", name: "Spat", aka: "Knochenspat, Tarsitis",
    short: "Arthrose im Sprunggelenk – häufige Ursache von Hinterhand-Lahmheit beim älteren oder belasteten Pferd.",
    symptoms: ["Anlauflahmheit hinten", "Steifheit nach Ruhe", "Verkürzter Hinterhandschritt", "Positiver Beugetest", "Stolpern"],
    causes: "Fehlstellung, Überlastung, Alter, Trauma, Mineralstoff-Ungleichgewicht.",
    tcvm: "Wind-Kälte-Feuchte im Gelenk mit Blut-Stase und Nieren-Schwäche.",
    recommendation: "„Movilidad Articular“ mit Weidenrinde, Teufelskralle; gleichmäßige Bewegung statt Boxenruhe, MSM-Supplement." },

  // === Nerven, Stress & Verhalten (erweitert) ===
  { slug: "angst-schreckhaftigkeit", cat: "nerven-stress", name: "Angst & Schreckhaftigkeit", aka: "Nervosität, Stressreaktivität",
    short: "Übermäßige Schreckhaftigkeit und Anspannung – oft hormonell, stress- oder magenbedingt mitverursacht.",
    symptoms: ["Schreckt vor Reizen zurück", "Hektisches Fressen", "Muskelzittern", "Schwer konzentrierbar", "Nervös beim Verladen"],
    causes: "Stress, Magengeschwüre, Bewegungs-/Sozialmangel, hormonelle Achse, alte Traumata.",
    tcvm: "Herz-Shen unverankert mit Leber-Qi-Stagnation.",
    recommendation: "„Equilibrio Nervioso“ mit Melisse, Baldrian, Passionsblume; Magen mitprüfen, Sozialkontakt & Raufutter sichern." },
  { slug: "stutenzickigkeit", cat: "nerven-stress", name: "Hormonelle Stuten-Themen", aka: "Rosse-Probleme, Zyklusstress",
    short: "Starke Stimmungsschwankungen und Empfindlichkeit rund um die Rosse – Hormonachse aus dem Gleichgewicht.",
    symptoms: ["Dauerrosse / Pseudorosse", "Klemmiger Rücken", "Reizbarkeit", "Schweifschlagen", "Wechselhafte Rittigkeit"],
    causes: "Hormonelle Dysbalance, Eierstockzysten, Stress, Leber-Qi-Stau.",
    tcvm: "Leber-Qi-Stagnation mit Blut-Disharmonie (Chong-/Ren-Gefäß).",
    recommendation: "Mönchspfeffer-haltige Begleitung über „Equilibrio Nervioso“; bei Verdacht auf Zysten tierärztliche Abklärung." },

  // === Parasiten & Darmmilieu (erweitert) ===
  { slug: "dysbiose", cat: "parasiten-darmmilieu", name: "Darmflora-Störung", aka: "Dysbiose",
    short: "Aus dem Gleichgewicht geratene Darmflora – Basis vieler Folgeprobleme von Kotwasser bis Immunschwäche.",
    symptoms: ["Kotwasser", "Wechselnde Kotkonsistenz", "Blähungen", "Mäkeliges Fressen", "Stumpfes Fell"],
    causes: "Antibiotika-/Wurmkur-Folgen, abrupter Futterwechsel, Stress, schlechtes Raufutter, Kraftfutterüberschuss.",
    tcvm: "Milz-Qi-Schwäche mit Feuchte in der Mitte.",
    recommendation: "„Equilibrio Intestinal“ als 3-Monats-Aufbau + lebende Hefen/Bierhefe; Raufutterqualität & Fütterungsrhythmus optimieren." },
  { slug: "milben", cat: "parasiten-darmmilieu", name: "Milbenbefall", aka: "Chorioptes, Fußräude",
    short: "Hautparasiten vor allem an Fesselbehang und Beinen – starker Juckreiz, oft im Winter.",
    symptoms: ["Stampfen / Beißen an den Beinen", "Krusten am Fesselbehang", "Haarausfall an den Beinen", "Unruhe"],
    causes: "Milbenbefall, dichter Behang (Kaltblüter), feuchtes Stallklima, geschwächte Hautbarriere.",
    tcvm: "Wind-Feuchte-Toxin an der Körperperipherie.",
    recommendation: "Externa-Lavado zur Hautberuhigung + Immun-/Hautaufbau intern; Behang pflegen, Box trocken halten, tierärztliche Mittel bei starkem Befall." },

  // === Senioren (erweitert) ===
  { slug: "eotrh-zaehne", cat: "senioren", name: "Zahnprobleme & EOTRH", aka: "Zahnresorption im Alter",
    short: "Schmerzhafte Zahn- und Schneidezahnerkrankungen beim Senior – beeinflussen Futteraufnahme und Allgemeinzustand.",
    symptoms: ["Vorsichtiges Fressen", "Wickelkauen / Futter fällt heraus", "Gewichtsverlust", "Mundgeruch", "Empfindlichkeit am Maul"],
    causes: "Altersabbau der Zähne, EOTRH, Zahnstein, fehlende Zahnkontrolle.",
    tcvm: "Nieren-Jing-Schwäche (Zähne sind Ausdruck der Nieren-Substanz).",
    recommendation: "Regelmäßige Zahnkontrolle führend; eingeweichte Senior-Cobs, „Vitalidad Veterana“ zur Substanzstützung." },

  // === Wachstum, Aufzucht & Zucht (erweitert) ===
  { slug: "fehlstellung-jungpferd", cat: "wachstum-zucht", name: "Fehlstellungen beim Fohlen", aka: "Achsenfehlstellung, Sehnenstelzfuß",
    short: "Wachstumsbedingte Bein- und Sehnenfehlstellungen bei Fohlen – früh erkannt oft gut korrigierbar.",
    symptoms: ["X-/O-beinige Stellung", "Überköten oder Durchtrittigkeit", "Ungleichmäßiger Hufabrieb", "Steifer Gang"],
    causes: "Energie-/Mineralstoff-Ungleichgewicht, zu schnelles Wachstum, Bewegungsmangel oder -überschuss.",
    tcvm: "Milz- und Nieren-Achse in der Aufbauphase unausgewogen.",
    recommendation: "„Crecimiento Equilibrado“ + ausgewogene Mineralversorgung; Hufbearbeitung & tierärztliche/orthopädische Begleitung." },
  { slug: "zuchtstute-aufbau", cat: "wachstum-zucht", name: "Zuchtstute – Trächtigkeit & Aufbau", aka: "Reproduktions-Begleitung",
    short: "Erhöhter Substanz- und Mineralbedarf rund um Trächtigkeit und Laktation – Basis für ein gesundes Fohlen.",
    symptoms: ["Konditionsverlust in der Laktation", "Stumpfes Fell", "Schwacher Fellwechsel", "Erschöpfung nach dem Abfohlen"],
    causes: "Hoher Nährstoffabfluss in Fötus/Milch, unzureichende Versorgung, Stress.",
    tcvm: "Blut- und Jing-Verbrauch durch Trächtigkeit und Laktation.",
    recommendation: "Blut- und substanzaufbauende Begleitung (Hagebutte, Brennnessel, Bierhefe); individuelle Beratung für die jeweilige Phase." },
];

const SymptomsGuideView = ({ onNav }) => {
  const cats = window.__CN.CATEGORIES;
  const [q, setQ] = useStateSE("");
  const [activeCat, setActiveCat] = useStateSE("all");

  const visible = SYMPTOMS.filter(s => {
    if (activeCat !== "all" && s.cat !== activeCat) return false;
    if (!q) return true;
    const blob = [s.name, s.aka || "", s.short, s.symptoms.join(" "), s.causes, s.tcvm].join(" ").toLowerCase();
    return blob.includes(q.toLowerCase());
  });

  const grouped = cats.map(c => ({ cat: c, list: visible.filter(s => s.cat === c.slug) })).filter(g => g.list.length);

  return (
    <div data-screen-label="Krankheits-Guide">
      <section className="page-hero">
        <div className="container">
          <span className="eyebrow">SEO · Erklärungs-Guide</span>
          <h1>Krankheiten & Symptome beim Pferd – <em>ursachenbasiert erklärt</em></h1>
          <p className="lead">Von Hufrehe bis Headshaking: die häufigsten Pferdekrankheiten und ihre Symptome verständlich erklärt, mit TCVM-Einordnung und konkreten Programm-Empfehlungen aus unserer Phytotherapie- und Mykotherapie-Praxis.</p>
          <input
            value={q}
            onChange={e => setQ(e.target.value)}
            placeholder="Nach Krankheit, Symptom oder Schlagwort suchen…"
            style={{ marginTop: 24, padding: "14px 20px", background: "#fff", border: "1.5px solid var(--line)", borderRadius: 999, fontFamily: "inherit", fontSize: 14, width: "100%", maxWidth: 520 }}
          />
        </div>
      </section>

      <div style={{ position: "sticky", top: 126, zIndex: 30, background: "var(--bg-paper)", borderBottom: "1px solid var(--line)", padding: "14px 0", boxShadow: "0 4px 16px -8px rgba(28,38,32,0.08)" }}>
        <div className="container" style={{ display: "flex", gap: 8, flexWrap: "wrap", alignItems: "center" }}>
          <span className="filter-label" style={{ fontFamily: "var(--ff-mono)", fontSize: 11, letterSpacing: "0.14em", textTransform: "uppercase", color: "var(--ink-mute)", marginRight: 4 }}>Achse</span>
          <button className={`shop-chip ${activeCat === "all" ? "active" : ""}`} onClick={() => setActiveCat("all")}>Alle <span className="count">({SYMPTOMS.length})</span></button>
          {cats.map(c => {
            const n = SYMPTOMS.filter(s => s.cat === c.slug).length;
            if (!n) return null;
            return (
              <button key={c.slug} className={`shop-chip ${activeCat === c.slug ? "active" : ""}`} onClick={() => setActiveCat(c.slug)}>
                {c.tag} <span className="count">({n})</span>
              </button>
            );
          })}
        </div>
      </div>

      <section className="page-body" style={{ paddingTop: 48 }}>
        <div className="container" style={{ maxWidth: 980 }}>
          {grouped.length === 0 && <div style={{ textAlign: "center", padding: 80, color: "var(--ink-mute)" }}>Keine Treffer für „{q}“.</div>}

          {grouped.map(({ cat, list }) => (
            <div key={cat.slug} className="symptom-group" style={{ marginBottom: 56 }}>
              <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", paddingBottom: 16, marginBottom: 24, borderBottom: "1.5px solid var(--green-deep)" }}>
                <h2 style={{ fontSize: 36, color: "var(--green-deep)" }}>{cat.name.split(",")[0].split(" / ")[0]}</h2>
                <a href={`#/category/${cat.slug}`} onClick={(e)=>{e.preventDefault(); onNav("category", cat.slug);}} className="btn btn-ghost">Zur Programm-Übersicht</a>
              </div>

              <div className="symptom-list" style={{ display: "flex", flexDirection: "column", gap: 18 }}>
                {list.map(s => (
                  <article key={s.slug} id={s.slug} className="symptom-card">
                    <div className="sc-head">
                      <div>
                        <h3>{s.name}</h3>
                        {s.aka && <div className="sc-aka">auch: {s.aka}</div>}
                      </div>
                      <span className="sc-axis">{cat.tag}</span>
                    </div>
                    <p className="sc-short">{s.short}</p>

                    <div className="sc-grid">
                      <div className="sc-block">
                        <div className="sc-label">Typische Symptome</div>
                        <div className="sc-chips">
                          {s.symptoms.map(sy => <span key={sy} className="sc-chip">{sy}</span>)}
                        </div>
                      </div>
                      <div className="sc-block">
                        <div className="sc-label">Häufige Ursachen</div>
                        <p>{s.causes}</p>
                      </div>
                      <div className="sc-block">
                        <div className="sc-label">TCVM-Einordnung</div>
                        <p><em>{s.tcvm}</em></p>
                      </div>
                      <div className="sc-block sc-rec">
                        <div className="sc-label">Unsere Empfehlung</div>
                        <p>{s.recommendation}</p>
                        <button className="btn btn-gold btn-sm" onClick={() => onNav("category", s.cat)} style={{ marginTop: 10 }}>
                          Zur Programm-Achse →
                        </button>
                      </div>
                    </div>
                  </article>
                ))}
              </div>
            </div>
          ))}

          <div className="cb-band" style={{ marginTop: 48, background: "var(--green-deep)", color: "#FBF8F1", padding: "36px 32px", borderRadius: "var(--r-lg)", display: "flex", justifyContent: "space-between", alignItems: "center", gap: 24, flexWrap: "wrap" }}>
            <div style={{ maxWidth: "60ch" }}>
              <span className="eyebrow" style={{ color: "var(--gold-soft)" }}>Wichtiger Hinweis</span>
              <h3 style={{ color: "#FBF8F1", marginTop: 10 }}>Diese Inhalte ersetzen keine tierärztliche Untersuchung.</h3>
              <p style={{ marginTop: 10, color: "rgba(251,248,241,0.85)", marginBottom: 0 }}>Bei akuten Symptomen wie Kolik, akuter Hufrehe oder Atemnot immer sofort den Tierarzt kontaktieren. Unsere Programme sind eine Begleitung – keine Ersatz-Therapie.</p>
            </div>
            <button className="btn btn-gold btn-lg" onClick={() => onNav("consultation")}>Kostenlose Beratung</button>
          </div>
        </div>
      </section>

      {/* MedicalCondition / FAQPage schema for SEO */}
      <script type="application/ld+json" dangerouslySetInnerHTML={{
        __html: JSON.stringify({
          "@context": "https://schema.org",
          "@type": "MedicalWebPage",
          "name": "Krankheits- und Symptom-Guide für Pferde",
          "about": SYMPTOMS.map(s => ({
            "@type": "MedicalCondition",
            "name": s.name,
            "alternateName": s.aka || undefined,
            "description": s.short,
            "signOrSymptom": s.symptoms.map(sy => ({ "@type": "MedicalSignOrSymptom", "name": sy })),
          })),
        })
      }}/>
    </div>
  );
};

Object.assign(window, { HerbsView, HerbDetailView, GlossaryView, SymptomsGuideView, HERBS, GLOSSARY, SYMPTOMS });