# city-individual — Round 3 reconcile (fresh eyes)

Agent: city-r3 · Desktop frame 3121:22150 · Mobile frame 3121:21144 · file R6EY4TpNCvVqUEikM7Lof9.
Method: per-section Figma IR (bbox + per-run fonts/colors) vs DOM getBoundingClientRect/getComputedStyle.
Measured at 1440px (desktop) and 393px (mobile). Browser engine: playwright (queued slot).

## Desktop (1440)

| Section | Figma node | measured-vs-IR | fixed? | residual / note |
|---|---|---|---|---|
| Breadcrumb | 3121:22222 | Poppins Light 15px, "Home"/#000 + "Eye Hospital in Mumbai"/#636262, TITLE, ls-4%. Ours Poppins-light 15px ls-0.6px capitalize. | n/a | Figma uses spaces (no chevron); ours adds a "›" separator + #636262 current crumb. Deliberate, reads correctly. |
| Hero banner | 3121:22164 | card 964×381 r28 #f4f4f8; H1 Poppins SemiBold 55px/82 #2b286f; subtitle Poppins Reg 27px/37 w552; right photo navy r28 ~397w; form fields h65, button Lato Reg 24px. All measured = IR. | n/a | Match. Submit button has no Figma hover variant (reactions empty) — kept brightness-105. |
| About | 3121:22183 | Poppins Light 20px #2b286f JUSTIFIED TITLE-case, w1364. Ours lg:text-[20px] justify capitalize. | n/a | Match. |
| Centres ("Centres In Mumbai") | 3121:22185 / card set 1754:14082 | heading Poppins Light 50px center; card 421×315 r7, img h207, name Poppins Light 30px ls-4%, city 20px, book pill 139×28 r7 12px, phone ellipse 28 1px navy. gap-x28 gap-y13. | n/a (geometry) | Our cards stretch to 436w (grid fills 1364 vs Figma 1319 centered card-frame) — minor. |
| Centres HOVER | default 1754:14083 → 1754:14094 | deltas: card +1px #2b286f border; name →UNDERLINE; pill 139→151 widen-left; **book text Light→SemiBold**; arrow opacity0→1 (expand); phone ellipse fill→#2b286f + icon→white. | **YES** | Added `lg:group-hover:font-semibold` to all 10 centre book links. Triggered hover: border✓ underline✓ arrow w7✓ phone navy+white✓ book fw600✓. |
| Specialties accordion | 3121:22202 | heading Poppins Light 50px center; accordion 1384×636 r20 #f1f1f1; closed strips 92w navy gradient (#2b286f/#3a3692/#4641b4/#514cd0/#5b54eb) rotated label Poppins Light 36px white; active title 36px/300, body Poppins Light 20px black JUSTIFIED. | n/a | Match: measured acc 1384×638, active 1015w + 4×92 strips. Tab click toggles data-active correctly. Order retina/keratoconus/glaucoma/cataract/lasik matches. |
| Doctor cards ("Eye Care Specialists") | 3121:22205 | heading Poppins Light 50px center; card 314×437 r17 #f1f1f1; degrees Poppins Med 14px #1a1a1a ls-4%; name Poppins Med 21px #2b286f; book Poppins Reg 13px #000; exp "41+" SemiBold16 + " years" Reg16 white navy-bar h38; pill #d9d9d9 r3. gap41. | n/a (geometry) | Per-card image framing differs in Figma (card1 full-bleed 329w; cards2-4 framed 159-200w centered). Ours uses canonical full-bleed object-cover/object-top for all 4 (matches eye-specialists canonical component). Deliberate deviation — exact crop transforms not reliably derivable; component-consistent. |
| Doctor card HOVER | canonical | pill #d9d9d9→#ffcb05; city #000→#2b286f; img scale1.13; book Reg13→500+underline; exp "41+" 16→23px, " years" 16→18px. | n/a (already wired) | Verified all deltas FIRE via $B hover read: pill yellow✓ city navy✓ scale1.13✓ book 500+underline✓ exp 23/18px✓. |
| FAQ | 3121:22215 | heading Poppins Light 50px center; row 1381×69 #f1f1f1 r5; question Poppins Reg 20px #000 TITLE; gap13. | n/a | Match (row 77 vs 69 — py-5+leading-37 inflates 8px; cosmetic). |
| Services strip | 3121:22218 | heading Poppins Light 50px center; links Poppins Light 20px/38 #2b286f, order Dombivli…Nerul. | n/a | Match. |
| Callback form | 3124:58592 | form 1398×509 r30 bg-image; card 478×439 r11; subtitle Poppins Light 22px; title Poppins Reg 38px; fields 391×42 r6 19px #919191, +91 prefix 63w; submit navy 239×42 Poppins Light 20px white. | n/a | Measured card 478, title 38/400, sub 22/300, submit 239×42 20px navy — match. |
| Footer | 3121:48148 | shared canonical 15-footer (page-agnostic). | n/a | Not city-specific; trusted as reconciled shared component. |

## Mobile (393)

scrollWidth 378 ≤ 393 → **no horizontal overflow**.

| Section | Figma node | measured-vs-IR | fixed? | note |
|---|---|---|---|---|
| Hero | 3121:21145 (Frame 1597884433) | card 344×203 r17 #f4f4f8; H1 Poppins **Bold 38px** #2b286f; subtitle Poppins Reg 18px LEFT; photo 344×367. | n/a | Measured H1 38/700, card 348×210 r17 — match. Stacked card→photo→form. |
| About | 3121:21145 (1597884568) | Poppins **Light 15px** #2b286f LEFT (not justified) TITLE. | n/a | Measured 15/300 left — match. |
| Centres | 3121:21145 (1597884569) | heading Poppins **SemiBold 30px** center; mobile card 294×315 r10 1px navy border; name Poppins Light 20px (underline), city 15px, book pill 102×28 r7 Poppins Med 8px, phone ellipse filled #2b286f (icon white). | n/a | Measured heading 30/600 center, card r10 navy border. Match (our card 348w vs 294 — single col, wider). |
| Specialties | 3121:21188 | mobile accordion (header bars per panel). | n/a | Our lg:hidden mobile header bars present; not re-measured in detail (desktop+structure verified). |
| Doctors | 3121:21191 | heading Poppins **SemiBold 35px** center; horizontal card 345×276 r10 #f1f1f1, photo ~120-131w; degrees Lato Light 12px; name Poppins Med 21px; specialisations Lato Reg 11px; chips #ffcb05 r2 Lato 11px; **location pill #ffcb05 (yellow)** Lato 15px #2b286f; book Lato Reg 14px UNDERLINE; exp bar navy "42+ years" Lato Black 13px + " of experience" Reg 13px. | n/a | Measured heading 35/600 center; card 348×276 r10 row, photo 131, pill yellow, name Poppins Med 21px — match. |
| FAQ | 3121:21325 | heading Poppins SemiBold 30px center; row 341×44 #f1f1f1 r5; question Poppins **Light 15px** #000. | n/a | Measured heading 30/600 center; question font-light 15px. Rows slightly taller than 44 (py-5) — cosmetic. |
| Services | 3121:21328 | heading Poppins SemiBold 30px center; links Poppins Light 15px/30. | n/a | Measured 30/600. Match (links centered vs Figma LEFT — wrapped pipe-list, minor). |
| Callback | 3121:21331 | mobile card h-auto. | n/a | Measured card 340h (content-fit, not fixed) ✓. |
| Footer | 3121:21347 | shared canonical. | n/a | Page-agnostic. |

## Summary
- **Defects fixed:** 1 — centre-card book text Light→SemiBold on hover (was the only missing hover delta from the canonical centre-card variant); applied to all 10 cards, verified fw600 fires.
- **Hover proven (computed-style read):** centre card (border/underline/arrow/phone/book-weight), doctor card (pill/city/scale/book/exp per-run sizes). Specialties tab click toggles active.
- **Deliberate deviations (noted, not bugs):** (1) breadcrumb chevron separator vs Figma spaces; (2) doctor cards 2-4 full-bleed object-cover vs Figma's framed-narrower per-card crop — kept canonical component treatment; (3) centre/doctor cards stretch to fill the wider inner container vs Figma's narrower centered card-frame.
- **Minor residuals (cosmetic, within tolerance):** FAQ row height ~8px taller than Figma (py-5 + leading); mobile services links centered vs Figma left.
- **No horizontal overflow** at 393 (378px). Desktop section order matches Figma top-to-bottom.