diff --git a/src/constants/coverage-statement-page-variations.js b/src/constants/coverage-statement-page-variations.js
new file mode 100644
index 00000000..1f2039e2
--- /dev/null
+++ b/src/constants/coverage-statement-page-variations.js
@@ -0,0 +1,8 @@
+const coverageStatementPageVariations = Object.freeze({
+    DEDUCTIBLE: 0,
+    ITAC: 1,
+    NO_COMP: 2,
+    UNVERIFIED: 3
+});
+
+export default coverageStatementPageVariations;
diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index 2466392d..8d010784 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -76,10 +76,6 @@ const endpoints = Object.freeze({
         url: `${PRICE_BASE_URL}/order-items-with-insurance-pricing`,
         method: 'GET'
     },
-    GetPriceOrderItems: {
-        url: `${PRICE_BASE_URL}/order-items`,
-        method: 'GET'
-    },
     GetProviders: {
         url: `${LOCATION_BASE_URL}/providers`,
         method: 'GET'
diff --git a/src/helpers/service-location-helper.js b/src/helpers/service-location-helper.js
index 63f4c711..2f80d85e 100644
--- a/src/helpers/service-location-helper.js
+++ b/src/helpers/service-location-helper.js
@@ -16,14 +16,18 @@ export async function getPricedMobileFeePart(serviceZipCode) {
     if (!serviceZipCode) {
         return Promise.resolve(null);
     }
-    const zipCodeData = await getZipCodeData(serviceZipCode);
 
     // Get the Mobile Fee Part
     const mobileFeePart = await useMainStore().getMobileFeePart();
 
+
+    if (mobileFeePart.data == null || mobileFeePart.data === '') {
+        return Promise.resolve(null);
+    }
+
     // Get the Mobile Fee Part Price
     const pricingResults = await useMainStore()
-        .priceOrderItemsAndSaveServerData([mobileFeePart.data], serviceZipCode, zipCodeData.zipCodeCtu);
+        .getPriceOrderItems([mobileFeePart.data]);
 
     return Promise.resolve(pricingResults[0]);
 }
diff --git a/src/iss-components/cart-dropdown/__snapshots__/cart-dropdown.spec.js.snap b/src/iss-components/cart-dropdown/__snapshots__/cart-dropdown.spec.js.snap
index 9ade738d..37a7a4ee 100644
--- a/src/iss-components/cart-dropdown/__snapshots__/cart-dropdown.spec.js.snap
+++ b/src/iss-components/cart-dropdown/__snapshots__/cart-dropdown.spec.js.snap
@@ -2,6 +2,7 @@
 
 exports[`cart-dropdown component initial data rendered as expected 1`] = `
 Object {
+  "availableVaps": Array [],
   "cartItemType": Object {
     "MOBILE_FEE": "MOBILE FEE",
     "RECYCLE_FEE": "RECYCLE FEE",
@@ -10,6 +11,7 @@ Object {
   "isExpanded": false,
   "widget": Object {
     "amountDue": "AmountDueTextWidget",
+    "amountPaid": "AmountPaidTextWidget",
     "basePrice": "BasePriceWidget",
     "deductible": "DeductibleWidget",
     "mobileFee": "MobileServiceWidget",
diff --git a/src/iss-components/cart-dropdown/cart-dropdown.spec.js b/src/iss-components/cart-dropdown/cart-dropdown.spec.js
index 69be39a8..ed02ba8a 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.spec.js
+++ b/src/iss-components/cart-dropdown/cart-dropdown.spec.js
@@ -57,7 +57,11 @@ beforeEach(() => {
 describe('cart-dropdown component', () => {
     test('initial data rendered as expected', () => {
         // Arrange
-        const { wrapper } = getMountedComponent({});
+        const { wrapper } = getMountedComponent({
+            order: {
+                availableVaps: []
+            }
+        });
 
         // Assert
         expect(wrapper.vm.$data).toMatchSnapshot();
@@ -74,6 +78,30 @@ describe('cart-dropdown component', () => {
             // Assert
             expect(head.exists()).toBeTruthy();
         });
+        test('cart dropdown head is visible', () => {
+            // Arrange
+            const reference = '#cart-dropdown-head';
+            const { wrapper } = getMountedComponent(cartDropdown, {}, { showDropdownHeader: true });
+
+            // Act
+            const head = wrapper.find(reference);
+
+            // Assert
+            expect(head.exists()).toBeTruthy();
+            expect(head.classes()).toContain('cart-toggle');
+        });
+        test('cart dropdown head is not visible', () => {
+            // Arrange
+            const reference = '#cart-dropdown-head';
+            const { wrapper } = getMountedComponent(cartDropdown, {}, { showDropdownHeader: false });
+
+            // Act
+            const head = wrapper.find(reference);
+
+            // Assert
+            expect(head.exists()).toBeTruthy();
+            expect(head.classes()).not.toContain('cart-toggle');
+        });
         test('cart table', () => {
             // Arrange
             const reference = '#cart-table';
@@ -225,6 +253,27 @@ describe('cart-dropdown component', () => {
             // Assert
             expect(salesTax.exists()).toBeTruthy();
         });
+        test('amount paid when Pay in Advance', () => {
+            // Arrange
+            const reference = '#cart-amount-paid';
+            const isExpanded = true;
+            const showAsPaid = true;
+            const initialPropsData = { isExpanded, showAsPaid };
+            const storeData = {
+                order: {
+                    payment: {
+                        isPayInAdvance: true
+                    }
+                }
+            };
+            const { wrapper } = getMountedComponent(storeData, {}, initialPropsData);
+
+            // Act
+            const amountPaid = wrapper.find(reference);
+
+            // Assert
+            expect(amountPaid.exists()).toBeTruthy();
+        });
         test('bottom amount due', () => {
             // Arrange
             const reference = '#bottom-amount-due';
@@ -313,115 +362,6 @@ describe('cart-dropdown component', () => {
         });
     });
     describe('computed', () => {
-        describe('isUnverified', () => {
-            test('returns false when no comp', () => {
-                // Arrange
-                const storeData = {
-                    order: {
-                        policy: {
-                            isITAC: false,
-                            noCoverage: true
-                        },
-                        currentDeductible: null
-                    }
-                };
-                const { wrapper } = getMountedComponent(storeData);
-
-                // Act
-                const result = wrapper.vm.isUnverified;
-
-                // Assert
-                expect(result).toBeFalsy();
-            });
-            test('returns false when itac', () => {
-                // Arrange
-                const storeData = {
-                    order: {
-                        payment: {
-                            insuranceCoverage: {
-                                coverageStatus: coverageStatuses.PENDING
-                            }
-                        },
-                        policy: {
-                            isITAC: true
-                        },
-                        currentDeductible: null
-                    }
-                };
-                const { wrapper } = getMountedComponent(storeData);
-
-                // Act
-                const result = wrapper.vm.isUnverified;
-
-                // Assert
-                expect(result).toBeFalsy();
-            });
-            test('returns false when deductible not null and verified coverage status', () => {
-                // Arrange
-                const storeData = {
-                    order: {
-                        payment: {
-                            insuranceCoverage: {
-                                coverageStatus: coverageStatuses.VERIFIED
-                            }
-                        },
-                        policy: {
-                            isITAC: false
-                        },
-                        currentDeductible: 23
-                    }
-                };
-                const { wrapper } = getMountedComponent(storeData);
-
-                // Act
-                const result = wrapper.vm.isUnverified;
-
-                // Assert
-                expect(result).toBeFalsy();
-            });
-            test('returns true when not no comp, not itac, and deductible is null', () => {
-                // Arrange
-                const storeData = {
-                    order: {
-                        policy: {
-                            isITAC: false,
-                            noCoverage: false
-                        },
-                        currentDeductible: null
-                    }
-                };
-                const { wrapper } = getMountedComponent(storeData);
-
-                // Act
-                const result = wrapper.vm.isUnverified;
-
-                // Assert
-                expect(result).toBeTruthy();
-            });
-            test('returns true when not no comp, not itac, and coverage status is not verified', () => {
-                // Arrange
-                const storeData = {
-                    order: {
-                        payment: {
-                            insuranceCoverage: {
-                                coverageStatus: coverageStatuses.PENDING
-                            }
-                        },
-                        policy: {
-                            isITAC: false
-                        },
-                        currentDeductible: 12
-                    }
-                };
-                const { wrapper } = getMountedComponent(storeData);
-
-                // Act
-                const result = wrapper.vm.isUnverified;
-
-                // Assert
-                expect(result).toBeTruthy();
-            });
-        });
         describe('amountDue', () => {
             test('returns 0 when showAsPaid is true', () => {
                 // Arrange
@@ -556,15 +496,24 @@ describe('cart-dropdown component', () => {
                 // Arrange
                 const storeData = {
                     order: {
+                        policy: {
+                            policyLookupSuccessful: true
+                        },
+                        currentDeductible: 250,
                         lineItems: {
                             glassParts: null,
                             otherParts: null,
                             supportingItems: null,
                             vaps: null
+                        },
+                        payment: {
+                            insuranceCoverage: { isVerified: true }
                         }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true
                     }
                 };
-
                 const { wrapper } = getMountedComponent(storeData);
 
                 // Act
@@ -578,6 +527,10 @@ describe('cart-dropdown component', () => {
                 // Arrange
                 const storeData = {
                     order: {
+                        policy: {
+                            policyLookupSuccessful: true
+                        },
+                        currentDeductible: 250,
                         lineItems: {
                             glassParts: [
                                 { partType: 'mock', salesTax: null },
@@ -591,7 +544,13 @@ describe('cart-dropdown component', () => {
                                 { partType: 'mock', salesTax: null },
                                 { partType: 'mock', salesTax: undefined }
                             ]
+                        },
+                        payment: {
+                            insuranceCoverage: { isVerified: true }
                         }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true
                     }
                 };
                 const { wrapper } = getMountedComponent(storeData);
@@ -606,6 +565,10 @@ describe('cart-dropdown component', () => {
                 // Arrange
                 const storeData = {
                     order: {
+                        policy: {
+                            policyLookupSuccessful: true
+                        },
+                        currentDeductible: 250,
                         lineItems: {
                             glassParts: [{ partType: 'mock', salesTax: 10 }],
                             supportingItems: [
@@ -619,10 +582,11 @@ describe('cart-dropdown component', () => {
                             vaps: []
                         },
                         payment: {
-                            insuranceCoverage: {
-                                isVerified: false
-                            }
+                            insuranceCoverage: { isVerified: false }
                         }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true
                     }
                 };
                 const { wrapper } = getMountedComponent(storeData);
@@ -636,15 +600,27 @@ describe('cart-dropdown component', () => {
 
             test('Returns sum of vaps sales tax when coverage is unverified and order has vaps.', () => {
                 // Arrange
-                const storeData = useMainStore().$state;
-                storeData.order.lineItems.glassParts = [
-                    { partType: 'mock', salesTax: 10 }
-                ];
-                storeData.order.lineItems.vaps = [
-                    { partType: 'mock', salesTax: 1 },
-                    { partType: 'mock', salesTax: 2 }
-                ];
-                storeData.order.payment.insuranceCoverage.isVerified = false;
+                const storeData = {
+                    order: {
+                        policy: {
+                            policyLookupSuccessful: true
+                        },
+                        currentDeductible: 250,
+                        lineItems: {
+                            glassParts: [{ partType: 'mock', salesTax: 10 }],
+                            vaps: [
+                                { partType: 'mock', salesTax: 1 },
+                                { partType: 'mock', salesTax: 2 }
+                            ]
+                        },
+                        payment: {
+                            insuranceCoverage: { isVerified: false }
+                        }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true
+                    }
+                };
 
                 const { wrapper } = getMountedComponent(storeData);
 
@@ -657,16 +633,38 @@ describe('cart-dropdown component', () => {
 
             test('Returns Recycle Fee tax when coverage is Verified-Deductible, replace service, and no vaps.', () => {
                 // Arrange
-                const storeData = useMainStore().$state;
-                storeData.order.currentDeductible = 250;
-                storeData.order.lineItems.glassParts = [
-                    { partType: 'mock', salesTax: 10, sellingPrice: 150 }
-                ];
-                storeData.order.lineItems.supportingItems = [
-                    { partNumber: partNumberStrings.RECYCLE_FEE, partType: 'mock', salesTax: 10, sellingPrice: 39.99 }
-                ];
-                storeData.order.lineItems.vaps = null;
-                storeData.order.payment.insuranceCoverage.isVerified = true;
+                const storeData = {
+                    order: {
+                        policy: {
+                            policyLookupSuccessful: true
+                        },
+                        currentDeductible: 250,
+                        lineItems: {
+                            glassParts: [{ partType: 'mock', salesTax: 10, sellingPrice: 150 }],
+                            supportingItems: [
+                                {
+                                    partNumber: partNumberStrings.RECYCLE_FEE,
+                                    partType: 'mock',
+                                    salesTax: 10,
+                                    sellingPrice: 39.99
+                                }
+                            ],
+                            vaps: null
+                        },
+                        payment: {
+                            insuranceCoverage: {
+                                coverageStatus: coverageStatuses.VERIFIED
+                            }
+                        },
+                        policy: {
+                            noCoverage: false,
+                            isITAC: false
+                        }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true
+                    }
+                };
 
                 const { wrapper } = getMountedComponent(storeData);
 
@@ -679,24 +677,34 @@ describe('cart-dropdown component', () => {
 
             test('Returns sum of vaps + recycle fee sales tax when Verified-Deductible, replace service, and has vaps.', () => {
                 // Arrange
-                const storeData = useMainStore().$state;
-                storeData.order.currentDeductible = 250;
-                storeData.order.lineItems.glassParts = [
-                    { partType: 'mock', salesTax: 10, sellingPrice: 100 }
-                ];
-                storeData.order.lineItems.otherParts = [
-                    { partType: 'mock', salesTax: 10, kitPrice: 100 }
-                ];
-                storeData.order.lineItems.supportingItems = [
-                    { partNumber: partNumberStrings.RECYCLE_FEE, partType: 'mock', salesTax: 10, sellingPrice: 39.99 },
-                    { partType: 'mock', salesTax: 10, kitPrice: 100 }
-                ];
-                storeData.order.lineItems.vaps = [
-                    { partType: 'mock', salesTax: 2 },
-                    { partType: 'mock', salesTax: 3 }
-                ];
-                storeData.order.payment.insuranceCoverage.isVerified = true;
-
+                const storeData = {
+                    order: {
+                        policy: {
+                            policyLookupSuccessful: true
+                        },
+                        currentDeductible: 250,
+                        lineItems: {
+                            glassParts: [{ partType: 'mock', salesTax: 10, sellingPrice: 100 }],
+                            otherParts: [{ partType: 'mock', salesTax: 10, kitPrice: 100 }],
+                            supportingItems: [
+                                { partNumber: partNumberStrings.RECYCLE_FEE, partType: 'mock', salesTax: 10, sellingPrice: 39.99 },
+                                { partType: 'mock', salesTax: 10, kitPrice: 100 }
+                            ],
+                            vaps: [
+                                { partType: 'mock', salesTax: 2 },
+                                { partType: 'mock', salesTax: 3 }
+                            ]
+                        },
+                        payment: {
+                            insuranceCoverage: {
+                                coverageStatus: coverageStatuses.VERIFIED
+                            }
+                        }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true
+                    }
+                };
                 const { wrapper } = getMountedComponent(storeData);
 
                 // Act
@@ -708,23 +716,27 @@ describe('cart-dropdown component', () => {
 
             test('Returns sum of sales tax when Verified-ITAC.', () => {
                 // Arrange
-                const storeData = useMainStore().$state;
-                storeData.order.currentDeductible = 0;
-                storeData.order.lineItems.glassParts = [
-                    { partType: 'mock', salesTax: 10, sellingPrice: 100 }
-                ];
-                storeData.order.lineItems.otherParts = [
-                    { partType: 'mock', salesTax: 10, kitPrice: 100 }
-                ];
-                storeData.order.lineItems.supportingItems = [
-                    { partType: 'mock', salesTax: 10, kitPrice: 100 }
-                ];
-                storeData.order.lineItems.vaps = [
-                    { partType: 'mock', salesTax: 5 }
-                ];
-                storeData.order.payment.insuranceCoverage.isVerified = true;
-                storeData.order.policy.isITAC = true;
-
+                const storeData = {
+                    order: {
+                        currentDeductible: 0,
+                        lineItems: {
+                            glassParts: [{ partType: 'mock', salesTax: 10, sellingPrice: 100 }],
+                            otherParts: [{ partType: 'mock', salesTax: 10, kitPrice: 100 }],
+                            supportingItems: [{ partType: 'mock', salesTax: 10, kitPrice: 100 }],
+                            vaps: [{ partType: 'mock', salesTax: 5 }]
+                        },
+                        payment: {
+                            insuranceCoverage: { isVerified: true }
+                        },
+                        policy: {
+                            isITAC: true,
+                            policyLookupSuccessful: true
+                        }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true
+                    }
+                };
                 const { wrapper } = getMountedComponent(storeData);
 
                 // Act
@@ -736,23 +748,28 @@ describe('cart-dropdown component', () => {
 
             test('Returns sum of sales tax when Verified-NoComp.', () => {
                 // Arrange
-                const storeData = useMainStore().$state;
-                storeData.order.currentDeductible = 0;
-                storeData.order.lineItems.glassParts = [
-                    { partType: 'mock', salesTax: 10, sellingPrice: 100 }
-                ];
-                storeData.order.lineItems.otherParts = [
-                    { partType: 'mock', salesTax: 10, kitPrice: 100 }
-                ];
-                storeData.order.lineItems.supportingItems = [
-                    { partType: 'mock', salesTax: 10, kitPrice: 100 }
-                ];
-                storeData.order.lineItems.vaps = [
-                    { partType: 'mock', salesTax: 5 }
-                ];
-                storeData.order.payment.insuranceCoverage.isVerified = true;
-                storeData.order.policy.noCoverage = true;
-
+                const storeData = {
+                    order: {
+                        currentDeductible: 0,
+                        lineItems: {
+                            glassParts: [{ partType: 'mock', salesTax: 10, sellingPrice: 100 }],
+                            otherParts: [{ partType: 'mock', salesTax: 10, kitPrice: 100 }],
+                            supportingItems: [{ partType: 'mock', salesTax: 10, kitPrice: 100 }],
+                            vaps: [{ partType: 'mock', salesTax: 5 }]
+                        },
+                        payment: {
+                            insuranceCoverage: { isVerified: true }
+                        },
+                        policy: {
+                            noCoverage: true,
+                            policyLookupSuccessful: true
+                        }
+                    },
+                    issConfig: {
+                        isClaimRegistrationRequired: true,
+                        enableNoCompQuote: true
+                    }
+                };
                 const { wrapper } = getMountedComponent(storeData);
 
                 // Act
@@ -849,8 +866,8 @@ describe('cart-dropdown component', () => {
             test('returns expected when availableVaps null', async () => {
                 // Arrange
                 const availableVaps = [{ partNumber: 'vaps1' }];
-                const propsData = { availableVaps };
-                const { wrapper } = getMountedComponent({}, {}, propsData);
+                const initialData = { availableVaps };
+                const { wrapper } = getMountedComponent({}, initialData, {});
                 const expected = availableVaps;
 
                 // Act
@@ -877,10 +894,10 @@ describe('cart-dropdown component', () => {
                         }
                     }
                 };
-                const propsData = {
+                const initialData = {
                     availableVaps: [part4, part5]
                 };
-                const { wrapper } = getMountedComponent(storeData, {}, propsData);
+                const { wrapper } = getMountedComponent(storeData, initialData, {});
                 const sortByPartType = (a, b) => {
                     const typeA = a.partType.toUpperCase();
                     const typeB = b.partType.toUpperCase();
@@ -1791,21 +1808,25 @@ describe('cart-dropdown component', () => {
                 // Arrange
                 const storeData = {
                     order: {
+                        policy: {
+                            isITAC: false,
+                            isNoComp: false,
+                            policyLookupSuccessful: true
+                        },
+                        currentDeductible: 321,
+                        policyLookupSuccessful: true,
                         payment: {
                             insuranceCoverage: {
                                 coverageStatus: coverageStatuses.VERIFIED
                             }
-                        },
-                        policy: {
-                            isITAC: false
-                        },
-                        currentDeductible: 321
+                        }
                     }
                 };
                 const { wrapper } = getMountedComponent(storeData);
                 const amount = 123;
                 const dollarAmount = '$84.00';
-                formatAmountInDollars.mockImplementationOnce(() => dollarAmount);
+                formatAmountInDollars
+                    .mockImplementationOnce((value) => (value === amount ? dollarAmount : 1));
 
                 // Act
                 const result = wrapper.vm.getDisplayed(amount);
diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue
index c1d148bd..662108f8 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.vue
+++ b/src/iss-components/cart-dropdown/cart-dropdown.vue
@@ -1,8 +1,9 @@
 <template>
     <div>
         <div
+            v-if="showDropdownHeader"
             id="cart-dropdown-head"
-            class="row cart-toggle flex align-items-center pt-4"
+            class="row flex align-items-center pt-4 cart-header cart-toggle"
             :class="[isExpanded ? 'expanded' : '']"
             @click="toggleIsExpanded">
             <a
@@ -13,6 +14,11 @@
                 <span class="color-green">{{ getDisplayed(amountDue) }}</span>
             </a>
         </div>
+        <div
+            v-else
+            id="cart-dropdown-head"
+            class="expanded cart-header">
+        </div>
         <div
             id="cart-table"
             class="cart-table">
@@ -59,7 +65,7 @@
                             <div class="py-1 d-flex justify-content-between align-items-center">
                                 <span>{{ item?.name ?? '' }}</span>
                                 <textLink
-                                    v-if="!readOnly || !showAsPaid"
+                                    v-if="!readOnly"
                                     linkType="text"
                                     text="Remove"
                                     href="javascript:void(0)"
@@ -94,7 +100,7 @@
                         </div>
                         <textLink
                             v-if="item.cartItemType === cartItemType.VAP
-                                && (!readOnly || !showAsPaid)"
+                                && !readOnly"
                             linkType="text"
                             text="Remove"
                             href="javascript:void(0)"
@@ -123,6 +129,13 @@
                             <span id="sales-tax-label">{{ salesTaxLabel }}</span>
                             <span id="sales-tax-value">{{ formatAmountInDollars(salesTax) }}</span>
                         </div>
+                        <div
+                            v-if="showAsPaid"
+                            id="cart-amount-paid"
+                            class="pt-1 col d-flex justify-content-between">
+                            <span id="amount-paid-label">{{ amountPaidLabel }}</span>
+                            <span if="amount-paid-value">{{ getDisplayed(amountPaid) }}</span>
+                        </div>
                     </div>
                     <div
                         id="bottom-amount-due"
@@ -169,13 +182,17 @@ export default {
         showAsPaid: Boolean,
         readOnly: Boolean,
         recyclingModalCmsWidgetName: String,
-        availableVaps: Array
+        showDropdownHeader: Boolean,
+        isInitiallyExpanded: Boolean,
+        submittedOrder: Object
     },
     data() {
         return {
-            isExpanded: false,
+            isExpanded: this.isInitiallyExpanded,
+            availableVaps: this.submittedOrder ? this.submittedOrder.lineItems.vaps : useMainStore().order.availableVaps,
             widget: {
                 amountDue: 'AmountDueTextWidget',
+                amountPaid: 'AmountPaidTextWidget',
                 deductible: 'DeductibleWidget',
                 basePrice: 'BasePriceWidget',
                 subtotal: 'SubtotalWidget',
@@ -191,17 +208,20 @@ export default {
     computed: {
         deductible() {
             // Note: added as computed so it can be used in the template.
-            return useMainStore().order.currentDeductible;
+            return this.submittedOrder ? this.submittedOrder.currentDeductible : useMainStore().order.currentDeductible;
         },
         showDeductibleCartItem() {
-            return !useMainStore().isNoComp && !useMainStore().isITAC;
+            return !this.isNoComp && !this.isITAC;
+        },
+        lineItems() {
+            return this.submittedOrder ? this.submittedOrder.lineItems : useMainStore().lineItems;
         },
         recycleFeeLineItem() {
-            return useMainStore().lineItems.supportingItems
+            return this.lineItems.supportingItems
                 ?.find((lineItem) => lineItem.partNumber === partNumberStrings.RECYCLE_FEE);
         },
         baseServiceLineItems() {
-            const { supportingItems, glassParts, otherParts } = useMainStore().lineItems;
+            const { supportingItems, glassParts, otherParts } = this.lineItems;
             const parts = [
                 ...(supportingItems ?? []),
                 ...(glassParts ?? []),
@@ -212,12 +232,21 @@ export default {
         baseServicePrice() {
             return getPriceOfLineItems(this.baseServiceLineItems) ?? 0;
         },
+        isVerifiedCoverageStatus() {
+            return this.submittedOrder ? this.submittedOrder.payment.insuranceCoverage.isVerified : useMainStore().isVerifiedCoverageStatus;
+        },
         isUnverified() {
-            return !useMainStore().isNoComp && !useMainStore().isITAC
-                && (this.deductible == null || !useMainStore().isVerifiedCoverageStatus);
+            return !this.isNoComp && !this.isITAC
+                && (this.deductible == null || !this.isVerifiedCoverageStatus);
+        },
+        isITAC() {
+            return this.submittedOrder ? this.submittedOrder.policy.isITAC : useMainStore().isITAC;
+        },
+        isNoComp() {
+            return this.submittedOrder ? this.submittedOrder.policy.noCoverage : useMainStore().isNoComp;
         },
         subTotal() {
-            const { supportingItems, glassParts, otherParts, vaps, mobileFee } = useMainStore().lineItems;
+            const { supportingItems, glassParts, otherParts, vaps, mobileFee } = this.lineItems;
             const allLineItems = [
                 ...(supportingItems ?? []),
                 ...(glassParts ?? []),
@@ -225,12 +254,12 @@ export default {
                 ...(vaps ?? []),
                 mobileFee
             ];
-            return !useMainStore().isNoComp && !useMainStore().isITAC
+            return !this.isNoComp && !this.isITAC
                 ? this.deductible + getPriceOfLineItems([...this.feeLineItems, ...(vaps ?? [])])
                 : getPriceOfLineItems(allLineItems);
         },
         feeLineItems() {
-            const { mobileFee } = useMainStore().lineItems;
+            const { mobileFee } = this.lineItems;
             const result = [];
             if (mobileFee) {
                 result.push(mobileFee);
@@ -247,8 +276,8 @@ export default {
 
             let result = 0;
 
-            if (useMainStore().payment.insuranceCoverage.isVerified) {
-                if (useMainStore().isITAC || useMainStore().isNoComp) {
+            if (!this.isUnverified) {
+                if (this.isITAC || this.isNoComp) {
                     result += sumTax(this.baseServiceLineItems);
                 } else {
                     // deductible-case need to show tax for Recycle Fee
@@ -256,7 +285,7 @@ export default {
                 }
             }
 
-            result += sumTax(useMainStore().lineItems.vaps ?? []);
+            result += sumTax(this.lineItems.vaps ?? []);
 
             return result;
         },
@@ -265,8 +294,13 @@ export default {
                 ? 0
                 : this.subTotal + this.salesTax;
         },
+        amountPaid() {
+            return !this.showAsPaid
+                ? 0
+                : this.subTotal + this.salesTax;
+        },
         availableLineItems() {
-            const { supportingItems, glassParts, otherParts, mobileFee } = useMainStore().lineItems;
+            const { supportingItems, glassParts, otherParts, mobileFee } = this.lineItems;
             const result = [
                 ...(supportingItems ?? []),
                 ...(glassParts ?? []),
@@ -278,9 +312,12 @@ export default {
             }
             return result;
         },
+        vehicleDamage() {
+            return this.submittedOrder ? this.submittedOrder.damage : useMainStore().damage;
+        },
         servicePackageTier() {
-            const { glassToReplace, isRepair } = useMainStore().damage;
-            const { vaps } = useMainStore().lineItems;
+            const { glassToReplace, isRepair } = this.vehicleDamage;
+            const { vaps } = this.lineItems;
             return getHighestFullySatisfiedTier(
                 glassToReplace ?? [],
                 this.availableLineItems,
@@ -289,7 +326,7 @@ export default {
             );
         },
         partTypesInServicePackage() {
-            const { glassToReplace, isRepair } = useMainStore().damage;
+            const { glassToReplace, isRepair } = this.vehicleDamage;
             return getPackageContents(
                 glassToReplace ?? [],
                 this.availableLineItems,
@@ -311,7 +348,7 @@ export default {
             return items;
         },
         nonServicePackageCartItems() {
-            const vapPartTypesInOrder = Array.from(new Set(useMainStore().lineItems.vaps?.map((vap) => vap.partType) ?? []));
+            const vapPartTypesInOrder = Array.from(new Set(this.lineItems.vaps?.map((vap) => vap.partType) ?? []));
             const vapPartTypesInOrderButNotPackage = vapPartTypesInOrder
                 .filter((partType) => !this.partTypesInServicePackage.includes(partType))
                 ?? [];
@@ -354,6 +391,9 @@ export default {
         amountDueLabel() {
             return this.getCmsContent(this.widget.amountDue, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
         },
+        amountPaidLabel() {
+            return this.getCmsContent(this.widget.amountPaid, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
+        },
         deductibleLabel() {
             return this.getCmsContent(this.widget.deductible, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
         },
@@ -392,7 +432,7 @@ export default {
                 : null;
         },
         mobileFeeCartItem() {
-            const mobileFeeLineItem = useMainStore().lineItems.mobileFee;
+            const mobileFeeLineItem = this.lineItems.mobileFee;
             return mobileFeeLineItem
                 ? this.getCartItem(
                     this.getCmsContent(this.widget.mobileFee, widgetFields.TEXT_BLOCK_WIDGET.TEXT),
@@ -412,8 +452,8 @@ export default {
         },
         getDisplayed(amount) {
             return this.isUnverified
-                && !useMainStore().isNoComp
-                && !useMainStore().isITAC
+                && !this.isNoComp
+                && !this.isITAC
                 ? VERIFYING_COVERAGE
                 : formatAmountInDollars(amount);
         },
@@ -437,7 +477,7 @@ export default {
         },
         getCartItemForVapsPart(partType) {
             const label = this.getCmsContentForVapsType(partType);
-            const lineItems = useMainStore().lineItems.vaps
+            const lineItems = this.lineItems.vaps
                 ?.filter((vapsLineItem) => vapsLineItem.partType === partType) ?? [];
             return this.getCartItem(label, lineItems, cartItemType.VAP, partType);
         },
@@ -539,25 +579,30 @@ export default {
     text-align: center;
 }
 
-.cart-toggle {
-    font-weight: $font-weight-bold;
+.cart-header {
+    &.cart-toggle {
+        font-weight: $font-weight-bold;
 
-    &:after {
-        content: "";
-        transition: all 0.5s ease;
-        background-image: url($svg-payment-method-review-toggle);
-        background-repeat: no-repeat;
-        background-position: right center;
-        width: 1rem;
-        height: 0.5625rem;
-        display: inline-flex;
-        position: relative;
-        right: 0.75rem;
-        margin: 0.5rem 0 0.5rem 1rem;
-        cursor: pointer;
-    }
-    &.expanded:after {
-        transform: rotate(180deg);
+        &:after {
+            content: "";
+            transition: all 0.5s ease;
+            background-image: url($svg-payment-method-review-toggle);
+            background-repeat: no-repeat;
+            background-position: right center;
+            width: 1rem;
+            height: 0.5625rem;
+            display: inline-flex;
+            position: relative;
+            right: 0.75rem;
+            margin: 0.5rem 0 0.5rem 1rem;
+            cursor: pointer;
+        }
+        &.expanded:after {
+            transform: rotate(180deg);
+        }
+        a {
+            text-decoration: none;
+        }
     }
     &.expanded + .cart-table {
         max-height: 50rem;
@@ -565,9 +610,6 @@ export default {
         overflow: hidden;
         visibility: visible;
     }
-    a {
-        text-decoration: none;
-    }
 }
 
 :deep(#recycle-fee-label a){
diff --git a/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap b/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap
index c16fcaf5..660043a6 100644
--- a/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap
+++ b/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap
@@ -4,14 +4,11 @@ exports[`coverageStatement.vue-working returns the initial data 1`] = `
 Object {
   "baseServiceLineItems": Array [],
   "deductibleText": "Your deductible is",
-  "isNoComp": false,
-  "isRepair": true,
   "loadingText": Array [
     "Connecting to your insurance company",
     "Nearly there",
     "Finishing up",
   ],
-  "policyLookupSuccessful": true,
   "rules": Object {
     "selectionRequired": "option-required",
   },
diff --git a/src/layouts/coverage-statement/coverage-statement.spec.js b/src/layouts/coverage-statement/coverage-statement.spec.js
index 91ac7ab7..2dd9e3f7 100644
--- a/src/layouts/coverage-statement/coverage-statement.spec.js
+++ b/src/layouts/coverage-statement/coverage-statement.spec.js
@@ -10,7 +10,7 @@ import navigationScenarios from '@/router/router-constants/navigation-scenarios.
 import { getRandomString, getRandomInt } from '@/helpers/data-generation.js';
 import settleAllPromises from '@/helpers/layout-helper.js';
 import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
-import { useMainStore } from '@/store/index.js';
+import { useMainStore, getDefaultState } from '@/store';
 import getPriceOfLineItems from '@/helpers/price-calculator.js';
 
 jest.mock('@/helpers/layout-helper.js', () => jest.fn());
@@ -90,6 +90,14 @@ function getMountedComponent(mainInitialState = {}, initialData = {}, methodToRu
     return { wrapper };
 }
 
+beforeEach(() => {
+    const store = useMainStore();
+    const defaultState = getDefaultState();
+    Object.keys(defaultState).forEach((key) => {
+        store[key] = defaultState[key];
+    });
+});
+
 describe('coverageStatement.vue-working', () => {
     test('returns the initial data', () => {
         // Arrange
@@ -99,8 +107,8 @@ describe('coverageStatement.vue-working', () => {
                     isRepair: true
                 },
                 policy: {
-                    policyLookupSuccessful: true,
-                    noCoverage: false
+                    noCoverage: false,
+                    policyLookupSuccessful: true
                 }
             }
         };
@@ -164,43 +172,67 @@ describe('coverageStatement.vue-working', () => {
     });
     describe('Computed', () => {
         describe('verifiedNoComp', () => {
-            test.each([true, false])('returns false when policyLookupSuccessful false', (isNoComp) => {
-                // Arrange
-                const mainInitialState = {
-                    order: {
-                        policy: {
-                            noCoverage: isNoComp,
-                            policyLookupSuccessful: false
-                        }
-                    }
-                };
-                const { wrapper } = getMountedComponent(mainInitialState);
+            describe('isNoCompQuoteVisible true', () => {
+                const enableNoCompQuote = true;
+                test.each([true, false])('returns false when policyLookupSuccessful false', (isNoComp) => {
+                    // Arrange
+                    const mainInitialState = {
+                        order: {
+                            policy: {
+                                noCoverage: isNoComp,
+                                policyLookupSuccessful: false
+                            }
+                        },
+                        issConfig: { enableNoCompQuote }
+                    };
+                    const { wrapper } = getMountedComponent(mainInitialState);
 
-                // Act
-                const result = wrapper.vm.verifiedNoComp;
+                    // Act
+                    const result = wrapper.vm.isNoCompQuoteVisible;
 
-                // Assert
-                expect(result).toBeFalsy();
+                    // Assert
+                    expect(result).toBeFalsy();
+                });
+                test.each([true, false])('returns false when isNoComp false', (policyLookupSuccessful) => {
+                    // Arrange
+                    const mainInitialState = {
+                        order: {
+                            policy: {
+                                noCoverage: false,
+                                policyLookupSuccessful
+                            }
+                        },
+                        issConfig: { enableNoCompQuote }
+                    };
+                    const { wrapper } = getMountedComponent(mainInitialState);
+
+                    // Act
+                    const result = wrapper.vm.isNoCompQuoteVisible;
+
+                    // Assert
+                    expect(result).toBeFalsy();
+                });
+                test('returns true when policyLookupSuccessful true, noCoverage true, and enableNoCompQuote true', () => {
+                    // Arrange
+                    const mainInitialState = {
+                        order: {
+                            policy: {
+                                noCoverage: true,
+                                policyLookupSuccessful: true
+                            }
+                        },
+                        issConfig: { enableNoCompQuote }
+                    };
+                    const { wrapper } = getMountedComponent(mainInitialState);
+
+                    // Act
+                    const result = wrapper.vm.isNoCompQuoteVisible;
+
+                    // Assert
+                    expect(result).toBeTruthy();
+                });
             });
-            test.each([true, false])('returns false when isNoComp false', (policyLookupSuccessful) => {
-                // Arrange
-                const mainInitialState = {
-                    order: {
-                        policy: {
-                            noCoverage: false,
-                            policyLookupSuccessful
-                        }
-                    }
-                };
-                const { wrapper } = getMountedComponent(mainInitialState);
-
-                // Act
-                const result = wrapper.vm.verifiedNoComp;
-
-                // Assert
-                expect(result).toBeFalsy();
-            });
-            test('returns true when policyLookupSuccessful true and policyLookupSuccessful true', () => {
+            test('returns false when policyLookupSuccessful true, noCoverage true and enableNoCompQuote false', () => {
                 // Arrange
                 const mainInitialState = {
                     order: {
@@ -208,18 +240,21 @@ describe('coverageStatement.vue-working', () => {
                             noCoverage: true,
                             policyLookupSuccessful: true
                         }
+                    },
+                    issConfig: {
+                        enableNoCompQuote: false
                     }
                 };
                 const { wrapper } = getMountedComponent(mainInitialState);
 
                 // Act
-                const result = wrapper.vm.verifiedNoComp;
+                const result = wrapper.vm.isNoCompQuoteVisible;
 
                 // Assert
-                expect(result).toBeTruthy();
+                expect(result).toBeFalsy();
             });
         });
-        describe('verifiedITAC', () => {
+        describe('isITACQuoteVisible', () => {
             const priceOfLineItems = 213;
             test.each([true, false])('returns false when policyLookupSuccessful false', (isNoComp) => {
                 // Arrange
@@ -236,7 +271,7 @@ describe('coverageStatement.vue-working', () => {
                 const { wrapper } = getMountedComponent(mainInitialState);
 
                 // Act
-                const result = wrapper.vm.verifiedITAC;
+                const result = wrapper.vm.isITACQuoteVisible;
 
                 // Assert
                 expect(result).toBeFalsy();
@@ -256,7 +291,7 @@ describe('coverageStatement.vue-working', () => {
                 const { wrapper } = getMountedComponent(mainInitialState);
 
                 // Act
-                const result = wrapper.vm.verifiedITAC;
+                const result = wrapper.vm.isITACQuoteVisible;
 
                 // Assert
                 expect(result).toBeFalsy();
@@ -281,7 +316,7 @@ describe('coverageStatement.vue-working', () => {
                 const { wrapper } = getMountedComponent(mainInitialState);
 
                 // Act
-                const result = wrapper.vm.verifiedITAC;
+                const result = wrapper.vm.isITACQuoteVisible;
 
                 // Assert
                 expect(result).toBeFalsy();
@@ -308,7 +343,7 @@ describe('coverageStatement.vue-working', () => {
                     const { wrapper } = getMountedComponent(mainInitialState);
 
                     // Act
-                    const result = wrapper.vm.verifiedITAC;
+                    const result = wrapper.vm.isITACQuoteVisible;
 
                     // Assert
                     expect(result).toBeFalsy();
@@ -329,13 +364,13 @@ describe('coverageStatement.vue-working', () => {
                 const { wrapper } = getMountedComponent(mainInitialState);
 
                 // Act
-                const result = wrapper.vm.verifiedITAC;
+                const result = wrapper.vm.isITACQuoteVisible;
 
                 // Assert
                 expect(result).toBeTruthy();
             });
         });
-        describe('verifiedDeductible', () => {
+        describe('isDeductibleVisible', () => {
             const servicePrice = 123;
             describe('claim registration required', () => {
                 const issConfig = { isClaimRegistrationRequired: true };
@@ -351,7 +386,7 @@ describe('coverageStatement.vue-working', () => {
                             },
                             policy: {
                                 noCoverage: false,
-                                policyLookupSuccessful: false
+                                policyLookupSuccessful: true
                             },
                             currentDeductible: servicePrice - 1
                         }
@@ -365,7 +400,7 @@ describe('coverageStatement.vue-working', () => {
                     const { wrapper } = getMountedComponent(mainInitialState);
 
                     // Act
-                    const result = wrapper.vm.verifiedDeductible;
+                    const result = wrapper.vm.isDeductibleVisible;
 
                     // Assert
                     expect(result).toBeFalsy();
@@ -377,7 +412,7 @@ describe('coverageStatement.vue-working', () => {
                     const { wrapper } = getMountedComponent(mainInitialState);
 
                     // Act
-                    const result = wrapper.vm.verifiedDeductible;
+                    const result = wrapper.vm.isDeductibleVisible;
 
                     // Assert
                     expect(result).toBeFalsy();
@@ -387,7 +422,7 @@ describe('coverageStatement.vue-working', () => {
                     const { wrapper } = getMountedComponent(verifiedDeductibleStoreState);
 
                     // Act
-                    const result = wrapper.vm.verifiedDeductible;
+                    const result = wrapper.vm.isDeductibleVisible;
 
                     // Assert
                     expect(result).toBeTruthy();
@@ -420,7 +455,7 @@ describe('coverageStatement.vue-working', () => {
                     const { wrapper } = getMountedComponent(mainInitialState);
 
                     // Act
-                    const result = wrapper.vm.verifiedDeductible;
+                    const result = wrapper.vm.isDeductibleVisible;
 
                     // Assert
                     expect(result).toBeFalsy();
@@ -430,7 +465,7 @@ describe('coverageStatement.vue-working', () => {
                     const { wrapper } = getMountedComponent(verifiedDeductibleStoreState);
 
                     // Act
-                    const result = wrapper.vm.verifiedDeductible;
+                    const result = wrapper.vm.isDeductibleVisible;
 
                     // Assert
                     expect(result).toBeTruthy();
@@ -459,7 +494,7 @@ describe('coverageStatement.vue-working', () => {
                 const { wrapper } = getMountedComponent(storeState);
 
                 // Act
-                const result = wrapper.vm.verifiedDeductible;
+                const result = wrapper.vm.isDeductibleVisible;
 
                 // Assert
                 expect(result).toBeFalsy();
@@ -486,7 +521,7 @@ describe('coverageStatement.vue-working', () => {
                 const { wrapper } = getMountedComponent(storeState);
 
                 // Act
-                const result = wrapper.vm.verifiedDeductible;
+                const result = wrapper.vm.isDeductibleVisible;
 
                 // Assert
                 expect(result).toBeFalsy();
@@ -683,7 +718,7 @@ describe('coverageStatement.vue-working', () => {
                     // Assert
                     expect(result).toBeFalsy();
                 });
-                test('returns true when isNoComp true', () => {
+                test('returns false when isNoComp true and enableNoCompQuote false', () => {
                     // Arrange
                     const mainInitialState = {
                         order: {
@@ -692,6 +727,32 @@ describe('coverageStatement.vue-working', () => {
                                 noCoverage: true
                             },
                             currentDeductible: priceOfLineItems
+                        },
+                        issConfig: {
+                            enableNoCompQuote: false
+                        }
+                    };
+                    getPriceOfLineItems.mockImplementationOnce(() => priceOfLineItems);
+                    const { wrapper } = getMountedComponent(mainInitialState);
+
+                    // Act
+                    const result = wrapper.vm.isQuoteDisplayed;
+
+                    // Assert
+                    expect(result).toBeFalsy();
+                });
+                test('returns true when isNoComp true and enableNoCompQuote true', () => {
+                    // Arrange
+                    const mainInitialState = {
+                        order: {
+                            policy: {
+                                policyLookupSuccessful: true,
+                                noCoverage: true
+                            },
+                            currentDeductible: priceOfLineItems
+                        },
+                        issConfig: {
+                            enableNoCompQuote: true
                         }
                     };
                     getPriceOfLineItems.mockImplementationOnce(() => priceOfLineItems);
@@ -712,7 +773,10 @@ describe('coverageStatement.vue-working', () => {
                 shouldRegisterClaimStoreStateItac = {
                     order: {
                         payment: {
-                            insuranceCoverage: { claimNumber: null }
+                            insuranceCoverage: {
+                                claimNumber: null,
+                                isVerified: true // Added
+                            }
                         },
                         policy: {
                             policyLookupSuccessful: true,
@@ -724,7 +788,8 @@ describe('coverageStatement.vue-working', () => {
                         currentDeductible: servicePrice - 1
                     },
                     issConfig: {
-                        isClaimRegistrationRequired: true
+                        isClaimRegistrationRequired: true,
+                        enableNoCompQuote: true
                     }
                 };
                 getPriceOfLineItems.mockImplementation(() => servicePrice);
@@ -801,6 +866,7 @@ describe('coverageStatement.vue-working', () => {
                 // Assert
                 expect(result).toBeFalsy();
             });
+            test('returns false when insuranceCoverage not verified', () => {});
             describe('returns true when policy lookup success, vehicleId set to %p, claim reg req, claim not yet reg', () => {
                 test('and itac', () => {
                     // Arrange
@@ -1010,6 +1076,9 @@ describe('coverageStatement.vue-working', () => {
                             noCoverage: true,
                             policyLookupSuccessful: true
                         }
+                    },
+                    issConfig: {
+                        enableNoCompQuote: true
                     }
                 };
                 const { wrapper } = getMountedComponent(mainInitialState);
@@ -1038,6 +1107,9 @@ describe('coverageStatement.vue-working', () => {
                             noCoverage: true,
                             policyLookupSuccessful: true
                         }
+                    },
+                    issConfig: {
+                        enableNoCompQuote: true
                     }
                 };
                 const { wrapper } = getMountedComponent(mainInitialState);
@@ -1166,11 +1238,15 @@ describe('coverageStatement.vue-working', () => {
             const initialStore = {
                 order: {
                     payment: {
-                        insuranceCoverage: { claimNumber: null }
+                        insuranceCoverage: {
+                            claimNumber: null,
+                            isVerified: true
+                        }
                     },
                     policy: {
-                        policyLookupSuccessful: true,
-                        noCoverage: false
+                        noCoverage: false,
+                        isITAC: false,
+                        policyLookupSuccessful: true
                     },
                     vehicle: {
                         policyVehicleId: 1
@@ -1191,6 +1267,8 @@ describe('coverageStatement.vue-working', () => {
             const { wrapper } = getMountedComponent(initialStore, {}, mockStoreActions);
             const next = (method) => { method(wrapper.vm); };
 
+            console.log(wrapper.vm.pageVariation);
+
             // Act
             coverageStatement.beforeRouteEnter.call(wrapper.vm, undefined, undefined, next);
             for (let i = 0; i < 7; i++) {
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 368bb7b5..bc479ba1 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -104,6 +104,7 @@ import contentGroupModal from '@/iss-components/content-group-modal/content-grou
 import buttonQuestion from '@/digital-components/button-question/button-question.vue';
 import loadingModal from '@/iss-components/loading-modal/loading-modal.vue';
 import textBlock from '@/digital-components/text-block/text-block.vue';
+import pageVariations from '@/constants/coverage-statement-page-variations';
 
 // Import Supporting Files
 import {
@@ -164,6 +165,7 @@ export default {
         const clonedGlassParts = useMainStore().lineItems.glassParts
             ? JSON.parse(JSON.stringify(useMainStore().lineItems.glassParts))
             : [];
+        // TODO SSR-1165: Recycle fee needs removed from quote calculation
         const availableLineItems = [
             ...(resultMap.supportingItems ?? []),
             ...(clonedGlassParts ?? []),
@@ -171,10 +173,8 @@ export default {
 
         let hasBailedOut = false;
         let pricingResults = [];
-        if (
-            useMainStore().policy.policyLookupSuccessful &&
-            useMainStore().vehicle.policyVehicleId >= 0
-        ) {
+        const { policy, vehicle } = useMainStore();
+        if (policy.policyLookupSuccessful && vehicle.policyVehicleId >= 0) {
             await useMainStore().getFinalDeductible();
             pricingResults = await useMainStore()
                 .getPriceOrderItems(availableLineItems)
@@ -210,12 +210,7 @@ export default {
         }
     },
     data() {
-        const { isRepair } = useMainStore().damage;
-        const { policyLookupSuccessful, noCoverage } = useMainStore().policy;
         return {
-            isRepair,
-            policyLookupSuccessful,
-            isNoComp: noCoverage ?? false,
             baseServiceLineItems: [],
             selectedProvider: '',
             deductibleText: 'Your deductible is',
@@ -239,6 +234,47 @@ export default {
         };
     },
     computed: {
+        pageVariation() {
+            const {
+                isNoComp,
+                issConfig,
+                policy,
+                payment,
+                isClaimRegistrationRequired,
+            } = useMainStore();
+            const registerClaimSuccessful =
+                payment.insuranceCoverage.isVerified;
+
+            if (!policy.policyLookupSuccessful) {
+                return pageVariations.UNVERIFIED;
+            }
+
+            if (isNoComp) {
+                if (issConfig.enableNoCompQuote) {
+                    return pageVariations.NO_COMP;
+                }
+                return pageVariations.UNVERIFIED;
+            }
+
+            if (this.deductibleValue == null) {
+                return pageVariations.UNVERIFIED;
+            }
+
+            // TODO this should be determined based on the result of the ITAC price call
+            // TODO it seems that ITAC now requires claim registration calls. If this call fails
+            // should the page become unverified?
+            if (this.deductibleValue > this.totalServicePrice) {
+                return pageVariations.ITAC;
+            }
+
+            if (isClaimRegistrationRequired) {
+                if (registerClaimSuccessful) {
+                    return pageVariations.DEDUCTIBLE;
+                }
+                return pageVariations.UNVERIFIED;
+            }
+            return pageVariations.DEDUCTIBLE;
+        },
         coverageStatementSubHeader() {
             return this.getTextFromCmsWithCustomIfStatements(
                 this.widget.subheader,
@@ -252,12 +288,15 @@ export default {
             );
         },
         verifiedItacAlertBody() {
+            const itacCostSavings =
+                this.deductibleValue - this.totalServicePrice;
             return this.getCmsContent(
                 this.widget.verifiedItacAlert,
                 widgetFields.ALERT_WIDGET.BODY_TEXT
             )?.replaceAll(
                 '{custom:costSavings}',
-                this.itacCostSavingsForDisplay
+
+                formatAmountInDollars(itacCostSavings)
             );
         },
         secondaryText() {
@@ -291,62 +330,29 @@ export default {
         deductibleValue() {
             return useMainStore().order.currentDeductible;
         },
-        deductibleForDisplay() {
-            return formatAmountInDollars(this.deductibleValue);
+        isNoCompQuoteVisible() {
+            return this.pageVariation === pageVariations.NO_COMP;
         },
-        registerClaimSuccessful() {
-            return useMainStore().payment.insuranceCoverage.isVerified;
+        isITACQuoteVisible() {
+            return this.pageVariation === pageVariations.ITAC;
         },
-        verifiedNoComp() {
-            return this.policyLookupSuccessful && this.isNoComp;
+        isDeductibleVisible() {
+            return this.pageVariation === pageVariations.DEDUCTIBLE;
         },
-        verifiedITAC() {
-            return (
-                this.policyLookupSuccessful &&
-                !this.isNoComp &&
-                this.deductibleValue > this.totalServicePrice
-            );
-        },
-        coveredAndServicePriceAboveOrEqualDeductible() {
-            return (
-                !this.verifiedNoComp &&
-                this.totalServicePrice >= this.deductibleValue
-            );
-        },
-        verifiedDeductible() {
-            return useMainStore().isClaimRegistrationRequired
-                ? this.registerClaimSuccessful &&
-                      this.coveredAndServicePriceAboveOrEqualDeductible &&
-                      this.deductibleValue !== null
-                : this.policyLookupSuccessful &&
-                      this.coveredAndServicePriceAboveOrEqualDeductible;
-        },
-        unverified() {
-            return (
-                !this.verifiedDeductible &&
-                !this.verifiedITAC &&
-                !this.verifiedNoComp
-            );
+
+        isUnverifiedVisible() {
+            return this.pageVariation === pageVariations.UNVERIFIED;
         },
         isADAS() {
-            const parts = useMainStore().order.lineItems.glassParts;
+            const { glassParts } = useMainStore().order.lineItems;
             return (
-                parts !== null &&
-                !!parts.find((part) => part.requiresRecalibration)
+                glassParts !== null &&
+                !!glassParts.find((part) => part.requiresRecalibration)
             );
         },
         totalServicePrice() {
             return getPriceOfLineItems(this.baseServiceLineItems);
         },
-        servicePriceForDisplay() {
-            return formatAmountInDollars(this.totalServicePrice);
-        },
-        itacCostSavings() {
-            return this.deductibleValue - this.totalServicePrice;
-        },
-        itacCostSavingsForDisplay() {
-            return formatAmountInDollars(this.itacCostSavings);
-        },
         serviceProviderQuestionText() {
             return this.getCmsContent(
                 this.widget.serviceProviderQuestion,
@@ -360,17 +366,23 @@ export default {
             );
         },
         isQuoteDisplayed() {
-            return this.verifiedITAC || this.verifiedNoComp;
+            return this.isITACQuoteVisible || this.isNoCompQuoteVisible;
         },
         shouldRegisterClaim() {
+            const {
+                policy,
+                vehicle,
+                isClaimRegistrationRequired,
+                isClaimAlreadyRegistered,
+            } = useMainStore();
+            const { policyVehicleId } = vehicle;
             return (
-                this.policyLookupSuccessful &&
-                useMainStore().vehicle.policyVehicleId != null &&
-                useMainStore().vehicle.policyVehicleId >= 0 &&
-                useMainStore().isClaimRegistrationRequired &&
-                !useMainStore().isClaimAlreadyRegistered &&
-                (this.coveredAndServicePriceAboveOrEqualDeductible ||
-                    this.verifiedITAC)
+                policy.policyLookupSuccessful &&
+                policyVehicleId != null &&
+                policyVehicleId >= 0 &&
+                isClaimRegistrationRequired &&
+                !isClaimAlreadyRegistered &&
+                !this.isNoCompQuoteVisible
             );
         },
     },
@@ -397,9 +409,10 @@ export default {
             return !!useMainStore().vehicle.carId;
         },
         async initializeComponent() {
-            useMainStore().updatePolicyITACFlag(this.verifiedITAC);
+            useMainStore().updatePolicyITACFlag(this.isITACQuoteVisible);
+            // TODO how should coverage status be updated
             const coverageStatus =
-                this.verifiedITAC || this.verifiedNoComp
+                this.isITACQuoteVisible || this.isNoCompQuoteVisible
                     ? coverageStatuses.VERIFIED
                     : coverageStatuses.PENDING;
             useMainStore().updateCoverageStatus(coverageStatus);
@@ -411,10 +424,10 @@ export default {
             this.$refs.loadingModal.hideModal();
         },
         async navigateForward() {
-            if (this.unverified || this.verifiedDeductible) {
+            if (this.isUnverifiedVisible || this.isDeductibleVisible) {
                 useMainStore().updateSupportingItems(this.supportingItems);
                 this.navigateWithScenario(navigationScenarios.CLICKED_FORWARD);
-            } else if (this.verifiedITAC || this.verifiedNoComp) {
+            } else if (this.isITACQuoteVisible || this.isNoCompQuoteVisible) {
                 useMainStore().updateIsSafeliteProvider(
                     this.selectedProvider === SAFELITE_PROVIDER
                 );
@@ -450,28 +463,29 @@ export default {
             );
         },
         getCustomValueFromString(str) {
+            const { isRepair } = useMainStore().damage;
             switch (str) {
                 case 'coverageUnverified':
-                    return this.unverified;
+                    return this.isUnverifiedVisible;
                 case 'verifiedDeductible':
-                    return this.verifiedDeductible;
+                    return this.isDeductibleVisible;
                 case 'verifiedITAC':
-                    return this.verifiedITAC;
+                    return this.isITACQuoteVisible;
                 case 'verifiedNoComp':
-                    return this.verifiedNoComp;
+                    return this.isNoCompQuoteVisible;
                 case 'ADASReplace':
-                    return !this.isRepair && this.isADAS;
+                    return !isRepair && this.isADAS;
                 case 'nonADASReplace':
-                    return !this.isRepair && !this.isADAS;
+                    return !isRepair && !this.isADAS;
                 case 'nonADASRepair':
-                    return this.isRepair;
+                    return isRepair;
                 case 'deductibleOverZero':
                     return (
-                        this.verifiedDeductible && this.deductibleValue !== 0
+                        this.isDeductibleVisible && this.deductibleValue !== 0
                     ); // TODO what if deductible is negative?
                 case 'isDeductibleZero':
                     return (
-                        this.verifiedDeductible && this.deductibleValue === 0
+                        this.isDeductibleVisible && this.deductibleValue === 0
                     );
                 default:
                     return null;
@@ -483,6 +497,7 @@ export default {
         setBaseServiceLineItems(lineItems) {
             this.baseServiceLineItems = lineItems;
         },
+        formatAmountInDollars,
     },
 };
 </script>
diff --git a/src/layouts/entry-page/entry-page.vue b/src/layouts/entry-page/entry-page.vue
index 76eaee1a..29475742 100644
--- a/src/layouts/entry-page/entry-page.vue
+++ b/src/layouts/entry-page/entry-page.vue
@@ -123,6 +123,10 @@ export default {
                         if (clientFlags.ClaimRegistrationRequired) {
                             this.mainStore.issConfig.isClaimRegistrationRequired = true;
                         }
+
+                        if (clientFlags.EnableNoCompQuote) {
+                            this.mainStore.issConfig.enableNoCompQuote = true;
+                        }
                     }
                 } catch (e) {
                     console.error(`Error parsing client flags: ${e}`);
diff --git a/src/layouts/order-confirmation/order-confirmation.spec.js b/src/layouts/order-confirmation/order-confirmation.spec.js
index 2eb8208e..83ae6067 100644
--- a/src/layouts/order-confirmation/order-confirmation.spec.js
+++ b/src/layouts/order-confirmation/order-confirmation.spec.js
@@ -14,7 +14,8 @@ jest.mock('@/helpers/layout-helper.js', () => jest.fn());
 
 jest.mock('@/helpers/cms-content-helper', () => ({
     fetchCmsContentForPage: jest.fn(),
-    processIfStatements: jest.fn()
+    processIfStatements: jest.fn(),
+    splitCopyOnCMSPlaceHolder: jest.fn()
 }));
 const wordingText = 'wording text {custom:address}';
 
@@ -105,7 +106,17 @@ const sessionStorage = {
                 zipCode: '12345'
             }
         }
-    }
+    },
+    payment: {
+        isPayInAdvance: false
+    },
+    lineItems: {
+        vaps: []
+    },
+    policy: {
+        noCoverage: false
+    },
+    damage: {}
 };
 
 const sessionStorageMock = (() => {
@@ -302,7 +313,17 @@ describe('OrderConfirmation.vue', () => {
                 },
                 serviceLocation: {
                     appointmentType: 'Mobile'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -331,7 +352,17 @@ describe('OrderConfirmation.vue', () => {
                             zipCode: '12345'
                         }
                     }
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -368,7 +399,17 @@ describe('OrderConfirmation.vue', () => {
                     state: 'AZ',
                     zipCode: '12345',
                     appointmentType: 'Mobile'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -397,7 +438,17 @@ describe('OrderConfirmation.vue', () => {
                         }
                     },
                     appointmentType: 'Dropoff'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -426,7 +477,17 @@ describe('OrderConfirmation.vue', () => {
                         }
                     },
                     appointmentType: 'Inshop'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -452,7 +513,17 @@ describe('OrderConfirmation.vue', () => {
                     state: 'AZ',
                     zipCode: '12345',
                     appointmentType: 'Mobile'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -481,7 +552,17 @@ describe('OrderConfirmation.vue', () => {
                         }
                     },
                     appointmentType: 'Inshop'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -507,7 +588,17 @@ describe('OrderConfirmation.vue', () => {
                     state: 'AZ',
                     zipCode: '12345',
                     appointmentType: 'Mobile'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -536,7 +627,17 @@ describe('OrderConfirmation.vue', () => {
                         }
                     },
                     appointmentType: 'Dropoff'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
@@ -566,7 +667,17 @@ describe('OrderConfirmation.vue', () => {
                         }
                     },
                     appointmentType: 'Inshop'
-                }
+                },
+                payment: {
+                    isPayInAdvance: false
+                },
+                lineItems: {
+                    vaps: []
+                },
+                policy: {
+                    noCoverage: false
+                },
+                damage: {}
             };
             window.sessionStorage.setItem('submittedOrder', JSON.stringify(testSessionStorage));
             const { wrapper } = getMountedComponent();
diff --git a/src/layouts/order-confirmation/order-confirmation.vue b/src/layouts/order-confirmation/order-confirmation.vue
index 40aef06a..6cf994e5 100644
--- a/src/layouts/order-confirmation/order-confirmation.vue
+++ b/src/layouts/order-confirmation/order-confirmation.vue
@@ -47,6 +47,16 @@
                             class="appointment-text text-center lh-base mt-2"
                             v-html="appointmentWordingText2"></div>
                     </div>
+                    <div>
+                        <cartDropdown
+                            :showAsPaid="isPayInAdvance"
+                            :readOnly="true"
+                            :isInitiallyExpanded="false"
+                            :showDropdownHeader="true"
+                            recyclingModalCmsWidgetName="RecycleModal"
+                            servicePackageTitleWidgetName="ServicePackageTitle"
+                            :submittedOrder="submittedOrder" />
+                    </div>
                     <div
                         class="email-confirmation-text"
                         v-html="confirmationEmailText" />
@@ -69,6 +79,8 @@ import siteHeader from '@/iss-components/site-header/site-header.vue';
 import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 import siteFooter from '@/iss-components/site-footer/site-footer.vue';
 import addToCalendar from '@/layouts/order-confirmation/add-to-calendar/add-to-calendar.vue';
+import cartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
+
 // Supporting files
 import {
     fetchCmsContentForPage,
@@ -97,13 +109,14 @@ export default {
         vehicleBanner,
         siteFooter,
         addToCalendar,
+        cartDropdown,
     },
     mixins: [BaseFormMixin],
     async beforeRouteEnter(to, from, next) {
-        console.log('beforeRouteEnter just called');
         useMainStore().createSubmittedOrder();
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+
         // Settle promises and get results
         const promiseResultMap = [
             {
@@ -113,6 +126,7 @@ export default {
         ];
         // use resultMap to populate layout content.
         const resultMap = await settleAllPromises(promiseResultMap);
+
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
         });
@@ -307,6 +321,12 @@ export default {
             );
             return inshopDurationTime;
         },
+        isPayInAdvance() {
+            return this.submittedOrder.payment.isPayInAdvance;
+        },
+        selectedVaps() {
+            return this.submittedOrder.lineItems.vaps;
+        },
     },
     mounted() {
         if (this.carrierUrl) {
diff --git a/src/layouts/payment-method/payment-method.spec.js b/src/layouts/payment-method/payment-method.spec.js
index 9967aeb7..9eb78c7a 100644
--- a/src/layouts/payment-method/payment-method.spec.js
+++ b/src/layouts/payment-method/payment-method.spec.js
@@ -3,20 +3,28 @@ import paymentMethod from '@/layouts/payment-method/payment-method.vue';
 
 // Supporting Files
 import { shallowMount } from '@vue/test-utils';
+import { createTestingPinia } from '@pinia/testing';
 import { getMountOptions } from '@/helpers/unit-test-helper.js';
-import { useMainStore } from '@/store';
+import { useMainStore, getDefaultState } from '@/store';
 import issPageValues from '@/router/router-constants/issPage-values';
 import { paymentMethods } from '@/constants/payment-method-constants';
 import queryStrings from '@/constants/query-strings';
 import { experimentSettings } from '@/constants/experiments';
 
-function setupMocks({ customMountOptions = {}, queryString }) {
+function setupMocks({ customMountOptions = {}, queryString }, mainInitialState = {}, customMixin = null) {
     const mountOptions = getMountOptions({
         ...customMountOptions,
         route: { query: { issPage: issPageValues.PAYMENT_METHOD, ...queryString }, params: {} }
     });
 
-    const mockMixin = {
+    const testingPinia = createTestingPinia({
+        initialState: {
+            main: mainInitialState
+        }
+    });
+    useMainStore(testingPinia);
+
+    const mockMixin = customMixin ?? {
         methods: {
             getSettingValue: jest.fn((settingName) => {
                 if (settingName === experimentSettings.ISS_DISPLAY_PAY_IN_ADVANCE) {
@@ -28,6 +36,7 @@ function setupMocks({ customMountOptions = {}, queryString }) {
         }
     };
 
+    mountOptions.global.plugins = [testingPinia];
     mountOptions.global.mixins = [mockMixin];
 
     const wrapper = shallowMount(paymentMethod, mountOptions);
@@ -35,31 +44,53 @@ function setupMocks({ customMountOptions = {}, queryString }) {
     return wrapper;
 }
 
+beforeEach(() => {
+    const store = useMainStore();
+    const defaultState = getDefaultState();
+    Object.keys(defaultState).forEach((key) => {
+        store[key] = defaultState[key];
+    });
+});
+
 describe('payment-method.vue', () => {
     describe('Payment Method Type', () => {
         test('getting payment method when method is pay later', async () => {
-        // Arrange
-            const wrapper = setupMocks({});
-            const payLaterPaymentMethod = paymentMethods.PAY_AT_TIME_OF_SERVICE;
-            useMainStore().savePaymentMethodChoice(payLaterPaymentMethod);
+            // Arrange
+            const payLaterMethod = paymentMethods.PAY_AT_TIME_OF_SERVICE;
+            const store = {
+                order: {
+                    payment: {
+                        isPayInAdvance: false,
+                        payInAdvanceType: null
+                    }
+                }
+            };
+            const wrapper = setupMocks({}, store);
 
             // Act
             const paymethod = wrapper.vm.getPaymentMethodFromStore();
 
             // Assert
-            expect(paymethod).toBe(payLaterPaymentMethod);
+            expect(paymethod).toBe(payLaterMethod);
         });
         test('getting payment method when method is pay in advance', async () => {
-        // Arrange
-            const wrapper = setupMocks({});
-            const payInAdvancePaymentMethod = paymentMethods.CREDIT_CARD;
-            useMainStore().savePaymentMethodChoice(payInAdvancePaymentMethod);
+            // Arrange
+            const payInAdvanceMethod = paymentMethods.CREDIT_CARD;
+            const store = {
+                order: {
+                    payment: {
+                        isPayInAdvance: true,
+                        payInAdvanceType: payInAdvanceMethod
+                    }
+                }
+            };
+            const wrapper = setupMocks({}, store);
 
             // Act
             const paymethod = wrapper.vm.getPaymentMethodFromStore();
 
             // Assert
-            expect(paymethod).not.toBe(payInAdvancePaymentMethod);
+            expect(paymethod).toBe(payInAdvanceMethod);
         });
     });
 
@@ -86,4 +117,138 @@ describe('payment-method.vue', () => {
             expect(payInAdvanceErrorAlert.exists()).toBeFalsy();
         });
     });
+
+    describe('isPayInAdvanceDisabled', () => {
+        let store = {};
+        let mixin = {
+            methods: {
+                getSettingValue: jest.fn((settingName) => {
+                    if (settingName === experimentSettings.ISS_DISPLAY_PAY_IN_ADVANCE) {
+                        return 'true';
+                    }
+                    return 'false';
+                })
+            }
+        };
+        beforeEach(() => {
+            store = {
+                order: {
+                    policy: {
+                        isITAC: false,
+                        noCoverage: false,
+                        policyLookupSuccessful: true
+                    },
+                    payment: {
+                        insuranceCoverage: {
+                            isVerified: true
+                        }
+                    },
+                    currentDeductible: 123
+                },
+                issConfig: {
+                    isClaimRegistrationRequired: true,
+                    enableNoCompQuote: true
+                },
+                applicationUser: {
+                    experiments: [
+                        {
+                            settings: {
+                                ISSDisplayPIAInsurance_ISS: 'true'
+                            }
+                        }
+                    ]
+                }
+            };
+        });
+        test('returns true when policyLookupSuccessful false', () => {
+            // Arrange
+            store.order.policy.policyLookupSuccessful = false;
+            const wrapper = setupMocks({}, store, mixin);
+
+            // Act
+            const result = wrapper.vm.isPayInAdvanceDisabled;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        test('returns true when no comp and enableNoCompQuote false', () => {
+            // Arrange
+            store.order.policy.noCoverage = true;
+            store.issConfig.enableNoCompQuote = false;
+            const wrapper = setupMocks({}, store, mixin);
+
+            // Act
+            const result = wrapper.vm.isPayInAdvanceDisabled;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        test('returns true when not no comp and currentDeductible null', () => {
+            // Arrange
+            store.order.policy.noCoverage = false;
+            store.order.currentDeductible = null;
+            const wrapper = setupMocks({}, store, mixin);
+
+            // Act
+            const result = wrapper.vm.isPayInAdvanceDisabled;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        test('returns true when isClaimRegistrationRequired true and insurance coverage not verified', () => {
+            // Arrange
+            store.order.payment.insuranceCoverage.isVerified = false;
+            store.issConfig.isClaimRegistrationRequired = true;
+            const wrapper = setupMocks({}, store, mixin);
+
+            // Act
+            const result = wrapper.vm.isPayInAdvanceDisabled;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        test('returns false when no comp, enableNoCompQuote true, and currentDeductible null and pia enabled', () => {
+            // Arrange
+            store.order.policy.noCoverage = true;
+            store.issConfig.enableNoCompQuote = true;
+            store.order.currentDeductible = null;
+            const wrapper = setupMocks({}, store, mixin);
+
+            // Act
+            const result = wrapper.vm.isPayInAdvanceDisabled;
+
+            // Assert
+            expect(result).toBeFalsy();
+        });
+        test('returns false when not no comp, currentDeductible not null and pia enabled', () => {
+            // Arrange
+            const wrapper = setupMocks({}, store, mixin);
+
+            // Act
+            const result = wrapper.vm.isPayInAdvanceDisabled;
+
+            // Assert
+            expect(result).toBeFalsy();
+        });
+        test.skip('returns true when pia not enabled', () => {
+            // Arrange
+            mixin = {
+                methods: {
+                    getSettingValue: jest.fn((settingName) => {
+                        if (settingName === experimentSettings.ISS_DISPLAY_PAY_IN_ADVANCE) {
+                            return 'false';
+                        }
+                        return 'true';
+                    })
+                }
+            };
+            const wrapper = setupMocks({}, store, mixin);
+
+            // Act
+            const result = wrapper.vm.isPayInAdvanceDisabled;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+    });
 });
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index f04aa173..4eca0b17 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -4,61 +4,52 @@
         v-slot="{ meta }"
         @submit="onSubmit"
         @invalidSubmit="onInvalidSubmit">
-        <div class="container-fluid fade-on-route-transition">
-            <div class="row justify-content-center">
-                <div class="col-md-6 px-0 px-md-2">
-                    <siteHeader
-                        ref="siteHeader"
-                        cmsWidgetName="SiteHeaderWidget" />
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4">
-                    <vehicleBanner
-                        cmsWidgetName="VehicleBannerWidget"
-                        :displayGenericVehicleImage="false" />
-                    <siteSubHeader
-                        class="mb-5 mt-4 px-3"
-                        cmsWidgetName="SiteSubHeaderWidget"
-                        subHeaderClasses="mt-2" />
-                    <div class="main-content-container">
-                        <hr class="my-0" />
-                        <reviewDropdown ref="reviewDropdown" />
-                        <hr class="my-0" />
-                        <cartDropdown
-                            :showAsPaid="false"
-                            :readOnly="false"
-                            recyclingModalCmsWidgetName="RecycleModal"
-                            servicePackageTitleWidgetName="ServicePackageTitle"
-                            :availableVaps="availableVaps" />
-                        <hr class="mt-0 mb-5" />
-                        <alert
-                            v-if="displayPayInAdvanceAlert"
-                            name="payInAdvanceErrorAlert"
-                            class="my-4"
-                            cmsWidgetName="PayInAdvanceErrorAlertWidget"
-                            alertClass="alert-danger"
-                            :isDismissible="false" />
-                        <paymentMethodQuestion
-                            v-if="!isPayInAdvanceDisabled"
-                            v-model="paymentMethodInternalModel"
-                            cmsWidgetName="PaymentMethodWidget"
-                            :validationRules="rules.optionRequired" />
-                        <alert
-                            v-if="isPayInAdvanceDisabled"
-                            :isDismissible="false"
-                            alertClass="alert-info"
-                            cmsWidgetName="NoPayInAdvanceDisclaimerWidget"
-                            :shouldScrollToOnMount="false" />
-                        <siteFooter
-                            ref="siteFooter"
-                            cmsWidgetName="SiteFooterWidget"
-                            :isForwardActionDisabled="!meta.valid"
-                            :isStackedVertically="true"
-                            @backClicked="navigateBack"
-                            @ForwardClicked="forwardButtonAction" />
-                    </div>
-                </div>
+        <div class="page-container-grouped-styles">
+            <siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" />
+            <vehicleBanner
+                cmsWidgetName="VehicleBannerWidget"
+                :displayGenericVehicleImage="false" />
+            <siteSubHeader
+                class="mb-5 mt-4 px-3"
+                cmsWidgetName="SiteSubHeaderWidget"
+                subHeaderClasses="mt-2" />
+            <div class="main-content-container">
+                <hr class="my-0" />
+                <reviewDropdown ref="reviewDropdown" />
+                <hr class="my-0" />
+                <cartDropdown
+                    :showAsPaid="false"
+                    :readOnly="false"
+                    :showDropdownHeader="true"
+                    :isInitiallyExpanded="false"
+                    recyclingModalCmsWidgetName="RecycleModal"
+                    servicePackageTitleWidgetName="ServicePackageTitle" />
+                <hr class="mt-0 mb-5" />
+                <alert
+                    v-if="displayPayInAdvanceAlert"
+                    name="payInAdvanceErrorAlert"
+                    class="my-4"
+                    cmsWidgetName="PayInAdvanceErrorAlertWidget"
+                    alertClass="alert-danger"
+                    :isDismissible="false" />
+                <paymentMethodQuestion
+                    v-if="!isPayInAdvanceDisabled"
+                    v-model="paymentMethodInternalModel"
+                    cmsWidgetName="PaymentMethodWidget"
+                    :validationRules="rules.optionRequired" />
+                <alert
+                    v-if="isPayInAdvanceDisabled"
+                    :isDismissible="false"
+                    alertClass="alert-info"
+                    cmsWidgetName="NoPayInAdvanceDisclaimerWidget"
+                    :shouldScrollToOnMount="false" />
+                <siteFooter
+                    ref="siteFooter"
+                    cmsWidgetName="SiteFooterWidget"
+                    :isForwardActionDisabled="!meta.valid"
+                    :isStackedVertically="true"
+                    @backClicked="navigateBack"
+                    @ForwardClicked="forwardButtonAction" />
             </div>
         </div>
     </Form>
@@ -87,6 +78,7 @@ import { Form } from 'vee-validate';
 import issPageValues from '@/router/router-constants/issPage-values';
 import bailoutMessage from '@/constants/bailoutMessage';
 import { AppointmentTypeStrings } from '@/constants/schedule-constants';
+import VehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
     name: 'payment-method',
@@ -100,6 +92,7 @@ export default {
         cartDropdown,
         paymentMethodQuestion,
         alert,
+        VehicleBanner,
     },
     mixins: [baseFormMixin],
     async beforeRouteEnter(to, from, next) {
@@ -155,13 +148,12 @@ export default {
                 vm.$refs.reviewDropdown.initializeComponent(
                     resultMap.reviewDropdownData
                 );
-                vm.setAvailableVaps(pricedVaps ?? []);
+                vm.storeAvailableVaps(pricedVaps ?? []);
             });
         }
     },
     data() {
         return {
-            availableVaps: [],
             paymentMethodInternalModel: this.getPaymentMethodFromStore(),
             rules: {
                 optionRequired: globalRules.OPTION_REQUIRED,
@@ -185,20 +177,7 @@ export default {
             return this.$route.query[queryStrings.DISPLAY_PAY_IN_ADVANCE_ALERT];
         },
         isPayInAdvanceDisabled() {
-            const piaExperience = this.getSettingValue(
-                experimentSettings.ISS_DISPLAY_PAY_IN_ADVANCE
-            );
-            const isEnabled = piaExperience === 'true';
-
-            return !isEnabled || this.isUnverified;
-        },
-        isUnverified() {
-            return (
-                !useMainStore().isNoComp &&
-                !useMainStore().isITAC &&
-                (useMainStore().order.currentDeductible == null ||
-                    !useMainStore().isVerifiedCoverageStatus)
-            );
+            return useMainStore().isUnverified;
         },
         paymentMethod() {
             return this.paymentMethodInternalModel;
@@ -323,8 +302,8 @@ export default {
                 );
             }
         },
-        setAvailableVaps(vaps) {
-            this.availableVaps = vaps;
+        storeAvailableVaps(vaps) {
+            useMainStore().order.availableVaps = vaps;
         },
     },
 };
diff --git a/src/layouts/payment-page/payment-page.spec.js b/src/layouts/payment-page/payment-page.spec.js
index 661d656c..48124da7 100644
--- a/src/layouts/payment-page/payment-page.spec.js
+++ b/src/layouts/payment-page/payment-page.spec.js
@@ -7,6 +7,7 @@ import { getMountOptions } from '@/helpers/unit-test-helper';
 import { useMainStore } from '@/store';
 import { paymentMethods, hopPaymentMethods } from '@/constants/payment-method-constants.js';
 import queryStrings from '@/constants/query-strings';
+import CartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
 
 // Constants
 const parts = {
@@ -316,6 +317,44 @@ describe('payment-page.vue', () => {
             });
         });
 
+        describe('cart-dropdown', () => {
+            test('Show cart dropdown if credit card', async () => {
+                const wrapper = setupMocks({});
+                wrapper.vm.paymentType = hopPaymentMethods.CREDIT_CARD;
+
+                // Act
+                await wrapper.vm.$nextTick();
+                const cartTable = wrapper.findComponent(CartDropdown);
+
+                // Assert
+                expect(cartTable.exists()).toBeTruthy();
+            });
+
+            test('Hide cart dropdown if afterpay', async () => {
+                const wrapper = setupMocks({});
+                wrapper.vm.paymentType = hopPaymentMethods.AFTERPAY;
+
+                // Act
+                await wrapper.vm.$nextTick();
+                const cartTable = wrapper.findComponent(CartDropdown);
+
+                // Assert
+                expect(cartTable.exists()).toBeFalsy();
+            });
+
+            test('Hide cart dropdown if paypal', async () => {
+                const wrapper = setupMocks({});
+                wrapper.vm.paymentType = hopPaymentMethods.PAYPAL;
+
+                // Act
+                await wrapper.vm.$nextTick();
+                const cartTable = wrapper.findComponent(CartDropdown);
+
+                // Assert
+                expect(cartTable.exists()).toBeFalsy();
+            });
+        });
+
         describe('isPaypal', () => {
             test('Is responsive if initial data changes', async () => {
                 // Arrange
diff --git a/src/layouts/payment-page/payment-page.vue b/src/layouts/payment-page/payment-page.vue
index 4d130730..a79244cd 100644
--- a/src/layouts/payment-page/payment-page.vue
+++ b/src/layouts/payment-page/payment-page.vue
@@ -44,6 +44,15 @@
                         :isForwardButtonHidden="true"
                         @ForwardClicked="forwardButtonAction"
                         @backClicked="backButtonAction" />
+
+                    <div v-if="isCreditCard" class="px-2">
+                        <cartDropdown
+                            :readOnly="true"
+                            :showDropdownHeader="false"
+                            :isInitiallyExpanded="true"
+                            recyclingModalCmsWidgetName="RecycleModal"
+                            servicePackageTitleWidgetName="ServicePackageTitle" />
+                    </div>
                 </div>
             </div>
             <div
@@ -231,10 +240,12 @@ import {
 import { AppointmentTypeStrings } from '@/constants/schedule-constants.js';
 import queryStrings from '@/constants/query-strings';
 import alert from '@/ux-components/alert/alert.vue';
+import cartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
 
 export default {
     name: 'payment-page',
     components: {
+        cartDropdown,
         siteHeader,
         siteFooter,
         // eslint-disable-next-line vue/no-reserved-component-names
@@ -261,9 +272,6 @@ export default {
         const paymentSignaturePromise =
             await useMainStore().getPaymentSignature();
 
-        const wipersPromise = useMainStore().getWipers();
-        const rainDefensePromise = useMainStore().getRainDefense();
-
         // Settle promises and get results
         const promiseResultMap = [
             {
@@ -274,52 +282,13 @@ export default {
                 resultKey: 'paymentSignature',
                 promise: paymentSignaturePromise,
             },
-            {
-                resultKey: 'wipers',
-                promise: wipersPromise,
-            },
-            {
-                resultKey: 'rainDefense',
-                promise: rainDefensePromise,
-            },
         ];
 
         // use resultMap to populate layout content.
         const resultMap = await settleAllPromises(promiseResultMap);
-        const lineItemsFromStore = useMainStore().lineItems;
-        const glassParts = lineItemsFromStore.glassParts ?? [];
-        const supportingItems = lineItemsFromStore.supportingItems ?? [];
-
-        const lineItemsToTax = [
-            resultMap.rainDefense,
-            ...supportingItems,
-            ...resultMap.wipers,
-            ...glassParts,
-        ];
-        const availableVaps = [resultMap.rainDefense, ...resultMap.wipers];
-        const pricedLineItemsToTax =
-            await useMainStore().priceOrderItemsAndSaveServerData(
-                lineItemsToTax
-            );
-        const taxedLineItems =
-            await useMainStore().taxOrderItemsAndSaveServerData(
-                pricedLineItemsToTax
-            );
-
-        // Match all line items to the line items as they are in the store
-        // and rebuild the original structure.
-        const taxLineItems = useMainStore().mapTaxedLineItemsToStoreFormat(
-            taxedLineItems,
-            lineItemsFromStore
-        );
-        const taxedVaps = useMainStore().mapTaxedLineItemsToStoreFormat(
-            taxedLineItems,
-            availableVaps
-        );
 
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
-            vm.setData(taxedVaps, taxLineItems);
 
             vm.$nextTick(() => {
                 if (vm.$refs.cart) {
@@ -403,6 +372,9 @@ export default {
         isPaypal() {
             return this.paymentType === hopPaymentMethods.PAYPAL;
         },
+        isCreditCard() {
+            return this.paymentType === hopPaymentMethods.CREDIT_CARD;
+        },
         displayPayInAdvanceCreditCardAlert() {
             return this.displayPayInAdvanceAlert(paymentMethods.CREDIT_CARD);
         },
@@ -479,10 +451,6 @@ export default {
                 paymentMethodReqs
             );
         },
-        setData(taxedVaps, taxLineItems) {
-            this.availableVaps = taxedVaps;
-            this.lineItems = taxLineItems;
-        },
         getWorkOrderNumber() {
             const { workOrderNumber } = useMainStore().order;
             if (workOrderNumber) {
diff --git a/src/layouts/schedule-page/schedule-page.spec.js b/src/layouts/schedule-page/schedule-page.spec.js
index c025ece6..ad18458e 100644
--- a/src/layouts/schedule-page/schedule-page.spec.js
+++ b/src/layouts/schedule-page/schedule-page.spec.js
@@ -18,18 +18,6 @@ const mockMixin = {
         getCmsContent: jest.fn().mockImplementation(() => ''),
         setCmsContent: jest.fn(),
         dispatchStoreAction: jest.fn().mockImplementation((storeAction) => {
-            if (storeAction === 'priceOrderItemsAndSaveServerData') {
-                return Promise.resolve([
-                    {
-                        partNumber: 'EARLY BIRD',
-                        description: null,
-                        partType: 'EARLY BIRD',
-                        laborAmount: 0,
-                        sellingPrice: 14.99,
-                        kitPrice: 0
-                    }
-                ]);
-            }
             if (storeAction === 'saveSupportingItemsSuppressingStateResetting') {
                 return Promise.resolve([
                     {
diff --git a/src/layouts/schedule-page/schedule-page.vue b/src/layouts/schedule-page/schedule-page.vue
index 3ed05a33..e2d008f8 100644
--- a/src/layouts/schedule-page/schedule-page.vue
+++ b/src/layouts/schedule-page/schedule-page.vue
@@ -264,9 +264,7 @@ export default {
 
         const premiumFeeWithPricePromise = premiumFeePromise.then((result) => {
             if (result.data) {
-                return useMainStore().priceOrderItemsAndSaveServerData(
-                    result.data
-                );
+                return useMainStore().getPriceOrderItems(result.data);
             }
             return result.data;
         });
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 5eca4a11..12d0cf95 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -4,116 +4,92 @@
         v-slot="{ meta }"
         @submit="onSubmit"
         @invalidSubmit="onInvalidSubmit">
-        <div class="container-fluid fade-on-route-transition">
-            <div class="row justify-content-center">
-                <div class="col-md-6 px-0 px-md-2">
-                    <siteHeader
-                        class="mb-2 header"
-                        cmsWidgetName="SiteHeaderWidget" />
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4">
-                    <siteSubHeader
-                        id="sub-header"
-                        cmsWidgetName="SiteSubHeader"
-                        class="mb-5 mt-4" />
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6">
-                    <serviceZipModalQuestion
-                        ref="serviceZipCodeQuestion"
-                        v-model="serviceZipCodeQuestion"
-                        modalWidgetName="ServiceZipModalWidget"
-                        :onZipUpdateCallback="reloadShopData"
-                        @updatedServiceability="setServiceabilityDetails"
-                        @updatedContainsMilitaryBase="
-                            setContainsMilitaryBase
-                        " />
-                    <alert
-                        v-if="displayMilitaryZipAlert"
-                        ref="alertMilitaryBaseZip"
-                        class="my-5"
-                        cmsWidgetName="AlertMilitaryBaseZipWidget"
-                        alertClass="alert-warning" />
-                    <alert
-                        v-if="displayServiceableMobileOnly"
-                        ref="alertMobileOnly"
-                        class="my-5"
-                        cmsWidgetName="AlertMobileOnlyWidget"
-                        alertClass="alert-warning" />
-                    <alert
-                        v-if="displayRecalibrationWarning"
-                        ref="alertRecalNoMobile"
-                        class="my-5"
-                        cmsWidgetName="AlertRecalNoMobileWidget"
-                        alertClass="alert-warning"
-                        @text-link-clicked="openModalAction" />
-                    <alert
-                        v-if="displayServiceableInshopOnly"
-                        ref="alertInshopOnly"
-                        class="my-5"
-                        cmsWidgetName="AlertInshopOnlyWidget"
-                        alertClass="alert-warning" />
-                    <alert
-                        v-if="displayNoShopsAlert"
-                        ref="alertNoShops"
-                        class="my-5"
-                        cmsWidgetName="AlertNoShopsWidget"
-                        alertClass="alert-warning" />
-                    <appointmentTypeQuestion
-                        v-show="isAppointmentTypeDisplayed"
-                        ref="appointmentTypeQuestion"
-                        v-model="selectedAppointmentType"
-                        :isServiceableMobile="isServiceableMobile"
-                        :isServiceableInshop="isServiceableInshop"
-                        :isDisplayed="isAppointmentTypeDisplayed"
-                        groupName="appointmentTypeQuestion"
-                        cmsWidgetName="AppointmentTypeQuestionWidget"
-                        validationRules="option-required" />
-                    <mobileLocationModalQuestions
-                        v-if="isMobileLocationDisplayed"
-                        ref="mobileLocationQuestions"
-                        v-model="mobileLocationQuestions"
-                        customComponentId="mobileLocationQuestions"
-                        :mobileFeePart="mobileFeePart"
-                        validationRules="mobile-location-required"
-                        linkWidgetName="MobileLocationLinkWidget"
-                        modalWidgetName="MobileLocationModalWidget"
-                        :onZipUpdateCallback="reloadShopData"
-                        @updated-mobile-fee-part="setMobileFeePart"
-                        @updated-serviceability="setServiceabilityDetails"
-                        @updated-contains-military-base="
-                            setContainsMilitaryBase
-                        " />
-                    <shopQuestion
-                        v-show="isShopQuestionDisplayed"
-                        ref="shopQuestion"
-                        v-model="selectedProvider"
-                        :selectedAppointmentType="selectedAppointmentType"
-                        :isDisplayed="isShopQuestionDisplayed"
-                        cmsWidgetName="ShopQuestionWidget"
-                        @updatedMobileProviderNumber="
-                            setMobileProviderNumber
-                        " />
-                    <contentGroupModal
-                        ref="RecalModal"
-                        cmsWidgetName="RecalModal" />
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4">
-                    <siteFooter
-                        ref="siteFooter"
-                        class="mt-5"
-                        cmsWidgetName="SiteFooterWidget"
-                        :isForwardActionDisabled="
-                            !meta.valid || displayNoShopsAlert
-                        "
-                        @backClicked="navigateBack"
-                        @forwardClicked="forwardButtonAction" />
-                </div>
+        <div class="page-container-grouped-styles">
+            <siteHeader cmsWidgetName="SiteHeaderWidget" />
+            <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-5" />
+            <div class="main-content-container">
+                <serviceZipModalQuestion
+                    ref="serviceZipCodeQuestion"
+                    v-model="serviceZipCodeQuestion"
+                    modalWidgetName="ServiceZipModalWidget"
+                    :onZipUpdateCallback="reloadShopData"
+                    @updatedServiceability="setServiceabilityDetails"
+                    @updatedContainsMilitaryBase="setContainsMilitaryBase" />
+                <alert
+                    v-if="displayMilitaryZipAlert"
+                    ref="alertMilitaryBaseZip"
+                    class="my-5"
+                    cmsWidgetName="AlertMilitaryBaseZipWidget"
+                    alertClass="alert-warning" />
+                <alert
+                    v-if="displayServiceableMobileOnly"
+                    ref="alertMobileOnly"
+                    class="my-5"
+                    cmsWidgetName="AlertMobileOnlyWidget"
+                    alertClass="alert-warning" />
+                <alert
+                    v-if="displayRecalibrationWarning"
+                    ref="alertRecalNoMobile"
+                    class="my-5"
+                    cmsWidgetName="AlertRecalNoMobileWidget"
+                    alertClass="alert-warning"
+                    @text-link-clicked="openModalAction" />
+                <alert
+                    v-if="displayServiceableInshopOnly"
+                    ref="alertInshopOnly"
+                    class="my-5"
+                    cmsWidgetName="AlertInshopOnlyWidget"
+                    alertClass="alert-warning" />
+                <alert
+                    v-if="displayNoShopsAlert"
+                    ref="alertNoShops"
+                    class="my-5"
+                    cmsWidgetName="AlertNoShopsWidget"
+                    alertClass="alert-warning" />
+                <appointmentTypeQuestion
+                    v-show="isAppointmentTypeDisplayed"
+                    ref="appointmentTypeQuestion"
+                    v-model="selectedAppointmentType"
+                    :isServiceableMobile="isServiceableMobile"
+                    :isServiceableInshop="isServiceableInshop"
+                    :isDisplayed="isAppointmentTypeDisplayed"
+                    groupName="appointmentTypeQuestion"
+                    cmsWidgetName="AppointmentTypeQuestionWidget"
+                    validationRules="option-required" />
+                <mobileLocationModalQuestions
+                    v-if="isMobileLocationDisplayed"
+                    ref="mobileLocationQuestions"
+                    v-model="mobileLocationQuestions"
+                    customComponentId="mobileLocationQuestions"
+                    :mobileFeePart="mobileFeePart"
+                    validationRules="mobile-location-required"
+                    linkWidgetName="MobileLocationLinkWidget"
+                    modalWidgetName="MobileLocationModalWidget"
+                    :onZipUpdateCallback="reloadShopData"
+                    @updated-mobile-fee-part="setMobileFeePart"
+                    @updated-serviceability="setServiceabilityDetails"
+                    @updated-contains-military-base="setContainsMilitaryBase" />
+                <shopQuestion
+                    v-show="isShopQuestionDisplayed"
+                    ref="shopQuestion"
+                    v-model="selectedProvider"
+                    :selectedAppointmentType="selectedAppointmentType"
+                    :isDisplayed="isShopQuestionDisplayed"
+                    cmsWidgetName="ShopQuestionWidget"
+                    @updatedMobileProviderNumber="setMobileProviderNumber" />
+                <contentGroupModal
+                    ref="RecalModal"
+                    cmsWidgetName="RecalModal" />
+                <siteFooter
+                    ref="siteFooter"
+                    class="mt-5"
+                    cmsWidgetName="SiteFooterWidget"
+                    :isForwardActionDisabled="
+                        !meta.valid || displayNoShopsAlert
+                    "
+                    @backClicked="navigateBack(this, navigateBackScenario)"
+                    @forwardClicked="forwardButtonAction" />
+                >>>>>>> develop
             </div>
         </div>
     </Form>
@@ -382,6 +358,12 @@ export default {
         displayServiceableMobileOnly() {
             return this.isServiceableMobile && !this.isServiceableInshop;
         },
+        navigateBackScenario() {
+            const { isNoComp, isITAC } = useMainStore();
+            return isNoComp || isITAC
+                ? this.navigationScenarios.CLICKED_BACK_CANNOT_REACH_TPA_FLOW
+                : this.navigationScenarios.CLICKED_BACK_CAN_REACH_TPA_FLOW;
+        },
     },
     methods: {
         arePagePrerequisitesValid() {
diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index 53f316ee..78869119 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -28,10 +28,10 @@ export default {
             const footerInfoBox = document.querySelector('.footer#infoBox');
             return footerInfoBox ? footerInfoBox.offsetHeight : 0;
         },
-        navigateBack(vm) {
+        navigateBack(vm, scenario = this.navigationScenarios.CLICKED_BACK) {
             const self = vm ?? this;
 
-            self.$router.navigateWithSpinner(this.navigationScenarios.CLICKED_BACK, self.$route);
+            self.$router.navigateWithSpinner(scenario, self.$route);
         },
         savePageDataToStore(page, data) {
             useMainStore().updatePageData({ page, data });
diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js
index bd079640..8bc295df 100644
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@@ -80,6 +80,10 @@ const navigationScenarios = Object.freeze({
     EDIT_PREFERRED_SHOP: 'EDIT_PREFERRED_SHOP',
     EDIT_CONTACT_DETAILS: 'EDIT_CONTACT_DETAILS',
 
+    // Service location
+    CLICKED_BACK_CANNOT_REACH_TPA_FLOW: 'CLICKED_BACK_CANNOT_REACH_TPA_FLOW',
+    CLICKED_BACK_CAN_REACH_TPA_FLOW: 'CLICKED_BACK_CAN_REACH_TPA_FLOW',
+
     // Provider Preference
     CLICKED_FORWARD_WITH_SAFELITE: 'CLICKED_FORWARD_WITH_SAFELITE',
     CLICKED_FORWARD_WITH_TPA_ENABLED: 'CLICKED_FORWARD_WITH_TPA_ENABLED',
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 405eceea..a005582f 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -559,7 +559,11 @@ const routingTable = () => [
         issPageValue: issPageValues.SERVICE_LOCATION,
         maps: [
             {
-                scenario: navigationScenarios.CLICKED_BACK,
+                scenario: navigationScenarios.CLICKED_BACK_CANNOT_REACH_TPA_FLOW,
+                destinationIssPageValue: issPageValues.COVERAGE_STATEMENT
+            },
+            {
+                scenario: navigationScenarios.CLICKED_BACK_CAN_REACH_TPA_FLOW,
                 destinationIssPageValue: issPageValues.PROVIDER_PREFERENCE
             },
             {
diff --git a/src/store/index.js b/src/store/index.js
index e616d1c0..def5b0cc 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -206,7 +206,8 @@ export const getDefaultState = () => ({
         currentDeductible: null,
         carrierPhoneNumber: null,
         loadedFromDupeCheck: null,
-        loadedSessionClearedPreviousData: null
+        loadedSessionClearedPreviousData: null,
+        availableVaps: null
     },
     applicationUser: {
         experiments: [],
@@ -242,7 +243,8 @@ export const getDefaultState = () => ({
             policyZipCode: null,
             dateOfLoss: null
         },
-        siteType: null
+        siteType: null,
+        enableNoCompQuote: false
     }
 });
 
@@ -280,8 +282,27 @@ export const useMainStore = defineStore({
         isClaimAlreadyRegistered: (state) => state.order.payment.insuranceCoverage.claimNumber !== null,
         isBailout: (state) => state.applicationUser.pageData[issPageValues.BAILOUT_PAGE] != null,
         bailoutCode: (state) => state.applicationUser.pageData[issPageValues.BAILOUT_PAGE]?.bailoutCode,
-        isNoComp: (state) => !!state.order.policy.noCoverage,
+        isNoComp: (s) => !!s.order.policy.noCoverage,
         isITAC: (state) => !!state.order.policy.isITAC,
+        isUnverified: (s) => {
+            const { payment, currentDeductible, policy } = s.order;
+            const { policyLookupSuccessful } = policy;
+            const registerClaimSuccessful = !!payment.insuranceCoverage.isVerified;
+            if (!policyLookupSuccessful) {
+                return true;
+            }
+            if (s.isNoComp && !s.issConfig.enableNoCompQuote) {
+                return true;
+            }
+            if (!s.isNoComp && currentDeductible == null) {
+                return true;
+            }
+            if (s.isClaimRegistrationRequired && !registerClaimSuccessful) {
+                return true;
+            }
+            return false;
+        },
+        // TODO condense verification logic
         isVerifiedCoverageStatus: (state) => state.order.payment.insuranceCoverage.coverageStatus === coverageStatuses.VERIFIED,
         eventBusItem: (state) => (eventCategory, eventSubCategory) => {
             const matchedEvent = state.applicationUser.eventBus.find(({ category, subCategory }) => category === eventCategory && subCategory === eventSubCategory);
@@ -1691,6 +1712,7 @@ export const useMainStore = defineStore({
             this.issConfig.disabledFields.policyZipCode = false;
             this.issConfig.disabledFields.dateOfLoss = false;
             this.issConfig.siteType = null;
+            this.issConfig.enableNoCompQuote = false;
             this.issConfig.billToAccountNumber = null;
             this.issConfig.itacCashBillToNumber = null;
             this.issConfig.itacFnrBillToNumber = null;
@@ -1880,46 +1902,6 @@ export const useMainStore = defineStore({
             this.updateCapabilityQuestionAnswers(capabilityQuestionAnswersArray);
         },
 
-        // Price order actions
-        async priceOrderItemsAndSaveServerData(availableLineItems, serviceZipCode, serviceZipCodeCtu) {
-            const zipCodeToUse = serviceZipCode || this.order.serviceLocation.zipCode;
-            const ctuToUse = serviceZipCodeCtu || this.order.serviceLocation.zipCodeCtu;
-            const flattenedLineItemsWithChildParts = getFlattenedArrayOfLineItemsWithChildParts(availableLineItems);
-            const lineItemsWithOnlyPartNumbers = flattenedLineItemsWithChildParts.map((lineItem) => ({
-                partNumber: lineItem.partNumber
-            }));
-            const availableLineItemsFormattedForRequest =
-                buildQueryStringParameterFromArrayOfComplexObjects(
-                    lineItemsWithOnlyPartNumbers,
-                    'lineItems'
-                );
-
-            const { vehicle } = this.order;
-
-            let queryString =
-            `ParentAccountNumber=${this.order.accountNumber}`
-            + `&CTU=${ctuToUse}`
-            + `&CarId=${vehicle.carId}`
-            + `&Make=${vehicle.make}`
-            + `&Model=${vehicle.model}`
-            + `&Year=${vehicle.year}`
-            + `&EON=${this.order.eon}`
-            + `&ZipCode=${zipCodeToUse}`
-            + `&${availableLineItemsFormattedForRequest}`;
-
-            const lineItemServerData = this.order.lineItems.serverData;
-            if (lineItemServerData) {
-                queryString += `&ServerData=${encodeURIComponent(lineItemServerData)}`;
-            }
-
-            const response = await globalMethods.callHttpClient({
-                method: endpoints.GetPriceOrderItems.method,
-                endpoint: `${endpoints.GetPriceOrderItems.url}?${queryString}`
-            });
-
-            // context.commit(storeMutations.UPDATE_LINE_ITEMS_SERVER_DATA, response.data.serverData);
-            return addPricesToLineItems(availableLineItems, response.data.lineItems);
-        },
         // Tax order actions
         async taxOrderItemsAndSaveServerData(pricedLineItems) {
             const { order } = this;
@@ -2291,13 +2273,13 @@ export const useMainStore = defineStore({
 
         setBailout(bailoutData) {
             const params = new URL(document.location.toString()).searchParams;
-            const currentPage  = params.get('issPage');
+            const currentPage = params.get('issPage');
 
             this.updatePageData({
                 page: issPageValues.BAILOUT_PAGE,
                 data: {
                     url: window.location.href,
-                    page: currentPage  || 'Unknown Page',
+                    page: currentPage || 'Unknown Page',
                     bailoutCode: bailoutData.code,
                     errorMessage: bailoutData.message,
                     submit: false
diff --git a/src/store/store.spec.js b/src/store/store.spec.js
index 6499d98a..c575b1fa 100644
--- a/src/store/store.spec.js
+++ b/src/store/store.spec.js
@@ -1465,6 +1465,79 @@ describe('Store', () => {
         });
     });
 
+    describe('isUnverified', () => {
+        beforeEach(() => {
+            store.order.policy.isITAC = false;
+            store.order.policy.noCoverage = false;
+            store.order.payment.insuranceCoverage.isVerified = true;
+            store.order.currentDeductible = 123;
+            store.order.policy.policyLookupSuccessful = true;
+            store.issConfig.isClaimRegistrationRequired = true;
+            store.issConfig.enableNoCompQuote = true;
+        });
+        it('returns true when policyLookupSuccessful false', () => {
+            // Arrange
+            store.order.policy.policyLookupSuccessful = false;
+
+            // Act
+            const result = store.isUnverified;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        it('returns true when no comp and enableNoCompQuote false', () => {
+            // Arrange
+            store.order.policy.noCoverage = true;
+            store.issConfig.enableNoCompQuote = false;
+
+            // Act
+            const result = store.isUnverified;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        it('returns true when not no comp and currentDeductible null', () => {
+            // Arrange
+            store.order.policy.noCoverage = false;
+            store.order.currentDeductible = null;
+
+            // Act
+            const result = store.isUnverified;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        it('returns true when isClaimRegistrationRequired true and insurance coverage not verified', () => {
+            // Arrange
+            store.order.payment.insuranceCoverage.isVerified = false;
+
+            // Act
+            const result = store.isUnverified;
+
+            // Assert
+            expect(result).toBeTruthy();
+        });
+        it('returns false when no comp, enableNoCompQuote true, and currentDeductible null', () => {
+            // Arrange
+            store.order.policy.noCoverage = true;
+            store.order.currentDeductible = null;
+            store.issConfig.enableNoCompQuote = true;
+
+            // Act
+            const result = store.isUnverified;
+
+            // Assert
+            expect(result).toBeFalsy();
+        });
+        it('returns false when not no comp, currentDeductible not null', () => {
+            // Act
+            const result = store.isUnverified;
+
+            // Assert
+            expect(result).toBeFalsy();
+        });
+    });
+
     describe('isMobileAppointment', () => {
         it('Should return true for mobile appointments', () => {
             // Arrange