From 1e3ab794f3329f86d35d50de6c90c508f5305346 Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Sun, 30 Aug 2026 00:42:45 +0000
Subject: [PATCH] PDP: cap pricing-panel CTA card width to match the text
 column (was edge-to-edge)

---
 app/components/ProductBlocks.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/ProductBlocks.tsx b/app/components/ProductBlocks.tsx
index 1a65ee7..4e3d80e 100644
--- a/app/components/ProductBlocks.tsx
+++ b/app/components/ProductBlocks.tsx
@@ -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}