From 947d56c47b93cf7cb2c1b1fdc46119ed51eec71a Mon Sep 17 00:00:00 2001
From: scottkiener-at-safelite <scott.kiener@safelite.com>
Date: Thu, 15 Jan 2026 11:49:17 -0500
Subject: [PATCH] Recal - Verified - Deductible | Text styling

Including cost styling for
---
 .../coverage-statement/coverage-statement.vue  | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 19059edb..8579927b 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -27,7 +27,7 @@
                         v-html="secondaryText"></div>
                     <div
                         v-if="isDeductibleVisible"
-                        class="d-flex justify-content-center cost">
+                        class="d-flex cost">
                         {{ formatAmountInDollars(deductibleValue) }}
                     </div>
                     <div
@@ -226,6 +226,11 @@ export default {
     },
     computed: {
         coverageStatementSubHeader() {
+            console.log('coverageStatementSubHeader', this.widget.subheader);
+            console.log('getTextFromCmsWithCustomIfStatements', this.getTextFromCmsWithCustomIfStatements(
+                this.widget.subheader,
+                widgetFields.SUB_HEADER_WIDGET.SUB_HEADER_TEXT
+            ));
             return this.getTextFromCmsWithCustomIfStatements(
                 this.widget.subheader,
                 widgetFields.SUB_HEADER_WIDGET.SUB_HEADER_TEXT
@@ -509,9 +514,11 @@ export default {
 .coverage-statement {
     .cost {
         color: $green;
-        font-size: 2rem;
-        font-weight: $font-weight-light;
-        line-height: 2.75rem;
+        font-size: 1.675rem;
+        font-weight: $font-weight-bold;
+        line-height: 2.5rem;
+        border-bottom: 4px solid #0c7e47;
+        width: fit-content;
     }
     .deductible-text {
         line-height: 1.5rem;
@@ -524,7 +531,6 @@ export default {
         padding-left: 1.125rem;
         padding-right: 1.125rem;
         line-height: 1.5rem;
-        font-size: .875rem;
 
         li {
             margin-bottom: .5rem;
@@ -532,14 +538,12 @@ export default {
     }
     :deep(p) {
         line-height: 1.5rem;
-        font-size: 0.875rem;
         margin-bottom: 0.5rem;
         strong {
             color: $black;
         }
     }
     :deep(.body-text) {
-        font-size: 0.875rem;
         line-height: 1.5rem;
     }
     :deep(.question-text) {