fixed some bugs

components/layout/Header.tsx

@@ -54,10 +54,14 @@ export default function Header({ locale = "ru" }: HeaderProps) {
 
   return (
     <>
-      <header className="sticky top-0 z-50 w-full border-b bg-white shadow-sm">
-        <div className="mx-auto px-4">
-          <div className="flex h-16 items-center justify-between gap-3">
-            <Link href="/" className="shrink-0">
+      <header className="sticky top-0 z-50 w-full border-b border-gray-200 bg-white/95 backdrop-blur-md shadow-sm ">
+        <div className="mx-auto px-4 lg:px-6 max-w-[1520px]">
+          <div className="flex h-16 items-center justify-between gap-2 lg:gap-3">
+            {/* Logo */}
+            <Link
+              href="/"
+              className="shrink-0 transition-opacity hover:opacity-80"
+            >
               <div className="relative h-8 w-[180px]">
                 <Image
                   src={Logo}
@@ -69,38 +73,44 @@ export default function Header({ locale = "ru" }: HeaderProps) {
               </div>
             </Link>
 
+            {/* Catalog Button - Desktop */}
             <Button
               data-catalog-trigger
               onClick={toggleCategoryMenu}
-              className="cursor-pointer hidden gap-2 rounded-lg font-bold lg:flex hover:bg-[#005bff] bg-[#005bff] text-white"
+              className="cursor-pointer hidden gap-2.5 font-semibold lg:flex hover:bg-gray-800 bg-gray-900 text-white transition-all duration-200 shadow-sm hover:shadow-md"
               size="lg"
             >
               {isCategoryOpen ? <X className="h-5 w-5" /> : <CategoryIcon />}
               {t("common.catalog")}
             </Button>
 
-            <div className="flex items-center gap-2 sm:hidden cursor-pointer">
+            {/* Mobile Search & Language */}
+            <div className="flex items-center gap-2 sm:hidden">
               <Button
                 variant="ghost"
                 size="icon"
                 onClick={() => setIsMobileSearchOpen(true)}
+                className="hover:bg-gray-100 rounded-lg transition-colors"
               >
-                <Search className="h-5 w-5" />
+                <Search className="h-5 w-5 text-gray-700" />
               </Button>
               <LanguageSelector />
             </div>
 
+            {/* Desktop Language Selector */}
             <div className="hidden sm:block">
               <LanguageSelector />
             </div>
 
+            {/* Desktop Search Bar */}
             <SearchBar
               isMobile={false}
               searchPlaceholder={t("common.search")}
-              className="hidden flex-1 md:flex"
+              className="hidden flex-1 md:flex "
               locale={locale}
             />
 
+            {/* Action Buttons */}
             <ActionButtons
               isAuthenticated={isAuthenticated}
               onAuthClick={handleAuthClick}