update 7/5

src/assets/css/style.scss

@@ -1,6 +1,7 @@
 :root {
     --color-global: #462f91;
     --color-title: #0d0d9c;
+    --color-hover: #1877f2;
 }
 ::-webkit-scrollbar-track {
     background-color: #f5f5f5;
@@ -34,7 +35,7 @@ html {
 }
 body {
     font-family: "Roboto", sans-serif;
-    font-size: 14px;
+    font-size: 16px;
     background: #fff;
     min-width: 1400px;
     color: #303030;
@@ -42,6 +43,7 @@ body {
 html {
     font-family: "Roboto", sans-serif;
 }
+
 .icon_2025 {
     background: url(../images/icon_2025.png) no-repeat;
     background-size: 228px 175px;
@@ -56,6 +58,11 @@ html {
         height: 24px;
         background-position: -70px 0;
     }
+    &.search-2 {
+        width: 24px;
+        height: 24px;
+        background-position: -102px 0;
+    }
     &.user {
         width: 26px;
         height: 26px;
@@ -104,7 +111,12 @@ html {
     &.heart {
         width: 24px;
         height: 24px;
-        background-position: -98px -141px;
+        background-position: -98px -123px;
+    }
+    &.shop-blue {
+        width: 24px;
+        height: 24px;
+        background-position: -100px -147px;
     }
     &.link {
         width: 14px;
@@ -193,6 +205,51 @@ html {
         height: 24px;
         background-position: -126px -124px;
     }
+    &.showroom {
+        width: 24px;
+        height: 24px;
+        background-position: -119px -69px;
+    }
+    &.phone {
+        width: 18px;
+        height: 18px;
+        background-position: -167px -4px;
+    }
+    &.earth {
+        width: 22px;
+        height: 24px;
+        background-position: 0 -102px;
+    }
+    &.copy {
+        width: 20px;
+        height: 20px;
+        background-position: -208px -71px;
+    }
+    &.history {
+        width: 24px;
+        height: 24px;
+        background-position: -45px -102px;
+    }
+    &.download {
+        width: 22px;
+        height: 22px;
+        background-position: -74px -102px;
+    }
+    &.return {
+        width: 18px;
+        height: 18px;
+        background-position: -155px -105px;
+    }
+    &.close {
+        width: 16px;
+        height: 16px;
+        background-position: -160px -126px;
+    }
+    &.print {
+        width: 18px;
+        height: 19px;
+        background-position: -187px -4px;
+    }
 }
 
 .icon-star {
@@ -959,7 +1016,7 @@ html {
         width: 100%;
         height: 44px;
         padding: 0 20px;
-        border-radius: 12px;
+        border-radius: 4px;
         border: 1px solid #c1c1c1;
         font-size: 13px;
         color: #9c9c9c;
@@ -1047,3 +1104,47 @@ html {
         z-index: 1;
     }
 }
+
+.select-arrow {
+    position: relative;
+    background: #fff;
+    height: 40px;
+    border: 1px solid #d5d5d5;
+    border-radius: 4px;
+    line-height: 40px;
+    select {
+        position: relative;
+        appearance: none;
+        border: 0;
+        background: transparent;
+        outline: 0;
+        width: 100%;
+        padding: 0 30px 0 10px;
+        z-index: 2;
+    }
+    &::before {
+        position: absolute;
+        content: "";
+        right: 10px;
+        top: 15px;
+        z-index: 1;
+        width: 16px;
+        height: 8px;
+        background: #777777;
+        clip-path: polygon(50% 100%, 0 0, 100% 0);
+    }
+}
+
+.box-form-store {
+    input {
+        height: 40px;
+    }
+}
+
+@media (max-width: 1600px) {
+    #js-box-list-review {
+        .list-review {
+            max-height: 450px;
+        }
+    }
+}