update

assets/css/style-global.css

@@ -620,3 +620,99 @@ table {
   background: var(--color-bg-title-2);
   display: flex !important;
 }
+
+.box-deal-hot .item.active,
+.box-deal-hot .item:hover {
+  background: var(--main-color);
+  display: flex !important;
+}
+
+.mode-edit {
+  top: -50px;
+  left: 0;
+  z-index: 1000;
+  width: 100%;
+  display: block;
+  transition: 0.3s;
+}
+
+.mode-edit.fixed {
+  position: fixed;
+  top: 0;
+}
+
+#toggleEditMode {
+  background: #2578e7;
+  height: 30px;
+  color: #fff;
+  border-radius: 5px;
+  display: block;
+  white-space: nowrap;
+}
+
+.editable-element {
+  position: relative;
+}
+
+.edit-button {
+  display: none;
+  position: absolute;
+  top: -25px;
+  right: 0;
+  background-color: #2578e7;
+  color: white;
+  padding: 5px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+.editable-element.editable {
+  border: 1px solid #ddd;
+}
+
+.editable-element.editable .edit-button {
+  display: block;
+}
+
+.tab-bar {
+  display: none;
+  margin-top: 10px;
+  padding: 15px;
+  border-radius: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  position: fixed;
+  right: 10px;
+  top: 50px;
+  width: 400px;
+  height: 520px;
+  overflow: auto;
+  background: #fff;
+}
+
+.editable-container {
+  position: relative;
+}
+
+.apply-button {
+  background-color: #28a745;
+  color: white;
+  padding: 5px 10px;
+  border-radius: 3px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.apply-button:hover {
+  background-color: #218838;
+}
+
+.edit-position.active {
+  border: 1px solid #2578e7;
+  background: #2578e7;
+  color: #fff;
+}
+
+.box-faq .editable-element.editable {
+  border: 2px solid #110e83;
+}