/** menu toggle button **/

.toggle-nav, .icon-bar {
	width: 24px;
	flex-direction: column;
	height: 20px;
	justify-content: space-between;
	border-radius: 3px
}

.toggle-nav .bar, .icon-bar .bar {
	height: 3px;
	background: #333;
	width: 24px;
	border-radius: 1px
}

.toggle-nav .bar:nth-child(2), .icon-bar .bar:nth-child(2) {
	width: 86% !important
}

.icon-bar {
	cursor: auto !important
}

.icon-bar .bar {
	background: var(--text-color);
	height: 2px
}

.icon-bar .bar:nth-child(2) {
	width: 20px
}
.header-icon {
  display: block;
  width: 44px;
}





/** end menu toggle button **/
/** mid header  **/
.mid-header {
	background: var(--header-background);
	padding: 10px 0px
}

.mid-header .logo-wrapper {
	max-width: 248px;
	display: block
}
.mid-header .toggle-nav {
	width: 24px;
	flex-direction: column;
	height: 20px;
	justify-content: space-between;
	border-radius: 3px
}

.mid-header .toggle-nav .bar {
	height: 3px;
	background: var(--primary-color);
	width: 24px;
	border-radius: 3px
}

.mid-header .toggle-nav .bar:nth-child(2) {
	width: 75%
}


@media (max-width:992px) {
	.mid-header .logo-wrapper {
		margin: auto
	}

}

/** end mid header  **/
/** header right **/


.header-right {
	font-size: 14px
}

.header-right .fas {
	font-size: 24px
}

.header-right a {
	color: var(--header-color);
  display: flex;
  justify-content: flex-start;
}

.header-right a:hover {
	text-decoration: none;
}

/** end header right **/

/** mini cart **/

.mini-cart .no-item {
	text-align: center
}

.mini-cart .no-item p {
	margin: 0 auto
}

.mini-cart>a .count_item {
	position: absolute;
	display: inline-block;
	background: var(--primary-color);
	border-radius: 999px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	top: -5px;
	right: 0
}

@media (max-width:575px) {
	.mini-cart>a .count_item {
		font-size: 9px
	}

}
.mini-cart .no-item {
	text-align: center
}

.mini-cart .no-item p {
	margin: 0 auto
}

.mini-cart>a .count_item {
	position: absolute;
	display: inline-block;
	background: var(--primary-color);
	border-radius: 999px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	top: -5px;
	right: 0
}

@media (max-width:575px) {
	.mini-cart>a .count_item {
		font-size: 9px
	}

}
@media (max-width: 991px) {
	.mini-cart > a {
		display: flex;
		justify-content: flex-end;
		padding-right: 15px;
        padding: 0 5px;
	}
}

@media (max-width: 767px) {
	.mini-cart > a {
		position: relative;
	}
	.mini-cart .count_item{
		position: absolute;
		right: -12px;
		top: -5px;
		font-size: 10px;
	}
}
/** end mini-cart **/


/** search **/

#search-header .custom-input-group {
	z-index: 1000
}

#search-header .custom-input-group .input-group-field {
	background: #f1f1f1
}

@media (max-width:991px) {
	#search-header .custom-input-group .input-group-field {
		height: 35px;
		font-size: 12px
	}

}

@media (max-width:991px) {
	#search-header {
		order: 1;
		margin-top: 10px
	}

}

@media (max-width:375px) {
	#search-header .custom-input-group .input-group-field {
		padding-right: 45px
	}

	#search-header .btn {
		padding: 4px 10px
	}

}

#search-header .search-dropdow .search__list {
	display: block !important;
	white-space: nowrap;
	overflow: auto
}

#search-header .search-dropdow .search__list>li {
	display: inline-block
}
.search-overlay {
	position: fixed;
	z-index: -1;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100vh;
	top: 0 !important;
	left: 0;
	opacity: 0;
	visibility: hidden
}

.search-overlay.active {
	opacity: 1;
	z-index: 999;
	visibility: visible
}

.search__list a {
	font-size: 12px;
	color: #6c757d
}

.search__list a:hover {
	color: var(--header-color)
}
/** end search **/

/** subheader **/
.subheader {
	--subheader-padding: 0px;
	background: var(--subheader-background);
	color: var(--subheader-color);
	display: flex;
	align-items: center;
	padding-top: 10px
}

.subheader .toogle-nav-wrapper {
	padding: 16px 0 20px;
	border-radius: 5px 5px 0px 0px;
	border: 1px;
	color: var(--subheader-background);
	background: var(--subheader-color);
	font-weight: 600
}

.subheader .navigation-wrapper {
	font-weight: 400
}

.subheader .toogle-nav-wrapper .icon-bar {
	width: 20px;
	height: 18px;
	margin-left: 15px
}

.subheader .toogle-nav-wrapper .icon-bar .bar {
	background: var(--subheader-background);
	width: 20px
}

@media (max-width:991px) {
	.subheader {
		display: none
	}

}

.subheader .container {
	display: grid;
	grid-template-columns: calc(20% - 24px) 1fr;
	justify-content: space-between;
	align-items: center;
	grid-gap: 15px
}

@media (max-width:1024px) {
	.subheader .container {
		grid-template-columns: calc(25% - 24px) 1fr
	}

}
.subheader .container>* {
	padding-bottom: 8px
}
.shop-policises {
	justify-content: flex-start
}

.shop-policises li {
	display: flex;
	align-items: center
}

.shop-policises li+* {
	margin-left: 15px
}

.shop-policises div {
	width: 40px;
	height: 40px;
	padding: 4px;
	margin-right: 6px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width:991px) {
	.shop-policises div {
		width: 32px;
		height: 32px
	}

}

.shop-policises .link {
	font-size: 16px
}

@media (min-width:992px) {
	.shop-policises .link {
		color: var(--subheader-color)
	}

	.shop-policises .link:hover {
		color: var(--secondary-color)
	}

}

/** end subheader **/
/** ega-header **/
.header_sticky {
	position: fixed;
	transform: translateY(-120px);
	top: 0px !important;
	left: 0;
	width: 100%;
	z-index: -1;
	transition: transform .3s ease-out;
	box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.4);
	opacity: 0;
	background: #fff
}

.header_sticky.active {
	z-index: 1000;
	transform: translateY(0);
	opacity: 1
}

.header_sticky .mid-header {
	font-size: 14px;
	padding: 0px
}

.header_sticky .mid-header:after {
	content: none !important
}

.header_sticky .toogle-nav-wrapper {
	margin: -5px 0px
}

.header_sticky .toogle-nav-wrapper:hover ~ .sticky-overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	background: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0
}

.header_sticky .toogle-nav-wrapper .navigation-wrapper {
	margin-top: 0
}

.header_sticky .navigation {
	--nav-height: 75vh
}

.header_sticky #search-header {
	order: 0 !important;
	margin: 0 !important
}


.ega-header:not(.header_sticky) {
	top: 0;
	position: sticky;
	position: -webkit-sticky;
	z-index: 1000;
	background: #fff
}

.ega-header.active {
	box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.4)
}

.ega-header .header-wrap {
	height: 65px;
	display: grid;
	grid-template-columns: 150px 1fr 160px;
	align-items: center;
	gap: 15px;
}

.ega-header .header-wrap .header-right {
	display: flex;
	justify-content: flex-end
}

.ega-header .header-wrap .header-right__icons {
	display: grid;
	grid-template-columns: var(--header-grid-template);
	text-align: center
}
.header-icon img {
  max-width: 30px;
}

.ega-header .header-wrap .header-right__icons .icon {
	font-size: 32px
}

.ega-header .header-wrap .header-right__icons .icon-action__search {
	cursor: pointer
}

.ega-header .header-wrap .header-right__icons #icon-account {
	position: relative
}

.ega-header .header-wrap .header-right__icons #icon-account .account-action {
	position: absolute;
	background: #333;
	border-radius: 5px;
	color: #fff;
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	visibility: hidden;
	text-align: left;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 10px);
	width: 95px
}

.ega-header .header-wrap .header-right__icons #icon-account .account-action a {
	display: block;
	padding: 7px 8px
}
.ega-header .header-wrap .header-right__icons #icon-account .account-action a:hover {
	background: #6666;
}
.ega-header .header-wrap .header-right__icons #icon-account .account-action:before {
	background: transparent;
	content: '';
	position: absolute;
	bottom: 100%;
	height: 10px;
	left: 0;
	width: 100%
}

.ega-header .header-wrap .header-right__icons #icon-account .account-action:after {
	background: #333333;
	content: '';
	height: 14px;
	position: absolute;
	transform: rotate(45deg);
	width: 14px;
	z-index: -1;
	left: calc(50% - 7px);
	top: -7px
}

.ega-header .header-wrap .header-right__icons #icon-account:hover .account-action {
	opacity: 1;
	visibility: visible;
	z-index: 99;
}


.ega-header .mega-menu-content {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	margin-top: 13px;
	padding: 5px 58px 10px 40px;
	background-color: #fff;
	border: 1px solid #EEE;
	border-top: 2px solid #d9121f;
	height: auto;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease
}

.ega-header .mega-menu-content .nav-links {
	--col-menu: 3;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--col-menu)), 1fr))
}

.ega-header .mega-menu-content .nav-links__item {
	padding: 5px 10px
}

.ega-header #primary-menu {
	display: flex;
	justify-content: center
}

.ega-header.header_sticky {
	position: fixed
}

.ega-header.header_sticky .header-wrap {
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	justify-items: center
}
.ega-header.header_sticky .ega-form-search {
	width: 650px!important;
	max-width: 100%;
}
#ega-smartsearch-search-suggestion{
	width: 640px!important
}
 
.ega-header.header_sticky .ega-header-layer {
	display: none;
	position: absolute;
	content: "";
	background: #000;
	width: 100%;
	height: 100vh;
	opacity: .6;
	left: 0;
}

.ega-header.header_sticky.active .ega-header-layer {
	display: block
}

header.ega-header .navigation--horizontal {
	width: 100%;
	position: initial;
	justify-content: center;
}

header.ega-header .navigation--horizontal .navigation-arrows {
	display: none
}

header.ega-header .navigation--horizontal .navigation-arrows i {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

header.ega-header .navigation--horizontal .navigation-arrows i:not(.disabled):hover {
	background: rgba(238, 238, 238, 0.4);
	border-radius: 100%
}

header.ega-header .navigation--horizontal .navigation-arrows i.disabled {
	cursor: not-allowed;
	opacity: 0.3
}

header.ega-header .navigation-wrapper {
	overflow: hidden;
	max-height: 65px;
}

header.ega-header .navigation-wrapper.overflow+.navigation-arrows {
	display: flex;
	align-items: center
}

@media(max-width: 991px){
	.ega-header.header_sticky .header-wrap {
		grid-template-columns: 1fr;
		padding-left: 0px;
		padding-right: 0px
		
	}
	.ega-header.header_sticky #logo,.ega-header.header_sticky .header-right {
		display: none!important
	}

}
@media (max-width:991px) {
	.ega-header .header-wrap {
		padding: 0 15px;
		grid-template-columns: auto 1fr 120px;
    gap: 10px;
    height: 50px
	}

	.ega-header .header-wrap .header-right__icons {
		width: auto;
		display: inline-grid;
		gap: 3px;
		grid-template-columns: repeat(2, 1fr);
	}
.header-icon {
  width: 36px;
}
.ega-header .header-wrap .header-right__icons img {
  max-width: 24px;
}
    .ega-header .header-wrap .header-right__icons.has-wishlist{
        grid-template-columns: repeat(3, 1fr);
    }

	.ega-header .header-wrap #logo {
		text-align: center
	}
	#ega-smartsearch-search-suggestion, .ega-header.header_sticky .ega-form-search{
		width : 100%!important;
	}

	#ega-smartsearch-search-suggestion{
	width : calc(100% - 10px)!important
	}
}

/** end  ega-header **/
/** navigation **/

.navigation {
	--nav-height: 313px;
	min-height: 100%;
	overflow-x: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 100%;
	width: 100%;
	
}

.navigation.overflow {
	overflow: hidden
}

.navigation::-webkit-scrollbar {
	display: none
}

.navigation .list-group-item {
	padding: 0px;
	border-bottom: 0px;
	background: transparent
}

.navigation .list-group-item:hover>a:after {
	filter: brightness(0.9)
}

.navigation .list-group-item>a {
	text-decoration: none;
	white-space: nowrap;
	display: flex;
	align-items: center;
	background: var(--main-menu-bg);
	color: var(--main-menu-color);
	padding: 20px 10px;
	position: relative;
	font-weight: 600;
}

.navigation .list-group-item>a:hover {
	color: var(--primary-color)
}

.navigation .list-group-item>a:after {
	background: var(--main-menu-color);
    background-color: currentColor;
    bottom: calc(1.25rem - 5px);
    content: "";
    height: 2px;
    left: 1rem;
    position: absolute;
	width: 0;
    transition: width .2s ease-in-out;
}
.navigation .list-group-item>a>img {
    max-width: 24px;
    max-height: 24px;
    object-fit: contain;
    margin-right: 4px;
}
@media(min-width: 1024px){
.navigation .list-group-item:hover > a:after {
	width: calc(100% - 30px)
}
}
.navigation .list-group-item>a>span img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	margin-right: 4px;
	animation: pulsate 1s ease-in alternate;
	animation-iteration-count: infinite
}

.navigation .list-group-item>a i, .navigation .list-group-item>a svg {
	margin-left: 6px
}

@media (min-width:992px) {
	.navigation .list-group-item>a i, .navigation .list-group-item>a svg {
		transform: rotate(45deg);
		margin-top: -3px
	}

}

.header_sticky .navigation .list-group-item>a i, .header_sticky .navigation .list-group-item>a svg {
	transform: rotate(0deg)
}

.navigation .menu-item {
	position: initial
}

@media (min-width:992px) {
	.navigation .menu-item .submenu:hover, .navigation .menu-item a:hover + .submenu {
		display: block;
		z-index: 900
	}

}

.navigation .submenu {
	display: none;
	width: 100%;
	height: 320px;
	padding: 14px 20px;
	border-radius: 0px;
	position: absolute;
	bottom: 0px;
	top: 100%;
	left: 0;
	background: #fff;
	margin-left: 0px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 8px 0px;
	z-index: 1;
	overflow: auto;
	font-size: 1rem
}

.navigation .submenu__list {
	display: grid;
	/*grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--col-menu)), 1fr));*/
	grid-template-columns: repeat(var(--col-menu), 1fr);
	grid-gap: 10px  5px;
	padding: 0px;
	list-style: none
}

.navigation .submenu__col {
	display: flex;
	flex-direction: column;
	align-items: start;
	font-size: 1rem
}
.navigation .submenu__col .submenu__item{
	margin-bottom: 4px
}
.submenu__col .submenu__item:not(.submenu__item--main) a{
	color:#666666;
}
.submenu__col .submenu__item:not(.submenu__item--main) a:hover{
	color:var(--link-color);
}

.navigation .submenu__item--main {
	font-weight: 600;
		margin-bottom: 5px

}

.navigation .submenu.default {
	width: auto;
	bottom: initial;
	left: inherit;
	height: auto;
	width: 250px
}

.navigation .submenu.default .submenu__list {
	display: flex;
	flex-direction: column;
	alig-items: flex-start
}

/** end naviagtion **/

/* =========================================================
   MENU NHƯỢNG QUYỀN
   Chỉ sửa giao diện, không thay đổi HTML hoặc Liquid
========================================================= */

/* Desktop */
@media (min-width: 992px) {

	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"],

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"] {
		position: relative !important;

		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: auto !important;
		min-width: 184px !important;
		height: 58px !important;
		min-height: 58px !important;

		margin: 0 6px !important;
		padding: 0 24px !important;

		background: #f4dde2 !important;
		border: 1px solid #f4dde2 !important;
		border-radius: 9px !important;

		color: #da1884 !important;
		font-family: inherit !important;
		font-size: inherit !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;

		box-shadow: none !important;
		transform: none !important;

		transition:
			background-color 0.25s ease,
			border-color 0.25s ease,
			color 0.25s ease,
			box-shadow 0.25s ease !important;
	}

	/* Chữ bên trong */
	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"] span,

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"] span {
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		line-height: inherit !important;
		text-decoration: none !important;
		border: 0 !important;
	}

	/* Xóa gạch chân mặc định của theme */
	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"]::before,

	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"]::after,

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"]::before,

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"]::after {
		display: none !important;
		content: none !important;
		width: 0 !important;
		height: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}

	/* Hover */
	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"]:hover,

	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"]:focus,

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"]:hover,

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"]:focus {
		background: #da1884 !important;
		border-color: #da1884 !important;
		color: #ffffff !important;

		box-shadow: 0 7px 16px rgba(218, 24, 132, 0.2) !important;
		transform: translateY(-1px) !important;
	}

	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"]:hover span,

	.header-wrap
	.navigation--horizontal
	a.menu-item__link[href*="nhuong-quyen"]:focus span,

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"]:hover span,

	.header-wrap
	.navigation-horizontal
	a.menu-item__link[href*="nhuong-quyen"]:focus span {
		color: #ffffff !important;
	}
}

/* Mobile */
@media (max-width: 991px) {

	#mobile-menu
	a.menu-item__link[href*="nhuong-quyen"] {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;

		width: 100% !important;
		min-height: 50px !important;

		margin: 8px 0 !important;
		padding: 12px 16px !important;

		background: #f4dde2 !important;
		border: 1px solid #f4dde2 !important;
		border-radius: 8px !important;

		color: #da1884 !important;
		font-size: inherit !important;
		font-weight: 700 !important;
		line-height: 1.3 !important;
		text-decoration: none !important;
		text-transform: uppercase !important;

		box-shadow: none !important;
	}

	#mobile-menu
	a.menu-item__link[href*="nhuong-quyen"] span {
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		text-decoration: none !important;
	}

	#mobile-menu
	a.menu-item__link[href*="nhuong-quyen"]::before,

	#mobile-menu
	a.menu-item__link[href*="nhuong-quyen"]::after {
		display: none !important;
		content: none !important;
	}

	#mobile-menu
	a.menu-item__link[href*="nhuong-quyen"]:active {
		background: #da1884 !important;
		border-color: #da1884 !important;
		color: #ffffff !important;
	}
}

/* =========================================================
   MENU NỘI BỘ — BẢN GỌN, NHẸ VÀ CÂN ĐỐI
========================================================= */

.internal-menu-wrapper,
.internal-menu-wrapper *,
.internal-menu-wrapper *::before,
.internal-menu-wrapper *::after {
	box-sizing: border-box;
}

/* Khung chứa menu */
.internal-menu-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;

	margin-left: 8px;
	margin-right: 8px;

	z-index: 10000;
}

.internal-menu {
	position: relative;
	display: block;
}

/* =========================================================
   MENU NỘI BỘ — BẢN NHỎ GỌN
========================================================= */

.internal-menu-wrapper,
.internal-menu-wrapper *,
.internal-menu-wrapper *::before,
.internal-menu-wrapper *::after {
	box-sizing: border-box;
}

/* Khung chứa */
.internal-menu-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;

	margin-left: 8px !important;
	margin-right: 10px !important;

	z-index: 10000;
}

.internal-menu {
	position: relative;
	display: block;
}

/* =========================================================
   MENU NỘI BỘ — NHỎ GỌN + MEGA MENU 2 CỘT
========================================================= */

.internal-menu-wrapper,
.internal-menu-wrapper *,
.internal-menu-wrapper *::before,
.internal-menu-wrapper *::after {
	box-sizing: border-box;
}

.internal-menu-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;

	margin-left: 6px !important;
	margin-right: 9px !important;

	z-index: 10000;
}

.internal-menu {
	position: relative;
	display: block;
}

/* =========================================================
   NÚT NỘI BỘ
========================================================= */

.internal-menu__trigger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;

	width: auto !important;
	min-width: 74px !important;
	height: 34px !important;
	min-height: 34px !important;

	margin: 0 !important;
	padding: 0 10px !important;

	background: #da1884 !important;
	border: 1px solid #da1884 !important;
	border-radius: 6px !important;

	color: #ffffff !important;
	font-family: inherit !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;

	cursor: pointer !important;

	box-shadow: 0 3px 9px rgba(218, 24, 132, 0.14) !important;

	appearance: none !important;
	-webkit-appearance: none !important;

	transition:
		background-color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease !important;
}

.internal-menu__trigger:hover,
.internal-menu:focus-within > .internal-menu__trigger {
	background: #c51376 !important;
	border-color: #c51376 !important;
	box-shadow: 0 4px 11px rgba(218, 24, 132, 0.2) !important;
}

.internal-menu__trigger i {
	color: inherit !important;
	font-size: 9px !important;
	transition: transform 0.18s ease;
}

.internal-menu:hover > .internal-menu__trigger i,
.internal-menu:focus-within > .internal-menu__trigger i {
	transform: rotate(180deg);
}

/* =========================================================
   MEGA MENU CẤP 2
   Dùng cho cấu trúc internal-menu__mega / __column
========================================================= */

.internal-menu__mega {
	position: absolute !important;
	z-index: 10001 !important;

	top: calc(100% + 7px) !important;
	right: 0 !important;

	display: none;

	grid-template-columns: repeat(2, minmax(135px, 1fr));
	gap: 22px;

	width: 340px !important;
	padding: 16px 18px !important;

	background: #ffffff !important;
	border: 1px solid #eeeeee !important;
	border-radius: 8px !important;

	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.1) !important;
}

.internal-menu:hover > .internal-menu__mega,
.internal-menu:focus-within > .internal-menu__mega {
	display: grid !important;
}

/* Cầu nối chuột từ nút xuống menu */
.internal-menu__mega::before {
	position: absolute;
	right: 0;
	bottom: 100%;

	width: 100%;
	height: 9px;

	content: "";
}

/* =========================================================
   CỘT MENU
========================================================= */

.internal-menu__column {
	min-width: 0;
	margin: 0;
	padding: 0;
}

/* Tiêu đề nhóm như “Tài liệu nội bộ” */

.internal-menu__heading {
	display: block !important;

	margin: 0 0 8px !important;
	padding: 0 !important;

	background: transparent !important;
	border: 0 !important;

	color: #222222 !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	white-space: normal !important;

	transition: color 0.18s ease;
}

.internal-menu__heading:hover {
	color: #da1884 !important;
}

/* =========================================================
   DANH SÁCH CON
========================================================= */

.internal-menu__list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.internal-menu__list-item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.internal-menu__list-item::before,
.internal-menu__list-item::after {
	display: none !important;
	content: none !important;
}

/* Link con như “Tài liệu đào tạo” */

.internal-menu__child-link {
	display: block !important;

	padding: 4px 0 !important;

	background: transparent !important;
	border: 0 !important;

	color: #666666 !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	text-decoration: none !important;
	white-space: normal !important;

	transition:
		color 0.18s ease,
		padding-left 0.18s ease;
}

.internal-menu__child-link:hover {
	padding-left: 4px !important;
	color: #da1884 !important;
}

/* =========================================================
   GIỮ MENU NẰM GIỮA NHƯỢNG QUYỀN VÀ ICON
========================================================= */

.header-right {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
}

.header-right .internal-menu-wrapper {
	order: 1;
	flex: 0 0 auto !important;
}

.header-right .header-right__icons {
	order: 2;
	flex: 0 0 auto !important;
}

.header-right .internal-menu-wrapper + .header-right__icons {
	margin-left: 0 !important;
}

/* =========================================================
   RESET CSS CŨ CỦA DROPDOWN 3 CẤP
========================================================= */

.internal-menu__dropdown,
.internal-menu__submenu {
	display: none !important;
}

.internal-menu__item,
.internal-menu__link,
.internal-menu__submenu-item {
	all: unset;
}

/* =========================================================
   ẨN BỘ CHỌN NGÔN NGỮ CŨ
========================================================= */

#desktop-lang,
.ae-cover-lang,
.ae-block-language,
.ae-lang-selected,
.ae-box-lang {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* =========================================================
   DESKTOP NHỎ
========================================================= */

@media (max-width: 1199px) and (min-width: 992px) {
	.internal-menu-wrapper {
		margin-left: 4px !important;
		margin-right: 6px !important;
	}

	.internal-menu__trigger {
		min-width: 68px !important;
		height: 32px !important;
		min-height: 32px !important;
		padding: 0 9px !important;
		font-size: 10px !important;
	}

	.internal-menu__mega {
		grid-template-columns: repeat(2, minmax(120px, 1fr));
		gap: 18px;
		width: 300px !important;
		padding: 14px 15px !important;
	}

	.internal-menu__heading {
		font-size: 13px !important;
	}

	.internal-menu__child-link {
		font-size: 12px !important;
	}
}

/* =========================================================
   MENU NỘI BỘ DOLAMI
   Desktop + Mobile
========================================================= */

.internal-menu-wrapper,
.internal-menu-wrapper *,
.internal-menu-wrapper *::before,
.internal-menu-wrapper *::after {
    box-sizing: border-box;
}


/* =========================================================
   WRAPPER
========================================================= */

.internal-menu-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;

    margin-left: 6px !important;
    margin-right: 9px !important;

    z-index: 10000;
}

.internal-menu {
    position: relative;
    display: block;
}


/* =========================================================
   NÚT NỘI BỘ
========================================================= */

.internal-menu__trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    width: auto !important;
    min-width: 74px !important;

    height: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    background: #da1884 !important;

    border: 1px solid #da1884 !important;
    border-radius: 6px !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 0 !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    box-shadow:
        0 3px 9px rgba(218, 24, 132, 0.14) !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


.internal-menu__trigger:hover,
.internal-menu:focus-within > .internal-menu__trigger {

    background: #c51376 !important;
    border-color: #c51376 !important;

    box-shadow:
        0 4px 11px rgba(218, 24, 132, .20) !important;
}


.internal-menu__trigger i {

    color: inherit !important;

    font-size: 9px !important;

    transition:
        transform .18s ease !important;
}


/* =========================================================
   MEGA MENU
========================================================= */

.internal-menu__mega {

    position: absolute !important;

    z-index: 10001 !important;

    top: calc(100% + 7px) !important;
    right: 0 !important;

    display: none;

    grid-template-columns:
        repeat(2, minmax(135px, 1fr));

    gap: 22px;

    width: 340px !important;

    padding: 16px 18px !important;

    background: #ffffff !important;

    border:
        1px solid #eeeeee !important;

    border-radius:
        8px !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, .10) !important;
}


/* Cầu nối hover */

.internal-menu__mega::before {

    position: absolute;

    right: 0;
    bottom: 100%;

    width: 100%;
    height: 9px;

    content: "";
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 992px) {

    .internal-menu:hover > .internal-menu__mega,
    .internal-menu:focus-within > .internal-menu__mega {

        display: grid !important;
    }


    .internal-menu:hover > .internal-menu__trigger i,
    .internal-menu:focus-within > .internal-menu__trigger i {

        transform:
            rotate(180deg) !important;
    }
}


/* =========================================================
   CỘT MENU
========================================================= */

.internal-menu__column {

    min-width: 0;

    margin: 0;

    padding: 0;
}


/* =========================================================
   TIÊU ĐỀ NHÓM
========================================================= */

.internal-menu__heading {

    display: block !important;

    margin:
        0 0 8px !important;

    padding: 0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    color:
        #222222 !important;

    font-family:
        inherit !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    text-decoration:
        none !important;

    white-space:
        normal !important;

    transition:
        color .18s ease !important;
}


.internal-menu__heading:hover {

    color:
        #da1884 !important;
}


/* =========================================================
   DANH SÁCH CON
========================================================= */

.internal-menu__list {

    margin:
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}


.internal-menu__list-item {

    margin:
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}


.internal-menu__list-item::before,
.internal-menu__list-item::after {

    display:
        none !important;

    content:
        none !important;
}


/* =========================================================
   LINK CON
========================================================= */

.internal-menu__child-link {

    display:
        block !important;

    padding:
        4px 0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    color:
        #666666 !important;

    font-family:
        inherit !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.45 !important;

    text-decoration:
        none !important;

    white-space:
        normal !important;

    transition:
        color .18s ease,
        padding-left .18s ease !important;
}


.internal-menu__child-link:hover {

    padding-left:
        4px !important;

    color:
        #da1884 !important;
}


/* =========================================================
   VỊ TRÍ TRONG HEADER
========================================================= */

.header-right {

    display:
        flex !important;

    align-items:
        center !important;

    flex-wrap:
        nowrap !important;
}


.header-right .internal-menu-wrapper {

    order: 1;

    flex:
        0 0 auto !important;
}


.header-right .header-right__icons {

    order: 2;

    flex:
        0 0 auto !important;
}


/* =========================================================
   DESKTOP NHỎ
========================================================= */

@media (max-width: 1199px) and (min-width: 992px) {

    .internal-menu-wrapper {

        margin-left:
            4px !important;

        margin-right:
            6px !important;
    }


    .internal-menu__trigger {

        min-width:
            68px !important;

        height:
            32px !important;

        min-height:
            32px !important;

        padding:
            0 9px !important;

        font-size:
            10px !important;
    }


    .internal-menu__mega {

        grid-template-columns:
            repeat(2, minmax(120px, 1fr));

        gap:
            18px;

        width:
            300px !important;

        padding:
            14px 15px !important;
    }
}


/* =========================================================
   NỘI BỘ DOLAMI MOBILE
========================================================= */

.internal-menu-wrapper,
.internal-menu-wrapper *,
.internal-menu-wrapper *::before,
.internal-menu-wrapper *::after {
	box-sizing: border-box;
}


/* =========================================================
   DESKTOP
========================================================= */

.internal-menu-wrapper--desktop {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;

	margin-left: 6px;
	margin-right: 9px;

	z-index: 10000;
}


.internal-menu {
	position: relative;
	display: block;
}


.internal-menu__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 5px;

	min-width: 74px;
	height: 34px;

	padding: 0 10px;

	background: #da1884;

	border: 1px solid #da1884;
	border-radius: 6px;

	color: #ffffff;

	font-family: inherit;
	font-size: 11px;
	font-weight: 700;

	text-transform: uppercase;
	white-space: nowrap;

	cursor: pointer;

	box-shadow: 0 3px 9px rgba(218, 24, 132, 0.14);
}


.internal-menu__trigger:hover {
	background: #c51376;
	border-color: #c51376;
}


.internal-menu__trigger i {
	margin-left: 3px;

	color: inherit;

	font-size: 10px;

	transition: transform .2s ease;
}


/* Dropdown desktop */

.internal-menu__mega {
	position: absolute;

	top: calc(100% + 7px);
	right: 0;

	display: none;

	grid-template-columns:
		repeat(2, minmax(135px, 1fr));

	gap: 22px;

	width: 340px;

	padding: 16px 18px;

	background: #ffffff;

	border: 1px solid #eeeeee;
	border-radius: 8px;

	box-shadow:
		0 10px 26px rgba(0, 0, 0, .10);

	z-index: 10001;
}


.internal-menu__mega::before {
	position: absolute;

	right: 0;
	bottom: 100%;

	width: 100%;
	height: 10px;

	content: "";
}


@media (min-width: 992px) {

	.internal-menu:hover > .internal-menu__mega,
	.internal-menu:focus-within > .internal-menu__mega {
		display: grid;
	}

	.internal-menu:hover > .internal-menu__trigger i,
	.internal-menu:focus-within > .internal-menu__trigger i {
		transform: rotate(180deg);
	}

}


/* Cột */

.internal-menu__column {
	min-width: 0;
}


/* Tiêu đề */

.internal-menu__heading {
	display: block;

	margin-bottom: 8px;

	color: #222222;

	font-size: 14px;
	font-weight: 700;

	text-decoration: none;
}


.internal-menu__heading:hover {
	color: #da1884;
}


/* Danh sách */

.internal-menu__list {
	margin: 0;
	padding: 0;

	list-style: none;
}


.internal-menu__list-item {
	margin: 0;
	padding: 0;

	list-style: none;
}


.internal-menu__child-link {
	display: block;

	padding: 4px 0;

	color: #666666;

	font-size: 13px;

	text-decoration: none;

	transition:
		color .18s ease,
		padding-left .18s ease;
}


.internal-menu__child-link:hover {
	padding-left: 4px;

	color: #da1884;
}


/* =========================================================
   QUAN TRỌNG
   ẨN NÚT DESKTOP TRÊN MOBILE
========================================================= */

@media (max-width: 991px) {

	.internal-menu-wrapper--desktop {
		display: none !important;
	}

}
/* =========================================================
   NỘI BỘ MOBILE - DOLAMI
   Đồng bộ menu EGA Furniture
========================================================= */

.internal-mobile-nav {
	display: none;
}


@media (max-width: 991px) {

	/* Không hiện bản desktop */
	.internal-menu-wrapper--desktop {
		display: none !important;
	}


	/* =====================================================
	   MENU CHÍNH
	===================================================== */

	.internal-mobile-nav {
		display: block !important;
		position: relative;

		width: 100% !important;

		margin: 8px 0 0 !important;
		padding: 0 !important;
	}


	/* Nút NỘI BỘ */

	.internal-mobile-nav__open {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;

		width: 100% !important;
		height: 56px !important;
		min-height: 56px !important;

		margin: 0 !important;
		padding: 0 34px !important;

		background: #f4dde2 !important;

		border: 0 !important;
		border-radius: 10px !important;

		box-shadow: none !important;

		color: #da1884 !important;

		font-family: inherit !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1 !important;

		text-align: left !important;
		text-transform: uppercase !important;

		cursor: pointer !important;

		-webkit-appearance: none !important;
		appearance: none !important;
	}


	.internal-mobile-nav__open-title {
		display: block !important;

		font-size: 16px !important;
		font-weight: 700 !important;

		color: #da1884 !important;
	}


	/* DẤU > */

	.internal-mobile-nav__arrow-right {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin-left: auto !important;

		color: #da1884 !important;

		font-family: Arial, sans-serif !important;
		font-size: 31px !important;
		font-weight: 300 !important;
		line-height: 1 !important;
	}


	/* =====================================================
	   PANEL TRƯỢT
	===================================================== */

	.internal-mobile-nav__panel {
		position: fixed !important;

		top: 0 !important;
		left: 0 !important;

		width: 80% !important;
		max-width: 420px !important;
		height: 100% !important;

		margin: 0 !important;

		background: #ffffff !important;

		z-index: 10050 !important;

		overflow-x: hidden !important;
		overflow-y: auto !important;

		transform: translateX(125%) !important;
		visibility: hidden !important;

		transition:
			transform .28s ease,
			visibility .28s ease !important;

		-webkit-overflow-scrolling: touch;
	}


	.internal-mobile-nav.is-active
	.internal-mobile-nav__panel {
		transform: translateX(0) !important;
		visibility: visible !important;
	}


	/* =====================================================
	   HEADER PANEL
	===================================================== */

	.internal-mobile-nav__header {
		position: sticky !important;

		top: 0 !important;

		display: flex !important;
		align-items: center !important;

		width: 100% !important;
		height: 58px !important;
		min-height: 58px !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #f5f5f5 !important;

		border-bottom: 1px solid #e8e8e8 !important;

		z-index: 5 !important;
	}


	/* NÚT < */

	.internal-mobile-nav__back {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		flex: 0 0 70px !important;

		width: 70px !important;
		height: 58px !important;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		cursor: pointer !important;

		-webkit-appearance: none !important;
		appearance: none !important;
	}


	/* Dấu < */

	.internal-mobile-nav__arrow-left {
		display: block !important;

		color: #333333 !important;

		font-family: Arial, sans-serif !important;
		font-size: 34px !important;
		font-weight: 300 !important;
		line-height: 1 !important;
	}


	/* Chữ NỘI BỘ trên header */

	.internal-mobile-nav__title {
		display: flex !important;
		align-items: center !important;

		height: 58px !important;

		margin: 0 !important;
		padding: 0 !important;

		color: #333333 !important;

		font-family: inherit !important;
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 1 !important;

		text-transform: uppercase !important;
	}


	/* =====================================================
	   NỘI DUNG
	===================================================== */

	.internal-mobile-nav__body {
		width: 100% !important;

		margin: 0 !important;
		padding: 22px 44px 40px !important;

		background: #ffffff !important;
	}


	/* =====================================================
	   TỪNG NHÓM
	===================================================== */

	.internal-mobile-nav__group {
		margin: 0 0 22px !important;
		padding: 0 !important;
	}


	.internal-mobile-nav__group:last-child {
		margin-bottom: 0 !important;
	}


	/* Tiêu đề:
	   Thông báo nội bộ
	   Tài liệu nội bộ
	*/

	.internal-mobile-nav__heading {
		display: block !important;

		margin: 0 0 6px !important;
		padding: 0 !important;

		color: #333333 !important;

		font-family: inherit !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;

		text-decoration: none !important;
	}


	/* =====================================================
	   MENU CON
	===================================================== */

	.internal-mobile-nav__list {
		margin: 0 !important;
		padding: 0 !important;

		list-style: none !important;
	}


	.internal-mobile-nav__list li {
		margin: 0 !important;
		padding: 0 !important;

		list-style: none !important;
	}


	.internal-mobile-nav__list li::before,
	.internal-mobile-nav__list li::after {
		display: none !important;
		content: none !important;
	}


	/* Link:
	   Thông báo nội bộ
	   Tài liệu doanh nghiệp
	   Tài liệu đào tạo
	*/

	.internal-mobile-nav__link {
		display: block !important;

		margin: 0 !important;
		padding: 5px 0 !important;

		color: #666666 !important;

		font-family: inherit !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 1.45 !important;

		text-decoration: none !important;
	}


	.internal-mobile-nav__heading:hover,
	.internal-mobile-nav__heading:active,
	.internal-mobile-nav__link:hover,
	.internal-mobile-nav__link:active {
		color: #da1884 !important;
		text-decoration: none !important;
	}

}
/* =========================================================
   DOLAMI - NỘI BỘ MOBILE FINAL
   Menu con trượt ngang và khớp 100% menu EGA
========================================================= */

@media (max-width: 991px) {

    /* =====================================================
       1. KHUNG MENU MOBILE GỐC
    ===================================================== */

    #mobile-menu {
        position: fixed !important;
        overflow: hidden !important;
    }

    #mobile-menu .mobile-menu-body {
        position: static !important;
    }


    /* =====================================================
       2. NÚT NỘI BỘ TRONG MENU CHÍNH
    ===================================================== */

    #mobile-menu .internal-mobile-nav {
        display: block !important;
        position: static !important;

        width: 100% !important;

        margin: 8px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    #mobile-menu .internal-mobile-nav__open {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 54px !important;

        margin: 0 !important;
        padding: 0 34px !important;

        background: #f4dde2 !important;

        border: 0 !important;
        border-radius: 10px !important;

        color: #da1884 !important;

        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;

        text-align: left !important;
        text-transform: uppercase !important;

        box-shadow: none !important;

        cursor: pointer !important;

        box-sizing: border-box !important;
    }


    #mobile-menu .internal-mobile-nav__open-title {
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 700 !important;

        color: #da1884 !important;
    }


    /* Dấu > của NỘI BỘ */

    #mobile-menu .internal-mobile-nav__arrow-right {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-left: auto !important;

        color: #da1884 !important;

        font-family: Arial, sans-serif !important;
        font-size: 24px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }


    /* =====================================================
       3. PANEL MENU CON
       QUAN TRỌNG: BÁM THEO #mobile-menu
    ===================================================== */

    #mobile-menu .internal-mobile-nav__panel {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        max-width: none !important;

        height: 100% !important;
        min-height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        z-index: 100 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        box-sizing: border-box !important;

        /* Ẩn menu sang bên phải */
        transform: translateX(100%) !important;
        visibility: hidden !important;

        transition:
            transform .28s ease,
            visibility .28s ease !important;

        -webkit-overflow-scrolling: touch;
    }


    /* Khi bấm NỘI BỘ */

    #mobile-menu
    .internal-mobile-nav.is-active
    .internal-mobile-nav__panel {

        transform: translateX(0) !important;
        visibility: visible !important;
    }


    /* =====================================================
       4. HEADER MENU CON
    ===================================================== */

    #mobile-menu .internal-mobile-nav__header {
        position: sticky !important;

        top: 0 !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 24px !important;

        background: #f5f5f5 !important;

        border-bottom: 1px solid #e8e8e8 !important;

        z-index: 5 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       5. NÚT < QUAY LẠI
    ===================================================== */

    #mobile-menu .internal-mobile-nav__back {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        flex: 0 0 34px !important;

        width: 34px !important;
        height: 58px !important;

        margin: 0 12px 0 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        color: #333333 !important;

        cursor: pointer !important;
    }


    #mobile-menu .internal-mobile-nav__arrow-left {
        display: block !important;

        color: #333333 !important;

        font-family: Arial, sans-serif !important;
        font-size: 28px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }


    /* =====================================================
       6. CHỮ NỘI BỘ TRÊN HEADER
    ===================================================== */

    #mobile-menu .internal-mobile-nav__title {
        display: flex !important;
        align-items: center !important;

        flex: 1 1 auto !important;

        height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        color: #333333 !important;

        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;

        text-align: left !important;
        text-transform: uppercase !important;
    }


    /* =====================================================
       7. PHẦN NỘI DUNG
    ===================================================== */

    #mobile-menu .internal-mobile-nav__body {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 22px 34px 40px !important;

        background: #ffffff !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       8. NHÓM MENU
    ===================================================== */

    #mobile-menu .internal-mobile-nav__group {
        display: block !important;

        width: 100% !important;

        margin: 0 0 20px !important;
        padding: 0 !important;

        background: transparent !important;

        box-sizing: border-box !important;
    }


    #mobile-menu .internal-mobile-nav__group:last-child {
        margin-bottom: 0 !important;
    }


    /* =====================================================
       9. TIÊU ĐỀ NHÓM
       Ví dụ: Thông báo nội bộ / Tài liệu nội bộ
    ===================================================== */

    #mobile-menu .internal-mobile-nav__heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        margin: 0 0 4px !important;
        padding: 5px 0 !important;

        background: transparent !important;
        border: 0 !important;

        color: #333333 !important;

        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;

        text-decoration: none !important;

        box-sizing: border-box !important;
    }


    /* Dấu > tiêu đề */

    #mobile-menu .internal-mobile-nav__heading i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-left: 15px !important;

        background: transparent !important;
        border: 0 !important;

        color: #444444 !important;

        font-size: 15px !important;

        transform: none !important;
    }


    /* =====================================================
       10. DANH SÁCH CON
    ===================================================== */

    #mobile-menu .internal-mobile-nav__list {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }


    #mobile-menu .internal-mobile-nav__list li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;

        background: transparent !important;
    }


    #mobile-menu .internal-mobile-nav__list li::before,
    #mobile-menu .internal-mobile-nav__list li::after {
        display: none !important;
        content: none !important;
    }


    /* =====================================================
       11. LINK CON
    ===================================================== */

    #mobile-menu .internal-mobile-nav__link {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 6px 0 !important;

        background: transparent !important;
        border: 0 !important;

        color: #666666 !important;

        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;

        text-decoration: none !important;

        box-sizing: border-box !important;
    }


    /* Dấu > của link */

    #mobile-menu .internal-mobile-nav__link i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

        margin-left: 15px !important;

        background: transparent !important;
        border: 0 !important;

        color: #555555 !important;

        font-size: 14px !important;

        transform: none !important;
    }


    /* =====================================================
       12. HIỆU ỨNG KHI CHẠM
    ===================================================== */

    #mobile-menu .internal-mobile-nav__heading:active,
    #mobile-menu .internal-mobile-nav__link:active {
        color: #da1884 !important;
    }


    /* =====================================================
       13. CHỐNG CSS THEME LÀM LỆCH NÚT/LINK
    ===================================================== */

    #mobile-menu .internal-mobile-nav__panel button,
    #mobile-menu .internal-mobile-nav__panel a {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

}