/* Google Shopping, design v2 (kit design/redesign/kit/css/pages/google_shopping.css, REPLACES
   static/css/pages/google_shopping.css; template kit .../stage3-more/pages/google_shopping.html). Loads before
   marketing.css and gp-*.css: rules carry .page-google_shopping.gp-v2. */
.page-google_shopping.gp-v2 .gs-intro { max-width: var(--gp-prose); }
.page-google_shopping.gp-v2 .feature-row .split__text > * + * { margin-top: 1em; }

/* how + why: two white cards side by side */
.page-google_shopping.gp-v2 .gs-how { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: stretch; }
.page-google_shopping.gp-v2 .gs-card { align-items: stretch; }
.page-google_shopping.gp-v2 .gs-card__title { margin: 0; color: var(--gp-heading); font-size: var(--gp-fs-card-h3); line-height: var(--gp-lh-card-h3); font-weight: 600; letter-spacing: -.01em; }
.page-google_shopping.gp-v2 .gs-card__text { margin: 10px 0 24px; color: var(--gp-ink); }
.page-google_shopping.gp-v2 .gs-card__text > * + * { margin-top: 1em; }
.page-google_shopping.gp-v2 .gs-card--why .gs-card__text { margin-bottom: 0; }
.page-google_shopping.gp-v2 .gs-card__note { margin-top: 24px; }
.page-google_shopping.gp-v2 .gs-card--why { background: var(--gp-stone); border-color: var(--gp-stone); }
@media (min-width: 992px) { .page-google_shopping.gp-v2 .gs-how { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .page-google_shopping.gp-v2 .gs-card { padding: 40px; } }

/* the features' Markdown lists become small tick lists */
.page-google_shopping.gp-v2 .gs-features .feature__text ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.page-google_shopping.gp-v2 .gs-features .feature__text li { position: relative; padding-left: 24px; }
.page-google_shopping.gp-v2 .gs-features .feature__text li::before {
  content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: var(--gp-accent);
  -webkit-mask: var(--gp-tick) center / contain no-repeat; mask: var(--gp-tick) center / contain no-repeat;
}