/*!
Theme Name: thietbihoanthien
Theme URI: http://underscores.me/
Author: Nguyen Hoang
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thietbihoanthien
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

thietbihoanthien is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: inherit;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: inherit;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}


.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


.container {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0 16px;
}

/* ===== HEADER TOP ===== */
.header-top {
	border-bottom: 1px solid #eee;
	padding: 12px 0;
}

.header-top .container {
	justify-content: space-between;
}

/* Logo */
.logo {
	text-transform: uppercase;
	font-weight: bold;
}

.logo img {
	height: 40px;
}

/* Search */
.search-box {
	flex: 1;
	display: flex;
	border-radius: 100vmax;
	border: 1px solid #3984be;
	overflow: hidden;
}

.search-box input {
	flex: 1;
	padding: 10px 12px;
	border-right: none;
	font-size: 14px;
	border: 0;
}

.search-box input:focus {
	outline: none;
}

.search-box button {
	padding: 0 20px;
	background: #3984be;
	color: #fff;
	border: 1px solid #3984be;
	font-weight: bold;
	cursor: pointer;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
}

/* Actions */
.header-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 14px;
}

.btn-outline {
	padding: 0 20px;
	background: #fff;
	border: 1px solid #3984be;
	font-weight: bold;
	cursor: pointer;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	color: #3984be;
}

.btn-popup-cart {
	display: flex;
	align-items: center;
	gap: 6px;
	border-radius: 100vmax;
}

.link {
	text-decoration: none;
	color: #000;
}

.highlight {
	font-weight: bold;
	color: #3984be;
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

/* ===== NAV ===== */
.header-nav {
	background: #fff;
}


.header-nav .container {
	justify-content: flex-start;
	gap: 24px;
}

/* Category button */
.category-toggle {
	background: #f5f5f5;
	padding: 10px 16px;
	font-weight: bold;
	cursor: pointer;
	width: 215px;
}

/* Menu */
.menu {
	list-style: none;
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 0;
	padding-left: 24px;
	max-width: calc(100% - 215px);
	padding-right: 24px;
}

.menu li a {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	padding: 8px 8px;
}

.menu li a:hover {
	color: #3984be;
}

.menu .slick-arrow {
	position: absolute;
	top: 50%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateY(-50%);
}

.menu .slick-arrow img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.menu .slick-next.slick-arrow {
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}

/* ===== FLASH SALE ===== */

/* HEADER */
.flash-sale__header {
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 2px solid #3984be;
	padding-bottom: 12px;
	margin-bottom: 24px;
}

.flash-sale__title {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}

.flash-sale__countdown {
	justify-self: center;
	background: #e50000;
	color: #fff;
	padding: 8px 16px;
	font-size: 22px;
	font-weight: bold;
	border-radius: 4px;
	justify-content: flex-start;
}

.flash-sale__note {
	font-size: 14px;
	color: #666;
	flex: 1;
	text-align: right;
}

/* LIST */
.flash-sale__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}

/* CARD */
.product-card {
	position: relative;
	border: 1px solid #eee;
	border-radius: 14px;
	padding: 16px;
	background: #fff;
	text-align: center;
	transition: box-shadow .2s ease;
}

.product-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.product-hot {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 18px;
}

/* IMAGE */
.product-image img {
	max-width: 100%;
	height: auto;
	margin-bottom: 12px;
	object-fit: cover;
}

/* TITLE */
.product-title {
	font-size: 14px;
	line-height: 1.4;
	min-height: 40px;
	margin: 8px 0;
	color: #333;
}

/* PRICE */

.price-new {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

/* DISCOUNT */
.product-discount {
	position: absolute;
	left: 16px;
	bottom: 70px;
	background: #ff3b30;
	color: #fff;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 12px;
}

/* BUTTON */
.btn-add-cart {
	width: 100%;
	padding: 10px 12px;
	border-radius: 0;
	border: 1px solid #3984be;
	background: #fff;
	color: #3984be;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease;
}

.btn-add-cart:hover {
	background: #1e6bd6;
	color: #fff;
}

/* ===============================
   Grid layout
================================ */
.banner-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
	margin-top: 20px;
}

.banner-col {
	grid-column: span 12;
}

@media (min-width: 768px) {
	.banner-col {
		grid-column: span 6;
	}
}

/* ===============================
   Wrapper
================================ */
.banner-wrapper {
	position: relative;
}

/* ===============================
   Arrow buttons
================================ */
.banner-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;

	width: 36px;
	height: 36px;

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

	border-radius: 50%;
	border: 2px solid #fff;
	background: transparent;
	cursor: pointer;
	opacity: 0;

	transition: all 0.3s ease;
}

.banner-wrapper:hover .banner-arrow {
	opacity: 1;
}

@media (min-width: 1024px) {
	.banner-arrow {
		display: flex;
	}
}

.banner-arrow-prev {
	left: 16px;
}

.banner-arrow-next {
	right: 16px;
}

.banner-arrow:hover {
	background-color: #fe0;
	border-color: #fe0;
}

/* ===============================
   Images
================================ */
.banner-image {
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 354 / 120;
}

@media (min-width: 1024px) {
	.banner-image {
		aspect-ratio: 600 / 200;
	}
}

/* SECTION */
.product-section {
	max-width: 1300px;
	margin: 40px auto;
	padding: 0 16px;
}

/* TABS */
.product-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-bottom: 40px;
}

.product-tabs .tab {
	padding: 10px 20px;
	border: 1.5px solid #3984be;
	background: #fff;
	color: #3984be;
	font-weight: bold;
	border-radius: 6px;
	cursor: pointer;
	transition: .2s;
}

.product-tabs .tab.active,
.product-tabs .tab:hover {
	background: #3984be;
	color: #fff;
}

/* GRID */
.product-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 40px 24px;
}

/* GRID -> SLIDER */
.product-grid.is-slider {
	display: block;
	position: relative;
}

.product-grid.is-slider .slick-list {
	margin: 0 -12px;
}

.product-grid.is-slider .slick-slide {
	padding: 0 12px;
}

.product-grid.is-slider:not(.slick-initialized) {
	display: flex;
	gap: 24px;
	overflow: hidden;
}

.product-grid.is-slider:not(.slick-initialized) .product-item {
	flex: 0 0 calc(25% - 18px);
}

.product-grid.is-slider .slick-arrow {
	position: absolute;
	top: 40%;
	left: -16px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 0;
}

.product-grid.is-slider .slick-arrow::before {
	content: none;
}

.product-grid.is-slider .slick-arrow img {
	width: 100%;
	height: 100%;
}

.product-grid.is-slider .slick-next {
	left: auto;
	right: -16px;
	transform: translateY(-50%) rotate(180deg);
}

/* ITEM */
.product-item {
	position: relative;
	text-align: center;
	display: flex;
	flex-flow: column;
}

/* NAME */
.product-name {
	font-size: 14px;
	line-height: 1.5;
	margin: 16px 0 8px;
	color: #000;
	min-height: 42px;
}

/* PRICE */
.product-price {
	padding-bottom: 0.5rem;
}

.product-price ins {
	color: #3984be;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff0;
}

.product-price del {
	color: #b5b5b5;
	text-decoration: line-through;
	font-size: 1rem;
}


.price {
	color: #3984be;
	font-size: 16px;
	font-weight: bold;
}

/* SALE BADGE */
.sale-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #ff3b30;
	color: #fff;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 0;
}

/* BUTTON */
.btn-cart {
	width: 100%;
	padding: 10px 12px;
	border-radius: 0;
	border: 1px solid #3984be;
	background: #fff;
	color: #3984be;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease;
	border-radius: 100vmax;
}

.btn-cart:hover {
	background: #3984be;
	color: #fff;
}

/* ===============================
   Section
================================ */
.home-news {
	padding: 24px 0;
}

.home-news-container {
	max-width: 1200px;
	margin: 0 auto;
}

/* ===============================
   News card
================================ */
.news-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 2px;
}

.news-card-image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.news-card-image {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 344 / 193;
}

@media (min-width: 1024px) {
	.news-card-image {
		aspect-ratio: 282 / 158;
	}
}

.news-card-content {
	padding: 10px;
	background-color: #ffffff;
}

.news-card-title {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	line-height: 1.4;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ===============================
   Swiper buttons
================================ */
.news-swiper-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;

	width: 40px;
	height: 40px;

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

	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;

	box-shadow:
		0px 1px 2px rgba(60, 64, 67, 0.3),
		0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.news-swiper-prev {
	left: 0;
	transform: translate(-16px, -50%);
}

.news-swiper-next {
	right: 0;
	transform: translate(16px, -50%);
}

@media (min-width: 1024px) {
	.news-swiper-btn {
		display: none;
	}
}

/* ===============================
   View all button
================================ */
.home-news-all-link {
	margin: 24px auto 0;
	display: flex;
	align-items: center;
	gap: 6px;

	padding: 8px 20px;
	border-radius: 2px;

	background-color: var(--primary, #3984be);
	color: #fff;

	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;

	transition: background-color 0.3s ease;
}

.home-news-all-link:hover {
	background-color: rgba(204, 0, 0, 0.9);
}


/* ===============================
   Section
================================ */
.home-news {
	padding-bottom: 40px;
}

@media (min-width: 1024px) {
	.home-news {
		padding-bottom: 80px;
	}
}

.home-news-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
}

/* ===============================
   Header
================================ */
.home-news-header {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (min-width: 1024px) {
	.home-news-header {
		flex-direction: row;
		align-items: center;
	}
}

.home-news-title {
	font-family: sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	color: #3984be;
	padding-left: 10px;
	border-left: 10px solid #3984be;
	margin: 0;
}

@media (min-width: 1024px) {
	.home-news-title {
		font-size: 28px;
		width: 20%;
	}
}

/* ===============================
   Tabs
================================ */
.home-news-tab-list {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
	width: 100%;
}

.home-news-tab-item {
	flex: 1;
	min-width: 150px;
}

.home-news-tab-button {
	width: 100%;
	padding: 10px 12px;
	border-radius: 0;
	border: 1px solid #3984be;
	background: #fff;
	color: #3984be;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease;
	white-space: nowrap;
}

.home-news-tab-button:hover,
.home-news-tab-button.is-active {
	background: #3984be;
	color: #fff;
}

/* ===============================
   Content
================================ */
.home-news-content {
	position: relative;
}

/* Loading */
.home-news-loading {
	display: none;
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.5);
	z-index: 10;
	align-items: center;
	justify-content: center;
}

.home-news-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #3984be;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.home-news-error {
	text-align: center;
	color: red;
	padding: 16px 0;
}

/* ===============================
   Card
================================ */
.news-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 4px;
	background: #fff;
}

.news-card-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 344 / 193;
}

@media (min-width: 1024px) {
	.news-card-image img {
		aspect-ratio: 282 / 158;
	}
}

.news-card-body {
	padding: 10px;
}

.news-card-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ===============================
   Navigation (mobile)
================================ */
.home-news-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(60, 64, 67, .3),
		0 2px 6px rgba(60, 64, 67, .15);
	z-index: 10;
}

.home-news-nav-prev {
	left: -16px;
}

.home-news-nav-next {
	right: -16px;
}

@media (min-width: 1024px) {
	.home-news-nav {
		display: none;
	}
}

/* ===============================
   View all
================================ */
.home-news-view-all {
	width: 100%;
	padding: 0 0.5rem 0 1.5rem;
	border-radius: 0;
	border: 1px solid #3984be;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease;
	white-space: nowrap;
	background: #3984be;
	color: #fff;
	max-width: 160px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 48px;
	border-radius: 100vmax;
}

.home-news-view-all:hover {
	opacity: 0.9;
}

.home-news-swiper-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-left: -16px;
	margin-right: -16px;
}

.home-news-swiper-slide {
	width: 25%;
	padding: 16px;
}

.home-news-tabs {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.footer {
	background: #1a1a1a;
	color: #fff;
	/* LEFT */
	/* RIGHT */
	/* BOTTOM */
}

.footer a {
	color: inherit;
	text-decoration: none;
}


.footer__top {
	padding: 40px 0;
}

.footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}

@media (min-width: 1024px) {
	.footer__grid {
		grid-template-columns: 4fr 8fr;
	}
}

.footer__logo img {
	width: 292px;
	height: auto;
}

.footer__company-name {
	font-weight: 700;
	margin-top: 16px;
}

.footer__info {
	margin-top: 16px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer__info li {
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 1.5;
}

.footer__social {
	margin-top: 16px;
}

.footer__social ul {
	display: flex;
	gap: 8px;
	padding: 0;
	margin: 8px 0 0 0;
	list-style: none;
}

.footer__social ul img {
	width: 32px;
	height: 32px;
}

.footer__title {
	font-weight: 700;
	margin-bottom: 16px;
}

.footer__menus {
	margin-top: 32px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 24px;
}

.footer__menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer__menu h4 {
	font-weight: 700;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

.footer__menu ul li {
	margin-bottom: 6px;
}

.footer__menu ul li a {
	font-size: 14px;
	opacity: 0.9;
}

.footer__menu ul li a:hover {
	opacity: 1;
	text-decoration: underline;
}

.footer__menu--policy ul {
	columns: 2;
	column-gap: 20px;
}

.footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .3);
	text-align: center;
	padding: 16px;
	font-size: 14px;
}

#popup-cart-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 9998;
}

#popup-cart {
	position: fixed;
	top: 0;
	right: -400px;
	width: 360px;
	height: 100%;
	background: #fff;
	box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	transition: 0.3s;
}

#popup-cart.active {
	right: 0;
}

#popup-cart-overlay.active {
	opacity: 1;
	visibility: visible;
}

.popup-cart__header {
	padding: 16px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.popup-cart__close {
	font-size: 24px;
	background: none;
	border: none;
	cursor: pointer;
}

.popup-cart__content {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
}

.popup-cart__footer {
	padding: 16px;
	border-top: 1px solid #eee;
	display: flex;
	gap: 10px;
}

.popup-cart__footer a {
	flex: 1;
	text-align: center;
	text-decoration: none;
}

.btn-view-cart {
	background: #666;
}

.btn-checkout {
	background: #d6001c;
}

span.cart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 16px;
	height: 16px;
}

span.cart-icon svg {
	width: 16px;
	height: 16px;
}

span.cart-icon span {
	position: absolute;
	bottom: 100%;
	left: 100%;
	color: #fff;
	width: 16px;
	height: 16px;
	background: #3984be;
	border-radius: 100vmax;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 8px;
	transform: translateY(50%);
}

section.hero-banner {
	margin-top: 0 !important;
}

/* --- Shop Category Box --- */
.shop-category-box {
	border: 1.5px solid #eee;
	border-radius: 18px;
	padding: 24px;
	margin-bottom: 32px;
	background: #fff;
	box-shadow: 0 2px 12px rgba(57, 132, 190, 0.04);
}

.shop-category-title {
	color: #3984be;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.shop-category-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.shop-category-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 12.5%;
	text-align: center;
	text-decoration: none;
	color: #222;
	transition: transform 0.2s, box-shadow 0.2s;
	border-radius: 12px;
	padding: 12px;
}

.shop-category-item:hover {
	color: #3984be;
	background: #f5faff;
	box-shadow: 0 4px 16px rgba(57, 132, 190, 0.08);
	transform: translateY(-4px) scale(1.04);
}

.shop-category-thumb {
	width: 90px;
	height: 90px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #eee;
}

.shop-category-thumb img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	background: #fff;
}

.shop-category-name {
	font-size: 15px;
	font-weight: 500;
	margin-top: 6px;
	color: inherit;
	line-height: 1.3;
}

/* --- Shop Filter Bar --- */
.shop-filter-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

.shop-filter-sort {
	display: flex;
	align-items: center;
	gap: 6px;
}

.shop-filter-label {
	font-size: 16px;
	color: #222;
	margin-right: 4px;
}

.shop-filter-btn {
	background: #fff;
	border: 1.5px solid #ddd;
	color: #222;
	font-size: 15px;
	padding: 4px 14px;
	border-radius: 5px;
	margin-right: 2px;
	cursor: pointer;
	transition: all 0.15s;
}

.shop-filter-btn.active,
.shop-filter-btn:hover {
	background: #3984be;
	color: #fff;
	border-color: #3984be;
}

.shop-filter-view {
	display: flex;
	align-items: center;
	gap: 4px;
}

.shop-filter-select {
	border: 1.5px solid #ddd;
	border-radius: 5px;
	padding: 4px 10px;
	font-size: 15px;
	color: #222;
	background: #fff;
	margin-left: 2px;
}

.shop-content-products {
	padding-top: 1rem;
	padding-bottom: 4rem;
}

.popup-cart__content ul {
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
}

.woocommerce-mini-cart-item.mini_cart_item .remove.remove_from_cart_button {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 22px;
}

.woocommerce-mini-cart-item.mini_cart_item {
	position: relative;
	display: flex;
}

.woocommerce-mini-cart-item.mini_cart_item a {
	display: flex;
}

.woocommerce-mini-cart-item.mini_cart_item .quantity {
	position: absolute;
	bottom: 0;
	right: 0;
}

.woocommerce-mini-cart-item.mini_cart_item .woocommerce-Price-amount.amount {
	color: #3984be;
	font-size: 16px;
	font-weight: bold;
}

.woocommerce-mini-cart-item.mini_cart_item img {
	width: 80px;
	height: 80px;
	margin-right: 16px;
}

.woocommerce-mini-cart-item.mini_cart_item .remove.remove_from_cart_button+a {
	width: 100%;
	font-weight: bold;
}

.popup-cart__content {
	display: flex;
	flex-flow: column;
}

.woocommerce-mini-cart__total.total {
	margin: 0;
}

p.woocommerce-mini-cart__buttons.buttons {
	margin: 12px 0 0;
}

.btn-view-cart {
	padding: 10px 0;
	border: 1px solid #3984be;
	background: #fff;
	color: #3984be;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease;
	border-radius: 100vmax;

}

.btn-checkout,
.wc-block-components-button {
	padding: 10px 0;
	border: 1px solid #3984be;
	background: #3984be;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease;
	border-radius: 100vmax;
}

.wc-block-components-product-price {
	display: flex !important;
	flex-flow: column;
}

span.wc-block-components-order-summary-item__individual-prices.price del.wc-block-components-product-price__regular.wc-block-components-order-summary-item__regular-individual-price {
	font-weight: normal;
	color: #b5b5b5;
}

.wc-block-components-product-price ins {
	background-color: #fff0;
	margin: 0 !important;
}

.wc-block-components-product-metadata__description {
	display: none;
}

/* Popup modal review */
.review-modal {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.review-modal-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
}

.review-modal-content {
	position: relative;
	background: #fff;
	border-radius: 8px;
	padding: 24px 18px 18px 18px;
	max-width: 600px;
	width: 95vw;
	z-index: 2;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

.review-modal-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	font-size: 2rem;
	color: #888;
	cursor: pointer;
	padding: 0;
	line-height: -0.8em;
}

.btn-review-modal {
	margin: 16px 0 24px 0;
	padding: 10px 22px;
	background: #3984be;
	color: #fff;
	border: none;
	border-radius: 100vmax;
	font-weight: bold;
	cursor: pointer;
}

.btn-review-modal:hover {
	background: #24649a;
}

.form-group {
	margin-bottom: 16px;
}

.review-stars {
	font-size: 1.6rem;
	color: #ccc;
	cursor: pointer;
}

.review-stars .star.selected~.star {
	color: #ccc;
}

.review-stars .star.selected,
.review-stars .star:hover {
	color: #f5b301 !important;
}

#review-image-preview {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 8px;
}

#review-image-preview img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid #eee;
}

#review-form-message {
	margin-top: 10px;
	color: #c00;
	font-size: 15px;
}

@media (max-width: 600px) {
	.review-modal-content {
		max-width: 98vw;
		padding: 12px 4vw;
	}

	.btn-review-modal {
		width: 100%;
	}
}

.review-dropzone {
	border: 2px dashed #3984be;
	border-radius: 10px;
	padding: 28px 10px;
	text-align: center;
	background: #f8fbff;
	color: #3984be;
	cursor: pointer;
	position: relative;
	transition: border-color 0.2s, background 0.2s;
	margin-bottom: 10px;
}

.review-dropzone.dragover {
	border-color: #24649a;
	background: #e6f1fa;
}

.review-dropzone .dz-icon {
	font-size: 2.2rem;
	display: block;
	margin-bottom: 6px;
}

.review-dropzone .dz-browse {
	color: #24649a;
	text-decoration: underline;
	cursor: pointer;
}

.dz-preview-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.dz-preview-list .dz-preview-img {
	position: relative;
	width: 64px;
	height: 64px;
	border-radius: 8px;
	overflow: hidden;
	border: 1.5px solid #eee;
	background: #fff;
}

.dz-preview-list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dz-preview-list .dz-remove {
	position: absolute;
	top: 2px;
	right: 2px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	font-size: 13px;
	cursor: pointer;
	line-height: 16px;
	text-align: center;
	padding: 0;
}

@media (max-width: 600px) {
	.dz-preview-list {
		gap: 6px;
	}

	.dz-preview-list .dz-preview-img {
		width: 48px;
		height: 48px;
	}
}

.btn-submit-review {
	display: flex;
	background: #3984be;
	color: #fff;
	font-weight: bold;
	padding: 10px 24px;
	margin-top: 10px;
	font-size: 1.1rem;
	text-decoration: none;
	transition: background 0.2s;
	border-radius: 100vmax;
	max-width: 200px;
	margin: 0 auto;
}

#review-form label {
	margin-bottom: 12px;
	display: block;
}

.review-modal h2 {
	margin: 0 0 1rem;
}

#review-form .review-stars {
	margin-top: -12px;
}

.search-box-wrapper {
	position: relative;
	flex: 1;
	margin: 0 24px;
	max-width: 520px;
}

.search-dropdown {
	position: absolute;
	left: 0;
	right: 0;
	top: 110%;
	background: #fff;
	border: 1.5px solid #eee;
	border-radius: 8px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
	z-index: 99;
	max-height: 340px;
	overflow-y: auto;
	padding: 0;
}

.search-dropdown .search-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	cursor: pointer;
	border-bottom: 1px solid #f3f3f3;
	transition: background 0.15s;
}

.search-dropdown .search-item:last-child {
	border-bottom: none;
}

.search-dropdown .search-item:hover {
	background: #f5faff;
}

.search-dropdown .search-thumb img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid #eee;
}

.search-dropdown .search-info {
	flex: 1;
	min-width: 0;
}

.search-dropdown .search-title {
	font-size: 15px;
	font-weight: 500;
	color: #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-dropdown .search-price {
	color: #3984be;
	font-weight: bold;
	font-size: 14px;
}

.search-dropdown .search-loading,
.search-dropdown .search-noresult {
	padding: 16px 14px;
	color: #888;
	text-align: center;
	font-size: 15px;
}

.blog-title {
	color: #3984be;
	font-weight: 700;
	margin-bottom: 20px;
}

/* FEATURED */
.blog-featured {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 20px;
}

.featured-main img {
	width: 100%;
	border-radius: 6px;
}

.featured-main h2 {
	font-size: 22px;
	margin: 10px 0;
}

.featured-side .side-item {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.featured-side img {
	width: 120px;
	border-radius: 4px;
}

/* TAB */
.blog-tabs {
	margin: 0 0 30px;
}

.blog-tabs a {
	padding: 8px 20px;
	border: none;
	font-weight: 600;
	width: 100%;
	display: flex;
	border-radius: 0.5rem;
	margin-bottom: 0.25rem;
}

.blog-tabs a.active {
	background: #3984be;
	color: #fff;
}

/* GRID */
.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.blog-item img {
	width: 100%;
	border-radius: 6px;
}

.blog-item h3 {
	font-size: 16px;
	margin: 8px 0;
}

/* PAGINATION */
.pagination {
	margin-top: 30px;
	text-align: center;
}

.pagination .page-numbers {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #ddd;
	margin: 0 3px;
}

.pagination .current {
	background: #c00;
	color: #fff;
}

.blog-inner {
	display: flex;
	gap: 30px;
	padding-top: 2rem;
	margin-top: 2rem;
	border-top: 1px solid #eee;
}

.blog-sidebar {
	flex: 1 1 0;
	max-width: 240px;
}

.blog-inner-content {
	flex: 3 1 0;
}

.post-container {
	padding-top: 20px;
	padding-bottom: 60px;
}

.post-title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
}

.post-meta {
	display: flex;
	justify-content: space-between;
	background: #f4f4f4;
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 25px;
	font-size: 14px;
}

.post-layout {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 30px;
}

/* CONTENT */
.post-excerpt {
	margin-bottom: 20px;
	line-height: 1.7;
}

.post-toc {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 25px;
}

.toc-title {
	font-weight: 600;
	margin-bottom: 10px;
}

.post-body h2,
.post-body h3 {
	margin-top: 30px;
}

/* SIDEBAR */
.post-sidebar {
	border-left: 1px solid #eee;
	padding-left: 20px;
}

.sidebar-title {
	color: #d40000;
	font-weight: 700;
	margin-bottom: 15px;
	position: relative;
}

.sidebar-title::before {
	content: "";
	width: 4px;
	height: 20px;
	background: #d40000;
	position: absolute;
	left: -10px;
	top: 3px;
}

.post-sidebar ul {
	list-style: none;
	padding: 0;
}

.post-sidebar li {
	border-bottom: 1px solid #eee;
}

.post-sidebar a {
	display: block;
	padding: 10px 0;
	color: #333;
}

div#toc ul {
	margin: 0;
	padding: 0 0 0 24px;
}


div#toc ul li {
	padding-left: 0;
}

.post-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.post-sidebar li {
	padding: 0;
}

.related-posts {
	margin-top: 40px;
	border-radius: 8px;
}

.related-title {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #222;
}

.related-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.related-item {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	width: calc(25% - 15px);
	min-width: 200px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: box-shadow 0.2s;
}

.related-item:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
}

.related-thumb {
	display: block;
	width: 100%;
	aspect-ratio: 4/3;
	background: #eee;
	overflow: hidden;
}

.related-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.no-thumb {
	width: 100%;
	height: 100px;
	background: #ddd;
}

.related-info {
	padding: 12px 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.related-link {
	font-size: 1rem;
	font-weight: 500;
	color: #1a202c;
	text-decoration: none;
	margin-bottom: 8px;
	display: block;
	transition: color 0.2s;
}

.related-link:hover {
	color: #0073aa;
}

.related-date {
	font-size: 0.9rem;
	color: #888;
}

@media (max-width: 900px) {
	.related-list {
		flex-direction: column;
		gap: 16px;
	}

	.related-item {
		width: 100%;
		min-width: 0;
	}
}


/* menu css */
.main-menu__dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 215px;
	z-index: 101;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #f5f5f5;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px solid #e6e6e6;
	border-top: 0;
	clear: both;
	border: 0;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all .3s;
}

header.site-header {
	position: relative;
}

.main-menu__dropdown>li {
	/* position: static; */
	padding: 0 15px;
	transition: all .3s;
}

.main-menu__dropdown>li>a {
	display: block;
	color: #000;
	padding: 12px 0;
	border-bottom: 1px solid #dcdcdc;
	background: url(../image/menu-arrow.png) center right no-repeat;
}

.main-menu__dropdown>li>a>h3 {
	font-size: 1.1333333333rem;
	margin: 0;
	color: #333;
	-webkit-transition: 0.05s opacity, 0.1s -webkit-transform;
	transition: 0.05s opacity, 0.1s -webkit-transform;
	transition: 0.1s transform, 0.05s opacity;
	transition: 0.1s transform, 0.05s opacity, 0.1s -webkit-transform;
	font-weight: bold;
	transition: all .3s;
}

.main-menu__dropdown>li>a>p {
	font-size: 0.8rem;
	color: #838383;
	margin: 2px 0 0;
	-webkit-transition: 0.05s opacity, 0.1s -webkit-transform;
	transition: 0.05s opacity, 0.1s -webkit-transform;
	transition: 0.1s transform, 0.05s opacity;
	transition: 0.1s transform, 0.05s opacity, 0.1s -webkit-transform;
	transition: all .3s;
}

.main-menu__dropdown__level-1 {
	display: block;
	position: absolute;
	left: 100%;
	top: -1px;
	width: 100vw;
	min-height: 395px;
	padding-bottom: 15px;
	background: #fafafa;
	border-left: 0;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 2;
	display: none;
	max-width: calc(1280px - 245px);
}

.main-menu__dropdown__level-1>ul {
	height: 450px;
	column-width: 200px;
	column-gap: 30px;
	column-fill: auto;
	padding: 16px 32px;
	margin: 0;
}

.main-menu__dropdown__level-1>ul li>h4 {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 5px;
	margin-top: 0;
}

.main-menu__dropdown__level-1>ul li>a {
	display: inline-block;
	width: 100%;
	font-size: 0.8666666667rem;
	margin-bottom: 3px;
	color: #333;
}

.main-menu__dropdown>li:hover>.main-menu__dropdown__level-1 {
	display: block;
}

.main-menu__dropdown>li>button {
	display: none;
}

.header-inner:hover .main-menu__dropdown {
	opacity: 1;
	visibility: visible;
	pointer-events: visible;
}

.main-menu__dropdown>li:hover {
	background: #3984be;
}

.main-menu__dropdown>li:hover>a>h3 {
	color: #fff;
}

.main-menu__dropdown>li:hover>a>p {
	color: #fff;
}

.main-menu__dropdown__level-1>ul>li {
	margin-bottom: 1rem;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.mobile-menu-toggle {
	display: none;
}


.mobile-menu {
	display: none;
}

.woocommerce-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 30px;
}

.woocommerce-pagination .page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 12px;
	margin: 0 3px;
}

.woocommerce-pagination .page-numbers li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-pagination .page-numbers li span,
.woocommerce-pagination .page-numbers li a {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	border-radius: 100vmax;
}

.woocommerce-pagination .page-numbers li span {
	background: #3984be;
	color: #fff;
	padding: 0;
	border-radius: 100vmax;
	border: 1px solid #3984be;
}


.woocommerce-pagination .page-numbers li a:hover {
	background: #3984be;
	color: #fff;
	border-color: #3984be;
}


@media screen and (max-width: 991px) {
	.search-box-wrapper {
		display: none;
	}

	.header-actions {
		display: none;
	}

	.header-nav {
		display: none;
	}

	.main-menu__dropdown {
		position: relative;
	}

	.category-toggle {
		display: none;
	}

	.menu {
		display: none;
	}

	.header-top {
		min-height: 68px;
		display: flex;
		align-items: center;
	}

	.site-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 12px;
	}

	.mobile-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 4px;
		width: 30px;
		height: 22px;
		cursor: pointer;
		padding: 0 5px;
		border: 0;
		background: transparent;
	}

	.mobile-menu-toggle span {
		display: block;
		width: 100%;
		height: 2px;
		background: #333;
		border-radius: 2px;
	}

	.mobile-menu {
		display: flex;
		flex-flow: column;
		position: fixed;
		top: 0;
		left: 0;
		width: 300px;
		height: 100%;
		z-index: 9999;
		background-color: #fff;
		box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
		transform: translateX(-100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all 0.3s ease;
	}

	.mobile-menu.active {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.mobile-menu-header {
		padding: 12px;
		display: flex;
		justify-content: space-between;
	}

	.mobile-menu-close-button,
	.mobile-menu-back-button {
		padding: 4px;
		background: #fff;
		border: 1px solid #ddd;
	}

	.mobile-menu-close-button svg,
	.mobile-menu-back-button svg {
		width: 20px;
		height: 20px;
	}

	.main-menu-list {
		padding: 12px;
		margin: 0;
		flex: 1;
		position: relative;
	}


	.main-menu-list li a h3{
		padding: 8px 0;
		margin: 0;
	}

	.main-menu__dropdown__level-1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.main-menu__dropdown__level-1>ul {
		padding: 12px;
	}

	.main-menu-list li.active .main-menu__dropdown__level-1 {
		display: block;
	}

	.shop-category-item {
		width: 33.3333333%;
	}
	.shop-category-box {
		padding: 12px;
	}
	.shop-filter-sort {
		flex-wrap: wrap;
	}
	.shop-filter-label {
		width: 100%;
	}

	.product-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}<!doctype html>
<html lang="vi" prefix="og: https://ogp.me/ns#">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="https://gmpg.org/xfn/11">

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link
        rel="stylesheet"
        type="text/css"
        href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
    <link
        rel="stylesheet"
        type="text/css"
        href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
    <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
    
<!-- Tối ưu hóa công cụ tìm kiếm bởi Rank Math - https://rankmath.com/ -->
<meta name="description" content="Thông số sản phẩm Móc Áo American Standard WF-0281 Mã sản phẩm: WF-0281 Thuộc bộ sưu tập: Heritage Thiết kệ hiện đai, cách điệu mang lại tiện nghi cho phòng"/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/" />
<meta property="og:locale" content="vi_VN" />
<meta property="og:type" content="product" />
<meta property="og:title" content="Móc Áo American Standard WF-0281 - thietbihoanthien" />
<meta property="og:description" content="Thông số sản phẩm Móc Áo American Standard WF-0281 Mã sản phẩm: WF-0281 Thuộc bộ sưu tập: Heritage Thiết kệ hiện đai, cách điệu mang lại tiện nghi cho phòng" />
<meta property="og:url" content="https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/" />
<meta property="og:site_name" content="thietbihoanthien" />
<meta property="og:image" content="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png" />
<meta property="og:image:secure_url" content="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png" />
<meta property="og:image:width" content="1080" />
<meta property="og:image:height" content="1080" />
<meta property="og:image:alt" content="Móc Áo American Standard WF-0281" />
<meta property="og:image:type" content="image/png" />
<meta property="product:price:amount" content="369138" />
<meta property="product:price:currency" content="VND" />
<meta property="product:availability" content="instock" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Móc Áo American Standard WF-0281 - thietbihoanthien" />
<meta name="twitter:description" content="Thông số sản phẩm Móc Áo American Standard WF-0281 Mã sản phẩm: WF-0281 Thuộc bộ sưu tập: Heritage Thiết kệ hiện đai, cách điệu mang lại tiện nghi cho phòng" />
<meta name="twitter:image" content="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png" />
<meta name="twitter:label1" content="Giá" />
<meta name="twitter:data1" content="369.138&nbsp;&#8363;" />
<meta name="twitter:label2" content="Tình trạng sẵn có" />
<meta name="twitter:data2" content="Còn hàng" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://thietbihoanthien.com/#place","address":{"@type":"PostalAddress","streetAddress":"S\u1ed1 429/1 \u0111\u01b0\u1eddng C\u00e1ch M\u1ea1ng Th\u00e1ng 8, T\u1ed5 2, P. H\u01b0\u01a1ng S\u01a1n, TP. Th\u00e1i nguy\u00ean","addressRegion":"Th\u00e1i Nguy\u00ean","addressLocality":"H\u01b0\u01a1ng S\u01a1n","postalCode":"250000"}},{"@type":"Organization","@id":"https://thietbihoanthien.com/#organization","name":"thietbihoanthien","url":"https://thietbihoanthien.com","sameAs":["https://www.facebook.com/thietbivesinhchinhhanginax"],"email":"thietbihoanthien.info@gmail.com","address":{"@type":"PostalAddress","streetAddress":"S\u1ed1 429/1 \u0111\u01b0\u1eddng C\u00e1ch M\u1ea1ng Th\u00e1ng 8, T\u1ed5 2, P. H\u01b0\u01a1ng S\u01a1n, TP. Th\u00e1i nguy\u00ean","addressRegion":"Th\u00e1i Nguy\u00ean","addressLocality":"H\u01b0\u01a1ng S\u01a1n","postalCode":"250000"},"logo":{"@type":"ImageObject","@id":"https://thietbihoanthien.com/#logo","url":"https://thietbihoanthien.com/wp-content/uploads/2026/05/content.png","contentUrl":"https://thietbihoanthien.com/wp-content/uploads/2026/05/content.png","caption":"thietbihoanthien","inLanguage":"vi","width":"601","height":"163"},"contactPoint":[{"@type":"ContactPoint","telephone":"0961818088","contactType":"customer support"}],"description":"Showroom Cam Th\u1ee7y INAX ch\u00ednh h\u00e3ng, chuy\u00ean cung c\u1ea5p thi\u1ebft b\u1ecb v\u1ec7 sinh, thi\u1ebft b\u1ecb nh\u00e0 b\u1ebfp t\u1eeb Toto, Inax, American Standard, Grohe, ... Ch\u00fang t\u00f4i cam k\u1ebft s\u1ea3n ph\u1ea9m ch\u00ednh h\u00e3ng 100%, ph\u00e2n ph\u1ed1i tr\u00ean to\u00e0n qu\u1ed1c v\u1edbi m\u1ee9c gi\u00e1 t\u1ed1t nh\u1ea5t.","legalName":"thietbihoanthien.info@gmail.com","location":{"@id":"https://thietbihoanthien.com/#place"}},{"@type":"WebSite","@id":"https://thietbihoanthien.com/#website","url":"https://thietbihoanthien.com","name":"thietbihoanthien","alternateName":"Thi\u1ebft B\u1ecb Ho\u00e0n Thi\u1ec7n","publisher":{"@id":"https://thietbihoanthien.com/#organization"},"inLanguage":"vi"},{"@type":"ImageObject","@id":"https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png","url":"https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png","width":"1080","height":"1080","inLanguage":"vi"},{"@type":"ItemPage","@id":"https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/#webpage","url":"https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/","name":"M\u00f3c \u00c1o American Standard WF-0281 - thietbihoanthien","datePublished":"2026-06-16T03:48:09+00:00","dateModified":"2026-06-16T03:48:09+00:00","isPartOf":{"@id":"https://thietbihoanthien.com/#website"},"primaryImageOfPage":{"@id":"https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png"},"inLanguage":"vi"},{"@type":"Product","name":"M\u00f3c \u00c1o American Standard WF-0281 - thietbihoanthien","description":"Th\u00f4ng s\u1ed1 s\u1ea3n ph\u1ea9m M\u00f3c \u00c1o American Standard WF-0281 M\u00e3 s\u1ea3n ph\u1ea9m: WF-0281 Thu\u1ed9c b\u1ed9 s\u01b0u t\u1eadp: Heritage Thi\u1ebft k\u1ec7 hi\u1ec7n \u0111ai, c\u00e1ch \u0111i\u1ec7u mang l\u1ea1i ti\u1ec7n nghi cho ph\u00f2ng t\u1eafm Ch\u1ea5t li\u1ec7u: \u0110\u1ed3ng m\u1ea1 Crom C\u00f4ng ngh\u1ec7: M\u1ef9 Xu\u1ea5t x\u1ee9: American Standard B\u1ea3o h\u00e0nh: 2 n\u0103m","sku":"WF-0281","category":"Thi\u1ebft B\u1ecb V\u1ec7 Sinh &gt; Ph\u1ee5 Ki\u1ec7n Ph\u00f2ng T\u1eafm &gt; Ph\u1ee5 Ki\u1ec7n AMERICAN &gt; M\u00f3c \u00c1o AMERICAN","mainEntityOfPage":{"@id":"https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/#webpage"},"image":[{"@type":"ImageObject","url":"https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png","height":"1080","width":"1080"},{"@type":"ImageObject","url":"https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png","height":"1080","width":"1080"}],"offers":{"@type":"Offer","price":"369138","priceCurrency":"VND","priceValidUntil":"2027-12-31","availability":"http://schema.org/InStock","itemCondition":"NewCondition","url":"https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/","seller":{"@type":"Organization","@id":"https://thietbihoanthien.com/","name":"thietbihoanthien","url":"https://thietbihoanthien.com","logo":"https://thietbihoanthien.com/wp-content/uploads/2026/05/content.png"},"priceSpecification":{"price":"369138","priceCurrency":"VND","valueAddedTaxIncluded":"false"}},"@id":"https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/#richSnippet"}]}</script>
<!-- /Plugin SEO WordPress Rank Math -->

<link rel="alternate" type="application/rss+xml" title="thietbihoanthien &raquo; Móc Áo American Standard WF-0281 Dòng bình luận" href="https://thietbihoanthien.com/san-pham/moc-ao-american-standard-wf-0281/feed/" />
<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://thietbihoanthien.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthietbihoanthien.com%2Fsan-pham%2Fmoc-ao-american-standard-wf-0281%2F" />
<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://thietbihoanthien.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthietbihoanthien.com%2Fsan-pham%2Fmoc-ao-american-standard-wf-0281%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>
<link rel='stylesheet' id='wp-block-library-css' href='https://thietbihoanthien.com/wp-includes/css/dist/block-library/style.min.css?ver=7.1.3' media='all' />
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="safe-svg-svg-icon-style-inline-css">
.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{fill:currentColor;height:100%;max-height:100%;max-width:100%;width:100%}

/*# sourceURL=https://thietbihoanthien.com/wp-content/plugins/safe-svg/dist/safe-svg-block-frontend.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}
:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='photoswipe-css' href='https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=10.4.4' media='all' />
<link rel='stylesheet' id='photoswipe-default-skin-css' href='https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=10.4.4' media='all' />
<link rel='stylesheet' id='woocommerce-layout-css' href='https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=10.4.4' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=10.4.4' media='only screen and (max-width: 768px)' />
<link rel='stylesheet' id='woocommerce-general-css' href='https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=10.4.4' 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://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/css/brands.css?ver=10.4.4' media='all' />
<script id="jquery-core-js" src="https://thietbihoanthien.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://thietbihoanthien.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.4.4"></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://thietbihoanthien.com/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://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.4.4"></script>
<script data-wp-strategy="defer" defer id="wc-zoom-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21-wc.10.4.4"></script>
<script data-wp-strategy="defer" defer id="wc-flexslider-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js?ver=2.7.2-wc.10.4.4"></script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1-wc.10.4.4"></script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-ui-default-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1-wc.10.4.4"></script>
<script id="wc-single-product-js-extra">
var wc_single_product_params = {"i18n_required_rating_text":"Vui l\u00f2ng ch\u1ecdn m\u1ed9t m\u1ee9c \u0111\u00e1nh gi\u00e1","i18n_rating_options":["1 tr\u00ean 5 sao","2 tr\u00ean 5 sao","3 tr\u00ean 5 sao","4 tr\u00ean 5 sao","5 tr\u00ean 5 sao"],"i18n_product_gallery_trigger_text":"Xem th\u01b0 vi\u1ec7n \u1ea3nh to\u00e0n m\u00e0n h\u00ecnh","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"1","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"};
//# sourceURL=wc-single-product-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-single-product-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=10.4.4"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.4.4"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Hi\u1ec3n th\u1ecb m\u1eadt kh\u1ea9u","i18n_password_hide":"\u1ea8n m\u1eadt kh\u1ea9u"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.4.4"></script>
<link rel="https://api.w.org/" href="https://thietbihoanthien.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://thietbihoanthien.com/wp-json/wp/v2/product/1438" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://thietbihoanthien.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.1.3" />
<link rel='shortlink' href='https://thietbihoanthien.com/?p=1438' />
<meta name="cdp-version" content="1.5.0" />	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<meta name="generator" content="Elementor 3.34.1; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://thietbihoanthien.com/wp-content/uploads/2026/05/cropped-content-32x32.png" sizes="32x32" />
<link rel="icon" href="https://thietbihoanthien.com/wp-content/uploads/2026/05/cropped-content-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://thietbihoanthien.com/wp-content/uploads/2026/05/cropped-content-180x180.png" />
<meta name="msapplication-TileImage" content="https://thietbihoanthien.com/wp-content/uploads/2026/05/cropped-content-270x270.png" />
<style id="wp-custom-css">
@media screen and (max-width: 991px) {
	.product-detail-main {
			display: flex;
			flex-flow: column;
	}

	.product-detail-images {
			display: flex;
			flex-flow: column;
    flex: none;
		max-width: 100vw;
		width: 100%
	}
	.product-slider-main {
    width: 100%;
}
	.product-detail-info .product_title {
    font-size: 1.25em;
    line-height: 1.25;
}
	.product-slider-main img {
		width: 100%;
	}
	span.onsale {
		z-index: 2;
	}
	
	.cart-flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-detail-info button.single_add_to_cart_button.button.alt {
    width: 100%;
}

.product-detail-bottom {
    flex-flow: column;
}

.product-detail-left {
    width: 100%;
}

.product-detail-right {
    width: 100%;
}

.review-summary {
    flex-flow: column;
}

.btn-review {
    font-size: 0.8em;
}

.block-title>span:first-child {
    font-size: 1rem;
}

.viewed-products {
        grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 40px 24px;
}
	
	.product-name {
		flex: 1;
	}

.product-item {
    width: 100%;
    box-sizing: border-box;
}

.btn-cart {
    font-size: 0.8em;
    padding-left: 0;
    padding-right: 0;
}

.product-showroom-system {
    padding-left: 0;
    padding-right: 0;
}

.product-showroom-title {
    font-size: 1.5rem;
    line-height: 1.25;
}
	
.woocommerce-breadcrumb {
    font-size: 0.8rem;
    gap: 0;
}
}
.mobile-nav {
	display: none;
}
@media screen and (max-width: 991px) {
	.mobile-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    z-index: 99999;
    margin: 0;
        border-top: 1px solid #71717111;
}

	.mobile-nav>li {
			display: inline-block;
			list-style: none;
			margin: 0 7px;
			padding: 0;
			transition: background-color .3s;
	}

	.mobile-nav li:first-child {
			margin-left: 0!important;
	}

	.mobile-nav>li.html {
			font-size: .85em;
	}

	.mobile-nav .header-button {
			display: inline-block;
	}

	.mobile-nav li.html .button {
			border: 0;
			font-size: 8px;
			display: flex;
			flex-flow: column;
			justify-content: center;
			align-items: center;
			background-color: #fff !important;
			color: #3575bd !important;
			padding: 0;
	}

	.mobile-nav li.nav-icon.has-icon a {
			color: #3575bd;
			display: flex;
			flex-flow: column;
			justify-content: center;
			padding: 0;
	}

	.mobile-nav a.call-phone {
			color: #3575bd !important;
			flex-flow: column;
			font-size: 8px !important;
			text-transform: uppercase;
	}
	.mobile-nav .header-button svg {
    height: 24px;
    width: 24px;
}

	.mobile-nav .header-button svg path {
			fill: currentColor !important;
	}
	
	
.mobile-nav .header-button .icon-shopping-bag {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3984be;
    border-radius: 6px;
    color: #fff;
}
	
	.mobile-nav .header-button--menu svg {
    width: 24px;
    height: 24px;
}
	.mobile-menu {
		width: 100vw;
	}
	
	.main-menu-list li {
    border-bottom: 1px solid #0001;
}
	button.mobile-menu-close-button {
    margin-left: auto;
}
	.main-menu-list li:last-of-type {
		border-bottom: 0;
	}
}
</style>
</head>

<body class="wp-singular product-template-default single single-product postid-1438 wp-theme-thietbihoanthien theme-thietbihoanthien woocommerce woocommerce-page woocommerce-no-js elementor-default elementor-kit-64">
        <div id="page" class="site">
        <a class="skip-link screen-reader-text" href="#primary">Skip to content</a>

        <header class="site-header">
            <div class="header-top">
                <div class="container">
                    <div class="header-inner">
                        <!-- Logo -->
                        <div class="logo">
                            <a href="/">
                                Thietbihoanthien.com
                            </a>
                        </div>

                        <!-- Search -->
                        <form action="https://thietbihoanthien.com/" method="get" class="search-box-wrapper">
                            <div class="search-box">
                                <input type="text" placeholder="Bạn tìm gì..." name="s" />
                                <button>TÌM KIẾM</button>
                            </div>
                            <div class="search-dropdown" id="search-dropdown" style="display:none;"></div>
                        </form>


                        <!-- Actions -->
                        <div class="header-actions">
                            <a href="#" class="link">TƯ VẤN CHỌN MUA</a>
                            <a href="#" class="link">KHUYẾN MÃI</a>
                            <a href="#" class="link highlight">SALE HÀNG ĐẦU</a>
                            <a href="#" class="btn-outline btn-popup-cart open-popup-cart">
                                Giỏ hàng
                                <span class="cart-icon">
                                    <svg class="size-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M11.5988 23.094H11.6004C11.6018 23.094 11.6032 23.0938 11.6046 23.0938H30.7266C30.9557 23.0937 31.1787 23.019 31.3616 22.881C31.5446 22.743 31.6776 22.5492 31.7406 22.3288L35.9594 7.5632C36.0042 7.40626 36.012 7.24106 35.9822 7.0806C35.9523 6.92013 35.8857 6.76878 35.7874 6.63845C35.6891 6.5081 35.5619 6.40235 35.4158 6.32953C35.2696 6.2567 35.1086 6.21878 34.9453 6.21875H9.16643L8.41254 2.82589C8.36044 2.59163 8.23002 2.38213 8.04282 2.23198C7.85561 2.08183 7.6228 2 7.38281 2H1.05469C0.472148 2 0 2.47215 0 3.05469C0 3.63723 0.472148 4.10938 1.05469 4.10938H6.53688C6.67034 4.71055 10.1448 20.3458 10.3447 21.2452C9.22388 21.7325 8.4375 22.8502 8.4375 24.1484C8.4375 25.893 9.85697 27.3125 11.6016 27.3125H30.7266C31.3091 27.3125 31.7812 26.8404 31.7812 26.2578C31.7812 25.6753 31.3091 25.2031 30.7266 25.2031H11.6016C11.0201 25.2031 10.5469 24.7299 10.5469 24.1484C10.5469 23.5678 11.0185 23.0954 11.5988 23.094ZM33.5471 8.32812L29.9309 20.9844H12.4476L9.63506 8.32812H33.5471ZM10.5469 30.4766C10.5469 32.2212 11.9663 33.6406 13.7109 33.6406C15.4555 33.6406 16.875 32.2212 16.875 30.4766C16.875 28.732 15.4555 27.3125 13.7109 27.3125C11.9663 27.3125 10.5469 28.732 10.5469 30.4766ZM13.7109 29.4219C14.2924 29.4219 14.7656 29.8951 14.7656 30.4766C14.7656 31.058 14.2924 31.5312 13.7109 31.5312C13.1295 31.5312 12.6562 31.058 12.6562 30.4766C12.6562 29.8951 13.1295 29.4219 13.7109 29.4219ZM25.4531 30.4766C25.4531 32.2212 26.8726 33.6406 28.6172 33.6406C30.3618 33.6406 31.7812 32.2212 31.7812 30.4766C31.7812 28.732 30.3618 27.3125 28.6172 27.3125C26.8726 27.3125 25.4531 28.732 25.4531 30.4766ZM28.6172 29.4219C29.1987 29.4219 29.6719 29.8951 29.6719 30.4766C29.6719 31.058 29.1987 31.5312 28.6172 31.5312C28.0357 31.5312 27.5625 31.058 27.5625 30.4766C27.5625 29.8951 28.0357 29.4219 28.6172 29.4219Z" fill="black"></path>
                                    </svg>
                                    <span>0</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Navigation -->
            <nav class="header-nav">
                <div class="container">
                    <div class="header-inner">
                        <div class="category-toggle">
                            ☰ Tất cả danh mục
                        </div>

                        <ul class="menu">
                                                    </ul>

                        <ul class="main-menu__dropdown collapse" id="main_menu_dropdown">
                                                    </ul>
                    </div>
                </div>
            </nav>

            <button class="mobile-menu-toggle" aria-label="Toggle mobile menu">
                <span></span>
                <span></span>
                <span></span>
            </button>

        </header>

        <div class="mobile-menu">
            <div class="mobile-menu-header">
                <button class="mobile-menu-back-button" style="display: none;">
                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z" fill="currentColor"></path>
                    </svg>
                </button>
                <button class="mobile-menu-close-button">
                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18.3 5.71L12 12L5.71 5.71L4.29 7.12L10.59 13.41L4.29 19.71L5.71 21.12L12 14.83L18.3 21.12L19.71 19.71L13.41 13.41L19.71 7.12L18.3 5.71Z" fill="currentColor"></path>
                    </svg>
                </button>
            </div>

            <ul class="main-menu-list">
                            </ul>
        </div>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const popup = document.getElementById('popup-cart');
                const overlay = document.getElementById('popup-cart-overlay');
                const openBtn = document.querySelector('.open-popup-cart');
                const closeBtn = document.querySelector('.popup-cart__close');

                function openCart() {
                    popup.classList.add('active');
                    overlay.classList.add('active');
                }

                function closeCart() {
                    popup.classList.remove('active');
                    overlay.classList.remove('active');
                }

                if (openBtn) openBtn.addEventListener('click', openCart);
                closeBtn.addEventListener('click', closeCart);
                overlay.addEventListener('click', closeCart);

                // Auto open popup after add to cart
                document.body.addEventListener('added_to_cart', function() {
                    openCart();
                });
            });
        </script>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const input = document.querySelector('.search-box input[type="text"]');
                const dropdown = document.getElementById('search-dropdown');
                let timer = null,
                    lastValue = '';

                function renderDropdown(html, show = true) {
                    dropdown.innerHTML = html;
                    dropdown.style.display = show ? 'block' : 'none';
                }

                input.addEventListener('input', function() {
                    const val = this.value.trim();
                    if (val === '') {
                        renderDropdown('', false);
                        return;
                    }
                    if (val === lastValue) return;
                    lastValue = val;
                    renderDropdown('<div class="search-loading">Đang tìm kiếm...</div>', true);
                    clearTimeout(timer);
                    timer = setTimeout(() => {
                        fetch('https://thietbihoanthien.com/wp-admin/admin-ajax.php?action=search_products&q=' + encodeURIComponent(val))
                            .then(r => r.json())
                            .then(data => {
                                if (data.success && data.data.length) {
                                    renderDropdown(data.data.map(item => `
                        <div class="search-item" data-url="${item.url}">
                            <span class="search-thumb"><img src="${item.thumb}" alt=""></span>
                            <span class="search-info">
                                <span class="search-title">${item.title}</span><br>
                                <span class="search-price">${item.price}</span>
                            </span>
                        </div>
                    `).join(''));
                                } else {
                                    renderDropdown('<div class="search-noresult">Không tìm thấy sản phẩm phù hợp.</div>');
                                }
                            });
                    }, 350); // debounce 350ms
                });

                // Click item
                dropdown.addEventListener('click', function(e) {
                    let item = e.target.closest('.search-item');
                    if (item) window.location.href = item.getAttribute('data-url');
                });

                // Ẩn dropdown khi blur
                input.addEventListener('blur', function() {
                    setTimeout(() => renderDropdown('', false), 200);
                });
                input.addEventListener('focus', function() {
                    if (dropdown.innerHTML) dropdown.style.display = 'block';
                });
            });
        </script>
        <script>
            jQuery(document).ready(function($) {
                $('.mobile-menu-toggle').on('click', function() {
                    $('.mobile-menu').addClass('active');
                });

                $('.mobile-menu-back-button').on('click', function() {
                    $('.main-menu-list li').removeClass('active');
                    $('.main-menu-list').removeClass('submenu-open');
                    // hide back button when back to main menu
                    $(this).hide();
                });

                $('.main-menu-list > li > a').on('click', function(e) {
                    if ($(this).siblings('.main-menu__dropdown__level-1').length) {
                        e.preventDefault();
                        $(this).parent().addClass('active');
                        $(this).parents('.mobile-menu').addClass('submenu-open');
                        // show back button when open submenu
                        $(this).parents('.mobile-menu').find('.mobile-menu-back-button').show();
                    }
                });

                // close mobile menu when click button close
                $('.mobile-menu-close-button').on('click', function() {
                    $('.main-menu-list li').removeClass('active');
                    $('.main-menu-list').removeClass('submenu-open');
                    $('.mobile-menu').removeClass('active');
                });
            });
        </script>
<main id="primary" class="site-main">

	<div class="post-container container">

		<!-- Breadcrumb -->
		<div class="breadcrumb">
					</div>

		
			<h1 class="post-title">Móc Áo American Standard WF-0281</h1>

			<!-- META -->
			<div class="post-meta">
				<div class="author">
					<span>Đăng bởi:</span>
					<strong>Thảo Vân</strong>
				</div>
				<div class="date">
					<span>Ngày đăng:</span> 16/06/2026					|
					<span>Ngày cập nhật:</span> 16/06/2026				</div>
			</div>

			<div class="post-layout">

				<!-- CONTENT -->
				<article class="post-content">

					
					<!-- TOC -->
					<div class="post-toc">
						<div class="toc-title">Mục lục bài viết</div>
						<div id="toc"></div>
					</div>

					<div class="post-body">
						<div class="woocommerce">			<div class="single-product" data-product-page-preselected-id="0">
				<div class="woocommerce-notices-wrapper"></div>
<style>
	.viewed-products .product-item{
		flex: 1;
	}
</style>
<div id="product-1438" class="product-detail-layout product type-product post-1438 status-publish first instock product_cat-moc-ao-american product_cat-phu-kien-american product_cat-phu-kien-phong-tam product_cat-thiet-bi-ve-sinh has-post-thumbnail sale taxable shipping-taxable purchasable product-type-simple">
	<div class="product-detail-main">
		<div class="product-detail-images">
			
	<span class="onsale">Giảm giá!</span>
	<div class="product-slider-main"><div data-thumb="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-100x100.png" data-thumb-alt="Móc Áo American Standard WF-0281" data-thumb-srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png 1080w"  data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png"><img fetchpriority="high" decoding="async" width="600" height="600" src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-768x768.png" class="wp-post-image" alt="Móc Áo American Standard WF-0281" data-caption="" data-src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png" data-large_image="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png" data-large_image_width="1080" data-large_image_height="1080" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png 1080w" sizes="(max-width: 600px) 100vw, 600px" /></a></div><div data-thumb="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-100x100.png" data-thumb-alt="Móc Áo American Standard WF-0281" data-thumb-srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png 1080w"  data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png"><img decoding="async" width="600" height="600" src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-768x768.png" class="wp-post-image" alt="Móc Áo American Standard WF-0281" data-caption="" data-src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png" data-large_image="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png" data-large_image_width="1080" data-large_image_height="1080" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png 1080w" sizes="(max-width: 600px) 100vw, 600px" /></a></div></div><div class="product-slider-thumbs"><div data-thumb="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-100x100.png" data-thumb-alt="Móc Áo American Standard WF-0281" data-thumb-srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png 1080w"  data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png"><img decoding="async" width="600" height="600" src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-768x768.png" class="" alt="Móc Áo American Standard WF-0281" data-caption="" data-src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png" data-large_image="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png" data-large_image_width="1080" data-large_image_height="1080" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-1.png 1080w" sizes="(max-width: 600px) 100vw, 600px" /></a></div><div data-thumb="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-100x100.png" data-thumb-alt="Móc Áo American Standard WF-0281" data-thumb-srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png 1080w"  data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png"><img loading="lazy" decoding="async" width="600" height="600" src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-768x768.png" class="" alt="Móc Áo American Standard WF-0281" data-caption="" data-src="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png" data-large_image="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png" data-large_image_width="1080" data-large_image_height="1080" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/06/wf-0281-2.png 1080w" sizes="(max-width: 600px) 100vw, 600px" /></a></div></div>			<div class="product-detail-badges">
									<span class="badge badge-sale">-51%</span>
											</div>
		</div>
		<div class="product-detail-info">
			<h1 class="product_title entry-title">
				Móc Áo American Standard WF-0281			</h1>

			<!-- Product Option Buttons (Custom Style) -->
			<div class="product-option-buttons">
				<span>Không có sản phẩm combo.</span>			</div>

			<div class="product-meta-short">
				<span class="sku">Mã sản phẩm: <b>WF-0281</b></span>
				<span class="stock-status">
					Tình trạng:
											<span class="in-stock">✔ Còn hàng</span>
									</span>
			</div>
			<div class="product-pricing">
									<div class="price-old">
						Giá thị trường: <span class="woocommerce-Price-amount amount"><bdi>750.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span>					</div>
					<div class="price-sale">
						<span class="woocommerce-Price-amount amount"><bdi>369.138&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span>					</div>
					<div class="price-discount">Giảm thêm: <span class="woocommerce-Price-amount amount"><bdi>380.862&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></div>
							</div>
			<div class="product-variation-tabs">
							</div>
			<form class="cart cart-flex" method="post" enctype='multipart/form-data'>
				
	
	<form class="cart" action="" method="post" enctype='multipart/form-data'>
		
		<div class="quantity">
		<label class="screen-reader-text" for="quantity_6ad18eaf5567c">Móc Áo American Standard WF-0281 số lượng</label>
	<input
		type="number"
				id="quantity_6ad18eaf5567c"
		class="input-text qty text"
		name="quantity"
		value="1"
		aria-label="Số lượng sản phẩm"
				min="1"
							step="1"
			placeholder=""
			inputmode="numeric"
			autocomplete="off"
			/>
	</div>

		<button type="submit" name="add-to-cart" value="1438" class="single_add_to_cart_button button alt">Thêm vào giỏ hàng</button>

			</form>

	
			</form>
			<script>
				jQuery(document).ready(function($) {
					$('.cart .qty-minus').click(function() {
						var $input = $(this).siblings('input.qty');
						var val = parseInt($input.val()) || 1;
						if (val > 1) $input.val(val - 1).change();
					});
					$('.cart .qty-plus').click(function() {
						var $input = $(this).siblings('input.qty');
						var val = parseInt($input.val()) || 1;
						$input.val(val + 1).change();
					});
				});
			</script>
			<div class="product-hotlines">
				<div class="hotline-title">Hotline đặt hàng:</div>
				<div class="hotline-list">
									</div>
			</div>
			<div class="product-meta-tags">
				<span class="tag">Chưa có tag sản phẩm</span>			</div>
			<div class="product-service-icons">
							</div>
		</div>
	</div>

	<div class="product-detail-bottom">
		<!-- Chi tiết (Mô tả) -->
		<div class="product-detail-left">
			<div class="product-detail-desc">
				<div class="block-title"><span>Chi tiết</span><span class="block-title-bg"></span></div>
				

<h3>Thông số sản phẩm Móc Áo American Standard WF-0281</h3>
<ul>
<li>Mã sản phẩm: WF-0281</li>
<li>Thuộc bộ sưu tập: Heritage</li>
<li>Thiết kệ hiện đai, cách điệu mang lại tiện nghi cho phòng tắm</li>
<li>Chất liệu: Đồng mạ Crom</li>
<li>Công nghệ: Mỹ</li>
<li>Xuất xứ: American Standard</li>
<li>Bảo hành: 2 năm</li>
</ul>
			</div>
		</div>
		<div class="product-detail-right">
			<!-- Sản phẩm mua kèm -->
			<div class="product-detail-upsell">
				<div class="block-title"><span>Sản phẩm mua kèm</span><span class="block-title-bg"></span></div>
				<p>Không có sản phẩm mua kèm.</p>			</div>

			<!-- Tài liệu đính kèm -->
			<div class="product-detail-docs">
				<div class="block-title"><span>Tài liệu đính kèm</span><span class="block-title-bg"></span></div>
				<ul>
					<li>Chưa có tài liệu đính kèm.</li>				</ul>
			</div>

			<!-- Section: Đánh giá sản phẩm -->
			<div class="product-detail-reviews">
				<div class="block-title"><span>Đánh giá</span><span class="block-title-bg"></span></div>
				<div class="review-summary">
					<div class="review-score">
						<span class="score-value">5</span><span class="score-max">/5</span>
						<div class="score-stars">
							<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
						</div>
					</div>
					<div class="review-cta">
						<div>Bạn muốn đánh giá hoặc thắc mắc về sản phẩm?!<br><span style="font-size: 15px; color: #666;">Hãy click vào nút dưới đây!</span></div>
						<a href="#review-form" id="open-review-modal" class="btn-review">Viết Đánh giá / Bình luận sản phẩm</a>
					</div>
				</div>
				<div class="review-list">
					<div>Chưa có đánh giá nào cho sản phẩm này.</div>				</div>
			</div>
		</div>
	</div>

	<!-- Section: Sản phẩm cùng loại -->
	<div class="product-detail-related">
		<div class="block-title"><span>Sản phẩm cùng loại</span><span class="block-title-bg"></span></div>
		<div class="related-products">
			<div class="viewed-products">						<div class="product-item">
							<div class="product-image">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-fasb-dat-ban-xanh-tro/">
									<img loading="lazy" decoding="async" width="300" height="300" src="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fasb-1-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Chậu Rửa Lavabo TOTO LW630JDW/F#ASB Đặt Bàn Xanh Tro" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fasb-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fasb-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fasb-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fasb-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fasb-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fasb-1.png 1080w" sizes="(max-width: 300px) 100vw, 300px" />								</a>
							</div>
							<h3 class="product-name">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-fasb-dat-ban-xanh-tro/">Chậu Rửa Lavabo TOTO LW630JDW/F#ASB Đặt Bàn Xanh Tro</a>
							</h3>
							<div class="product-price">
								<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>6.850.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></del> <span class="screen-reader-text">Giá gốc là: 6.850.000&nbsp;&#8363;.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>5.480.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></ins><span class="screen-reader-text">Giá hiện tại là: 5.480.000&nbsp;&#8363;.</span></span>
							</div>
							<a href="/san-pham/moc-ao-american-standard-wf-0281/?add-to-cart=74462" class="btn-cart add_to_cart_button ajax_add_to_cart" data-product_id="74462" rel="nofollow">
								Thêm vào giỏ hàng
							</a>
						</div>
									<div class="product-item">
							<div class="product-image">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-fscr-dat-ban-sac-do/">
									<img loading="lazy" decoding="async" width="300" height="300" src="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fscr-1-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Chậu Rửa Lavabo TOTO LW630JDW/F#SCR Đặt Bàn Sắc Đỏ" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fscr-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fscr-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fscr-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fscr-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fscr-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fscr-1.png 1080w" sizes="(max-width: 300px) 100vw, 300px" />								</a>
							</div>
							<h3 class="product-name">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-fscr-dat-ban-sac-do/">Chậu Rửa Lavabo TOTO LW630JDW/F#SCR Đặt Bàn Sắc Đỏ</a>
							</h3>
							<div class="product-price">
								<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>6.850.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></del> <span class="screen-reader-text">Giá gốc là: 6.850.000&nbsp;&#8363;.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>5.480.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></ins><span class="screen-reader-text">Giá hiện tại là: 5.480.000&nbsp;&#8363;.</span></span>
							</div>
							<a href="/san-pham/moc-ao-american-standard-wf-0281/?add-to-cart=74463" class="btn-cart add_to_cart_button ajax_add_to_cart" data-product_id="74463" rel="nofollow">
								Thêm vào giỏ hàng
							</a>
						</div>
									<div class="product-item">
							<div class="product-image">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-fmdr-dat-ban-cam-vang/">
									<img loading="lazy" decoding="async" width="300" height="300" src="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fmdr-1-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Chậu Rửa Lavabo TOTO LW630JDW/F#MDR Đặt Bàn Cam Vàng" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fmdr-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fmdr-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fmdr-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fmdr-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fmdr-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-fmdr-1.png 1080w" sizes="(max-width: 300px) 100vw, 300px" />								</a>
							</div>
							<h3 class="product-name">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-fmdr-dat-ban-cam-vang/">Chậu Rửa Lavabo TOTO LW630JDW/F#MDR Đặt Bàn Cam Vàng</a>
							</h3>
							<div class="product-price">
								<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>6.850.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></del> <span class="screen-reader-text">Giá gốc là: 6.850.000&nbsp;&#8363;.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>5.480.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></ins><span class="screen-reader-text">Giá hiện tại là: 5.480.000&nbsp;&#8363;.</span></span>
							</div>
							<a href="/san-pham/moc-ao-american-standard-wf-0281/?add-to-cart=74460" class="btn-cart add_to_cart_button ajax_add_to_cart" data-product_id="74460" rel="nofollow">
								Thêm vào giỏ hàng
							</a>
						</div>
									<div class="product-item">
							<div class="product-image">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-ffrg-dat-ban-rung-xanh-600x370-mm/">
									<img loading="lazy" decoding="async" width="300" height="300" src="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-ffrg-1-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Chậu Rửa Lavabo TOTO LW630JDW/F#FRG Đặt Bàn Rừng Xanh 600x370 mm" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-ffrg-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-ffrg-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-ffrg-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-ffrg-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-ffrg-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw630jdw-ffrg-1.png 1080w" sizes="(max-width: 300px) 100vw, 300px" />								</a>
							</div>
							<h3 class="product-name">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw630jdw-ffrg-dat-ban-rung-xanh-600x370-mm/">Chậu Rửa Lavabo TOTO LW630JDW/F#FRG Đặt Bàn Rừng Xanh 600&#215;370 mm</a>
							</h3>
							<div class="product-price">
								<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>6.850.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></del> <span class="screen-reader-text">Giá gốc là: 6.850.000&nbsp;&#8363;.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>5.480.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></ins><span class="screen-reader-text">Giá hiện tại là: 5.480.000&nbsp;&#8363;.</span></span>
							</div>
							<a href="/san-pham/moc-ao-american-standard-wf-0281/?add-to-cart=74461" class="btn-cart add_to_cart_button ajax_add_to_cart" data-product_id="74461" rel="nofollow">
								Thêm vào giỏ hàng
							</a>
						</div>
									<div class="product-item">
							<div class="product-image">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw896jw-fasb-dat-ban-xanh-tro/">
									<img loading="lazy" decoding="async" width="300" height="300" src="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw896jw-fasb-1-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Chậu Rửa Lavabo TOTO LW896JW/F#ASB Đặt Bàn Xanh Tro" srcset="https://thietbihoanthien.com/wp-content/uploads/2026/07/lw896jw-fasb-1-300x300.png 300w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw896jw-fasb-1-1024x1024.png 1024w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw896jw-fasb-1-150x150.png 150w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw896jw-fasb-1-768x768.png 768w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw896jw-fasb-1-100x100.png 100w, https://thietbihoanthien.com/wp-content/uploads/2026/07/lw896jw-fasb-1.png 1080w" sizes="(max-width: 300px) 100vw, 300px" />								</a>
							</div>
							<h3 class="product-name">
								<a href="https://thietbihoanthien.com/san-pham/chau-rua-lavabo-toto-lw896jw-fasb-dat-ban-xanh-tro/">Chậu Rửa Lavabo TOTO LW896JW/F#ASB Đặt Bàn Xanh Tro</a>
							</h3>
							<div class="product-price">
								<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>5.940.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></del> <span class="screen-reader-text">Giá gốc là: 5.940.000&nbsp;&#8363;.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi>4.763.000&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></bdi></span></ins><span class="screen-reader-text">Giá hiện tại là: 4.763.000&nbsp;&#8363;.</span></span>
							</div>
							<a href="/san-pham/moc-ao-american-standard-wf-0281/?add-to-cart=74458" class="btn-cart add_to_cart_button ajax_add_to_cart" data-product_id="74458" rel="nofollow">
								Thêm vào giỏ hàng
							</a>
						</div>
			</div>		</div>
	</div>

	<!-- Section: Sản phẩm đã xem -->
	<div class="product-detail-viewed">
		<div class="block-title"><span>Sản phẩm đã xem</span><span class="block-title-bg"></span></div>
		<div class="viewed-slider">
			<!-- Demo sản phẩm đã xem, có thể thay bằng truy xuất cookie/localStorage thực tế -->
			<div class="viewed-products">
				<div>Chưa có sản phẩm đã xem.</div>			</div>
		</div>
	</div>
</div>

<!-- Popup modal -->
<div id="review-modal" class="review-modal" style="display:none;">
	<div class="review-modal-overlay"></div>
	<div class="review-modal-content">
		<button class="review-modal-close" type="button">&times;</button>
		<h2>Viết đánh giá sản phẩm</h2>
		<form id="review-form" enctype="multipart/form-data">
			<input type="hidden" id="review_nonce" name="review_nonce" value="2c9993a882" /><input type="hidden" name="_wp_http_referer" value="/san-pham/moc-ao-american-standard-wf-0281/" />			<div class="form-group">
				<label>Chọn số sao:</label>
				<div class="review-stars">
											<span class="star" data-value="1">&#9733;</span>
											<span class="star" data-value="2">&#9733;</span>
											<span class="star" data-value="3">&#9733;</span>
											<span class="star" data-value="4">&#9733;</span>
											<span class="star" data-value="5">&#9733;</span>
									</div>
				<input type="hidden" name="rating" id="review-rating" value="5" required>
			</div>
			<div class="form-group">
				<label>Nội dung đánh giá:</label>
				<textarea name="comment" id="review-comment" rows="4" required></textarea>
			</div>
			<div class="form-group">
				<label>Upload ảnh (tối đa 5 ảnh, jpg/png/webp, max 2MB/ảnh):</label>
				<div id="review-dropzone" class="review-dropzone">
					<span class="dz-icon">&#8682;</span>
					<span class="dz-text">Kéo & thả ảnh vào đây hoặc <span class="dz-browse">chọn ảnh</span></span>
					<input type="file" name="review_images[]" id="review-images" accept=".jpg,.jpeg,.png,.webp" multiple style="display:none;">
				</div>
				<div id="review-image-preview" class="dz-preview-list"></div>
			</div>
			<input type="hidden" name="product_id" value="1438">
			<button type="submit" class="btn-submit-review">Gửi đánh giá</button>
			<div id="review-form-message"></div>
		</form>
	</div>
</div>

<script>
	jQuery(document).ready(function($) {
		if ($('.related-slider .products').length && typeof $.fn.slick === 'function') {
			$('.related-slider .products').slick({
				slidesToShow: 5,
				slidesToScroll: 1,
				arrows: true,
				dots: true,
				responsive: [{
						breakpoint: 1024,
						settings: {
							slidesToShow: 3
						}
					},
					{
						breakpoint: 600,
						settings: {
							slidesToShow: 2
						}
					}
				]
			});
		}
	});
</script>
<!-- Khởi tạo slick cho slider sản phẩm cùng loại -->
			</div>
			</div>					</div>

				</article>

				<!-- SIDEBAR -->
				<aside class="post-sidebar">
					<h3 class="sidebar-title">Thiết bị bếp</h3>
					<ul>
						<li><a href="https://thietbihoanthien.com/khuyen-mai/">Khuyến mãi</a></li><li><a href="https://thietbihoanthien.com/tu-van-thiet-bi-ve-sinh/">Tư Vấn</a></li>					</ul>
				</aside>

			</div>

		
		<!-- Related Posts -->
		<div class="related-posts">
			<h2 class="related-title">Bài viết liên quan</h2>
			<div class="related-list">
							</div>
		</div>

	</div>



</main><!-- #main -->
<script>
	document.addEventListener("DOMContentLoaded", function() {
		const toc = document.getElementById("toc");
		const headers = document.querySelectorAll(".post-body h2");

		if (!toc || headers.length === 0) return;

		let ul = document.createElement("ul");

		headers.forEach((h, i) => {
			const id = "toc-" + i;
			h.id = id;

			let li = document.createElement("li");
			let a = document.createElement("a");
			a.href = "#" + id;
			a.innerText = h.innerText;

			li.appendChild(a);
			ul.appendChild(li);
		});

		toc.appendChild(ul);
	});
</script>
<footer class="footer">
	<div class="footer__top">
		<div class="container">
			<div class="footer__grid">

				<!-- LEFT -->
				<div class="footer__company">
					<a href="https://thietbihoanthien.com/" class="footer__logo">
													<img src="https://thietbihoanthien.com/wp-content/uploads/2026/05/logo-chan-trang-noithathoanthien.jpg" alt="CÔNG TY TNHH THƯƠNG MẠI VÀ XÂY DỰNG THIẾT BỊ HOÀN THIỆN">
											</a>

					<p class="footer__company-name">
						CÔNG TY TNHH THƯƠNG MẠI VÀ XÂY DỰNG THIẾT BỊ HOÀN THIỆN					</p>

					<ul class="footer__info">
													<li>Mã số thuế: 4601590745</li>
																			<li>Địa chỉ: Số 429/1 đường Cách Mạng Tháng 8, Tổ 2, P. Hương Sơn, TP. Thái nguyên</li>
																			<li>Điện thoại: <a href="tel:0961818088">0961818088</a></li>
																			<li>Email: <a href="mailto:thietbihoanthien.info@gmail.com">thietbihoanthien.info@gmail.com</a></li>
																			<li>Đại diện pháp luật: ĐỖ SƠN HÀ</li>
											</ul>

					<div class="footer__social">
						<span>Mạng xã hội:</span>
						<ul>
																								<li><a href="https://web.facebook.com/thietbivesinhchinhhanginax" aria-label="Facebook" target="_blank" rel="noopener noreferrer"><img src="https://kimquoctien.com/wp-content/uploads/2025/11/Group-31104.svg" alt="Facebook"></a></li>
																																<li><a href="https://www.youtube.com/@thietbihoanthien6610" aria-label="Instagram" target="_blank" rel="noopener noreferrer"><img src="https://kimquoctien.com/wp-content/uploads/2025/11/Group-1000009831.svg" alt="Instagram"></a></li>
																																<li><a href="" aria-label="YouTube" target="_blank" rel="noopener noreferrer"><img src="https://kimquoctien.com/wp-content/uploads/2025/11/Group-10000099144.svg" alt="YouTube"></a></li>
																																<li><a href="https://www.tiktok.com/@srthietbihoanthien_inax" aria-label="TikTok" target="_blank" rel="noopener noreferrer"><img src="https://kimquoctien.com/wp-content/uploads/2025/11/Group-100000992122248.svg" alt="TikTok"></a></li>
																																<li><a href="#" aria-label="Zalo" target="_blank" rel="noopener noreferrer"><img src="https://kimquoctien.com/wp-content/uploads/2025/11/Group-10000092946.svg" alt="Zalo"></a></li>
																					</ul>
					</div>
				</div>

				<!-- RIGHT -->
				<div class="footer__content">

					<h3 class="footer__title">Tổng đài hỗ trợ</h3>

					<!-- Swiper giữ nguyên nếu bạn dùng JS -->
					<div class="footer__hotline">
						<!-- swiper -->
					</div>

					<div class="footer__menus">
						<div class="footer__menu">
							<h4>Về Thiết Bị Hoàn Thiện</h4>
							<ul id="menu-ve-thiet-bi-hoan-thien" class=""><li id="menu-item-352" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-352"><a href="https://thietbihoanthien.com/gioi-thieu/">Giới Thiệu</a></li>
<li id="menu-item-355" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-355"><a href="https://thietbihoanthien.com/lien-he/">Liên Hệ</a></li>
</ul>						</div>

						<div class="footer__menu">
							<h4>Lĩnh vực kinh doanh</h4>
							<ul id="menu-linh-vuc-kinh-doanh" class=""><li id="menu-item-386" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-386"><a href="https://thietbihoanthien.com/danh-muc/thiet-bi-ve-sinh/">Thiết Bị Vệ Sinh</a></li>
</ul>						</div>

						<div class="footer__menu footer__menu--policy">
							<h4>Chính sách</h4>
							<ul id="menu-chinh-sach" class=""><li id="menu-item-363" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-363"><a rel="privacy-policy" href="https://thietbihoanthien.com/chinh-sach-bao-mat/">Chính sách bảo mật</a></li>
<li id="menu-item-364" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-364"><a href="https://thietbihoanthien.com/chinh-sach-bao-hanh/">Chính Sách Bảo Hành</a></li>
<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-365"><a href="https://thietbihoanthien.com/hoan-tien-tra-hang/">Chính sách đổi trả hàng</a></li>
<li id="menu-item-366" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-366"><a href="https://thietbihoanthien.com/chinh-sach-van-chuyen/">Chính Sách Vận Chuyển</a></li>
</ul>						</div>
					</div>

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

	<div class="footer__bottom">
		<p>Copyright 2026 © <strong>thietbihoanthien.com</strong>. All Rights Reserved</p>
	</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
	jQuery(document).ready(function($) {
		// Initialize Slick Carousel for any sliders if needed
		$('.menu').slick({
			dots: false,
			infinite: false,
			arrows: true,
			speed: 300,
			slidesToShow: 1,
			variableWidth: true,
			prevArrow: '<button class="slick-prev" aria-label="Previous" type="button"><img src="/wp-content/uploads/2026/01/index.svg" alt="Previous"></button>',
			nextArrow: '<button class="slick-next" aria-label="Next" type="button"><img src="/wp-content/uploads/2026/01/index.svg" alt="Next"></button>',
		});

		$('.product-detail-upsell-slide').slick({
			dots: false,
			infinite: true,
			arrows: false,
			speed: 300,
			slidesToShow: 3,
			slidesToScroll: 1,
			prevArrow: '<button class="slick-prev" aria-label="Previous" type="button"><img src="/wp-content/uploads/2026/01/index.svg" alt="Previous"></button>',
			nextArrow: '<button class="slick-next" aria-label="Next" type="button"><img src="/wp-content/uploads/2026/01/index.svg" alt="Next"></button>',
			responsive: [{
					breakpoint: 1024,
					settings: {
						slidesToShow: 3,
					}
				},
				{
					breakpoint: 600,
					settings: {
						slidesToShow: 2,
					}
				},
				{
					breakpoint: 480,
					settings: {
						slidesToShow: 1,
					}
				}
			]
		});
	});
</script>
</div><!-- #page -->

<!-- Swiper CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script>
	document.addEventListener('DOMContentLoaded', function() {
		// Left banner swiper
		var leftSwiper = new Swiper('.banner-swiper-left', {
			loop: true,
			navigation: {
				nextEl: '.banner-left-next',
				prevEl: '.banner-left-prev',
			},
			lazy: true,
		});

		// Right banner swiper
		var rightSwiper = new Swiper('.banner-swiper-right', {
			loop: true,
			navigation: {
				nextEl: '.banner-right-next',
				prevEl: '.banner-right-prev',
			},
			lazy: true,
		});
	});
</script>

<script>
	document.addEventListener('DOMContentLoaded', function() {
		var heroSwiper = new Swiper('.hero-banner__swiper', {
			loop: true,
			autoplay: {
				delay: 5000,
				disableOnInteraction: false,
			},
			navigation: {
				nextEl: '.hero-banner__nav--next',
				prevEl: '.hero-banner__nav--prev',
			},
		});
	});
</script>

<script>
	document.addEventListener('DOMContentLoaded', function() {
		var tabs = document.querySelectorAll('.home-news-tab-list .home-news-tab-button');
		var wrapper = document.querySelector('.home-news-swiper-wrapper');
		tabs.forEach(function(tab) {
			tab.addEventListener('click', function() {
				if (tab.classList.contains('is-active')) return;
				tabs.forEach(function(t) {
					t.classList.remove('is-active');
					t.removeAttribute('aria-current');
				});
				tab.classList.add('is-active');
				tab.setAttribute('aria-current', 'true');
				var termId = tab.getAttribute('data-term-id');
				if (!termId) return;
				wrapper.innerHTML = '<div>Đang tải tin tức...</div>';
				fetch('/wp-admin/admin-ajax.php?action=load_home_news_tab&term_id=' + termId)
					.then(function(res) {
						return res.text();
					})
					.then(function(html) {
						wrapper.innerHTML = html;
					})
					.catch(function() {
						wrapper.innerHTML = '<div>Lỗi tải tin tức.</div>';
					});
			});
		});
	});
</script>

<ul class="mobile-nav nav nav-left ">
	<li class="html header-button-1">
		<div class="header-button">
			<a href="/" class="button primary is-outline" style="border-radius:99px;">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
					<path d="M341.8 72.6C329.5 61.2 310.5 61.2 298.3 72.6L74.3 280.6C64.7 289.6 61.5 303.5 66.3 315.7C71.1 327.9 82.8 336 96 336L112 336L112 512C112 547.3 140.7 576 176 576L464 576C499.3 576 528 547.3 528 512L528 336L544 336C557.2 336 569 327.9 573.8 315.7C578.6 303.5 575.4 289.5 565.8 280.6L341.8 72.6zM304 384L336 384C362.5 384 384 405.5 384 432L384 528L256 528L256 432C256 405.5 277.5 384 304 384z" />
				</svg>
				<span>Trang chủ</span>
			</a>
		</div>
	</li>
	<li class="html custom html_topbar_right">

		<div class="header-button">
			<a href="tel: 0961818088" class="button primary" rel="nofollow">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
					<path d="M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z" />
				</svg>
				<span>Gọi điện</span>
			</a>
		</div>
	</li>
	<li class="html header-button-2">
		<div class="header-button">
			<a href="https://zalo.me/0961818088" class="button primary" style="border-radius:99px;">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
					<path d="M64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L360 512C354.8 512 349.8 513.7 345.6 516.8L230.4 603.2C226.2 606.3 221.2 608 216 608C202.7 608 192 597.3 192 584L192 512L160 512C107 512 64 469 64 416z" />
				</svg>
				<span>Tư vấn</span>
			</a>
		</div>
	</li>
	<li class="cart-item has-icon">

		<div class="header-button">
			<a href="/gio-hang/" class="header-cart-link icon primary button round is-small off-canvas-toggle nav-top-link" title="Giỏ hàng" data-open="#cart-popup" data-class="off-canvas-cart" data-pos="right">

				<i class="icon-shopping-bag" data-icon-label="0">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
						<path d="M256 144C256 108.7 284.7 80 320 80C355.3 80 384 108.7 384 144L384 192L256 192L256 144zM208 192L144 192C117.5 192 96 213.5 96 240L96 448C96 501 139 544 192 544L448 544C501 544 544 501 544 448L544 240C544 213.5 522.5 192 496 192L432 192L432 144C432 82.1 381.9 32 320 32C258.1 32 208 82.1 208 144L208 192zM232 240C245.3 240 256 250.7 256 264C256 277.3 245.3 288 232 288C218.7 288 208 277.3 208 264C208 250.7 218.7 240 232 240zM384 264C384 250.7 394.7 240 408 240C421.3 240 432 250.7 432 264C432 277.3 421.3 288 408 288C394.7 288 384 277.3 384 264z" />
					</svg>
				</i>
			</a>
		</div>
	</li>
	<li class="nav-icon html">
		<div class="header-button header-button--menu">
			<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="button primary" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">

				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
					<path d="M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z" />
				</svg>
				<span>Menu</span>
			</a>
		</div>
	</li>
</ul>
<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/thietbihoanthien/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			
<div id="photoswipe-fullscreen-dialog" class="pswp" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Ảnh toàn màn hình">
	<div class="pswp__bg"></div>
	<div class="pswp__scroll-wrap">
		<div class="pswp__container">
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
		</div>
		<div class="pswp__ui pswp__ui--hidden">
			<div class="pswp__top-bar">
				<div class="pswp__counter"></div>
				<button class="pswp__button pswp__button--zoom" aria-label="Phóng to/ thu nhỏ"></button>
				<button class="pswp__button pswp__button--fs" aria-label="Bật/tắt chế độ toàn màn hình"></button>
				<button class="pswp__button pswp__button--share" aria-label="Chia sẻ"></button>
				<button class="pswp__button pswp__button--close" aria-label="Đóng (Esc)"></button>
				<div class="pswp__preloader">
					<div class="pswp__preloader__icn">
						<div class="pswp__preloader__cut">
							<div class="pswp__preloader__donut"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
				<div class="pswp__share-tooltip"></div>
			</div>
			<button class="pswp__button pswp__button--arrow--left" aria-label="Ảnh trước (mũi tên trái)"></button>
			<button class="pswp__button pswp__button--arrow--right" aria-label="Ảnh tiếp (mũi tên phải)"></button>
			<div class="pswp__caption">
				<div class="pswp__caption__center"></div>
			</div>
		</div>
	</div>
</div>
	<script type='text/javascript'>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<link rel='stylesheet' id='wc-blocks-style-css' href='https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.4.4' media='all' />
<script id="sourcebuster-js-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.4.4"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https://thietbihoanthien.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script id="wc-order-attribution-js" src="https://thietbihoanthien.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.4.4"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://thietbihoanthien.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://thietbihoanthien.com/wp-includes/js/wp-emoji-loader.min.js
</script>
	<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
	<script>
		jQuery(document).ready(function($) {
			$('.product-slider-main').slick({
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: true,
				fade: false,
				asNavFor: '.product-slider-thumbs',
				adaptiveHeight: true
			});
			$('.product-slider-thumbs').slick({
				slidesToShow: 5,
				slidesToScroll: 1,
				asNavFor: '.product-slider-main',
				dots: false,
				centerMode: false,
				focusOnSelect: true
			});
		});
	</script>
<script>
	jQuery(document).ready(function($) {
		$(document).on('click', '[aria-controls="main-menu"]', function(e) {
			e.preventDefault();
			$('.mobile-menu').toggleClass('active');
		});
	});
</script>
	<style>
		#button-contact-vr {
			left: 10px;
		}

		#button-contact-vr {
			position: fixed;
			bottom: 0;
			z-index: 99999;
		}

		#button-contact-vr .button-contact {
			position: relative;
			margin-top: -5px;
		}

		#gom-all-in-one .button-contact {
			transition: 1.6s all;
			-moz-transition: 1.6s all;
			-webkit-transition: 1.6s all;
		}

		#button-contact-vr .button-contact {
			margin-bottom: 10px;
		}

		#button-contact-vr .button-contact .phone-vr {
			position: relative;
			visibility: visible;
			background-color: transparent;
			width: 90px;
			height: 90px;
			cursor: pointer;
			z-index: 11;
			-webkit-backface-visibility: hidden;
			-webkit-transform: translateZ(0);
			transition: visibility .5s;
			left: 0;
			bottom: 0;
			display: block;
		}

		#button-contact-vr .button-contact .phone-vr {
			width: 60px;
			height: 60px;
		}

		.phone-vr-circle-fill {
			width: 65px;
			height: 65px;
			top: 12px;
			left: 12px;
			position: absolute;
			box-shadow: 0 0 0 0 #c31d1d;
			background-color: rgba(230, 8, 8, 0.7);
			border-radius: 50%;
			border: 2px solid transparent;
			-webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
			animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
			transition: all .5s;
			-webkit-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animuiion: zoom 1.3s infinite;
			animation: zoom 1.3s infinite;
		}

		.phone-vr-circle-fill {
			animation: none;
			width: 60px;
			height: 60px;
			top: 0;
			left: 0;
		}

		#zalo-vr .phone-vr-circle-fill {
			box-shadow: 0 0 0 0 #2196F3;
			background-color: rgba(33, 150, 243, 0.7);
		}

		.phone-vr-img-circle {
			background-color: #e60808;
			width: 40px;
			height: 40px;
			line-height: 40px;
			top: 25px;
			left: 25px;
			position: absolute;
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			justify-content: center;
			-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
			animation: phone-vr-circle-fill 1s infinite ease-in-out;
		}

		.phone-vr-img-circle {
			animation: none;
			top: 10px;
			left: 10px;
		}

		#zalo-vr .phone-vr-img-circle {
			background-color: #2196F3;
		}

		.phone-vr-img-circle a {
			display: block;
			line-height: 37px;
		}

		.phone-vr-img-circle img {
			max-height: 25px;
			max-width: 27px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
		}

		#phone-vr .phone-vr-circle-fill {
			opacity: 0.7;
			box-shadow: 0 0 0 0 #dd3333;
		}

		.phone-bar a,
		#phone-vr .phone-vr-circle-fill,
		#phone-vr .phone-vr-img-circle,
		#phone-vr .phone-bar a {
			background-color: #dd3333;
		}

		.phone-bar a {
			position: absolute;
			margin-top: -61px;
			left: 53px;
			z-index: -1;
			color: #fff;
			font-size: 16px;
			padding: 7px 15px 7px 15px;
			border-radius: 100px;
			white-space: nowrap;
			z-index: 11;
			opacity: 0;
			pointer-events: none;
			transition: all .3s;
		}

		#button-contact-vr:hover .phone-bar a {
			opacity: 1;
			pointer-events: auto;
		}
	</style>
	<div id="button-contact-vr" class="">
		<div id="gom-all-in-one">
			<div id="zalo-vr" class="button-contact">
				<div class="phone-vr">
					<div class="phone-vr-circle-fill"></div>
					<div class="phone-vr-img-circle">
						<a target="_blank" href="https://zalo.me/0961818088" rel="nofollow">
							<img alt="Zalo" src="https://thietbihoanthien.com/wp-content/uploads/2026/07/zalo.png">
						</a>
					</div>
				</div>
			</div>
			<div id="phone-vr" class="button-contact">
				<div class="phone-vr">
					<div class="phone-vr-circle-fill"></div>
					<div class="phone-vr-img-circle">
						<a href="tel:0961818088" rel="nofollow">
							<img alt="Phone" src="https://thietbihoanthien.com/wp-content/uploads/2026/07/phone.png">
						</a>
					</div>
				</div>
			</div>
			<div class="phone-bar phone-bar-n">
				<a href="tel:0961818088" rel="nofollow">
					<span class="text-phone">0961818088 </span>
				</a>
			</div>
		</div>
	</div>
</body>

</html>