diff --git a/app/[locale]/catalog_page/products/[slug]/page.tsx b/app/[locale]/catalog_page/products/[slug]/page.tsx
index 3e7992c..3807649 100644
--- a/app/[locale]/catalog_page/products/[slug]/page.tsx
+++ b/app/[locale]/catalog_page/products/[slug]/page.tsx
@@ -62,7 +62,7 @@ export default function SlugPage() {
   return (
     <div className="min-h-screen bg-[#1e1d1c] px-4 md:px-8 pb-35">
       <div className="max-w-7xl mx-auto">
-        <div className="pt-30 pb-10">
+        <div className="min-[400px]:pt-35 pt-45 pb-10">
           <Breadcrumb />
         </div>
         {/* Main Product Section */}
diff --git a/components/breadCrumb.tsx b/components/breadCrumb.tsx
index 4c15891..ca2a2a2 100644
--- a/components/breadCrumb.tsx
+++ b/components/breadCrumb.tsx
@@ -161,28 +161,28 @@ export function Breadcrumb({
             className="flex items-center gap-2"
           >
             {index > 0 && (
-              <ChevronRight className="w-4 h-4 text-gray-400 dark:text-gray-600" />
+              <ChevronRight className="w-4 h-4 text-gray-200" />
             )}
 
             {index === 0 ? (
               // Home link with icon
               <Link
                 href={item.href}
-                className="flex items-center gap-1.5 text-gray-600 hover:text-red-600 dark:text-gray-400 dark:hover:text-red-500 transition-colors duration-200"
+                className="flex items-center gap-1.5 text-gray-200 hover:text-red-600 transition-colors duration-200"
               >
                 <Home className="w-4 h-4" />
                 <span className="hidden sm:inline">{item.label}</span>
               </Link>
             ) : item.isLast ? (
               // Last item (current page)
-              <span className="text-gray-900 dark:text-white font-medium line-clamp-1">
+              <span className=" text-gray-200 font-medium line-clamp-1">
                 {item.label}
               </span>
             ) : (
               // Regular link
               <Link
                 href={item.href}
-                className="text-gray-600 hover:text-red-600 dark:text-gray-400 dark:hover:text-red-500 transition-colors duration-200 line-clamp-1"
+                className="text-gray-200 hover:text-red-600 transition-colors duration-200 line-clamp-1"
               >
                 {item.label}
               </Link>
diff --git a/components/pages/products/product/mianProduct.tsx b/components/pages/products/product/mianProduct.tsx
index 4de98e3..abb0b8e 100644
--- a/components/pages/products/product/mianProduct.tsx
+++ b/components/pages/products/product/mianProduct.tsx
@@ -94,7 +94,7 @@ export default function MainProduct() {
   }
 
   return (
-    <div >
+    <div className="space-y-4">
       {/* ✅ isLoading da overlay — list o'rnini saqlab, ustidan opacity */}
       <div
         className={`grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-5 transition-opacity ${isLoading ? "opacity-50 pointer-events-none" : "opacity-100"}`}
diff --git a/messages/ru.json b/messages/ru.json
index 0f47511..7f44429 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -124,7 +124,7 @@
     "subPages": {
       "baza": "Нормативная база",
       "certificate": "Сертификаты",
-      "notePP": "Руководства"
+      "notePP": "Инструкция"
     },
     "normativBaza": {
       "hero": {
diff --git a/request/links.ts b/request/links.ts
index a992214..7a23b1b 100644
--- a/request/links.ts
+++ b/request/links.ts
@@ -16,8 +16,8 @@ export const endPoints = {
   },
   product: {
     byCategory: ({ id, currentPage }: ProductTypes) => {
-      let link = "product/";
-      if (id) link += `?category=${id}`;
+      let link = "product/?page_size=12";
+      if (id) link += `&category=${id}`;
       if (currentPage) link += `&page=${currentPage}`;
 
       return link;