From af7e124af948162f44574368d60454e5cdade0b8 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 12 Aug 2025 12:30:50 -0400
Subject: [PATCH 1/2] CASH-1396 quote page UI bug fixes.

---
 .../service-package-radio-for-afterpay.vue        |  1 -
 .../afterpay-modal-banner.vue                     |  3 ++-
 .../service-package-radio.vue                     | 15 ++++++++++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue
index 1363b9afa..e3c9d3ae0 100644
--- a/src/experiment-components/service-package-radio-for-afterpay.vue
+++ b/src/experiment-components/service-package-radio-for-afterpay.vue
@@ -331,7 +331,6 @@ export default {
             }
 
             p {
-                font-weight: 600;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
index 03eff01a9..a4087e8ab 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -130,7 +130,8 @@ export default {
 
     .callout {
         font-family:
-            UrbanistSemibold Arial,
+            UrbanistSemibold,
+            Arial,
             Helvetica,
             sans-serif;
     }
diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
index 9518b42fa..42741a03a 100644
--- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
+++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
@@ -243,11 +243,15 @@ export default {
                         .hide-when-closed {
                             display: block;
                         }
+                        p:first-child {
+                            font-weight: 600;
+                        }
                     }
                 }
                 + .package-label {
                     border: 1px solid $blue;
                     max-height: 500px;
+                    background-color: $blue-100;
                     .special-save-box {
                         background-color: $green-200;
                     }
@@ -291,12 +295,21 @@ export default {
                 align-items: center;
             }
 
+            .pricing-info .insurance-pricing span {
+                font-size: 0.875rem;
+                font-family: Urbanist, Arial, Helvetica, sans-serif;
+                font-weight: 500;
+            }
+
             p {
-                font-weight: 600;
+                font-family: Urbanist, Arial, Helvetica, sans-serif;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
                 white-space: nowrap;
+                &:first-child {
+                    font-weight: 400;
+                }
                 span {
                     &.pricing-info {
                         color: $green;

From e132ec9875f271047f6af51a5f78ef80a4c5e5fa Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 12 Aug 2025 13:10:16 -0400
Subject: [PATCH 2/2] CASH-1396 format code.

---
 .../quote/afterpay-modal-banner/afterpay-modal-banner.vue   | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
index a4087e8ab..812dc1130 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -129,11 +129,7 @@ export default {
     }
 
     .callout {
-        font-family:
-            UrbanistSemibold,
-            Arial,
-            Helvetica,
-            sans-serif;
+        font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
     }
 
     > div:first-of-type {