feat: highlight variants for cards and related-recipes

[fkakatie]

This PR simplifies and aligns the cards and related-recipes implementations for the use cases described in #385 (campaign/highlight cards and recipe cards with metadata), while keeping the intended designs intact.

Key adjustments:

1. Clarified variant responsibilities

• Consolidated overlapping variants (avoiding parallel patterns like existing cards (grid) vs. proposed cards (grids))
• cards (highlight) (formerly “gifts”) is used for flexible, authorable, content-driven cards (campaigns, promos, etc.)
• Recipe-specific cards are handled by related-recipes (featured), since they rely on structured recipe data (time, servings, difficulty, etc.)
• This avoids mixing fundamentally different patterns (generic content vs. recipe data) in a single block.

2. Simplified and normalized authoring

• Removed the need to manually author duplicate content (titles, images, metadata) when a link is already provided
• Recipe cards now derive their data from the linked recipe instead of requiring manual entry
• Eliminated custom config patterns (e.g. badge: / eyebrow:) in favor of existing conventions (e.g. native eyebrow handling)

3. Reduced duplication and complexity

• Reused existing utilities (e.g. recipe formatting functions and icons) instead of duplicating logic
• Simplified JS and CSS to align with existing block conventions
• Leveraged base styles and the cascade instead of introducing highly specific overrides

All intended designs are still supported. The changes focus on reducing complexity, improving authoring, and aligning with existing patterns.

Test URLs:

• Before: https://main--vitamix--aemsites.aem.page/us/en_us/drafts/fkakatie/more-cards
• After: https://more-variants--vitamix--aemsites.aem.page/us/en_us/drafts/fkakatie/more-cards

Reference: https://card-grid-gift--vitamix--aemsites.aem.page/drafts/ashleya/cards

Visualization: https://pianomister.github.io/diffsite/

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• e76290d ✅ (latest)
• d18e9a5 ✅
• 1011cc0 ✅
• 4afc511 ✅
• cd78086 ✅
• 3454e6b ✅
• c13bc64 ✅
• 3fbf770 ✅
• 6ed4366 ✅
• 2138226 ✅
• 2b3a9e9 ✅
• 6b157e5 ✅
• 542c706 ❌
• 3bb55a9 ❌

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/us/en_us/drafts/fkakatie/more-cards
🖥️	/us/en_us/drafts/fkakatie/more-cards

[ashleyanness]

This looks great! Thanks for your help!