diff --git a/web-components/dist/mas.js b/web-components/dist/mas.js index ae8765e11..40661d53b 100644 --- a/web-components/dist/mas.js +++ b/web-components/dist/mas.js @@ -6331,6 +6331,14 @@ merch-card-collection.plans:is(.one-merch-card, .two-merch-cards, .three-merch-c margin-inline: auto; } +/* The one-merch-card grid zeroes the section .content padding to center the lone + card, which also wipes the C2 section-spacing metadata (e.g. spacing-2xs-top). + Restore the authored top spacing so single pro cards keep section rhythm. + MWPW-204106. */ +.one-merch-card.spacing-2xs-top { + padding-top: var(--s2a-viewport-vertical-padding-2xs); +} + @media screen and ${F} { merch-card-collection.plans:is(.two-merch-cards, .three-merch-cards, .four-merch-cards):has(merch-card[variant="pro"]) { grid-template-columns: repeat(2, minmax(0, 1fr)); diff --git a/web-components/dist/merch-card-collection.js b/web-components/dist/merch-card-collection.js index dbb4da84e..8f739cba5 100644 --- a/web-components/dist/merch-card-collection.js +++ b/web-components/dist/merch-card-collection.js @@ -5180,6 +5180,14 @@ merch-card-collection.plans:is(.one-merch-card, .two-merch-cards, .three-merch-c margin-inline: auto; } +/* The one-merch-card grid zeroes the section .content padding to center the lone + card, which also wipes the C2 section-spacing metadata (e.g. spacing-2xs-top). + Restore the authored top spacing so single pro cards keep section rhythm. + MWPW-204106. */ +.one-merch-card.spacing-2xs-top { + padding-top: var(--s2a-viewport-vertical-padding-2xs); +} + @media screen and ${R} { merch-card-collection.plans:is(.two-merch-cards, .three-merch-cards, .four-merch-cards):has(merch-card[variant="pro"]) { grid-template-columns: repeat(2, minmax(0, 1fr)); diff --git a/web-components/dist/merch-card.js b/web-components/dist/merch-card.js index 8c4e57efe..4e94f35a3 100644 --- a/web-components/dist/merch-card.js +++ b/web-components/dist/merch-card.js @@ -5800,6 +5800,14 @@ merch-card-collection.plans:is(.one-merch-card, .two-merch-cards, .three-merch-c margin-inline: auto; } +/* The one-merch-card grid zeroes the section .content padding to center the lone + card, which also wipes the C2 section-spacing metadata (e.g. spacing-2xs-top). + Restore the authored top spacing so single pro cards keep section rhythm. + MWPW-204106. */ +.one-merch-card.spacing-2xs-top { + padding-top: var(--s2a-viewport-vertical-padding-2xs); +} + @media screen and ${y} { merch-card-collection.plans:is(.two-merch-cards, .three-merch-cards, .four-merch-cards):has(merch-card[variant="pro"]) { grid-template-columns: repeat(2, minmax(0, 1fr)); diff --git a/web-components/src/variants/pro.css.js b/web-components/src/variants/pro.css.js index a09aa5960..08a567c6a 100644 --- a/web-components/src/variants/pro.css.js +++ b/web-components/src/variants/pro.css.js @@ -640,6 +640,14 @@ merch-card-collection.plans:is(.one-merch-card, .two-merch-cards, .three-merch-c margin-inline: auto; } +/* The one-merch-card grid zeroes the section .content padding to center the lone + card, which also wipes the C2 section-spacing metadata (e.g. spacing-2xs-top). + Restore the authored top spacing so single pro cards keep section rhythm. + MWPW-204106. */ +.one-merch-card.spacing-2xs-top { + padding-top: var(--s2a-viewport-vertical-padding-2xs); +} + @media screen and ${TABLET_UP} { merch-card-collection.plans:is(.two-merch-cards, .three-merch-cards, .four-merch-cards):has(merch-card[variant="pro"]) { grid-template-columns: repeat(2, minmax(0, 1fr));