/* ===================================================
2. HIỆU ỨNG TRƯỢT MEGA MENU (ĐÃ SỬA LẠI VỊ TRÍ)
=================================================== */
.khung-mega-menu {
position: fixed !important;
width: 100%;
left: 0;
/* ĐẨY MENU XUỐNG DƯỚI HEADER (Chỉnh số 90px này cho vừa khít với chiều cao Header của bạn) */
top: 90px !important;
height: auto !important;
min-height: 400px;
/* GIỚI HẠN CHIỀU CAO 80% MÀN HÌNH */
max-height: 80vh !important;
overflow-y: auto;
overflow-x: hidden;
z-index: 999999 !important;
background: #fff;
border-bottom: 2px solid #f1f1f1;
box-shadow: 0 15px 40px rgba(0,0,0,0.2);
/* TRẠNG THÁI MẶC ĐỊNH LÀ ẨN */
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-20px) !important;
transition: all 0.4s ease-in-out !important;
}
.khung-mega-menu::-webkit-scrollbar { width: 6px; }
.khung-mega-menu::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 10px; }
/* KHI BẤM NÚT SẼ THÊM CLASS NÀY ĐỂ HIỆN RA */
.khung-mega-menu.hien-ra {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}