.elementor-8120 .elementor-element.elementor-element-2cdf706{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8120 .elementor-element.elementor-element-c6b2fe6{width:var( --container-widget-width, 114.636% );max-width:114.636%;--container-widget-width:114.636%;--container-widget-flex-grow:0;}.elementor-8120 .elementor-element.elementor-element-c6b2fe6.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for shortcode, class: .elementor-element-c6b2fe6 *//* .mega-menu-wrap {
  display: flex;
  gap: 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  max-width: 100%;
}
 */
 .mega-menu-left {
  width: 320px;
  border-right: 1px solid #eee;
  background: #f9f9f9;
}

/* .mega-menu-left ul {
  list-style: none;
  margin: 0;
  padding: 0;
} */

/* .mega-menu-left li {
  padding: 12px 15px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
 */
/* .mega-menu-left li:hover {
  background: #eaeaea;
}
 */
.mega-menu-left a {
  text-decoration: none;
  color: #333;
  display: block;
}

/* Bên phải - danh mục con */
/* .mega-menu-right {
  flex: 1;
  padding: 20px;
  position: relative;
} */

/* Ẩn tất cả con mặc định */


/* Tiêu đề danh mục cha */
.mega-child-wrap h3 {
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 10px;
}

/* Danh mục con */
.mega-child {
  
  list-style: none;
  margin: 20px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.mega-child li a {
  text-decoration: none;
  color: #0073aa;
}

.mega-child li a:hover {
  /* text-decoration: underline; */
}

/* Ảnh danh mục */
.mega-cat-image {
  margin-top: 15px;
}

.mega-cat-image img {
  max-width: 180px;
  border-radius: 4px;
}

/* Hiển thị con khi hover */
.mega-parent:hover + .mega-menu-right #cat-1 {
  display: block;
}

.mega-menu-right {
  flex: 1;
  padding: 20px;
  background: #fff;
}

.mega-child-wrap {
  display: none;
  justify-content: space-between; /* tách 2 cột */
  align-items: flex-start;
  gap: 20px;
}

.mega-child-wrap.active {
  display: flex;
}

.mega-child-left {
  flex: 1;
}

.mega-child-left h3 {
  color: #064191;
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: 700;
}

.mega-child {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-child li {
  margin: 8px 0;
}

.mega-child li a {
  text-decoration: none;
  color: #333;
  font-size: 15px;
  transition: color 0.2s;
}

.mega-child li a:hover {
  color: #064191;
}

/* Cột ảnh bên phải */
.mega-cat-image {
  max-width: 400px;
  flex-shrink: 0;
}

.mega-cat-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
}/* End custom CSS */