From 6445de436129db5ba8e9c20cf75c2c4f4eab0af2 Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Mon, 13 Apr 2026 20:32:03 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=85=8D=E6=96=B9=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E9=9B=B6=E5=94=AE=E4=BB=B7=E5=88=97=E5=AF=B9=E9=BD=90=EF=BC=8C?=
 =?UTF-8?q?=E7=BC=BA=E9=9B=B6=E5=94=AE=E4=BB=B7=E7=9A=84=E8=A1=8C=E7=95=99?=
 =?UTF-8?q?=E7=A9=BA=E5=8D=A0=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/RecipeDetailOverlay.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/RecipeDetailOverlay.vue b/frontend/src/components/RecipeDetailOverlay.vue
index 8f33c8d..b20c769 100644
--- a/frontend/src/components/RecipeDetailOverlay.vue
+++ b/frontend/src/components/RecipeDetailOverlay.vue
@@ -66,7 +66,7 @@
                 <span class="ec-oil-name">{{ getCardOilName(ing.oil) }}</span>
                 <span class="ec-drops">{{ ing.drops }} {{ oilsStore.unitLabelPlural(ing.oil, ing.drops, cardLang) }}</span>
                 <span class="ec-cost">{{ oilsStore.fmtPrice(oilsStore.pricePerDrop(ing.oil) * ing.drops) }}</span>
-                <span v-if="hasRetailForOil(ing.oil) && retailPerDrop(ing.oil) > oilsStore.pricePerDrop(ing.oil)" class="ec-retail">{{ oilsStore.fmtPrice(retailPerDrop(ing.oil) * ing.drops) }}</span>
+                <span v-if="cardHasAnyRetail" class="ec-retail">{{ hasRetailForOil(ing.oil) && retailPerDrop(ing.oil) > oilsStore.pricePerDrop(ing.oil) ? oilsStore.fmtPrice(retailPerDrop(ing.oil) * ing.drops) : '' }}</span>
               </li>
             </ul>
 
@@ -590,6 +590,10 @@ function getCardRecipeName() {
   return displayRecipe.value.name
 }
 
+const cardHasAnyRetail = computed(() =>
+  cardIngredients.value.some(ing => hasRetailForOil(ing.oil) && retailPerDrop(ing.oil) > oilsStore.pricePerDrop(ing.oil))
+)
+
 const cardTitleSize = computed(() => {
   const name = getCardRecipeName()
   const len = name.length