/**
 * Public API bridge.
 *
 * Initializes the shared event emitter and internal helpers used by the
 * documented runtime API before the editor lifecycle modules run.
 *
 * Exposes:
 *   SFE.PublicApi
 *   SFE.PublicApiBridge
 */
(function() {
	'use strict';

	window.MWP = window.MWP || {};
	window.MWP.SFE = window.MWP.SFE || {};

	const SFE = window.MWP.SFE;
	const PublicApi = SFE.PublicApi || {};
	const eventListeners = new Map();
	const stagedBlockStates = new Map();

	/**
	 * Create a plain-data clone for event payloads and snapshots.
	 *
	 * @param {*} value Source value.
	 * @returns {*} Cloned value when possible.
	 */
	function clonePlainData(value) {
		if (value === null || typeof value === 'undefined') {
			return value;
		}

		try {
			return JSON.parse(JSON.stringify(value));
		} catch (error) {
			if (Array.isArray(value)) {
				return value.slice();
			}
			if (typeof value === 'object') {
				return Object.assign({}, value);
			}
			return value;
		}
	}

	/**
	 * Resolve the current editor snapshot builder when available.
	 *
	 * @param {Object|null} editorState Active editor state.
	 * @returns {Object|null} Stable editor snapshot.
	 */
	function buildEditorSnapshot(editorState) {
		if (typeof PublicApi._buildEditorSnapshot === 'function') {
			return PublicApi._buildEditorSnapshot(editorState);
		}
		return null;
	}

	/**
	 * Invoke one event handler safely.
	 *
	 * @param {Function} handler Registered listener.
	 * @param {Object}   payload Event payload.
	 * @returns {void}
	 */
	function callHandler(handler, payload) {
		try {
			handler(payload);
		} catch (error) {
			console.error('FrontEdit: PublicApi event handler failed', error);
		}
	}

	/**
	 * Emit one public runtime event.
	 *
	 * @param {string} eventName Event name.
	 * @param {Object} payload Event payload.
	 * @returns {void}
	 */
	function emitEvent(eventName, payload) {
		const listeners = eventListeners.get(eventName);
		if (!listeners || !listeners.size) {
			return;
		}

		const snapshot = clonePlainData(payload);
		listeners.forEach(handler => callHandler(handler, snapshot));
	}

	/**
	 * Register one runtime event listener.
	 *
	 * @param {string}   eventName Event name.
	 * @param {Function} handler Event handler.
	 * @returns {Function} Unsubscribe callback.
	 */
	function on(eventName, handler) {
		const normalizedEventName = String(eventName || '').trim();
		if (!normalizedEventName || typeof handler !== 'function') {
			return function noop() {};
		}

		if (!eventListeners.has(normalizedEventName)) {
			eventListeners.set(normalizedEventName, new Set());
		}

		eventListeners.get(normalizedEventName).add(handler);
		return function unsubscribe() {
			off(normalizedEventName, handler);
		};
	}

	/**
	 * Remove one runtime event listener.
	 *
	 * @param {string}   eventName Event name.
	 * @param {Function} handler Event handler.
	 * @returns {void}
	 */
	function off(eventName, handler) {
		const normalizedEventName = String(eventName || '').trim();
		if (!normalizedEventName || typeof handler !== 'function') {
			return;
		}

		const listeners = eventListeners.get(normalizedEventName);
		if (!listeners) {
			return;
		}

		listeners.delete(handler);
		if (!listeners.size) {
			eventListeners.delete(normalizedEventName);
		}
	}

	/**
	 * Emit one editor lifecycle event using the current snapshot builder.
	 *
	 * @param {string}      eventName Event name.
	 * @param {Object|null} editorState Editor session state.
	 * @param {Object}      metadata Additional event metadata.
	 * @returns {void}
	 */
	function emitEditorEvent(eventName, editorState, metadata = {}) {
		const editor = buildEditorSnapshot(editorState);
		if (!editor) {
			return;
		}

		emitEvent(eventName, Object.assign({}, metadata, { editor }));
	}

	/**
	 * Emit one save lifecycle event using the current snapshot builder.
	 *
	 * @param {string}      eventName Event name.
	 * @param {Object|null} editorState Editor session state.
	 * @param {Object}      metadata Additional event metadata.
	 * @returns {void}
	 */
	function emitSaveEvent(eventName, editorState, metadata = {}) {
		const editor = buildEditorSnapshot(editorState);
		if (!editor) {
			return;
		}

		emitEvent(eventName, Object.assign({}, metadata, { editor }));
	}

	PublicApi.on = on;
	PublicApi.off = off;

	SFE.PublicApi = PublicApi;
	SFE.PublicApiBridge = {
		clonePlainData,
		emitEvent,
		emitEditorEvent,
		emitSaveEvent,
		stagedBlockStates,
	};
})();
<!DOCTYPE html>
<html lang="vi" class="loading-site no-js">
<head>
	<meta charset="UTF-8" />
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="https://trangsucola.vn/xmlrpc.php" />

	<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<title>Gia Công &#038; Thiết Kế &#8211; Trang sức Ola</title>
<meta name='robots' content='max-image-preview:large' />
<meta name="viewport" content="width=device-width, initial-scale=1" /><link rel='prefetch' href='https://trangsucola.vn/wp-content/themes/flatsome/assets/js/flatsome.js?ver=e1ad26bd5672989785e1' />
<link rel='prefetch' href='https://trangsucola.vn/wp-content/themes/flatsome/assets/js/chunk.slider.js?ver=3.19.9' />
<link rel='prefetch' href='https://trangsucola.vn/wp-content/themes/flatsome/assets/js/chunk.popups.js?ver=3.19.9' />
<link rel='prefetch' href='https://trangsucola.vn/wp-content/themes/flatsome/assets/js/chunk.tooltips.js?ver=3.19.9' />
<link rel='prefetch' href='https://trangsucola.vn/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=dd6035ce106022a74757' />
<link rel="alternate" type="application/rss+xml" title="Dòng thông tin Trang sức Ola &raquo;" href="https://trangsucola.vn/feed/" />
<link rel="alternate" type="application/rss+xml" title="Trang sức Ola &raquo; Dòng bình luận" href="https://trangsucola.vn/comments/feed/" />
<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://trangsucola.vn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftrangsucola.vn%2Fgia-cong-thiet-ke%2F" />
<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://trangsucola.vn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftrangsucola.vn%2Fgia-cong-thiet-ke%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-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">

	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">
: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)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .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{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break: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-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[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-includes/css/dist/block-library/common.min.css */
</style>


<link rel='stylesheet' id='contact-form-7-css' href='https://trangsucola.vn/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.3' media='all' />
<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='brands-styles-css' href='https://trangsucola.vn/wp-content/plugins/woocommerce/assets/css/brands.css?ver=10.3.8' media='all' />
<link rel='stylesheet' id='flatsome-parent-style-css' href='https://trangsucola.vn/wp-content/themes/flatsome/style.css?ver=3.19.9' media='all' />
<link rel='stylesheet' id='pickjsc-fontawesome-css' href='https://trangsucola.vn/wp-content/themes/flatsome-child/fontawesome/css/all.min.css?ver=3.0' media='all' />
<link rel='stylesheet' id='pickjsc-child-style-css' href='https://trangsucola.vn/wp-content/themes/flatsome-child/style.css?ver=3.0' media='all' />
<link rel='stylesheet' id='flatsome-main-css' href='https://trangsucola.vn/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.19.9' media='all' />
<style id="flatsome-main-inline-css">
@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://trangsucola.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.19.9);
				src:
					url(https://trangsucola.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.19.9) format("embedded-opentype"),
					url(https://trangsucola.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.19.9) format("woff2"),
					url(https://trangsucola.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.19.9) format("truetype"),
					url(https://trangsucola.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.19.9) format("woff"),
					url(https://trangsucola.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.19.9#fl-icons) format("svg");
			}
/*# sourceURL=flatsome-main-inline-css */
</style>
<link rel='stylesheet' id='flatsome-shop-css' href='https://trangsucola.vn/wp-content/themes/flatsome/assets/css/flatsome-shop.css?ver=3.19.9' media='all' />
<link rel='stylesheet' id='flatsome-style-css' href='https://trangsucola.vn/wp-content/themes/flatsome-child/style.css?ver=3.0' media='all' />
<script id="jquery-core-js" src="https://trangsucola.vn/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://trangsucola.vn/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script data-wp-strategy="defer" id="wc-jquery-blockui-js" src="https://trangsucola.vn/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.3.8"></script>
<script id="wc-add-to-cart-js-extra">
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://trangsucola.vn/gio-hang/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://trangsucola.vn/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.3.8"></script>
<script data-wp-strategy="defer" id="wc-js-cookie-js" src="https://trangsucola.vn/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.3.8"></script>
<link rel="https://api.w.org/" href="https://trangsucola.vn/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://trangsucola.vn/wp-json/wp/v2/pages/872" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://trangsucola.vn/xmlrpc.php?rsd" />
<link rel="canonical" href="https://trangsucola.vn/gia-cong-thiet-ke/" />
<link rel='shortlink' href='https://trangsucola.vn/?p=872' />
	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<style id="custom-css" type="text/css">:root {--primary-color: #333333;--fs-color-primary: #333333;--fs-color-secondary: #c5a880;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #334862;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.off-canvas .mfp-content.off-canvas-cart {--drawer-width: 360px;}.header-main{height: 80px}#logo img{max-height: 80px}#logo{width:166px;}.header-bottom{min-height: 43px}.header-top{min-height: 30px}.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: 30px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.search-form{ width: 90%;}.header-bg-color {background-color: #ffffff}.header-bottom {background-color: #f7f7f7}.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: "Inter Tight", sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: "Inter Tight", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Inter Tight", sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Playfair Display", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #000000;}@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 300px!important;width: 300px!important;}}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}</style><style id="wp-custom-css">
/* ====================================================
   OLA HEADER STYLING (NO ID - UPDATE FRIENDLY)
   ==================================================== */

/* --- 1. MENU CẤP 1 (MAIN NAV) --- */

/* Style chung cho các link menu */
body #wrapper .header-nav-main > li > a.nav-top-link {
    font-family: 'Playfair Display', serif !important; /* Font sang trọng */
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #333 !important;
    opacity: 1 !important;
    position: relative;
}

/* Hiệu ứng gạch chân chạy ra khi hover */
body #wrapper .header-nav-main > li > a.nav-top-link::after {
    content: '';
    position: absolute;
    bottom: 0; /* Sát dưới cùng của header */
    left: 0;
    width: 0%;
    height: 3px;
    background-color: #C5A880; /* Màu vàng OLA */
    transition: width 0.3s ease-in-out;
}

/* Khi hover hoặc đang ở trang đó -> Gạch chân hiện full */
body #wrapper .header-nav-main > li:hover > a.nav-top-link::after,
body #wrapper .header-nav-main > li.current-menu-item > a.nav-top-link::after,
body #wrapper .header-nav-main > li.active > a.nav-top-link::after {
    width: 100% !important;
}

body #wrapper .header-nav-main > li:hover > a.nav-top-link,
body #wrapper .header-nav-main > li.active > a.nav-top-link {
    color: #C5A880 !important; /* Đổi màu chữ */
    background: transparent !important;
}

/* Ẩn mũi tên xổ xuống mặc định (icon-angle-down) cho gọn */
body #wrapper .header-nav-main i.icon-angle-down {
    display: none !important; 
    /* Nếu muốn hiện thì xóa dòng trên và chỉnh font-size: 10px */
}

/* --- 2. MENU NỔI BẬT (GIA CÔNG & THIẾT KẾ) --- */
/* Class này bạn vừa thêm ở Bước 1 */
body #wrapper .header-nav-main li.menu-highlight > a.nav-top-link {
    color: #C5A880 !important; /* Luôn màu vàng */
    font-weight: 800 !important;
}
/* Thêm icon cái nhãn (Tag) phía trước */
body #wrapper .header-nav-main li.menu-highlight > a.nav-top-link::before {
    content: '\f02b'; /* Mã icon FontAwesome Tag */
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 300;
    margin-right: 6px;
    font-size: 13px;
}

/* --- 3. KHUNG DROPDOWN (MEGA MENU) --- */

/* Style khung chứa */
body #wrapper .header-nav .nav-dropdown {
    border-top: 3px solid #C5A880 !important; /* Viền trên vàng */
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important; /* Bóng đổ xịn */
    border-radius: 0 0 4px 4px !important;
    padding-top: 10px !important;
}

/* Xóa border thừa của Flatsome bên trong */
body #wrapper .header-nav .nav-dropdown .section-content {
    border: none !important;
    box-shadow: none !important;
}

/* --- 4. NỘI DUNG BÊN TRONG (UX BLOCK ITEMS) --- */
/* Code này style cho các class .ola-menu... mà ta đã tạo trong UX Builder */

/* Tiêu đề cột (Phân loại, Chủ đề...) */
body #wrapper .nav-dropdown .ola-menu-title {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #222 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
    margin-top: 5px !important;
    display: block;
}

/* Danh sách link */
body #wrapper .nav-dropdown .ola-menu-list li a {
    font-size: 14px !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    padding: 3px 0 !important;
    transition: transform 0.2s !important;
    font-family: 'Inter', sans-serif !important; /* Dùng font thường cho dễ đọc */
}

/* Icon bên cạnh link */
body #wrapper .nav-dropdown .ola-menu-list li a i {
    color: #bbb !important;
    width: 24px !important; 
    text-align: center !important;
    margin-right: 6px !important;
    transition: color 0.2s !important;
}

/* Hover effect */
body #wrapper .nav-dropdown .ola-menu-list li a:hover {
    color: #C5A880 !important;
    transform: translateX(5px) !important;
}
body #wrapper .nav-dropdown .ola-menu-list li a:hover i {
    color: #C5A880 !important;
}

/* --- 5. BANNER TRONG MENU (Tự động fix lỗi text-box 60%) --- */

/* Fix khung banner */
body #wrapper .nav-dropdown .banner-inner {
    border-radius: 5px !important;
    overflow: hidden !important;
}

/* Tự động căn chỉnh text-box trong menu mà không cần ID */
body #wrapper .nav-dropdown .banner .text-box {
    width: 80% !important; /* Rộng hơn chút để chữ không bị xuống dòng */
    margin: 0 auto !important;
}
body #wrapper .nav-dropdown .banner .text-box h4 {
    font-size: 16px !important;
    font-weight: bold !important;
}

/* --- 6. GIỎ HÀNG (CART) --- */
body #wrapper .header-nav .cart-item .cart-icon strong {
    background-color: #C5A880 !important;
    border: 2px solid #fff !important;
    color: #fff !important;
    font-weight: 700;
}
body #wrapper .header-nav .cart-item:hover .cart-icon strong {
    background-color: #333 !important;
    color: #fff !important;
}
/* === 1. HERO SERVICE === */
.ola-badge-outline {
    border: 1px solid #C5A880;
    color: #C5A880;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
}

.ola-service-title {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #fff;
}

.ola-check-list {
    list-style: none;
    margin: 20px 0; padding: 0;
}
.ola-check-list li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #eee;
}
.ola-check-list li i {
    color: #C5A880;
    margin-right: 10px;
}

/* === 2. PROCESS FLOW (Cực đẹp) === */
.process-step {
    position: relative;
    padding: 0 10px;
}

.step-icon {
    width: 80px;
    height: 80px;
    background: #fff;
    border: 2px solid #C5A880; /* Viền vàng */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    position: relative;
    z-index: 2;
    color: #333;
    font-size: 28px;
    transition: 0.3s;
}

/* Số thứ tự nhỏ dính trên icon */
.step-num {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #333;
    color: #fff;
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.process-step h4 {
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
}

.process-step p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* Hover hiệu ứng */
.process-step:hover .step-icon {
    background: #C5A880;
    color: #fff;
    transform: translateY(-5px);
}

/* Đường kẻ nối (Chỉ hiện trên Desktop) */
@media (min-width: 850px) {
    .ola-process-row .col:not(:last-child) .process-step::after {
        content: '';
        position: absolute;
        top: 40px; /* Canh giữa icon */
        right: -50%; /* Kéo dài sang phải */
        width: 100%;
        height: 2px;
        background-image: linear-gradient(to right, #C5A880 50%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 10px 2px; /* Tạo nét đứt */
        background-repeat: repeat-x;
        z-index: 1;
    }
}

/* === 3. PORTFOLIO TITLES === */
.ola-port-title {
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
}

/* === 4. FORM QUOTE STYLE === */
.ola-quote-form {
    background: #fff;
    padding: 40px;
    border-radius: 5px;
}
/* Tùy chỉnh màu chữ trong form trên nền tối thì nên để form nền trắng */
.ola-quote-form label {
    color: #333;
}
/* === OLA MEGA MENU STYLING === */

/* 1. Tiêu đề cột trong Menu */
.ola-menu-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #C5A880; /* Gạch chân vàng */
    padding-bottom: 8px;
    margin-bottom: 15px;
    display: inline-block;
}

/* 2. Danh sách Menu */
.ola-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ola-menu-list li {
    margin-bottom: 12px; /* Khoảng cách giữa các dòng */
}

.ola-menu-list a {
    display: flex;
    align-items: center;
    color: #555;
    font-size: 15px;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* 3. Icon FontAwesome */
.ola-menu-list a i {
    width: 25px; /* Cố định chiều rộng để chữ thẳng hàng */
    color: #999;
    font-size: 16px;
    transition: 0.3s;
    text-align: center;
    margin-right: 5px;
}

/* 4. Hiệu ứng Hover */
.ola-menu-list a:hover {
    color: #C5A880; /* Chữ đổi màu vàng cát */
    transform: translateX(5px); /* Dịch nhẹ sang phải */
}

.ola-menu-list a:hover i {
    color: #C5A880; /* Icon cũng đổi màu vàng */
}

/* 5. Class chia 2 cột (Dùng cho menu Huy Hiệu) */
.ola-menu-list.two-column {
    display: flex;
    flex-wrap: wrap;
}
.ola-menu-list.two-column li {
    width: 50%;
}

/* 6. Chỉnh lại dropdown mặc định của Flatsome cho đẹp hơn */
.nav-dropdown {
    border-top: 3px solid #C5A880 !important; /* Viền trên màu vàng */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

/* =========================================
   OLA JEWELRY - SINGLE PRODUCT STRONG CSS
   Target ID: #ola-product-layout
   ========================================= */

/* 1. TYPOGRAPHY & GENERAL */
#ola-product-layout {
    font-family: 'Inter', sans-serif; /* Hoặc font mặc định của bạn */
    color: #444;
}

#ola-product-layout .ola-heading-serif,
#ola-product-layout .product_title {
    font-family: 'Playfair Display', serif !important; /* Bắt buộc dùng Serif cho sang */
    font-weight: 700 !important;
    color: #222 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
}

#ola-product-layout .product_title {
    font-size: 32px !important;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
}

/* 2. CATEGORY LABEL */
#ola-product-layout .ola-cat-label .product-category {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #999 !important;
    margin-bottom: 0 !important;
}

/* 3. PRICE styling */
#ola-product-layout .price-wrapper .amount {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #C5A880 !important; /* Vàng cát OLA */
}
#ola-product-layout .ola-price-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

/* 4. SHORT DESCRIPTION */
#ola-product-layout .ola-short-desc {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #666 !important;
    margin-bottom: 20px !important;
}
#ola-product-layout .ola-short-desc ul, 
#ola-product-layout .ola-short-desc li {
    margin-bottom: 5px !important;
    list-style: none !important;
}

/* 5. DIVIDERS */
#ola-product-layout .ola-sep {
    height: 1px;
    background-color: #eee;
    margin: 20px 0;
    width: 100%;
}
.ola-divider-small {
    width: 40px;
    height: 2px;
    background-color: #333;
    margin: 15px 0 25px 0;
}
.ola-divider-center {
    width: 50px;
    height: 2px;
    background-color: #C5A880;
    margin: 10px auto 30px auto;
}

/* 6. VARIATIONS (Màu sắc/Size) - Tinh chỉnh Form Flatsome */
#ola-product-layout .variations td {
    padding: 5px 0 !important;
    vertical-align: middle !important;
}
#ola-product-layout .variations .label {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    color: #333 !important;
    padding-right: 20px !important;
}
/* Làm đẹp nút chọn Size/Màu */
#ola-product-layout .variable-item {
    border-radius: 50% !important; /* Tròn cho màu, vuông cho size */
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    transition: all 0.2s ease !important;
}
#ola-product-layout .variable-item.selected,
#ola-product-layout .variable-item:hover {
    border-color: #333 !important;
    background-color: #fff !important;
}

/* 7. ADD TO CART BUTTON (Quan trọng nhất) */
#ola-product-layout .single_add_to_cart_button {
    background-color: #222 !important; /* Đen lì */
    color: #fff !important;
    border: 1px solid #222 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0 40px !important;
    height: 52px !important;
    border-radius: 0px !important; /* Vuông vức sang trọng */
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    width: 100%; /* Full chiều ngang */
    margin-top: 10px !important;
}
#ola-product-layout .single_add_to_cart_button:hover {
    background-color: #fff !important;
    color: #222 !important; /* Hiệu ứng đảo màu */
}
/* Ẩn số lượng (Quantity) để nhìn gọn hơn - Style Minimal */
#ola-product-layout .quantity {
    display: none !important; 
    /* Nếu bạn muốn hiện số lượng thì xóa dòng này và chỉnh css cho .quantity */
}

/* 8. META LINKS (Zalo, Size Guide) */
#ola-product-layout .ola-meta-links {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
#ola-product-layout .meta-link {
    font-size: 13px !important;
    color: #777 !important;
    border-bottom: 1px dotted #999;
}
#ola-product-layout .meta-link:hover {
    color: #C5A880 !important;
    border-bottom-color: #C5A880;
}
#ola-product-layout .meta-link i {
    margin-right: 5px;
}

/* 9. TRUST BADGES (Hàng ngang dưới cùng) */
#ola-product-layout .ola-trust-badges {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px dashed #eee;
}
#ola-product-layout .badge-item {
    text-align: center;
    width: 25%;
}
#ola-product-layout .badge-item i {
    font-size: 20px !important;
    color: #C5A880 !important;
    margin-bottom: 8px !important;
    display: block;
}
#ola-product-layout .badge-item span {
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #555 !important;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

/* 10. STICKY COLUMN (Chỉ tác dụng Desktop) */
@media (min-width: 850px) {
    #ola-product-layout .ola-sticky-col {
        position: -webkit-sticky;
        position: sticky;
        top: 100px; /* Cách mép trên 100px khi cuộn */
        z-index: 10;
        background: #fff; /* Tránh bị trong suốt đè chữ */
    }
}

/* 11. MOBILE ADJUSTMENTS */
@media (max-width: 550px) {
    #ola-product-layout .product_title {
        font-size: 24px !important;
    }
    #ola-product-layout .ola-trust-badges {
        flex-wrap: wrap;
    }
    #ola-product-layout .badge-item {
        width: 50%;
        margin-bottom: 15px;
    }
}

/* === 1. TITLE STYLING === */
.ola-page-title {
    font-size: 36px;
    font-weight: 800;
    color: #333;
    margin-bottom: 20px;
}

/* === 2. CONTACT INFO BOX === */
.contact-info-box {
    padding: 30px;
    background: #fff;
}

.info-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 25px;
    color: #333;
}

.info-item {
    display: flex;
    margin-bottom: 25px;
}

.info-item .icon-wrap {
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #C5A880; /* Màu vàng cát */
    font-size: 18px;
}

.info-item .text-wrap {
    font-size: 15px;
    color: #555;
    line-height: 1.5;
}

/* === 3. FORM STYLING (CF7) === */
.contact-form-wrapper {
    background: #fff;
    padding: 30px; /* Tạo khung trắng sạch */
    border: 1px solid #f0f0f0;
    border-radius: 5px;
}

/* Flex layout cho form (2 cột) */
.form-row-flex {
    display: flex;
    margin: 0 -10px;
}
.form-col {
    width: 50%;
    padding: 0 10px;
}

/* Style cho Label */
.ola-contact-form label {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    display: block;
}

/* Style cho Input/Textarea */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 12px 15px;
    font-size: 14px;
    color: #333;
    transition: all 0.3s;
    width: 100%;
    box-shadow: none; /* Bỏ shadow mặc định */
}

/* Hiệu ứng khi bấm vào nhập liệu */
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
    background-color: #fff;
    border-color: #C5A880; /* Viền đổi màu vàng */
    box-shadow: 0 0 5px rgba(197, 168, 128, 0.2);
}

/* Style nút gửi */
.form-submit input[type="submit"] {
    background-color: #333;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 40px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    width: 100%; /* Nút full chiều ngang */
    letter-spacing: 1px;
}

.form-submit input[type="submit"]:hover {
    background-color: #C5A880; /* Hover màu vàng */
    transform: translateY(-2px);
}

/* === RESPONSIVE MOBILE === */
@media (max-width: 550px) {
    .form-row-flex {
        flex-direction: column; /* Chuyển thành 1 cột */
        margin: 0;
    }
    .form-col {
        width: 100%;
        padding: 0;
    }
    .contact-form-wrapper {
        padding: 20px 10px;
        border: none;
    }
    .ola-page-title {
        font-size: 28px;
    }
}

/* === 1. HERO SECTION STYLING === */
.ola-badge {
    display: inline-block;
    background-color: #C5A880; /* Vàng cát */
    color: #fff;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.ola-hero-title {
    font-family: 'Playfair Display', serif; /* Font sang trọng */
    font-size: 3.5rem;
    line-height: 1.15;
    color: #333;
    font-weight: 800;
    margin-bottom: 20px;
}

.ola-hero-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    max-width: 90%;
}

/* === 2. SECTION TITLES & DIVIDERS === */
.ola-sub-title {
    font-size: 13px;
    color: #999;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}

.ola-section-title {
    font-size: 28px;
    color: #333;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

/* Gạch chân nhỏ ở giữa */
.ola-divider {
    width: 50px;
    height: 3px;
    background-color: #C5A880;
    margin: 0 auto 30px auto;
}

/* Gạch chân nhỏ bên trái (cho phần giới thiệu) */
.ola-divider-left {
    width: 50px;
    height: 3px;
    background-color: #C5A880;
    margin: 0 0 25px 0;
}

/* === 3. IMAGE CAPTION (Dưới ảnh xưởng) === */
.ola-image-caption {
    margin-top: 10px;
    font-size: 13px;
    color: #888;
    text-align: center;
    font-style: italic;
}

/* === 4. FEATURE BOX (Trong phần giới thiệu) === */
.feature-box-left {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.feature-box-left i {
    margin-right: 12px;
}
.feature-box-left h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

/* === 5. RESPONSIVE MOBILE === */
@media (max-width: 550px) {
    .ola-hero-title {
        font-size: 2.2rem;
    }
    
    /* Canh giữa text trên mobile */
    .col[align="left"] {
        text-align: left !important; /* Hoặc center nếu muốn */
    }
    
    /* Điều chỉnh banner danh mục */
    .ola-section-title {
        font-size: 22px;
    }
}



/* === OLA FOOTER STYLING === */

/* 1. Tiêu đề Footer */
.ola-footer-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #333333; /* Màu Primary */
    position: relative;
    display: inline-block;
}

/* Đường gạch chân nhỏ dưới tiêu đề để tạo điểm nhấn */
.ola-footer-title::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #C5A880; /* Màu Secondary */
    margin-top: 8px;
}

/* 2. Mô tả giới thiệu */
.ola-footer-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
}

/* 3. Menu Links (Danh mục & Hỗ trợ) */
.ola-footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ola-footer-menu ul li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #eee; /* Gạch ngang mờ phân cách */
}

.ola-footer-menu ul li:last-child {
    border-bottom: none;
}

.ola-footer-menu ul li a {
    color: #666;
    font-size: 15px;
    transition: all 0.3s ease;
    display: block;
}

/* Hiệu ứng Hover: Chữ đổi màu + Dịch chuyển nhẹ sang phải */
.ola-footer-menu ul li a:hover {
    color: #C5A880; /* Màu Secondary */
    padding-left: 5px;
}

/* 4. Thông tin liên hệ */
.ola-contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    color: #555;
    font-size: 15px;
}

.ola-contact-item i {
    color: #C5A880; /* Icon màu Vàng cát */
    font-size: 18px;
    width: 25px;
    margin-top: 3px; /* Căn chỉnh icon với dòng đầu tiên của text */
    flex-shrink: 0;
}

.ola-contact-item a {
    color: #555;
}

.ola-contact-item a:hover {
    color: #C5A880;
}

/* Làm nổi bật Hotline */
.ola-hotline {
    font-weight: 700;
    font-size: 16px;
    color: #333 !important;
}

/* 5. Social Icons (Ghi đè mặc định Flatsome nếu cần) */
.ola-footer .follow-icons .icon {
    border: 1px solid #ddd;
    border-radius: 50%; /* Icon hình tròn */
    color: #333;
    transition: 0.3s;
}

.ola-footer .follow-icons .icon:hover {
    background-color: #C5A880;
    border-color: #C5A880;
    color: #fff;
}

/* Responsive cho Mobile */
@media (max-width: 550px) {
    .ola-footer-title {
        margin-top: 20px;
    }
}
</style>
<style id="kirki-inline-styles">/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDTbtPY_Q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDYbtPY_Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDZbtPY_Q.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* cyrillic-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsK8ah8QA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsD8ah8QA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsL8ah8QA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsE8ah8QA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsI8ah8QA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsK8ah8QA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsD8ah8QA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsL8ah8QA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsE8ah8QA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsI8ah8QA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://trangsucola.vn/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}</style></head>

<body class="wp-singular page-template page-template-page-blank page-template-page-blank-php page page-id-872 wp-theme-flatsome wp-child-theme-flatsome-child theme-flatsome woocommerce-no-js lightbox nav-dropdown-has-arrow nav-dropdown-has-shadow nav-dropdown-has-border">


<a class="skip-link screen-reader-text" href="#main">Bỏ qua nội dung</a>

<div id="wrapper">

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

          <!-- Logo -->
          <div id="logo" class="flex-col logo">
            
<!-- Header logo -->
<a href="https://trangsucola.vn/" title="Trang sức Ola - My WordPress Blog" rel="home">
		<img width="500" height="150" src="https://trangsucola.vn/wp-content/uploads/2025/02/trang-suc-ola-1.png" class="header_logo header-logo" alt="Trang sức Ola"/><img  width="500" height="500" src="https://trangsucola.vn/wp-content/uploads/2025/02/ola.png" class="header-logo-dark" alt="Trang sức Ola"/></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
            flex-grow">
            <ul class="header-nav header-nav-main nav nav-left " >
              <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://trangsucola.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="Gửi">
				<i class="icon-search" ></i>			</button>
		</div>
	</div>
	<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li>
            </ul>
          </div>

          <!-- Right Elements -->
          <div class="flex-col hide-for-medium flex-right">
            <ul class="header-nav header-nav-main nav nav-right ">
              <li id="menu-item-860" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-860 menu-item-design-default"><a href="https://trangsucola.vn/" class="nav-top-link">Trang chủ</a></li>
<li id="menu-item-862" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-862 menu-item-design-container-width menu-item-has-block has-dropdown"><a href="#" class="nav-top-link" aria-expanded="false" aria-haspopup="menu">Trâm Cài Áo<i class="icon-angle-down" ></i></a><div class="sub-menu nav-dropdown">
	<section class="section" id="section_874062999">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			
  <div class="row row-small"  id="row-913127188">
    
    
	<div id="col-1028548028" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			
      <h4 class="ola-menu-title">PHÂN LOẠI</h4>
      <ul class="ola-menu-list">
        <li><a href="/danh-muc/tram-cai-ao/tram-cai-vest-nam/"><i class="fal fa-user-tie"></i> Trâm Cài Vest Nam</a></li>
        <li><a href="/danh-muc/tram-cai-ao/tram-cai-ao-nu/"><i class="fal fa-female"></i> Trâm Cài Áo Nữ</a></li>
        <li><a href="/danh-muc/tram-cai-ao/tram-cai-ao-dai/"><i class="fal fa-tshirt"></i> Cài Áo Dài / Váy</a></li>
      </ul>
    		</div>
					</div>

	

    
	<div id="col-1385564054" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			
      <h4 class="ola-menu-title">CHỦ ĐỀ & CHẤT LIỆU</h4>
      <ul class="ola-menu-list">
        <li><a href="/danh-muc/tram-cai-ao/tram-cai-dinh-da/"><i class="fal fa-gem"></i> Đính Đá / Ngọc Trai</a></li>
        <li><a href="/danh-muc/tram-cai-ao/tram-cai-kim-loai/"><i class="fal fa-star"></i> Kim Loại / Hợp Kim</a></li>
        <li><a href="/danh-muc/tram-cai-ao/tram-cai-long-vu/"><i class="fal fa-feather-alt"></i> Hình Lông Vũ / Hoa</a></li>
        <li><a href="/danh-muc/tram-cai-ao/tram-cai-thiet-ke/"><i class="fal fa-sparkles"></i> Hàng Thiết Kế (Handmade)</a></li>
      </ul>
    		</div>
					</div>

	

    
	<div id="col-1092261085" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			
       
  <div class="banner has-hover bg-zoom" id="banner-784078886">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
                                                
                    </div>
		
        <div class="banner-layers container">
            <a class="fill" href="/danh-muc/tram-cai-ao/" ><div class="fill banner-link"></div></a>            
            <div id="text-box-1931822173" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  
           <h4 style="margin:0; color:#333;">BST MỚI 2025</h4>
           <p style="font-size:12px; margin-bottom:10px; color:#666;">Sang trọng & Đẳng cấp</p>
           <a class="button primary is-underline is-small"  >
		<span>Xem Ngay</span>
	</a>

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

            
<style>
#banner-784078886 {
  padding-top: 200px;
  background-color: rgb(245, 245, 245);
}
</style>
  </div>


    		</div>
					</div>

	

  </div>
		</div>

		
<style>
#section_874062999 {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgb(255, 255, 255);
}
@media (min-width:550px) {
  #section_874062999 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
</style>
	</section>
	</div></li>
<li id="menu-item-863" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-863 menu-item-design-default"><a href="#" class="nav-top-link">Phụ kiện nam</a></li>
<li id="menu-item-864" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-864 menu-item-design-default"><a href="#" class="nav-top-link">Huy Hiệu &#038; Pin</a></li>
<li id="menu-item-878" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-872 current_page_item menu-item-878 active menu-item-design-default"><a href="https://trangsucola.vn/gia-cong-thiet-ke/" aria-current="page" class="nav-top-link">Gia Công &#038; Thiết Kế</a></li>
<li id="menu-item-861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861 menu-item-design-default"><a href="https://trangsucola.vn/lien-he/" class="nav-top-link">Liên hệ</a></li>
<li class="header-divider"></li><li class="cart-item has-icon has-dropdown">

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


    <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">
        

	<div class="ux-mini-cart-empty flex flex-row-col text-center pt pb">
				<div class="ux-mini-cart-empty-icon">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 19" style="opacity:.1;height:80px;">
				<path d="M8.5 0C6.7 0 5.3 1.2 5.3 2.7v2H2.1c-.3 0-.6.3-.7.7L0 18.2c0 .4.2.8.6.8h15.7c.4 0 .7-.3.7-.7v-.1L15.6 5.4c0-.3-.3-.6-.7-.6h-3.2v-2c0-1.6-1.4-2.8-3.2-2.8zM6.7 2.7c0-.8.8-1.4 1.8-1.4s1.8.6 1.8 1.4v2H6.7v-2zm7.5 3.4 1.3 11.5h-14L2.8 6.1h2.5v1.4c0 .4.3.7.7.7.4 0 .7-.3.7-.7V6.1h3.5v1.4c0 .4.3.7.7.7s.7-.3.7-.7V6.1h2.6z" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"></path>
			</svg>
		</div>
				<p class="woocommerce-mini-cart__empty-message empty">Chưa có sản phẩm trong giỏ hàng.</p>
					<p class="return-to-shop">
				<a class="button primary wc-backward" href="https://trangsucola.vn/cua-hang/">
					Quay trở lại cửa hàng				</a>
			</p>
				</div>


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

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

          <!-- Mobile Right Elements -->
          <div class="flex-col show-for-medium flex-right">
            <ul class="mobile-nav nav nav-right ">
              <li class="cart-item has-icon">


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

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


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

	<div class="ux-mini-cart-empty flex flex-row-col text-center pt pb">
				<div class="ux-mini-cart-empty-icon">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 19" style="opacity:.1;height:80px;">
				<path d="M8.5 0C6.7 0 5.3 1.2 5.3 2.7v2H2.1c-.3 0-.6.3-.7.7L0 18.2c0 .4.2.8.6.8h15.7c.4 0 .7-.3.7-.7v-.1L15.6 5.4c0-.3-.3-.6-.7-.6h-3.2v-2c0-1.6-1.4-2.8-3.2-2.8zM6.7 2.7c0-.8.8-1.4 1.8-1.4s1.8.6 1.8 1.4v2H6.7v-2zm7.5 3.4 1.3 11.5h-14L2.8 6.1h2.5v1.4c0 .4.3.7.7.7.4 0 .7-.3.7-.7V6.1h3.5v1.4c0 .4.3.7.7.7s.7-.3.7-.7V6.1h2.6z" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"></path>
			</svg>
		</div>
				<p class="woocommerce-mini-cart__empty-message empty">Chưa có sản phẩm trong giỏ hàng.</p>
					<p class="return-to-shop">
				<a class="button primary wc-backward" href="https://trangsucola.vn/cua-hang/">
					Quay trở lại cửa hàng				</a>
			</p>
				</div>


		  </div>
	  </div>
               </div>
  </div>

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

      </div>

            <div class="container"><div class="top-divider full-width"></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 dark" id="section_1071355376">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-middle"  id="row-49979879">

	<div id="col-470418546" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<p><span class="ola-badge-outline">DỊCH VỤ DOANH NGHIỆP</span></p>
<h1 class="ola-service-title">CHẾ TÁC HUY HIỆU &#038;<br />QUÀ TẶNG THIẾT KẾ</h1>
<div class="ola-divider-left"></div>
<p class="lead" style="color:#ccc;">
        Trang Sức OLA chuyên nhận gia công Logo cài áo, Huy hiệu, Kẹp cà vạt, Bảng tên nhân viên với độ tinh xảo cao nhất.
      </p>
<ul class="ola-check-list">
<li><i class="fal fa-check"></i> Miễn phí thiết kế mẫu 3D</li>
<li><i class="fal fa-check"></i> Nhận làm từ số lượng ít (1 cái cũng làm)</li>
<li><i class="fal fa-check"></i> Công nghệ: Ăn mòn, Dập nổi, Xi vàng/bạc</li>
</ul>
	<div id="gap-1869059827" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-1869059827 {
  padding-top: 20px;
}
</style>
	</div>
	
<a href="#baogia" class="button white is-outline"  >
		<span>GỬI YÊU CẦU BÁO GIÁ</span>
	<i class="fal fa-file-invoice-dollar" aria-hidden="true" ></i></a>

<a href="https://zalo.me/0933711261" class="button primary is-shade ml-10"  >
		<span>ZALO: 093 371 12 61</span>
	<i class="fal fa-comment-alt-lines" aria-hidden="true" ></i></a>

		</div>
					</div>

	

	<div id="col-767394655" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1987842248">
								<div class="img-inner image-cover dark" style="padding-top:100%;">
			<img fetchpriority="high" decoding="async" width="1020" height="1020" src="https://trangsucola.vn/wp-content/uploads/2025/04/61-2-1024x1024.jpg" class="attachment-large size-large" alt="" srcset="https://trangsucola.vn/wp-content/uploads/2025/04/61-2-1024x1024.jpg 1024w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-300x300.jpg 300w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-150x150.jpg 150w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-768x768.jpg 768w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-600x600.jpg 600w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-100x100.jpg 100w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2.jpg 1440w" sizes="(max-width: 1020px) 100vw, 1020px" />						
					</div>
								
<style>
#image_1987842248 {
  width: 100%;
}
</style>
	</div>
	
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1071355376 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(34, 34, 34);
}
@media (min-width:550px) {
  #section_1071355376 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
</style>
	</section>
	

	<section class="section" id="section_1289416713">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-center"  id="row-156289436">

	<div id="col-861995814" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			
<h6 class="ola-sub-title">QUY TRÌNH CHUYÊN NGHIỆP</h6>
<h2 class="ola-section-title">TỪ Ý TƯỞNG ĐẾN HIỆN THỰC</h2>
<div class="ola-divider"></div>
		</div>
					</div>

	
</div>
<div class="row row-small align-top row-dashed ola-process-row"  id="row-1734385077">

	<div id="col-599600407" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-center"  >
			
			
<div class="process-step">
<div class="step-icon"><i class="fal fa-lightbulb-on"></i><span class="step-num">01</span></div>
<h4>Tư Vấn</h4>
<p>Tiếp nhận ý tưởng, logo và tư vấn chất liệu phù hợp.</p>
</p>
</div>
		</div>
					</div>

	

	<div id="col-1693781709" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-center"  >
			
			
<div class="process-step">
<div class="step-icon"><i class="fal fa-pen-nib"></i><span class="step-num">02</span></div>
<h4>Thiết Kế</h4>
<p>Lên demo 2D/3D miễn phí để khách duyệt form.</p>
</p>
</div>
		</div>
					</div>

	

	<div id="col-680190815" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-center"  >
			
			
<div class="process-step">
<div class="step-icon"><i class="fal fa-cogs"></i><span class="step-num">03</span></div>
<h4>Chế Tác</h4>
<p>Gia công khuôn, dập/đúc và xử lý bề mặt kỹ lưỡng.</p>
</p>
</div>
		</div>
					</div>

	

	<div id="col-1841786428" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-center"  >
			
			
<div class="process-step">
<div class="step-icon"><i class="fal fa-box-check"></i><span class="step-num">04</span></div>
<h4>Hoàn Thiện &#038; Giao Hàng</h4>
<p>Kiểm tra chất lượng (QC), đóng hộp và giao tận nơi.</p>
</p>
</div>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1289416713 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgb(255, 255, 255);
}
@media (min-width:550px) {
  #section_1289416713 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
</style>
	</section>
	

	<section class="section" id="section_1161252924">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-center"  id="row-2009866410">

	<div id="col-249951517" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			
<h2 class="ola-section-title">DỰ ÁN TIÊU BIỂU</h2>
<p>Những sản phẩm Ola đã thực hiện cho đối tác</p>
		</div>
					</div>

	
</div>
<div class="row row-small align-center"  id="row-1018642475">

	<div id="col-197502236" class="col medium-3 small-12 large-3"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1146203105">
		<a class="image-lightbox lightbox-gallery" title="" href="https://trangsucola.vn/wp-content/uploads/2025/04/61-2-1024x1024.jpg">						<div class="img-inner image-zoom image-cover dark" style="padding-top:300px;">
			<img fetchpriority="high" decoding="async" width="1020" height="1020" src="https://trangsucola.vn/wp-content/uploads/2025/04/61-2-1024x1024.jpg" class="attachment-large size-large" alt="" srcset="https://trangsucola.vn/wp-content/uploads/2025/04/61-2-1024x1024.jpg 1024w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-300x300.jpg 300w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-150x150.jpg 150w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-768x768.jpg 768w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-600x600.jpg 600w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2-100x100.jpg 100w, https://trangsucola.vn/wp-content/uploads/2025/04/61-2.jpg 1440w" sizes="(max-width: 1020px) 100vw, 1020px" />						
					</div>
						</a>		
<style>
#image_1146203105 {
  width: 100%;
}
</style>
	</div>
	
<h5 class="ola-port-title">Huy Hiệu Logo Công Ty</h5>
		</div>
					</div>

	

	<div id="col-1356154409" class="col medium-3 small-12 large-3"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_370945278">
		<a class="image-lightbox lightbox-gallery" title="" href="https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2.jpg">						<div class="img-inner image-zoom image-cover dark" style="padding-top:300px;">
			<img decoding="async" width="800" height="800" src="https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2.jpg" class="attachment-large size-large" alt="" srcset="https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2.jpg 800w, https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2-300x300.jpg 300w, https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2-150x150.jpg 150w, https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2-768x768.jpg 768w, https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2-600x600.jpg 600w, https://trangsucola.vn/wp-content/uploads/2025/04/tuan-loc-2-100x100.jpg 100w" sizes="(max-width: 800px) 100vw, 800px" />						
					</div>
						</a>		
<style>
#image_370945278 {
  width: 100%;
}
</style>
	</div>
	
<h5 class="ola-port-title">Kẹp Cà Vạt Khắc Tên</h5>
		</div>
					</div>

	

	<div id="col-1542650166" class="col medium-3 small-12 large-3"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1095784488">
		<a class="image-lightbox lightbox-gallery" title="" href="https://trangsucola.vn/wp-content/uploads/2025/04/80-2.jpg">						<div class="img-inner image-zoom image-cover dark" style="padding-top:300px;">
			<img decoding="async" width="800" height="800" src="https://trangsucola.vn/wp-content/uploads/2025/04/80-2.jpg" class="attachment-large size-large" alt="" srcset="https://trangsucola.vn/wp-content/uploads/2025/04/80-2.jpg 800w, https://trangsucola.vn/wp-content/uploads/2025/04/80-2-300x300.jpg 300w, https://trangsucola.vn/wp-content/uploads/2025/04/80-2-150x150.jpg 150w, https://trangsucola.vn/wp-content/uploads/2025/04/80-2-768x768.jpg 768w, https://trangsucola.vn/wp-content/uploads/2025/04/80-2-600x600.jpg 600w, https://trangsucola.vn/wp-content/uploads/2025/04/80-2-100x100.jpg 100w" sizes="(max-width: 800px) 100vw, 800px" />						
					</div>
						</a>		
<style>
#image_1095784488 {
  width: 100%;
}
</style>
	</div>
	
<h5 class="ola-port-title">Bảng Tên Nhân Viên</h5>
		</div>
					</div>

	

	<div id="col-1112786011" class="col medium-3 small-12 large-3"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1228672776">
		<a class="image-lightbox lightbox-gallery" title="" href="https://trangsucola.vn/wp-content/uploads/2025/04/24-4.jpg">						<div class="img-inner image-zoom image-cover dark" style="padding-top:300px;">
			<img loading="lazy" decoding="async" width="750" height="750" src="https://trangsucola.vn/wp-content/uploads/2025/04/24-4.jpg" class="attachment-large size-large" alt="Trâm Cài Áo Hoa Mai Đính Phale Trắng Cao Cấp" srcset="https://trangsucola.vn/wp-content/uploads/2025/04/24-4.jpg 750w, https://trangsucola.vn/wp-content/uploads/2025/04/24-4-300x300.jpg 300w, https://trangsucola.vn/wp-content/uploads/2025/04/24-4-150x150.jpg 150w, https://trangsucola.vn/wp-content/uploads/2025/04/24-4-600x600.jpg 600w, https://trangsucola.vn/wp-content/uploads/2025/04/24-4-100x100.jpg 100w" sizes="auto, (max-width: 750px) 100vw, 750px" />						
					</div>
						</a>		
<style>
#image_1228672776 {
  width: 100%;
}
</style>
	</div>
	
<h5 class="ola-port-title">Quà Tặng Sự Kiện</h5>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1161252924 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(249, 249, 249);
}
</style>
	</section>
	

	<section class="section" id="section_305385955">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-middle"  id="row-1388249955">

	<div id="col-1764124091" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<h3 class="ola-heading-serif">Kỹ Thuật Chế Tác Đa Dạng</h3>
<div class="ola-divider-left"></div>
<p>Tùy vào logo và ngân sách của bạn, Ola sẽ tư vấn phương pháp tối ưu nhất:</p>
<div class="accordion">
	<div id="accordion-906126023" class="accordion-item">
		<a id="accordion-906126023-label" class="accordion-title plain" href="#accordion-item-1.-Ăn-mòn-đổ-màu-(phổ-biến-nhất)" aria-expanded="false" aria-controls="accordion-906126023-content" >
			<button class="toggle" aria-label="Chuyển đổi"><i class="icon-angle-down"></i></button>
			<span>1. Ăn mòn đổ màu (Phổ biến nhất)</span>
		</a>
		<div id="accordion-906126023-content" class="accordion-inner" aria-labelledby="accordion-906126023-label" >
			
<p>Phù hợp với logo nhiều chi tiết nhỏ. Bề mặt phẳng, màu sắc sắc nét, phủ keo thủy tinh bảo vệ.</p>
		</div>
	</div>
	
	<div id="accordion-1287300425" class="accordion-item">
		<a id="accordion-1287300425-label" class="accordion-title plain" href="#accordion-item-2.-dập-nổi-/-Đúc-khuôn-3d" aria-expanded="false" aria-controls="accordion-1287300425-content" >
			<button class="toggle" aria-label="Chuyển đổi"><i class="icon-angle-down"></i></button>
			<span>2. Dập nổi / Đúc khuôn 3D</span>
		</a>
		<div id="accordion-1287300425-content" class="accordion-inner" aria-labelledby="accordion-1287300425-label" >
			
<p>Tạo khối 3D sang trọng, cao cấp. Thích hợp cho huy hiệu kim loại màu vàng/bạc đơn sắc.</p>
		</div>
	</div>
	
	<div id="accordion-1293522094" class="accordion-item">
		<a id="accordion-1293522094-label" class="accordion-title plain" href="#accordion-item-3.-in-offset-phủ-keo" aria-expanded="false" aria-controls="accordion-1293522094-content" >
			<button class="toggle" aria-label="Chuyển đổi"><i class="icon-angle-down"></i></button>
			<span>3. In Offset phủ keo</span>
		</a>
		<div id="accordion-1293522094-content" class="accordion-inner" aria-labelledby="accordion-1293522094-label" >
			
<p>Dùng cho logo có màu chuyển sắc (gradient) hoặc hình ảnh phức tạp mà ăn mòn không làm được.</p>
		</div>
	</div>
	
</div>
		</div>
					</div>

	

	<div id="col-1255572730" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<div class="uxb-no-content uxb-image">Upload Image...</div>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_305385955 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(255, 255, 255);
}
</style>
	</section>
	

	<section class="section dark" id="section_2017368345">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-center"  id="row-1478761908">

	<div id="col-1490606175" class="col medium-8 small-12 large-8"  >
				<div class="col-inner text-center"  >
			
			
<h2 style="color:#C5A880">NHẬN BÁO GIÁ TRONG 30 PHÚT</h2>
<p>Hãy để lại thông tin hoặc kết bạn Zalo để gửi mẫu thiết kế nhanh nhất.</p>
		</div>
					</div>

	
</div>
<div class="row align-center"  id="row-1932109485">

	<div id="col-1799565207" class="col medium-8 small-12 large-8"  >
				<div class="col-inner"  >
			
			
<div class="ola-quote-form">
<p class="wpcf7-contact-form-not-found"><strong>Lỗi:</strong> Không tìm thấy biểu mẫu liên hệ.</p>
</div>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_2017368345 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(34, 34, 34);
}
</style>
	</section>
	

			
		
</div>



</main>

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

	
	<section class="section ola-footer" id="section_417342288">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			

<div class="row row-large align-top row-dashed"  id="row-1493913368">


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

	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_911804399">
								<div class="img-inner dark" >
			<img width="500" height="150" src="https://trangsucola.vn/wp-content/uploads/2025/02/trang-suc-ola-1.png" class="attachment-large size-large" alt="" decoding="async" loading="lazy" srcset="https://trangsucola.vn/wp-content/uploads/2025/02/trang-suc-ola-1.png 500w, https://trangsucola.vn/wp-content/uploads/2025/02/trang-suc-ola-1-300x90.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" />						
					</div>
								
<style>
#image_911804399 {
  width: 120%;
}
@media (min-width:550px) {
  #image_911804399 {
    width: 60%;
  }
}
</style>
	</div>
	

	<div id="gap-1923073976" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-1923073976 {
  padding-top: 10px;
}
</style>
	</div>
	

<p class="ola-footer-desc">
    <strong>Trang Sức OLA</strong> chuyên cung cấp trâm cài áo, huy hiệu, kẹp cà vạt và trang sức thiết kế.
  </p>
<p class="ola-footer-desc">
    Sản phẩm được gia công tỉ mỉ tại xưởng với tay nghề thủ công tinh xảo, mang lại vẻ đẹp thanh lịch và sang trọng cho bạn.
  </p>
	<div id="gap-392382843" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-392382843 {
  padding-top: 15px;
}
</style>
	</div>
	

<div class="social-icons follow-icons" ><a href="https://facebook.com/..." target="_blank" data-label="Facebook" class="icon plain facebook tooltip" title="Theo dõi trên Facebook" aria-label="Theo dõi trên Facebook" rel="noopener nofollow" ><i class="icon-facebook" ></i></a><a href="https://instagram.com/..." target="_blank" data-label="Instagram" class="icon plain instagram tooltip" title="Theo dõi trên Instagram" aria-label="Theo dõi trên Instagram" rel="noopener nofollow" ><i class="icon-instagram" ></i></a><a href="https://tiktok.com/..." target="_blank" data-label="TikTok" class="icon plain tiktok tooltip" title="Theo dõi trên TikTok" aria-label="Theo dõi trên TikTok" rel="noopener nofollow" ><i class="icon-tiktok" ></i></a></div>


		</div>
					</div>

	

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

<h4 class="ola-footer-title">SẢN PHẨM</h4>
<div class="ola-footer-menu">
<ul>
<li><a href="#">Trâm cài áo Vest</a></li>
<li><a href="#">Huy hiệu & Logo</a></li>
<li><a href="#">Pin cài áo</a></li>
<li><a href="#">Kẹp cà vạt Nam</a></li>
<li><a href="#">Trang sức thiết kế</a></li>
</ul></div>

		</div>
					</div>

	

	<div id="col-899745736" class="col medium-2 small-12 large-2"  >
				<div class="col-inner"  >
			
			

<h4 class="ola-footer-title">HỖ TRỢ</h4>
<div class="ola-footer-menu">
<ul>
<li><a href="#">Hướng dẫn mua hàng</a></li>
<li><a href="#">Chính sách đổi trả</a></li>
<li><a href="#">Tra cứu đơn hàng</a></li>
<li><a href="#">Hướng dẫn bảo quản</a></li>
<li><a href="#">Liên hệ hợp tác</a></li>
</ul></div>

		</div>
					</div>

	

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

<h4 class="ola-footer-title">LIÊN HỆ OLA</h4>
<div class="ola-contact-item">
    <i class="fas fa-map-marker-alt"></i><br />
    <span>183/5 Bùi Đình Tuý, P. 24,<br />Q. Bình Thạnh, TP. HCM</span>
  </div>
<div class="ola-contact-item">
    <i class="fas fa-phone-alt"></i><br />
    <span><a href="tel:0933711261" class="ola-hotline">093 371 12 61</a></span>
  </div>
<div class="ola-contact-item">
    <i class="far fa-envelope"></i><br />
    <span><a href="mailto:lienhe@trangsucola.com">lienhe@trangsucola.com</a></span>
  </div>
	<div id="gap-1872828157" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-1872828157 {
  padding-top: 20px;
}
</style>
	</div>
	

<p style="font-size: 0.85em; opacity: 0.7;">Chấp nhận thanh toán:</p>
<div class="uxb-no-content uxb-image">Upload Image...</div>


		</div>
					</div>

	

</div>
<div class="is-divider divider clearfix" style="max-width:100%;height:1px;background-color:rgb(221, 221, 221);"></div>

<div class="row align-middle align-center"  id="row-969355556">


	<div id="col-1315428074" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			

<p style="font-size: 14px; margin-bottom: 0;">© 2025 <strong>Trang Sức OLA</strong>. Thiết kế website tối ưu trải nghiệm người dùng.</p>

		</div>
					</div>

	


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

		</div>

		
<style>
#section_417342288 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(249, 249, 249);
}
@media (min-width:550px) {
  #section_417342288 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
</style>
	</section>
	
<div class="absolute-footer light medium-text-center small-text-center">
  <div class="container clearfix">

          <div class="footer-secondary pull-right">
                <div class="payment-icons inline-block"><div class="payment-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 64 32">
<path d="M10.781 7.688c-0.251-1.283-1.219-1.688-2.344-1.688h-8.376l-0.061 0.405c5.749 1.469 10.469 4.595 12.595 10.501l-1.813-9.219zM13.125 19.688l-0.531-2.781c-1.096-2.907-3.752-5.594-6.752-6.813l4.219 15.939h5.469l8.157-20.032h-5.501l-5.062 13.688zM27.72 26.061l3.248-20.061h-5.187l-3.251 20.061h5.189zM41.875 5.656c-5.125 0-8.717 2.72-8.749 6.624-0.032 2.877 2.563 4.469 4.531 5.439 2.032 0.968 2.688 1.624 2.688 2.499 0 1.344-1.624 1.939-3.093 1.939-2.093 0-3.219-0.251-4.875-1.032l-0.688-0.344-0.719 4.499c1.219 0.563 3.437 1.064 5.781 1.064 5.437 0.032 8.97-2.688 9.032-6.843 0-2.282-1.405-4-4.376-5.439-1.811-0.904-2.904-1.563-2.904-2.499 0-0.843 0.936-1.72 2.968-1.72 1.688-0.029 2.936 0.314 3.875 0.752l0.469 0.248 0.717-4.344c-1.032-0.406-2.656-0.844-4.656-0.844zM55.813 6c-1.251 0-2.189 0.376-2.72 1.688l-7.688 18.374h5.437c0.877-2.467 1.096-3 1.096-3 0.592 0 5.875 0 6.624 0 0 0 0.157 0.688 0.624 3h4.813l-4.187-20.061h-4zM53.405 18.938c0 0 0.437-1.157 2.064-5.594-0.032 0.032 0.437-1.157 0.688-1.907l0.374 1.72c0.968 4.781 1.189 5.781 1.189 5.781-0.813 0-3.283 0-4.315 0z"></path>
</svg>
</div><div class="payment-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 64 32">
<path d="M35.255 12.078h-2.396c-0.229 0-0.444 0.114-0.572 0.303l-3.306 4.868-1.4-4.678c-0.088-0.292-0.358-0.493-0.663-0.493h-2.355c-0.284 0-0.485 0.28-0.393 0.548l2.638 7.745-2.481 3.501c-0.195 0.275 0.002 0.655 0.339 0.655h2.394c0.227 0 0.439-0.111 0.569-0.297l7.968-11.501c0.191-0.275-0.006-0.652-0.341-0.652zM19.237 16.718c-0.23 1.362-1.311 2.276-2.691 2.276-0.691 0-1.245-0.223-1.601-0.644-0.353-0.417-0.485-1.012-0.374-1.674 0.214-1.35 1.313-2.294 2.671-2.294 0.677 0 1.227 0.225 1.589 0.65 0.365 0.428 0.509 1.027 0.404 1.686zM22.559 12.078h-2.384c-0.204 0-0.378 0.148-0.41 0.351l-0.104 0.666-0.166-0.241c-0.517-0.749-1.667-1-2.817-1-2.634 0-4.883 1.996-5.321 4.796-0.228 1.396 0.095 2.731 0.888 3.662 0.727 0.856 1.765 1.212 3.002 1.212 2.123 0 3.3-1.363 3.3-1.363l-0.106 0.662c-0.040 0.252 0.155 0.479 0.41 0.479h2.147c0.341 0 0.63-0.247 0.684-0.584l1.289-8.161c0.040-0.251-0.155-0.479-0.41-0.479zM8.254 12.135c-0.272 1.787-1.636 1.787-2.957 1.787h-0.751l0.527-3.336c0.031-0.202 0.205-0.35 0.41-0.35h0.345c0.899 0 1.747 0 2.185 0.511 0.262 0.307 0.341 0.761 0.242 1.388zM7.68 7.473h-4.979c-0.341 0-0.63 0.248-0.684 0.584l-2.013 12.765c-0.040 0.252 0.155 0.479 0.41 0.479h2.378c0.34 0 0.63-0.248 0.683-0.584l0.543-3.444c0.053-0.337 0.343-0.584 0.683-0.584h1.575c3.279 0 5.172-1.587 5.666-4.732 0.223-1.375 0.009-2.456-0.635-3.212-0.707-0.832-1.962-1.272-3.628-1.272zM60.876 7.823l-2.043 12.998c-0.040 0.252 0.155 0.479 0.41 0.479h2.055c0.34 0 0.63-0.248 0.683-0.584l2.015-12.765c0.040-0.252-0.155-0.479-0.41-0.479h-2.299c-0.205 0.001-0.379 0.148-0.41 0.351zM54.744 16.718c-0.23 1.362-1.311 2.276-2.691 2.276-0.691 0-1.245-0.223-1.601-0.644-0.353-0.417-0.485-1.012-0.374-1.674 0.214-1.35 1.313-2.294 2.671-2.294 0.677 0 1.227 0.225 1.589 0.65 0.365 0.428 0.509 1.027 0.404 1.686zM58.066 12.078h-2.384c-0.204 0-0.378 0.148-0.41 0.351l-0.104 0.666-0.167-0.241c-0.516-0.749-1.667-1-2.816-1-2.634 0-4.883 1.996-5.321 4.796-0.228 1.396 0.095 2.731 0.888 3.662 0.727 0.856 1.765 1.212 3.002 1.212 2.123 0 3.3-1.363 3.3-1.363l-0.106 0.662c-0.040 0.252 0.155 0.479 0.41 0.479h2.147c0.341 0 0.63-0.247 0.684-0.584l1.289-8.161c0.040-0.252-0.156-0.479-0.41-0.479zM43.761 12.135c-0.272 1.787-1.636 1.787-2.957 1.787h-0.751l0.527-3.336c0.031-0.202 0.205-0.35 0.41-0.35h0.345c0.899 0 1.747 0 2.185 0.511 0.261 0.307 0.34 0.761 0.241 1.388zM43.187 7.473h-4.979c-0.341 0-0.63 0.248-0.684 0.584l-2.013 12.765c-0.040 0.252 0.156 0.479 0.41 0.479h2.554c0.238 0 0.441-0.173 0.478-0.408l0.572-3.619c0.053-0.337 0.343-0.584 0.683-0.584h1.575c3.279 0 5.172-1.587 5.666-4.732 0.223-1.375 0.009-2.456-0.635-3.212-0.707-0.832-1.962-1.272-3.627-1.272z"></path>
</svg>
</div><div class="payment-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 64 32">
<path d="M7.114 14.656c-1.375-0.5-2.125-0.906-2.125-1.531 0-0.531 0.437-0.812 1.188-0.812 1.437 0 2.875 0.531 3.875 1.031l0.563-3.5c-0.781-0.375-2.406-1-4.656-1-1.594 0-2.906 0.406-3.844 1.188-1 0.812-1.5 2-1.5 3.406 0 2.563 1.563 3.688 4.125 4.594 1.625 0.594 2.188 1 2.188 1.656 0 0.625-0.531 0.969-1.5 0.969-1.188 0-3.156-0.594-4.437-1.343l-0.563 3.531c1.094 0.625 3.125 1.281 5.25 1.281 1.688 0 3.063-0.406 4.031-1.157 1.063-0.843 1.594-2.062 1.594-3.656-0.001-2.625-1.595-3.719-4.188-4.657zM21.114 9.125h-3v-4.219l-4.031 0.656-0.563 3.563-1.437 0.25-0.531 3.219h1.937v6.844c0 1.781 0.469 3 1.375 3.75 0.781 0.625 1.907 0.938 3.469 0.938 1.219 0 1.937-0.219 2.468-0.344v-3.688c-0.282 0.063-0.938 0.22-1.375 0.22-0.906 0-1.313-0.5-1.313-1.563v-6.156h2.406l0.595-3.469zM30.396 9.031c-0.313-0.062-0.594-0.093-0.876-0.093-1.312 0-2.374 0.687-2.781 1.937l-0.313-1.75h-4.093v14.719h4.687v-9.563c0.594-0.719 1.437-0.968 2.563-0.968 0.25 0 0.5 0 0.812 0.062v-4.344zM33.895 2.719c-1.375 0-2.468 1.094-2.468 2.469s1.094 2.5 2.468 2.5 2.469-1.124 2.469-2.5-1.094-2.469-2.469-2.469zM36.239 23.844v-14.719h-4.687v14.719h4.687zM49.583 10.468c-0.843-1.094-2-1.625-3.469-1.625-1.343 0-2.531 0.563-3.656 1.75l-0.25-1.469h-4.125v20.155l4.688-0.781v-4.719c0.719 0.219 1.469 0.344 2.125 0.344 1.157 0 2.876-0.313 4.188-1.75 1.281-1.375 1.907-3.5 1.907-6.313 0-2.499-0.469-4.405-1.407-5.593zM45.677 19.532c-0.375 0.687-0.969 1.094-1.625 1.094-0.468 0-0.906-0.093-1.281-0.281v-7c0.812-0.844 1.531-0.938 1.781-0.938 1.188 0 1.781 1.313 1.781 3.812 0.001 1.437-0.219 2.531-0.656 3.313zM62.927 10.843c-1.032-1.312-2.563-2-4.501-2-4 0-6.468 2.938-6.468 7.688 0 2.625 0.656 4.625 1.968 5.875 1.157 1.157 2.844 1.719 5.032 1.719 2 0 3.844-0.469 5-1.251l-0.501-3.219c-1.157 0.625-2.5 0.969-4 0.969-0.906 0-1.532-0.188-1.969-0.594-0.5-0.406-0.781-1.094-0.875-2.062h7.75c0.031-0.219 0.062-1.281 0.062-1.625 0.001-2.344-0.5-4.188-1.499-5.5zM56.583 15.094c0.125-2.093 0.687-3.062 1.75-3.062s1.625 1 1.687 3.062h-3.437z"></path>
</svg>
</div><div class="payment-icon"><svg viewBox="0 0 64 32" xmlns="http://www.w3.org/2000/svg">
	<path d="M18.4306 31.9299V29.8062C18.4306 28.9938 17.9382 28.4618 17.0929 28.4618C16.6703 28.4618 16.2107 28.6021 15.8948 29.0639C15.6486 28.6763 15.2957 28.4618 14.7663 28.4618C14.4135 28.4618 14.0606 28.5691 13.7816 28.9567V28.532H13.043V31.9299H13.7816V30.0536C13.7816 29.4515 14.0975 29.167 14.5899 29.167C15.0823 29.167 15.3285 29.4845 15.3285 30.0536V31.9299H16.0671V30.0536C16.0671 29.4515 16.42 29.167 16.8754 29.167C17.3678 29.167 17.614 29.4845 17.614 30.0536V31.9299H18.4306ZM29.3863 28.532H28.1882V27.5051H27.4496V28.532H26.7808V29.2041H27.4496V30.7629C27.4496 31.5423 27.7655 32 28.6108 32C28.9268 32 29.2797 31.8928 29.5259 31.7526L29.3125 31.1134C29.0991 31.2536 28.8529 31.2907 28.6765 31.2907C28.3236 31.2907 28.1841 31.0763 28.1841 30.7258V29.2041H29.3822V28.532H29.3863ZM35.6562 28.4577C35.2335 28.4577 34.9504 28.6722 34.774 28.9526V28.5278H34.0354V31.9258H34.774V30.0124C34.774 29.4474 35.0202 29.1258 35.4797 29.1258C35.6192 29.1258 35.7957 29.1629 35.9393 29.1959L36.1527 28.4866C36.0049 28.4577 35.7957 28.4577 35.6562 28.4577ZM26.1817 28.8124C25.8288 28.5649 25.3364 28.4577 24.8071 28.4577C23.9618 28.4577 23.3997 28.8825 23.3997 29.5546C23.3997 30.1196 23.8223 30.4412 24.5609 30.5443L24.9138 30.5814C25.2995 30.6515 25.5128 30.7588 25.5128 30.9361C25.5128 31.1835 25.2297 31.3608 24.7373 31.3608C24.2449 31.3608 23.8551 31.1835 23.6089 31.0062L23.256 31.5711C23.6417 31.8557 24.1711 31.9959 24.7004 31.9959C25.6852 31.9959 26.2514 31.534 26.2514 30.899C26.2514 30.2969 25.7919 29.9794 25.0902 29.8722L24.7373 29.835C24.4214 29.7979 24.1752 29.7278 24.1752 29.5175C24.1752 29.2701 24.4214 29.1299 24.8112 29.1299C25.2338 29.1299 25.6565 29.3072 25.8698 29.4144L26.1817 28.8124ZM45.8323 28.4577C45.4097 28.4577 45.1265 28.6722 44.9501 28.9526V28.5278H44.2115V31.9258H44.9501V30.0124C44.9501 29.4474 45.1963 29.1258 45.6559 29.1258C45.7954 29.1258 45.9718 29.1629 46.1154 29.1959L46.3288 28.4948C46.1852 28.4577 45.9759 28.4577 45.8323 28.4577ZM36.3948 30.2309C36.3948 31.2577 37.1005 32 38.192 32C38.6844 32 39.0373 31.8928 39.3901 31.6124L39.0373 31.0103C38.7541 31.2247 38.4751 31.3278 38.1551 31.3278C37.556 31.3278 37.1333 30.9031 37.1333 30.2309C37.1333 29.5917 37.556 29.167 38.1551 29.134C38.471 29.134 38.7541 29.2412 39.0373 29.4515L39.3901 28.8495C39.0373 28.5649 38.6844 28.4618 38.192 28.4618C37.1005 28.4577 36.3948 29.2041 36.3948 30.2309ZM43.2267 30.2309V28.532H42.4881V28.9567C42.2419 28.6392 41.889 28.4618 41.4295 28.4618C40.4775 28.4618 39.7389 29.2041 39.7389 30.2309C39.7389 31.2577 40.4775 32 41.4295 32C41.9219 32 42.2748 31.8227 42.4881 31.5051V31.9299H43.2267V30.2309ZM40.5144 30.2309C40.5144 29.6289 40.9002 29.134 41.5362 29.134C42.1352 29.134 42.5579 29.5959 42.5579 30.2309C42.5579 30.833 42.1352 31.3278 41.5362 31.3278C40.9043 31.2907 40.5144 30.8289 40.5144 30.2309ZM31.676 28.4577C30.6912 28.4577 29.9854 29.167 29.9854 30.2268C29.9854 31.2907 30.6912 31.9959 31.7129 31.9959C32.2053 31.9959 32.6977 31.8557 33.0875 31.534L32.7346 31.0021C32.4515 31.2165 32.0986 31.3567 31.7498 31.3567C31.2903 31.3567 30.8348 31.1423 30.7281 30.5443H33.227C33.227 30.4371 33.227 30.367 33.227 30.2598C33.2598 29.167 32.6238 28.4577 31.676 28.4577ZM31.676 29.0969C32.1355 29.0969 32.4515 29.3814 32.5213 29.9093H30.7609C30.8307 29.4515 31.1467 29.0969 31.676 29.0969ZM50.0259 30.2309V27.1876H49.2873V28.9567C49.0411 28.6392 48.6882 28.4618 48.2286 28.4618C47.2767 28.4618 46.5381 29.2041 46.5381 30.2309C46.5381 31.2577 47.2767 32 48.2286 32C48.721 32 49.0739 31.8227 49.2873 31.5051V31.9299H50.0259V30.2309ZM47.3136 30.2309C47.3136 29.6289 47.6993 29.134 48.3353 29.134C48.9344 29.134 49.357 29.5959 49.357 30.2309C49.357 30.833 48.9344 31.3278 48.3353 31.3278C47.6993 31.2907 47.3136 30.8289 47.3136 30.2309ZM22.5872 30.2309V28.532H21.8486V28.9567C21.6024 28.6392 21.2495 28.4618 20.79 28.4618C19.838 28.4618 19.0994 29.2041 19.0994 30.2309C19.0994 31.2577 19.838 32 20.79 32C21.2824 32 21.6352 31.8227 21.8486 31.5051V31.9299H22.5872V30.2309ZM19.8421 30.2309C19.8421 29.6289 20.2278 29.134 20.8638 29.134C21.4629 29.134 21.8855 29.5959 21.8855 30.2309C21.8855 30.833 21.4629 31.3278 20.8638 31.3278C20.2278 31.2907 19.8421 30.8289 19.8421 30.2309Z"/>
	<path d="M26.6745 12.7423C26.6745 8.67216 28.5785 5.05979 31.5 2.72577C29.3499 1.0268 26.6376 0 23.6791 0C16.6707 0 11 5.69897 11 12.7423C11 19.7856 16.6707 25.4845 23.6791 25.4845C26.6376 25.4845 29.3499 24.4577 31.5 22.7588C28.5744 20.4577 26.6745 16.8124 26.6745 12.7423Z"/>
	<path d="M31.5 2.72577C34.4215 5.05979 36.3255 8.67216 36.3255 12.7423C36.3255 16.8124 34.4585 20.4206 31.5 22.7588L25.9355 22.7588V2.72577L31.5 2.72577Z" fill-opacity="0.6"/>
	<path d="M52 12.7423C52 19.7856 46.3293 25.4845 39.3209 25.4845C36.3624 25.4845 33.6501 24.4577 31.5 22.7588C34.4585 20.4206 36.3255 16.8124 36.3255 12.7423C36.3255 8.67216 34.4215 5.05979 31.5 2.72577C33.646 1.0268 36.3583 0 39.3168 0C46.3293 0 52 5.73608 52 12.7423Z" fill-opacity="0.4"/>
</svg>
</div><div class="payment-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 64 32">
<path d="M13.043 8.356c-0.46 0-0.873 0.138-1.24 0.413s-0.662 0.681-0.885 1.217c-0.223 0.536-0.334 1.112-0.334 1.727 0 0.568 0.119 0.99 0.358 1.265s0.619 0.413 1.141 0.413c0.508 0 1.096-0.131 1.765-0.393v1.327c-0.693 0.262-1.389 0.393-2.089 0.393-0.884 0-1.572-0.254-2.063-0.763s-0.736-1.229-0.736-2.161c0-0.892 0.181-1.712 0.543-2.462s0.846-1.32 1.452-1.709 1.302-0.584 2.089-0.584c0.435 0 0.822 0.038 1.159 0.115s0.7 0.217 1.086 0.421l-0.616 1.276c-0.369-0.201-0.673-0.333-0.914-0.398s-0.478-0.097-0.715-0.097zM19.524 12.842h-2.47l-0.898 1.776h-1.671l3.999-7.491h1.948l0.767 7.491h-1.551l-0.125-1.776zM19.446 11.515l-0.136-1.786c-0.035-0.445-0.052-0.876-0.052-1.291v-0.184c-0.153 0.408-0.343 0.84-0.569 1.296l-0.982 1.965h1.739zM27.049 12.413c0 0.711-0.257 1.273-0.773 1.686s-1.213 0.62-2.094 0.62c-0.769 0-1.389-0.153-1.859-0.46v-1.398c0.672 0.367 1.295 0.551 1.869 0.551 0.39 0 0.694-0.072 0.914-0.217s0.329-0.343 0.329-0.595c0-0.147-0.024-0.275-0.070-0.385s-0.114-0.214-0.201-0.309c-0.087-0.095-0.303-0.269-0.648-0.52-0.481-0.337-0.818-0.67-1.013-1s-0.293-0.685-0.293-1.066c0-0.439 0.108-0.831 0.324-1.176s0.523-0.614 0.922-0.806 0.857-0.288 1.376-0.288c0.755 0 1.446 0.168 2.073 0.505l-0.569 1.189c-0.543-0.252-1.044-0.378-1.504-0.378-0.289 0-0.525 0.077-0.71 0.23s-0.276 0.355-0.276 0.607c0 0.207 0.058 0.389 0.172 0.543s0.372 0.36 0.773 0.615c0.421 0.272 0.736 0.572 0.945 0.9s0.313 0.712 0.313 1.151zM33.969 14.618h-1.597l0.7-3.22h-2.46l-0.7 3.22h-1.592l1.613-7.46h1.597l-0.632 2.924h2.459l0.632-2.924h1.592l-1.613 7.46zM46.319 9.831c0 0.963-0.172 1.824-0.517 2.585s-0.816 1.334-1.415 1.722c-0.598 0.388-1.288 0.582-2.067 0.582-0.891 0-1.587-0.251-2.086-0.753s-0.749-1.198-0.749-2.090c0-0.902 0.172-1.731 0.517-2.488s0.82-1.338 1.425-1.743c0.605-0.405 1.306-0.607 2.099-0.607 0.888 0 1.575 0.245 2.063 0.735s0.73 1.176 0.73 2.056zM43.395 8.356c-0.421 0-0.808 0.155-1.159 0.467s-0.627 0.739-0.828 1.283-0.3 1.135-0.3 1.771c0 0.5 0.116 0.877 0.348 1.133s0.558 0.383 0.979 0.383 0.805-0.148 1.151-0.444c0.346-0.296 0.617-0.714 0.812-1.255s0.292-1.148 0.292-1.822c0-0.483-0.113-0.856-0.339-1.12-0.227-0.264-0.546-0.396-0.957-0.396zM53.427 14.618h-1.786l-1.859-5.644h-0.031l-0.021 0.163c-0.111 0.735-0.227 1.391-0.344 1.97l-0.757 3.511h-1.436l1.613-7.46h1.864l1.775 5.496h0.021c0.042-0.259 0.109-0.628 0.203-1.107s0.407-1.942 0.94-4.388h1.43l-1.613 7.461zM13.296 20.185c0 0.98-0.177 1.832-0.532 2.556s-0.868 1.274-1.539 1.652c-0.672 0.379-1.464 0.568-2.376 0.568h-2.449l1.678-7.68h2.15c0.977 0 1.733 0.25 2.267 0.751s0.801 1.219 0.801 2.154zM8.925 23.615c0.536 0 1.003-0.133 1.401-0.399s0.71-0.657 0.934-1.174c0.225-0.517 0.337-1.108 0.337-1.773 0-0.54-0.131-0.95-0.394-1.232s-0.64-0.423-1.132-0.423h-0.624l-1.097 5.001h0.575zM18.64 24.96h-4.436l1.678-7.68h4.442l-0.293 1.334h-2.78l-0.364 1.686h2.59l-0.299 1.334h-2.59l-0.435 1.98h2.78l-0.293 1.345zM20.509 24.96l1.678-7.68h1.661l-1.39 6.335h2.78l-0.294 1.345h-4.436zM26.547 24.96l1.694-7.68h1.656l-1.694 7.68h-1.656zM33.021 23.389c0.282-0.774 0.481-1.27 0.597-1.487l2.346-4.623h1.716l-4.061 7.68h-1.814l-0.689-7.68h1.602l0.277 4.623c0.015 0.157 0.022 0.39 0.022 0.699-0.007 0.361-0.018 0.623-0.033 0.788h0.038zM41.678 24.96h-4.437l1.678-7.68h4.442l-0.293 1.334h-2.78l-0.364 1.686h2.59l-0.299 1.334h-2.59l-0.435 1.98h2.78l-0.293 1.345zM45.849 22.013l-0.646 2.947h-1.656l1.678-7.68h1.949c0.858 0 1.502 0.179 1.933 0.536s0.646 0.881 0.646 1.571c0 0.554-0.15 1.029-0.451 1.426s-0.733 0.692-1.298 0.885l1.417 3.263h-1.803l-1.124-2.947h-0.646zM46.137 20.689h0.424c0.474 0 0.843-0.1 1.108-0.3s0.396-0.504 0.396-0.914c0-0.287-0.086-0.502-0.258-0.646s-0.442-0.216-0.812-0.216h-0.402l-0.456 2.076zM53.712 20.39l2.031-3.11h1.857l-3.355 4.744-0.646 2.936h-1.645l0.646-2.936-1.281-4.744h1.694l0.7 3.11z"></path>
</svg>
</div></div>      </div>
    
    <div class="footer-primary pull-left">
            <div class="copyright-footer">
        Copyright 2026 © <strong>trangsucola</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="Lên đầu trang"><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://trangsucola.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="Gửi">
				<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 menu-item-860"><a href="https://trangsucola.vn/">Trang chủ</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-862"><a href="#">Trâm Cài Áo</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-863"><a href="#">Phụ kiện nam</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-864"><a href="#">Huy Hiệu &#038; Pin</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-872 current_page_item menu-item-878"><a href="https://trangsucola.vn/gia-cong-thiet-ke/" aria-current="page">Gia Công &#038; Thiết Kế</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a href="https://trangsucola.vn/lien-he/">Liên hệ</a></li>

<li class="account-item has-icon menu-item">
			<a href="https://trangsucola.vn/tai-khoan/" class="nav-top-link nav-top-not-logged-in" title="Đăng nhập" >
			<span class="header-account-title">
				Đăng nhập			</span>
		</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-child/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <div id="login-form-popup" class="lightbox-content mfp-hide">
            	<div class="woocommerce">