Kent Automotive — Option A PDP preview (full page + edge case)

What this is. Every screen below is the real live Kent product page re-skinned by the app's stylized webview (Option A) — navy CTAs, our fonts and tokens, laid out to the Figma 1321:670 "Vp 6" layout. Nothing is fabricated: no invented prices, no fake ratings — the inject only re-styles and re-orders the sections the live page already renders.

Padding fixed · 375px column, 16px gutters, 343px content (Figma-exact) Read more / Show less · single toggle, expands & collapses Frequently Bought Together · capped at 4 Empty 0-star rating · dropped

1 · Option A — full PDP page

Tool 54455 — Spot Weld Remover Drill Bit. Full-length page: gallery → title → real description (with Read more) → buy box → share → Frequently Bought Together (4) → recommendations.

Tool 54455 · full Option A PDP, real guest price as rendered live

2 · Edge case — different section shape

Acrysol Auto Body Degreaser 16oz aerosol (P60170) — a chemical/aerosol SKU whose live page carries a different spec table and section mix than a hardware part. Option A normalizes it to the same one-column rhythm.

Option A full PDP — edge case P60170 aerosol degreaser

P60170 · edge case · aerosol degreaser, same Figma layout applied

3 · Read more / Show less — proof it toggles

The real product description, clamped to 3 lines with our own toggle. It expands to the full live copy and the link flips to "Show less" to collapse back — replacing the theme's one-way expander (which is now hidden, so there's a single control).

Collapsed · 3 lines + "Read more"

Expanded · full real copy + "Show less"

4 · Consistency check — second normal product

Cable Tie P60477 — a different department, same Option A treatment, proving the layout holds across product types (this is what fixes the "PDPs look totally different from one another" issue).

Cable Tie P60477 · same one-column Option A rhythm