diff --git a/cards/templates/cards/_card_preview.html b/cards/templates/cards/_card_preview.html
index 718be28..e4f1a68 100644
--- a/cards/templates/cards/_card_preview.html
+++ b/cards/templates/cards/_card_preview.html
@@ -14,7 +14,15 @@
           </div>
           <div class="title-band">{{ card.name }}</div>
           <div class="card-body">
-            <div class="subtitle is-6"><strong>Era:</strong> {{ card.get_era_display }} — <strong>Diet:</strong> {{ card.get_diet_display }}</div>
+            <div class="subtitle is-6"><strong>Era:</strong> {{ card.get_era_display }} — <strong>Diet:</strong>
+              {% if card.diet == 'herbivore' %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#2ecc71;color:#fff;font-weight:700;margin-left:6px;">🥦 Herbivore</span>
+              {% elif card.diet == 'carnivore' %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#e74c3c;color:#fff;font-weight:700;margin-left:6px;">🥩 Carnivore</span>
+              {% else %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#f39c12;color:#fff;font-weight:700;margin-left:6px;">🍽️ Omnivore</span>
+              {% endif %}
+            </div>
             <div style="margin-top:0.5rem">{{ card.description|linebreaksbr }}</div>
 
             {% if card.facts_list %}
diff --git a/cards/templates/cards/_card_preview_design1.html b/cards/templates/cards/_card_preview_design1.html
index 550a289..0940625 100644
--- a/cards/templates/cards/_card_preview_design1.html
+++ b/cards/templates/cards/_card_preview_design1.html
@@ -13,7 +13,15 @@
           </div>
           <div class="title-band" style="background:#2a7ae2; color:white; padding:12px; font-weight:700; font-size:1.2rem; text-align:center">{{ card.name }}</div>
           <div class="card-body" style="padding:12px; background:#fff;">
-            <div class="subtitle is-6"><strong>Era:</strong> {{ card.get_era_display }} — <strong>Diet:</strong> {{ card.get_diet_display }}</div>
+            <div class="subtitle is-6"><strong>Era:</strong> {{ card.get_era_display }} — <strong>Diet:</strong>
+              {% if card.diet == 'herbivore' %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#2ecc71;color:#fff;font-weight:700;margin-left:6px;">🥦 Herbivore</span>
+              {% elif card.diet == 'carnivore' %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#e74c3c;color:#fff;font-weight:700;margin-left:6px;">🥩 Carnivore</span>
+              {% else %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#f39c12;color:#fff;font-weight:700;margin-left:6px;">🍽️ Omnivore</span>
+              {% endif %}
+            </div>
             <div style="margin-top:0.5rem">{{ card.description|linebreaksbr }}</div>
             {% if card.facts_list %}
               <div style="margin-top:0.5rem">
diff --git a/cards/templates/cards/_card_preview_design2.html b/cards/templates/cards/_card_preview_design2.html
index ba078c1..dcc63c2 100644
--- a/cards/templates/cards/_card_preview_design2.html
+++ b/cards/templates/cards/_card_preview_design2.html
@@ -12,7 +12,15 @@
           </div>
           <div class="title-band" style="background:#0b2b2b; color:#9fffbf; padding:14px; font-weight:800; font-size:1.3rem; text-align:center">{{ card.name }}</div>
           <div class="card-body" style="padding:14px; background:#111; color:#eaeaea;">
-            <div class="subtitle is-6"><strong>Era:</strong> {{ card.get_era_display }} — <strong>Diet:</strong> {{ card.get_diet_display }}</div>
+            <div class="subtitle is-6"><strong>Era:</strong> {{ card.get_era_display }} — <strong>Diet:</strong>
+              {% if card.diet == 'herbivore' %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#2ecc71;color:#072027;font-weight:700;margin-left:6px;">🥦 Herbivore</span>
+              {% elif card.diet == 'carnivore' %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#e74c3c;color:#072027;font-weight:700;margin-left:6px;">🥩 Carnivore</span>
+              {% else %}
+                <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#f39c12;color:#072027;font-weight:700;margin-left:6px;">🍽️ Omnivore</span>
+              {% endif %}
+            </div>
             <div style="margin-top:0.5rem">{{ card.description|linebreaksbr }}</div>
             {% if card.facts_list %}
               <div style="margin-top:0.5rem">
diff --git a/cards/templates/cards/_card_preview_design3.html b/cards/templates/cards/_card_preview_design3.html
index 9622eae..73f5ee0 100644
--- a/cards/templates/cards/_card_preview_design3.html
+++ b/cards/templates/cards/_card_preview_design3.html
@@ -14,7 +14,15 @@
           <div class="card-body" style="padding:12px; background:#fff;">
             <div style="display:flex; justify-content:space-between; align-items:center; gap:12px;">
               <div><strong>Era:</strong> {{ card.get_era_display }}</div>
-              <div><strong>Diet:</strong> {{ card.get_diet_display }}</div>
+              <div><strong>Diet:</strong>
+                {% if card.diet == 'herbivore' %}
+                  <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#2ecc71;color:#222;font-weight:700;margin-left:6px;">🥦 Herbivore</span>
+                {% elif card.diet == 'carnivore' %}
+                  <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#e74c3c;color:#222;font-weight:700;margin-left:6px;">🥩 Carnivore</span>
+                {% else %}
+                  <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#f39c12;color:#222;font-weight:700;margin-left:6px;">🍽️ Omnivore</span>
+                {% endif %}
+              </div>
             </div>
             <div style="margin-top:0.5rem">{{ card.description|linebreaksbr }}</div>
             {% if card.facts_list %}
diff --git a/cards/templates/cards/_card_preview_design4.html b/cards/templates/cards/_card_preview_design4.html
index 79a39b0..60e8895 100644
--- a/cards/templates/cards/_card_preview_design4.html
+++ b/cards/templates/cards/_card_preview_design4.html
@@ -13,9 +13,20 @@
             </div>
           </div>
           <div style="flex:1; padding:14px; background:#fff;">
-            <div style="display:flex; justify-content:space-between; align-items:center;">
+            <div style="display:flex; justify-content:space-between; align-items:center; gap:8px;">
               <div style="font-weight:800; font-size:1.4rem">{{ card.name }}</div>
-              <div class="is-size-7"><strong>{{ card.get_era_display }}</strong></div>
+              <div style="display:flex; flex-direction:column; align-items:flex-end; gap:4px;">
+                <div class="is-size-7"><strong>{{ card.get_era_display }}</strong></div>
+                <div>
+                  {% if card.diet == 'herbivore' %}
+                    <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#2ecc71;color:#fff;font-weight:700;">🥦 Herbivore</span>
+                  {% elif card.diet == 'carnivore' %}
+                    <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#e74c3c;color:#fff;font-weight:700;">🥩 Carnivore</span>
+                  {% else %}
+                    <span style="display:inline-block;padding:4px 8px;border-radius:999px;background:#f39c12;color:#fff;font-weight:700;">🍽️ Omnivore</span>
+                  {% endif %}
+                </div>
+              </div>
             </div>
             <div style="margin-top:8px">{{ card.description|linebreaksbr }}</div>
             {% if card.facts_list %}