/* Settings Variables */
    .ed_breadcrumbs-section#ed_section-article__om_breadcrumbs_article {
      --breadcrumbs-alignment: start;
      --breadcrumbs-text-color: #000;
      --breadcrumbs-font-size: 13px;
      --breadcrumbs-font-case: default;
      --breadcrumbs-font-weight: normal;
      --padding-left: 20px;
      --padding-right: 20px;
      --padding-top: 0px;
      --padding-bottom: 12px;
      --padding-left-mobile: 20px;
      --padding-right-mobile: 20px;
      --padding-top-mobile: 0px;
      --padding-bottom-mobile: 12px;
      --max-width: none;
      
    }

    /* Section */
    .ed_breadcrumbs-section {
      padding-top: var(--padding-top);
      padding-bottom: var(--padding-bottom);
      padding-left: var(--padding-left);
      padding-right: var(--padding-right);
      color: var(--breadcrumbs-text-color);
    }
    .ed_breadcrumbs-section * {
      color: var(--breadcrumbs-text-color);
    }

    @media (max-width: 767px) {
      .ed_breadcrumbs-section {
        padding-left: var(--padding-left-mobile);
        padding-right: var(--padding-right-mobile);
        padding-top: var(--padding-top-mobile);
        padding-bottom: var(--padding-bottom-mobile);
      }
    }

    /* Nav */
    nav.ed_breadcrumbs {
      margin: 0 auto;
      max-width: var(--max-width);
    }

    /* List items */
    .ed_breadcrumbs-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: var(--breadcrumbs-alignment);
    }
    .ed_breadcrumbs-list li {
      display: inline-flex;
      align-items: center;
    }

    /* Arrows */
    .ed_breadcrumbs-list.arrows li:not(:last-child):after {
      border-style: solid;
      border-width: .10em .10em 0 0;
      content: '';
      display: inline-block;
      height: .4em;
      width: .4em;
      margin: 0 .4em;
      position: relative;
      transform: rotate(45deg);
      vertical-align: middle;
      font-size: calc(var(--breadcrumbs-font-size) + 2px);
      /* top: -0.1em; */
    }
    [dir="rtl"] .ed_breadcrumbs-list.arrows li:not(:last-child):after {
      transform: rotate(220deg);
    }

    .ed_breadcrumbs-list.slashes li:not(:last-child):after {
      content: '/';
      margin: 0 .4em;
      font-size: var(--breadcrumbs-font-size);
    }

    /* Links */
    .ed_breadcrumbs-list a,
    .ed_breadcrumbs-list [aria-current="page"] {
      color: inherit;
      text-decoration: none;
      font-size: var(--breadcrumbs-font-size);
      font-weight: var(--breadcrumbs-font-weight);
      text-transform: var(--breadcrumbs-font-case);
    }
    .ed_breadcrumbs-list a:hover,
    .ed_breadcrumbs-list a:focus {
      text-decoration: underline;
    }

/* Hide the Expanse blog-sidebar (EXPLORE MORE tags + SHARE THIS) on articles, once and for all —
     applies whether the article.json `sidebar` section is enabled or disabled, so a theme-editor
     re-enable can't resurface it. The section stays present in article.json (deleting it drops its
     .blog-layout grid cell and displaces the article aside with a huge empty block). */
  .blog-layout__sidebar { display: none !important; }
  @media only screen and (min-width: 990px) {
    .gvws-article-shell .gvws-article-aside {
      position: -webkit-sticky;
      position: sticky;
      top: var(--gvws-reading-header-h, 140px); /* offset by the pinned sticky header's live height (set by the script below) so the aside sits flush under the nav — never covered, never gapped */
      align-self: start;
    }
  }

.gvws-article-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 18px;
      margin: -8px 0 28px;
      font-size: 0.95em;
      opacity: 0.9;
    }

    .gvws-article-meta strong {
      opacity: 1;
    }

    .gvws-article-meta a {
      color: inherit;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .gvws-doc-section {
      margin: 32px 0;
    }

    /* Align the first article card with the first sidebar card */
    .gvws-article-reading-pane > .gvws-doc-section:first-of-type {
      margin-top: 0 !important;
    }

    .gvws-doc-card {
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 14px;
      background: var(--root-color-secondary, #ffffff);
      padding: 30px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    }

    /* ========================================
       Sutra QUICK BRIEF — FINAL CLEAN SYSTEM
    ======================================== */

    .gvws-doc-card--brief {
      background: var(--root-color-secondary, #ffffff);
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 14px;
      padding: 30px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    }

    .gvws-doc-card--dark {
      background: #070707;
      color: var(--root-color-secondary, #ffffff);
      border-color: rgba(255,255,255,0.12);
    }

    .gvws-doc-eyebrow {
      margin: 0 0 8px;
      color: #777;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
    }

    .gvws-doc-card--brief > .gvws-doc-eyebrow {
      margin-bottom: 10px;
      color: rgba(0,0,0,0.58);
      font-weight: 900;
    }

    .gvws-doc-card--dark .gvws-doc-eyebrow {
      color: rgba(255,255,255,0.72);
    }

    .gvws-doc-title {
      margin: 0 0 12px;
      font-size: clamp(30px, 3.4vw, 44px);
      line-height: 1.02;
    }

    .gvws-doc-card--brief > .gvws-doc-title {
      margin-bottom: 10px;
      color: var(--root-color-primary, #111111);
    }

    .gvws-doc-intro {
      max-width: 860px;
      margin: 0;
      color: #555;
      font-size: 16px;
      line-height: 1.55;
    }

    .gvws-doc-card--brief > .gvws-doc-intro {
      max-width: 820px;
      color: #444444;
    }

    .gvws-doc-card--dark .gvws-doc-intro {
      color: rgba(255,255,255,0.78);
    }

    .gvws-quick-brief__body {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
      margin-top: 24px;
    }

    .gvws-quick-brief__panel {
      position: relative;
      display: block;
      min-height: 0;
      margin: 0;
      padding: 20px 22px;
      background: var(--root-color-secondary, #ffffff);
      border: 1px solid #e5e5e5;
      border-radius: 12px;
      box-shadow: none;
    }

    .gvws-quick-brief__panel--overview {
      border-top: 4px solid var(--color-button-primary, #ff8b00);
    }

    .gvws-quick-brief__panel--takeaways {
      border-top: 4px solid #6f9676;
    }

    .gvws-quick-brief__panel--questions {
      border-top: 4px solid #748da8;
    }

    .gvws-quick-brief__heading {
      display: block;
      margin: 0 0 12px;
      color: var(--root-color-primary, #111111);
      font-size: 13px;
      font-weight: 900;
      line-height: 1.2;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .gvws-quick-brief__heading::before,
    .gvws-quick-brief__heading::after {
      display: none;
      content: none;
    }

    .gvws-quick-brief__panel .rte {
      margin: 0;
      padding: 0;
      background: transparent;
      border: 0;
      border-radius: 0;
      color: #333333;
      font-size: 15.5px;
      line-height: 1.58;
    }

    .gvws-quick-brief__panel .rte p:last-child,
    .gvws-quick-brief__panel .rte ul:last-child,
    .gvws-quick-brief__panel .rte ol:last-child {
      margin-bottom: 0;
    }

    .gvws-quick-brief__panel--takeaways .rte ul,
    .gvws-quick-brief__panel--takeaways .rte ol,
    .gvws-quick-brief__panel--questions .rte ul,
    .gvws-quick-brief__panel--questions .rte ol {
      display: grid;
      gap: 0;
      margin: 0;
      padding: 0;
      list-style: none;
      list-style-type: none;
    }

    .gvws-quick-brief__panel--takeaways .rte li,
    .gvws-quick-brief__panel--questions .rte li {
      position: relative;
      display: block;
      margin: 0;
      padding: 12px 0;
      border-top: 1px solid rgba(0,0,0,0.08);
      color: #2f2f2f;
      line-height: 1.55;
      list-style: none;
      list-style-type: none;
    }

    .gvws-quick-brief__panel--takeaways .rte li:first-child,
    .gvws-quick-brief__panel--questions .rte li:first-child {
      border-top: 0;
      padding-top: 0;
    }

    .gvws-quick-brief__panel--takeaways .rte li:last-child,
    .gvws-quick-brief__panel--questions .rte li:last-child {
      padding-bottom: 0;
    }

    .gvws-quick-brief__panel--takeaways .rte li::marker,
    .gvws-quick-brief__panel--questions .rte li::marker {
      color: transparent;
      font-size: 0;
      content: "";
    }

    .gvws-quick-brief__panel--takeaways .rte li::before,
    .gvws-quick-brief__panel--questions .rte li::before {
      display: none;
      content: none;
    }

    @media only screen and (max-width: 768px) {
      .gvws-doc-card--brief {
        padding: 22px;
      }

      .gvws-quick-brief__panel {
        padding: 18px;
      }
    }

    /* Style common embedded table-of-contents blocks inside article content */
    .rte .toc,
    .rte .table-of-contents,
    .rte #table-of-contents,
    .rte [class*="toc"],
    .rte [id*="toc"] {
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 14px;
      background: var(--root-color-secondary, #ffffff);
      padding: 24px;
      margin: 30px 0;
      box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    }

    .rte .toc h2,
    .rte .table-of-contents h2,
    .rte #table-of-contents h2,
    .rte [class*="toc"] h2,
    .rte [id*="toc"] h2 {
      margin-top: 0;
    }

    .gvws-doc-summary-grid,
    .gvws-resource-standards__grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 16px;
      margin-top: 22px;
    }

    @media only screen and (min-width: 769px) {
      .gvws-doc-summary-grid,
      .gvws-resource-standards__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    .gvws-doc-mini-card {
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 12px;
      padding: 18px;
      background: #fff;
    }

    .gvws-doc-mini-card__title {
      margin: 0 0 6px;
      font-weight: 900;
      line-height: 1.25;
    }

    .gvws-doc-mini-card__text {
      margin: 0;
      color: #555;
      font-size: 14px;
      line-height: 1.45;
    }

    .gvws-doc-card--dark .gvws-doc-mini-card {
      background: rgba(255,255,255,0.06);
      border-color: rgba(255,255,255,0.16);
    }

    .gvws-doc-card--dark .gvws-doc-mini-card__title {
      color: var(--root-color-secondary, #ffffff);
    }

    .gvws-doc-card--dark .gvws-doc-mini-card__text {
      color: rgba(255,255,255,0.78);
    }

    .gvws-article-faq-wrap {
      max-width: 760px;
      margin: 40px auto;
    }

    .gvws-article-faq-heading {
      text-align: center;
      margin-bottom: 22px;
    }

    .gvws-article-faq-heading h2 {
      margin: 0 0 10px;
      font-size: clamp(30px, 3vw, 42px);
      line-height: 1;
    }

    .gvws-article-faq-heading p {
      max-width: 620px;
      margin: 0 auto;
      color: #555;
      line-height: 1.55;
    }


    .gvws-related-articles {
      display: grid;
      gap: 18px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      margin-top: 22px;
    }

    @media only screen and (min-width: 769px) {
      .gvws-related-articles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .gvws-resource-card {
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 12px;
      overflow: hidden;
      text-decoration: none;
      color: inherit;
      display: block;
      height: 100%;
      background: var(--root-color-secondary, #ffffff);
      transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    }

    .gvws-resource-card:hover {
      border-color: rgba(0,0,0,0.22);
      box-shadow: 0 10px 22px rgba(0,0,0,0.06);
      transform: translateY(-1px);
      text-decoration: none;
    }

    .gvws-resource-card__media {
      aspect-ratio: 16 / 9;
      background: #f5f5f5;
      overflow: hidden;
    }

    .gvws-resource-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .gvws-resource-card__body {
      padding: 18px;
    }

    .gvws-resource-card__eyebrow {
      margin: 0 0 8px;
      color: #777;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-size: 11px;
      font-weight: 800;
      line-height: 1.2;
    }

    .gvws-resource-card__title {
      margin: 0 0 8px;
      font-weight: 800;
      line-height: 1.2;
    }

    .gvws-resource-card__text {
      margin: 0 0 14px;
      color: #555;
      font-size: 14px;
      line-height: 1.45;
    }

    .gvws-resource-card__link {
      display: inline-flex;
      align-items: center;
      font-weight: 800;
      font-size: 13px;
    }


    .gvws-editorial-trust__lede {
      max-width: 780px;
      margin: 0 0 24px;
      color: #555;
      font-size: 16px;
      line-height: 1.6;
    }

    .gvws-editorial-trust__layout {
      display: grid;
      gap: 22px;
      margin-top: 24px;
    }

    @media only screen and (min-width: 900px) {
      .gvws-editorial-trust__layout {
        grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
        align-items: start;
      }
    }

    .gvws-editorial-trust__column {
      display: grid;
      gap: 18px;
      align-content: start;
    }

    .gvws-editorial-trust__panel {
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 12px;
      padding: 20px;
      background: #fff;
    }

    .gvws-editorial-trust__subheading {
      margin: 0 0 12px;
      font-size: 16px;
      font-weight: 900;
      line-height: 1.2;
    }

    .gvws-editorial-trust__list,
    .gvws-editorial-trust__audience,
    .gvws-editorial-trust__methodology,
    .gvws-editorial-trust__sources-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .gvws-editorial-trust__panel-intro {
      margin-bottom: 16px;
    }

    .gvws-editorial-trust__list li,
    .gvws-editorial-trust__methodology li,
    .gvws-editorial-trust__sources-list li {
      position: relative;
      margin: 0;
      color: #444;
      font-size: 14px;
      line-height: 1.45;
      list-style: none;
    }

    .gvws-editorial-trust__list li {
      padding-left: 24px;
    }

    .gvws-editorial-trust__list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--color-button-primary, #ff8b00);
      font-weight: 900;
    }

    .gvws-editorial-trust__methodology li,
    .gvws-editorial-trust__sources-list li {
      padding-left: 18px;
    }

    .gvws-editorial-trust__methodology li::before,
    .gvws-editorial-trust__sources-list li::before {
      content: "•";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--color-button-primary, #ff8b00);
      font-weight: 900;
    }

    .gvws-editorial-trust__sources {
      margin: 0;
      color: #444;
      font-size: 14px;
      line-height: 1.45;
    }

    .gvws-editorial-trust__sources-note {
      margin: 0 0 16px;
      color: #444;
      font-size: 14px;
      line-height: 1.45;
    }

    .gvws-editorial-trust__sources-note:empty {
      display: none;
    }

    /* Rich-text sources: reset the metafield_tag's own <ul>/<ol> so the bullet + link styling
       above applies, and make the citation links visibly clickable. */
    .gvws-editorial-trust__sources-list ul,
    .gvws-editorial-trust__sources-list ol {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .gvws-editorial-trust__sources-list a {
      color: inherit;
      text-decoration: underline;
      word-break: break-word;
    }

    .gvws-editorial-trust__meta {
      display: grid;
      gap: 10px;
      margin: 0;
    }

    .gvws-editorial-trust__meta-row {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(0,0,0,0.08);
      font-size: 14px;
      line-height: 1.35;
    }

    .gvws-editorial-trust__meta-row:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .gvws-editorial-trust__meta-label {
      color: #666;
      font-weight: 700;
    }

    .gvws-editorial-trust__meta-value {
      text-align: right;
      color: #111;
      font-weight: 900;
    }

    .gvws-editorial-trust__audience {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .gvws-editorial-trust__audience li {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 8px 11px;
      border: 1px solid rgba(0,0,0,0.10);
      border-radius: 999px;
      color: #111;
      background: #fff;
      font-size: 13px;
      font-weight: 800;
      line-height: 1;
    }

    .gvws-editorial-trust__policy-card {
      background: #f7f7f7;
    }

    .gvws-editorial-trust__policy-text {
      margin: 0;
      color: #555;
      font-size: 14px;
      line-height: 1.55;
    }

    @media only screen and (max-width: 768px) {
      .gvws-doc-card {
        padding: 22px;
      }
    }


    /* ========================================
       QUICK BRIEF — CONTROLLED LIST OUTPUT
       Shopify rich-text metafields render bullet lines inside paragraphs,
       so Key Takeaways and Questions are rebuilt as real lists in Liquid.
    ======================================== */

    .gvws-doc-card--brief .gvws-quick-brief__list {
      display: grid !important;
      gap: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
      list-style-type: none !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li {
      position: relative !important;
      display: block !important;
      margin: 0 !important;
      padding: 10px 0 10px 28px !important;
      border-top: 1px solid rgba(0,0,0,0.08) !important;
      color: #2f2f2f !important;
      font-size: 15.5px !important;
      line-height: 1.58 !important;
      list-style: none !important;
      list-style-type: none !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li:first-child {
      border-top: 0 !important;
      padding-top: 0 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li:last-child {
      padding-bottom: 0 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li::marker {
      content: "" !important;
      color: transparent !important;
      font-size: 0 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--checks li::before {
      content: "✓" !important;
      position: absolute !important;
      left: 0 !important;
      top: 10px !important;
      color: var(--color-button-primary, #ff8b00) !important;
      background: transparent !important;
      width: auto !important;
      height: auto !important;
      border-radius: 0 !important;
      font-size: 15px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      display: block !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--checks li:first-child::before {
      top: 0 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--dots li::before {
      content: "" !important;
      position: absolute !important;
      left: 4px !important;
      top: 18px !important;
      width: 6px !important;
      height: 6px !important;
      border-radius: 50% !important;
      background: #748da8 !important;
      display: block !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--dots li:first-child::before {
      top: 8px !important;
    }



    /* ========================================
       QUICK BRIEF FINAL POLISH
       White list panels, no side accents, lighter inset dividers.
    ======================================== */

    .gvws-doc-card--brief .gvws-quick-brief__panel--takeaways,
    .gvws-doc-card--brief .gvws-quick-brief__panel--questions {
      background: var(--root-color-secondary, #ffffff) !important;
      border-left: 1px solid #e5e5e5 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li {
      border-top: 0 !important;
      padding: 8px 0 8px 28px !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li::after {
      content: "" !important;
      position: absolute !important;
      left: 28px !important;
      right: 10px !important;
      bottom: 0 !important;
      height: 1px !important;
      background: rgba(0,0,0,0.05) !important;
      display: block !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li:last-child::after {
      display: none !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li:first-child {
      padding-top: 0 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list li:last-child {
      padding-bottom: 0 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--checks li::before {
      top: 8px !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--checks li:first-child::before {
      top: 0 !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--dots li::before {
      top: 16px !important;
    }

    .gvws-doc-card--brief .gvws-quick-brief__list--dots li:first-child::before {
      top: 8px !important;
    }



    /* ========================================
       Sutra ARTICLE GUIDE CONTAINER
       Wraps the full article body in a documentation card.
    ======================================== */

    .gvws-article-guide-shell {
      margin: 32px 0;
    }

    .gvws-article-guide-shell__card {
      position: relative;
      overflow: hidden;
    }

    .gvws-article-guide-shell__header {
      padding-bottom: 22px;
      margin-bottom: 26px;
      border-bottom: 1px solid rgba(0,0,0,0.08);
    }

    .gvws-article-guide-shell__eyebrow {
      margin: 0 0 9px;
      color: #777777;
      text-transform: uppercase;
      letter-spacing: .09em;
      font-size: 11px;
      font-weight: 900;
      line-height: 1.2;
    }

    .gvws-article-guide-shell__title {
      margin: 0 0 10px;
      color: var(--root-color-primary, #111111);
      font-size: clamp(28px, 3vw, 40px);
      line-height: 1.02;
      letter-spacing: -.02em;
    }

    .gvws-article-guide-shell__text {
      max-width: 820px;
      margin: 0;
      color: #555555;
      font-size: 16px;
      line-height: 1.58;
    }

    .gvws-article-guide-shell__body {
      color: #222222;
    }

    .gvws-article-guide-shell__body > :first-child {
      margin-top: 0 !important;
    }

    .gvws-article-guide-shell__body > :last-child {
      margin-bottom: 0 !important;
    }

    .gvws-article-guide-shell__body img {
      max-width: 100%;
      height: auto;
    }

    @media only screen and (max-width: 768px) {
      .gvws-article-guide-shell {
        margin: 28px 0;
      }

      .gvws-article-guide-shell__header {
        padding-bottom: 18px;
        margin-bottom: 22px;
      }
    }


    /* ========================================
       Sutra ARTICLE RECOMMENDED PRODUCTS
       Native Expanse cards, single-row scroll.
    ======================================== */

    .gvws-article-featured-products {
      margin: 32px 0;
    }

    .gvws-article-featured-products__card {
      overflow: hidden;
    }

    .gvws-article-featured-products__header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 18px;
      margin-bottom: 22px;
    }

    .gvws-article-featured-products__copy {
      max-width: 760px;
    }

    .gvws-article-featured-products__title {
      margin: 0 0 10px;
      font-size: clamp(28px, 3vw, 40px);
      line-height: 1.02;
    }

    .gvws-article-featured-products__text {
      margin: 0;
      color: #555;
      font-size: 16px;
      line-height: 1.55;
    }

    .gvws-article-featured-products__view-all {
      flex: 0 0 auto;
    }

    .gvws-article-featured-products__grid {
      margin-top: 0;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 8px;
    }

    .gvws-article-featured-products__grid .new-grid {
      display: flex !important;
      flex-wrap: nowrap !important;
      gap: 16px;
      width: max-content;
      max-width: none;
      margin-bottom: 0;
    }

    .gvws-article-featured-products__grid .new-grid > * {
      flex: 0 0 clamp(190px, 22vw, 260px);
      width: clamp(190px, 22vw, 260px);
      max-width: 260px;
    }

    @media only screen and (max-width: 768px) {
      .gvws-article-featured-products__header {
        display: block;
        margin-bottom: 18px;
      }

      .gvws-article-featured-products__view-all {
        margin-top: 16px;
      }

      .gvws-article-featured-products__grid {
        margin-left: -22px;
        margin-right: -22px;
      }

      .gvws-article-featured-products__grid .new-grid {
        padding-left: 22px;
      }

      .gvws-article-featured-products__grid .new-grid > * {
        flex-basis: 72vw;
        width: 72vw;
        max-width: 280px;
      }
    }