/* ============================================================================ CORE IDENTITY (Scene 9 / .ps-scene-identity / #psScene8) — layout fix v3 ---------------------------------------------------------------------------- WHY v3 (what was wrong with v2): v2 forced .ps-left into a CSS Grid with a fixed row template and pinned the scene to `max-height: 100dvh`. Three things then broke it in the live cascade: 1. This file loads in (≈709), but private-seller.css (`.ps-scene{display:flex}`), private-seller-mobile-fixes.css (`.ps-scene > .ps-left > .ps-nav{position:relative;flex:0 0 auto}`) load LATER in the @section Styles block — so equal-specificity rules there beat v2. And ikhayalami-frontend-fixes.css uses `#psScene8 .ps-id-form{overflow:visible}` (id specificity) which beat v2's class-only `.ps-id-form{overflow-y:auto}`. Net: the form stopped scrolling and the grid rows were half-overridden. 2. `max-height: 100dvh` let the scene grow to the FULL viewport — taller than the sell-journey card it lives in — so the Back/Continue nav was pushed below the card, off the bottom of the page. 3. The injected breadcrumb added a row the grid template didn't expect. v3 STRATEGY — stop fighting, match what already works: • Use the SAME flex-column layout the working scenes (0–7) use and that core-identity-mobile-fix.js is explicitly built to measure & pin: HEAD (breadcrumb · progress · question · subtitle) flex: 0 0 auto BODY (.ps-id-form — the ONE scroller) flex: 1 1 auto, overflow-y:auto FOOT (.ps-nav — Back / Continue) flex: 0 0 auto (pinned bottom) • Bound the scene with `height: 100%` ONLY (no 100dvh). The carousel chain (.sj-track-viewport flex:1 → .sj-scroll-track → .sj-panel → .sj-branch-step[position:absolute;inset:0] → module → .ps-viewport/.ps-track/ .ps-scene height:100%) is already definite — it's what sizes scenes 0–7 — so 100% resolves to the card box and the nav sits at the card bottom. • Scope every rule to #psScene8 so it wins regardless of load order: #psScene8.ps-scene-identity (1,2,0) beats .ps-scene (0,1,0) #psScene8 > .ps-left (1,1,0) beats .ps-scene > .ps-left (0,2,0) #psScene8 > .ps-left > .ps-id-form (1,3,0) beats #psScene8 .ps-id-form(1,1,0) #psScene8 > .ps-left > .ps-nav (1,3,0) beats .ps-scene>.ps-left>.ps-nav(0,3,0) • The dial-code control is a NATIVE