body {
	font-size: 14px;
	padding: 0!important;
}

/* Grid */
@media (min-width: 576px) {
	.container, .container-sm {
		max-width: 100%;
	}
}
@media (min-width: 768px) {
	.container, .container-sm, .container-md {
		max-width: 100%;
	}
}
@media (min-width: 992px) {
	.container, .container-sm, .container-md, .container-lg {
		max-width: 100%;
	}
	.col-lg-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}
	.col-lg-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}
}

@media (min-width: 1200px) {
	.col-xl-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}
	.col-xl-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}
	.col-xl-15 {
		flex: 0 0 20%;
		max-width: 20%;
	}
	.col-xl-30 {
		flex: 0 0 40%;
		max-width: 40%;
	}
}
@media (min-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1200px;
	}
}
@media (min-width: 1440px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1200px;
	}
}
.container, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-lg-15, .col-lg-20, .col-lg-80, .col-lg-60 {
	padding-right: 10px;
	padding-left: 10px;
}
.row {
	margin-left: -10px;
	margin-right: -10px;
}
.card {
	border-radius: 0.25rem;
	padding: 15px;
}
.pos-relative.embed-responsive[class*=embed-responsive-] iframe, .pos-relative.embed-responsive[class*=embed-responsive-] img {
	--image-scale: 1;
	position: absolute;
	top: var(--img-top, 50%);
	left: var(--img-left, 50%);
	transform: translate(-50%, -50%) scale(var(--image-scale));
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
	min-width: 1px;
	min-height: 1px;
}
.pos-relative.embed-responsive[class*=embed-responsive-] img {
	width: auto;
	height: auto;
}
.pos-relative.embed-responsive[class*=embed-responsive-] img.product-thumbnail__img {
	transition: all .3s ease;
}
.pos-relative.embed-responsive[class*=embed-responsive-] img.product-thumbnail__img--primary {
	z-index: 1;
	opacity: 1;	
}
.pos-relative.embed-responsive[class*=embed-responsive-] img.product-thumbnail__img--secondary {
	opacity: 0;
	z-index: -1;
}
.item_product_main:hover .pos-relative.embed-responsive[class*=embed-responsive-] img.product-thumbnail__img {
	top: calc(var(--img-top, 50%) - 12px);
}
.item_product_main:hover .pos-relative.embed-responsive[class*=embed-responsive-] img.product-thumbnail__img--primary {
	opacity: 0;
	z-index: -1;
}
.item_product_main:hover .pos-relative.embed-responsive[class*=embed-responsive-] img.product-thumbnail__img--secondary {
	opacity: 1;
	z-index: 1;
}

.pos-relative.embed-responsive[class*=embed-responsive-] iframe {
	z-index: 99;
}
.btn {
	border-radius: 4px;
}
body {
	color: var(--text-color);
	background-color:#fff;
	overflow-x: hidden;
	max-width: 100%;
	font-family: 'Be Vietnam Pro', sans-serif;
}
.bi {
	fill: currentColor;
}
.icon {
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}
.form-control:focus, a, button, .page-link:focus, .btn, .btn:focus {
	outline: none !important;
	box-shadow: none;
}
.form-control:focus {
	border-color: var(--secondary-color);
}
a {
	color: var(--text-color);
}
a:focus {
	outline: none;
}
a:hover {
	text-decoration: none;
	color: var(--text-color);
}
img, iframe {
	max-width: 100%;
}
.hidden {
	display: none !important;
}
.show:not(.hidden) {
	display: block;
}
.object-contain {
	object-fit: contain;
}
.align-vertical {
	top: 50% !important;
	transform: translateY(-50%) !important;
}
.align-center {
	transform: translate(-50%, -50%) !important;
	top: 50% !important;
	left: 50% !important;
}
.close {
	color: #252525;
}
.btn-action {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}
.btn-action:hover {
	filter: brightness(1.1);
}
a.link {
	text-decoration: none;
	color: var(--text-color);
	cursor: pointer;
}
a.link:hover {
	color: var(--primary-color);
	filter: brightness(1.2);
	text-decoration: none;
}
.hover-primary:hover {
	color: var(--primary-color);
}
.title_page {
	font-size: 24px;
	padding: 10px 0;
}
.title_page, .title-head, .title_page a {
	font-weight: 400;
	color: var(--text-color)
}
.title-head {
	font-size: 1rem;
	margin-bottom: 14px;
	text-transform: uppercase;
}
.row-grid {
	--col: 12;
	display: grid;
	grid-template-columns: repeat(var(--col), minmax(0, 1fr));
	grid-gap: 15px;
}
.scroll::-webkit-scrollbar {
	width: 3px;
}
.scroll::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
	outline: 1px solid var(--primary-color);
}
/** lazyload **/
.lazyload:not(.loaded) {
	background: #ebebeb;
}
.lazyload.loaded {
	background: transparent;
}
.modal {
	top: 0 !important;
}
/**slick **/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0 !important;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-arrow {
	--size: 44px;
	top: 50%;
	font-size: 0;
	line-height: 0;
	position: absolute;
	display: block;
	width: var(--size);
	height: var(--size);
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	border: 1px solid #ebebeb;
	background: #ebebeb;
	line-height: var(--size);
	text-align: center;
	z-index: 1;
	overflow: hidden;
	opacity: 0.7;
	border-radius: 100%;
}
.slick-arrow:hover, .slick-arrow:focus {
	outline: none;
}
.slick-arrow.slick-disabled {
	cursor: default;
	display: none !important;
}
.slick-arrow:not(.slick-disabled):hover {
	opacity: 1;
	box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
	background: #fff;
	color: #333;
}
.slick-arrow.slick-prev:before, .slick-arrow.slick-next:before {
	font-family: "Font Awesome 5 Free";
	background: transparent;
	font-weight: 900;
	height: var(--size);
	width: var(--size);
	font-size: 18px;
	color: #333;
	display: block;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.slick-arrow.slick-prev {
	left: 0;
}
.slick-arrow.slick-prev:before {
	content: "\f104";
}
.slick-arrow.slick-next {
	right: 0;
}
.slick-arrow.slick-next:before {
	content: "\f105";
}
.slick-dots {
	text-align: center;
}
.slick-dots li {
	display: inline-block;
}
.slick-dots li button {
	border-radius: 0;
	height: 10px;
	width: 10px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 0;
	font-size: 0;
}
.slick-dots li.slick-active button {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}
.slick-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	padding: 0;
	border-radius: 15px;
	height: 24px;
	align-items: center;
	display: flex !important;
	justify-content: center;
}
.slick-dots li button {
	height: 2px;
	width: 16px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 0;
	margin: 0 3px;
	opacity: 0.5;
}
.slick-dots li button:hover {
	opacity: 1;
}
.slick-dots li.slick-active button {
	opacity: 1;
}
/**Header**/
.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: #fff;
	width: 24px;
	border-radius: 1px;
}
.icon-bar {
	cursor: auto !important;
}
.icon-bar .bar {
	height: 2px;
}
.icon-bar .bar:nth-child(2) {
	width: 20px;
}
.mid-header {
	background: var(--header-background);
	color: var(--header-color);
	padding: 10px 0px;
}
.mid-header .toggle-nav {
	width: 24px;
	flex-direction: column;
	height: 21px;
	justify-content: space-between;
	border-radius: 3px;
}
.mid-header .toggle-nav .bar {
	height: 3px;
	width: 24px;
	border-radius: 3px;
}
.mid-header .logo-wrapper {
	max-width: 248px;
	display: block;
}
@media (max-width: 992px) {
	.mid-header .logo-wrapper {
		margin: auto;
	}
}
.header-right {
	font-size: 12px;
	justify-content: end;
}
.header-right .fas {
	font-size: 24px;
}
.header-right a {
	color: var(--header-color);
}
.header-right a:hover {
	text-decoration: none;
	color: var(--secondary-color);
}
.cartgroup {
	flex: 0 0 110px;
}
.mini-cart .no-item {
	text-align: center;
}
.mini-cart .no-item p {
	margin: 0 auto;
}
@media (min-width: 768px) {
	.mini-cart > a {
		display: flex;
		align-items: center;
		padding: 8px 5px;
		border: 2px solid var(--subheader-background);
		border-radius: 6px;
		text-decoration: none;
    
	}
  .mini-cart > a {
	color: #1b4c36 !important;
}

.mini-cart > a svg,
.mini-cart > a .icon {
	fill: #1b4c36 !important;
	color: #1b4c36 !important;
}
	.mini-cart > a:hover {
		color: var(--subheader-background);
		background: var(--subheader-color);
		border-color: var(--subheader-background);
	}
}
.mini-cart > a .count_item {
	display: block;
	background: var(--secondary-color);
	border-radius: 4px;
	font-size: 12px;
	color: var(--primary-color);
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	top: 4px;
	left: 20px;
}
@media (max-width: 575px) {
	.mini-cart > a .count_item {
		font-size: 12px;
		top: -5px;
	}
}
/**search bar header **/
#search-header .custom-input-group {
	position: relative;
	z-index: 1000;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
#search-header .custom-input-group .input-group-field {
	background: #fff;
	padding-right: 58px;
	border-radius: 30px !important;
}
@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;
		padding-left: 15px;
	}
}
@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, .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: #fff;
}
.search__list a:hover {
	text-decoration: underline;
}
/** Subheader **/
.subheader {
	--subheader-padding: 0px;
	background-image: url('https://atix.vn/wp-content/uploads/2025/04/background-mua-he');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: var(--subheader-color);
	display: flex;
	align-items: center;
}
.subheader .toogle-nav-wrapper {
	font-size: 15px;
	padding: 9px 4px;
	color: #fff;
	background: #0b0f13;
	font-weight: 500;
	width: 240px;
}
.subheader .navigation-wrapper {
	font-weight: 500;
}
.subheader .toogle-nav-wrapper .icon-bar {
	width: 24px;
	height: 24px;
	margin-left: 10px;
	border: 2px solid #fff;
	border-radius: 2px;
	vertical-align: top;
}
.subheader .toogle-nav-wrapper .icon-bar .bar {
	background: #fff;
	width: 14px;
	border-radius: 2px;
	margin-left: 3px;
}
.subheader .toogle-nav-wrapper .icon-bar .bar:first-of-type {
	margin-top: 4px;
}
.subheader .toogle-nav-wrapper .icon-bar .bar:last-of-type {
	margin-bottom: 4px;
}
@media (max-width: 1023px) {
	.subheader {
		display: none;
	}
}
.subheader .container{
    display:grid;
    grid-template-columns:240px 1fr;
    column-gap:6px;
}
@media (max-width: 1024px) {
	.subheader .container {
		grid-template-columns: calc(25% - 24px) 1fr;
	}
}
.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: 992px) {
	.shop-policises div {
		width: 24px;
		height: 24px;
		padding: 0;
	}
}
.shop-policises {
	box-shadow: inset 0px -1px 0px #f1f1f1
}
.shop-policises .link {
	font-size: 14px;
}
@media (min-width: 1024px) {
	.shop-policises .link:hover {
		color: var(--primary-color);
	}
}
.right-banner {
	display: grid;
	grid-row-gap: 10px;
	margin-left: 5px;
}
.product-badge {
	max-height: 16px;
	margin-top: 0.5rem;
	margin-right: 0.5rem;
	display: block;
}
/** Custom input group **/
.custom-input-group {
	overflow: hidden;
	position: relative;
}
.custom-input-group .input-group-field {
	width: 100%;
	height: 48px;
	padding: 0 60px 0 22px;
	background: #fff;
	border: 2px solid #e5e5e5;
	border-radius: 30px !important;
	font-size: 15px;
	color: #363636;
	outline: none;
	transition: .3s;
	box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.custom-input-group .input-group-field:focus {
	border-color: #39B54A;
	box-shadow: 0 0 0 4px rgba(57,181,74,.18);
}
/* ===== Nút kính lúp ===== */
.custom-input-group .input-group-btn{
	position:absolute;
	right:6px;
	top:50%;
	transform:translateY(-50%);
	width:38px;
	height:38px;
	z-index:5;
	border-radius:6px;
	overflow:hidden;
	background:transparent;
	border:none;
	box-shadow:none;
}
/* Button */
.custom-input-group .input-group-btn button{
	width:38px;
	height:38px;
	padding:0;

	display:flex;
	align-items:center;
	justify-content:center;

	background:#39B54A;
	color:#fff !important;

	border:none !important;
	outline:none !important;
	box-shadow:none !important;
	border-radius:50% !important;

	cursor:pointer;
	transition:all .25s ease;

	-webkit-appearance:none;
	appearance:none;
}

/* Hover */
.custom-input-group .input-group-btn button:hover{
	background:#2EA043;
	transform:scale(1.08);
	box-shadow:0 0 12px rgba(57,181,74,.35);
}

/* Focus */
.custom-input-group .input-group-btn button:focus,
.custom-input-group .input-group-btn button:active{
	outline:none !important;
	border:none !important;
	box-shadow:none !important;
}


/* Icon */
.custom-input-group .input-group-btn svg,
.custom-input-group .input-group-btn i,
.custom-input-group .input-group-btn .icon{
	width:18px;
	height:18px;
	font-size:18px;
	color:#fff;
	fill:currentColor;
}
/* ===== BỘ CODE ĐẶC TRỊ - TRÀN PHỦ KÍN 100% MÉP PHẢI ===== */

/* 1. Khóa chuẩn kích thước & bo tròn cho khung ngoài */
.newsletter-form .custom-input-group,
.newsletter-form .input-group,
.custom-input-group {
	position: relative !important;
	height: 48px !important;
	border-radius: 30px !important;
	overflow: hidden !important; /* BẮT BUỘC: Cắt gọn các góc xanh tràn ra ngoài */
	background: #ffffff !important;
	border: 0px solid #e5e5e5 !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* 2. Ô nhập Email (Làm trong suốt) */
.newsletter-form .input-group-field,
.custom-input-group .input-group-field {
	height: 100% !important;
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 0 130px 0 20px !important; /* Chừa khoảng trống bên phải cho nút */
	margin: 0 !important;
	border-radius: 0 !important;
}

/* 3. Đè sạch vị trí cũ của khung chứa nút */
.newsletter-form .input-group-btn,
.custom-input-group .input-group-btn {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
	width: auto !important;
	height: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	transform: none !important; /* Xóa triệt để transform: translateY(-50%) cũ */
	z-index: 10 !important;
}

/* 4. Nút Đăng ký màu xanh phủ kín góc phải */
.newsletter-form .input-group-btn button,
.custom-input-group .input-group-btn button {
	position: relative !important;
	height: 100% !important;
	width: auto !important;
	min-width: 110px !important;
	margin: 0 !important;
	padding: 0 25px !important;
	background: #39B54A !important;
	color: #ffffff !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	border-radius: 0 30px 30px 0 !important; /* Khít tuyệt đối với độ cong 30px khung ngoài */
	font-size: 14px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transform: none !important;
	line-height: normal !important;
}

/* Hiệu ứng Hover */
.newsletter-form .input-group-btn button:hover,
.custom-input-group .input-group-btn button:hover {
	background: #2EA043 !important;
	transform: none !important;
	box-shadow: none !important;
}
/**Product item **/
.price {
	font-weight: bold;
	color: var(--price-color);
}
.product-vendor {
	color: #7a8189 !important;
	letter-spacing: 1.4px;
}
a.product-vendor:hover {
	color: var(--primary-color) !important;
}
.content-col {
	margin-left: 0;
	margin-right: 0;
}
.item_product_main {
	background: #fff;
}
.item_product_main .product-thumbnail {
	position: relative;
	padding: 8px;
	overflow: hidden;
}
.item_product_main .product-thumbnail .image_thumb {
	transition: transform 0.3s ease-out;
}
.item_product_main .video-icon {
	transform: none !important;
	position: absolute !important;
	z-index: 99;
	right: 15px;
	left: auto !important;
	bottom: 5px;
	top: auto !important;
	width: 28px !important;
}
@media (min-width: 1025px) {
	.item_product_main {
		font-size: 16px;
	}
	.item_product_main:hover .product-name a {
		color: var(--primary-color);
	}
	.item_product_main:hover .product-action .group_action {
		opacity: 1;
		z-index: 99;
		visibility: visible;
		align-items: center;
	}
}
.item_product_main a {
	text-decoration: none;
	color: var(--text-color);
}
.item_product_main .btn-views {
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px;
	transition: all 0.22s ease-out;
	box-shadow: -2px 2px 6px rgb(0 0 0 / 25%);
	border-radius: 100%;
}
.item_product_main .btn-views:hover {
	opacity: 1;
	color: var(--primary-color);
}
.item_product_main .product-vendor {
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	line-height: initial;
}
.item_product_main .product-name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
	overflow: hidden;
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4;
	min-height: 40px;
}
.item_product_main .product-info{
    display: flex;
    flex-direction: column;
    height: 170px;
}

.item_product_main .product-item-cta{
    margin-top: auto;
}
@media (max-width: 767px) {
	.item_product_main .product-name {
		min-height: 38px;
	}
  
}
.item_product_main .product-promo-tag {
	font-size: 12px;
	font-weight: 600;
	overflow: hidden;
	display: inline-block;
	margin-top: 8px;
}
.item_product_main .product-promo-tag--1 {
	position: absolute;
	z-index: 7;
	border-radius: 2px;
	left: 10px;
	top: 0px;
	max-width: calc(100% - 18px);
}
.product-promo-tag--text-1, .product-promo-tag--text-2 {
	padding: 3px 4px;
	display: inline-block;
	color: var(--color);
	border-radius: 3px;
	background-color: var(--background);
}
.item_product_main .product-promo-tag--text-2 {
	width: 100%;
}
.item_product_main .product-promo-tag--text-1 {
	border: 1px solid var(--border-color);
	background-color: var(--background);
}
.product-promo-tag--text-2 {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .15);
	border-left: 4px solid var(--border-color);
}
.product-promo-tag--image {
	max-width: 125px;
	padding: 0;
	margin-top: 8px;
}
.item_product_main .product-info {
	padding: 8px;
}
@media (min-width: 992px) {
	.item_product_main .product-info {
		padding: 10px;
	}
}
.item_product_main .price-contact, .item_product_main .price {
	font-weight: bold;
	color: var(--price-color);
	font-size: 16px;
	display: block;
}
@media (max-width: 767px) {
	.item_product_main .price-contact, .item_product_main .price {
		font-size: 14px;
		display: block;
	}
}
.item_product_main .compare-price {
	color: var(--text-secondary-color);
	text-decoration: line-through;
	font-size: 14px;
	display: inline-block;
	margin-right: 3px;
}
@media (max-width: 767px) {
	.item_product_main .compare-price {
		font-size: 13px;
	}
}
.item_product_main .group_action {
		position: absolute;
	opacity: 0;
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}
.item_product_main .image_thumb {
	display: block;
}
.item_product_main .label_product {
	background: var(--label-background);
	padding: 5px;
	z-index: 3;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1;
}
.item_product_main .label_product .label_wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--label-color);
	font-weight: bold;
}
@media (max-width: 991px) {
	.item_product_main .label_product {
		top: 0;
		right: 0;
		display: none;
		position: inherit;
		width: auto;
		height: auto;
		padding: 1px 5px !important;
		font-size: 12px;
		zoom: 1 !important;
	}
}

.item_product_main .product-item-cta {
	padding-right: 36px;
	padding-bottom: 10px;
}
.item_product_main button.product-item-btn {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding: 4px;
	font-size: 18px;
	background: var(--buynow-bg);
	border-radius: 100%;
	color: #fff;
	justify-content: center;
	margin-right: 5px;
	margin-left: auto;
	box-shadow: -2px 2px 6px rgba(0, 0, 0, .25);
	position: absolute;
	right: 0;
	top: 0px;
}
.item_product_main button.product-item-btn.add_to_cart {
	font-size: 16px;
}
.item_product_main button.product-item-btn .fas {
	font-size: 12px;
}
.item_product_main button.product-item-btn .icon {
	width: 1em;
	height: 1em;
}
.item_product_main button.product-item-btn:hover {
	filter: brightness(1.2);
}
@media (max-width: 767px) {
	.item_product_main button.product-item-btn {
		width: 20px;
		height: 20px;
		top: 0px;
	}
}
.item_product_main.product--media {
	margin-bottom: 0.75rem;
}
.item_product_main.product--media form {
	display: grid;
	grid-template-columns: 33% 1fr;
	grid-gap: 5px;
	align-items: center;
}
.item_product_main.product--media .group_action {
	display: none !important;
}
.item_product_main.product--media .product-name {
	-webkit-line-clamp: 2;
	font-weight: normal;
	font-size: 14px;
	min-height: auto;
}
.item_product_main.product--media .label_product {
	zoom: 0.7;
}
.item_product_main.product--media .product-info {
	padding: 0px 10px 5px;
}
.product-frame {
	z-index: 9;
}
/** Heading bar **/
.heading-bar {
	font-size: 16px;
	padding-bottom: 15px;
}
.heading-bar__title, .heading-bar__title a {
	color: var(--text-color);
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.heading-bar__title, .heading-bar__title a {
		font-size: 18px;
	}
}
.heading-bar__title a:hover {
	color: var(--primary-color);
}
.heading-bar__action .link.more {
	color: var(--primary-color);
}
/** top footer **/
.top-footer {
	padding-top: 10px;
	padding-bottom: 10px;
	background: var(--text-color);
	color: #fff;
}
.top-footer .follow_option li + * {
	margin-left: 1rem;
}
.subscribe {
	gap: 15px;
	display: flex;
}
.subscribe h6 {
	flex: 0 0 240px;
	max-width: 240px;
	font-size: 14px;
	line-height: 1.4;
}
.newsletter-form .input-group-field {
	padding: 0px 90px 0px 15px;
}
/** mid footer **/
.title-menu {
	margin: 0px 0px 10px;
	font-weight: bold;
	font-stretch: normal;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
}
@media (max-width: 1024px) {
	.title-menu {
		margin-top: 1rem;
		margin-bottom: 0.5rem;
	}
}
.footer {
	position: relative;
	overflow: hidden;
}
.mailchimp-error {
	color: #f51b1b;
}
.mailchimp-success {
	color: #2eb346;
}
.mid-footer {
	padding-top: 40px;
	background: var(--footer-bg);
	color: var(--footer-color);
	font-size: 14px;
	padding-bottom: 10px;
}
.mid-footer .footer-click {
	padding-left: 15px;
	padding-right: 15px;
}
.mid-footer .title-menu .fa {
	transition: transform 0.3s ease-out;
}
.mid-footer .title-menu.open_ .fa {
	transform: rotate(180deg);
}
.mid-footer .link {
	color: var(--footer-color);
}
.mid-footer .link .fa {
	font-size: 10px;
}
.mid-footer .link:hover {
	filter: brightness(1.2);
}
.mid-footer .list-menu {
	list-style: none;
	padding: 0px;
}
.mid-footer .list-menu li + li {
	margin-top: 8px;
}
.mid-footer .follow_option li + * {
	margin-left: 1rem;
}
.mid-footer .follow_option .link {
	font-size: 25px;
}
.mid-footer .single-contact .fa, .mid-footer .single-contact .fas {
	color: var(--footer-color);
	font-family: "Font Awesome 5 Free";
	font-weight: bolder;
}
@media (max-width: 767px) {
	.mid-footer .list-menu.toggle-mn {
		display: none;
	}
}
.footer-1 > * {
	position: relative;
	z-index: 1;
}
@media (min-width: 1200px) {
	.footer-1:before {
		content: "";
		position: absolute;
		right: 5px;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		background: var(--footer-overlay);
		z-index: 0;
	}
}
.copyright {
	background: var(--footer-bg);
	color: var(--footer-color);
}
.copyright a {
	color: var(--footer-color);
}
.copyright a:hover {
	color: var(--primary-color);
}
.fot_copyright {
	font-size: 14px;
}
/** navigation **/
.list-group-item.active {
	z-index: 2;
	color: initial;
	background-color: initial;
	border-color: initial;
}
.list-group-item + .list-group-item.active {
	margin-top: 0;
	border-top-width: 0;
}
/* ===== Thanh Danh mục sản phẩm ===== */

.toogle-nav-wrapper{
    position: relative;
    width: 100%;
}

/* Chỉ style phần thanh trên */
.toogle-nav-wrapper > .d-flex{
    position: relative;

    height: 52px !important;

    display:flex;
    align-items:center;

    padding:0 18px;

    background:#9CFF00;      /* nền xanh */

    color:#111;

    font-weight:700 !important;

    border-radius:16px;

    border:3px solid #111;

    overflow:hidden;

    cursor:pointer;
}

/* Góc chéo bên phải */
.toogle-nav-wrapper > .d-flex::after{

    content:"";

    position:absolute;

    right:-18px;
    top:0;

    width:48px;
    height:100%;

    background:#111;

    transform:skewX(-25deg);
}

/* Icon */
.toogle-nav-wrapper .icon-bar{
    margin-right:14px !important;
    position:relative;
    z-index:2;
}

.toogle-nav-wrapper .icon-bar .bar{
    width:18px;
    height:2px;
    background:#000;
}

/* Chữ */
.toogle-nav-wrapper > .d-flex{
    position:relative;
    z-index:2;
}

/* Hover */
.toogle-nav-wrapper > .d-flex:hover{
    filter:brightness(1.05);
}
.toogle-nav-wrapper .navigation-wrapper {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	width: 100%;
	margin-top: 7px;
}
.toogle-nav-wrapper.visible .navigation-wrapper, .toogle-nav-wrapper:not(.nav-index):hover .navigation-wrapper {
	opacity: 1;
	visibility: visible;
	z-index: 90;
}
@media (max-width: 1024px) {
	.toogle-nav-wrapper:hover .navigation-wrapper {
		opacity: 1;
		visibility: visible;
		z-index: 90;
	}
}
.toogle-nav-wrapper .navigation .submenu {
	left: calc(100% - 6px) !important;
	top: 0px !important;
	height: calc(100% + 2px);
}
.top-banner .close {
	    z-index: 9;
    position: absolute;
    right: 8px;
    top: 5px;
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    line-height: 20px;
    font-size: 14px;
    vertical-align: top;
}
@media (max-width: 767px) {
	.top-banner .close {
		zoom: 0.7;
	}
	
}
.navigation{
	--nav-height:313px;

	background:#0b1016;

	border:2px solid #39ff14;

	border-radius:0 0 18px 18px;

	min-height:100%;

	overflow-y:auto;

	box-shadow:
	0 0 15px rgba(57,255,20,.18),
	0 0 35px rgba(57,255,20,.10);
}
@media (min-width: 1025px) {
	.navigation{
	max-height:var(--nav-height);

	border-radius:0 0 18px 18px;
}
}
.navigation .list-group-item{

	height:56px;

	padding:0 18px;

	display:flex;

	align-items:center;

	background:#10151d;

	cursor:pointer;

	border-bottom:1px solid rgba(255,255,255,.05);

	transition:.3s;
}
.navigation .list-group-item:not(:first-of-type){

	box-shadow:inset 0 1px 0 rgba(255,255,255,.05);

}
.navigation .list-group-item:hover{
	background:#1a232c;
	border-left:4px solid #39ff14;
	box-shadow:0 0 10px rgba(57,255,20,.25);
}
.navigation .list-group-item:hover > a{
	color:#39ff14;
	font-weight:700;

}
.navigation .list-group-item > a {
	text-decoration: none;
}
.navigation .list-group-item>a>img{

	width:20px;

	height:19px;

	object-fit:contain;

	filter:brightness(0) invert(1);

	transition:.3s;
}
.navigation .list-group-item:hover>a>img{

	filter:#ffff;

	transform:scale(1.12);

}
.navigation .list-group-item .menu-item__link{

	font-size:14.6px;

	font-weight:600;

	color:#ffffff;

	letter-spacing:.2px;

}
@media (min-width: 1200px) {
	.navigation .list-group-item .menu-item__link {
		display: grid;
		align-items: center;
		grid-template-columns: 24px 1fr 15px;
		grid-column-gap: 5px;
	}
	.navigation .list-group-item .menu-item__link span {
		grid-column: 2;
	}
}
.navigation .menu-item {
	position: initial;
}
@media (min-width: 1024px) {
	.navigation .menu-item:hover .submenu {
		display: block;
		z-index: 900;
	}
}
.navigation .submenu {
	display: none;
	width: calc((100% * var(--col-menu)) + 15px);
	height: 100%;

	padding: 22px;

	border-radius: 18px;

	border: 2px solid #39ff14;

	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(100% - 15px);

	background: #0b1016;

	margin-left: 0;

	box-shadow:
		0 0 20px rgba(57,255,20,.18),
		0 0 40px rgba(57,255,20,.10),
		8px 8px 25px rgba(0,0,0,.45);

	z-index: 99;

	overflow: auto;

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

	font-size:14px;

	color:#ddd;

}
.navigation .submenu__item--main{

	font-weight:700;

	color:#39ff14;

	text-transform:uppercase;

}
.header_menu {
	top: 0;
}
.header_menu .toogle-nav-wrapper {
	display: none;
}
.header_menu.active {
	position: sticky;
	position: -webkit-sticky;
	background: #fff;
	box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.4);
	z-index: 1000;
}
.header_menu.active a.logo-wrapper {
	display: none;
}
.header_menu.active .toogle-nav-wrapper {
	display: block;
}
.header_menu.active .search-dropdow {
	display: none;
}
@media (max-width: 991px) {
	.header_menu.active .toogle-nav-wrapper {
		display: none;
	}
	.header_menu.active #search-header {
		flex: 0 0 50%;
		margin-top: 0;
		padding: 0;
		order: 0;
	}
	.header_menu.active .header-left {
		display: none;
	}
}
.header_menu.active .mid-header {
	font-size: 14px;
	padding: 4px 0px;
}
.header_menu.active .mid-header:after {
	content: none !important;
}
.header_menu.active .toogle-nav-wrapper {
	margin: -5px 0px;
	z-index: 8;
}
.header_menu.active .toogle-nav-wrapper:hover ~ .sticky-overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 7;
	background: rgba(0, 0, 0, .3);
	left: 0;
	top: 0;
}
.header_menu.active .toogle-nav-wrapper .navigation-wrapper {
	margin-top: -5px;
}
.header_menu.active .navigation {
	--nav-height: 75vh;
}
.header_menu.active #search-header {
	order: 0 !important;
	margin: 0 !important;
}
@media (max-width: 320px) {
	.header_menu.active .search-bar {
		visibility: hidden;
		opacity: 0;
	}
}
/** blog item **/
.blogwp .link {
	font-size: 1rem;
	filter: brightness(0.9);
}
.blogwp .link:hover {
	filter: brightness(1.2);
}
.blogwp h3, .blogwp h3 a.link {
	font-weight: normal;
	line-height: 1.2;
	font-size: 1.25rem;
}
.blogwp .media {
	line-height: 1.4;
}
.blogwp .media .media-body {
	font-size: 12px;
	line-height: 1.3
}
.blogwp .button_custome_35.link {
	font-size: 14px;
	color: var(--primary-color);
}
.blogwp .lead {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 0.3rem;
	margin-bottom: 0px;
	font-weight: normal;
	word-break: break-word;
	color: var(--text-secondary-color);
}
.blogwp.media .image-blog {
	width: 100px;
	flex: 0 0 100px;
}
.blogwp.media + * {
	margin-top: 10px;
	border-top: 2px solid #f7f7f7;
	padding-top: 10px;
}
/** Tab **/
.tabs-group {
	overflow-x: auto;
	overflow-y: hidden;
}
@media(min-width:992px){
	.tabs-group{
		flex-wrap: wrap;
		gap: 10px
	}
}
.tabs-group::-webkit-scrollbar {
	display: none;
}
.tabs-group {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}
.tabs li {
	position: relative;
	border-radius: 4px;
	white-space: nowrap;
	color: var(--text-color);
	border: 1px solid var(--border-color);
	font-size: 14px;
	user-select: none;
}
.tabs li a {
	color: var(--text-color) !important;
}
.tabs li:not(:last-of-type) {
	margin-right: 0.5rem;
}
.tabs li:not(.current) {
	cursor: pointer;
}
.tabs li:hover {
	color: var(--primary-color);
	background: #fff;
	border-color: var(--primary-color);
}
.tabs li.current {
	color: #fff;
	background: #349bee;
	border-color: ##faeaa0;
}
.tabs li.current:after {
	background: var(--primary-color);
}
.tab-content {
	display: none;
}
.tab-content.current {
	display: block;
}
/** mobile-menu **/
#mobile-menu {
	position: fixed;
	left: -100%;
	top: 0 !important;
	width: 300px;
	height: 100%;
	background: #fff;
	z-index: -1;
	opacity: 0;
	overflow-y: auto;
	padding-bottom: 45px;
}
#mobile-menu .mobile-menu-body {
	max-height: calc(100% - 68px);
	overflow-y: auto;
}
#mobile-menu .mobile-menu-footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #f4f4f4;
}
@media (max-width: 1024px) {
	#mobile-menu.active {
		left: 0;
		z-index: 99999;
		opacity: 1;
	}
	#mobile-menu.active + .menu-overlay {
		position: fixed;
		left: 0;
		top: 0 !important;
		z-index: 9998;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
	}
	#mobile-menu .subheader {
		display: block;
	}
}
#mobile-menu .user-menu {
	background: var(--header-background);
	color: var(--header-color);
	padding: 10px 15px;
	--text-color: var(--header-color);
}
#mobile-menu .user-menu .fas {
	font-size: 24px;
}
#mobile-menu .shop-policises {
	flex-direction: column;
	align-items: start;
	align-items: flex-start !important;
}
#mobile-menu .shop-policises li {
	padding: 8px 10px;
}
#mobile-menu .shop-policises li + * {
	margin: 0px;
}
#mobile-menu [data-toggle-submenu] {
	float: right;
	width: 30px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#mobile-menu .navigation {
	min-height: auto;
}
#mobile-menu .navigation .menu-item.active .submenu {
	display: block;
	position: fixed;
	left: 0;
	top: 0 !important;
	width: 300px;
}
#mobile-menu .toggle-submenu {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -15px;
	background: #000 !important;
	color: #fff !important;
	padding: 10px 15px;
	margin-bottom: 15px;
	color: var(--text-color);
	font-size: 16px;
	text-transform: uppercase;
}

#mobile-menu .navigation .submenu__list {
	--col-menu: 1;
}
/** bread-crumb **/
.bread-crumb, .bread-crumb .breadcrumb {
	background: transparent;
}
.bread-crumb .breadcrumb, .bread-crumb .breadcrumb .breadcrumb {
	padding: 0.25rem 1rem;
}
.bread-crumb, .bread-crumb .link {
	color: #999;
}
.bread-crumb strong, .bread-crumb .link, .bread-crumb span {
	font-weight: normal;
	font-size: 14px;
}
.bread-crumb strong {
	color: var(--text-color);
}
/** section **/
section {
	margin-bottom: 40px;
}
section .container.card {
	border: none;
}
@media (max-width: 767px) {
	section {
		margin-bottom: 30px;
	}
}
/** pagination **/
.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
	margin-top: 20px;
}
.page-item.disabled:not(.active) {
	display: none;
}
.page-item .page-link, .page-item span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0 3px;
	border-radius: 50% !important;
	width: 36px;
	height: 36px;
	font-size: 0.875rem;
	color: #8898aa;
}
.page-item .page-link:hover, .page-item span:hover {
	z-index: 2;
	color: #8898aa;
	text-decoration: none;
	background-color: #dee2e6;
	border-color: #dee2e6;
}
@media (max-width: 767px) {
	.page-item .page-link, .page-item span {
		width: 30px;
		height: 30px;
	}
}
.page-item:first-child .page-link {
	margin-left: 0px;
}
.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
/** custom checkbox**/
.custom-checkbox {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.7rem;
}
.custom-checkbox input {
	display: none;
}
.custom-checkbox:not(.color) input:checked ~ .fa:after {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.custom-checkbox input:checked ~ .fa:before {
	z-index: 2;
	background: no-repeat 50%/50% 50%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .fa {
	display: inline;
}
.custom-checkbox .fa:after, .custom-checkbox .fa:before {
	content: '';
	pointer-events: none;
	background: var(--filter-color, #fff);
	box-shadow: none;
	position: absolute;
	top: 0.125rem;
	left: 0rem;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 0.2rem;
	border: 1px solid #cad1d7;	
}
.custom-checkbox .fa:after {
	transition: all 0.3s ease;
}
.custom-checkbox.color .fa {
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 999px;
}
.custom-checkbox.color input:checked ~ .fa {
	border-color: #cad1d7;
}
.custom-checkbox.color .fa:before, .custom-checkbox.color .fa:after {
	width: 20px;
	height: 20px;
	left: 1px;
	top: 1px;
	border-radius: 999px;
}
.open_opacity {
	position: fixed;
	z-index: 9997;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
}
.mini-cart {
	position: relative;
}
.top-cart-content {
	position: absolute;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	width: 400px;
	right: 0%;
	top: calc(100% + 8px);
	color: var(--text-color);
	padding: 10px 15px;
	font-size: 14px;
}
.top-cart-content:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: -9px;
	right: 60px;
}
.top-cart-content:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -9px;
	z-index: 0;
}
.top-cart-content .list-item-cart, .top-cart-content .mini-products-list {
	list-style: none;
	padding: 0px;
	z-index: 1;
	position: relative;
}
.top-cart-content .list-item-cart {
	max-height: 31ch;
	overflow: auto;
}
.top-cart-content .list-item-cart::-webkit-scrollbar {
	width: 3px;
}
.top-cart-content .list-item-cart::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
	outline: 1px solid var(--primary-color);
}
.top-cart-content .detail-item, .top-cart-content .product-details {
	width: 100%;
}
.top-cart-content a {
	color: var(--text-color);
}
.top-cart-content .border_list {
	display: flex;
	align-items: start;
	width: 100%;
}
.top-cart-content .image_drop {
	width: 90px;
	height: 90px;
	margin-right: 10px;
}
.top-cart-content .product-details {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.top-cart-content .item {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}
.top-cart-content .product-name {
	margin-right: 10px;
	margin-bottom: 0px;
}
.top-cart-content .remove-item-cart {
	margin-right: 10px;
	cursor: pointer;
}
.top-cart-content .top-subtotal {
	margin: 10px 0;
}
.top-cart-content .top-subtotal .price_big {
	font-size: 16px;
	font-weight: 500;
}
.top-cart-content .pd.right_ct .btn {
	display: block;
	background: var(--cta-color);
	color: #fff;
	margin-bottom: 10px;
	border-radius: 5px !important;
}
.top-cart-content .pd.right_ct .btn:hover {
	filter: brightness(1.2);
}
.top-cart-content .product-name a:hover {
	color: var(--primary-color);
}
@media (min-width: 1024px) {
	.mini-cart:hover .top-cart-content {
		z-index: 199;
		visibility: visible;
		opacity: 1;
		box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	}
}
.btn {
	font-size: 14px;
}
/* =========================
   ATIX GAMING BUTTON
========================= */

.btn-main{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 26px;
    min-width: 170px;

    background: linear-gradient(180deg,#171b1d,#0b0d0f);

    color: #fff !important;

    border: 2px solid #8CFF00;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;

    clip-path: polygon(
        12px 0,
        calc(100% - 12px) 0,
        100% 50%,
        calc(100% - 12px) 100%,
        12px 100%,
        0 50%
    );

    box-shadow:
        inset 0 0 15px rgba(140,255,0,.08),
        0 0 15px rgba(140,255,0,.18);

    overflow: hidden;
    transition: .35s;
}

/* Hiệu ứng quét ánh sáng */
.btn-main::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform:skewX(-25deg);
    transition:.7s;
}
/* Hover */
.btn-main:hover{
    background:linear-gradient(180deg,#8DFF00,#63d000);
    color:#111 !important;
    border-color:#8DFF00;
    box-shadow:
        0 0 25px rgba(141,255,0,.55),
        inset 0 0 18px rgba(255,255,255,.15);
    transform:translateY(-3px);
}

.btn-main:hover::before{
    left:140%;
}

.btn-main:hover::after{
    color:#111;
    transform:translateX(5px);
}
.btn-main--primary {
	color: #fff;
	background: var(--primary-color);
}
.btn-main--primary:hover {
	color: #fff;
	filter: brightness(1.2);
}
.addThis_listSharing { display: none !important; }
.backtop {
	right: 12px;
	bottom: 196px;
	top: auto !important;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	top: auto !important;
	height: 44px;
	width: 44px;
	background-color: var(--primary-color);
	line-height: 36px;
	border-radius: 100%;
	font-size: 30px;
	transition: all 0.3s ease-out 0s;
	transform: translateY(-120px);
	opacity: 0;
	visibility: hidden;
	text-align: center;
	color: #fff !important;
	margin-bottom: 5px;
}
.backtop:hover {
	filter: brightness(1.3);
}
.backtop.show {
	z-index: 999;
	transition: transform 0.3s ease-out 0s;
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
@media (max-width: 576px) {
	.backtop {
		bottom: 60px;
	}
}
.mailchimp-error a {
	color: var(--primary);
}
/* The moving element */
.item_skeleton {
	position: relative;
}
.item_skeleton::after {
	display: block;
	content: "";
	width: 100%;
	padding-top: calc(100% + 115px);
	background-color: #e2e2e2;
}
@media (max-width: 767px) {
	.item_skeleton::after {
		padding-top: calc(100% + 115px);
	}
}
.ega-cr-addon {
	z-index: 999 !important;
}
.ega-cr-addon ul {
	min-height: 54px;
}
.variant-title {
	font-size: 0.8rem;
	font-weight: 400;
	color: #898989;
}
.single-contact {
	display: flex;
	align-items: baseline;
	font-size: 14px;
	margin-bottom: 10px;
}
.single-contact .fa, .single-contact .fas {
	color: var(--primary-color);
	margin-right: 5px;
	width: 20px;
	flex: 0 0 20px;
}
#ega-modal-banner {
	text-align: center;
}
#ega-modal-banner.show {
	z-index: 9997;
}
#ega-modal-banner .btn-form-close {
	position: absolute;
	top: -15px;
	right: -5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 0;
	display: block;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}
#ega-modal-banner .modal-content {
	background: transparent;
	text-align: center;
	box-shadow: none;
	border: none;
	align-items: center;
	justify-content: center;
}
#ega-modal-banner .modal-header {
	padding: 0;
	border-bottom: none;
	justify-content: center;
	position: relative;
}
#ega-modal-banner .modal-dialog {
	margin: auto;
	position: relative;
	display: inline-block;
}
@media (max-width: 991px) {
	#ega-modal-banner .modal-dialog {
		width: 85%;
	}
}
body.menu-is-hover:before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	z-index: 20;
}
body.menu-is-hover .subheader {
	position: relative;
	z-index: 99;
}

.btn {
	padding: 7px 20px;
}
.btn-icon {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.btn-secondary {
	background-color: #E5E6ED;
}
.btn-secondary:hover {
	opacity: .8;
}
#ega-smartsearch-search-suggestion {
	border-radius: 8px !important;
}
#ega-smartsearch-search-suggestion:after {
	border-color: transparent transparent #fff transparent !important;
}
#ega-smartsearch-search-bottom a span, .ega-smartsearch-search-title span {
	color: var(--primary-color) !important;
}
.ega-smartsearch-item__title {
	font-size: 14px !important;
	font-weight: normal;
	line-height: 1.4;
}
.ega-smartsearch-item__price ins {
	font-size: 16px !important;
	font-weight: 500 !important;
	display: inline-block !important;
	margin-right: 5px;
}
@media(min-width: 992px){
.ega-smartsearch__ohidden {
    overflow: hidden;
    margin-right: 14px;
}
}
@media (max-width: 1024px) {
	.ega-smartsearch-item__price ins {
		font-size: 14px !important;
	}
}
.ega-smartsearch-item__price del {
	font-size: 14px !important;
	display: inline-block !important;
	margin-right: 5px;
}
@media (max-width: 1024px) {
	.ega-smartsearch-item__price del {
		font-size: 13px !important;
	}
}
#ega-smartsearch-search-suggestion .ega-smartsearch-search-view-item.active {
	border-radius: 4px;
}
#ega-smartsearch-search-bottom {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	font-size: 14px !important;
	border-radius: 0 0 8px 8px;
}
#ega-smartsearch-search-top::-webkit-scrollbar {
	width: 3px;
}
#ega-smartsearch-search-top::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
	outline: 1px solid var(--primary-color);
}
.ega-smartsearch-search-title {
	flex: 0 0 calc(100% - 70px);
	overflow: hidden;
	display: block;
	padding-right: 10px;
}
.ega-smartsearch-search-title span {
	word-break: break-all;
}
@media screen and (max-width: 375px) {
	#ega-smartsearch-search-top {
		max-height: 45vh;
	}
}
.product-col {
	border: 1px solid #eee;
	margin-left: -1px;
	margin-bottom: -1px;
	padding-left: 0;
	padding-right: 0;
}
.banner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	flex: 1 1 100%;
}
.banner img {
	width: 100%;
	transition: all 0.3s ease-in-out;
}
.banner:hover img {
	transform: scale(0.95);
}
.aspect-ratio {
	aspect-ratio: var(--width) / var(--height);
}
.smb-cursor-pointer {
	cursor: pointer;
}
.smb-cursor-pointer.disabled {
	cursor: not-allowed;
}
@supports not (aspect-ratio: auto) {
	padding-top: calc(var(--height) / var(--width) * 100%);
	height: 0;
	position: relative;
	overflow: hidden;
}
@supports not (aspect-ratio: auto) {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	width: auto;
	max-width: 100%;
	height: auto;
}
.section_prd_feature .slick-list, .recent-view-list .slick-list, .section_prd_feature:not(.slick-slider), .recent-view-list:not(.slick-slider) {
	padding: 2px;
}
.section_prd_feature .slick-track {
	display: flex;
}
.section_prd_feature .product-col, .recent-view-list .product-col {
	height: inherit;
}
.section_prd_feature:not(.slick-slider) .product-col, .recent-view-list:not(.slick-slider) .product-col {
	flex: 0 0 20%;
	max-width: 20%;
}
.quick-view-product, .details-product .product-promo-tag {
	display: block;
	float: left;
	clear: both;
}
.form-product {
	clear: both;
}
.item_product_main .label_soldout.product-item-btn.sold_out {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding: 4px;
	font-size: 18px;
	background: var(--addtocart-color);
	border-radius: 100%;
	color: #fff;
	justify-content: center;
	margin-right: 5px;
	margin-left: auto;
	box-shadow: -2px 2px 6px rgb(0 0 0 / 25%);
	position: absolute;
	right: 0;
	top: 0px;
	background: #eee;
	width: auto;
	height: auto;
	border-radius: initial;
	font-size: 12px;
	color: initial;
	box-shadow: none;
	border-radius: 3px;
	padding: 2px 5px;
}
@media (max-width: 1199px) {
	.cartgroup {
		flex: 0 0 45px;
	}
	.subheader .toogle-nav-wrapper {
		font-size: 14px;
	}
}
@media (max-width: 991px) {
	.section_prd_feature:not(.slick-slider) .product-col, .recent-view-list:not(.slick-slider) .product-col {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.section_prd_feature, .recent-view-list {
		padding: 1px 2px;
	}
	.subscribe h6 {
		flex: 0 0 180px;
    max-width: 180px;
	}
}
@media (max-width: 767px) {
	.product-list {
		padding: 1px;
	}
	.top-footer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.top-footer .follow_option, .top-footer .subscribe {
		justify-content: center;
	}
	.top-footer .subscribe {
		flex-wrap: wrap;
	}
	.heading-bar__title {
		font-size: 18px;
	}
	.item_product_main .product-item-cta {
		padding-right: 0;
	}
	.section_prd_feature:not(.slick-slider) .product-col, .recent-view-list:not(.slick-slider) .product-col {
		flex: 0 0 40%;
		max-width: 40%;
	}
}
#ega-smartsearch-search-bottom {
	border-top: none!important;
}
/** COMPARE PRODUCT **/
.compare-product__header-count {
	background: var(--secondary-color);
	font-size: 12px;
	color: var(--primary-color);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	top: -4px;
	right: -10px;
}
.compare-product__table {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.compare-product__box {
	display: flex;
}
.compare-product__item {
	flex: 1;
	position: relative;
	font-size: 14px;
	overflow: hidden;
	padding: 12px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.compare-product__main .compare-product__item {
	padding-top: 25px;
}
.compare-product__item .compare-price {
	display: block;
	margin: 0;
}
.compare-product__item ul {
	margin-bottom: 0;
	list-style: none;
	padding-left: 0;
}
.compare-product__item ul li:before {
	content: "•";
	margin-right: 5px;
	color: #c4c4c4;
}
.compare-product__item td {
	border: 1px solid #e6e6e6;
	border-spacing: 0;
	width: calc(80% / 3);
	padding: 10px;
}
.compare-product__item td:first-child {
	width: 20%;
}
.compare-product__remove {
	z-index: 1;
	position: absolute;
	cursor: pointer;
	top: 5px;
	right: 5px;
	display: block;
	border-radius: 999px;
	border: 1px solid #afafaf;
	width: 18px;
	height: 18px;
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	color: #afafaf!important;
}
.compare-product__heading {
	display: block;
	background-color: #f1f1f1;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 6px 8px;
	font-size: 15px;
}
@media (max-width: 767px) {
	.compare-product__item {
		font-size: 13px;
		overflow-x: auto;
		padding: 5px;
	}
	.compare-product__item td {
		padding: 5px;
	}
	.compare-product__specifications .compare-product__item {
		padding: 0;
	}
	.compare-product__specifications table, .compare-product__specifications tbody, .compare-product__specifications tr, .compare-product__specifications td, .compare-product__specifications td:first-child {
		display: block;
		width: 100%;
	}
	.compare-product__specifications tr {
		border-bottom: 1px solid #e6e6e6;
	}
	.compare-product__specifications tr:not(:first-child) {
		border-top: none;
	}
	.compare-product__specifications td {
		border: none;
	}
	.compare-product__specifications td:first-child {
		font-weight: 600;
	}
}
#bizweb-theme-previewer {
	display: none;
}
.compare-product__qv {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.compare-product__qv.is-show {
	display: block;
}
.compare-product__qv .container {
	border-radius: 0;
	border-top: 1px solid #e5e5e5;
	box-shadow: 0 -2px 10px rgb(0 0 0 / 12%);
	background-color: #fff;
	display: grid;
	grid-template-columns: 75% 25%;
	padding: 0;
}
.compare-product__qv-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.compare-product__qv-item, .compare-product__qv-show {
	padding: 15px;
}
.compare-product__qv-item {
	position: relative;
	text-align: center;
	border-right: 1px solid #e0e0e0;
}
.compare-product__qv-item img {
	max-width: 60px;
}
.compare-product__qv-item h3 {
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}
.compare-product__qv-show {
	flex-direction: column;
	display: flex;
}
.compare-product__qv-remove {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 16px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}
.compare-product__qv-hide {
	position: absolute;
	right: 0;
	top: -42px;
	padding: 10px 30px 10px 10px;
	border-radius: 8px 8px 0 0;
	color: #000;
	background: #fff;
	box-shadow: 0 -2px 10px #0000001f;
}
.compare-product__qv-hide .icon {
	position: absolute;
	right: 10px;
	top: 15px;
	width: 12px;
	height: 12px;
}
.share-group__item {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	transition: opacity .3s ease;
}
.share-group__item:hover {
	color: #fff;
	opacity: 0.6;
}
* + .share-group__item {
	margin-left: 8px;
}
.share-group__item.facebook {
	background-color: #4267B2;
}
.share-group__item.messenger {
	background-color: #006AFF ;
}
.share-group__item.pinterest {
	background-color: #E60023;
}
.share-group__item.twitter {
	background-color: #1DA1F2;
}
@media (max-width: 767px) {
	.compare-product__qv .container {
		grid-template-columns: 100%;
	}
	.compare-product__qv-show {
		display: grid;
		grid-template-columns: 1fr 1fr;
		text-align: center;
		border-top: 1px solid #e0e0e0;
		padding: 5px;
	}
}
/** END COMPARE PRODUCT **/

/** Rating **/
.item_product_main .starbap-prev-badgetext{
	display:none
}
.haravan-product-reviews-badge{
	font-size: 12px!important
}

/** Product Gift **/
.label_product.product_gift_label {
	position: absolute;
	text-align: center;
	z-index: 9;
	top: 5px;
	left: 5px;
	right: auto;
	background: none;
}

@media (max-width:991px) {
  .label_product.product_gift_label {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
  }

}

.main-cart-page .label_product.product_gift_label {
  width: 24px;
  height: 24px;
  top: 0;
  right: 0;
}

@media (max-width:991px) {
  .main-cart-page .label_product.product_gift_label {
    width: 20px;
    height: 20px;
  }

}

.label_product.product_gift_label img {
	display: inline-block;
	max-width: 20px;
}

@media (max-width:991px) {
  .label_product.product_gift_label img {
    max-width: 18px;
  }
}
.mid-footer .text-primary{
  color:#1b4c36!important;
}


span.submenu__item_four.submenu__item.submenu__item {
    padding-left: 10px;
}

.button.btn.btn_base.buynow{display:none !important}
body {
    background-image: url('') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.navigation-wrapper {
    flex: 0 0 260px !important; /* Tăng kích thước ô lên 260px */
    max-width: 260px !important;
    width: 260px !important;
}

/* Giảm kích thước chữ và khoảng cách các dòng menu */
.navigation .list-group-item {
    padding: 10px 12px !important; /* Tăng khoảng cách cho thoáng */
    font-size: 13px !important;
}

.navigation .list-group-item a {
    white-space: nowrap !important; /* Giữ chữ trên 1 hàng */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

/* Đảm bảo cột bên phải (banner) tự động giãn ra */
.home-banner-group {
    flex: 1 !important;
    max-width: 100% !important;
}
/* Ép toàn bộ khung website giãn rộng tối đa */
.container, .container-fluid {
    max-width: 80% !important;
    width: 80% !important;
    padding-left: 20px !important; /* Giữ một chút lề cho đẹp */
    padding-right: 20px !important;
}

/* Xử lý riêng cho section chứa banner và menu */
section.awe-section-1 {
    width: 100% !important;
}

.section-awe-section-1 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* Robot tro ly ATIX */
.atix-contact-group {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 999999 !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}

.atix-main-bot {
    width: 70px !important;
    height: 70px !important;
    border: 2px solid #00ff00 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #000 !important;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.7) !important;
    cursor: pointer !important;
}

.atix-main-bot img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.atix-submenu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    display: none !important;
}

.atix-contact-group:hover .atix-submenu {
    display: block !important;
}

.atix-submenu li {
    margin-bottom: 8px !important;
}

.atix-submenu a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.atix-submenu .label {
    background: #00ff00 !important;
    color: #000 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-right: 10px !important;
    white-space: nowrap !important;
}

.atix-submenu img {
    width: 35px !important;
    height: 35px !important;
}
/* ===== FIX MEGA MENU FULL ===== */

.navigation-wrapper .submenu,
.navigation-wrapper .mega-content{

    width:1200px !important;

    padding:25px 30px !important;

    background:#fff;

    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* CHIA 5 CỘT */

.navigation-wrapper .submenu > ul,
.navigation-wrapper .mega-content > ul{

    display:flex !important;

    flex-wrap:wrap !important;

    align-items:flex-start;
}

/* MỖI CỘT */

.navigation-wrapper .submenu > ul > li,
.navigation-wrapper .mega-content > ul > li{

    width:20% !important;

    padding-right:25px !important;

    margin-bottom:20px !important;
}

/* TITLE */

.navigation-wrapper .submenu > ul > li > a,
.navigation-wrapper .mega-content > ul > li > a{

    font-size:15px !important;

    font-weight:700 !important;

    line-height:1.5 !important;

    display:block;

    margin-bottom:10px;
}

/* MENU CON */

.navigation-wrapper .submenu ul li ul li a,
.navigation-wrapper .mega-content ul li ul li a{

    font-size:14px !important;

    line-height:1.8 !important;

    white-space:normal !important;

    display:block;

    padding:3px 0 !important;
}

/* FIX CHỒNG CHÉO */

.navigation-wrapper li{

    height:auto !important;

    overflow:visible !important;
}
/* Đổi toàn bộ icon header thành màu đen */
.header-right i,
.header-right svg,
.header-right img,
.media svg,
.media i {
	filter: brightness(0);
	color: #000 !important;
	fill: #000 !important;
}

/* Icon giỏ hàng */
.cartgroup svg,
.cartgroup i {
	color: #000 !important;
	fill: #000 !important;
}

/* Icon tài khoản + địa chỉ */
.media .media-body,
.media a,
.hotline a {
	color: #000 !important;
}
/* =========================
   FIX MENU + SUBMENU
========================= */

/* Chỉ áp dụng cho menu */
.navigation .menu-item {
	height: auto !important;
	overflow: visible !important;
	position: relative;
}

/* Wrapper menu */
.navigation-wrapper,
.navigation,
.navigation .list-group {
	overflow: visible !important;
	position: relative;
}

/* Hover item */
.navigation .list-group-item {
	transition: all .2s ease;
}

/* Hover nền xanh */
.navigation .list-group-item:hover {
	background: #000!important;
}

/* Hover chữ trắng */
.navigation .list-group-item:hover .menu-item__link,
.navigation .list-group-item:hover .menu-item__link span,
.navigation .list-group-item:hover i {
	color: #fff !important;
}
/* Icon menu đổi màu khi hover */
.navigation .list-group-item:hover img {
	filter: brightness(0) invert(1);
}
/* =========================
   DESKTOP
========================= */
@media (min-width: 992px){

.navigation .submenu {
	position: absolute !important;

	top: 0 !important;
	left: 100% !important;

	width: 1240px;
	min-height: 560px;

	background: #fff;
	z-index: 99999;

	padding: 25px;
	display: none;

	box-shadow: 0 3px 10px rgba(0,0,0,.12);
}

/* Hover desktop */
.navigation .menu-item:hover > .submenu {
	display: block !important;
}

}

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

.navigation .submenu{
	position: fixed !important;

	top: 0 !important;
	left: 100% !important;

	width: 300px !important;
	height: 100%;

	background:#fff;

	display:block !important;

	opacity:0;
	visibility:hidden;

	transition:all .3s ease;
}

/* xổ ngang */
.navigation .menu-item.active > .submenu{
	left:0 !important;

	opacity:1;
	visibility:visible;
}

}
/* =========================
   ICON HEADER ĐEN
========================= */

.header-right img,
.mini-cart img,
.hotline img,
.cartgroup img,
.header-right svg,
.cartgroup svg,
.hotline svg {
	filter: brightness(0) !important;
}

/* Icon font */
.header-right i,
.cartgroup i,
.hotline i {
	color: #000 !important;
}

/* Text header */
.media .media-body,
.media a,
.hotline a {
	color: #000 !important;
}
/* submenu luôn cùng vị trí */
.navigation .submenu {
	top: 0 !important;
	left: 100% !important;
	border-radius: 0 10px 10px 0;
}

/* không cho nhấp nháy */
.navigation .menu-item {
	position: static !important;
}
/* ===== FIX ICON MENU DANH MỤC ===== */

.icon-bar .bar{
    background:#000 !important;
}

/* icon menu sticky */
.toogle-nav-wrapper .icon-bar .bar{
    background:#000 !important;
}

/* icon mobile */
.toggle-nav .bar{
    background:#000 !important;
}
.menu-item__link i.fas,
.menu-item__link i.fa {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 20px !important;
    min-width: 20px !important;
    text-align: center;
    color: #000 !important;
    font-size: 15px !important;
}

.menu-item__link {
    display: flex !important;
    align-items: center;
    gap: 8px;
}
/* THANH BACK SUBMENU MOBILE */

#mobile-menu .submenu .toggle-submenu,
#mobile-menu .submenu .submenu__back,
#mobile-menu .submenu .back-btn{
	background:#ffff !important;
	color:#000 !important;
}

/* ICON MŨI TÊN */

#mobile-menu .submenu .toggle-submenu i,
#mobile-menu .submenu .toggle-submenu svg{
	color:#000 !important;
	fill:#000 !important;
}

/* =======================================================
   ĐOẠN CODE ĐẶC TRỊ TRÀN VIỀN MOBILE TRÊN ATIX
   (Dán vào dưới cùng file té.txt)
   ======================================================= */
@media screen and (max-width: 767px) {
    
    /* 1. Ép tất cả các khung bọc bên ngoài nhả khoảng trống 2 bên rìa ra */
    .row, 
    .container, 
    .container-fluid,
    .product-content,
    .product-description,
    .js-content-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* 2. Ép chiếc hộp chứa ảnh và bản thân bức ảnh bung chuẩn 100% độ rộng màn hình */
    #content.content.js-content,
    .product-content img, 
    .product-description img, 
    .rte img,
    #content img {
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        display: block !important;
        border-radius: 0 !important; /* Xóa bo góc để ảnh phẳng lỳ bám sát mép */
        
        /* Mẹo dịch chuyển và ép ảnh tràn tuyệt đối qua 2 dải khoảng trắng */
        position: relative !important;
        left: 50% !important;
        margin-left: -50vw !important;
        margin-right: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
}
/* ===================================================
   ATIX CYBER MEGA MENU (QUẢN LÝ BẰNG CSS GRID CHÍNH XÁC)
=================================================== */

@media (min-width: 992px) {

/* KHUNG MENU */
.submenu.scroll {
    background: #0b0f13 !important;
    background-image: radial-gradient(
        circle at center,
        rgba(0,255,100,.06),
        transparent 70%
    ) !important;

    border: 1px solid rgba(0,255,100,.25) !important;
    border-radius: 8px !important;
    box-shadow: 
        0 0 20px rgba(0,255,100,.15),
        inset 0 0 30px rgba(0,255,100,.03);

    padding: 25px !important;
}

/* DANH SÁCH CỘT - Chuyển sang Grid để ép thẳng hàng tuyệt đối */
.submenu__list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* Chia cố định thành đúng 4 cột đều nhau 25% */
    grid-gap: 20px 30px !important; /* Khoảng cách giữa các hàng là 20px, giữa các cột là 30px */
    width: 100% !important;
    padding: 0px !important;
    list-style: none !important;
}

/* CỘT HOẶC CÁC PHẦN TỬ CON TRỰC TIẾP CỦA LIST */
.submenu__list > * {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0px !important; /* Để grid-gap tự động căn khoảng cách chuẩn xác nhất */
    margin: 0px !important;
}

/* TIÊU ĐỀ BRAND */
.submenu__item--main {
    display: block !important;
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(0,255,100,.25) !important;
}

/* TÊN HÃNG */
.submenu__item--main > a {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    display: flex !important;
    align-items: center !important;
}

/* DANH MỤC CON */
.submenu__item:not(.submenu__item--main) {
    display: block !important;
    margin: 8px 0 !important;
}

.submenu__item:not(.submenu__item--main) a {
    color: #d5d5d5 !important;
    font-size: 14px !important;
    transition: .25s ease;
}

/* DẤU > TỰ ĐỘNG */
.submenu__item:not(.submenu__item--main) a:before {
    content: "›";
    color: #67ff4a;
    margin-right: 8px;
    font-weight: bold;
}

/* HOVER DANH MỤC CON */
.submenu__item:not(.submenu__item--main) a:hover {
    color: #67ff4a !important;
    padding-left: 6px;
}

/* BRAND HOVER */
.submenu__item--main a:hover {
    color: #67ff4a !important;
}
/* CHỈ THÊM ĐƯỜNG KẺ - KHÔNG ĐỤNG CHẠM CẤU TRÚC VỊ TRÍ */
header, .header-wrapper, .site-header {
    border-bottom: 2.5px solid #e5e5e5 !important; /* Đường gạch ngang mảnh màu xám trắng */
    padding-bottom: 20px !important;              /* Tạo khoảng cách thông thoáng phía dưới nút */
    margin-bottom: 15px !important;              /* Đẩy phần Banner/Chữ hướng dẫn mua online xuống dưới một chút cho đẹp */
}
/* TÍNH HỢP: ICON CĂN GIỮA CHỮ + ĐƯỜNG GẠCH DỌC CHUẨN GIAO DIỆN */

/* 1. Tạo đường gạch dọc bên phải cho 3 mục đầu & Ép căn giữa trục dọc */
.header-right > *:not(:last-child), 
.header-meta > *:not(:last-child), 
.top-header-right > *:not(:last-child) {
    border-right: 0.5px solid #ccc !important;   /* Đường gạch dọc màu xám nhạt */
    padding-right: 15px !important;            /* Khoảng cách từ chữ đến đường gạch dọc */
    margin-right: 15px !important;             /* Khoảng cách từ đường gạch dọc đến mục tiếp theo */
    margin-left: 0px !important;               /* Reset lại lề trái để căn đều */
    display: inline-flex !important;           /* Chuyển sang inline-flex để kích hoạt căn tâm */
    align-items: center !important;            /* Ép icon và cụm chữ bằng tâm nhau */
    vertical-align: middle !important;
}

/* 2. Đảm bảo mục cuối cùng (Giỏ hàng) không có gạch dọc và vẫn căn tâm */
.header-right > *:last-child, 
.header-meta > *:last-child, 
.top-header-right > *:last-child {
    display: inline-flex !important;
    align-items: center !important;            /* Ép giỏ hàng cũng căn đều tâm */
    vertical-align: middle !important;
    margin-left: 0px !important;
}

/* 3. Xử lý riêng cấu trúc link/thẻ con bên trong để cố định vị trí icon */
.header-right a, .header-meta a, .top-header-right a,
.header-right .item, .header-meta .item {
    display: inline-flex !important;
    align-items: center !important;            /* Định tâm tuyệt đối cho icon nằm giữa 2 dòng chữ */
    text-align: left !important;
}

/* 4. Căn khoảng cách cho Icon */
.header-right i, .header-right svg, .header-right img,
.header-meta i, .header-meta svg, .top-header-right i {
    margin-right: 8px !important;              /* Khoảng cách từ icon đến chữ đứng sau */
    margin-top: 0 !important;                  /* Reset các góc lệch */
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;                 /* Không cho icon bị bóp méo */
}

/* 5. Định dạng khối chữ 2 dòng */
.header-right span, .header-right p, .header-right .text,
.header-meta span, .header-meta p {
    display: inline-block !important;
    line-height: 1.3 !important;               /* Độ giãn dòng chuẩn giúp chữ cân đối với icon */
}

/* ===== Căn giữa Header ===== */

.header-left,
.header-center,
.header-right{
	display:flex;
	align-items:center;
	height:80px;
}

#search-header form{
	width:100%;
}
/* ===== Hiệu ứng vệt sáng chạy qua ===== */

.shop-policises li{
    position:relative;
}

.shop-policises li .link{
    position:relative;
    transition:.3s;
}

.shop-policises li .link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:0;
    height:2px;
    background:#39B54A;
    transition:.35s;
}

.shop-policises li:hover .link{
    color:#39B54A;
}

.shop-policises li:hover .link::after{
    width:100%;
}
.shop-policises{
    display:flex;
    justify-content:flex-start !important;
    align-items:center;
    flex-wrap:nowrap;
    gap:12px;
    margin:0;
    padding-left:0;
}

.shop-policises li{
    flex:0 0 auto;
    padding:0;
    margin:0;
}

.shop-policises li + li{
    margin-left:35px;
}
/* ===== Danh mục nổi bật ===== */

.collections-slide{
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:0 !important;
    flex-wrap:unset !important;
    overflow:visible !important;
}

.collections-slide>.item{
    width:100% !important;
    max-width:100% !important;
    border:1px solid #ececec;
    margin:-1px 0 0 -1px;
    padding:25px 15px;
    background:#fff;
    text-align:center;
    transition:.3s;
}

.collections-slide>.item:hover{
    background:#f8fffb;
}

.collections-slide>.item img{
    width:120px;
    height:120px;
    object-fit:contain;
    margin:auto;
}

.collections-slide>.item h3{
    margin-top:15px;
}

.collections-slide>.item h3 a{
    font-size:18px;
    font-weight:700;
    color:#222;
    text-decoration:none;
}

@media(max-width:991px){
    .collections-slide{
        grid-template-columns:repeat(2,1fr);
    }
}
/* ===== Danh mục nổi bật ===== */

.collections-slide{
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:0 !important;
    flex-wrap:unset !important;
    overflow:visible !important;
}

.collections-slide>.item{
    width:100% !important;
    max-width:100% !important;
    border:1px solid #ececec;
    margin:-1px 0 0 -1px;
    padding:25px 15px;
    background:#fff;
    text-align:center;
    transition:.3s;
}

.collections-slide>.item:hover{
    background:#f8fffb;
}

.collections-slide>.item img{
    width:120px;
    height:120px;
    object-fit:contain;
    margin:auto;
}

.collections-slide>.item h3{
    margin-top:15px;
}

.collections-slide>.item h3 a{
    font-size:18px;
    font-weight:700;
    color:#222;
    text-decoration:none;
}

@media(max-width:991px){
    .collections-slide{
        grid-template-columns:repeat(2,1fr);
    }
}
.section_collections .collections-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    width:100%;
}

.section_collections .collections-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;

    width:100% !important;

    transform:none !important;
    overflow:visible !important;
}

.section_collections .collections-grid > .item{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;

    float:none !important;

    flex:0 0 auto !important;

    margin:0 !important;

    position:relative !important;

    left:auto !important;
    right:auto !important;

    transform:none !important;
}

@media (max-width:991px){

.section_collections .collections-grid{
    grid-template-columns:repeat(2,1fr) !important;
}

.section_collections .collections-grid > .item{
    width:auto !important;
    flex:0 0 auto !important;
}

}

.section_collections .collections-grid .item img{
    display:block;
    width:120px;
    height:120px;
    margin:0 auto 15px;
}

@media (max-width:991px){

.section_collections .collections-grid{
    grid-template-columns:repeat(2,1fr) !important;
}

.section_collections .collections-grid .item{
    padding:15px 10px !important;
}

.section_collections .collections-grid .item img{
    width:80px;
    height:80px;
}

.section_collections .collections-grid .item h3 a{
    font-size:15px;
}

}
/* ===== Fix Collections Grid ===== */

.section_collections .collections-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    width:100% !important;
}

.section_collections .collections-grid > .item{
    display:block !important;
    float:none !important;
    flex:none !important;
    flex-basis:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:20px 15px !important;
    box-sizing:border-box;
}

.section_collections .collection-image{
    display:flex !important;
    justify-content:center;
    align-items:center;
    height:120px;
}

.section_collections .collection-logo{
    width:120px !important;
    height:120px !important;
    max-width:120px !important;
    max-height:120px !important;
    object-fit:contain;
}

@media (max-width:991px){

.section_collections .collections-grid{
    grid-template-columns:repeat(2,1fr) !important;
}

.section_collections .collections-grid > .item{
    padding:15px 10px !important;
}

.section_collections .collection-image{
    height:90px;
}

.section_collections .collection-logo{
    width:80px !important;
    height:80px !important;
    max-width:80px !important;
    max-height:80px !important;
}

}
.section_collections .collection-image{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    aspect-ratio:auto !important;
    padding:0 !important;
}

.section_collections .collection-image img{
    display:block !important;
}
/*==================================================
=        DANH MỤC SẢN PHẨM - ATIX FINAL            =
==================================================*/

.subheader .toogle-nav-wrapper{
    position:relative;
    width:240px;
    padding:4px;
    background:#101418;
    border:1px solid #39ff14;
    border-radius:14px;
    overflow:visible;
    box-shadow:
        0 0 10px rgba(57,255,20,.18),
        inset 0 0 10px rgba(57,255,20,.05);
}

/* ===== Thanh tiêu đề ===== */

.subheader .menu-title{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;

    width:100%;
    height:44px;

    padding:0 14px;

    background:linear-gradient(90deg,#9cff00 0%,#79ff00 100%);
    border-radius:10px;

    box-sizing:border-box;
}

/* Góc phải nhỏ */

.subheader .menu-title::after{
    content:"";
    position:absolute;
    top:0;
    right:0;

    width:12px;
    height:100%;

    background:#101418;

    clip-path:polygon(55% 0,100% 0,100% 100%,0 100%);

}

/* ===== Icon ===== */

.subheader .menu-title .icon-bar{
    position:relative;
    z-index:3;

    width:20px;
    height:20px;

    margin:0 10px 0 0;

    border:2px solid #111;
    border-radius:3px;

    flex-shrink:0;
}

.subheader .menu-title .icon-bar .bar{
    width:10px;
    margin-left:3px;
    background:#111 !important;
    border-radius:2px;
}

.subheader .menu-title .icon-bar .bar:first-child{
    margin-top:3px;
}

.subheader .menu-title .icon-bar .bar:last-child{
    margin-bottom:3px;
}

/* ===== Chữ ===== */

.subheader .menu-title strong{

    position:relative;
    z-index:5;

    flex:1;

    color:#111;

    font-size:14px;

    font-weight:800;

    line-height:1;

    white-space:nowrap;

    overflow:visible;

    text-overflow:clip;
}

/* ===== Hover ===== */

.subheader .toogle-nav-wrapper:hover{
    box-shadow:
        0 0 10px rgba(57,255,20,.18);
        inset 0 0 10px rgba(57,255,20,.08);
}
/* ===========================
   ATIX SIDE BANNER
=========================== */

.atix-side-banner{
    position:fixed;
    top:100px;          /* khoảng cách từ trên xuống */
    width:170px;
    z-index:90;
    transition:all .25s ease;
}

.atix-side-banner img{
    display:block;
    width:100%;
    height:auto;
    border-radius:8px;
}

/* Banner trái */
.atix-side-banner.left{
    left:20px;
}

/* Banner phải */
.atix-side-banner.right{
    right:20px;
}

/* Hover */
.atix-side-banner:hover{
    transform:translateY(-5px);
}

/* Ẩn trên màn nhỏ */
@media(max-width:1400px){

.atix-side-banner{
    display:none;
}