From 3d314d4e67b16771c5cb5df6da335d8e590a01f0 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 12 Aug 2025 11:55:32 -0400
Subject: [PATCH 1/7] Consume button text as v-html rather than sanitized text

---
 src/ux-components/button-main/button-main.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index 982e7bb1b..a7ff6836a 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -8,7 +8,7 @@
             isLoaderDisplayed && !suppressLoader ? 'has-loader' : '',
         ]"
         @click="clicked">
-        <span class="m-0">{{ this.buttonText }}</span>
+        <span class="m-0" v-html="buttonText"></span>
         <loader
             class="ms-2"
             v-if="isLoaderDisplayed && !suppressLoader"

From a854023c66d730fe355d9d74a1a76cd015220d6b Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 12 Aug 2025 13:37:05 -0400
Subject: [PATCH 2/7] Also make change for sub-header for payment-method

---
 src/fmg-components/funnel-sub-header/funnel-sub-header.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/fmg-components/funnel-sub-header/funnel-sub-header.vue b/src/fmg-components/funnel-sub-header/funnel-sub-header.vue
index f42a90972..b6bd5c705 100644
--- a/src/fmg-components/funnel-sub-header/funnel-sub-header.vue
+++ b/src/fmg-components/funnel-sub-header/funnel-sub-header.vue
@@ -17,9 +17,7 @@
             v-if="subText"
             class="d-flex align-items-center justify-content-center container-fluid overflow-hidden mt-1">
             <p class="text-center small fw-normal sub-text">
-                <span>
-                    {{ subText }}
-                </span>
+                <span v-html="subText"></span>
             </p>
         </div>
     </div>

From 4cf50296f591d391ce3f348f8383b6f6259cb4de Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 12 Aug 2025 14:55:20 -0400
Subject: [PATCH 3/7] CASH-1397 fix spacing on damage and estimate pages.

---
 src/layouts/estimate/estimate.vue             | 4 ++--
 src/layouts/vehicle-damage/vehicle-damage.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index fe32d7b98..c420d75c8 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -9,9 +9,9 @@
             </div>
             <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4 mt-4">
-                    <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
+                    <funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
                     <div>
-                        <div class="vinlookupquestion" v-html="this.VinLookupQuestionText"></div>
+                        <div class="vinlookupquestion mb-5" v-html="this.VinLookupQuestionText"></div>
                         <buttonQuestion
                             cmsWidgetName="VinLookupMethod"
                             :answers="answersFromCms"
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 7096bd08c..6fdf94d0e 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -7,7 +7,7 @@
                 </div>
             </div>
             <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4 mt-4">
+                <div class="col-md-6 col-xl-4 mt-4 pb-5">
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
                     <alert
                         ref="vehicleChangeAlert"

From d04d3933f434989ba0948a420f9806bd434c874d Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 12 Aug 2025 15:01:40 -0400
Subject: [PATCH 4/7] CASH-1397 format code.

---
 src/layouts/estimate/estimate.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index c420d75c8..6ee944f01 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -11,7 +11,9 @@
                 <div class="col-md-6 col-xl-4 mt-4">
                     <funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
                     <div>
-                        <div class="vinlookupquestion mb-5" v-html="this.VinLookupQuestionText"></div>
+                        <div
+                            class="vinlookupquestion mb-5"
+                            v-html="this.VinLookupQuestionText"></div>
                         <buttonQuestion
                             cmsWidgetName="VinLookupMethod"
                             :answers="answersFromCms"

From ea3e103555997f17ea78393930f8a1c83ead99bd Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 12 Aug 2025 15:10:59 -0400
Subject: [PATCH 5/7] CASH-1397 remove "this."

---
 src/layouts/estimate/estimate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 6ee944f01..119b293e5 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -13,7 +13,7 @@
                     <div>
                         <div
                             class="vinlookupquestion mb-5"
-                            v-html="this.VinLookupQuestionText"></div>
+                            v-html="VinLookupQuestionText"></div>
                         <buttonQuestion
                             cmsWidgetName="VinLookupMethod"
                             :answers="answersFromCms"

From 637ed9738c661bc0fe28de9aabb8c4d5ce8874b7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 12 Aug 2025 15:14:43 -0400
Subject: [PATCH 6/7] CASH-1397 format code.

---
 src/layouts/estimate/estimate.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 119b293e5..d891414ec 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -11,9 +11,7 @@
                 <div class="col-md-6 col-xl-4 mt-4">
                     <funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
                     <div>
-                        <div
-                            class="vinlookupquestion mb-5"
-                            v-html="VinLookupQuestionText"></div>
+                        <div class="vinlookupquestion mb-5" v-html="VinLookupQuestionText"></div>
                         <buttonQuestion
                             cmsWidgetName="VinLookupMethod"
                             :answers="answersFromCms"

From a7400a622ea1deacc6d186367f774e9b5f115451 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 13 Aug 2025 09:08:14 -0400
Subject: [PATCH 7/7] CASH-1397 add copy to header.

---
 src/layouts/estimate/estimate.vue | 32 +++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index d891414ec..b779eea20 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -11,7 +11,14 @@
                 <div class="col-md-6 col-xl-4 mt-4">
                     <funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
                     <div>
-                        <div class="vinlookupquestion mb-5" v-html="VinLookupQuestionText"></div>
+                        <p class="header-copy mb-2 text-md-center" v-html="HeaderText"></p>
+
+                        <p
+                            class="header-sub-copy mb-5 text-md-center"
+                            v-html="VinLookupQuestionText"></p>
+
+                        <p class="select-option mb-2" v-html="SelectOptionText"></p>
+
                         <buttonQuestion
                             cmsWidgetName="VinLookupMethod"
                             :answers="answersFromCms"
@@ -229,6 +236,12 @@ export default {
         VinLookupQuestionText() {
             return this.getCmsContent("VinLookupQuestion", "BodyText");
         },
+        HeaderText() {
+            return this.getCmsContent("VinLookupQuestion", "HeaderText");
+        },
+        SelectOptionText() {
+            return this.getCmsContent("VinLookupQuestion", "FooterText");
+        },
     },
     components: {
         funnelHeader,
@@ -241,16 +254,15 @@ export default {
 };
 </script>
 
-<style lang="scss">
-.vinlookupquestion p {
-    margin-bottom: 0;
+<style lang="scss" scoped>
+.header-copy {
+    font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
 }
-.vinlookupquestion strong {
-    font-weight: 500;
-    color: $black;
-}
-.vinlookupquestion p:nth-child(2) {
+.header-sub-copy {
     font-size: 0.875rem;
-    margin-bottom: 1rem;
+}
+.select-option {
+    font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
+    font-weight: 600;
 }
 </style>