From 785c1e6eba8b9ed73f804ae7b3a91a27a570246b Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Thu, 30 Jul 2026 21:49:21 +0000
Subject: [PATCH] Center the cart summary trust badges row between sm and lg

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 app/cart/components/CartContent.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/cart/components/CartContent.tsx b/app/cart/components/CartContent.tsx
index 83f1360..d56e4dc 100644
--- a/app/cart/components/CartContent.tsx
+++ b/app/cart/components/CartContent.tsx
@@ -480,8 +480,11 @@ export function CartContent({
                 once the sidebar narrows at lg:. sm:w-auto with no
                 flex-grow (was sm:flex-1) so each badge only takes its own
                 content width instead of stretching to fill the full card
-                width. */}
-            <div className="flex flex-col sm:flex-row sm:flex-wrap lg:flex-col gap-4 sm:gap-x-8 sm:gap-y-4 lg:gap-4 items-start w-full">
+                width; sm:justify-center centers that shrink-to-fit row so
+                the leftover space splits evenly left/right instead of
+                collecting on the right (the default with items packed
+                from the start edge). */}
+            <div className="flex flex-col sm:flex-row sm:flex-wrap lg:flex-col gap-4 sm:gap-x-8 sm:gap-y-4 lg:gap-4 items-start sm:justify-center lg:justify-start w-full">
               {trustBadges.map((b) => (
                 <div key={b.id} className="flex gap-3 items-center w-full sm:w-auto lg:w-full">
                   <Image alt="" src={b.icon} width={22} height={22} className="size-[1.375rem] shrink-0 object-contain" />