diff --git a/category-detail.html b/category-detail.html
index 5ec6c62..ddb4399 100644
--- a/category-detail.html
+++ b/category-detail.html
@@ -48,6 +48,7 @@
             </div>
 
 
+
             <div class="box-backgorund px-3 pt-2.5 pb-12 mt-3.5 bg-white">
 
                 <div class="flex">
diff --git a/list-store.html b/list-store.html
new file mode 100644
index 0000000..2184bbd
--- /dev/null
+++ b/list-store.html
@@ -0,0 +1,110 @@
+<!doctype html>
+<html lang="vi">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>BESTPC - Trang chủ</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="./src/assets/css/style.css" rel="stylesheet" />
+</head>
+
+<body>
+
+    <div class="page-list-store bg-[#EFEFEF] pb-[100px]">
+        <div class="container">
+            <div class="breadcrumb p-[12px_0]">
+                <ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                        class="flex items-center pr-[12px]">
+                        <a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
+                            <span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
+                                    class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
+                        </a> <i class="icon_2025 angle-right  ml-[12px]"></i>
+                        <meta itemprop="position" content="1">
+                    </li>
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                        class="flex items-center pr-[12px]">
+                        <a href="/man-hinh.html" itemprop="item" class="nopad-l flex items-center">
+                            <span itemprop="name">
+                                Tìm người bán
+                            </span>
+                        </a>
+                        <meta itemprop="position" content="2">
+                    </li>
+                </ol>
+            </div>
+
+            <div class="box-backgorund p-[15px] rounded-[12px] mt-3.5 bg-white">
+
+                <div class="flex items-center justify-between">
+                    <h3 class="text-2xl text-black font-bold">Danh sách cửa hàng</h3>
+
+                    <div class="right flex items-center">
+                        <div class="w-[520px] relative rounded-[8px] mr-[15px] input-search border border-[#dddddd]">
+                            <form action="/search" enctype="text/plain" method="get"
+                                class="relative w-full h-[45px] bg-white rounded-[8px] overflow-hidden">
+                                <input type="text" name="q" placeholder="Nhập địa chỉ cửa bạn để tìm cửa hàng gần nhất"
+                                    class="search-input w-full h-full p-[0_10px_0_40px] rounded-[8px] text-sm"
+                                    onclick="$('.autocomplete-suggestions').show();">
+                                <button type="submit" class="absolute left-[10px] top-[5px] w-[40px] h-[35px] "><i
+                                        class="icon_2025 search "></i></button>
+                            </form>
+
+                        </div>
+                        <a href=""
+                            class="block w-[190px] h-[45px] leading-[45px] border-[1px] border-[#462f91] rounded-[8px] text-center text-[#462f91] font-[500] hover:bg-[#462f91] hover:text-white">Giới
+                            thiệu cửa hàng mới</a>
+                    </div>
+
+                </div>
+
+                <div class="filter flex items-center justify-between p-[10px] bg-[#f4f4f4] mt-[10px]">
+                    <div class="flex items-center">
+                        <a href=""
+                            class="block-inline border-[#cacaca] border p-[0_20px] h-[40px] leading-[40px] rounded-[4px] bg-[var(--color-global)] text-white mr-[10px]">Gần
+                            tôi
+                            nhất</a>
+                        <a href=""
+                            class="block-inline border-[#cacaca] border p-[0_20px] h-[40px] leading-[40px] rounded-[4px] bg-[#fff] mr-[10px] hover:bg-[var(--color-global)] hover:text-white">Đánh
+                            giá tốt nhất</a>
+                        <a href=""
+                            class="block-inline border-[#cacaca] border p-[0_20px] h-[40px] leading-[40px] rounded-[4px] bg-[#fff] mr-[10px] hover:bg-[var(--color-global)] hover:text-white">Đã
+                            xem</a>
+                    </div>
+                    <div class="flex items-center">
+                        <span class="mr-[10px]">Lọc theo</span>
+                        <div class="select-two-arrow mr-[10px]">
+                            <select name="" id="" class="">
+                                <option value="">Tỉnh/Thành phố</option>
+                                <option value="">Hà nội</option>
+                            </select>
+                        </div>
+                        <div class="select-two-arrow mr-[10px]">
+                            <select name="" id="" class="">
+                                <option value="">Quận/Huyện</option>
+                                <option value="">Hà nội</option>
+                            </select>
+                        </div>
+                        <select name="" id="" class="p-[10px] border-[1px] border-[#d5d5d5] rounded-[4px]">
+                            <option value="">Cách tôi 3km</option>
+                            <option value="">10km</option>
+                        </select>
+                    </div>
+                </div>
+
+
+            </div>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/product-detail.html b/product-detail.html
index f38907e..8f919cb 100644
--- a/product-detail.html
+++ b/product-detail.html
@@ -463,7 +463,7 @@
 
                         <div class="btn border-t-[1px] border-[#E4E4E4] pt-[10px] mt-[20px]">
                             <p class="text-center mt-[10px]">Đánh giá của bạn về sản phẩm</p>
-                            <a href="javascript:void(0)"
+                            <a href="javascript:void(0)" onclick="showReview()"
                                 class="block mt-[10px] h-[40px] leading-[40px] text-center text-white bg-[#FF7A00] rounded-[4px]">Gửi
                                 đánh giá của bạn về sản phẩm</a>
                         </div>
@@ -1559,18 +1559,18 @@
         </div>
     </div>
 
-    <div id="backgroundPopup" class="active"></div>
-    <div
-        class="box-form-review fixed left-[50%] top-[50%] w-[860px] bg-white rounded-[12px] translate-x-[-50%] translate-y-[-50%] z-[999] p-[20px]">
+    <div id="backgroundPopup" onclick="closeReview()"></div>
+    <div class="box-form-review hidden fixed left-[50%] top-[50%] w-[860px] bg-white rounded-[12px] translate-x-[-50%] translate-y-[-50%] z-[999] p-[20px]"
+        id="js-box-review">
         <div class="title relative pb-[15px] border-b-[1px] border-[#E4E4E4]">
             <b class="text-center text-xl block">Đánh giá sản phẩm</b>
-            <a href="javascript:void(0)" id="js-close-review"
+            <a href="javascript:void(0)" onclick="closeReview()" id="js-close-review"
                 class="absolute right-0 top-0 text-[#808080] text-[22px] ">x</a>
         </div>
         <div class="info-form-review w-[500px] mx-[auto]">
             <a href="" class="block m-[10px_auto] p-[10px] rounded-[4px] border-[#B1B1B1]">
                 <img src="./src/assets/images/small-product-detail.png" width="100%" height="100%"
-                    class="block w-[140px] h-[140px] m-[0_auto]" alt="">
+                    class="block w-[100px] h-[100px] m-[0_auto]" alt="">
             </a>
             <a href="" class="text-center block mb-[10px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core
                 i7-8750H/Win10(15.6" FHD) -
@@ -1578,23 +1578,48 @@
                 Chính
                 Hãng</a>
 
-            <div class="star-rating">
-                <input type="radio" id="star1" name="rating" value="1">
-                <label for="star1"></label>
+            <div class="flex justify-center">
+                <div class="rating-selection">
+                    <input type="radio" class="rating-input" id="star5" name="rating" value="5">
+                    <label for="star5" class="rating-star"></label>
 
-                <input type="radio" id="star2" name="rating" value="2">
-                <label for="star2"></label>
+                    <input type="radio" class="rating-input" id="star4" name="rating" value="4">
+                    <label for="star4" class="rating-star"></label>
 
-                <input type="radio" id="star3" name="rating" value="3">
-                <label for="star3"></label>
+                    <input type="radio" class="rating-input" id="star3" name="rating" value="3">
+                    <label for="star3" class="rating-star"></label>
 
-                <input type="radio" id="star4" name="rating" value="4">
-                <label for="star4"></label>
+                    <input type="radio" class="rating-input" id="star2" name="rating" value="2">
+                    <label for="star2" class="rating-star"></label>
 
-                <input type="radio" id="star5" name="rating" value="5">
-                <label for="star5"></label>
+                    <input type="radio" class="rating-input" id="star1" name="rating" value="1">
+                    <label for="star1" class="rating-star"></label>
+                </div>
             </div>
+            <div class="clearfix"></div>
+
         </div>
+        <div class="form-input mt-[20px]">
+            <input type="text" name="title" placeholder="Mời bạn nhập tiêu đề..." />
+            <div class="note-error"></div>
+        </div>
+        <div class="form-input mt-[10px]">
+            <textarea name="content" placeholder="Mời bạn chia sẻ cảm nhận..." id=""></textarea>
+            <div class="note-error"></div>
+        </div>
+        <input id="js-file-upload-id" type="hidden" value="">
+        <div id="js-container-selector" class="mt-[10px] flex items-center">
+            <a href="javascript:void(0)" class="flex items-center" id="js-select-file">
+                <i class="icon_2025 upload_image"></i>
+                <span class="text-[#1877F2] ml-[5px]">Gửi ảnh thực tế</span>
+                <span class="px-[5px]">(tối đa 3 ảnh)</span>
+            </a>
+        </div>
+
+        <button type="submit"
+            class="mt-[15px] w-full h-[45px] bg-[#C8B7FF] rounded-[4px] text-white leading-[45px] hover:bg-[var(--color-global)]">Gửi
+            đánh
+            giá</button>
 
     </div>
 
@@ -1681,7 +1706,15 @@
     </script>
 
     <script>
+        function showReview() {
+            $("#js-box-review").removeClass('hidden');
+            $("#backgroundPopup").addClass('active');
+        }
 
+        function closeReview() {
+            $("#js-box-review").addClass('hidden');
+            $("#backgroundPopup").removeClass('active');
+        }
     </script>
 </body>
 
diff --git a/product-save.html b/product-save.html
new file mode 100644
index 0000000..4e38371
--- /dev/null
+++ b/product-save.html
@@ -0,0 +1,271 @@
+<!doctype html>
+<html lang="vi">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>BESTPC - Trang chủ</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="./src/assets/css/font.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="./src/assets/css/style.css" rel="stylesheet" />
+</head>
+
+<body>
+
+    <div class="page-category">
+        <div class="container">
+            <div class="breadcrumb p-[12px_0]">
+                <ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                        class="flex items-center pr-[12px]">
+                        <a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
+                            <span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
+                                    class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
+                        </a> <i class="icon_2025 angle-right  ml-[12px]"></i>
+                        <meta itemprop="position" content="1">
+                    </li>
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                        class="flex items-center pr-[12px]">
+                        <a href="/man-hinh.html" itemprop="item" class="nopad-l flex items-center">
+                            <span itemprop="name">
+                                Màn hình máy tính
+                            </span> <i class="icon_2025 angle-right text-[#637381] ml-[12px]"></i>
+                        </a>
+                        <meta itemprop="position" content="2">
+                    </li>
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                        class="flex items-center pr-[12px]">
+                        <a href="/aivision.html" itemprop="item" class="nopad-l flex items-center">
+                            <span itemprop="name">
+                                AIVISION
+                            </span>
+                        </a>
+                        <meta itemprop="position" content="3">
+                    </li>
+                </ol>
+            </div>
+
+
+            <div class="slider-banner">
+
+            </div>
+
+
+            <div class="product-list grid grid-cols-5 gap-[15px]">
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-item save">
+                    <a href="" class="product-image">
+                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <div class="icon-save"><i class="icon_2025 heart"></i></div>
+                        <div class="icon-remove"><i class="icon_2025 remove"></i></div>
+                    </a>
+                    <div class="info-product">
+                        <a href="" class="name-product line-clamp-2 text-center">Laptop văn phòng Dell RAM 8G Core
+                            i7</a>
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <div class="price">15.000.000đ</div>
+                            <del class="old-price ml-[5px]">16.500.000đ</del>
+                        </div>
+                        <div class="total-shop flex items-center justify-center">
+                            <div class="box-shop"><i class="icon_2025 shop"></i></div>
+                            <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="padding flex items-center justify-center mt-[20px]">
+                <a href="" class="">
+                    <i class="icon_2025 angle-right scale-x-[-1]"></i>
+                </a>
+                <a href="" class="active">
+                    <span>1</span>
+                </a>
+                <a href="" class="">
+                    <span>2</span>
+                </a>
+                <a href="" class="">
+                    <span>3</span>
+                </a>
+                <a href="" class="">
+                    <i class="icon_2025 angle-right"></i>
+                </a>
+            </div>
+
+        </div>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index e1b4428..e116c70 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1,4 +1,3 @@
-@charset "UTF-8";
 :root {
   --color-global: #462f91;
   --color-title: #0d0d9c;
@@ -22,7 +21,7 @@
 
 html {
   font-size: 100%;
-  font-family: "Shopee", sans-serif;
+  font-family: "Roboto", sans-serif;
 }
 
 .container {
@@ -32,7 +31,7 @@ html {
 }
 
 body {
-  font-family: "Shopee";
+  font-family: "Roboto", sans-serif;
   font-size: 14px;
   background: #fff;
   min-width: 1400px;
@@ -40,25 +39,7 @@ body {
 }
 
 html {
-  font-family: "Shopee";
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: "Shopee Bold";
-}
-
-b {
-  font-family: "Shopee Bold";
-}
-
-p,
-span {
-  font-family: "Shopee Medium";
+  font-family: "Roboto", sans-serif;
 }
 
 .icon_2025 {
@@ -202,6 +183,16 @@ span {
   background-position: -190px -133px;
   transform: rotate(180deg);
 }
+.icon_2025.upload_image {
+  width: 24px;
+  height: 24px;
+  background-position: -88px -70px;
+}
+.icon_2025.remove {
+  width: 24px;
+  height: 24px;
+  background-position: -126px -124px;
+}
 
 .icon-star {
   background: url(../images/icon_star.png) no-repeat;
@@ -254,7 +245,7 @@ span {
   position: relative;
   background: transparent;
   cursor: pointer;
-  font-family: "Shopee Bold";
+  font-weight: 700;
 }
 .box-select .select:focus {
   outline: none;
@@ -263,7 +254,6 @@ span {
 }
 .box-select .select option {
   background: var(--color-global);
-  font-family: "Shopee";
 }
 .box-select::after {
   position: absolute;
@@ -394,7 +384,6 @@ span {
   font-weight: 700;
 }
 .tabs-list .tabs-item {
-  font-family: "Shopee Regular";
   font-weight: 400;
 }
 
@@ -453,8 +442,13 @@ span {
   right: 0;
   top: 0;
 }
+.product-item .product-image .icon-remove {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 .product-item .name-product {
-  font-family: "Shopee Bold";
+  font-weight: 700;
   font-size: 18px;
   color: #000;
   margin-bottom: 5px;
@@ -463,7 +457,7 @@ span {
   color: var(--color-title);
 }
 .product-item .price {
-  font-family: "Shopee Bold";
+  font-weight: 700;
   font-size: 18px;
   color: #d80a00;
   margin-bottom: 5px;
@@ -488,10 +482,12 @@ span {
   filter: brightness(0) invert(1);
 }
 .product-item .summary {
-  font-family: "Shopee medium";
   margin-bottom: 5px;
   color: #595959;
 }
+.product-item.save .icon-save {
+  right: 30px;
+}
 
 .box-best-rated-products .swiper-button-next {
   right: -20px;
@@ -501,7 +497,7 @@ span {
 }
 
 .box-category-homepage .item p:hover {
-  font-family: "Shopee Bold";
+  font-weight: 700;
 }
 
 .item-article {
@@ -529,7 +525,7 @@ span {
   width: calc(100% - 100px);
 }
 .item-article .name-article {
-  font-family: "Shopee Bold";
+  font-weight: bold;
   font-size: 16px;
   color: #000;
   margin-bottom: 3px;
@@ -539,7 +535,6 @@ span {
 }
 .item-article .summary {
   margin-bottom: 3px;
-  font-family: "Shopee Regular";
   font-size: 16px;
   color: #161616;
 }
@@ -564,7 +559,7 @@ span {
   border-radius: 4px;
 }
 .more-link span {
-  font-family: "Shopee Bold";
+  font-weight: 700;
   margin-right: 5px;
 }
 .more-link:hover {
@@ -601,16 +596,15 @@ span {
   width: calc(100% - 100px);
 }
 .item-classifieds .summary {
-  font-family: "shopee Regular";
   font-size: 15px;
   margin-bottom: 5px;
 }
 .item-classifieds .name-classifieds {
-  font-family: "shopee Bold";
+  font-weight: bold;
   font-size: 18px;
 }
 .item-classifieds .price {
-  font-family: "shopee Bold";
+  font-weight: bold;
   font-size: 20px;
   color: #d80a00;
 }
@@ -676,14 +670,9 @@ span {
 
 .breadcrumb span {
   font-size: 18px;
-  font-family: "Shopee Medium";
 }
 
-.page-category .list-cate a {
-  font-family: "Shopee Regular";
-}
 .page-category .list-cate a.active {
-  font-family: "Shopee Bold";
   font-weight: 600;
 }
 .page-category .list-cate a:hover {
@@ -700,7 +689,6 @@ span {
 }
 
 .box-filter label {
-  font-family: "Shopee Light";
   cursor: pointer;
 }
 
@@ -756,14 +744,13 @@ span {
   font-weight: 700;
 }
 .box-product-detail .box-summary {
-  font-family: "Shopee Medium";
   font-size: 16px;
 }
 .box-product-detail .box-summary li {
   list-style: inside;
 }
 .box-product-detail .btn-more-review {
-  font-family: "Shopee Bold";
+  font-weight: bold;
 }
 .box-product-detail .box-desc .content {
   width: 100%;
@@ -837,12 +824,11 @@ span {
 
 .table td {
   padding: 14px 20px;
-  font-family: "Shopee medium";
 }
 
 .table td:first-child {
   width: 230px;
-  font-family: "Shopee Bold";
+  font-weight: bold;
   font-weight: inherit;
 }
 
@@ -869,33 +855,140 @@ span {
   display: block;
 }
 
-.star-rating {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.rating-selection {
+  float: left;
+  display: inline;
 }
 
-.star-rating input {
-  display: none; /* Ẩn các input radio */
-}
-
-.star-rating label {
+.rating-selection input {
+  float: right;
+  width: 15px;
+  height: 15px;
+  padding: 0;
+  margin: 0 0 0 -15px;
+  opacity: 0;
   cursor: pointer;
-  width: 45px;
-  height: 45px;
-  margin: 0 5px;
-  background-size: cover;
-  transition: background-image 0.3s ease-in-out;
-  background-image: url("../images/icon-star-gray.png");
 }
 
-/* Sao đã chọn, sử dụng hình ảnh ngôi sao màu vàng */
-.star-rating input:checked ~ label {
-  background-image: url("../images/icon-star-active.png"); /* Đặt hình sao màu vàng khi chọn */
+.rating-selection .rating-star {
+  position: relative;
+  float: right;
+  display: block;
+  width: 28px;
+  height: 26px;
+  background: url(../images/star_min.png) 0 -33px;
+  cursor: pointer;
+  margin-right: 7px;
 }
 
-/* Sao khi hover, thay đổi màu sắc của sao */
-.star-rating label:hover,
-.star-rating input:checked ~ label:hover {
-  background-image: url("../images/icon-star-active.png"); /* Thay đổi hình sao khi hover */
+.rating-selection .rating-star:hover {
+  background-position: 0 0;
+}
+
+.rating-selection .rating-star:hover,
+.rating-star:hover ~ .rating-star {
+  background-position: 0 0;
+}
+
+.rating-selection .rating:hover .rating-star:hover,
+.rating:hover .rating-star:hover ~ .rating-star,
+.rating-input:checked ~ .rating-star {
+  background-position: 0 0;
+}
+
+.form-input input,
+.form-input textarea {
+  width: 100%;
+  height: 44px;
+  padding: 0 20px;
+  border-radius: 12px;
+  border: 1px solid #c1c1c1;
+  font-size: 13px;
+  color: #9c9c9c;
+}
+.form-input input:focus,
+.form-input textarea:focus {
+  outline: 2px solid var(--color-global);
+  border: none;
+}
+.form-input textarea {
+  height: 100px;
+  padding: 15px 20px;
+  resize: none;
+}
+
+.padding {
+  border: 1px solid #cdcdcd;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin: 20px auto 0 auto;
+  border-radius: 4px;
+}
+.padding a {
+  border-right: 1px solid #cdcdcd;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  line-height: 40px;
+  width: 40px;
+  height: 40px;
+}
+.padding a:last-child {
+  border: 0;
+}
+.padding a:hover,
+.padding .active {
+  border-radius: 4px;
+  border: 1px solid #1877f2;
+  color: #1877f2;
+}
+
+.select-two-arrow {
+  position: relative;
+  background: #fff;
+  height: 40px;
+  border: 1px solid #d5d5d5;
+  border-radius: 4px;
+  line-height: 40px;
+}
+.select-two-arrow select {
+  position: relative;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: 0;
+  background: transparent;
+  outline: 0;
+  width: 100%;
+  padding: 0 30px 0 10px;
+  z-index: 2;
+}
+.select-two-arrow::before {
+  position: absolute;
+  content: "";
+  right: 7px;
+  top: 5px;
+  width: 11px;
+  height: 17px;
+  background: url(../images/icon_2025.png) no-repeat;
+  background-size: 228px 175px;
+  display: block;
+  background-position: -212px -152px;
+  transform: rotate(270deg);
+  z-index: 1;
+}
+.select-two-arrow::after {
+  position: absolute;
+  content: "";
+  right: 7px;
+  bottom: 5px;
+  width: 11px;
+  height: 17px;
+  background: url(../images/icon_2025.png) no-repeat;
+  background-size: 228px 175px;
+  display: block;
+  background-position: -212px -152px;
+  transform: rotate(90deg);
+  z-index: 1;
 }/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/src/assets/css/style.css.map b/src/assets/css/style.css.map
index d76f035..7261323 100644
--- a/src/assets/css/style.css.map
+++ b/src/assets/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.css","style.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss
index 8659fec..6847908 100644
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -24,7 +24,7 @@
 }
 html {
     font-size: 100%;
-    font-family: "Shopee", sans-serif;
+    font-family: "Roboto", sans-serif;
 }
 
 .container {
@@ -33,29 +33,14 @@ html {
     width: 1400px !important;
 }
 body {
-    font-family: "Shopee";
+    font-family: "Roboto", sans-serif;
     font-size: 14px;
     background: #fff;
     min-width: 1400px;
     color: #303030;
 }
 html {
-    font-family: "Shopee";
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-family: "Shopee Bold";
-}
-b {
-    font-family: "Shopee Bold";
-}
-p,
-span {
-    font-family: "Shopee Medium";
+    font-family: "Roboto", sans-serif;
 }
 .icon_2025 {
     background: url(../images/icon_2025.png) no-repeat;
@@ -198,6 +183,16 @@ span {
         background-position: -190px -133px;
         transform: rotate(180deg);
     }
+    &.upload_image {
+        width: 24px;
+        height: 24px;
+        background-position: -88px -70px;
+    }
+    &.remove {
+        width: 24px;
+        height: 24px;
+        background-position: -126px -124px;
+    }
 }
 
 .icon-star {
@@ -249,7 +244,7 @@ span {
         position: relative;
         background: transparent;
         cursor: pointer;
-        font-family: "Shopee Bold";
+        font-weight: 700;
         &:focus {
             outline: none;
             box-shadow: 0 0 0 2px rgba(70, 47, 145, 0.2);
@@ -257,7 +252,6 @@ span {
         }
         option {
             background: var(--color-global);
-            font-family: "Shopee";
         }
     }
     &::after {
@@ -420,7 +414,6 @@ span {
         font-weight: 700;
     }
     .tabs-item {
-        font-family: "Shopee Regular";
         font-weight: 400;
     }
 }
@@ -479,9 +472,14 @@ span {
             right: 0;
             top: 0;
         }
+        .icon-remove {
+            position: absolute;
+            right: 0;
+            top: 0;
+        }
     }
     .name-product {
-        font-family: "Shopee Bold";
+        font-weight: 700;
         font-size: 18px;
         color: #000;
         margin-bottom: 5px;
@@ -490,7 +488,7 @@ span {
         }
     }
     .price {
-        font-family: "Shopee Bold";
+        font-weight: 700;
         font-size: 18px;
         color: #d80a00;
         margin-bottom: 5px;
@@ -515,10 +513,14 @@ span {
         }
     }
     .summary {
-        font-family: "Shopee medium";
         margin-bottom: 5px;
         color: #595959;
     }
+    &.save {
+        .icon-save {
+            right: 30px;
+        }
+    }
 }
 
 .box-best-rated-products {
@@ -532,7 +534,7 @@ span {
 
 .box-category-homepage {
     .item p:hover {
-        font-family: "Shopee Bold";
+        font-weight: 700;
     }
 }
 
@@ -559,7 +561,7 @@ span {
         width: calc(100% - 100px);
     }
     .name-article {
-        font-family: "Shopee Bold";
+        font-weight: bold;
         font-size: 16px;
         color: #000;
         margin-bottom: 3px;
@@ -569,7 +571,6 @@ span {
     }
     .summary {
         margin-bottom: 3px;
-        font-family: "Shopee Regular";
         font-size: 16px;
         color: #161616;
     }
@@ -594,7 +595,7 @@ span {
     border: 1px solid var(--color-global);
     border-radius: 4px;
     span {
-        font-family: "Shopee Bold";
+        font-weight: 700;
         margin-right: 5px;
     }
     &:hover {
@@ -629,16 +630,15 @@ span {
         width: calc(100% - 100px);
     }
     .summary {
-        font-family: "shopee Regular";
         font-size: 15px;
         margin-bottom: 5px;
     }
     .name-classifieds {
-        font-family: "shopee Bold";
+        font-weight: bold;
         font-size: 18px;
     }
     .price {
-        font-family: "shopee Bold";
+        font-weight: bold;
         font-size: 20px;
         color: #d80a00;
     }
@@ -715,15 +715,12 @@ span {
 .breadcrumb {
     span {
         font-size: 18px;
-        font-family: "Shopee Medium";
     }
 }
 
 .page-category {
     .list-cate a {
-        font-family: "Shopee Regular";
         &.active {
-            font-family: "Shopee Bold";
             font-weight: 600;
         }
         &:hover {
@@ -741,7 +738,6 @@ span {
     border-radius: 3px;
 }
 .box-filter label {
-    font-family: "Shopee Light";
     cursor: pointer;
 }
 #js-slider-big {
@@ -800,14 +796,13 @@ span {
         }
     }
     .box-summary {
-        font-family: "Shopee Medium";
         font-size: 16px;
         li {
             list-style: inside;
         }
     }
     .btn-more-review {
-        font-family: "Shopee Bold";
+        font-weight: bold;
     }
     .box-desc {
         .content {
@@ -889,11 +884,10 @@ span {
 }
 .table td {
     padding: 14px 20px;
-    font-family: "Shopee medium";
 }
 .table td:first-child {
     width: 230px;
-    font-family: "Shopee Bold";
+    font-weight: bold;
     font-weight: inherit;
 }
 .table tr {
@@ -917,33 +911,139 @@ span {
         display: block;
     }
 }
-.star-rating {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+
+.rating-selection {
+    float: left;
+    display: inline;
 }
 
-.star-rating input {
-    display: none; /* Ẩn các input radio */
-}
-
-.star-rating label {
+.rating-selection input {
+    float: right;
+    width: 15px;
+    height: 15px;
+    padding: 0;
+    margin: 0 0 0 -15px;
+    opacity: 0;
     cursor: pointer;
-    width: 45px;
-    height: 45px;
-    margin: 0 5px;
-    background-size: cover;
-    transition: background-image 0.3s ease-in-out;
-    background-image: url("../images/icon-star-gray.png");
 }
 
-/* Sao đã chọn, sử dụng hình ảnh ngôi sao màu vàng */
-.star-rating input:checked ~ label {
-    background-image: url("../images/icon-star-active.png"); /* Đặt hình sao màu vàng khi chọn */
+.rating-selection .rating-star {
+    position: relative;
+    float: right;
+    display: block;
+    width: 28px;
+    height: 26px;
+    background: url(../images/star_min.png) 0 -33px;
+    cursor: pointer;
+    margin-right: 7px;
 }
 
-/* Sao khi hover, thay đổi màu sắc của sao */
-.star-rating label:hover,
-.star-rating input:checked ~ label:hover {
-    background-image: url("../images/icon-star-active.png"); /* Thay đổi hình sao khi hover */
+.rating-selection .rating-star:hover {
+    background-position: 0 0;
+}
+
+.rating-selection .rating-star:hover,
+.rating-star:hover ~ .rating-star {
+    background-position: 0 0;
+}
+
+.rating-selection .rating:hover .rating-star:hover,
+.rating:hover .rating-star:hover ~ .rating-star,
+.rating-input:checked ~ .rating-star {
+    background-position: 0 0;
+}
+
+.form-input {
+    input,
+    textarea {
+        width: 100%;
+        height: 44px;
+        padding: 0 20px;
+        border-radius: 12px;
+        border: 1px solid #c1c1c1;
+        font-size: 13px;
+        color: #9c9c9c;
+        &:focus {
+            outline: 2px solid var(--color-global);
+            border: none;
+        }
+    }
+    textarea {
+        height: 100px;
+        padding: 15px 20px;
+        resize: none;
+    }
+}
+
+.padding {
+    border: 1px solid #cdcdcd;
+    width: fit-content;
+    margin: 20px auto 0 auto;
+    border-radius: 4px;
+    a {
+        border-right: 1px solid #cdcdcd;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        line-height: 40px;
+        width: 40px;
+        height: 40px;
+        &:last-child {
+            border: 0;
+        }
+    }
+    a:hover,
+    .active {
+        border-radius: 4px;
+        border: 1px solid #1877f2;
+        color: #1877f2;
+    }
+}
+
+.select-two-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: 7px;
+        top: 5px;
+        width: 11px;
+        height: 17px;
+        background: url(../images/icon_2025.png) no-repeat;
+        background-size: 228px 175px;
+        display: block;
+        background-position: -212px -152px;
+        transform: rotate(270deg);
+        z-index: 1;
+    }
+    &::after {
+        position: absolute;
+        content: "";
+        right: 7px;
+        bottom: 5px;
+        width: 11px;
+        height: 17px;
+        background: url(../images/icon_2025.png) no-repeat;
+        background-size: 228px 175px;
+        display: block;
+        background-position: -212px -152px;
+        transform: rotate(90deg);
+        z-index: 1;
+    }
 }
diff --git a/src/assets/images/banner-list-product-save.png b/src/assets/images/banner-list-product-save.png
new file mode 100644
index 0000000..71b9596
Binary files /dev/null and b/src/assets/images/banner-list-product-save.png differ
diff --git a/src/assets/images/icon_2025.png b/src/assets/images/icon_2025.png
index 6657c09..138e6df 100644
Binary files a/src/assets/images/icon_2025.png and b/src/assets/images/icon_2025.png differ
diff --git a/src/assets/images/star_min.png b/src/assets/images/star_min.png
new file mode 100644
index 0000000..754647a
Binary files /dev/null and b/src/assets/images/star_min.png differ
