home page

src/app/components/header/header.component.scss

@@ -453,7 +453,7 @@
 // ========== DEXAR REDESIGN 2026 STYLES ==========
 .dexar-header {
   background: rgba(117, 121, 124, 0.1);
-  padding: 14px 0;
+  padding: 8px 0;
   position: sticky;
   top: 0;
   z-index: 1000;
@@ -463,11 +463,11 @@
 .dexar-header-container {
   max-width: 1440px;
   margin: 0 auto;
-  padding: 0 56px;
+  padding: 0 40px;
   display: flex;
   align-items: center;
-  gap: 57px;
-  height: 56px;
+  gap: 32px;
+  height: 48px;
 }
 
 .dexar-logo {
@@ -477,8 +477,8 @@
   flex-shrink: 0;
   
   ::ng-deep .logo-img {
-    width: 148px;
-    height: 48px;
+    width: 120px;
+    height: 38px;
     object-fit: contain;
   }
 }
@@ -498,13 +498,13 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: 10px 48px;
-  height: 49px;
+  padding: 6px 32px;
+  height: 38px;
   border: 1px solid #d3dad9;
   background: rgba(255, 255, 255, 0.74);
   font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   font-weight: 600;
-  font-size: 22px;
+  font-size: 15px;
   color: #1e3c38;
   text-decoration: none;
   cursor: pointer;
@@ -523,45 +523,45 @@
 }
 
 .dexar-nav-btn-left {
-  border-radius: 13px 0 0 13px;
-  padding: 10px 48px;
+  border-radius: 10px 0 0 10px;
+  padding: 6px 32px;
 }
 
 .dexar-nav-btn-middle {
-  padding: 10px 63px;
+  padding: 6px 40px;
   border-left: none;
 }
 
 .dexar-nav-btn-right {
-  border-radius: 0 13px 13px 0;
-  padding: 10px 42px;
+  border-radius: 0 10px 10px 0;
+  padding: 6px 28px;
   border-left: none;
 }
 
 // Search Box
 .dexar-search-wrapper {
   flex: 1;
-  max-width: 234px;
+  max-width: 200px;
   margin-left: auto;
 }
 
 .dexar-search-box {
   position: relative;
   width: 100%;
-  height: 49px;
+  height: 38px;
   background: rgba(255, 255, 255, 0.74);
   border: 1px solid #d2dad9;
-  border-radius: 22px;
-  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
+  border-radius: 19px;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
   display: flex;
   align-items: center;
-  padding: 0 20px;
-  gap: 10px;
+  padding: 0 14px;
+  gap: 8px;
 }
 
 .dexar-search-icon {
-  width: 28px;
-  height: 28px;
+  width: 20px;
+  height: 20px;
   flex-shrink: 0;
 }
 
@@ -572,7 +572,7 @@
   outline: none;
   font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   font-weight: 600;
-  font-size: 22px;
+  font-size: 15px;
   color: #828e8d;
   cursor: pointer;
   
@@ -591,8 +591,8 @@
 
 .dexar-cart-btn {
   position: relative;
-  width: 48px;
-  height: 32px;
+  width: 32px;
+  height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -601,8 +601,8 @@
   transition: opacity 0.3s ease;
   
   svg {
-    width: 48px;
-    height: 32px;
+    width: 32px;
+    height: 24px;
   }
   
   &:hover {