/* --- SMART STICKY HEADER --- */
#tnd-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; /* Đảm bảo đè lên các thành phần khác */
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Animation mượt chuẩn Material Design */
    will-change: transform; /* Bật GPU Acceleration */
    
    /* Khắc phục lỗi rung lắc trên 1 số trình duyệt */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Class ẩn header */
#tnd-header.tnd-header-hidden {
    transform: translateY(-100%);
}

/* Class trong suốt (nếu cần lúc ở đỉnh trang) - Optional */
#tnd-header.tnd-header-transparent {
    background-color: transparent;
    box-shadow: none;
}