* {
	margin: 0;
	padding: 0
}

.edit-userinfo {
	color: #c1c1c1;
	cursor: pointer;
}

.edit-userinfo:hover {
	color: black;
}

.btn {
	border-radius: 0 !important
}

.searchbox-desktop .btn.btn-primary,
.form-group .form-control {
	border-radius: 0px;
}


.callBtn {
	position: fixed;
	top: 208px;
	right: 10px;
	padding: 0px 12px;
	background-color: #2ea22e;
	border-radius: 50%;
	z-index: 2;
	transition: .5s;
}

.callBtn p {
	position: absolute;
	width: 134px;
	background-color: white;
	font-size: 20px;
	right: -155px;
	bottom: -10px;
	border-radius: 20px;
	padding: 0 10px;
	z-index: 3;
	color: white;
	background-color: #2ea22e;
	opacity: 0;
}

.callBtn:hover p {
	opacity: 1;
	transition: .4s;
}

.callBtn:hover {
	right: 164px;
	transition: .5s;
	background-color: transparent;
}

.callBtn:hover h4 {
	opacity: 0;
}

.callBtn:hover:before,
.callBtn:hover:after {
	animation: diffuse 0s;
	opacity: 0
}

.callBtn:before {
	content: "";
	padding: 19px;
	border: 10px solid #77f37b;
	border-radius: 50%;
	position: absolute;
	right: -8px;
	top: -10px;
	animation: diffuse 1.3s infinite;
}

.callBtn:after {
	content: "";
	padding: 19px;
	border: 10px solid #4be62f;
	border-radius: 50%;
	position: absolute;
	right: -8px;
	top: -10px;
	animation: diffuse 1.3s ease-in-out infinite;
}

@keyframes diffuse {
	from {
		transform: scale(1);
		transition: 0s;
		opacity: 1
	}

	to {
		transform: scale(2);
		transition: 1s;
		opacity: 0
	}
}

#content {
	position: relative;
}

li.menu-name {
	cursor: pointer;
}

.all-product {
	text-align: center;
}

.carousel-caption .btn {
	position: relative;
	top: 40px;
}

/* 
#headerSlide {
	background-color: #3B4856;
} */

td {
	vertical-align: middle !important;
}

a {
	cursor: pointer !important;
}

#nav {
	position: sticky;
	top: 0;
	z-index: 2;
}

a:hover {
	text-decoration: none !important
}

.navbar-default {
	background-color: #2c3e50 !important;
	color: white;
	border: none !important;
}

.navbar-default .navbar-nav>li>a {
	color: white !important;
}

.logo {
	color: yellow !important;
	font-family: 'Kaushan Script', cursive;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #1595a9 !important;
}

.km {
	padding: 5px 10px;
	background-color: green;
	border-radius: 15px;
	color: white;
}

.navbar {
	bottom: 23px;
	margin: 0 !important;
}

.menu-name:hover {
	background-color: black
}

/* .content-menu:hover{letter-spacing: 5px; transition: .5s} */
.content-menu {
	transition: .5s;
	text-align: left;
}

/* header {
	width: 100%;
	height: 150px;
	position: relative;
	background-color: teal;
	background-image: url('../images/cover-photo.jpg');
	background-size: cover;
} */
/* 
header img {
	width: 157px;
	margin-top: 6px;
}

header h2 {
	position: absolute;
	top: 34px;
	left: 143px;
	z-index: 20;
	font-size: 49px;
}

.header-menu {
	list-style-type: none;
	display: inline-block;
	position: absolute;
	top: 25px;
	right: 12px;
}

ul.header-menu li {
	display: inline-block;
	margin-right: 20px;
	position: relative;
}

ul.header-menu li a {
	color: white;
}

.mn-ef {
	background-color: white;
	width: 0;
	height: 2px;
	position: relative;
	left: 50%;
	bottom: 0;
	transition: .4s;
}

ul.header-menu li:hover .mn-ef {
	width: 100%;
	left: 0;
	transition: .4s;
}

.header-detail {
	position: absolute;
	bottom: 5px;
	right: 32px;
	color: #bef3ff;
	font-size: 15px;
	text-align: right;
}

.header-detail i {
	font-size: 13px;
} */

.fixed-nav {
	position: fixed !important;
	width: 100%;
	height: 50px;
	top: 0;
	z-index: 16;
}

.navbar {
	border-radius: 0 !important
}

@keyframes r2l {
	from {
		right: -70px;
	}

	to {
		right: 0
	}
}

@media (max-width: 1200px) {
	.navbar-header {
		float: none !important;
	}

	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block !important;
	}

	.navbar-collapse {
		border-top: 1px solid transparent !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
		background-color: teal;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7.5px !important;
	}

	.navbar-nav>li {
		float: none !important;
	}

	.navbar-nav>li>a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.collapse.in {
		display: block !important;
	}
}

/* FOR PHONE */
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: rgb(255, 243, 140) !important;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background-color: teal
	}

	#headerSlide {
		height: 250px;
	}

	#headerSlide img {
		height: 250px;
		margin: auto;
	}

	header h2 {
		display: none;
	}

	#maps {
		width: 100% !important;
	}

	.product-img {
		height: 245px !important;
		margin-left: -35px !important;
	}

	.navbar-collapse.navbar-ex1-collapse.collapse.in {
		position: absolute;
		top: 50px;
		width: 100%;
		z-index: 1;
	}

	.product-container {
		width: 100% !important;
		margin: 0 !important;
		filter: brightness(100%);
	}

	.product-info {
		height: 134px !important;
	}

	.price {
		bottom: 60px !important;
	}
}

/* FOR TABLET */
@media (min-width: 768px) {
	.modal-dialog {
		width: 70% !important
	}

	#headerSlide {
		height: 350px;
	}

	#headerSlide img {
		height: 350px;
		margin: auto;
	}

	#maps {
		width: 100% !important;
	}

	.product-img {
		height: 245px;
		margin-left: -50px;
	}

	.product-container {
		width: 285px !important;
		filter: brightness(100%);
	}
}

@media (max-width: 1199px) {
	.product-info {
		height: 134px !important;
	}

	.price {
		bottom: 60px !important;
	}

	.product-img:before,
	.product-img:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
		background-color: rgba(0, 0, 0, 0.57);
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		content: '';
		opacity: 0.9;
		z-index: 1;
	}

	.product-img:before {
		transform: skew(45deg) translateX(-105%);
	}

	.product-img:after {
		transform: skew(45deg) translateX(105%);
	}

	.product-img {
		margin-left: auto;
	}

	.product-img {
		transform: scale(1.2);
		transition: .35s;
	}

	.product-img {
		background-color: rgba(44, 62, 80, 0.74);
	}
}

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

/* FOR Ipad pro */
@media (min-width: 992px) {
	#custom-search-input {
		display: none;
	}

	#headerSlide {
		height: 400px;
	}

	#headerSlide img {
		height: 400px;
		margin: auto;
		width: 100%;
	}

	#maps {
		width: 400px !important;
	}
}

/* FOR LAPTOP $ LARGER SCREEN */
@media screen and (min-width: 1200px) {
	#headerSlide {
		height: 400px;
	}

	#headerSlide img {
		height: 400px;
		margin: auto;
	}

	#maps {
		width: 400px !important;
	}

	.product-info:hover .buy {
		top: 82px;
		transition: .35s;
	}

	.product-info:hover .price {
		bottom: 60px;
		transition: .35s;
	}

	.product-info:hover {
		height: 134px;
		transition: .35s;
	}

	.product-container {
		filter: brightness(90%);
	}

	.product-img {
		margin-left: auto;
	}

	.product-img {
		transform: scale(1.374);
		transition: .35s;
	}

	.product-img:hover {
		background-color: rgba(44, 62, 80, 0.74);
	}

	.product-img:before,
	.product-img:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
		background-color: rgba(0, 0, 0, 0.57);
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		content: '';
		opacity: 0.9;
		z-index: 1;
	}

	.product-img:before {
		transform: skew(45deg) translateX(-100%);
	}

	.product-img:after {
		transform: skew(45deg) translateX(100%);
	}

	.product-img:hover:before {
		transform: skew(45deg) translateX(-120%);
	}

	.product-img:hover:after {
		transform: skew(45deg) translateX(105%);
	}

	.product-img:hover .rate {
		top: 0;
		transition: .3s;
	}
}

.product-container {
	width: 245px;
	height: 405px;
	margin: 10px;
	overflow: hidden;
	position: relative;
	background-color: white;
	display: inline-block;
	border: 1px solid black;
}

.product-img {
	position: relative;
	height: 269px;
	transition: .5s;
	margin: auto;
}

.product-img img {
	height: 100%;
}

.product-info {
	padding: 3px 10px;
	background-color: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 84px;
	position: absolute;
	bottom: 0;
	transition: .3s;
	text-align: left;
}

.product-info h4 {
	color: white;
	position: absolute;
	top: 0;
	line-height: 22px;
}

/* .buy {
	text-align: center;
	position: relative;
	top: 85px;
} */

.km-logo {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 28px;
}

.price {
	color: #bbb;
	position: absolute;
	bottom: 5px;
	transition: .3s;
	left: 10px;
}

footer {
	background-color: #2c3e50;
	color: white;
}

#contact {
	line-height: 30px;
	margin: 20px 0;
}

#copyright-txt {
	text-align: center;
	margin: 0 auto;
	padding: 20px;
	font-size: 18px;
	background-color: #337ab7;
	color: white;
}



.prd-in-cart {
	width: 100%;
	background-color: #e6e6e6;
	border: 1px solid black;
	position: relative;
	margin-bottom: 10px;
}

.prd-in-cart:hover {
	background-color: #c1c1c1;
}

.prd-in-cart img {
	max-height: 140px;
}

.prd-dt {
	position: absolute;
	left: 110px;
	top: -10px;
}

.prd-price {
	color: red;
	font-size: 20px;
	font-weight: bold;
}

.main-prd {
	width: 100%;
	position: relative;
}

.main-prd-img {
	width: 40%;
}

.basic-info {
	width: 59%;
	float: right;
	font-size: 16px;
	padding: 10px;
}

.main-prd-price {
	color: red;
	font-size: 20px;
	font-weight: bold;
}


.introduce-prd {
	width: 100%;
	padding: 20px 10px;
	margin-top: 40px;
}

.slide-price {
	font-size: 30px;
	color: red;
	font-weight: bold;
}

.ajaxing {
	background-color: black;
}

.errorMes {
	color: red;
	width: 50%;
	margin: 0 auto 10px;
	padding: 10px 17px;
	background-color: #ffbbbb;
	font-weight: bold;
	border-left: 5px solid red;
	display: none;
}

#user-setting {
	background-color: #337ab7;
	position: absolute;
	top: 23px;
	left: 0;
	display: none;
	cursor: pointer;
	z-index: 1;
}

#user-setting li:hover {
	background-color: #2c3e50;
}

#user-setting li {
	padding: 5px 10px;
	width: 100%;
	color: white;
}

#user-setting ul {
	padding: 0;
}

.cart-container {
	border: 1px solid #2e6ea5 !important;
	background-color: white !important;
	margin: 0 10px;
	transition: .3s;
}

.cart-container:hover {
	background-color: #2e6ea5 !important;
	transform: scale(1.15);
}

.cart-item {
	text-shadow: 0px -2px #2e6ea5, 0px 2px #2e6ea5, -2px 0px #2e6ea5, 2px 0px #2e6ea5;
	color: white;
}

.cart-ordered {
	background-color: #2e6ea5 !important;
	color: white;
}

.unlike {
	text-shadow: 0px -2px red, 0px 2px red, -2px 0px red, 2px 0px red;
	color: white;
}

.unlike-container {
	border: 1px solid red !important;
	position: relative;
}

.unlike-container:hover {
	background-color: red !important;
	transition: .3s;
	transform: scale(1.15);
}

.liked {
	background-color: red !important;
}

.like-error {
	position: fixed;
	top: 50px;
	width: 100%;
	z-index: 16;
	display: none;
}

.like-error p {
	width: 300px;
	margin: auto;
	background-color: white;
	padding: 10px;
	padding-bottom: 45px;
}

#like_count:before {
	color: red;
}

#cart_count:before {
	color: yellow;
}

#cart_count:hover {
	transform: scale(1.3);
	transition: .3s;
}

#cart_count {
	transition: .3s;
	position: relative;
}

#like_count:hover {
	transform: scale(1.3);
	transition: .3s;
}

#like_count {
	transition: .3s;
}

.cart_count:after {
	content: "";
	background: rgba(241, 241, 241, 0);
	display: block;
	position: absolute;
	padding-top: 100px;
	padding-left: 100px;
	margin-left: -20px !important;
	margin-top: -60px;
	z-index: 2;
	border-radius: 50%;
	opacity: 0;
	animation: c1_a 1s 1;
}

@keyframes c1_a {
	from {
		border: 1000px solid rgba(0, 0, 0, 0.3);
		right: -1011px;
		top: -970px;
		opacity: 1;
	}

	to {
		border: 1px solid rgba(0, 0, 0, 0.65);
		right: -11px;
		top: 31px;
		transform: scale(.5);
		opacity: 1;
	}
}

.like_count:after {
	content: "";
	background: rgba(241, 241, 241, 0);
	display: block;
	position: absolute;
	padding-top: 100px;
	padding-left: 100px;
	margin-left: -20px !important;
	margin-top: -60px;
	z-index: 2;
	border-radius: 50%;
	opacity: 0;
	animation: c1_a 1s 1;
}

@keyframes c1_a {
	from {
		border: 1000px solid rgba(0, 0, 0, 0.3);
		right: -1011px;
		top: -970px;
		opacity: 1;
	}

	to {
		border: 1px solid rgba(0, 0, 0, 0.65);
		right: -11px;
		top: 31px;
		transform: scale(.5);
		opacity: 1;
	}
}

/* NUT MUA NGAY */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);

a.snip0050 {
	font-family: 'Raleway', Arial, sans-serif;
	border: none;
	background-color: #000000;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 40px;
	display: inline-block;
	text-transform: uppercase;
	line-height: 1.5em;
	font-weight: 500;
	font-size: 1em;
	outline: none;
	position: relative;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

a.snip0050 span {
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.8;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

a.snip0050 i {
	font-size: 28px;
	text-align: center;
	width: 100%;
	top: 50%;
	left: 0;
	display: block;
	position: absolute;
	opacity: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

a.snip0050:before {
	border-radius: 3px;
	content: '';
	top: 3px;
	bottom: 3px;
	left: 50%;
	right: 50%;
	position: absolute;
	background: rgba(255, 255, 255, 0);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

a.snip0050:hover,
a.snip0050.hover {
	color: #000000;
}

a.snip0050:hover span,
a.snip0050.hover span {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

a.snip0050:hover i,
a.snip0050.hover i {
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

a.snip0050:hover:before,
a.snip0050.hover:before {
	left: 3px;
	right: 3px;
	background: #ffffff;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

/* NUT LOAD MORE */
@import url(https://fonts.googleapis.com/css?family=BenchNine:700);

.snip1582 {
	background-color: #c47135;
	border: none;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: 'BenchNine', Arial, sans-serif;
	font-size: 1em;
	font-size: 22px;
	line-height: 1em;
	outline: none;
	padding: 12px 40px 10px;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
}

.snip1582:before,
.snip1582:after {
	border-color: transparent;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	border-style: solid;
	border-width: 0;
	content: "";
	height: 24px;
	position: absolute;
	width: 24px;
}

.snip1582:before {
	border-color: #c47135;
	border-top-width: 2px;
	left: 0px;
	top: -5px;
}

.snip1582:after {
	border-bottom-width: 2px;
	border-color: #c47135;
	bottom: -5px;
	right: 0px;
}

.snip1582:hover,
.snip1582.hover {
	background-color: #c47135;
}

.snip1582:hover:before,
.snip1582.hover:before,
.snip1582:hover:after,
.snip1582.hover:after {
	height: 100%;
	width: 100%;
}



#custom-search-input {
	margin: 0 66px;
	margin-top: 2px;
}

#custom-search-input input {
	border: 0;
	box-shadow: none;
}

#custom-search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #666666;
	padding: 0 8px 0 10px;
	border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search {
	font-size: 23px;
}

.rate {
	color: yellow;
	position: absolute;
	top: 30px;
	width: 100%;
	margin: auto;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 2;
	transition: .3s;
}

input[id=order_tel]::-webkit-outer-spin-button,
input[id=order_tel]::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}

/* =========================

:root {
	--shop-navy: #0f172a;
	--shop-navy-2: #1e293b;
	--shop-gold: #c9a227;
	--shop-gold-soft: #e8d48b;
	--shop-primary: #1e3a5f;
	--shop-primary-hover: #152a45;
	--shop-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
	--shop-radius: 14px;
}

/* Legacy rules target bare `header` — reset for storefront header */
header#header.nx-header,
header.nx-header {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	position: relative !important;
	background-color: #fff !important;
	background-image: none !important;
	background-size: auto !important;
	border-bottom: 1px solid rgba(30, 58, 95, 0.12);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

header.nx-header img.nx-brand__logo {
	width: 52px !important;
	height: 52px !important;
	margin-top: 0 !important;
	object-fit: contain;
}

/* TOPBAR */
.nx-topbar {
	background: linear-gradient(90deg, var(--shop-navy) 0%, var(--shop-navy-2) 100%);
	color: rgba(248, 250, 252, 0.92);
	font-size: 12.5px;
	border-bottom: 2px solid var(--shop-gold);
}

.nx-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
	gap: 12px;
	flex-wrap: wrap;
}

.nx-topbar__left {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.nx-topbar__sep {
	opacity: .55;
}

.nx-topbar .glyphicon {
	margin-right: 4px;
	color: var(--shop-gold-soft);
}

/* TRUST STRIP */
.nx-trust {
	background: #fff;
	border-bottom: 1px solid rgba(30, 58, 95, 0.1);
}

.nx-trust__list {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
}

.nx-trust__item {
	font-size: 12.5px;
	color: #334155;
	font-weight: 600;
}

.nx-trust__item .glyphicon {
	color: var(--shop-primary);
	margin-right: 6px;
	font-size: 13px;
}

/* HEADER MAIN */
.nx-header__row {
	padding: 16px 0;
}

.nx-brand__link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none !important;
}

.nx-brand__name {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--shop-navy);
	background: linear-gradient(135deg, var(--shop-navy), var(--shop-primary));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.nx-search__group .form-control {
	height: 46px;
	border-radius: var(--shop-radius) 0 0 var(--shop-radius);
	border: 1px solid rgba(30, 58, 95, 0.22);
	box-shadow: none;
	font-size: 14px;
}

.nx-search__group .btn {
	height: 46px;
	border-radius: 0 var(--shop-radius) var(--shop-radius) 0;
	padding-left: 18px;
	padding-right: 18px;
	font-weight: 700;
	background: var(--shop-primary);
	border-color: var(--shop-primary);
}

.nx-search__group .btn:hover,
.nx-search__group .btn:focus {
	background: var(--shop-primary-hover);
	border-color: var(--shop-primary-hover);
}

.nx-search__hint {
	margin-top: 8px;
	font-size: 12px;
	color: #64748b;
}

.nx-actions__inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
	flex-wrap: wrap;
}

.nx-link {
	color: var(--shop-navy);
	font-weight: 700;
	font-size: 13px;
}

.nx-link:hover {
	color: var(--shop-primary);
}

.nx-dot {
	color: #94a3b8;
}

.nx-account {
	position: relative;
}

#user-setting.nx-dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	min-width: 220px;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.4);
	border-radius: var(--shop-radius);
	box-shadow: var(--shop-shadow);
	z-index: 100;
	overflow: hidden;
}

#user-setting.nx-dropdown ul {
	margin: 0;
	padding: 6px;
}

#user-setting.nx-dropdown a {
	display: block;
	color: var(--shop-navy);
	text-decoration: none !important;
}

#user-setting.nx-dropdown li {
	list-style: none;
	padding: 10px 14px;
	border-radius: 10px;
}

#user-setting.nx-dropdown a:hover li {
	background: rgba(30, 58, 95, 0.08);
}

.nx-cart {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(30, 58, 95, 0.2);
	background: linear-gradient(180deg, #fff, #f8fafc);
	color: var(--shop-navy);
	font-weight: 600;
	font-size: 13px;
	text-decoration: none !important;
	transition: box-shadow .2s, border-color .2s;
}

.nx-cart:hover {
	border-color: var(--shop-gold);
	box-shadow: 0 4px 14px rgba(201, 162, 39, 0.25);
	color: var(--shop-navy);
}

.nx-cart .glyphicon {
	font-size: 16px;
	color: var(--shop-primary);
}

.nx-badge {
	display: inline-block;
	min-width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	padding: 0 6px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--shop-gold), #a67c00);
	color: #1a1204;
	font-size: 12px;
	font-weight: 900;
}

/* NAV — scope to storefront only */
.shop-body #nav.nx-nav.navbar-default {
	background: linear-gradient(180deg, var(--shop-navy) 0%, #0c1222 100%) !important;
	border: none !important;
	margin-bottom: 0 !important;
	bottom: 0 !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);
}

.shop-body #nav.nx-nav {
	position: sticky;
	top: 0;
	z-index: 50;
}

.shop-body #nav.nx-nav .navbar-nav>li>a {
	color: rgba(248, 250, 252, 0.95) !important;
	font-weight: 700;
	font-size: 13px;
	padding-top: 14px;
	padding-bottom: 14px;
	text-transform: none;
}

.shop-body #nav.nx-nav .navbar-nav>li.menu-name:hover {
	background: rgba(255, 255, 255, 0.06);
}

.shop-body #nav.nx-nav .navbar-nav>.open>a,
.shop-body #nav.nx-nav .navbar-nav>.open>a:hover,
.shop-body #nav.nx-nav .navbar-nav>.open>a:focus {
	background: rgba(201, 162, 39, 0.18) !important;
	color: #fff !important;
}

.shop-body #nav.nx-nav .dropdown-menu {
	border-radius: 12px;
	border: 1px solid rgba(148, 163, 184, 0.25);
	box-shadow: var(--shop-shadow);
	margin-top: 0;
}

.shop-body #nav.nx-nav .dropdown-menu>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.nx-nav__brand {
	color: #fff !important;
	font-weight: 600;
	font-size: 15px !important;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

.shop-body #nav.nx-nav .navbar-toggle {
	border-color: rgba(255, 255, 255, 0.35);
}

.shop-body #nav.nx-nav .navbar-toggle .icon-bar {
	background: #fff;
}

.nx-nav__search .form-control {
	border-radius: var(--shop-radius);
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.nx-nav__search .form-control::placeholder {
	color: rgba(255, 255, 255, 0.55);
}

/* MAIN */
.nx-main {
	padding: 22px 0 40px;
}

.nx-main__inner {
	min-height: 200px;
}

/* FOOTER */
.nx-footer {
	margin-top: 0;
	padding: 36px 0 24px;
	background: linear-gradient(165deg, #0b1220 0%, #1e293b 55%, #0f172a 100%);
	color: rgba(226, 232, 240, 0.92);
	border-top: 3px solid var(--shop-gold);
}

.nx-footer__title {
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	margin: 0 0 14px;
	font-size: 18px;
}

.nx-footer__text {
	color: rgba(226, 232, 240, 0.88);
	margin-bottom: 10px;
	line-height: 1.55;
}

.nx-footer__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nx-footer__list li {
	margin-bottom: 10px;
}

.nx-footer__list a {
	color: rgba(226, 232, 240, 0.9);
	text-decoration: none !important;
}

.nx-footer__list a:hover {
	color: var(--shop-gold-soft);
}

.nx-newsletter .form-control {
	border-radius: var(--shop-radius) 0 0 var(--shop-radius);
	border: 1px solid rgba(148, 163, 184, 0.3);
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}

.nx-newsletter .form-control::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

.nx-newsletter .btn {
	border-radius: 0 var(--shop-radius) var(--shop-radius) 0;
	font-weight: 600;
	background: var(--shop-primary);
	border-color: var(--shop-primary);
}

.nx-newsletter .btn:hover {
	background: var(--shop-primary-hover);
	border-color: var(--shop-primary-hover);
}

.nx-footer__bottom {
	border-top: 1px solid rgba(148, 163, 184, 0.2);
	padding-top: 22px;
	margin-top: 8px;
}

.nx-footer iframe {
	border-radius: var(--shop-radius);
	box-shadow: var(--shop-shadow);
}

.nx-footer__copyright {
	padding: 18px 0 8px;
	font-size: 13px;
	color: rgba(226, 232, 240, 0.75);
}



.goTop.nx-goTop a {
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding: 0px 12px;
	border-radius: 50%;

	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 1px solid rgba(201, 162, 39, 0.45);
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.35);
	color: var(--shop-gold-soft) !important;
}

.goTop.nx-goTop .glyphicon {
	font-size: 16px;
	line-height: 1;
}

@media (max-width: 767px) {
	.nx-brand__name {
		font-size: 24px;
	}

	.nx-actions__inner {
		justify-content: flex-start;
	}

	.nx-trust__list {
		justify-content: center;
		text-align: center;
	}
}

/* Mobile menu: legacy rules set teal — match storefront nav */
.shop-body #nav.nx-nav .navbar-collapse,
.shop-body #nav.nx-nav .navbar-form {
	background-color: rgba(15, 23, 42, 0.98) !important;
}

.shop-body #nav.nx-nav .navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: rgba(248, 250, 252, 0.95) !important;
}








/* Code Đài */


body {
	font-family: 'Poppins', sans-serif !important;
}



/* --- 1. CORE & LAYOUT --- */
.nx-cyber-wrapper {
	--primary-cyan: #00bcd4;
	--dark-deep: #0a0c16;
	--dark-card: #111420;
	--glass-border: rgba(255, 255, 255, 0.1);

	background: var(--dark-deep) !important;
	border-bottom: 1px solid var(--glass-border) !important;
	width: 100% !important;
	position: sticky !important;
	top: 0;
	z-index: 99 !important;
	font-family: 'Poppins', sans-serif;
	box-sizing: border-box;
}

.nx-cyber-wrapper *,
.nx-cyber-wrapper *::before,
.nx-cyber-wrapper *::after {
	box-sizing: inherit;
	transition: all 0.3s ease;
}

.header-main-grid {
	max-width: 1200px;
	margin: 0 auto !important;
	padding: 10px 15px;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	float: none !important;
}

/* --- 2. LOGO SECTION --- */
.nx-logo-link {
	display: flex;
	align-items: center;
	text-decoration: none !important;
	gap: 12px;
}

.nx-icon-cube {
	background: var(--primary-cyan);
	color: #000;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 4px;
	font-family: 'Orbitron';
}

.nx-brand-txt {
	font-family: 'Orbitron';
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
}

.nx-brand-txt span {
	color: var(--primary-cyan);
}

/* --- 3. SEARCH BAR --- */
.nx-search-box {
	flex: 0 1 450px;
	margin: 0 20px;
}

.nx-search-bar {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--glass-border);
	border-radius: 50px;
	display: flex;
	padding: 4px 4px 4px 15px;
	align-items: center;
}

.nx-search-bar input {
	background: transparent !important;
	border: none !important;
	color: #fff !important;
	width: 100%;
	padding: 8px 10px;
	outline: none !important;
	box-shadow: none !important;
}

.nx-search-bar input::placeholder {
	color: #fefefe;
}

.nx-search-bar button {
	background: var(--primary-cyan);
	border: none;
	border-radius: 50px;
	padding: 8px 20px;
	font-weight: 700;
	font-size: 11px;
	cursor: pointer;
	color: #000;
	width: 25%;
}

.nx-hint-txt {
	font-size: 11px;
	color: #fff;
	margin-top: 6px;
	padding-left: 15px;
}

/* --- 4. ACTIONS & USER --- */
.nx-action-box {
	display: flex;
	align-items: center;
	gap: 25px;
}

.nx-auth-item {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

.nx-highlight {
	color: var(--primary-cyan);
	font-weight: 600;
}

.nx-user-toggle {
	position: relative !important;
	display: flex !important;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	z-index: 10001;
	color: #fff;
}

/* --- 5. DROPDOWN OPTIMIZED --- */
.nx-custom-dropdown {
	position: absolute !important;
	top: calc(100% + 15px) !important;
	right: 0 !important;
	background: var(--dark-card) !important;
	border: 1px solid var(--glass-border) !important;
	width: 210px !important;
	border-radius: 10px !important;
	padding: 10px 0 !important;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
	display: none;
	z-index: 99999 !important;
}

.nx-custom-dropdown::before {
	content: '';
	position: absolute;
	top: -6px;
	right: 18px;
	width: 12px;
	height: 12px;
	background: var(--dark-card);
	transform: rotate(45deg);
	border-left: 1px solid var(--glass-border);
	border-top: 1px solid var(--glass-border);
}

.nx-custom-dropdown a {
	display: flex !important;
	align-items: center;
	padding: 12px 20px !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	border: none !important;
}

.nx-custom-dropdown a:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	color: var(--primary-cyan) !important;
}

.nx-custom-dropdown hr {
	margin: 8px 0 !important;
	border: 0;
	border-top: 1px solid var(--glass-border) !important;
	opacity: 0.5;
}

/* --- 6. CART --- */
.nx-cart-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: #fff;
}

.nx-cart-icon {
	position: relative;
	font-size: 22px;
}

.nx-cart-badge {
	position: absolute;
	top: -8px;
	right: -10px;
	background: var(--primary-cyan);
	color: #000;
	font-size: 10px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	border: 2px solid var(--dark-deep);
}

.nx-cart-label {
	font-size: 14px;
	font-weight: 600;
}

/* --- 7. MOBILE RESPONSIVE --- */
@media (max-width: 768px) {

	.nx-search-box,
	.nx-cart-label,
	.nx-hint-txt {
		display: none !important;
	}

	.header-main-grid {
		padding: 0 15px;
	}

	.nx-brand-txt {
		font-size: 16px;
	}
}



.nav.nx-nav__menu {
	display: flex;
	justify-content: center;
	width: 100%;
}



.tgdd-slider {
	margin-bottom: 30px;
}

.tgdd-slider .item {
	border-radius: 15px;
	overflow: hidden;
}

.tgdd-slider .carousel-control {
	background-image: none !important;
	top: 50%;
	transform: translateY(-50%);
	width: 5%;
	height: 5%;
	border: none;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
}





.tgdd-container {
	max-width: 1240px;
	margin: 0 auto;
}

/* TIÊU ĐỀ KHỐI - Làm mượt lại font 600 */
.tgdd-head {
	margin-bottom: 30px;
	border-left: 4px solid #00bcd4;
	padding-left: 15px;
}

.tgdd-head--between{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.tgdd-viewmore{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid rgba(0, 188, 212, 0.35);
	background: #0A0D16;
	color: #fff;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: none;
	text-decoration: none !important;
	transition: all .2s ease;
	white-space: nowrap;
}

.tgdd-title {
	color: #a67c00 !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 !important;
}

.tgdd-container {
	margin-bottom: 30px;
}

/* GRID HỆ THỐNG */
.tgdd-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
	gap: 20px !important;
}

/* CARD SẢN PHẨM - Hiệu ứng nổi khối Glassmorphism nhẹ */
.tgdd-card {
	background: #111420 !important;
	/* Màu xanh đen sâu chuyên nghiệp */
	border-radius: 12px;
	padding: 12px;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(255, 255, 255, 0.05);
	height: 100%;
}

.tgdd-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 30px rgba(0, 188, 212, 0.15);
	border-color: rgba(0, 188, 212, 0.5);
}

/* ẢNH SẢN PHẨM */
.tgdd-img {
	background: #fff;
	/* Giữ nền trắng để nổi bật sản phẩm */
	height: 200px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	margin-bottom: 15px;
	overflow: hidden;
}

.tgdd-img img {
	max-width: 85%;
	max-height: 85%;
	object-fit: contain;
	transition: transform 0.5s ease;
}

.tgdd-card:hover .tgdd-img img {
	transform: scale(1.1);
}

/* NHÃN (BADGE) - Làm gọn lại */
.label-promo,
.label-new {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #ff4d4d;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 4px;
	z-index: 2;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.label-new {
	background: #00bcd4;
	color: #000;
}

/* THÔNG TIN SẢN PHẨM */
.tgdd-info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding: 5px;
}

.tgdd-name {
	color: #eee !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	height: 44px;
	overflow: hidden;
	margin: 0 0 12px !important;
	line-height: 1.5;
	transition: color 0.3s;
}

.tgdd-card:hover .tgdd-name {
	color: #00bcd4 !important;
}

.tgdd-price {
	color: #00bcd4;
	/* Đổi màu giá sang Cyan cho đồng bộ Cyber */
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 18px;
}

/* NÚT BẤM - Làm bo góc 10px cho hiện đại */
.tgdd-actions {
	display: flex !important;
	gap: 10px;
	margin-top: auto;
}

.btn-add-cart {
	width: 44px !important;
	height: 44px !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	transition: 0.3s;
}

.btn-add-cart:hover {
	background: rgba(0, 188, 212, 0.1) !important;
	border-color: #00bcd4 !important;
	color: #00bcd4 !important;
}

.cart-ordered {
	background: #00bcd4 !important;
	border-color: #00bcd4 !important;
	color: #000 !important;
}


.btn-buy-now:hover {
	background: #00bcd4 !important;
	box-shadow: 0 5px 15px rgba(0, 188, 212, 0.4);
}

/* MOBILE */
@media (max-width: 768px) {
	.tgdd-grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
	}

	.tgdd-container {
		padding: 0 10px;
	}

	.tgdd-card {
		padding: 10px;
	}
}




.cyber-luxury-footer {
	background: radial-gradient(circle at center, #1a1f3a 0%, #0a0c16 100%);
	/* Nền gradient sâu */
	color: #e0e0e0;
	font-family: 'Poppins', sans-serif;
	padding: 100px 0 30px;
	position: relative;
	overflow: hidden;
	/* Để chứa hiệu ứng nền */
}

/* Hiệu ứng Wave Nền mờ */
.footer-bg-effect {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
}

.wave {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background-repeat: repeat-x;
	background-position: 0 bottom;
	transform-origin: center bottom;
}

.wave1 {
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%232979ff" d="M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,213.3C672,224,768,224,864,192C960,160,1056,96,1152,90.7C1248,85,1344,139,1392,165.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
	animation: waveAnimation 20s linear infinite;
	opacity: 0.5;
}

.wave2 {
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%2300bcd4" d="M0,160L48,176C96,192,192,224,288,213.3C384,203,480,149,576,122.7C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
	animation: waveAnimation 15s linear infinite reverse;
	opacity: 0.3;
}

@keyframes waveAnimation {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}

	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}

	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}

/* Bố cục Content chính */
.footer-content {
	position: relative;
	z-index: 10;
	/* Nổi lên trên hiệu ứng nền */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 50px;
}

/* 1. Brand Section */
.brand-vision-section {
	flex: 2;
	/* Chiếm diện tích lớn nhất */
	min-width: 300px;
}

.glitch-logo {
	font-family: 'Orbitron', sans-serif;
	/* Font chữ công nghệ */
	font-size: 42px;
	font-weight: 600;
	color: #fff;
	letter-spacing: -2px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 15px;
}

.glitch-logo span {
	color: #00bcd4;
	/* Màu nhấn Neon Cyan */
	font-weight: 300;
}

.glitch-logo::after {
	content: attr(data-text);
	position: absolute;
	left: 2px;
	text-shadow: -1px 0 #ff0057;
	/* Hiệu ứng nhiễu nhẹ */
	top: 0;
	color: #fff;
	background: transparent;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: glitch-anim 2s infinite linear alternate-reverse;
}

@keyframes glitch-anim {
	0% {
		clip: rect(10px, 9999px, 9px, 0);
	}

	100% {
		clip: rect(42px, 9999px, 44px, 0);
	}
}

.vision-text {
	font-size: 14px;
	color: #aaa;
	max-width: 400px;
	line-height: 1.8;
}

.social-links-minimal {
	margin-top: 30px;
	display: flex;
	gap: 20px;
}

.social-links-minimal a {
	color: #666;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	transition: 0.3s;
}

.social-links-minimal a:hover {
	color: #00bcd4;
	transform: translateY(-3px);
}

/* 2. Links Section */
.links-grid-section {
	flex: 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	min-width: 300px;
}

.link-group h5 {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.link-group ul {
	list-style: none;
	padding: 0;
}

.link-group ul li {
	margin-bottom: 12px;
}

.link-group ul li a {
	color: #aaa;
	text-decoration: none;
	font-size: 14px;
	transition: 0.3s;
	position: relative;
	padding-bottom: 2px;
}

.link-group ul li a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #00bcd4;
	transition: 0.3s;
}

.link-group ul li a:hover {
	color: #fff;
}

.link-group ul li a:hover::after {
	width: 100%;
}

/* 3. Newsletter Section */
.newsletter-contact-section {
	flex: 1.5;
	min-width: 250px;
}

.newsletter-contact-section h5 {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.newsletter-contact-section p {
	font-size: 13px;
	color: #aaa;
	margin-bottom: 20px;
}

.minimal-input-group {
	display: flex;
	border-bottom: 2px solid #333;
	padding-bottom: 5px;
	margin-bottom: 30px;
	transition: 0.3s;
}

.minimal-input-group:focus-within {
	border-color: #00bcd4;
}

.minimal-input-group input {
	background: transparent;
	border: none;
	color: #fff;
	flex: 1;
	font-size: 14px;
	outline: none;
}

.minimal-input-group button {
	background: transparent;
	border: none;
	color: #00bcd4;
	font-weight: 600;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}

.contact-compact {
	font-size: 12px;
	color: #666;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Footer Bottom Bar */
.footer-bottom-bar {
	background: rgba(0, 0, 0, 0.3);
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #1a1a1a;
	margin-top: 60px;
	font-size: 11px;
	color: #444;
	letter-spacing: 1px;
	text-transform: uppercase;
}





.cart-compact-ctn {
	max-width: 650px;
	/* Bóp gọn lại chuẩn TGDD */
	margin: 0 auto;
	background: #111420;
	/* Xanh đen sâu */
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

/* NAV TOP */
.cart-nav-top {
	background: #0a0c16;
	padding: 15px 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #1e2231;
}

.cart-nav-top a {
	color: #00bcd4;
	text-decoration: none !important;
	font-size: 13px;
}

.cart-title-600 {
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	text-transform: uppercase;
}

/* LIST ITEMS */
.cart-inner-content {
	padding: 0 25px;
}

.cart-item-row {
	display: flex;
	gap: 20px;
	padding: 25px 0;
	border-bottom: 1px solid #1e2231;
}

.item-media {
	width: 100px;
	text-align: center;
}

.item-media img {
	width: 90px;
	height: 90px;
	object-fit: contain;
	background: #fff;
	border-radius: 10px;
	padding: 8px;
}

.btn-del-item {
	background: none;
	border: none;
	color: #000;
	font-size: 12px;
	margin-top: 10px;
	cursor: pointer;
	background: #fefefe;
	border-radius: 5px;
	padding: 5px;
}

.btn-del-item:hover {
	color: #ff4d4d;
}

.item-info {
	flex-grow: 1;
}

.item-name-600 {
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 0 15px !important;
	line-height: 1.4;
}

.item-price-qty {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.item-price-cyan {
	color: #00bcd4;
	font-size: 18px;
	font-weight: 700;
}

.qty-control {
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.qty-input {
	width: 60px;
	height: 32px;
	background: #05070a !important;
	border: 1px solid #333 !important;
	color: #fff !important;
	text-align: center;
	border-radius: 6px;
}

/* TỔNG TIỀN & CHECKOUT */
.cart-summary-block {
	padding: 35px 0 25px;
}

.summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

.lbl-total {
	color: #fff;
	font-weight: 600;
	font-size: 17px;
}

.val-total {
	color: #00bcd4;
	font-size: 26px;
	font-weight: 600;
}

.btn-checkout-cyber {
	width: 100%;
	background: #fff !important;
	/* Nút trắng nổi nhất */
	color: #000 !important;
	border: none;
	padding: 18px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.3s;
}

.btn-checkout-cyber:hover {
	background: #00bcd4 !important;
	box-shadow: 0 5px 20px rgba(0, 188, 212, 0.4);
}

.cart-footer-note {
	text-align: center;
	color: #555;
	font-size: 12px;
	margin-top: 15px;
}

/* TRẠNG THÁI TRỐNG */
.cart-empty-state {
	padding: 80px 0;
	text-align: center;
}

.cart-empty-state i {
	font-size: 60px;
	color: #1e2231;
	margin-bottom: 20px;
}

.cart-empty-state p {
	color: #888;
	margin-bottom: 25px;
}

.btn-buy-now {
	color: #00bcd4;
	border: 1px solid #00bcd4;
	padding: 12px 30px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
}












.checkout-card,
.summary-card {
	background: #111420 !important;
	border-radius: 12px;
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	margin-bottom: 20px;
}

.checkout-title,
.summary-title {
	color: #fff !important;
	font-weight: 600 !important;
	margin-bottom: 10px !important;
	font-size: 18px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.checkout-note {
	color: #888;
	font-size: 13px;
	margin-bottom: 25px;
	display: block;
}

.cyber-hr {
	border: none;
	height: 1px;
	background: #2d324a;
	margin: 20px 0;
}

/* FORM NHẬP LIỆU */
.form-group-custom {
	margin-bottom: 20px;
}

.form-group-custom label {
	color: #ccc;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 8px;
	display: block;
}

.cyber-input {
	width: 100%;
	background: #05070a !important;
	border: 1px solid #333 !important;
	color: #fff !important;
	padding: 12px 15px;
	border-radius: 8px;
	outline: none;
	transition: 0.3s;
}

.cyber-input:focus {
	border-color: #00bcd4 !important;
	box-shadow: 0 0 10px rgba(0, 188, 212, 0.2);
}

/* ORDER ITEM */
.order-item {
	display: flex;
	gap: 15px;
	align-items: center;
	padding: 15px 0;
}

.order-item-img {
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 8px;
	padding: 5px;
}

.order-item-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.item-name {
	color: #fff;
	font-weight: 600;
	margin-bottom: 5px;
}

.item-price {
	color: #00bcd4;
	font-weight: 700;
	font-size: 16px;
}

.qty-mini-input {
	width: 50px;
	background: #05070a;
	border: 1px solid #333;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	font-size: 13px;
}

/* TOTAL SECTION */
.total-section {
	background: #0a0c16;
	padding: 20px;
	border-radius: 8px;
	margin: 20px 0;
}

.total-row {
	display: flex;
	justify-content: space-between;
	color: #fff;
	margin-bottom: 10px;
}

.total-row.main {
	margin-top: 15px;
	border-top: 1px solid #222;
	padding-top: 15px;
	color: #fff;
	font-weight: 700;
}

.cyan-text {
	color: #00bcd4;
	font-size: 24px;
	font-weight: 600;
}

/* BUTTON CONFIRM */
.btn-confirm-order {
	width: 100%;
	background: #fff !important;
	color: #000 !important;
	border: none;
	padding: 18px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 15px;
	cursor: pointer;
	transition: 0.3s;
	text-transform: uppercase;
	text-align: center;
}

.btn-confirm-order:hover {
	background: #00bcd4 !important;
	box-shadow: 0 0 20px rgba(0, 188, 212, 0.4);
}

.safe-note {
	text-align: center;
	color: #fff;
	font-size: 11px;
	margin-top: 15px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.tgdd-wrapper {
		padding: 20px 0;
	}

	.checkout-card,
	.summary-card {
		padding: 20px;
	}
}


.item-qty {
	color: #fff;
}




.checkout-card,
.summary-card {
	background: #111420 !important;
	border-radius: 12px;
	padding: 25px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	margin-bottom: 20px;
}

.checkout-title,
.summary-title {
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.checkout-note {
	color: #666;
	font-size: 13px;
	margin-bottom: 20px;
	display: block;
}

.cyber-hr {
	border: none;
	height: 1px;
	background: #2d324a;
	margin: 15px 0;
}

/* FORM NHẬP LIỆU */
.form-group-custom {
	margin-bottom: 18px;
}

.form-group-custom label {
	color: #aaa;
	font-size: 13px;
	margin-bottom: 8px;
	display: block;
	font-weight: 600;
}

.cyber-input {
	width: 100%;
	background: #05070a !important;
	border: 1px solid #333 !important;
	color: #fff !important;
	padding: 12px 15px;
	border-radius: 8px;
	transition: 0.3s;
}

.cyber-input:focus {
	border-color: #00bcd4 !important;
	outline: none;
	box-shadow: 0 0 10px rgba(0, 188, 212, 0.2);
}

/* LIST SẢN PHẨM PHẢI */
.order-review-item {
	display: flex;
	gap: 15px;
	padding: 15px 0;
	border-bottom: 1px solid #1e2231;
}

.item-img-box {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 8px;
	padding: 5px;
}

.item-img-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.item-name-checkout {
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}

.item-price-qty {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.qty-label {
	color: #fff;
}

.qty-mini {
	width: 45px;
	background: #05070a;
	border: 1px solid #333;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	font-size: 12px;
}

/* TỔNG TIỀN */
.total-checkout-zone {
	background: #0a0c16;
	padding: 20px;
	border-radius: 10px;
	margin-top: 20px;
}

.total-row {
	display: flex;
	justify-content: space-between;
	color: #888;
	margin-bottom: 10px;
}

.total-row.final {
	border-top: 1px solid #222;
	padding-top: 15px;
	margin-top: 10px;
	color: #fff;
}

.total-val-cyan {
	color: #00bcd4;
	font-size: 26px;
	font-weight: 600;
}

/* NÚT XÁC NHẬN */
.btn-confirm-order {
	background: #fff !important;
	color: #000 !important;
	padding: 15px 40px;
	border-radius: 10px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	transition: 0.3s;
	text-decoration: none !important;
}

.btn-confirm-order:hover {
	background: #00bcd4 !important;
	box-shadow: 0 5px 20px rgba(0, 188, 212, 0.4);
}

.policy-small {
	text-align: center;
	color: #fff;
	font-size: 11px;
	margin-top: 15px;
}




/* --- CYBER PREMIUM MODAL --- */
.modal-open .modal {
	overflow: inherit !important;
}


.cyber-modal-container {
	background: #0a0c16;
	border-radius: 12px;
	overflow: hidden;
}


.close.cyber-x {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	opacity: 1;
	text-shadow: none;
	font-size: 24px;
}

.cyber-h {
	border-bottom: 1px solid #1e2231;
	padding: 15px 25px;
}

.cyber-t-600 {
	color: #00bcd4 !important;
	font-weight: 600 !important;
	font-size: 16px;
	letter-spacing: 1px;
}

.cyber-x {
	color: #fff;
	opacity: 1;
	text-shadow: none;
	font-size: 24px;
}

.cyber-b {
	background: #111420;
	padding: 25px !important;
	color: #fff;
	overflow-y: auto;
	max-height: 85vh;
}

/* Khu vực ảnh */
.cyber-img-stage {
	background: #fff;
	border-radius: 12px;
	padding: 15px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding-top: 90%;
}

.cyber-img-stage img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.main-img {
	max-height: 100%;
	width: auto;
	transition: 0.3s;
}

.cyber-img-stage:hover .main-img {
	transform: scale(1.05);
}

.cyber-tag-promo {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #ff4d4d;
	color: #fff;
	padding: 3px 10px;
	border-radius: 6px;
	font-weight: 800;
	font-size: 12px;
}

/* Thông tin chính */
.cyber-name-600 {
	font-size: 22px !important;
	font-weight: 600 !important;
	margin-bottom: 12px;
	color: #fff;
}

.cyber-price-row {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.price-val {
	font-size: 28px;
	color: #00bcd4;
	font-weight: 800;
}

.status-badge {
	background: rgba(0, 188, 212, 0.1);
	color: #00bcd4;
	padding: 4px 10px;
	border-radius: 5px;
	font-size: 11px;
	font-weight: 600;
}

/* Thông số nhanh */
.cyber-quick-specs {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}

.q-spec {
	background: #0a0c16;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #1e2231;
	display: flex;
	align-items: center;
	gap: 8px;
}

.q-spec i {
	color: #00bcd4;
	font-size: 14px;
}

.q-spec span {
	font-size: 12px;
	color: #888;
}

/* Nút mua */
.btn-cyber-buy {
	display: inline-block;
	background: #fff !important;
	color: #000 !important;
	padding: 12px 40px;
	border-radius: 8px;
	font-weight: 800;
	font-size: 14px;
	transition: 0.3s;
	text-decoration: none !important;
}

.btn-cyber-buy:hover {
	background: #00bcd4 !important;
	transform: translateY(-3px);
	box-shadow: 0 5px 20px rgba(0, 188, 212, 0.4);
}

/* Bảng thông số Grid */
.cyber-divider {
	border-top: 1px solid #1e2231;
	margin: 25px 0;
}

.grid-title {
	font-size: 13px;
	color: #fff;
	margin-bottom: 15px;
	font-weight: 600;
	text-transform: uppercase;
}

.spec-box {
	padding: 10px;
	border-bottom: 1px solid #1e2231;
	font-size: 13px;
	display: flex;
	justify-content: space-between;
}

.spec-box span {
	color: #fff;
}

.spec-box b {
	color: #eee;
	font-weight: 500;
}


.modal-content {
	background: transparent !important;
}



.panel.panel-default > div > a {
    position: relative;
    padding-top: 30%;
    overflow: hidden;
    width: 100%;
    height: 30%;
    display: block;
}

.panel.panel-default > div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background-size: cover;
}

/* Responsive */
@media (max-width: 991px) {
	.footer-content {
		flex-direction: column;
		gap: 40px;
	}

	.links-grid-section {
		grid-template-columns: 1fr;
	}

	.glitch-logo {
		font-size: 32px;
	}
}