#site-header {

  position: sticky;

  top: 0;

  z-index: 1050; /* cao hơn Bootstrap */

  transition: transform 0.3s ease-in-out;

}



#site-header.hide {

  transform: translateY(-100%);

}



.mobile-bottom-nav {

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	height: 45px;

	background: #fff;

	border-top: 1px solid #ddd;

	display: flex;

	justify-content: space-around;

	align-items: center;

	z-index: 999;

}



.mobile-bottom-nav .nav-item {

	flex: 1;

	text-align: center;

	text-decoration: none;

	color: #444;

	font-size: 12px;

}



.mobile-bottom-nav .nav-item i {

	display: block;

	font-size: 16px;

	margin-bottom: 3px;

}



.mobile-bottom-nav .nav-item.active {

	color: #dc3545; /* màu đỏ bootstrap */

}



/* Ẩn trên desktop, chỉ hiện trên mobile */

@media (min-width: 768px) {

	.mobile-bottom-nav {

		display: none;

	}

}