Merge Stage into Main (#228)

* #181 Fix styles of pet-tags/tag-quote and pet-tags/tag-select (#182) * hotfix for change domain * adding additional environment entry to config * updated trusted site block * Menu links refactoring (#188) * merge stage into main * changed links decoration approach * PM-361 * PM-361 * updated document-based footer * added x icon for footer * removed external icon for petmicrochiplookup.org link * 24PW: Post Purchase Thank You Page - EDS Build (#201) * Add svg icons * Fix svg icon name * Fix svg icon * Fix svg icon * Added gray column * Added autocomplite functionality * Added fix for autocomplite functionality * Added validagtors for promocode and zipcode, added loader animation * Added some validators * Added some validators * Handlers/validators refactoring * enhanced for Canada * Canadian legal and Canadian icons * the beginning of the submit execution * the middle of the submit execution * the completion of the submit execution * fix JavaScript linting * Fix validators for subbmit button * allow for re-entering Step 1 * Fix validators for breed input * honor a query param of 'petId' when re-entering Step 1 * strengthen our client API * Fix validators for zipCode and async problem * Separate js for the first page * Fix zip code handler * Some part of summary-quote * Added button "Proceed to Payment" * Small css fixes * Small fixes for lpm-plus * Fixed svg classes and added the icon for lpm-plus * Added fragments with additional info to summary page * Added loader.js * Small refctoring * Move the form to form.js * Added the form to summary page * Remove wrong div * Fixed icons in fragments * Small cleaning * Form cleaning * Improved the chip number validator * Added isSummaryPage * Added isSummaryPage * Improve loader * Added loader to summary page * Added isSummaryPage to the form * Intermediate code for adding a pet on the summary page * Fix issue with styled icons * Added form functionality to summary page * Added pet removing functionality to summary page * Hide promocode field on summary page * Fix flow id * Fix css * Fix css * Fixes for CA * Fixes for linters * Added promo code functionality * Fixed parameter for payment url * Fix promo code functionality * Fix typo * Fix styles * Added header with only logo * Fix styles * Improvments for zip code handler * WIP on feature/post-purchase-thank-you-page * Fix zip code handler for CA * Promocode fixes * Promocode fixes * WIP on feature/post-purchase-thank-you-page * Added minus for discount * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * Remove a comment * Fixed birthday for pets * WIP on feature/post-purchase-thank-you-page * Fixed birthday for pets * Fixed birthday for pets --------- Co-authored-by: Bohdan Korablov <[email protected]> Co-authored-by: Mike Weis <[email protected]> Co-authored-by: Mike Weis <[email protected]> * 24PW: Post Purchase Thank You Page - EDS Build - QA Feedback Updates (#203) * Add svg icons * Fix svg icon name * Fix svg icon * Fix svg icon * Added gray column * Added autocomplite functionality * Added fix for autocomplite functionality * Added validagtors for promocode and zipcode, added loader animation * Added some validators * Added some validators * Handlers/validators refactoring * enhanced for Canada * Canadian legal and Canadian icons * the beginning of the submit execution * the middle of the submit execution * the completion of the submit execution * fix JavaScript linting * Fix validators for subbmit button * allow for re-entering Step 1 * Fix validators for breed input * honor a query param of 'petId' when re-entering Step 1 * strengthen our client API * Fix validators for zipCode and async problem * Separate js for the first page * Fix zip code handler * Some part of summary-quote * Added button "Proceed to Payment" * Small css fixes * Small fixes for lpm-plus * Fixed svg classes and added the icon for lpm-plus * Added fragments with additional info to summary page * Added loader.js * Small refctoring * Move the form to form.js * Added the form to summary page * Remove wrong div * Fixed icons in fragments * Small cleaning * Form cleaning * Improved the chip number validator * Added isSummaryPage * Added isSummaryPage * Improve loader * Added loader to summary page * Added isSummaryPage to the form * Intermediate code for adding a pet on the summary page * Fix issue with styled icons * Added form functionality to summary page * Added pet removing functionality to summary page * Hide promocode field on summary page * Fix flow id * Fix css * Fix css * Fixes for CA * Fixes for linters * Added promo code functionality * Fixed parameter for payment url * Fix promo code functionality * Fix typo * Fix styles * Added header with only logo * Fix styles * Improvments for zip code handler * WIP on feature/post-purchase-thank-you-page * Fix zip code handler for CA * Promocode fixes * Promocode fixes * WIP on feature/post-purchase-thank-you-page * Added minus for discount * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * Remove a comment * Fixed birthday for pets * WIP on feature/post-purchase-thank-you-page * Fixed birthday for pets * Fixed birthday for pets * QA feedback updates * Fix lint issue --------- Co-authored-by: Bohdan Korablov <[email protected]> Co-authored-by: Mike Weis <[email protected]> Co-authored-by: Mike Weis <[email protected]> * 24PW: Post Purchase Thank You Page - EDS Build - QA Feedback Updates (#204) * Add svg icons * Fix svg icon name * Fix svg icon * Fix svg icon * Added gray column * Added autocomplite functionality * Added fix for autocomplite functionality * Added validagtors for promocode and zipcode, added loader animation * Added some validators * Added some validators * Handlers/validators refactoring * enhanced for Canada * Canadian legal and Canadian icons * the beginning of the submit execution * the middle of the submit execution * the completion of the submit execution * fix JavaScript linting * Fix validators for subbmit button * allow for re-entering Step 1 * Fix validators for breed input * honor a query param of 'petId' when re-entering Step 1 * strengthen our client API * Fix validators for zipCode and async problem * Separate js for the first page * Fix zip code handler * Some part of summary-quote * Added button "Proceed to Payment" * Small css fixes * Small fixes for lpm-plus * Fixed svg classes and added the icon for lpm-plus * Added fragments with additional info to summary page * Added loader.js * Small refctoring * Move the form to form.js * Added the form to summary page * Remove wrong div * Fixed icons in fragments * Small cleaning * Form cleaning * Improved the chip number validator * Added isSummaryPage * Added isSummaryPage * Improve loader * Added loader to summary page * Added isSummaryPage to the form * Intermediate code for adding a pet on the summary page * Fix issue with styled icons * Added form functionality to summary page * Added pet removing functionality to summary page * Hide promocode field on summary page * Fix flow id * Fix css * Fix css * Fixes for CA * Fixes for linters * Added promo code functionality * Fixed parameter for payment url * Fix promo code functionality * Fix typo * Fix styles * Added header with only logo * Fix styles * Improvments for zip code handler * WIP on feature/post-purchase-thank-you-page * Fix zip code handler for CA * Promocode fixes * Promocode fixes * WIP on feature/post-purchase-thank-you-page * Added minus for discount * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * Remove a comment * Fixed birthday for pets * WIP on feature/post-purchase-thank-you-page * Fixed birthday for pets * Fixed birthday for pets * QA feedback updates * Fix lint issue * QA feedback updates --------- Co-authored-by: Bohdan Korablov <[email protected]> Co-authored-by: Mike Weis <[email protected]> Co-authored-by: Mike Weis <[email protected]> * Fixes for the form issues (#205) * Feature/post purchase thank you page (#206) * Add svg icons * Fix svg icon name * Fix svg icon * Fix svg icon * Added gray column * Added autocomplite functionality * Added fix for autocomplite functionality * Added validagtors for promocode and zipcode, added loader animation * Added some validators * Added some validators * Handlers/validators refactoring * enhanced for Canada * Canadian legal and Canadian icons * the beginning of the submit execution * the middle of the submit execution * the completion of the submit execution * fix JavaScript linting * Fix validators for subbmit button * allow for re-entering Step 1 * Fix validators for breed input * honor a query param of 'petId' when re-entering Step 1 * strengthen our client API * Fix validators for zipCode and async problem * Separate js for the first page * Fix zip code handler * Some part of summary-quote * Added button "Proceed to Payment" * Small css fixes * Small fixes for lpm-plus * Fixed svg classes and added the icon for lpm-plus * Added fragments with additional info to summary page * Added loader.js * Small refctoring * Move the form to form.js * Added the form to summary page * Remove wrong div * Fixed icons in fragments * Small cleaning * Form cleaning * Improved the chip number validator * Added isSummaryPage * Added isSummaryPage * Improve loader * Added loader to summary page * Added isSummaryPage to the form * Intermediate code for adding a pet on the summary page * Fix issue with styled icons * Added form functionality to summary page * Added pet removing functionality to summary page * Hide promocode field on summary page * Fix flow id * Fix css * Fix css * Fixes for CA * Fixes for linters * Added promo code functionality * Fixed parameter for payment url * Fix promo code functionality * Fix typo * Fix styles * Added header with only logo * Fix styles * Improvments for zip code handler * WIP on feature/post-purchase-thank-you-page * Fix zip code handler for CA * Promocode fixes * Promocode fixes * WIP on feature/post-purchase-thank-you-page * Added minus for discount * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * WIP on feature/post-purchase-thank-you-page * Remove a comment * Fixed birthday for pets * WIP on feature/post-purchase-thank-you-page * Fixed birthday for pets * Fixed birthday for pets * QA feedback updates * Fix lint issue * QA feedback updates * QA feedback updates --------- Co-authored-by: Bohdan Korablov <[email protected]> Co-authored-by: Mike Weis <[email protected]> Co-authored-by: Mike Weis <[email protected]> * Sync develop into stage (#207) * 24PW: Membership V2 Paid Page - EDS Build (#208) * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * Datalayer updates for feature/membership-v2-paid-page * Datalayer updates for feature/membership-v2-paid-page * Fix lint issues on feature/membership-v2-paid-page * 24PW: Membership V2 Paid Page - QA Updates (#209) * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * Datalayer updates for feature/membership-v2-paid-page * Datalayer updates for feature/membership-v2-paid-page * Fix lint issues on feature/membership-v2-paid-page * QA feedback updates on feature/membership-v2-paid-page * QA feedback updates on feature/membership-v2-paid-page * Add page /paid/lost-pet-protection (#194) * WIP on feature/lost-pet-protection-paid-page * WIP on feature/lost-pet-protection-paid-page * WIP on feature/lost-pet-protection-paid-page * WIP on feature/lost-pet-protection-paid-page * WIP on feature/lost-pet-protection-paid-page * 24PW: Membership V2 Paid Page - QA Updates (#211) * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * WIP on feature/membership-v2-paid-page * Datalayer updates for feature/membership-v2-paid-page * Datalayer updates for feature/membership-v2-paid-page * Fix lint issues on feature/membership-v2-paid-page * QA feedback updates on feature/membership-v2-paid-page * QA feedback updates on feature/membership-v2-paid-page * QA feedback updates on feature/membership-v2-paid-page * QA feedback updates on feature/membership-v2-paid-page * Fix config matching (#212) * 24PW: Lost Pet Recovery Paid Page - EDS Build (#210) * WIP on feature/lost-pet-recovery-paid-page * WIP on feature/lost-pet-recovery-paid-page * WIP on feature/lost-pet-recovery-paid-page * WIP on feature/lost-pet-recovery-paid-page * Fix lint issue * Sync develop into stage (#213) * Sync develop into stage (#213) (#214) * Fix css (#216) * Sync develop into stage (#220) * 24PW: New Template - Paid Blog (#219) * 24PW: Pawpack Page - EDS Build (#215) * Added Shipping of Tag to the summary page (#221) --------- Co-authored-by: Bohdan Korablov <[email protected]> * Sync develop into stage (#223) * 24PW: New Template - Paid Blog (#219) * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * 24PW: Pawpack Page - EDS Build (#215) * WIP on feature/pawpack-page * WIP on feature/pawpack-page * Fix lint issues on feature/pawpack-page * WIP on feature/pawpack-page * Added Shipping of Tag to the summary page (#221) * 24PW: Pawpack Page - EDS Build - QA Feedback (#222) * WIP on feature/pawpack-page * WIP on feature/pawpack-page * Fix lint issues on feature/pawpack-page * WIP on feature/pawpack-page * QA feedback on feature/pawpack-page * QA feedback on feature/pawpack-page * QA feedback on feature/pawpack-page * QA feedback on feature/pawpack-page * WIP on bugfix/mobile-nav-redirect-visibility (#224) --------- Co-authored-by: Bohdan Korablov <[email protected]> * Sync develop into stage (#227) * 24PW: New Template - Paid Blog (#219) * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * WIP on feature/paid-blog-landing-page * 24PW: Pawpack Page - EDS Build (#215) * WIP on feature/pawpack-page * WIP on feature/pawpack-page * Fix lint issues on feature/pawpack-page * WIP on feature/pawpack-page * Added Shipping of Tag to the summary page (#221) * 24PW: Pawpack Page - EDS Build - QA Feedback (#222) * WIP on feature/pawpack-page * WIP on feature/pawpack-page * Fix lint issues on feature/pawpack-page * WIP on feature/pawpack-page * QA feedback on feature/pawpack-page * QA feedback on feature/pawpack-page * QA feedback on feature/pawpack-page * QA feedback on feature/pawpack-page * WIP on bugfix/mobile-nav-redirect-visibility (#224) * 24PW: Pet Insurance - Aggregator Widget (#225) * Adding widget aggregator block from petplace to 24petwatch * updating css media query at point iframe size changes, updated id refs * Revert decorateButtons function, apply callout cta styling (#226) --------- Co-authored-by: Bohdan Korablov <[email protected]> Co-authored-by: pgilmore-phi <[email protected]> --------- Co-authored-by: miakobchuk <[email protected]> Co-authored-by: Bohdan Korablov <[email protected]> Co-authored-by: hero-dokane <[email protected]> Co-authored-by: Mike Weis <[email protected]> Co-authored-by: Mike Weis <[email protected]> Co-authored-by: Felix Delval <[email protected]>
hlxsites · Oct 9, 2024 · 2f3269f · 2f3269f
1 parent c7c5114
commit 2f3269f
Show file tree

Hide file tree

Showing 20 changed files with 1,672 additions and 10 deletions.
diff --git a/blocks/article-cta/article-cta.css b/blocks/article-cta/article-cta.css
@@ -0,0 +1,41 @@
+.article-cta-wrapper {
+  border-radius: 0.5rem;
+  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 25%);
+  padding: 1rem;
+}
+
+.article-cta h2 {
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1.25;
+  margin-top: 0.5rem;
+  text-align: left;
+}
+
+.article-cta span {
+  font-size: 1rem;
+  line-height: 0.5;
+}
+
+.article-cta button {
+  display: flex;
+  margin-top: 2rem;
+  justify-content: center;
+  align-items: center;
+  height: 2.5rem;
+  width: 100%;
+  font-size: 1.25rem;
+  font-weight: normal;
+  border-radius: 0.5rem;
+  background-color: var(--button-primary-color);
+}
+
+/* .article-cta button::after {
+  content: '';
+  -webkit-mask: url("../../icons/arrow.svg") center / 100% 100%;
+  mask: url("../../icons/arrow.svg") center / 100% 100%;
+  background-color: #fff;
+  padding: 0.5rem;
+  margin-left: 1rem;
+  display: inline-block;
+} */
diff --git a/blocks/article-cta/article-cta.js b/blocks/article-cta/article-cta.js
@@ -0,0 +1,36 @@
+import { isMobile, isTablet } from '../../scripts/scripts.js';
+
+// TODO: this will come in as a fragment at a later date
+export default async function decorate(block) {
+  const heading = document.createElement('h2');
+  const img = document.createElement('img');
+  const details = document.createElement('span');
+  const button = document.createElement('button');
+
+  heading.textContent = 'Pet Insurance: A Pet Care Must Have';
+  details.textContent = 'Compare the top pet insurance plans all in one place to find the one that works best for you and your pet';
+
+  img.classList.add('article-cta-img');
+  img.width = 322;
+  img.height = 184;
+  if (isMobile()) {
+    img.src = '/icons/compare-plans-screen.svg';
+  } else if (isTablet()) {
+    img.src = '/icons/compare-plans-tablet.svg';
+    img.width = 672;
+    img.height = 184;
+  } else {
+    img.src = '/icons/compare-plans-screen.svg';
+  }
+
+  button.textContent = 'Get Started';
+  button.addEventListener('click', (e) => {
+    e.preventDefault();
+    window.open('/lost-pet-protection/membership', '_blank');
+  });
+
+  block.append(heading);
+  block.append(img);
+  block.append(details);
+  block.append(button);
+}
diff --git a/blocks/callout-get-a-quote/callout-get-a-quote.css b/blocks/callout-get-a-quote/callout-get-a-quote.css
@@ -0,0 +1 @@
+/* eslint-disable no-empty-source */
diff --git a/blocks/callout-get-a-quote/callout-get-a-quote.js b/blocks/callout-get-a-quote/callout-get-a-quote.js
diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css
@@ -20,7 +20,8 @@ main .carousel img {
     margin: 0 auto;
 }
 
-.section.pet-tags > .carousel-wrapper > div {
+.section.pet-tags > .carousel-wrapper > div,
+.section.pawpack-carousel > .carousel-wrapper > div {
     margin: 3rem;
 }
 

diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -50,6 +50,11 @@ main .lost-pet-data > div div {
   border: none;
 }
 
+.columns-home-pumpkin-wellness .button-container ~ p {
+  font-size: 0.625rem;
+  color: #333F48;
+}
+
 .columns.transfer-microchip-registration-how-to > div {
   align-items: self-start;
   flex-direction: column-reverse;

diff --git a/blocks/header/header.js b/blocks/header/header.js
@@ -475,6 +475,7 @@ export default async function decorate(block) {
     if (membershipsHoverContent.style.display === 'flex') {
       membershipsHoverContent.style.display = 'none';
       membershipDiv.className = 'before-click';
+      toggleMenu(nav, nav);
     } else {
       registerHoverContent.style.display = 'none';
       registerDiv.className = 'before-click';

diff --git a/blocks/pawpack/pawpack.css b/blocks/pawpack/pawpack.css
@@ -0,0 +1,234 @@
+/* stylelint-disable no-descending-specificity */
+
+div[class*="pawpack"] {
+  --heading-font-size-xs: 1.3125rem; /* 21px */
+  --heading-line-height-xs: 1.938rem; /* 31px */
+  --heading-font-size-s: 1.625rem; /* 26px */
+  --heading-line-height-s: 2.25rem; /* 36px */
+  --heading-font-size-m: 2.188rem; /* 35px */
+  --heading-line-height-m: 2.8125rem; /* 45px */
+  --heading-font-size-xl: 3rem; /* 48px */
+  --heading-line-height-xl: 3.625rem; /* 58px */
+  --body-font-size-xs: .75rem; /* 12px */
+  --body-line-height-xs: 1.3125rem; /* 21px */
+  --body-line-height-l: 2.125rem; /* 34px */
+  --body-font-size-xl: 1.75rem; /* 28px */
+  --body-line-height-xl: 2.375rem; /* 38px */
+}
+
+
+.packpack-container {
+  display: none;
+}
+
+/* Hero */
+.pawpack-hero {
+  h1 {
+    position: absolute;
+    top: auto;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px);
+    width: 1px;
+    height: 1px;
+    white-space: nowrap;
+  }
+
+  h2 {
+    font-family: var(--body-font-family);
+    font-size: var(--body-font-size-l);
+    line-height: var(--body-line-height-l);
+
+    @media (min-width: 768px) {
+      font-size: var(--body-font-size-xl);
+      line-height: var(--body-line-height-xl);
+    }
+  }
+
+  .button-container a {
+    margin-top: 32px;
+  }
+}
+
+/* Callout */
+.pawpack-callout {
+  .default-content-wrapper {
+    display: flex;
+    align-items: center;
+    padding-block: 32px;
+
+    @media (min-width: 768px) {
+      gap: 38px;
+    }
+
+    > p,
+    > h2 {
+      margin: 0;
+    }
+
+    h2 {
+      font-size: var(--heading-font-size-xs);
+      line-height: var(--heading-line-height-xs);
+
+      @media (min-width: 768px) {
+        font-size: var(--heading-font-size-m);
+        line-height: var(--heading-line-height-m);
+        text-align: left;
+      }
+    }
+
+    @media (max-width: 767px) {
+      flex-direction: column;
+    }
+  }
+}
+
+/* Dog / Cat */
+.pawpack-dog,
+.pawpack-cat {
+  .columns > div {
+    @media (max-width: 767px) {
+      flex-direction: column-reverse;
+    }
+  } 
+
+  h2, h3 {
+    font-size: var(--heading-font-size-m);
+    line-height: var(--heading-line-height-m);
+  }
+
+  h2 {
+    @media (min-width: 768px) {
+      font-size: var(--heading-font-size-xl);
+      line-height: var(--heading-line-height-xl);
+    }
+  }
+
+  h2 + p {
+    font-size: var(--body-font-size-l);
+    line-height: var(--body-line-height-l);
+  }
+
+  h3 + p {
+    font-size: 1.25rem; /* 20px */
+    line-height: 1.5625rem; /* 25px */
+  }
+
+  .button-container + h4 {
+    margin-top: 56px;
+    padding: 8px 0;
+    font-size: var(--body-font-size-l);
+    line-height: var(--body-line-height-l);
+    color: #007680;
+    border-top: 1px solid #000;
+    border-bottom: 1px solid #000;
+
+    @media (min-width: 768px) {
+      margin-top: 0;
+    }
+  }
+
+  ul ~ p {
+    font-size: var(--body-font-size-xs);
+    line-height: var(--body-line-height-xs);
+  }
+}
+
+.pawpack-cat {
+  background-color: #ECEDEE;
+}
+
+/* Last Carousel */
+.pawpack-cat + .pawpack-carousel {
+  padding-bottom: 0;
+
+  .carousel-wrapper + .default-content-wrapper picture {
+    display: flex;
+    justify-content: center;
+  }
+}
+
+/* Carousel */
+.pawpack-carousel {
+  .default-content-wrapper {
+    text-align: center;
+
+    h2 {
+      font-size: var(--heading-font-size-s);
+      line-height: var(--heading-line-height-s);
+
+      @media (min-width: 768px) {
+        font-size: 2.375rem; /* 38px */
+        line-height: 2.4375rem; /* 39px */
+      }
+    }
+
+    > p,
+    > h2 {
+      margin: 0;
+    }
+
+    > h2 + p,
+    > .button-container {
+      margin-top: 32px;
+    }
+
+    > h2 + p {
+      font-size: var(--body-font-size-l);
+      line-height: var(--body-line-height-l);
+    }
+  }
+
+  .carousel-wrapper {
+    margin-top: 34px;
+    border: 1px solid #666A6C;
+
+    h2 {
+      color: #007680;
+
+      @media (min-width: 768px) {
+        font-size: var(--heading-font-size-s); /* 26px */
+        line-height: var(--heading-line-height-s); /* 36px */
+      }
+    }
+
+    h2 ~ p {
+      font-size: 1.125rem; /* 18px */
+      font-weight: 350;
+      line-height: 1.75rem; /* 28px */
+    }
+
+    h2 ~ p:last-of-type em {
+      font-size: 1.125rem; /* 18px */
+      line-height: 1.75rem; /* 28px */
+      font-weight: 700;
+      color: #000;
+    }
+
+    img {
+      height: 165px;
+
+      @media (min-width: 768px) {
+        height: 302px;
+      }
+    }
+  }
+
+  .carousel > .active {
+    @media (max-width: 767px) {
+      grid-template-rows: 2fr 4fr;
+    }
+  }
+
+  .carousel > .active > div:first-child {
+    > * {
+      text-align: left;
+    }
+  }
+
+  .carousel > .active > div:last-child {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 252px;
+  }
+}
diff --git a/blocks/pawpack/pawpack.js b/blocks/pawpack/pawpack.js
diff --git a/blocks/plans-quote/summary-quote.js b/blocks/plans-quote/summary-quote.js
@@ -20,6 +20,7 @@ export default async function decorateSummaryQuote(block, apiBaseUrl) {
   let petsList = [];
   let selectedProducts = [];
   let purchaseSummary = {};
+  let totalShipping = 0;
 
   // eslint-disable-next-line no-shadow
   async function getPurchaseSummary(ownerId) {
@@ -62,6 +63,11 @@ export default async function decorateSummaryQuote(block, apiBaseUrl) {
 
     try {
       purchaseSummary = await getPurchaseSummary(ownerData.id);
+
+      totalShipping = purchaseSummary.petSummaries.reduce((sum, pet) => {
+        const shipping = pet.nonInsurancePetSummary?.shipping || 0;
+        return sum + shipping;
+      }, 0);
     } catch (status) {
       // eslint-disable-next-line no-console
       console.log('Failed to get the purchase summary for owner:', ownerData.id, ' status:', status);
@@ -175,6 +181,7 @@ export default async function decorateSummaryQuote(block, apiBaseUrl) {
             <div>Monthly Fee</div>
             <div>$0.00</div>
         </div>
+        ${(totalShipping > 0) ? `<div><div>Shipping of Tag</div><div>$${totalShipping.toFixed(2)}</div></div>` : ''}
         <div>
             <div>Subtotal</div>
             <div>$${purchaseSummary.summary.subTotal}</div>

diff --git a/blocks/widget-aggregator/widget-aggregator.css b/blocks/widget-aggregator/widget-aggregator.css
@@ -0,0 +1,9 @@
+.widget-aggregator iframe {
+  border: 0;
+  width: 100%;
+  height: 350px;
+
+  @media (max-width: 812px) {
+    height: 750px;
+  }
+}