/*
Theme Name: Za
Theme URI: http://za.uxthemes.com
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.19.9
Requires at least: 6.4
Tested up to: 6.9
WC requires at least: 8.3
Text Domain: za
License: https://za.net/licenses
License URI: https://za.net/licenses
*/

:root {
	--primary-color: #df8e14;
	--fs-color-primary: #df8e14;
	--fs-color-secondary: #db8d19;
	--fs-color-success: #7a9c59;
	--fs-color-alert: #b20000;
	--fs-experimental-link-color: #f49404;
	--fs-experimental-link-color-hover: #0261b4;
	}
.tooltipster-base {
	--tooltip-color: #fff;
	--tooltip-bg-color: #ffffff;
	}
.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
	--drawer-width: 300px;
	}
html {
	background-color: #252b38 !important;
	}
.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
	background-color: #252b38;
	}
.header-main {
	height: 90px;
	}
#logo img {
	max-height: 90px;
	}
#logo {
	width: 200px;
	}
.header-bottom {
	min-height: 49px;
	}
.header-top {
	min-height: 30px;
	}
.transparent .header-main {
	height: 90px;
	}
.transparent #logo img {
	max-height: 90px;
	}
.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
	padding-top: 140px;
	}
.header.show-on-scroll,
.stuck .header-main {
	height: 70px !important;
	}
.stuck #logo img {
	max-height: 70px !important;
	}
.header-bg-color {
	background-color: #252b38;
	}
.header-bottom {
	background-color: #383838;
	}
.header-bottom-nav > li > a {
	line-height: 16px;
	}
@media (max-width: 549px) {
	.header-main {
		height: 70px;
		}
	#logo img {
		max-height: 70px;
		}
	}
.header-top {
	background-color: #000000 !important;
	}
body {
	color: #ffffff;
	}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	color: #ec930d;
	}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
body {
	font-weight: 400;
	font-style: normal;
	}
.nav > li > a {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-weight: 700;
	font-style: normal;
	}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
	font-weight: 700;
	font-style: normal;
	}
.alt-font {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
.alt-font {
	font-weight: 400 !important;
	font-style: normal !important;
	}
.nav-vertical-fly-out > li + li {
	border-top-width: 1px;
	border-top-style: solid;
	} /* Custom CSS */
blockquote {
	color: #ffffff;
	}
td {
	color: #b5b5b5;
	}
.label-new.menu-item > a:after {
	content: "Mới";
	}
.label-hot.menu-item > a:after {
	content: "Nổi bật";
	}
.label-sale.menu-item > a:after {
	content: "Giảm giá";
	}
.label-popular.menu-item > a:after {
	content: "Phổ biến";
	}

   .header-button a {
	   background-color: #363636;
	   color: #ffa500; /* Cam thay cho vàng */
	   padding: 0px 15px;
	   font-size: 15px;
	   line-height: 38px;
	   border-radius: 10px;
	   border: 1px solid #fc8f00;
	   margin: 10px 0 10px;
	   text-decoration: none;
	   animation: okvip 2s infinite;
	   }

@keyframes okvip {
	0% {
		transform: scale(0.9);
		border-radius: 20px;
		box-shadow: 0 0 0 0 rgb(255 0 0 / 70%), 0 0 0 0 rgb(255 165 0 / 70%);
		}
	
	40% {
		border-radius: 20px;
		transform: scale(1);
		box-shadow: 0 0 0 10px rgb(255 200 0 / 21%),
		0 0 0 0 rgb(255 165 0 / 94%);
		}
	
	80% {
		border-radius: 20px;
		transform: scale(1);
		box-shadow: 0 0 0 10px rgb(255 0 0 / 0%), 0 0 0 20px rgb(255 0 0 / 0%);
		}
	
	100% {
		border-radius: 20px;
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgb(255 0 0 / 0%), 0 0 0 20px rgb(255 0 0 / 0%);
		}
	}

.buttondk {
	background-color: #fc8f00;
	color: #ffa500; /* Cam thay cho vàng */
	font-size: 13px;
	width: 100%;
	height: 35px;
	border-radius: 10px;
	border: 1px solid #fc8f00;
	margin: 1px 1px;
	text-decoration: none;
	animation: facai 2s infinite;
	}

@keyframes facai {
	0% {
		transform: scale(0.9);
		border-radius: 5px;
		box-shadow: 0 0 0 0 rgb(255 0 0 / 70%), 0 0 0 0 rgb(255 165 0 / 70%);
		}
	
	40% {
		border-radius: 5px;
		transform: scale(1);
		box-shadow: 0 0 0 10px rgb(255 200 0 / 21%),
		0 0 0 0 rgb(255 165 0 / 94%);
		}
	
	80% {
		border-radius: 5px;
		transform: scale(1);
		box-shadow: 0 0 0 10px rgb(255 0 0 / 0%), 0 0 0 20px rgb(255 0 0 / 0%);
		}
	
	100% {
		border-radius: 5px;
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgb(255 0 0 / 0%), 0 0 0 20px rgb(255 0 0 / 0%);
		}
	}

:root {
	--wp--preset--aspect-ratio--square: 1;
	--wp--preset--aspect-ratio--4-3: 4/3;
	--wp--preset--aspect-ratio--3-4: 3/4;
	--wp--preset--aspect-ratio--3-2: 3/2;
	--wp--preset--aspect-ratio--2-3: 2/3;
	--wp--preset--aspect-ratio--16-9: 16/9;
	--wp--preset--aspect-ratio--9-16: 9/16;
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--color--primary: #df8e14;
	--wp--preset--color--secondary: #db8d19;
	--wp--preset--color--success: #7a9c59;
	--wp--preset--color--alert: #b20000;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
			135deg,
			rgb(6, 147, 227) 0%,
			rgb(155, 81, 224) 100%
	);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
			135deg,
			rgb(122, 220, 180) 0%,
			rgb(0, 208, 130) 100%
	);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
			135deg,
			rgb(252, 185, 0) 0%,
			rgb(255, 105, 0) 100%
	);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
			135deg,
			rgb(255, 105, 0) 0%,
			rgb(207, 46, 46) 100%
	);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
			135deg,
			rgb(238, 238, 238) 0%,
			rgb(169, 184, 195) 100%
	);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
			135deg,
			rgb(74, 234, 220) 0%,
			rgb(151, 120, 209) 20%,
			rgb(207, 42, 186) 40%,
			rgb(238, 44, 130) 60%,
			rgb(251, 105, 98) 80%,
			rgb(254, 248, 76) 100%
	);
	--wp--preset--gradient--blush-light-purple: linear-gradient(
			135deg,
			rgb(255, 206, 236) 0%,
			rgb(152, 150, 240) 100%
	);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(
			135deg,
			rgb(254, 205, 165) 0%,
			rgb(254, 45, 45) 50%,
			rgb(107, 0, 62) 100%
	);
	--wp--preset--gradient--luminous-dusk: linear-gradient(
			135deg,
			rgb(255, 203, 112) 0%,
			rgb(199, 81, 192) 50%,
			rgb(65, 88, 208) 100%
	);
	--wp--preset--gradient--pale-ocean: linear-gradient(
			135deg,
			rgb(255, 245, 203) 0%,
			rgb(182, 227, 212) 50%,
			rgb(51, 167, 181) 100%
	);
	--wp--preset--gradient--electric-grass: linear-gradient(
			135deg,
			rgb(202, 248, 128) 0%,
			rgb(113, 206, 126) 100%
	);
	--wp--preset--gradient--midnight: linear-gradient(
			135deg,
			rgb(2, 3, 129) 0%,
			rgb(40, 116, 252) 100%
	);
	--wp--preset--font-size--small: 13px;
	--wp--preset--font-size--medium: 20px;
	--wp--preset--font-size--large: 36px;
	--wp--preset--font-size--x-large: 42px;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255),
	6px 6px rgb(0, 0, 0);
	--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
	}
:where(body) {
	margin: 0;
	}
.wp-site-blocks > .alignleft {
	float: left;
	margin-right: 2em;
	}
.wp-site-blocks > .alignright {
	float: right;
	margin-left: 2em;
	}
.wp-site-blocks > .aligncenter {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	}
:where(.is-layout-flex) {
	gap: 0.5em;
	}
:where(.is-layout-grid) {
	gap: 0.5em;
	}
.is-layout-flow > .alignleft {
	float: left;
	margin-inline-start: 0;
	margin-inline-end: 2em;
	}
.is-layout-flow > .alignright {
	float: right;
	margin-inline-start: 2em;
	margin-inline-end: 0;
	}
.is-layout-flow > .aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
	}
.is-layout-constrained > .alignleft {
	float: left;
	margin-inline-start: 0;
	margin-inline-end: 2em;
	}
.is-layout-constrained > .alignright {
	float: right;
	margin-inline-start: 2em;
	margin-inline-end: 0;
	}
.is-layout-constrained > .aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
	}
.is-layout-constrained
> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: auto !important;
	margin-right: auto !important;
	}
body .is-layout-flex {
	display: flex;
	}
.is-layout-flex {
	flex-wrap: wrap;
	align-items: center;
	}
.is-layout-flex > :is(*, div) {
	margin: 0;
	}
body .is-layout-grid {
	display: grid;
	}
.is-layout-grid > :is(*, div) {
	margin: 0;
	}
body {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
a:where(:not(.wp-element-button)) {
	text-decoration: none;
	}
:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: #32373c;
	border-width: 0;
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	padding-top: calc(0.667em + 2px);
	padding-right: calc(1.333em + 2px);
	padding-bottom: calc(0.667em + 2px);
	padding-left: calc(1.333em + 2px);
	text-decoration: none;
	text-transform: inherit;
	}
.has-black-color {
	color: var(--wp--preset--color--black) !important;
	}
.has-cyan-bluish-gray-color {
	color: var(--wp--preset--color--cyan-bluish-gray) !important;
	}
.has-white-color {
	color: var(--wp--preset--color--white) !important;
	}
.has-pale-pink-color {
	color: var(--wp--preset--color--pale-pink) !important;
	}
.has-vivid-red-color {
	color: var(--wp--preset--color--vivid-red) !important;
	}
.has-luminous-vivid-orange-color {
	color: var(--wp--preset--color--luminous-vivid-orange) !important;
	}
.has-luminous-vivid-amber-color {
	color: var(--wp--preset--color--luminous-vivid-amber) !important;
	}
.has-light-green-cyan-color {
	color: var(--wp--preset--color--light-green-cyan) !important;
	}
.has-vivid-green-cyan-color {
	color: var(--wp--preset--color--vivid-green-cyan) !important;
	}
.has-pale-cyan-blue-color {
	color: var(--wp--preset--color--pale-cyan-blue) !important;
	}
.has-vivid-cyan-blue-color {
	color: var(--wp--preset--color--vivid-cyan-blue) !important;
	}
.has-vivid-purple-color {
	color: var(--wp--preset--color--vivid-purple) !important;
	}
.has-primary-color {
	color: var(--wp--preset--color--primary) !important;
	}
.has-secondary-color {
	color: var(--wp--preset--color--secondary) !important;
	}
.has-success-color {
	color: var(--wp--preset--color--success) !important;
	}
.has-alert-color {
	color: var(--wp--preset--color--alert) !important;
	}
.has-black-background-color {
	background-color: var(--wp--preset--color--black) !important;
	}
.has-cyan-bluish-gray-background-color {
	background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
	}
.has-white-background-color {
	background-color: var(--wp--preset--color--white) !important;
	}
.has-pale-pink-background-color {
	background-color: var(--wp--preset--color--pale-pink) !important;
	}
.has-vivid-red-background-color {
	background-color: var(--wp--preset--color--vivid-red) !important;
	}
.has-luminous-vivid-orange-background-color {
	background-color: var(
			--wp--preset--color--luminous-vivid-orange
	) !important;
	}
.has-luminous-vivid-amber-background-color {
	background-color: var(
			--wp--preset--color--luminous-vivid-amber
	) !important;
	}
.has-light-green-cyan-background-color {
	background-color: var(--wp--preset--color--light-green-cyan) !important;
	}
.has-vivid-green-cyan-background-color {
	background-color: var(--wp--preset--color--vivid-green-cyan) !important;
	}
.has-pale-cyan-blue-background-color {
	background-color: var(--wp--preset--color--pale-cyan-blue) !important;
	}
.has-vivid-cyan-blue-background-color {
	background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
	}
.has-vivid-purple-background-color {
	background-color: var(--wp--preset--color--vivid-purple) !important;
	}
.has-primary-background-color {
	background-color: var(--wp--preset--color--primary) !important;
	}
.has-secondary-background-color {
	background-color: var(--wp--preset--color--secondary) !important;
	}
.has-success-background-color {
	background-color: var(--wp--preset--color--success) !important;
	}
.has-alert-background-color {
	background-color: var(--wp--preset--color--alert) !important;
	}
.has-black-border-color {
	border-color: var(--wp--preset--color--black) !important;
	}
.has-cyan-bluish-gray-border-color {
	border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
	}
.has-white-border-color {
	border-color: var(--wp--preset--color--white) !important;
	}
.has-pale-pink-border-color {
	border-color: var(--wp--preset--color--pale-pink) !important;
	}
.has-vivid-red-border-color {
	border-color: var(--wp--preset--color--vivid-red) !important;
	}
.has-luminous-vivid-orange-border-color {
	border-color: var(
			--wp--preset--color--luminous-vivid-orange
	) !important;
	}
.has-luminous-vivid-amber-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
	}
.has-light-green-cyan-border-color {
	border-color: var(--wp--preset--color--light-green-cyan) !important;
	}
.has-vivid-green-cyan-border-color {
	border-color: var(--wp--preset--color--vivid-green-cyan) !important;
	}
.has-pale-cyan-blue-border-color {
	border-color: var(--wp--preset--color--pale-cyan-blue) !important;
	}
.has-vivid-cyan-blue-border-color {
	border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
	}
.has-vivid-purple-border-color {
	border-color: var(--wp--preset--color--vivid-purple) !important;
	}
.has-primary-border-color {
	border-color: var(--wp--preset--color--primary) !important;
	}
.has-secondary-border-color {
	border-color: var(--wp--preset--color--secondary) !important;
	}
.has-success-border-color {
	border-color: var(--wp--preset--color--success) !important;
	}
.has-alert-border-color {
	border-color: var(--wp--preset--color--alert) !important;
	}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
	background: var(
			--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
	) !important;
	}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
	background: var(
			--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
	) !important;
	}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
	background: var(
			--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
	) !important;
	}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
	background: var(
			--wp--preset--gradient--luminous-vivid-orange-to-vivid-red
	) !important;
	}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
	background: var(
			--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
	) !important;
	}
.has-cool-to-warm-spectrum-gradient-background {
	background: var(
			--wp--preset--gradient--cool-to-warm-spectrum
	) !important;
	}
.has-blush-light-purple-gradient-background {
	background: var(--wp--preset--gradient--blush-light-purple) !important;
	}
.has-blush-bordeaux-gradient-background {
	background: var(--wp--preset--gradient--blush-bordeaux) !important;
	}
.has-luminous-dusk-gradient-background {
	background: var(--wp--preset--gradient--luminous-dusk) !important;
	}
.has-pale-ocean-gradient-background {
	background: var(--wp--preset--gradient--pale-ocean) !important;
	}
.has-electric-grass-gradient-background {
	background: var(--wp--preset--gradient--electric-grass) !important;
	}
.has-midnight-gradient-background {
	background: var(--wp--preset--gradient--midnight) !important;
	}
.has-small-font-size {
	font-size: var(--wp--preset--font-size--small) !important;
	}
.has-medium-font-size {
	font-size: var(--wp--preset--font-size--medium) !important;
	}
.has-large-font-size {
	font-size: var(--wp--preset--font-size--large) !important;
	}
.has-x-large-font-size {
	font-size: var(--wp--preset--font-size--x-large) !important;
	}
/*# sourceURL=global-styles-inline-css */

@font-face {
	font-family: "fl-icons";
	font-display: block;
	src: url(static/font/fl-icons.eot);
	src: url(static/font/fl-icons.eot) format("embedded-opentype"),
	url(static/font/fl-icons.woff2) format("woff2"),
	url(static/font/fl-icons.ttf) format("truetype"),
	url(static/font/fl-icons.woff) format("woff"),
	url(static/font/fl-icons.svg) format("svg");
	}
/*# sourceURL=flatsome-main-inline-css */