Product
The storefront surface — the primitives a catalog-driven product page composes from. These render on the light cream ground of the public PDP rather than the portal's deep-sea shell, and read their colour from the --pdp-* tokens scoped to .product-page.
- Price cardThe pricing panel in the PDP hero. One shell for the sellable, preview, and coming-soon states.
- Price fromThe one "from" price rendering. Takes cents and a term, never a formatted string — and never renders the figure without its basis.
- Segmented trackEqual-width option track with a sliding indicator. Radio-group semantics with full keyboard support.
- Product card gridThe responsive card grid. Cards never stretch to fill the row; columns re-flow without breakpoints.