From 24633203127117893c688802f8a24eefaaa05422 Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Mon, 29 Jun 2026 09:31:39 +0200
Subject: [PATCH] =?UTF-8?q?style:=20Zmniejszenie=20i=20poprawa=20uk=C5=82a?=
 =?UTF-8?q?du=20kafli=20parametr=C3=B3w=20na=20karcie=20produktu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/shop/ProductPageClient.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/shop/ProductPageClient.tsx b/components/shop/ProductPageClient.tsx
index 61e3a78..bbb6c61 100644
--- a/components/shop/ProductPageClient.tsx
+++ b/components/shop/ProductPageClient.tsx
@@ -256,14 +256,14 @@ export function ProductPageClient({ product, seriesProducts, companyPhone, compa
 
             {/* Ikony parametrów */}
             {params.length > 0 && (
-              <div className="grid grid-cols-2 sm:grid-cols-3 gap-2.5">
+              <div className="flex flex-wrap gap-2">
                 {params.map((p, i) => {
                   const Icon = p.icon;
                   return (
-                    <div key={i} className={`flex items-center gap-2 px-2.5 py-1.5 rounded-xl ${p.color} border border-current/10`}>
+                    <div key={i} className={`flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg ${p.color} border border-current/10`}>
                       <Icon className="size-3.5 shrink-0" />
                       <div className="min-w-0">
-                        <p className="text-[10px] font-medium opacity-70 leading-none mb-0.5">{p.label}</p>
+                        <p className="text-[9px] font-medium opacity-70 leading-none mb-0.5">{p.label}</p>
                         <p className="text-[11px] font-bold truncate">{p.value}</p>
                       </div>
                     </div>