import getXPath from 'get-xpath';
import PropTypes from 'prop-types';
import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
import {
	isValidCSS,
	rgbOrRgbaToHex,
} from '@ea11y-apps/global/utils/color-contrast-helpers';
import { APIScanner } from '@ea11y-apps/scanner/api/APIScanner';
import {
	BACKGROUND_ELEMENT_CLASS,
	BLOCKS,
} from '@ea11y-apps/scanner/constants';
import { useScannerWizardContext } from '@ea11y-apps/scanner/context/scanner-wizard-context';
import { scannerItem } from '@ea11y-apps/scanner/types/scanner-item';
import { buildPathToParent } from '@ea11y-apps/scanner/utils/build-path-to-parent';
import {
	focusOnElement,
	removeExistingFocus,
} from '@ea11y-apps/scanner/utils/focus-on-element';
import { getElementByXPath } from '@ea11y-apps/scanner/utils/get-element-by-xpath';
import { getElementCSSSelector } from '@ea11y-apps/scanner/utils/get-element-css-selector';
import { getOuterHtmlByXpath } from '@ea11y-apps/scanner/utils/get-outer-html-by-xpath';
import { useEffect, useRef, useState } from '@wordpress/element';

export const useColorContrastForm = ({ item, current, setCurrent }) => {
	const {
		colorContrastData,
		resolved: resolvedBlock,
		setResolved,
		isResolved,
		isManage,
		setOpenedBlock,
		setColorContrastData,
		setIsManageChanged,
		updateRemediationList,
		currentScanId,
	} = useScannerWizardContext();

	const type = isManage ? 'manage' : 'main';

	const [loading, setLoading] = useState(false);
	const [firstOpen, setFirstOpen] = useState(true);
	const [parentChanged, setParentChanged] = useState(false);

	const isGlobal =
		colorContrastData?.[type]?.[current]?.isGlobal || item.global || false;

	const isGlobalRef = useRef(null);

	useEffect(() => {
		if (item?.node) {
			isGlobalRef.current = isGlobal;
		}
	}, [current]);

	const setIsGlobal = (value) => {
		updateData({
			isGlobal: value,
		});
	};

	const updateData = (data) => {
		const updData = [...colorContrastData?.[type]];
		updData[current] = {
			...(colorContrastData?.[type]?.[current] || {}),
			...data,
		};
		setColorContrastData({
			...colorContrastData,
			[type]: updData,
		});

		if (data.color || data.background) {
			const rule = buildCSSRule(updData[current]);
			updateCSS(rule);
		}
	};

	const sendEvent = (method) => {
		mixpanelService.sendEvent(mixpanelEvents.backgroundAdaptorChanged, {
			method,
		});
	};

	useEffect(() => {
		if (!isManage && !firstOpen && isResolved(BLOCKS.colorContrast)) {
			removeExistingFocus();
			setOpenedBlock(BLOCKS.main);
		}
		setFirstOpen(false);
	}, [isResolved(BLOCKS.colorContrast)]);

	const {
		color = item.messageArgs[3] ||
			rgbOrRgbaToHex(
				window.getComputedStyle(item.node).getPropertyValue('color'),
			),
		background = item.messageArgs[4],
		parents = item.isEdit
			? buildPathToParent(item.node, item.parentNode)
			: [item.path.dom],
		resolved = false,
		backgroundChanged = item.isEdit,
	} = colorContrastData[type]?.[current] || {};

	useEffect(() => {
		if (isManage && parentChanged) {
			const styles = document.getElementById('ea11y-remediation-styles');
			if (styles) {
				styles.innerHTML = styles.innerHTML.replace(item.data.rule, '');
			}
		}
	}, [parentChanged]);

	const changeColor = (updColor) => {
		updateData({ color: updColor, resolved: false });
	};

	const changeBackground = (updBackground) => {
		const element = getElementByXPath(parents.at(-1));
		if (!element) {
			return;
		}

		updateData({
			background: updBackground,
			resolved: false,
			backgroundChanged: true,
		});
	};

	const setParentLarger = () => {
		const element = getElementByXPath(parents.at(-1));
		const parent = element?.parentElement;
		if (!element || !parent) {
			return;
		}

		try {
			const xpath = getXPath(parent, { ignoreId: true });
			focusOnElement(parent, BACKGROUND_ELEMENT_CLASS);
			updateData({
				parents: [...parents, xpath],
				resolved: false,
			});
			setParentChanged(true);
			sendEvent('plus');
		} catch (error) {
			console.warn('Failed to get XPath for parent element:', error);
		}
	};

	const setParentSmaller = () => {
		const newParents = parents.slice(0, -1);
		const nextElement = getElementByXPath(newParents.at(-1));
		if (parents.length <= 1 || !nextElement) {
			return;
		}

		if (newParents.length > 1) {
			focusOnElement(nextElement, BACKGROUND_ELEMENT_CLASS);
		} else {
			removeExistingFocus(BACKGROUND_ELEMENT_CLASS);
		}

		updateData({ parents: newParents, resolved: false });
		setParentChanged(true);
		sendEvent('minus');
	};

	const isValidHexColor = (str) =>
		/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(str.trim());

	const buildCSSRule = (data) => {
		const currentParents = data.parents || parents;
		const currentParent =
			currentParents.length > 0 ? currentParents.at(-1) : item.path.dom;

		if (
			(data.color && !isValidHexColor(data.color)) ||
			(data.background && !isValidHexColor(data.background))
		) {
			throw new Error('Invalid hex color input detected');
		}

		try {
			const bgElement = getElementByXPath(currentParent);
			const colorSelector = getElementCSSSelector(item.node);
			const bgSelector = getElementCSSSelector(bgElement);

			const colorRule = data.color
				? `${colorSelector} {color: ${data.color} !important;}`
				: '';

			const bgRule = data.background
				? `${bgSelector} {background-color: ${data.background} !important;}`
				: '';

			const css = `${colorRule}${bgRule}`;

			return isValidCSS(css) ? css : '';
		} catch (e) {
			console.warn('Failed to convert XPath to CSS selector', e);
			return '';
		}
	};

	const updateCSS = (rule) => {
		let styles = document.getElementById('ea11y-remediation-styles-edit');
		if (!styles) {
			styles = document.createElement('style');
			styles.id = 'ea11y-remediation-styles-edit';
			document.body.appendChild(styles);
		}
		styles.innerHTML = rule;
	};

	const onUpdate = async () => {
		const rule = buildCSSRule(colorContrastData?.[type]?.[current]);
		const find = getOuterHtmlByXpath(item.path.dom);
		const parentXPath = parents.length > 0 ? parents.at(-1) : null;
		const parentFind = getOuterHtmlByXpath(parentXPath);

		try {
			setLoading(true);
			const remediation = colorContrastData?.[type]?.[current]?.remediation;
			const id = item.id || remediation.id;
			const data = item.data || JSON.parse(remediation.content);
			const updContent = JSON.stringify({
				...data,
				rule,
				find,
				parentFind,
				parentXPath,
			});
			await APIScanner.updateRemediationContent({
				url: window?.ea11yScannerData?.pageData?.url,
				id,
				content: updContent,
				global: isGlobal,
			});

			setIsManageChanged(true);
			removeExistingFocus();
			setParentChanged(false);
			updateCSS(rule);
			isGlobalRef.current = isGlobal;
			void updateRemediationList();
		} catch (e) {
			console.error(e);
		} finally {
			setLoading(false);
		}
	};

	const onSubmit = async () => {
		const parentXPath = parents.length > 0 ? parents.at(-1) : null;
		const parentFind = getOuterHtmlByXpath(parentXPath);
		setLoading(true);
		try {
			const rule = buildCSSRule(colorContrastData?.[type]?.[current]);
			const response = await APIScanner.submitRemediation({
				url: window?.ea11yScannerData?.pageData?.url,
				remediation: {
					rule,
					category: item.reasonCategory.match(/\((AAA?|AA?|A)\)/)?.[1] || '',
					type: 'STYLES',
					xpath: item.path.dom,
					find: item.snippet,
					parentFind,
					parentXPath,
				},
				global: isGlobal,
				rule: item.ruleId,
				group: BLOCKS.colorContrast,
			});

			await APIScanner.resolveIssue(currentScanId);

			updateData({ remediation: response.remediation, resolved: true });

			removeExistingFocus();
			setCurrent(current + 1);
			setResolved(resolvedBlock + 1);
			setParentChanged(false);
			updateCSS(rule);
			isGlobalRef.current = isGlobal;
			void updateRemediationList();
		} catch (error) {
			console.error('Failed to submit remediation:', error);
		} finally {
			setLoading(false);
		}
	};

	const isDisabled =
		resolved &&
		colorContrastData?.[type]?.[current]?.isGlobal === isGlobalRef.current;

	return {
		isGlobal,
		setIsGlobal,
		color,
		background,
		parents,
		isDisabled,
		resolved,
		backgroundChanged,
		parentChanged,
		loading,
		changeColor,
		changeBackground,
		setParentLarger,
		setParentSmaller,
		onSubmit,
		onUpdate,
	};
};

useColorContrastForm.propTypes = {
	item: scannerItem.isRequired,
	current: PropTypes.number.isRequired,
	setCurrent: PropTypes.func.isRequired,
};
<!DOCTYPE html>
<!--[if IE 9 ]> <html lang="vi" class="ie9 loading-site no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="vi" class="ie8 loading-site no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="vi" class="loading-site no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="https://emsang.vn/xmlrpc.php" />

	<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<title>EM SANG Boutique &#8211; Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế &#8211; Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế</title>
<meta name='robots' content='max-image-preview:large' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Dòng thông tin EM SANG Boutique - Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế &raquo;" href="https://emsang.vn/feed/" />
<link rel="alternate" type="application/rss+xml" title="EM SANG Boutique - Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế &raquo; Dòng bình luận" href="https://emsang.vn/comments/feed/" />
<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://emsang.vn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Femsang.vn%2F" />
<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://emsang.vn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Femsang.vn%2F&#038;format=xml" />
<link rel="prefetch" href="https://emsang.vn/wp-content/themes/flatsome/assets/js/chunk.countup.fe2c1016.js" />
<link rel="prefetch" href="https://emsang.vn/wp-content/themes/flatsome/assets/js/chunk.sticky-sidebar.a58a6557.js" />
<link rel="prefetch" href="https://emsang.vn/wp-content/themes/flatsome/assets/js/chunk.tooltips.29144c1c.js" />
<link rel="prefetch" href="https://emsang.vn/wp-content/themes/flatsome/assets/js/chunk.vendors-popups.947eca5c.js" />
<link rel="prefetch" href="https://emsang.vn/wp-content/themes/flatsome/assets/js/chunk.vendors-slider.f0d2cbc9.js" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='wc-blocks-style-css' href='https://emsang.vn/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.9.3' type='text/css' media='all' />

<style id='global-styles-inline-css' type='text/css'>
: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--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(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}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;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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-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-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-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 */
</style>

<link rel='stylesheet' id='contact-form-7-css' href='https://emsang.vn/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.6' type='text/css' media='all' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='hpr-style-css' href='https://emsang.vn/wp-content/plugins/hotline-phone-ring/assets/css/style-1.css?ver=2.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='woo-variation-swatches-css' href='https://emsang.vn/wp-content/plugins/woo-variation-swatches/assets/css/frontend.min.css?ver=1749790599' type='text/css' media='all' />
<style id='woo-variation-swatches-inline-css' type='text/css'>
:root {
--wvs-tick:url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 2px rgb(0 0 0 / .8))' xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 30 30'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M4 16L11 23 27 7'/%3E%3C/svg%3E");

--wvs-cross:url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='0.6' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E");
--wvs-single-product-item-width:30px;
--wvs-single-product-item-height:30px;
--wvs-single-product-item-font-size:16px}
/*# sourceURL=woo-variation-swatches-inline-css */
</style>
<link rel='stylesheet' id='brands-styles-css' href='https://emsang.vn/wp-content/plugins/woocommerce/assets/css/brands.css?ver=9.9.3' type='text/css' media='all' />
<link rel='stylesheet' id='searchwp-live-search-css' href='https://emsang.vn/wp-content/plugins/searchwp-live-ajax-search/assets/styles/style.min.css?ver=1.8.6' type='text/css' media='all' />
<style id='searchwp-live-search-inline-css' type='text/css'>
.searchwp-live-search-result .searchwp-live-search-result--title a {
  font-size: 16px;
}
.searchwp-live-search-result .searchwp-live-search-result--price {
  font-size: 14px;
}
.searchwp-live-search-result .searchwp-live-search-result--add-to-cart .button {
  font-size: 14px;
}

/*# sourceURL=searchwp-live-search-inline-css */
</style>
<link rel='stylesheet' id='wc-custom-add-to-cart-css' href='https://emsang.vn/wp-content/plugins/woo-custom-add-to-cart-button/assets/css/wc-custom-add-to-cart.min.css?ver=1.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-main-css' href='https://emsang.vn/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.15.6' type='text/css' media='all' />
<style id='flatsome-main-inline-css' type='text/css'>
@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://emsang.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.15.6);
				src:
					url(https://emsang.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.15.6) format("embedded-opentype"),
					url(https://emsang.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.15.6) format("woff2"),
					url(https://emsang.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.15.6) format("truetype"),
					url(https://emsang.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.15.6) format("woff"),
					url(https://emsang.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.15.6#fl-icons) format("svg");
			}
/*# sourceURL=flatsome-main-inline-css */
</style>
<link rel='stylesheet' id='flatsome-shop-css' href='https://emsang.vn/wp-content/themes/flatsome/assets/css/flatsome-shop.css?ver=3.15.6' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-style-css' href='https://emsang.vn/wp-content/themes/flatsome/style.css?ver=3.15.6' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-googlefonts-css' href='//fonts.googleapis.com/css?family=Montserrat%3Aregular%2Cregular%2Cregular%2Cregular%7C-apple-system%2C+BlinkMacSystemFont%2C+%22Segoe+UI%22%2C+Roboto%2C+Oxygen-Sans%2C+Ubuntu%2C+Cantarell%2C+%22Helvetica+Neue%22%2C+sans-serif%3Aregular%2Cregular&#038;display=optional&#038;ver=3.9' type='text/css' media='all' />
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.9.3" id="jquery-blockui-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Xem gi\u1ecf h\u00e0ng","cart_url":"https://emsang.vn/thanh-toan/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.9.3" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.9.3" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Hi\u1ec3n th\u1ecb m\u1eadt kh\u1ea9u","i18n_password_hide":"\u1ea8n m\u1eadt kh\u1ea9u"};
//# sourceURL=woocommerce-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.9.3" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script>
<link rel="https://api.w.org/" href="https://emsang.vn/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://emsang.vn/wp-json/wp/v2/pages/6" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://emsang.vn/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<meta name="generator" content="WooCommerce 9.9.3" />
<link rel="canonical" href="https://emsang.vn/" />
<link rel='shortlink' href='https://emsang.vn/' />
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v17.0&appId=1413674618896131&autoLogAppEvents=1" nonce="dEmLX8Zp"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">				<style>
					.hotline-phone-ring-wrap {
						 left: 20px;						 bottom: 20px;					}
				</style>
				<style>.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}</style><!--[if IE]><link rel="stylesheet" type="text/css" href="https://emsang.vn/wp-content/themes/flatsome/assets/css/ie-fallback.css"><script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script><script>var head = document.getElementsByTagName('head')[0],style = document.createElement('style');style.type = 'text/css';style.styleSheet.cssText = ':before,:after{content:none !important';head.appendChild(style);setTimeout(function(){head.removeChild(style);}, 0);</script><script src="https://emsang.vn/wp-content/themes/flatsome/assets/libs/ie-flexibility.js"></script><![endif]-->	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<style>
                .button.add_to_cart_button, .single_add_to_cart_button,
        .button.product_type_variable, .button.product_type_grouped,
        .button.product_type_simple, .button.product_type_external,
        .wc-block-components-product-button__button {
                    background-color: #000000!important;
                }
            </style><link rel="icon" href="https://emsang.vn/wp-content/uploads/2024/07/cropped-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://emsang.vn/wp-content/uploads/2024/07/cropped-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://emsang.vn/wp-content/uploads/2024/07/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://emsang.vn/wp-content/uploads/2024/07/cropped-favicon-270x270.png" />
<style id="custom-css" type="text/css">:root {--primary-color: #010101;}.header-main{height: 108px}#logo img{max-height: 108px}#logo{width:176px;}.header-bottom{min-height: 64px}.header-top{min-height: 20px}.transparent .header-main{height: 30px}.transparent #logo img{max-height: 30px}.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: 80px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.search-form{ width: 100%;}.header-bg-color {background-color: #ffffff}.header-bottom {background-color: #f5f5f5}.top-bar-nav > li > a{line-height: 16px }.header-main .nav > li > a{line-height: 16px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #010101;}/* Color !important */[data-text-color="primary"]{color: #010101!important;}/* Background Color */[data-text-bg="primary"]{background-color: #010101;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener ,.is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #010101;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #010101}.nav-tabs > li.active > a{border-top-color: #010101}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #010101 }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #010101 }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #010101;}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step{ background-color:#000000; }[data-text-bg="secondary"]{background-color: #000000;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #000000}/* Color !important */[data-text-color="secondary"]{color: #000000!important;}/* Border */.secondary.is-outline:hover{border-color:#000000}.alert.is-underline:hover,.alert.is-outline:hover,.alert{background-color: #da0505}.alert.is-link, .alert.is-outline, .color-alert{color: #da0505;}/* Color !important */[data-text-color="alert"]{color: #da0505!important;}/* Background Color */[data-text-bg="alert"]{background-color: #da0505;}body{font-family:"Montserrat", sans-serif}body{font-weight: 0}body{color: #242323}.nav > li > a {font-family:"-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif", 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", sans-serif;}.nav > li > a {font-weight: 0;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 0;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Montserrat", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 0;}h1,h2,h3,h4,h5,h6,.heading-font{color: #212121;}.alt-font{font-family: "Montserrat", sans-serif;}.alt-font{font-weight: 0!important;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #141414;}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,.header:not(.transparent) .header-bottom-nav.nav > li.active > a,.header:not(.transparent) .header-bottom-nav.nav > li.current > a,.header:not(.transparent) .header-bottom-nav.nav > li > a.active,.header:not(.transparent) .header-bottom-nav.nav > li > a.current{color: #0f0f0f;}.header-bottom-nav.nav-line-bottom > li > a:before,.header-bottom-nav.nav-line-grow > li > a:before,.header-bottom-nav.nav-line > li > a:before,.header-bottom-nav.nav-box > li > a:hover,.header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li > a:hover,.header-bottom-nav.nav-pills > li.active > a{color:#FFF!important;background-color: #0f0f0f;}.current .breadcrumb-step, [data-icon-label]:after, .button#place_order,.button.checkout,.checkout-button,.single_add_to_cart_button.button{background-color: #000000!important }.has-equal-box-heights .box-image {padding-top: 135%;}.badge-inner.on-sale{background-color: #dd3333}.star-rating span:before,.star-rating:before, .woocommerce-page .star-rating:before, .stars a:hover:after, .stars a.active:after{color: #dd9933}.price del, .product_list_widget del, del .woocommerce-Price-amount { color: #dd3333; }ins .woocommerce-Price-amount { color: #dd3333; }@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 0px!important;width: 0px!important;}}.footer-2{background-color: #1e1e1e}.absolute-footer, html{background-color: #d8d7a9}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style>		<style type="text/css" id="wp-custom-css">
			.nav > li > a {
    font-weight: 500;
}

span.amount {
    white-space: nowrap;
    color: #dd0909;
    font-weight: bold;
}

.button.disabled, button.disabled, .button[disabled], button[disabled] {
    opacity: 1;
}

		</style>
		</head>

<body class="home wp-singular page-template page-template-page-blank page-template-page-blank-php page page-id-6 wp-theme-flatsome theme-flatsome woocommerce-no-js woo-variation-swatches wvs-behavior-blur wvs-theme-flatsome wvs-show-label wvs-tooltip lightbox nav-dropdown-has-arrow nav-dropdown-has-shadow nav-dropdown-has-border wc-add-to-cart-icon">


<a class="skip-link screen-reader-text" href="#main">Skip to content</a>

<div id="wrapper">

	
	<header id="header" class="header has-sticky sticky-jump">
		<div class="header-wrapper">
			<div id="masthead" class="header-main show-logo-center">
      <div class="header-inner flex-row container logo-center medium-logo-center" role="navigation">

          <!-- Logo -->
          <div id="logo" class="flex-col logo">
            
<!-- Header logo -->
<a href="https://emsang.vn/" title="EM SANG Boutique &#8211; Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế - Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế" rel="home">
		<img width="724" height="566" src="https://emsang.vn/wp-content/uploads/2024/07/logo.png" class="header_logo header-logo" alt="EM SANG Boutique &#8211; Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế"/><img  width="724" height="566" src="https://emsang.vn/wp-content/uploads/2024/07/logo.png" class="header-logo-dark" alt="EM SANG Boutique &#8211; Thương hiệu thời trang nữ phong cách đa dạng với hàng nghìn mẫu thiết kế"/></a>
          </div>

          <!-- Mobile Left Elements -->
          <div class="flex-col show-for-medium flex-left">
            <ul class="mobile-nav nav nav-left ">
              <li class="nav-icon has-icon">
  		<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">
		
		  <i class="icon-menu" ></i>
		  		</a>
	</li>            </ul>
          </div>

          <!-- Left Elements -->
          <div class="flex-col hide-for-medium flex-left
            ">
            <ul class="header-nav header-nav-main nav nav-left  nav-spacing-large nav-uppercase" >
                          </ul>
          </div>

          <!-- Right Elements -->
          <div class="flex-col hide-for-medium flex-right">
            <ul class="header-nav header-nav-main nav nav-right  nav-spacing-large nav-uppercase">
                          </ul>
          </div>

          <!-- Mobile Right Elements -->
          <div class="flex-col show-for-medium flex-right">
            <ul class="mobile-nav nav nav-right ">
              <li class="header-search header-search-dropdown has-icon has-dropdown menu-item-has-children">
	<div class="header-button">	<a href="#" aria-label="Tìm kiếm" class="icon primary button round is-small"><i class="icon-search" ></i></a>
	</div>	<ul class="nav-dropdown nav-dropdown-default">
	 	<li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative is-normal"><form role="search" method="get" class="searchform" action="https://emsang.vn/">
	<div class="flex-row relative">
						<div class="flex-col flex-grow">
			<label class="screen-reader-text" for="woocommerce-product-search-field-0">Tìm kiếm:</label>
			<input type="search" id="woocommerce-product-search-field-0" class="search-field mb-0" placeholder="Tìm kiếm&hellip;" value="" name="s" />
			<input type="hidden" name="post_type" value="product" />
					</div>
		<div class="flex-col">
			<button type="submit" value="Tìm kiếm" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
				<i class="icon-search" ></i>			</button>
		</div>
	</div>
	<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li>	</ul>
</li>
<li class="cart-item has-icon">

      <a href="https://emsang.vn/gio-hang/" class="header-cart-link off-canvas-toggle nav-top-link is-small" data-open="#cart-popup" data-class="off-canvas-cart" title="Giỏ hàng" data-pos="right">
  
    <span class="cart-icon image-icon">
    <strong>0</strong>
  </span>
  </a>


  <!-- Cart Sidebar Popup -->
  <div id="cart-popup" class="mfp-hide widget_shopping_cart">
  <div class="cart-popup-inner inner-padding">
      <div class="cart-popup-title text-center">
          <h4 class="uppercase">Giỏ hàng</h4>
          <div class="is-divider"></div>
      </div>
      <div class="widget_shopping_cart_content">
          

	<p class="woocommerce-mini-cart__empty-message">Chưa có sản phẩm trong giỏ hàng.</p>


      </div>
             <div class="cart-sidebar-content relative"></div>  </div>
  </div>

</li>
            </ul>
          </div>

      </div>
     
      </div><div id="wide-nav" class="header-bottom wide-nav flex-has-center hide-for-medium">
    <div class="flex-row container">

                        <div class="flex-col hide-for-medium flex-left">
                <ul class="nav header-nav header-bottom-nav nav-left  nav-size-medium nav-spacing-medium nav-uppercase nav-prompts-overlay">
                    <li class="header-search header-search-dropdown has-icon has-dropdown menu-item-has-children">
	<div class="header-button">	<a href="#" aria-label="Tìm kiếm" class="icon primary button round is-small"><i class="icon-search" ></i></a>
	</div>	<ul class="nav-dropdown nav-dropdown-default">
	 	<li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative is-normal"><form role="search" method="get" class="searchform" action="https://emsang.vn/">
	<div class="flex-row relative">
						<div class="flex-col flex-grow">
			<label class="screen-reader-text" for="woocommerce-product-search-field-1">Tìm kiếm:</label>
			<input type="search" id="woocommerce-product-search-field-1" class="search-field mb-0" placeholder="Tìm kiếm&hellip;" value="" name="s" />
			<input type="hidden" name="post_type" value="product" />
					</div>
		<div class="flex-col">
			<button type="submit" value="Tìm kiếm" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
				<i class="icon-search" ></i>			</button>
		</div>
	</div>
	<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li>	</ul>
</li>
                </ul>
            </div>
            
                        <div class="flex-col hide-for-medium flex-center">
                <ul class="nav header-nav header-bottom-nav nav-center  nav-size-medium nav-spacing-medium nav-uppercase nav-prompts-overlay">
                    <li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-6 current_page_item menu-item-24 active menu-item-design-default"><a href="https://emsang.vn/" aria-current="page" class="nav-top-link">Trang Chủ</a></li>
<li id="menu-item-899" class="menu-item menu-item-type-post_type_archive menu-item-object-product menu-item-899 menu-item-design-default"><a href="https://emsang.vn/cua-hang/" class="nav-top-link">Sản phẩm</a></li>
<li id="menu-item-2538" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2538 menu-item-design-default"><a href="https://emsang.vn/danh-muc/sale/" class="nav-top-link">SALE</a></li>
<li id="menu-item-72" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-72 menu-item-design-default"><a href="https://emsang.vn/chuyen-muc/kien-thuc/" class="nav-top-link">Blog</a></li>
<li id="menu-item-733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-733 menu-item-design-default"><a href="https://emsang.vn/gioi-thieu/" class="nav-top-link">Giới thiệu</a></li>
<li id="menu-item-674" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-674 menu-item-design-default"><a href="https://emsang.vn/lien-he/" class="nav-top-link">Cửa hàng</a></li>
                </ul>
            </div>
            
                        <div class="flex-col hide-for-medium flex-right flex-grow">
              <ul class="nav header-nav header-bottom-nav nav-right  nav-size-medium nav-spacing-medium nav-uppercase nav-prompts-overlay">
                   <li class="cart-item has-icon has-dropdown">

<a href="https://emsang.vn/gio-hang/" title="Giỏ hàng" class="header-cart-link is-small">


<span class="header-cart-title">
   Giỏ hàng   /      <span class="cart-price"><span class="woocommerce-Price-amount amount"><bdi>0<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
  </span>

    <span class="cart-icon image-icon">
    <strong>0</strong>
  </span>
  </a>

 <ul class="nav-dropdown nav-dropdown-default">
    <li class="html widget_shopping_cart">
      <div class="widget_shopping_cart_content">
        

	<p class="woocommerce-mini-cart__empty-message">Chưa có sản phẩm trong giỏ hàng.</p>


      </div>
    </li>
     </ul>

</li>
              </ul>
            </div>
            
            
    </div>
</div>

<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div>		</div>
	</header>

	
	<main id="main" class="">


<div id="content" role="main" class="content-area">

		
				<section class="section" id="section_1433223497">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_2094463348">
								<div class="img-inner dark" >
			<img fetchpriority="high" decoding="async" width="2560" height="1187" src="https://emsang.vn/wp-content/uploads/2025/06/banner6-scaled.jpg" class="attachment-original size-original" alt="" srcset="https://emsang.vn/wp-content/uploads/2025/06/banner6-scaled.jpg 2560w, https://emsang.vn/wp-content/uploads/2025/06/banner6-500x232.jpg 500w, https://emsang.vn/wp-content/uploads/2025/06/banner6-1024x475.jpg 1024w, https://emsang.vn/wp-content/uploads/2025/06/banner6-300x139.jpg 300w, https://emsang.vn/wp-content/uploads/2025/06/banner6-768x356.jpg 768w, https://emsang.vn/wp-content/uploads/2025/06/banner6-1536x712.jpg 1536w, https://emsang.vn/wp-content/uploads/2025/06/banner6-2048x950.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />						
					</div>
								
<style>
#image_2094463348 {
  width: 100%;
}
</style>
	</div>
	
		</div>

		
<style>
#section_1433223497 {
  padding-top: 0px;
  padding-bottom: 0px;
}
#section_1433223497 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1433223497 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section hide-for-small" id="section_659572680">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="slider-wrapper relative" id="slider-1056948624" >
    <div class="slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal"
        data-flickity-options='{
            "cellAlign": "center",
            "imagesLoaded": true,
            "lazyLoad": 1,
            "freeScroll": false,
            "wrapAround": true,
            "autoPlay": 6000,
            "pauseAutoPlayOnHover" : true,
            "prevNextButtons": true,
            "contain" : true,
            "adaptiveHeight" : true,
            "dragThreshold" : 10,
            "percentPosition": true,
            "pageDots": true,
            "rightToLeft": false,
            "draggable": true,
            "selectedAttraction": 0.1,
            "parallax" : 0,
            "friction": 0.6        }'
        >
        
<div class="row row-collapse row-full-width"  id="row-834169877">

	<div id="col-228377553" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-534155409">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-426457685" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/dam-vay/" target="_self" class="button white is-xlarge"  style="border-radius:42px;">
    <span>Đầm, Váy</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-426457685 {
  width: 80%;
}
#text-box-426457685 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-534155409 {
  padding-top: 650px;
}
#banner-534155409 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Dam-vay.jpg);
}
#banner-534155409 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-534155409 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-534155409 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-1870336973" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-862959714">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1973980473" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/ao-so-mi-kieu/" target="_self" class="button white is-xlarge"  style="border-radius:42px;">
    <span>Áo sơ mi, áo kiểu</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1973980473 {
  width: 80%;
}
#text-box-1973980473 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-862959714 {
  padding-top: 650px;
}
#banner-862959714 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Ao-so-mi-kieu-scaled.jpg);
}
#banner-862959714 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-862959714 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-862959714 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-1361344147" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-290946051">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1328476939" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/ao-khoac/" target="_self" class="button white is-xlarge"  style="border-radius:42px;">
    <span>Áo khoác</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1328476939 {
  width: 80%;
}
#text-box-1328476939 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-290946051 {
  padding-top: 650px;
}
#banner-290946051 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Ao-khoac-scaled.jpg);
}
#banner-290946051 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-290946051 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-290946051 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	
</div>
<div class="row row-collapse row-full-width"  id="row-1350170806">

	<div id="col-2004629234" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-1565885200">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-2075825628" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/phu-kien/" target="_self" class="button white is-xlarge"  style="border-radius:42px;">
    <span>phụ kiện</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-2075825628 {
  width: 80%;
}
#text-box-2075825628 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-1565885200 {
  padding-top: 650px;
}
#banner-1565885200 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Phu-kien.jpg);
}
#banner-1565885200 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-1565885200 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-1565885200 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-541124484" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-1841187595">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-514793889" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/ao-thun/" target="_self" class="button white is-xlarge"  style="border-radius:42px;">
    <span>Áo thun</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-514793889 {
  width: 80%;
}
#text-box-514793889 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-1841187595 {
  padding-top: 650px;
}
#banner-1841187595 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Ao-thun-scaled.jpg);
}
#banner-1841187595 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-1841187595 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-1841187595 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-1001220417" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-2005531108">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1453664920" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/quan/" target="_self" class="button white is-xlarge"  style="border-radius:42px;">
    <span>quần</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1453664920 {
  width: 80%;
}
#text-box-1453664920 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-2005531108 {
  padding-top: 650px;
}
#banner-2005531108 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Quan-scaled.jpg);
}
#banner-2005531108 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-2005531108 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-2005531108 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	
</div>
     </div>

     <div class="loading-spin dark large centered"></div>

     	</div>


		</div>

		
<style>
#section_659572680 {
  padding-top: 11px;
  padding-bottom: 11px;
}
#section_659572680 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_659572680 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section show-for-small" id="section_2083643423">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row row-collapse row-full-width"  id="row-776699540">

	<div id="col-458113689" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-479543336">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1478607941" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/dam-vay/" target="_self" class="button white is-larger"  style="border-radius:42px;">
    <span>Đầm, Váy</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1478607941 {
  width: 80%;
}
#text-box-1478607941 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-479543336 {
  padding-top: 650px;
}
#banner-479543336 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Dam-vay.jpg);
}
#banner-479543336 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-479543336 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-479543336 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-1223196274" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-1106889589">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-850726129" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/ao-so-mi-kieu/" target="_self" class="button white is-larger"  style="border-radius:42px;">
    <span>Áo sơ mi, áo kiểu</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-850726129 {
  width: 80%;
}
#text-box-850726129 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-1106889589 {
  padding-top: 650px;
}
#banner-1106889589 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Ao-so-mi-kieu-scaled.jpg);
}
#banner-1106889589 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-1106889589 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-1106889589 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-160070103" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-2136452429">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1229226105" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/ao-khoac/" target="_self" class="button white is-larger"  style="border-radius:42px;">
    <span>Áo khoác</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1229226105 {
  width: 80%;
}
#text-box-1229226105 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-2136452429 {
  padding-top: 650px;
}
#banner-2136452429 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Ao-khoac-scaled.jpg);
}
#banner-2136452429 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-2136452429 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-2136452429 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	
</div>
<div class="row row-collapse row-full-width"  id="row-1089128991">

	<div id="col-771677620" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-118785887">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1165110855" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/phu-kien/" target="_self" class="button white is-larger"  style="border-radius:42px;">
    <span>phụ kiện</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1165110855 {
  width: 80%;
}
#text-box-1165110855 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-118785887 {
  padding-top: 650px;
}
#banner-118785887 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Phu-kien.jpg);
}
#banner-118785887 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-118785887 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-118785887 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-1737206090" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-402432647">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1325283203" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/ao-thun/" target="_self" class="button white is-larger"  style="border-radius:42px;">
    <span>Áo thun</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1325283203 {
  width: 80%;
}
#text-box-1325283203 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-402432647 {
  padding-top: 650px;
}
#banner-402432647 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Ao-thun-scaled.jpg);
}
#banner-402432647 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-402432647 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-402432647 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-1910587929" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-2076649075">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
   <div id="text-box-1934019004" class="text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
<a href="/danh-muc/quan/" target="_self" class="button white is-larger"  style="border-radius:42px;">
    <span>quần</span>
  </a>

              </div>
           </div>
                            
<style>
#text-box-1934019004 {
  width: 80%;
}
#text-box-1934019004 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 
        </div>
      </div>

            
<style>
#banner-2076649075 {
  padding-top: 650px;
}
#banner-2076649075 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/11/Quan-scaled.jpg);
}
#banner-2076649075 .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#banner-2076649075 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-2076649075 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_2083643423 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#section_2083643423 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_2083643423 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
@media (min-width:550px) {
  #section_2083643423 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
</style>
	</section>
	
<div class="row row-small row-full-width align-middle align-center"  id="row-1779741286">

	<div id="col-1052148101" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			
<p style="text-align: left;"><span style="font-size: 200%;">NEW IN</span></p>

  
    <div class="row  equalize-box large-columns-4 medium-columns-3 small-columns-2 row-normal row-full-width">
  	
	     <div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/ao-thun-zipper-va-quan-kaki-hot-item/" aria-label="Áo thun Zipper và quần Kaki - Hot Item">
										<img decoding="async" width="1638" height="2048" src="https://emsang.vn/wp-content/uploads/2025/06/510642822_122182427186310102_6177161781419547777_n.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img decoding="async" width="1638" height="2048" src="https://emsang.vn/wp-content/uploads/2025/06/510084991_122182427084310102_4282873352518513761_n.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Áo thun Zipper và quần Kaki - Hot Item" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3814" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/ao-thun-zipper-va-quan-kaki-hot-item/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Áo thun Zipper và quần Kaki &#8211; Hot Item</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>469,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div><div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/dam-lua-11011700/" aria-label="Đầm Lụa 11011700">
										<img loading="lazy" decoding="async" width="1414" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/quality_restoration_20250315070946692-1-scaled.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img loading="lazy" decoding="async" width="1496" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/quality_restoration_20250315070336771-1-scaled.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Đầm Lụa 11011700" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3790" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/dam-lua-11011700/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Đầm Lụa 11011700</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>779,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div><div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/vay-lua-dai-17011694/" aria-label="Váy Lụa Dài 17011694">
										<img loading="lazy" decoding="async" width="1650" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/quality_restoration_20250315064338315-min-scaled.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img loading="lazy" decoding="async" width="1650" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/quality_restoration_20250315064338315-min-scaled.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Váy Lụa Dài 17011694" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3781" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/vay-lua-dai-17011694/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Váy Lụa Dài 17011694</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>599,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div><div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/so-mi-kieu-dai-tay-10611697/" aria-label="Sơ Mi Kiểu Dài Tay 10611697">
										<img loading="lazy" decoding="async" width="2090" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/quality_restoration_20250314181244118-min-scaled.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img loading="lazy" decoding="async" width="2034" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4119-min-scaled.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Sơ Mi Kiểu Dài Tay 10611697" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3772" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/so-mi-kieu-dai-tay-10611697/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Sơ Mi Kiểu Dài Tay 10611697</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>569,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div><div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/ao-so-mi-dai-tay-10611698/" aria-label="Áo Sơ Mi Dài Tay 10611698">
										<img loading="lazy" decoding="async" width="1766" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/quality_restoration_20250314165155634-scaled.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img loading="lazy" decoding="async" width="1242" height="2208" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4117.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Áo Sơ Mi Dài Tay 10611698" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3764" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/ao-so-mi-dai-tay-10611698/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Áo Sơ Mi Dài Tay 10611698</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>609,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div><div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/ao-khoac-vest-11511509/" aria-label="Áo Khoác Vest 11511509">
										<img loading="lazy" decoding="async" width="1672" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4099-scaled.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img loading="lazy" decoding="async" width="1726" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4101-scaled.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Áo Khoác Vest 11511509" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3755" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/ao-khoac-vest-11511509/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Áo Khoác Vest 11511509</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>1,169,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div><div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/quan-short-jeans-15011675/" aria-label="Quần Short Jeans 15011675">
										<img loading="lazy" decoding="async" width="1633" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4093-scaled.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img loading="lazy" decoding="async" width="1843" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4092-scaled.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Quần Short Jeans 15011675" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3743" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/quan-short-jeans-15011675/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Quần Short Jeans 15011675</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>499,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div><div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/vay-kieu-dai-17010852/" aria-label="Váy Kiểu Dài 17010852">
										<img loading="lazy" decoding="async" width="1230" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4083-scaled.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img loading="lazy" decoding="async" width="1414" height="2560" src="https://emsang.vn/wp-content/uploads/2025/03/IMG_4080-scaled.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Váy Kiểu Dài 17010852" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3735" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/vay-kieu-dai-17010852/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Váy Kiểu Dài 17010852</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>499,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div></div>
		</div>
					</div>

	

<style>
#row-1779741286 > .col > .col-inner {
  padding: 0px 0px 0px 21px;
}
</style>
</div>
<div class="row row-small row-full-width align-middle align-center"  id="row-1307783992">

	<div id="col-1249052943" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			
<p style="text-align: left;"><span style="font-size: 200%;">SALE</span></p>

  
    <div class="row  equalize-box large-columns-4 medium-columns-3 small-columns-2 row-normal row-full-width">
  	
	     <div class="col" >
						<div class="col-inner">
						
<div class="badge-container absolute left top z-1">
</div>
						<div class="product-small box has-hover box-normal box-text-bottom">
							<div class="box-image" >
								<div class="image-cover" style="padding-top:165%;">
									<a href="https://emsang.vn/san-pham/ao-thun-zipper-va-quan-kaki-hot-item/" aria-label="Áo thun Zipper và quần Kaki - Hot Item">
										<img decoding="async" width="1638" height="2048" src="https://emsang.vn/wp-content/uploads/2025/06/510642822_122182427186310102_6177161781419547777_n.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" /><img decoding="async" width="1638" height="2048" src="https://emsang.vn/wp-content/uploads/2025/06/510084991_122182427084310102_4282873352518513761_n.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Áo thun Zipper và quần Kaki - Hot Item" />									</a>
																		 								</div>
								<div class="image-tools top right show-on-hover">
																	</div>
																	<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
										  <a class="quick-view" data-prod="3814" href="#quick-view">Quick View</a>									</div>
																							</div>

							<div class="box-text text-center" >
								<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://emsang.vn/san-pham/ao-thun-zipper-va-quan-kaki-hot-item/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Áo thun Zipper và quần Kaki &#8211; Hot Item</a></p></div><div class="price-wrapper">
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>469,000<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></span>
</div>							</div>
						</div>
						</div>
					</div></div>
		</div>
					</div>

	

<style>
#row-1307783992 > .col > .col-inner {
  padding: 0px 0px 0px 21px;
}
</style>
</div>
	<section class="section hide-for-small" id="section_1760363936">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row row-collapse row-full-width align-middle"  id="row-2137059971">

	<div id="col-116096519" class="col medium-6 small-12 large-6"  >
				<div class="col-inner text-center"  >
			
			
<div class=" css-1nu0xwn" data-uniq-id="pkFXvVLJKl">
<h1>Câu chuyện của chúng tôi</h1>
</div>
<div class=" css-1nu0xwn" data-uniq-id="6l4Q8hjigT">
<p class="fs-desktop">Với niềm đam mê thời trang mãnh liệt và mong muốn đồng hành cùng các cô gái trong hành trình tạo nên vẻ rạng rỡ nhất của chính mình.</p>
</div>
<a class="button primary is-small lowercase"  style="border-radius:99px;">
    <span>Tìm hiểu  thêm</span>
  </a>

		</div>
				
<style>
#col-116096519 > .col-inner {
  padding: 0px 35px 0px 36px;
}
</style>
	</div>

	

	<div id="col-927816448" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-1556881797">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                                    
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
        </div>
      </div>

            
<style>
#banner-1556881797 {
  padding-top: 99.99%;
}
#banner-1556881797 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/07/448736736_122119803872310102_4674635224289494922_n.jpg);
}
#banner-1556881797 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-1556881797 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	
</div>
<div class="row row-collapse row-full-width align-middle"  id="row-460774892">

	<div id="col-1550820672" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-1412202395">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                                    
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
        </div>
      </div>

            
<style>
#banner-1412202395 {
  padding-top: 99.99%;
}
#banner-1412202395 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/07/1.jpg);
}
#banner-1412202395 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-1412202395 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	

	<div id="col-827941591" class="col medium-6 small-12 large-6"  >
				<div class="col-inner text-center"  >
			
			
<div class=" css-1nu0xwn" data-uniq-id="pkFXvVLJKl">
<div class=" css-1nu0xwn" data-uniq-id=".32s2ql0p">
<h1>Bộ sưu tập mới</h1>
</div>
<div class=" css-1nu0xwn" data-uniq-id=".ozp0l4jx">
<p class="fs-desktop">Mặc gì thu này? Cùng chúng tôi khám phá bộ sưu tập Thu &#8211; Đông 2023!</p>
</div>
</div>
<a class="button primary is-small lowercase"  style="border-radius:99px;">
    <span>Khám phá ngay</span>
  </a>

		</div>
				
<style>
#col-827941591 > .col-inner {
  padding: 0px 20px 0px 20px;
}
</style>
	</div>

	
</div>
		</div>

		
<style>
#section_1760363936 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_1760363936 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1760363936 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section show-for-small" id="section_813263944">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row row-collapse row-full-width align-middle"  id="row-928195540">

	<div id="col-1288553618" class="col medium-6 small-12 large-6"  >
				<div class="col-inner text-center"  >
			
			
<div class=" css-1nu0xwn" data-uniq-id="pkFXvVLJKl">
<h1>Câu chuyện của chúng tôi</h1>
</div>
<div class=" css-1nu0xwn" data-uniq-id="6l4Q8hjigT">
<p class="fs-desktop">Với niềm đam mê thời trang mãnh liệt và mong muốn đồng hành cùng các cô gái trong hành trình tạo nên vẻ rạng rỡ nhất của chính mình.</p>
</div>
<a class="button primary is-small lowercase"  style="border-radius:99px;">
    <span>Tìm hiểu  thêm</span>
  </a>

		</div>
				
<style>
#col-1288553618 > .col-inner {
  padding: 0px 20px 0px 20px;
}
</style>
	</div>

	

	<div id="col-126195159" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-56825523">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                                    
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
        </div>
      </div>

            
<style>
#banner-56825523 {
  padding-top: 99.99%;
}
#banner-56825523 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/07/448736736_122119803872310102_4674635224289494922_n.jpg);
}
#banner-56825523 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-56825523 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	
</div>
<div class="row row-collapse row-full-width align-middle"  id="row-481760609">

	<div id="col-1548074088" class="col medium-6 small-12 large-6"  >
				<div class="col-inner text-center"  >
			
			
<div class=" css-1nu0xwn" data-uniq-id="pkFXvVLJKl">
<div class=" css-1nu0xwn" data-uniq-id=".32s2ql0p">
<h1>Bộ sưu tập mới</h1>
</div>
<div class=" css-1nu0xwn" data-uniq-id=".ozp0l4jx">
<p class="fs-desktop">Mặc gì thu này? Cùng chúng tôi khám phá bộ sưu tập Thu &#8211; Đông 2023!</p>
</div>
</div>
<a class="button primary is-small lowercase"  style="border-radius:99px;">
    <span>Khám phá ngay</span>
  </a>

		</div>
				
<style>
#col-1548074088 > .col-inner {
  padding: 0px 20px 0px 20px;
}
</style>
	</div>

	

	<div id="col-2095525546" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			

  <div class="banner has-hover" id="banner-1094398977">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <div class="bg fill bg-fill "></div>
                                    
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            
        </div>
      </div>

            
<style>
#banner-1094398977 {
  padding-top: 99.99%;
}
#banner-1094398977 .bg.bg-loaded {
  background-image: url(https://emsang.vn/wp-content/uploads/2024/07/1.jpg);
}
#banner-1094398977 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-1094398977 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
  </div>


		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_813263944 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_813263944 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_813263944 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
		
				
</div>



</main>

<footer id="footer" class="footer-wrapper">

		<section class="section hide-for-small" id="section_1173153810">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			

<div class="row row-collapse row-full-width align-equal align-center"  id="row-1041311719">


	<div id="col-46781891" class="col medium-4 small-12 large-4"  >
				<div class="col-inner dark"  >
			
			

	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1395067662">
								<div class="img-inner dark" >
			<img width="724" height="566" src="https://emsang.vn/wp-content/uploads/2024/07/logo_white.png" class="attachment-large size-large" alt="" decoding="async" loading="lazy" srcset="https://emsang.vn/wp-content/uploads/2024/07/logo_white.png 724w, https://emsang.vn/wp-content/uploads/2024/07/logo_white-300x235.png 300w, https://emsang.vn/wp-content/uploads/2024/07/logo_white-450x352.png 450w" sizes="auto, (max-width: 724px) 100vw, 724px" />						
					</div>
								
<style>
#image_1395067662 {
  width: 48%;
}
</style>
	</div>
	

<p class="thin-font"><span style="font-size: 140%;">Liên hệ với chúng tôi</span></p>
<div dir="auto"> </div>
<div dir="auto" style="text-align: left;"><span style="font-size: 85%;">(1). 422 Hai Bà Trưng, Phường Tân Định, Quận 1</span></div>
<div dir="auto"><span style="font-size: 85%;">(2). 471A Luỹ Bán Bích, Phường Hiệp Tân, Quận Tân Phú</span></div>
<div dir="auto" style="text-align: left;"><span style="font-size: 85%;">(3). 412 Nguyễn Trãi, Phường 8, Quận 5</span></div>
<div dir="auto" style="text-align: left;"><span style="font-size: 85%;">(4). 283 - 285 Quang Trung, Phường 10, Quận Gò Vấp</span></div>
<div dir="auto" style="text-align: left;"> </div>

		</div>
				
<style>
#col-46781891 > .col-inner {
  margin: -31px 0px 12px 50px;
}
</style>
	</div>

	

	<div id="col-1777237371" class="col medium-3 small-12 large-3"  >
				<div class="col-inner dark"  >
			
			

<p><strong><span style="font-size: 120%;">CHÍNH SÁCH NGƯỜI DÙNG</span></strong></p>
<ul>
<li>Điều khoản sử dụng</li>
<li>Chính sách thanh toán</li>
<li>Chính sách bảo hành đổi trả</li>
<li>Chính sách bảo mật thông tin</li>
</ul>
<div class="social-icons follow-icons" ><a href="https://www.facebook.com/emsang.boutique" target="_blank" data-label="Facebook" rel="noopener noreferrer nofollow" class="icon primary button circle facebook tooltip" title="Follow on Facebook" aria-label="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/emsangboutique" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon primary button circle  instagram tooltip" title="Follow on Instagram" aria-label="Follow on Instagram"><i class="icon-instagram" ></i></a><a href="https://www.tiktok.com/@emsangboutique" target="_blank" rel="noopener noreferrer nofollow" data-label="TikTok" class="icon primary button circle tiktok tooltip" title="Follow on TikTok" aria-label="Follow on TikTok"><i class="icon-tiktok" ></i></a></div>


		</div>
					</div>

	

	<div id="col-2053976210" class="col medium-4 small-12 large-4"  >
				<div class="col-inner dark"  >
			
			

<p><span style="font-size: 150%;">KẾT NỐI</span></p>


<div class="fb-page" data-href="https://www.facebook.com/emsang.boutique" data-tabs="timeline" data-width="" data-height="350px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<blockquote class="fb-xfbml-parse-ignore" cite="https://www.facebook.com/emsang.boutique"><a href="https://www.facebook.com/emsang.boutique">EM SANG Boutique</a></blockquote>
</div>


		</div>
					</div>

	


<style>
#row-1041311719 > .col > .col-inner {
  padding: 20px 0px 0px 0px;
}
</style>
</div>

		</div>

		
<style>
#section_1173153810 {
  padding-top: 46px;
  padding-bottom: 46px;
  background-color: #010101;
}
#section_1173153810 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1173153810 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section show-for-small" id="section_770842916">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			

<div class="row row-collapse row-full-width align-equal align-center"  id="row-26775420">


	<div id="col-1858319036" class="col medium-4 small-12 large-4"  >
				<div class="col-inner dark"  >
			
			

	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1778558102">
								<div class="img-inner dark" >
			<img width="724" height="566" src="https://emsang.vn/wp-content/uploads/2024/07/logo_white.png" class="attachment-large size-large" alt="" decoding="async" loading="lazy" srcset="https://emsang.vn/wp-content/uploads/2024/07/logo_white.png 724w, https://emsang.vn/wp-content/uploads/2024/07/logo_white-300x235.png 300w, https://emsang.vn/wp-content/uploads/2024/07/logo_white-450x352.png 450w" sizes="auto, (max-width: 724px) 100vw, 724px" />						
					</div>
								
<style>
#image_1778558102 {
  width: 48%;
}
</style>
	</div>
	

<p class="thin-font"><span style="font-size: 140%;">Liên hệ với chúng tôi</span></p>
<div dir="auto"> </div>
<div dir="auto">
<div dir="auto">
<div dir="auto" style="text-align: left;"><span style="font-size: 85%;">(1). 422 Hai Bà Trưng, Phường Tân Định, Quận 1</span></div>
<div dir="auto"><span style="font-size: 85%;">(2). 471A Luỹ Bán Bích, Phường Hiệp Tân, Quận Tân Phú</span></div>
<div dir="auto" style="text-align: left;"><span style="font-size: 85%;">(3). 412 Nguyễn Trãi, Phường 8, Quận 5</span></div>
<div dir="auto" style="text-align: left;"><span style="font-size: 85%;">(4). 283 - 285 Quang Trung, Phường 10, Quận Gò Vấp</span></div>
</div>
</div>

		</div>
				
<style>
#col-1858319036 > .col-inner {
  margin: 0px 0px 0px 28px;
}
@media (min-width:550px) {
  #col-1858319036 > .col-inner {
    margin: 0px 0px 0px 50px;
  }
}
</style>
	</div>

	

	<div id="col-21158979" class="col medium-3 small-12 large-3"  >
				<div class="col-inner dark"  >
			
			

<p><strong><span style="font-size: 120%;">CHÍNH SÁCH NGƯỜI DÙNG</span></strong></p>
<p>Điều khoản sử dụng</p>
<p>Chính sách thanh toán</p>
<p>Chính sách bảo hành đổi trả</p>
<p>Chính sách bảo mật thông tin</p>
<div class="social-icons follow-icons" ><a href="https://www.facebook.com/emsang.boutique" target="_blank" data-label="Facebook" rel="noopener noreferrer nofollow" class="icon primary button circle facebook tooltip" title="Follow on Facebook" aria-label="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/emsangboutique" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon primary button circle  instagram tooltip" title="Follow on Instagram" aria-label="Follow on Instagram"><i class="icon-instagram" ></i></a><a href="https://www.tiktok.com/@emsangboutique" target="_blank" rel="noopener noreferrer nofollow" data-label="TikTok" class="icon primary button circle tiktok tooltip" title="Follow on TikTok" aria-label="Follow on TikTok"><i class="icon-tiktok" ></i></a></div>


		</div>
				
<style>
#col-21158979 > .col-inner {
  margin: 0px 0px 0px 30px;
}
</style>
	</div>

	

	<div id="col-1858111775" class="col medium-4 small-12 large-4"  >
				<div class="col-inner dark"  >
			
			

<p><span style="font-size: 150%;">KẾT NỐI</span></p>


<div class="fb-page" data-href="https://www.facebook.com/emsang.boutique" data-tabs="timeline" data-width="" data-height="350px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<blockquote class="fb-xfbml-parse-ignore" cite="https://www.facebook.com/emsang.boutique"><a href="https://www.facebook.com/emsang.boutique">EM SANG Boutique</a></blockquote>
</div>


		</div>
				
<style>
#col-1858111775 > .col-inner {
  margin: 0px 0px 0px 22px;
}
</style>
	</div>

	


<style>
#row-26775420 > .col > .col-inner {
  padding: 20px 0px 0px 0px;
}
</style>
</div>

		</div>

		
<style>
#section_770842916 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #010101;
}
#section_770842916 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_770842916 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
<div class="absolute-footer dark medium-text-center text-center">
  <div class="container clearfix">

    
    <div class="footer-primary pull-left">
            <div class="copyright-footer">
        Copyright 2026 © <strong>EM SANG Boutique</strong>      </div>
          </div>
  </div>
</div>

<a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline hide-for-medium circle" id="top-link" aria-label="Go to top"><i class="icon-angle-up" ></i></a>

</footer>

</div>

<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">

	
	<div class="sidebar-menu no-scrollbar ">

		
					<ul class="nav nav-sidebar nav-vertical nav-uppercase" data-tab="1">
				<li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative is-normal"><form role="search" method="get" class="searchform" action="https://emsang.vn/">
	<div class="flex-row relative">
						<div class="flex-col flex-grow">
			<label class="screen-reader-text" for="woocommerce-product-search-field-2">Tìm kiếm:</label>
			<input type="search" id="woocommerce-product-search-field-2" class="search-field mb-0" placeholder="Tìm kiếm&hellip;" value="" name="s" />
			<input type="hidden" name="post_type" value="product" />
					</div>
		<div class="flex-col">
			<button type="submit" value="Tìm kiếm" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
				<i class="icon-search" ></i>			</button>
		</div>
	</div>
	<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-6 current_page_item menu-item-24"><a href="https://emsang.vn/" aria-current="page">Trang Chủ</a></li>
<li class="menu-item menu-item-type-post_type_archive menu-item-object-product menu-item-899"><a href="https://emsang.vn/cua-hang/">Sản phẩm</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2538"><a href="https://emsang.vn/danh-muc/sale/">SALE</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-72"><a href="https://emsang.vn/chuyen-muc/kien-thuc/">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-733"><a href="https://emsang.vn/gioi-thieu/">Giới thiệu</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-674"><a href="https://emsang.vn/lien-he/">Cửa hàng</a></li>
			</ul>
		
		
	</div>

	
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<style>
.zalochat {
    position: fixed;
    right: 15px;
    bottom: 170px;
    z-index: 99999;
    display: block;
}
  .hotline {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 99999;
    display: block;
}

</style>

<div class="zalochat">
	<a href="https://zalo.me/0979425938" target="_blank" title="Zalo" class=""><img src="/wp-content/uploads/2023/02/zalo-2.png" width="60px"></a>
	</div>
<div class="hotline">

	<a href="tel:0979425938" target="_blank" title="Hotline" class=""><img src="/wp-content/uploads/2023/02/call.png" width="60px"></a></div> 		<div class="hotline-phone-ring-wrap">
			<div class="hotline-phone-ring">
				<div class="hotline-phone-ring-circle"></div>
				<div class="hotline-phone-ring-circle-fill"></div>
				<div class="hotline-phone-ring-img-circle">
					<a href="tel:0979425938" class="pps-btn-img">
												<img src="https://emsang.vn/wp-content/plugins/hotline-phone-ring/assets/images/icon-1.png" alt="Số điện thoại" width="50" />
					</a>
				</div>
			</div>
						<div class="hotline-bar">
				<a href="tel:0979425938">
					<span class="text-hotline">0979425938</span>
				</a>
			</div>
					</div>
	<div class="ux-body-overlay"></div>    <div id="login-form-popup" class="lightbox-content mfp-hide">
            <div class="woocommerce-notices-wrapper"></div>
<div class="account-container lightbox-inner">

	
	<div class="col2-set row row-divided row-large" id="customer_login">

		<div class="col-1 large-6 col pb-0">

			
			<div class="account-login-inner">

				<h3 class="uppercase">Đăng nhập</h3>

				<form class="woocommerce-form woocommerce-form-login login" method="post">

					
					<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
						<label for="username">Tên tài khoản hoặc địa chỉ email&nbsp;<span class="required">*</span></label>
						<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="" />					</p>
					<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
						<label for="password">Mật khẩu&nbsp;<span class="required">*</span></label>
						<input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" />
					</p>

					
					<p class="form-row">
						<label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme">
							<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span>Ghi nhớ mật khẩu</span>
						</label>
						<input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="6f7c48b4db" /><input type="hidden" name="_wp_http_referer" value="/" />						<button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="Đăng nhập">Đăng nhập</button>
					</p>
					<p class="woocommerce-LostPassword lost_password">
						<a href="https://emsang.vn/tai-khoan/lost-password/">Quên mật khẩu?</a>
					</p>

					
				</form>
			</div>

			
		</div>

		<div class="col-2 large-6 col pb-0">

			<div class="account-register-inner">

				<h3 class="uppercase">Đăng ký</h3>

				<form method="post" class="woocommerce-form woocommerce-form-register register"  >

					
					
					<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
						<label for="reg_email">Địa chỉ email&nbsp;<span class="required">*</span></label>
						<input type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="reg_email" autocomplete="email" value="" />					</p>

					
						<p>Một liên kết để đặt mật khẩu mới sẽ được gửi đến địa chỉ email của bạn.</p>

					
					<wc-order-attribution-inputs></wc-order-attribution-inputs><div class="woocommerce-privacy-policy-text"><p>Thông tin cá nhân của bạn sẽ được sử dụng để tăng trải nghiệm sử dụng website, quản lý truy cập vào tài khoản của bạn, và cho các mục đích cụ thể khác được mô tả trong <a href="" class="woocommerce-privacy-policy-link" target="_blank">chính sách riêng tư</a>.</p>
</div>
					<p class="woocommerce-form-row form-row">
						<input type="hidden" id="woocommerce-register-nonce" name="woocommerce-register-nonce" value="e3fcaf7a83" /><input type="hidden" name="_wp_http_referer" value="/" />						<button type="submit" class="woocommerce-Button woocommerce-button button woocommerce-form-register__submit" name="register" value="Đăng ký">Đăng ký</button>
					</p>

					
				</form>

			</div>

		</div>

	</div>

</div>

          </div>
          <style>
            .searchwp-live-search-results {
                opacity: 0;
                transition: opacity .25s ease-in-out;
                -moz-transition: opacity .25s ease-in-out;
                -webkit-transition: opacity .25s ease-in-out;
                height: 0;
                overflow: hidden;
                z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */
                position: absolute;
                display: none;
            }

            .searchwp-live-search-results-showing {
                display: block;
                opacity: 1;
                height: auto;
                overflow: auto;
            }

            .searchwp-live-search-no-results {
                padding: 3em 2em 0;
                text-align: center;
            }

            .searchwp-live-search-no-min-chars:after {
                content: "Continue typing";
                display: block;
                text-align: center;
                padding: 2em 2em 0;
            }
        </style>
                <script>
            var _SEARCHWP_LIVE_AJAX_SEARCH_BLOCKS = true;
            var _SEARCHWP_LIVE_AJAX_SEARCH_ENGINE = 'default';
            var _SEARCHWP_LIVE_AJAX_SEARCH_CONFIG = 'default';
        </script>
        	<script type='text/javascript'>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<script type="text/template" id="tmpl-variation-template">
	<div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
	<div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
	<div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
</script>
<script type="text/template" id="tmpl-unavailable-variation-template">
	<p role="alert">Rất tiếc, sản phẩm này hiện không tồn tại. Hãy chọn một phương thức kết hợp khác.</p>
</script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.6" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-translations">
/* <![CDATA[ */
( function( domain, translations ) {
	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
	localeData[""].domain = domain;
	wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2024-08-11 13:44:17+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"vi_VN"},"This contact form is placed in the wrong place.":["Bi\u1ec3u m\u1eabu li\u00ean h\u1ec7 n\u00e0y \u0111\u01b0\u1ee3c \u0111\u1eb7t sai v\u1ecb tr\u00ed."],"Error:":["L\u1ed7i:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
/* ]]> */
</script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
    "api": {
        "root": "https:\/\/emsang.vn\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    },
    "cached": 1
};
//# sourceURL=contact-form-7-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.6" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
<script type="text/javascript" id="wp-util-js-extra">
/* <![CDATA[ */
var _wpUtilSettings = {"ajax":{"url":"/wp-admin/admin-ajax.php"}};
//# sourceURL=wp-util-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/wp-util.min.js?ver=6.9.4" id="wp-util-js"></script>
<script type="text/javascript" id="wp-api-request-js-extra">
/* <![CDATA[ */
var wpApiSettings = {"root":"https://emsang.vn/wp-json/","nonce":"a6169b6db0","versionString":"wp/v2/"};
//# sourceURL=wp-api-request-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/api-request.min.js?ver=6.9.4" id="wp-api-request-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/dist/url.min.js?ver=9e178c9516d1222dc834" id="wp-url-js"></script>
<script type="text/javascript" id="wp-api-fetch-js-translations">
/* <![CDATA[ */
( function( domain, translations ) {
	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
	localeData[""].domain = domain;
	wp.i18n.setLocaleData( localeData, domain );
} )( "default", {"translation-revision-date":"2026-03-16 06:54:07+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"vi_VN"},"Media upload failed. If this is a photo or a large image, please scale it down and try again.":["T\u1ea3i l\u00ean media kh\u00f4ng th\u00e0nh c\u00f4ng. N\u1ebfu \u0111\u00e2y l\u00e0 h\u00ecnh \u1ea3nh c\u00f3 k\u00edch th\u01b0\u1edbc l\u1edbn, vui l\u00f2ng thu nh\u1ecf n\u00f3 xu\u1ed1ng v\u00e0 th\u1eed l\u1ea1i."],"The response is not a valid JSON response.":["Ph\u1ea3n h\u1ed3i kh\u00f4ng ph\u1ea3i l\u00e0 m\u1ed9t JSON h\u1ee3p l\u1ec7."]}},"comment":{"reference":"wp-includes\/js\/dist\/api-fetch.js"}} );
//# sourceURL=wp-api-fetch-js-translations
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/dist/api-fetch.min.js?ver=3a4d9af2b423048b0dee" id="wp-api-fetch-js"></script>
<script type="text/javascript" id="wp-api-fetch-js-after">
/* <![CDATA[ */
wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://emsang.vn/wp-json/" ) );
wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "a6169b6db0" );
wp.apiFetch.use( wp.apiFetch.nonceMiddleware );
wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware );
wp.apiFetch.nonceEndpoint = "https://emsang.vn/wp-admin/admin-ajax.php?action=rest-nonce";
//# sourceURL=wp-api-fetch-js-after
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
<script type="text/javascript" id="woo-variation-swatches-js-extra">
/* <![CDATA[ */
var woo_variation_swatches_options = {"show_variation_label":"1","clear_on_reselect":"","variation_label_separator":":","is_mobile":"","show_variation_stock":"","stock_label_threshold":"5","cart_redirect_after_add":"no","enable_ajax_add_to_cart":"yes","cart_url":"https://emsang.vn/gio-hang/","is_cart":""};
//# sourceURL=woo-variation-swatches-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woo-variation-swatches/assets/js/frontend.min.js?ver=1773582697" id="woo-variation-swatches-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.15.6" id="flatsome-live-search-js"></script>
<script type="text/javascript" id="swp-live-search-client-js-extra">
/* <![CDATA[ */
var searchwp_live_search_params = [];
searchwp_live_search_params = {"ajaxurl":"https:\/\/emsang.vn\/wp-admin\/admin-ajax.php","origin_id":6,"config":{"default":{"engine":"default","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}}},"msg_no_config_found":"No valid SearchWP Live Search configuration found!","aria_instructions":"When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures."};;
//# sourceURL=swp-live-search-client-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/searchwp-live-ajax-search/assets/javascript/dist/script.min.js?ver=1.8.6" id="swp-live-search-client-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.9.3" id="sourcebuster-js-js"></script>
<script type="text/javascript" id="wc-order-attribution-js-extra">
/* <![CDATA[ */
var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https://emsang.vn/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.9.3" id="wc-order-attribution-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
<script type="text/javascript" id="flatsome-js-js-extra">
/* <![CDATA[ */
var flatsomeVars = {"theme":{"version":"3.15.6"},"ajaxurl":"https://emsang.vn/wp-admin/admin-ajax.php","rtl":"","sticky_height":"70","assets_url":"https://emsang.vn/wp-content/themes/flatsome/assets/js/","lightbox":{"close_markup":"\u003Cbutton title=\"%title%\" type=\"button\" class=\"mfp-close\"\u003E\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"\u003E\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003E\u003C/line\u003E\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003E\u003C/line\u003E\u003C/svg\u003E\u003C/button\u003E","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu","toggleButton":"Toggle"},"options":{"cookie_notice_version":"1","swatches_layout":false,"swatches_box_select_event":false,"swatches_box_behavior_selected":false,"swatches_box_update_urls":"1","swatches_box_reset":false,"swatches_box_reset_extent":false,"swatches_box_reset_time":300,"search_result_latency":"0"},"is_mini_cart_reveal":"1"};
//# sourceURL=flatsome-js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/themes/flatsome/assets/js/flatsome.js?ver=8d32fe071187c00e5c8eae51dcdefdd9" id="flatsome-js-js"></script>
<script type="text/javascript" src="https://emsang.vn/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=7a63f7aa2c4bbf851812535d8e4e7958" id="flatsome-theme-woocommerce-js-js"></script>
<script type="text/javascript" id="wc-add-to-cart-variation-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_variation_params = {"wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_no_matching_variations_text":"R\u1ea5t ti\u1ebfc, kh\u00f4ng c\u00f3 s\u1ea3n ph\u1ea9m n\u00e0o ph\u00f9 h\u1ee3p v\u1edbi l\u1ef1a ch\u1ecdn c\u1ee7a b\u1ea1n. H\u00e3y ch\u1ecdn m\u1ed9t ph\u01b0\u01a1ng th\u1ee9c k\u1ebft h\u1ee3p kh\u00e1c.","i18n_make_a_selection_text":"Ch\u1ecdn c\u00e1c t\u00f9y ch\u1ecdn cho s\u1ea3n ph\u1ea9m tr\u01b0\u1edbc khi cho s\u1ea3n ph\u1ea9m v\u00e0o gi\u1ecf h\u00e0ng c\u1ee7a b\u1ea1n.","i18n_unavailable_text":"R\u1ea5t ti\u1ebfc, s\u1ea3n ph\u1ea9m n\u00e0y hi\u1ec7n kh\u00f4ng t\u1ed3n t\u1ea1i. H\u00e3y ch\u1ecdn m\u1ed9t ph\u01b0\u01a1ng th\u1ee9c k\u1ebft h\u1ee3p kh\u00e1c.","i18n_reset_alert_text":"L\u1ef1a ch\u1ecdn c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c \u0111\u1eb7t l\u1ea1i. Vui l\u00f2ng ch\u1ecdn m\u1ed9t s\u1ed1 t\u00f9y ch\u1ecdn s\u1ea3n ph\u1ea9m tr\u01b0\u1edbc khi th\u00eam s\u1ea3n ph\u1ea9m n\u00e0y v\u00e0o gi\u1ecf h\u00e0ng c\u1ee7a b\u1ea1n."};
//# sourceURL=wc-add-to-cart-variation-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://emsang.vn/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js?ver=9.9.3" id="wc-add-to-cart-variation-js" defer="defer" data-wp-strategy="defer"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://emsang.vn/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://emsang.vn/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>

</body>
</html>