.header{
  width: 100%;
}
.header-content{
  width: 1440px;
}
.header-promotion-content{
  width: 1440px;
}
.menu-item {
  position: relative;
  cursor: pointer;
}


/* Đặt menu-item ở vị trí relative để dropdown-menu căn chỉnh đúng */
.header-menu {
  position: relative;
}

.dropdown-menu {
  display: none; 
  position: absolute; 
  top: 100%; 
  transform: translateX(-50%); 
  width: 1440px; 
  background: #fff; 
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 
  z-index: 1000; 
  justify-content: space-between; 
  padding: 20px; 
  box-sizing: border-box; 
}

.menu-item:hover .dropdown-menu,
.dropdown-menu:hover {
  display: flex; 
}


.dropdown-column {
  flex: 1;
  margin-right: 20px; 
}


.dropdown-column:last-child {
  margin-right: 0;
}
.dropdown-column li a{
  padding: 5px;
  border-radius: 5px;

}
.dropdown-column li a:hover{
  background-color: #dfdede;
}
.dropdown-image {
  flex: 1; 
  max-width: 100%; 
}


.dropdown-image img {
  width: 100%; 
  height: auto; 
}




.item-title{
  padding: 7px;
  border-radius: 5px;
}
.item-title:hover{
  background-color: #dcd8d8;
  
}
.dropdown-column {
  flex: 1;
  margin-right: 20px;
}

.dropdown-column h4 {
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px solid rgb(225, 225, 225);
}

.dropdown-column ul {
  list-style-type: none;
  padding: 0;
}

.dropdown-column ul li {
  margin-bottom: 10px;
  border-radius: 5px;
  color: #777575;
}

.dropdown-image {
  flex: 1;
}

.dropdown-image img {
  width: 100%;
  height: auto;
}

.header-right >div,.header-right >span,.header-right >i{
  margin: 0 5px;
}