Kent Automotive — PDP Option A + Edge Case

Full stylized-webview PDPs rendered on the real live Kent pages (iPhone / 375 px) with the app's exact inject code — every product folded onto the one Figma 1321:670 single-column layout so they read identically. Real guest prices, real copy; nothing injected that the live page doesn't already render. The five items from your last note are applied and proven below.

Rendered 2026-07-22 · repo HEAD (v1.2.6) + Option A layout-normalize · light mode

Your 5 items — applied

1

Side padding corrected

The extra left/right padding is gone. The 16 px gutter now lives on the single outer column only, so it can't compound across the nested wrappers — content lands at exactly the Figma width.

375 px column · 16 px / 16 px gutters · 343 px content (matches 1321:671)
2

Read more / Show less

The Product Description now clamps to 3 lines with Read more; expands to the full real text with Show less; and collapses back to its loaded state. The live theme's one-way expander is suppressed.

Toggle round-trips: collapsed → expanded → collapsed (see states below)
3

Frequently Bought = 4

Capped at 4 items, in the real order. The remaining live items are simply not shown — no fabricated content.

4 shown of 15 / 21 / 27 available across the three products
4

Other Figma corrections

Gallery in a bordered white card; product title at Montserrat 16/20 (not heading scale); one uniform 22 px section-heading scale & rhythm; Technical Specs as a bordered striped table; the empty 0-star head rating dropped.

Every section on one cadence — consistent product-to-product
5

Full PDP preview

This page — two complete, scrollable PDPs: a standard Option A product and a deliberately different edge case, so you can see how the same layout holds across product shapes.

Scroll each phone below, top to bottom

Item 2 — the Read more / Show less toggle

Product Description collapsed to 3 lines with Read more
Collapsed (loaded state) — 3-line clamp, Read more link. Shown only when the real text actually overflows.
Product Description expanded with Show less
Expanded — full real description (all bullets + the CAUTION safety note), Show less collapses it right back.

Full PDPs — Option A + Edge Case

Option A — standard product
Item 54455 · Spot Weld Remover Drill Bit · $47.37 real guest price
OPTION A
Option A PDP — item 54455
↕ scroll inside the phone
Edge case — different product shape
Item P60170 · Acrysol Aerosol Degreaser · $24.76 · adds SDS docs, CA Prop 65, Alternatives
EDGE CASE
Edge case PDP — item P60170
↕ scroll inside the phone