Project: Shopify PDP “Choose Your Walk Set” Selector UI Updates (No backend logic changes) Context - On product pages there is a “Choose Your Walk Set” selector with 3 options (Harness Only / Harness + Leash / Full Set). We want to increase AOV by making the Full Set visually prioritized and default-selected, without changing any back-end bundle/variant/cart logic. 1) Visual reorder (UI only — no logic changes) Requirement Reorder the 3 walk set cards so that the Full Set card appears in the center position. This is a visual-only change: each card must still map to the exact same existing underlying option/variant/bundle behavior as today. Acceptance criteria The middle card is the Full Set in the UI. Selecting each option adds the same items/variants as before (no cart logic changes). 2) Emphasize the middle card (Full Set) Requirement Make the middle card (Full Set) slightly larger than the left and right cards to emphasize priority (ex: +6–10% height/scale, dev can choose best approach). Styling should remain clean, aligned, and responsive. Acceptance criteria Full Set is visibly dominant on desktop and mobile. Mobile layout should be responsive do not stack cards; no clipping/overlap). 3) Default selection on page load Requirement On page load, Full Set must be pre-selected by default (radio checked + selected styling active). Do not break existing behavior if the page is loaded with an explicitly selected variant via URL parameters (e.g., ?variant=); explicit selection should take precedence. Acceptance criteria Without a ?variant= override, Full Set is selected on initial load. Add to cart from the default state correctly adds the Full Set selection (same logic as current Full Set behavior). 4) Add new “Bottom Label” under price (editable in Theme Editor) — Option A “blank = off” Requirement Add an additional bottom label/badge area under the price for each walk set card. This bottom label should be editable in the Shopify theme editor with: Bottom label text (per card) Bottom label background color (per card) Bottom label text color (per card) Blank = Off logic: If the bottom label text field is empty, the badge should not render at all (no empty pill, no extra spacing). Acceptance criteria Merchant can change bottom label text + colors in theme editor. If bottom label text is blank, nothing shows (and spacing collapses cleanly). Badge is responsive and does not overlap price, image, or other elements. 5) Keep “What’s Included” checkmarks correctly mapped (if JS-driven) Requirement The “What’s Included” section below the selector currently updates checkmarks/X’s when different walk sets are selected. Ensure this logic remains correct after: Card reorder Default Full Set selection If this behavior is controlled by JS, do not rely on the visual card position/index; map by stable identifiers (existing option values/IDs). Acceptance criteria Selecting each option shows the correct included items (harness/leash/bag) every time. Default Full Set selection loads with correct checkmarks shown. 6) Auto-select single-option bundle components (Leash + Bag) Leash and Waste Bag Holder each have only one selectable option. When a customer chooses “Harness + Leash” or “Full Set,” those components should be auto-selected with no additional clicks. When the customer changes harness size, the leash/bag selections should remain selected (or be immediately re-applied). Auto-select should only apply when the component has exactly one option (future-proofing).