/* Shared story modules: natural image ratios and content-sized image/text pairs. */
.bb-product-story { display: grid; gap: var(--wp--preset--spacing--space-6); padding-block: var(--wp--preset--spacing--space-4) var(--wp--preset--spacing--space-6); }
.bb-product-story__module { min-inline-size: 0; }
.bb-product-story__module + .bb-product-story__module { border-block-start: var(--wp--custom--border--width) solid var(--wp--preset--color--border); padding-block-start: var(--wp--preset--spacing--space-6); }
.bb-product-story__module h3 { font-size: var(--wp--preset--font-size--heading-small); margin: 0 0 var(--wp--preset--spacing--space-4); }
.bb-product-story__eyebrow { margin: 0 0 var(--wp--preset--spacing--space-2); color: var(--wp--preset--color--accent); font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--strong); }
.bb-product-story__split, .bb-product-story__spec-layout { display: grid; align-items: center; gap: var(--wp--preset--spacing--space-6); inline-size: 100%; margin-inline: auto; }
.bb-product-story__spec-layout { align-items: start; }
.bb-product-story__copy { min-inline-size: 0; }
.bb-product-story__copy > :first-child { margin-block-start: 0; }
.bb-product-story__copy > :last-child { margin-block-end: 0; }
.bb-product-story__figure { min-inline-size: 0; inline-size: 100%; max-inline-size: 21.25rem; justify-self: center; margin: 0; }
.bb-product-story__figure--wide { max-inline-size: 35rem; }
.bb-product-story__figure--compact { max-inline-size: 20rem; }
.bb-product-story__figure img { display: block; inline-size: 100%; block-size: auto; border-radius: var(--wp--preset--border-radius--card); }
.bb-product-story__figure figcaption, .bb-product-story__note { color: var(--wp--preset--color--text-secondary); font-size: var(--wp--preset--font-size--small); line-height: var(--wp--custom--line-height--body); }
.bb-product-story__figure figcaption { margin-block-start: var(--wp--preset--spacing--space-3); }
.bb-product-story__pack-value { font-size: var(--wp--preset--font-size--heading-small); font-weight: var(--wp--custom--font-weight--strong); color: var(--wp--preset--color--accent); }
.bb-product-story__steps { display: grid; gap: var(--wp--preset--spacing--space-3); padding-inline-start: var(--wp--preset--spacing--space-6); margin-block: 0; }
.bb-product-story__steps span { display: block; margin-block-start: var(--wp--preset--spacing--space-1); color: var(--wp--preset--color--text-secondary); font-size: var(--wp--preset--font-size--small); }
.bb-product-story__options { display: grid; gap: var(--wp--preset--spacing--space-4); margin-block: var(--wp--preset--spacing--space-4) 0; }
.bb-product-story__options > div { padding-inline-start: var(--wp--preset--spacing--space-4); border-inline-start: 2px solid var(--wp--preset--color--accent); }
.bb-product-story__options dt { font-weight: var(--wp--custom--font-weight--strong); }
.bb-product-story__options dd { margin: var(--wp--preset--spacing--space-2) 0 0; color: var(--wp--preset--color--text-secondary); }
.bb-product-story__missing { padding: var(--wp--preset--spacing--space-6); background: var(--wp--custom--color--warning-surface); color: var(--wp--custom--color--warning); }
.bb-product-story__gallery { display: grid; gap: var(--wp--preset--spacing--space-6); border-block-start: var(--wp--custom--border--width) solid var(--wp--preset--color--border); padding-block-start: var(--wp--preset--spacing--space-6); inline-size: 100%; max-inline-size: calc(70rem + var(--wp--preset--spacing--space-8)); margin-inline: auto; }
.bb-product-story__gallery > .bb-product-story__module { display: grid; align-content: start; gap: var(--wp--preset--spacing--space-4); }
.bb-product-story__gallery .bb-product-story__figure { margin-inline: auto; }
@media (min-width: 60rem) {
	.bb-product-story__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--space-8); }
	.bb-product-story__gallery > .bb-product-story__module + .bb-product-story__module { border-block-start: 0; padding-block-start: 0; }
	/* Center the pair, keeping the image-to-copy gap independent of image caps. */
	.bb-product-story__split { grid-template-columns: 21.25rem minmax(0, 1fr); max-inline-size: calc(21.25rem + var(--wp--style--global--content-size) + var(--wp--preset--spacing--space-8)); gap: var(--wp--preset--spacing--space-8); }
	.bb-product-story__split--compact { grid-template-columns: 20rem minmax(0, 1fr); max-inline-size: calc(20rem + var(--wp--style--global--content-size) + var(--wp--preset--spacing--space-8)); }
	.bb-product-story__split--wide { grid-template-columns: repeat(2, minmax(0, 1fr)); max-inline-size: calc(70rem + var(--wp--preset--spacing--space-8)); }
	.bb-product-story__split > .bb-product-story__figure { grid-column: 1; grid-row: 1; }
	.bb-product-story__split > .bb-product-story__copy { grid-column: 2; grid-row: 1; }
	.bb-product-story__split--reverse { grid-template-columns: minmax(0, 1fr) 21.25rem; }
	.bb-product-story__split--compact.bb-product-story__split--reverse { grid-template-columns: minmax(0, 1fr) 20rem; }
	.bb-product-story__split--reverse > .bb-product-story__copy { grid-column: 1; }
	.bb-product-story__split--reverse > .bb-product-story__figure { grid-column: 2; }
}