Problem: The deal value (green text) sits above the title in visual flow — eye goes to the green text before the deal name. The 'why' line (italic, accent blue) and 'desc' line (regular, secondary gray) are too close in visual weight — they read as one paragraph.
Fix:
- Move deal value → compact pill badge after the title (smaller, less dominant)
- 'why' → compact subtitle in secondary weight
- 'desc' → body text, clearly separated
Files to modify:
- css/style.css — .deal-card-deal, .deal-card-why, .deal-card-desc
- js/search.js — card template order
Problem: The deal value (green text) sits above the title in visual flow — eye goes to the green text before the deal name. The 'why' line (italic, accent blue) and 'desc' line (regular, secondary gray) are too close in visual weight — they read as one paragraph.
Fix:
Files to modify: