feat: Zaktualizuj sekcję hero, nawigację, kalkulator i formularz zgłoszenia awarii

components/shop/ProductCard.tsx

@@ -76,21 +76,23 @@ export function ProductCard({ product }: ProductCardProps) {
           unoptimized={product.image.startsWith('http')}
         />
 
-        {/* Badge marka */}
-        <div className="absolute top-2 left-2 px-2 py-1 bg-white/95 rounded-md border border-border shadow-sm flex items-center justify-center min-h-[28px]">
+        {/* Brand Logo or Name */}
+        <div className="absolute top-3 left-3 z-10 flex flex-col gap-1.5">
           {brandLogos[product.brand] ? (
-            <div className="bg-white rounded px-2 py-1 inline-block">
+            <div className="bg-white rounded px-1.5 py-1 inline-block shadow-sm">
               <Image
                 src={brandLogos[product.brand]}
                 alt={product.brand}
-                width={56}
-                height={20}
+                width={40}
+                height={14}
                 className="object-contain"
                 unoptimized
               />
             </div>
           ) : (
-            <span className="text-xs font-semibold text-primary">{product.brand}</span>
+            <span className="text-xs font-semibold text-primary bg-white/95 px-2 py-1 rounded-md border border-border shadow-sm">
+              {product.brand}
+            </span>
           )}
         </div>