diff --git a/src/components/pages/PackagesStep/PackagesStep.tsx b/src/components/pages/PackagesStep/PackagesStep.tsx index 7758be0..e4d541c 100644 --- a/src/components/pages/PackagesStep/PackagesStep.tsx +++ b/src/components/pages/PackagesStep/PackagesStep.tsx @@ -214,7 +214,14 @@ export const PackagesStep: React.FC = ({ sx, }) => { const copy = TIER_COPY[providerTier]; - const selectedPackage = packages.find((p) => p.id === selectedPackageId); + // Look up the selected package across BOTH the primary list and the + // same-provider-more secondary list — tapping "Premium Funeral Service" + // in the "Other packages from X" section should surface its detail too. + const selectedPackage = + packages.find((p) => p.id === selectedPackageId) ?? + (secondaryList?.kind === 'same-provider-more' + ? secondaryList.packages.find((p) => p.id === selectedPackageId) + : undefined); // Mobile drill-in: on mobile, the list is the default view — only when the // user explicitly taps a package do we swap in the detail panel. This