PDP: cap pricing-panel CTA card width to match the text column (was edge-to-edge)

2026-08-30 00:42:45 +00:00
parent d77d40a1bf
commit 1e3ab794f3
1 changed files with 4 additions and 1 deletions
@@ -359,7 +359,10 @@ function ProductPricingPanel({ product, shipping, taxRate, kleinunternehmer }: P
  // same rhythm as the rest of the layout, before crossSell/footer.
  return (
    <section className="w-full bg-bg-base px-[var(--layout-padding-x)] pt-6 md:pt-8 pb-12 md:pb-16">
-      <Reveal className="bg-bg-muted rounded-md flex flex-col lg:flex-row gap-8 lg:gap-12 items-center p-6 lg:pl-8 lg:pr-10 lg:py-6">
+      {/* max-w-[48rem] — same text-column width as the richTextSection
+          heading/crossSell card above/below it; edge-to-edge read as too
+          wide against those narrower elements (reported 2026-08-30). */}
+      <Reveal className="max-w-[48rem] mx-auto bg-bg-muted rounded-md flex flex-col lg:flex-row gap-8 lg:gap-12 items-center p-6 lg:pl-8 lg:pr-10 lg:py-6">
      <div className="group relative w-full lg:w-[25.625rem] lg:shrink-0 aspect-[410/227] rounded-sm overflow-hidden">
        <Image
          src={product.image}