Isolated prototype · production remains unchanged

$375 reward integration

One surgical change, shown everywhere.

The loyalty bar and green per-order bar retain their existing relationship. Only the reward milestone layer gains the additional fluid at $375, with narrower cards aligned to proportional dots.

Visual guardrailNo new bar color, height, typography, or component hierarchy. The change is confined to reward count, coordinates, and collision-safe card width.
$348

Unified cart / checkout progress stack

The purple loyalty bar stays directly above the green order bar. Nothing about their hierarchy or palette changes.

relationship preserved
✓ Chameleon Club progress active
👑 Chameleon Club Progress$1,126 / $3,000
🦎 $374 to Pretty Impressive Chameleon — next case reward ahead.
🛒 This Order$348 / $500
PreservedGreen gradient, purple loyalty bar, type scale, cards, badges, bar height, order maximum, and stacked hierarchy.
ChangedReward data becomes $100 / $250 / $375 / $500; dots remain proportional at 20% / 50% / 75% / 100%.
Collision fixOnly the milestone cards become narrower and absolutely centered on the same coordinates as their dots.