Sculptape — Full-Device QA Plan

How to run. Full pass on iPhone 16 Pro (393pt) and iPhone SE (375pt); smoke pass on Pro Max (430pt) and iPad portrait (drawer becomes a right side-panel ≥768pt). Safari in the Simulator. PDP full pass on The Silhouette + The Waistline; the other four PDPs get the smoke items only. Check items as they pass; anything off goes in the section notes (they persist on this device and export with Copy results).

Test card (dummy — not a real card): 6011 1111 1111 1117 · EXP 04/2028 · CVV 323 · any name, any ZIP.
Expected: if the gateway is in test mode, the order succeeds and the OTO chain starts. If it's in live mode, this card declines — the graceful-decline behavior is itself a checklist item; note which happened.

Start URL: https://sculptape.netlify.app/products/the-silhouette/ · Items tagged terminal are verified by Claude from the terminal (webhook logs, GA4, 29next admin) — check them after telling Claude the order number.

Page loads over cellular-class throttling in < 4s to readable hero No white flash → paper #FAF7F0 background paints immediately; serif headline visible.

PSI audit run and recorded (BEFORE + AFTER any speed work) Terminal: python3 tools/automation/psi_audit.py <PDP-url> <checkout-url> — paste scores + the FCP render-blocking chain + LCP element into these notes. Watch total weight: CMS video/image uploads can balloon it (7 videos once added 28MB — caught by this step).

No horizontal scroll anywhere on the PDP Drag left/right at top, mid-page, and footer — page must not pan sideways at 375/393/430pt.

Announcement banner correct + ticking "✨ LAUNCH WEEK · DISCOUNT: SECRET50 · ENDS IN mm:ss" — counts down every second, numerals don't jitter width, single line at 375pt.

Fonts arrive without long invisible text Cormorant serif on H1, DM Sans body; brief swap OK, no >1s blank text.

Safari dark mode: page stays light Toggle appearance in Settings — body background must stay paper, not invert.

Notch / Dynamic Island doesn't clip the banner or nav Rotate to landscape once — content respects safe areas.

Layout: hamburger left · SCULPTAPE logo centered · cart bag right Logo is the SVG wordmark (~18–22pt tall, crisp on retina). Bag icon ~21pt with 44pt tap area.

Cart badge hidden when cart is empty No "0" bubble. Badge (ink circle, white count) appears only after first add.

Sandwich menu opens with Shop first Tap hamburger → panel drops under nav: Shop · How It Works · Results · Reviews · FAQ. Overlays the gallery, doesn't push content.

Menu closes on outside tap AND after tapping a link Anchor links scroll to their section; Shop goes to /collection/.

Cart bag opens the drawer from anywhere on the page Including after scrolling deep — bag is in the nav (nav scrolls with page; that's expected).

No floating cart chip anywhere The old circular floating button must be gone on every PDP.

Gallery swipes; dots + thumbnails track the active slide 6 slides (placeholder slot art until photography). Thumbs 07–12 jump to their slide.

Swiping the gallery never pans the whole page Horizontal gesture stays inside the carousel.

Mid-page SECRET50 deadline timers tick "Your SECRET50 discount ends in mm:ss" — two instances; never the word "Introductory".

Video marquee plays on scroll-into-view, muted, looping V-slots; no controls, no autoplay sound.

FAQ accordions expand/collapse; reviews render; footer legal links present 7 legal links (Terms/Privacy/Refunds/Shipping/Contact/Accessibility/Medical Disclaimer) all load.

Tier selection updates every price surface 1 Pack $24.99 · 2 Packs $37.50 ($18.75/pack) · 3 Packs $44.99 ($15.00/pack). ATC button text + sticky bar mirror the selection.

Anchors only where honest Strike $49.98 on 2-Packs, $74.97 on 3-Packs, NO strike on 1 Pack.

OB-C lane intact (?ob=c) Append ?ob=c to the PDP URL → Try-Before-You-Buy box renders; plan toggle rewrites the CTA to /checkout/?pkg=<TBYB id>.

EVERY Add-to-Cart button opens the drawer — none navigate Main ATC, sticky-bar ATC, section CTAs. Selected tier lands as the line. TBYB CTA is the exception: it navigates to checkout.

Bottom sheet presentation is right Rounded top + grab handle, ~320ms slide, scrim dims+blurs page, background scroll locked. Max ~92% of screen; header and footer pinned, only the lines area scrolls.

Footer clears the home indicator Guarantee strip + buttons fully above the iOS home bar (safe-area padding) — nothing half-hidden.

Same tier added twice increments qty (no duplicate line) Qty stepper: + / −, − disabled at 1, Remove deletes the line.

Line content correct Zone render thumb, name, "zone · N Packs · N tapes", price, strike+Save pill on 2/3-pack lines only.

"Complete your sculpt" rail behaves Shows only zones NOT in cart, scrolls horizontally, +Add inserts a 1-Pack $24.99 line WITHOUT closing the drawer, rail vanishes when all 6 zones are in.

Gift progress under $60 Champagne dashed box: "Add $X to unlock a FREE Bonus Zone Pack ($25 value)" with fill bar matching the math.

Gift unlocks at ≥$60 and reverts below Flips to a FREE line: 🎁 badge, $24.99 strike → $0.00, zone dropdown defaulting to the first zone not in cart; choice persists; removing items below $60 restores the progress bar.

Footer math is exact Bundle savings = Σ(strike−price); Subtotal = Σ line totals (gift $0). "Free shipping · no hidden fees" note.

Apple Pay button appears in the express row (iOS Safari!) PayPal + Apple Pay + G Pay — 3 buttons, one row, no wrap at 375pt. (Chromium shows only 2; iOS must show 3.)

Drawer closes 3 ways; cart persists ✕ button, scrim tap. Reload the page and hop to another zone PDP: badge count + drawer contents survive (localStorage).

Empty state Remove everything: 👜 "Your cart is empty · Pick a zone to start sculpting", footer hidden, badge disappears.

Secure Checkout lands on /checkout/?stcart=1 Any UTM/fbclid on the PDP URL must survive onto the checkout URL (attribution trail).

Express buttons land scrolled at the Express Checkout block Drawer PayPal/Apple/GPay → checkout auto-scrolls the express block to center with a champagne pulse (~1–2s after load).

Header identity "Multi-Zone Body Tape" eyebrow · "Your Sculptape Kit" H1 · six-box family hero · SECRET50 PROMO APPLIED chip with expiring countdown.

Your Cart panel mirrors the drawer exactly qty × full package names, line prices, FREE on the gift line. No package selector cards visible.

SDK total = drawer subtotal + $9.99 when Shipping Protection is checked Bump pre-checked; toggling it off subtracts $9.99 live.

"← Edit your cart" returns to the PDP with the drawer state intact

Address autocomplete works Google Places suggestions render under the field, tapping one fills city/state/zip; page stays stable (no crash/jank — MutationObserver guard).

Place the test order (dummy card above) Test-mode: succeeds → OTO1. Live-mode: clean inline decline, form + cart preserved, no white screen. NOTE WHICH.

Direct visit to /checkout/ with an empty cart bounces to /collection/

/checkout/?pkg=8 → Waistline selector Heading "Choose Your Package", three cards with SDK-rendered Waistline names/prices, 2-Packs selected, no cart panel.

Spot-check two more zones ?pkg=15 (Lift 3-Packs selected) · ?pkg=25 (Profile 1 Pack selected).

?pkg replaces a prior drawer cart (purge law) With items in the drawer, open /checkout/?pkg=8 → total reflects ONLY the selected package + bump; no stale lines.

Old zone URLs redirect /products/the-lift/checkout/?pkg=14 → 301 → /checkout/?pkg=14 with the Lift card selected.

/checkout/?pkg=11&ob=c&plan=tbyb-sub → Waistline TBYB card only "Try First — The Waistline (1 Pack)", $0.00 today, pill "…pay on day 14 only if you keep it", pack cards hidden, NO extra note boxes.

Silhouette TBYB from its PDP OB-C box works the same (?pkg=5)

OTO1 VIP page TEXT-ONLY (zero product imagery — by design). Formula: 1× pack + 1× VIP Customer Perks ($24.99 value) at $12.49 (50% off), "$9.99 monthly" + "Cancel anytime" disclosure visible.

VIP decline → OTO2 Restock "$74.97 → $29.99", One-time charge / No subscription framing.

OTO2 decline → OTO3 Add-On Cross-zone 1-Pack $24.99 → $14.99, one-time framing.

OTO3 decline → Thank-you receipt Order summary lists ALL lines including the $0.00 gift; totals match what was charged.

One accept path (any OTO) adds to the SAME order No re-entry of payment; next page continues the chain.

29next order holds every line incl. the $0 gift with real variants terminal

order-webhook delivered 200 (no 502) and CAPI Purchase relayed terminal

GA4 realtime shows the funnel trail (page_view → add_to_cart → begin_checkout → purchase → upsell events) terminal

Meta pixel events carry event_ids (dedup-ready) terminal

Smoke the other four PDPs The Lift / Neckline / Profile / Sleeve: banner ticks, ATC → drawer with the right zone line, no layout breaks.

Homepage + Collection load; collection cards reach every PDP

Slot CMS still works with the drawer present Any PDP + ?stedit=1 → numbered outlines appear, tapping a slot opens the picker (drawer must NOT hijack those taps).

iPad ≥768pt: drawer becomes a 440pt right side-panel Slides from the right, full height, same contents.

Pretty legal URLs redirect /terms /privacy /refunds /shipping /contact /accessibility /disclaimer → their /pages/ targets.

No iOS focus-zoom on ANY field Tap every input and the drawer's gift dropdown — the page must NOT zoom in (all form text ≥16px; audited: checkout inputs 16px/48pt, gift select raised to 16px).

Tap targets comfortable one-thumb Qty steppers 42pt, drawer ✕ 44pt, rail +Add ≥38pt, checkout fields 48pt, CTAs ≥52pt. Nothing needs a precision tap.

Muted text still readable in bright-light squint test Counts/notes/Remove links now #756D5E (5.0:1); trust strips #7E6136 (5.1:1); PDP captions/eyebrows darkened via --ink-3 (2.4→5.0:1). Strike-through anchors stay intentionally faint.

Autofill works end-to-end iOS suggests email/name/address/ZIP from Contacts (full autocomplete vocabulary incl. cc-exp; tel standardized).

Empty cart is never a dead end Empty drawer links "Browse the six zones →" to the collection.

Chrome on iOS (real iPhone): drawer height behaves with the collapsing toolbar Open/scroll with Chrome's bottom bar visible AND hidden — sheet uses dvh so the footer buttons stay fully reachable in both states.

Chrome on iOS: express row shows PayPal + G Pay only Apple Pay is ABSENT by design — Chrome on iOS cannot offer Apple Pay (not a bug). Checkout's express block matches.

Chrome on iOS: parity sweep Banner, nav, gallery swipe, drawer mechanics, Places autofill, card entry — same behavior as Safari (same WebKit engine; report anything else that "looks different" with a screenshot).

Known gaps (documented, not failures): drawer has minimal focus-trapping (a11y pass scheduled post-launch) · SECRET50 is the promo story, not a typeable voucher · PDP images are CMS placeholders until photography lands (PageSpeed Layer 2 fires then).

Sculptape — Full-Device QA Plan

A · Device & page basics every device

B · Nav logo · sandwich · cart bag

C · Hero gallery & page sections PDP

D · Bundle picker & price math PDP offer box

E · Add to Cart → Drawer the core

F · Handoff → THE Checkout (cart mode)

G · /checkout/ ?pkg selector mode direct links

H · TBYB lane on /checkout/

I · OTO chain after a successful test order

J · Back-office verification Claude runs these

K · Regression sweeps

L · CRO & Readability lens enforced standards + Chrome-on-iOS