/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.6.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.absolute-footer {
	display: none !important;
}

/* --- Footer (.xc-footer): giống demo sago-footer / accent đỏ --- */
:root {
	--xc-footer-accent: #ff2a2d;
	--xc-product-title-color: #1a1a1a;
	--xc-product-title-hover: var(--fs-color-primary, #ff2a2d);
	--xc-product-price-color: #ff2a2d;
}

.entry-content {
	padding-top: 0;
	padding-bottom: 0;
}

/* Single product: màu giá (span.amount) */
body.single-product span.amount {
	color: #00CED1;
}

/* Header: dropdown đồng cấp — reset margin list
   Flatsome: .col-inner ul li { margin-left: 1.3em } + mega .nav-dropdown .col-inner … !important */
#header .header-nav .nav-dropdown > li,
#header .header-nav .sub-menu > li,
#header .header-nav-main .nav-dropdown > li,
#header .header-nav-main .sub-menu > li,
#header .header-nav ul.nav-dropdown li,
#header .header-nav ul.sub-menu li,
#header .header-inner ul.nav-dropdown li,
#header .header-inner ul.sub-menu li,
#header .menu-item-has-block .nav-dropdown .col-inner ul li {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0;
	list-style: none;
}

#header .menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li:not(.tab):not([class^="bullet-"]) {
	margin-left: 0 !important;
}

#header .header-nav .nav-dropdown,
#header .header-nav .sub-menu {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

/* --- Tiêu đề block (.title_module) — giống demo --- */
.title_module {
	position: relative;
	text-align: center;
	margin-top: 0;
	margin-bottom: 2rem;
}

.title_module h2 {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding-bottom: 0;
	line-height: 3rem;
	font-weight: 700;
	font-family: Inter, sans-serif;
	color: #292929;
}

.title_module h2 > a,
.title_module h2 > span {
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.title_module h2 a,
.title_module h2 p {
	margin: 0;
	font-size: 32px;
}

.title_module h2 span {
	display: block;
	margin-top: 0.25rem;
	text-align: center;
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #000;
}

.title_module h2 a {
	color: #00CED1;
	text-decoration: none;
	transition: color 0.25s ease;
}

.title_module h2 a:hover {
	color: #00CED1;
}

/* Ẩn thẻ p rỗng (và p chỉ  /khoảng trắng — bổ sung bằng script trong functions.php) */
.title_module p:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

.title_module p:blank {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

@media (max-width: 549px) {
	.title_module h2 {
		line-height: 1.3;
	}

	.title_module h2 a,
	.title_module h2 p {
		font-size: 1.2em;
	}
}

.xc-footer .xc-footer-widget-title {
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 110%;
}

.xc-footer .copyright {
	font-weight: 700;
}

.xc-footer a:hover {
	color: #00CED1 !important;
}

.xc-footer .ux-menu-link__link:hover {
	color: #00CED1 !important;
}

/* Danh bạ: icon Font Awesome (không sửa HTML) */
.xc-footer .xc-footer-contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

.xc-footer .xc-footer-contact li {
	position: relative;
	margin-left: 0 !important;
	padding-left: 1.55em;
	list-style: none;
}

.xc-footer .xc-footer-contact li::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 90%;
	line-height: 1.2;
	position: absolute;
	left: 0;
	top: 0.15em;
	color: #00CED1;
	-webkit-font-smoothing: antialiased;
}

.xc-footer .xc-footer-contact li:nth-child(1)::before {
	content: "\f3c5";
}

.xc-footer .xc-footer-contact li:nth-child(2)::before {
	content: "\f095";
}

.xc-footer .xc-footer-contact li:nth-child(3)::before {
	content: "\f0e0";
}

/* Menu cột: mũi tên nhỏ */
.xc-footer .ux-menu-link__link {
	position: relative;
	padding-left: 1.15em !important;
}

.xc-footer .ux-menu-link__link::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f105";
	position: absolute;
	left: 0;
	top: 0.95em;
	font-size: 0.75em;
	color: #00CED1;
	line-height: 1;
}

/* Form đăng ký — BEM block: .xc-footer-form */
.xc-footer-form__layout {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
}

.xc-footer-form__col {
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.xc-footer-form__col p {
	margin-bottom: 0;
	width: 100%;
}

.xc-footer-form__col--field {
	flex: 1 1 auto;
	min-width: 0;
}

.xc-footer-form__col--field .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.xc-footer-form__col--action {
	flex: 0 0 auto;
	align-self: stretch;
}

.xc-footer-form__col--action p {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
}

.xc-footer-form__col--action input[type="submit"] {
	width: auto;
	box-sizing: border-box;
}

@media (max-width: 549px) {
	.xc-footer-form__layout {
		gap: 8px;
	}
}

.xc-footer-form--flat input[type="email"],
.xc-footer-form--flat input[type="text"] {
	border-radius: 99px;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: rgba(0, 0, 0, 0.09);
	box-shadow: none;
	padding-left: 1em;
	padding-right: 1em;
	min-height: 2.5rem;
	box-sizing: border-box;
	width: 100%;
}

.xc-footer-form--flat input[type="submit"].button,
.xc-footer-form--flat input[type="submit"] {
	border-radius: 99px !important;
	text-transform: none;
	min-height: 2.5rem;
	padding-left: 1.1em;
	padding-right: 1.1em;
	white-space: nowrap;
}

.xc-footer-form .wpcf7-response-output {
	margin-top: 0.75em;
}

/* CF7: nút Gửi mặc định (trang Liên hệ, form không bọc .xc-footer-form) */
.wpcf7-form input[type="submit"].wpcf7-submit,
.wpcf7-form input[type="submit"] {
	border-radius: 99px !important;
}

/* --- Trang chủ: danh mục icon (chỉ row trong .xc-home-category-product) --- */
section.xc-home-category-product > .section-content > .row {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #00CED1;
	border-radius: 15px;
	padding: 10px 0;
	overflow: hidden;
	box-sizing: border-box;
}

section.xc-home-category-product > .section-content > .row > .col {
	flex: 1 1 0 !important;
	flex-basis: 0 !important;
	min-width: 0;
	max-width: none !important;
	padding-top: 0;
	padding-bottom: 0;
}

section.xc-home-category-product .icon-box .icon-box-img {
	margin-bottom: 0.5em;
}

section.xc-home-category-product .icon-box-img img {
	transition: transform 0.35s ease, opacity 0.35s ease;
	will-change: transform;
}

section.xc-home-category-product .col-inner:hover .icon-box-img img,
section.xc-home-category-product a:hover .icon-box-img img {
	transform: scale(1.06);
	opacity: 0.92;
}

section.xc-home-category-product .icon-box-text h5 {
	transition: color 0.25s ease;
}

section.xc-home-category-product .col-inner:hover .icon-box-text h5,
section.xc-home-category-product a:hover .icon-box-text h5 {
	color: var(--fs-color-primary, #ff2a2d);
}

/* Vạch dọc giữa các ô (desktop: mọi ô trừ ô cuối) */
section.xc-home-category-product > .section-content > .row > .col:not(:last-child) {
	border-right: 1px solid #ddd;
}

@media (max-width: 849px) {
	section.xc-home-category-product > .section-content {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	section.xc-home-category-product > .section-content > .row {
		flex-flow: row wrap;
	}

	section.xc-home-category-product > .section-content > .row > .col {
		flex: 0 0 50% !important;
		flex-basis: 50% !important;
		max-width: 50% !important;
	}

	/* Mobile 2 cột: chỉ cột trái mỗi hàng có vạch phải, trừ ô cuối cùng */
	section.xc-home-category-product > .section-content > .row > .col {
		border-right: none;
	}

	section.xc-home-category-product > .section-content > .row > .col:nth-child(2n + 1):not(:last-child) {
		border-right: 1px solid #ddd;
	}
}

@media (max-width: 549px) {
	section.xc-home-category-product .icon-box-text h5 {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.35;
		margin-bottom: 0;
	}

	section.xc-home-category-product .icon-box-img {
		width: 56px !important;
		max-width: 56px !important;
		margin-left: auto;
		margin-right: auto;
	}
}

/* --- WooCommerce loop: tiêu đề 1 dòng + màu title / giá (.product-small) --- */
.product-small.col {
	min-width: 0;
}

.product-small .title-wrapper {
	min-width: 0;
}

.product-small .title-wrapper .product-title {
	height: auto !important;
	margin-bottom: 0.35em;
}

.product-small .title-wrapper .woocommerce-loop-product__link {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	color: var(--xc-product-title-color);
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-small .title-wrapper .woocommerce-loop-product__link:hover {
	color: var(--xc-product-title-hover);
}

.product-small .price-wrapper {
	text-align: center !important;
}

.product-small .price-wrapper .price {
	text-align: center !important;
	color: #000000 !important;
	font-weight: 700;
}

/* Trong loop: Ẩn giá gốc (del), chỉ hiện giá khuyến mãi hoặc giá thường */
.product-small .price-wrapper .price del {
	display: none !important;
}

.product-small .price-wrapper .woocommerce-Price-amount,
.product-small .price-wrapper .price ins,
.product-small .price-wrapper .price ins .woocommerce-Price-amount {
	color: #000000 !important;
	text-decoration: none;
	font-weight: 700;
}

/* --- Shop sidebar: XC filter + Danh mục WC — giao diện kiểu WOOF / dungcu2-child --- */
#shop-sidebar .widget_xc_shop_filter_taxonomy,
#shop-sidebar .widget_product_categories {
	margin-bottom: 20px;
}

#shop-sidebar .widget_xc_shop_filter_taxonomy .widget-title,
#shop-sidebar .widget_xc_shop_filter_taxonomy > span.widget-title,
#shop-sidebar .widget_xc_shop_filter_taxonomy > h3,
#shop-sidebar .widget_product_categories .widget-title,
#shop-sidebar .widget_product_categories > span.widget-title,
#shop-sidebar .widget_product_categories > h3 {
	display: block;
	margin: 0;
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	text-transform: uppercase;
	border: 1px solid #ebebeb;
	padding: 15px 20px;
	color: #0a0a0a;
}

#shop-sidebar .widget_xc_shop_filter_taxonomy .is-divider,
#shop-sidebar .widget_product_categories .is-divider {
	display: none;
}

/* WooCommerce: Danh mục sản phẩm (widget_product_categories) */
#shop-sidebar .widget_product_categories ul.product-categories {
	list-style: none;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #ebebeb;
	border-top: 0;
	/* Luôn hiển thị full danh sách, không cuộn (khác widget XC filter) */
	max-height: none;
	overflow: visible;
}

#shop-sidebar .widget_product_categories ul.product-categories li {
	margin: 0 !important;
	margin-left: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #00CED1;
	list-style: none;
}

#shop-sidebar .widget_product_categories ul.product-categories > li.cat-item:first-child {
	border-top: 1px solid #00CED1;
}

#shop-sidebar .widget_product_categories ul.product-categories > li.cat-item:last-child {
	border-bottom: none;
}

#shop-sidebar .widget_product_categories ul.product-categories a {
	display: block;
	padding: 15px 20px 15px 0;
	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
	color: #323c42;
	text-decoration: none;
	transition: color 0.2s ease;
}

#shop-sidebar .widget_product_categories ul.product-categories a:hover {
	color: #00CED1;
}

#shop-sidebar .widget_product_categories .current-cat > a {
	color: #00CED1;
}

#shop-sidebar .widget_product_categories ul.children {
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	border-left: 2px solid #f0f0f0;
}

#shop-sidebar .widget_product_categories ul.children li {
	border-bottom-color: #f5f5f5;
}

#shop-sidebar .widget_product_categories ul.children a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12.5px;
	font-weight: 500;
}

#shop-sidebar .xc-shop-filter__list {
	list-style: none;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #ebebeb;
	border-top: 0;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

#shop-sidebar .xc-shop-filter__item {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #00CED1;
}

#shop-sidebar .xc-shop-filter__item:first-child {
	border-top: 1px solid #00CED1;
}

#shop-sidebar .xc-shop-filter__item:last-child {
	border-bottom: none;
}

#shop-sidebar .xc-shop-filter__label {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 15px 20px 15px 0 !important;
	margin: 0 !important;
	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
	color: #323c42 !important;
	cursor: pointer;
}

#shop-sidebar .xc-shop-filter__label:hover .xc-shop-filter__text {
	color: #00CED1;
}

#shop-sidebar .xc-shop-filter__input {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin: 0 !important;
	accent-color: var(--xc-footer-accent);
}

#shop-sidebar .xc-shop-filter--price .xc-shop-filter__count {
	display: none;
}

#shop-sidebar .xc-shop-filter__count {
	margin-left: auto;
	font-size: 12px;
	font-weight: 500;
	color: #888;
}

#shop-sidebar .products.xc-shop-filter--loading {
	opacity: 0.55;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

/* Tăng kích thước title ở trang Single Product */
body.single-product h1.product-title,
body.single-product h1.product_title {
	font-size: 32px !important;
	line-height: 1.3 !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	body.single-product h1.product-title,
	body.single-product h1.product_title,
	body.single-product h1.product-title.entry-title {
		font-size: 26px !important;
		line-height: 1.3 !important;
	}
}

/* SKU styling on single product */
.product-sku {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}

/* Tăng kích thước tiêu đề sản phẩm trên trang Single Product */
body.single-product h1.product-title.entry-title {
    font-size: 42px !important;
    line-height: 1.2 !important;
}

/* Tabbed content – title & tabs cùng hàng ngang */
.tabbed-content.xc-tab {
    display: flex !important;
    flex-wrap: wrap !important;        /* wrap để .tab-panels xuống hàng riêng */
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0;
    padding: 0.4rem 0;
}

/* Override Flatsome h4{width:100%} – title không chiếm hết hàng */
.tabbed-content.xc-tab > h4.uppercase {
    width: auto !important;   /* Bỏ width:100% của Flatsome */
    flex: 0 0 auto;
    margin: 0 !important;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
}

/* Override Flatsome .tabbed-content .nav{width:100%} */
.tabbed-content.xc-tab > ul.nav {
    width: auto !important;   /* Bỏ width:100% của Flatsome */
    flex: 0 0 auto;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.25rem;
}

/* Mỗi tab item */
.tabbed-content.xc-tab > ul.nav > li {
    margin: 0 !important;
}

/* Tab link */
.tabbed-content.xc-tab > ul.nav > li > a {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: 20px;
    line-height: 1.8;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
    white-space: nowrap;
}

/* Tab đang active hoặc hover */
.tabbed-content.xc-tab > ul.nav > li.active > a,
.tabbed-content.xc-tab > ul.nav > li:hover > a {
    color: var(--fs-color-primary, #00ced1);
    border-color: currentColor;
}

/* Tab panels – xuống hàng riêng, full width */
.tabbed-content.xc-tab > .tab-panels {
    width: 100% !important;
    flex: 0 0 100%;
    min-width: 0;
}

@media only screen and (max-width: 48em) {
    .tabbed-content.xc-tab {
        align-items: flex-start !important;
        gap: 12px;
    }

    .tabbed-content.xc-tab > h4.uppercase {
        width: 100% !important;
        margin: 0 0 2px !important;
        white-space: normal;
    }

    .tabbed-content.xc-tab > ul.nav {
        width: 100% !important;
        flex: 0 0 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 4px !important;
    }

    .tabbed-content.xc-tab > ul.nav::-webkit-scrollbar {
        display: none;
    }

    .tabbed-content.xc-tab > ul.nav > li {
        flex: 0 0 auto;
    }
}

/* Custom enhancements */

/* Force tab link font size to 16px and use Inter font */
body .woocommerce-tabs .nav > li > a,
body .woocommerce-tabs ul.product-tabs > li > a {
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
}

/* Ensure regular and sale prices each occupy one line */
.price-wrapper .price,
.price-wrapper .price del,
.price-wrapper .price ins {
    display: block;
    margin: 0;
}

/* Single product: giữ khoảng cách mặc định */
.single-product table.variations {
	margin-bottom: 8px;
}

.single-product .product-info .single_variation_wrap {
	margin-top: 4px;
}

/* Giữ top 40px, bỏ padding dưới của product-main */
.single-product .product-main {
	padding: 40px 0 0;
}

/* ==========================================
   CUSTOM FOOTER STYLE (xc-footer ID 783480139)
   ========================================== */
#section_783480139 {
    background-color: #071a3a !important; /* bg-navy-950 */
    color: #ffffff;
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

#section_783480139 p {
    margin-bottom: 0;
}

#section_783480139 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

/* Column 1: Info */
.footer-logo-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.footer-logo-icon {
    width: 48px;
    height: 48px;
    background-color: #e8720c;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.footer-logo-icon svg {
    width: 24px;
    height: 24px;
    color: #ffffff;
}

.footer-logo-text {
    line-height: 1.25;
}

.footer-logo-title {
    font-weight: 700;
    font-size: 16px;
}

.footer-logo-subtitle {
    color: #e8720c;
    font-size: 14px;
    font-weight: 500;
}

.footer-desc {
    color: #7899ca;
    font-size: 14px;
    line-height: 1.625;
    margin-bottom: 20px;
    max-width: 384px;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #7899ca;
    font-size: 14px;
    margin-bottom: 8px;
}

.footer-contact-item svg {
    width: 16px;
    height: 16px;
    color: #e8720c;
    flex-shrink: 0;
    margin-top: 3px;
}

.footer-contact-item a:hover {
    color: #e8720c;
}

/* Widget Titles */
#section_783480139 .footer-widget-title {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin-bottom: 20px;
}

/* Column 2: Navigation */
.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav-list li {
    margin-bottom: 12px;
    list-style: none;
    margin-left: 0 !important;
}

.footer-nav-list a {
    color: #7899ca;
    font-size: 14px;
}

.footer-nav-list a:hover {
    color: #e8720c;
}

/* Column 3: Legal */
.footer-legal-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-legal-list li {
    margin-bottom: 12px;
    list-style: none;
    margin-left: 0 !important;
}

.legal-label {
    color: #5b83be;
    font-size: 12px;
    display: block;
}

.legal-value {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
}

.legal-desc {
    color: #5b83be;
    font-size: 12px;
}

/* Bottom Row */
#row-1303234567 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 24px;
    margin-top: 24px;
}

.footer-copyright {
    color: #5b83be;
    font-size: 12px;
}

.footer-credits {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    color: #5b83be;
    font-size: 12px;
    flex-wrap: wrap;
}

@media (max-width: 849px) {
    .footer-credits {
        justify-content: flex-start;
        margin-top: 10px;
    }
}

.credit-link {
    color: #e8720c;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.credit-link:hover {
    color: #f5a04c;
}

.credit-link svg {
    width: 12px;
    height: 12px;
    margin-left: 2px;
}

body.single-product p.stock.out-of-stock {
    font-size: 16px !important;
}

body.single-product .product-info p.stock,
body.single-product .product-info p.stock.out-of-stock {
    font-size: 16px !important;
}

@media only screen and (max-width: 48em) {
    body.single-product h1.product-title.entry-title,
    body.single-product h1.product-title,
    body.single-product h1.product_title {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
}

@media only screen and (max-width: 48em) {
    .product-small .price-wrapper .price,
    .product-small .price-wrapper .woocommerce-Price-amount,
    .product-small .price-wrapper .price del,
    .product-small .price-wrapper .price del .woocommerce-Price-amount,
    .product-small .price-wrapper .price ins,
    .product-small .price-wrapper .price ins .woocommerce-Price-amount {
        font-size: 95% !important;
    }
}

/* Luôn hiển thị 2 dòng cho tiêu đề sản phẩm trong danh sách */
.product-small .title-wrapper .product-title,
.product-small .title-wrapper .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4 !important;
    min-height: 2.8em !important;
    white-space: normal;
    font-weight: 700 !important;
    text-align: left !important;
}
.product-small .title-wrapper .product-title {
    height: auto !important; /* Ghi đè inline style của equalize-box */
}

/* Margin bottom 10px cho title bằng cách đẩy price xuống */
.product-small .price-wrapper {
    margin-top: 10px !important;
}

/* Tăng khoảng cách giữa Giá và Tình trạng kho ở trang chi tiết sản phẩm */
.single-product .product-summary .price-wrapper {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.single-product .product-summary .stock {
    margin-top: 15px !important;
}

/* Khoảng cách dưới toàn bộ khối Sản phẩm tương tự */
.related.related-products-wrapper {
    margin-bottom: 50px !important;
}

/* Bỏ margin-top âm của Flatsome cho phần tabs */
.product-footer .woocommerce-tabs > .nav-line-grow,
.product-footer .woocommerce-tabs > .nav-line:not(.nav-vertical) {
    margin-top: 0 !important;
}

/* Header bottom menu: ảnh bên trên, text bên dưới, icon lớn hơn */
#wide-nav .header-bottom-nav > li.has-icon-left > a.nav-top-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

#wide-nav .header-bottom-nav > li.has-icon-left > a.nav-top-link > .ux-menu-icon {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: contain !important;
}

#wide-nav .header-bottom-nav > li.has-icon-left {
    margin: 0 24px !important;
}

/* Top bar: gradient background giống announcement bar mẫu */
#top-bar.header-top {
    background: #0de7b9 !important;
    background-image: linear-gradient(to right, #00deb0 0%, #1471f2 100%) !important;
    color: #fff !important;
}

#top-bar.header-top .nav > li,
#top-bar.header-top .nav > li > a,
#top-bar.header-top .html_topbar_left {
    color: #fff !important;
}

#top-bar.header-top .html_topbar_left {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: center !important;
}

/* Header main: search tự giãn, nằm đúng giữa khoảng menu trái và account/cart phải */
@media (min-width: 850px) {
    #masthead .header-inner.logo-left > .flex-left.flex-grow {
        flex: 1 1 auto !important;
        min-width: 0;
    }

    #masthead .header-inner.logo-left .header-nav-main.nav-left {
        width: 100% !important;
        flex-wrap: nowrap !important;
    }

    #masthead .header-inner.logo-left .header-nav-main.nav-left > .nav-icon {
        flex: 0 0 auto;
    }

    #masthead .header-search-form {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        margin-left: 18px !important;
        margin-right: 18px !important;
    }

    #masthead .header-search-form .header-search-form-wrapper,
    #masthead .header-search-form .searchform-wrapper {
        width: 100% !important;
    }
}

/* XC Float Contact: floating contact buttons on desktop + mobile */
.xc-float-contact {
 position: fixed;
 right: 5px;
 bottom: 155px;
 z-index: 999;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
 text-align: center;
 pointer-events: none;
}

.xc-float-contact__item {
 width: 45px;
 height: 45px;
 min-width: 45px;
 min-height: 45px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
 color: #fff !important;
 font-size: 20px;
 line-height: 1;
 text-decoration: none !important;
 pointer-events: auto;
 transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.xc-float-contact__item:hover {
 color: #fff !important;
 opacity: 0.94;
 transform: translateY(-2px);
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
}

.xc-float-contact__item i {
 display: block;
 font-size: 20px;
 line-height: 1;
}

.xc-float-contact__item img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 object-fit: cover;
}

.xc-float-contact__item--phone {
 background: #278c56;
}

.xc-float-contact__item--messenger {
 background: #4267b2;
}

.xc-float-contact__item--zalo {
 background: transparent;
 box-shadow: none;
}

.xc-float-contact__item--zalo img {
 box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
}

.xc-float-contact__item--tiktok {
 background: #000;
 background-image: linear-gradient(135deg, #25f4ee 0%, #000 30%, #000 68%, #fe2c55 100%);
}

.xc-float-contact__item--shopee {
 background: #ee4d2d;
}

@media (max-width: 849px) {
 .xc-float-contact {
  right: 5px;
  bottom: 96px;
  gap: 7px;
 }

 .xc-float-contact__item {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  font-size: 18px;
 }

 .xc-float-contact__item i {
  font-size: 18px;
 }
}

/* ==========================================================================
   CLONE SECTION: FLATSOME HEADER MATCHING (NO TOPBAR)
   ========================================================================== */

/* 1. Sticky Header & Backdrop Blur */
#header.header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

#header .header-bg-color,
#header .header-bg-image {
    display: none !important;
}

/* Max-width container 1280px */
#masthead .header-inner,
#wide-nav .flex-row.container {
    max-width: 1280px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* 2. Header Main Row (#masthead) */
#masthead.header-main {
    height: auto !important;
    min-height: 70px !important;
    background: transparent !important;
}

#masthead .header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* 3. Logo Style */
#masthead #logo {
    width: auto !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

#masthead #logo a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#masthead #logo img.header-logo {
    height: 34px !important;
    max-height: 34px !important;
    width: auto !important;
    padding: 0 !important;
    display: block !important;
}

/* 4. Search Form (Pill search box + Icon kính lúp góc trái) */
#masthead .header-search-form {
    flex: 1 1 auto !important;
    max-width: 580px !important;
    margin: 0 auto !important;
}

#masthead .searchform-wrapper,
#masthead .searchform {
    width: 100% !important;
    margin: 0 !important;
}

#masthead .searchform .flex-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background: #f3f4f6 !important;
    border: 1px solid transparent !important;
    border-radius: 9999px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#masthead .searchform .flex-row:focus-within {
    background: #ffffff !important;
    border-color: #14B8AE !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 174, 0.15) !important;
}

#masthead .searchform input.search-field {
    width: 100% !important;
    height: 42px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 10px 18px 10px 42px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    box-shadow: none !important;
}

#masthead .searchform input.search-field::placeholder {
    color: #9ca3af !important;
}

/* Chuyển Nút Submit thành Icon Kính Lúp vị trí bên trái */
#masthead .searchform .flex-col:last-of-type {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

#masthead .searchform .ux-search-submit {
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    padding: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    box-shadow: none !important;
}

#masthead .searchform .ux-search-submit i.icon-search {
    font-size: 16px !important;
    color: #9ca3af !important;
}

/* 5. Header Right Links (Hotline + Giỏ Hàng) */
#masthead .header-nav-main.nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}

/* Hotline Button */
#masthead li.header-button-1 .header-button a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    background: #f3f4f6 !important;
    border: 1px solid #d1d5db !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    height: auto !important;
    min-height: 42px !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#masthead li.header-button-1 .header-button a.button:hover {
    background: #ccfbf1 !important;
    color: #0d9488 !important;
    border-color: #14B8AE !important;
}

#masthead li.header-button-1 .header-button a.button i {
    color: #14B8AE !important;
    font-size: 16px !important;
    margin: 0 !important;
}

/* Cart Button */
#masthead li.cart-item .header-button a.header-cart-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #14B8AE !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    height: auto !important;
    min-height: 42px !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: 0 4px 12px rgba(20, 184, 174, 0.25) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#masthead li.cart-item .header-button a.header-cart-link:hover {
    background: #0d9488 !important;
    transform: translateY(-1px) !important;
}

#masthead li.cart-item .header-button a.header-cart-link i.icon-shopping-cart {
    font-size: 18px !important;
    color: #ffffff !important;
    margin: 0 !important;
}

#masthead li.cart-item .header-button a.header-cart-link::after {
    content: "Giỏ hàng";
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

/* Badge số lượng sản phẩm giỏ hàng */
#masthead li.cart-item .header-button a.header-cart-link i[data-icon-label]:after {
    position: static !important;
    background: #ffffff !important;
    color: #0d9488 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    min-width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    box-shadow: none !important;
    margin-left: 4px !important;
}

/* 6. Header Bottom Navigation Bar (#wide-nav) */
#wide-nav.header-bottom {
    background-color: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    min-height: 48px !important;
}

#wide-nav ul.header-bottom-nav {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    height: 48px !important;
    margin: 0 !important;
}

#wide-nav ul.header-bottom-nav > li.menu-item {
    margin: 0 !important;
    height: 100% !important;
    position: relative !important;
    display: inline-block !important;
}

#wide-nav ul.header-bottom-nav > li.menu-item > a.nav-top-link {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 0 !important;
    height: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#wide-nav ul.header-bottom-nav > li.menu-item:hover > a.nav-top-link,
#wide-nav ul.header-bottom-nav > li.menu-item.active > a.nav-top-link {
    color: #0d9488 !important;
    font-weight: 700 !important;
}

/* Ẩn Icon mũi tên của menu có dropdown (giống bản gốc) */
#wide-nav .nav-top-link i.icon-angle-down,
#wide-nav .menu-item-has-children > a > i,
#wide-nav .has-dropdown > a > i,
#header .has-dropdown > a > i.icon-angle-down {
    display: none !important;
}

/* 7. Dropdown Menu Sub-menu Fix (Bản gốc không trật viền background hover) */
#header .nav-dropdown,
#header .sub-menu {
    background-color: #ffffff !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 6px 0 !important;
    min-width: 220px !important;
    z-index: 9999 !important;
    overflow: hidden !important; /* Bo tràn viền hover background theo bo góc 8px */
}

#header .nav-dropdown > li,
#header .sub-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
}

#header .nav-dropdown > li > a,
#header .sub-menu > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-transform: none !important;
    line-height: 1.4 !important;
    background: transparent !important;
    transition: all 0.15s ease !important;
    border-bottom: none !important;
    margin: 0 !important;
}

#header .nav-dropdown > li > a:hover,
#header .sub-menu > li > a:hover {
    color: #0d9488 !important;
    background-color: #f0fdfa !important;
}

/* Responsive cho Mobile & Tablet */
@media (max-width: 640px) {
    #masthead .header-inner {
        flex-wrap: wrap !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    #masthead .header-search-form {
        order: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
    }
}

/* ==========================================================================
   FLATSOME CLONE MATCHING: PRODUCT CARDS LOOP (HOME & CATEGORY PAGES)
   ========================================================================== */

/* 1. Container & Spacing */
.xc-home-cat {
  padding: 32px 0 10px !important;
}

/* 2. Section Header (Tiêu đề "Sản phẩm bán chạy" + Link "Xem tất cả →") */
.xc-home-cat .section-title-container {
  margin-bottom: 24px !important;
}

.xc-home-cat .section-title-normal {
  border-bottom: none !important;
  align-items: baseline !important;
}

.xc-home-cat .section-title-main {
  font-family: 'Inter', sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  text-transform: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.xc-home-cat .section-title a {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0d9488 !important;
  text-decoration: none !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.xc-home-cat .section-title a:hover {
  text-decoration: underline !important;
}

/* Sửa icon mũi tên "Xem tất cả →" */
.xc-home-cat .section-title a i.icon-angle-right {
  font-family: inherit !important;
  font-style: normal !important;
  margin-left: 2px !important;
}

.xc-home-cat .section-title a i.icon-angle-right::before {
  content: "→" !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* 3. Khung Thẻ Sản Phẩm & Slider Fix (Home, Related & Loop danh mục - Khôi phục khung Slider chuẩn) */
.xc-home-cat .flickity-viewport,
.related-products-wrapper .flickity-viewport,
.related.product-section .flickity-viewport,
.related.products .flickity-viewport {
  min-height: 480px !important;
  height: auto !important;
  overflow: hidden !important;
}

.xc-home-cat .flickity-slider > .col,
.related-products-wrapper .flickity-slider > .col,
.related.product-section .flickity-slider > .col,
.related.products .flickity-slider > .col {
  opacity: 1 !important;
  visibility: visible !important;
}

.xc-home-cat .product-small.col .col-inner,
.related-products-wrapper .product-small.col .col-inner,
.related.product-section .product-small.col .col-inner,
.related.products .product-small.col .col-inner,
.archive .products .product-small.col .col-inner,
.tax-product_cat .products .product-small.col .col-inner,
.woocommerce-page .products .product-small.col .col-inner,
.shop-container .products .product-small.col .col-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.xc-home-cat .product-small.box,
.related-products-wrapper .product-small.box,
.related.product-section .product-small.box,
.related.products .product-small.box,
.archive .products .product-small.box,
.tax-product_cat .products .product-small.box,
.woocommerce-page .products .product-small.box,
.shop-container .products .product-small.box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.xc-home-cat .product-small.col:hover .box,
.archive .products .product-small.col:hover .box,
.tax-product_cat .products .product-small.col:hover .box,
.woocommerce-page .products .product-small.col:hover .box,
.shop-container .products .product-small.col:hover .box {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08) !important;
  border-color: #cbd5e1 !important;
}

/* 4. Khung Ảnh Sản Phẩm (Fix Kích thước vuông 1:1 & không làm méo/giãn ảnh) */
.product-small .box-image,
.xc-home-cat .box-image,
.related-products-wrapper .box-image,
.related.product-section .box-image,
.related.products .box-image,
.archive .products .box-image,
.tax-product_cat .products .box-image,
.woocommerce-page .products .box-image,
.shop-container .products .box-image,
.has-equal-box-heights .box-image {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
}

/* Override inline padding-top trên .image-cover */
.product-small .box-image .image-cover {
  padding-top: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.xc-home-cat .box-image img,
.related-products-wrapper .box-image img,
.related.product-section .box-image img,
.related.products .box-image img,
.archive .products .box-image img,
.tax-product_cat .products .box-image img,
.woocommerce-page .products .box-image img,
.shop-container .products .box-image img,
.has-equal-box-heights .box-image img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 92% !important;
  height: 92% !important;
  max-width: 92% !important;
  max-height: 92% !important;
  object-fit: contain !important; /* Giữ nguyên tỉ lệ ảnh gốc, không bị kéo giãn hay méo */
  transition: transform 0.3s ease !important;
  border-radius: 8px !important;
}

.xc-home-cat .box-image .image-zoom,
.xc-home-cat .box-image .image-zoom a,
.related-products-wrapper .box-image .image-zoom,
.related-products-wrapper .box-image .image-zoom a,
.related.product-section .box-image .image-zoom,
.related.product-section .box-image .image-zoom a,
.archive .products .box-image .image-zoom,
.archive .products .box-image .image-zoom a,
.tax-product_cat .products .box-image .image-zoom,
.tax-product_cat .products .box-image .image-zoom a,
.woocommerce-page .products .box-image .image-zoom,
.woocommerce-page .products .box-image .image-zoom a,
.shop-container .products .box-image .image-zoom,
.shop-container .products .box-image .image-zoom a {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.xc-home-cat .product-small.col:hover .box-image img,
.archive .products .product-small.col:hover .box-image img,
.tax-product_cat .products .product-small.col:hover .box-image img,
.woocommerce-page .products .product-small.col:hover .box-image img,
.shop-container .products .product-small.col:hover .box-image img {
  transform: translate(-50%, -50%) scale(1.06) !important;
}

/* Badge Text trên Ảnh (Bán chạy, Giảm giá, Limited...) - Luôn hiển thị góc trên bên trái */
.product-small .badge-container,
.product-small .product-badge,
.product-small .callout.badge,
.xc-home-cat .badge-container,
.related-products-wrapper .badge-container,
.related.product-section .badge-container,
.archive .products .badge-container,
.tax-product_cat .products .badge-container,
.woocommerce-page .products .badge-container {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  z-index: 30 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  display: block !important;
}

.product-small .badge-container .badge-inner,
.product-small .product-badge,
.product-small .callout.badge .badge-inner,
.product-small .badge-container > div,
.xc-home-cat .badge-container .badge-inner,
.related-products-wrapper .badge-container .badge-inner,
.related.product-section .badge-container .badge-inner,
.archive .products .badge-container .badge-inner,
.tax-product_cat .products .badge-container .badge-inner,
.woocommerce-page .products .badge-container .badge-inner {
  background-color: #0f172a !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
  height: auto !important;
  width: auto !important;
  display: inline-block !important;
  text-transform: none !important;
}

/* Đảm bảo Badge không bị ẩn khi đặt trong image-tools */
.image-tools .badge-container {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ẩn badge nếu bị lọt vào box-text hoặc rỗng */
.box-text > .badge-container,
.badge-container:empty {
  display: none !important;
}

/* ==========================================================================
   5. KHUNG NỘI DUNG CHỮ (.box-text) - LOOP UX & LOOP SHOP
   Thứ tự: Ảnh → Danh mục → Title → Giá → Biến thể → Add to cart
   ========================================================================== */

/* --- Container .box-text --- */
.product-small .box-text,
.box-text {
  text-align: left !important;
  padding: 8px 12px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex: 1 !important;
  width: 100% !important;
  box-sizing: border-box !important;

}

/* --- Reset tất cả margin/padding thẻ p trong box-text --- */
.box-text p,
.box-text .title-wrapper,
.box-text .price-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Danh mục + Title --- */

.box-text .title-wrapper .category,
.box-text .title-wrapper .product-cat {
  font-size: 12px !important;
  color: #64748b !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
  display: block !important;
  min-height: 18px !important;
  line-height: 18px !important;
  opacity: 1 !important;
}

/* Placeholder danh mục nếu không có */
.box-text .title-wrapper:not(:has(.category)):not(:has(.product-cat))::before {
  content: "" !important;
  display: block !important;
  height: 18px !important;
  margin-bottom: 2px !important;
}

.box-text .product-title {
  margin: 0 !important;
  height: auto !important;
}

.box-text .product-title a {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  display: block !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  height: 21px !important;
  text-align: left !important;
  transition: color 0.2s ease !important;
}

.box-text .product-title a:hover {
  color: #0d9488 !important;
}

/* --- Giá - căn trái, cách title 2px, cách biến thể 8px --- */
.product-small .box-text .price-wrapper,
.box-text .price-wrapper {
  margin: 2px 0 8px 0 !important;
  text-align: center !important;
}

.product-small .box-text .price-wrapper .price,
.product-small .box-text .price,
.product-small .price,
.box-text .price {
  text-align: center !important;
  color: #e01020 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  display: block !important;
  width: 100% !important;
}

.product-small .price *,
.box-text .price *,
.box-text .price .woocommerce-Price-amount,
.box-text .price bdi,
.box-text .price ins,
.box-text .price del {
  text-align: center !important;
  color: #e01020 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.box-text .price del,
.box-text .price del * {
  color: #94a3b8 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* --- Biến thể (swatch) & Placeholder giữ chỗ --- */
.box-text .ux-swatches,
.box-text .ux-swatch-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 4px 0 8px 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Swatch loop: border-radius 6px */
.box-text .ux-swatch,
.ux-swatches-in-loop .ux-swatch {
  border-radius: 6px !important;
  overflow: hidden !important;
}

/* --- Add to cart - đẩy xuống đáy --- */
.box-text .add-to-cart-button {
  margin-top: auto !important;
}
/* ==========================================================================
   EQUAL HEIGHT BOXES - 2 TRƯỜNG HỢP
   ========================================================================== */

/* --- EQUAL HEIGHT BOXES --- */

.row .col,
.products .col {
  display: flex !important;
  flex-direction: column !important;
}

.row .col > .col-inner,
.products .col > .col-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.product-small.box {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  box-sizing: border-box !important;
}

.product-small.box > .box-text {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}


/* [Order 4]: Nút Thêm vào giỏ hàng (Dưới cùng - Khóa luôn hiển thị 100%, không bị JS ẩn) */
.product-small .add-to-cart-button,
.product-small .grid-tools,
.product-small .product-actions,
.box-text .add-to-cart-button,
.box-text .grid-tools,
.box-text .product-actions,
.xc-home-cat .box-text .add-to-cart-button,
.related-products-wrapper .box-text .add-to-cart-button,
.related.product-section .box-text .add-to-cart-button,
.archive .products .box-text .add-to-cart-button,
.tax-product_cat .products .box-text .add-to-cart-button,
.woocommerce-page .products .box-text .add-to-cart-button {
  order: 4 !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 4px !important;
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: unset !important;
}

/* Override show-on-hover cho add-to-cart trong loop */
.product-small .image-tools.grid-tools,
.product-small .box-text .add-to-cart-button {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  position: static !important;
  display: block !important;
}

.product-small .add-to-cart-button a,
.product-small .add-to-cart-button a.button,
.product-small a.add_to_cart_button,
.product-small a.add-to-cart-grid,
.box-text .add-to-cart-button a,
.box-text .add-to-cart-button a.button,
.box-text a.add_to_cart_button,
.box-text a.add-to-cart-grid,
.xc-home-cat .add-to-cart-button a.button,
.related-products-wrapper .add-to-cart-button a.button,
.related.product-section .add-to-cart-button a.button,
.archive .products .add-to-cart-button a.button,
.tax-product_cat .products .add-to-cart-button a.button,
.woocommerce-page .products .add-to-cart-button a.button {
  width: 100% !important;
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: unset !important;
  height: auto !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  transition: all 0.25s ease !important;
  margin: 0 !important;
}

.product-small .add-to-cart-button a:hover,
.product-small .add-to-cart-button a.button:hover,
.product-small a.add_to_cart_button:hover,
.product-small a.add-to-cart-grid:hover,
.box-text .add-to-cart-button a:hover,
.box-text .add-to-cart-button a.button:hover,
.box-text a.add_to_cart_button:hover,
.box-text a.add-to-cart-grid:hover,
.xc-home-cat .add-to-cart-button a.button:hover,
.related-products-wrapper .add-to-cart-button a.button:hover,
.related.product-section .add-to-cart-button a.button:hover,
.archive .products .add-to-cart-button a.button:hover,
.tax-product_cat .products .add-to-cart-button a.button:hover,
.woocommerce-page .products .add-to-cart-button a.button:hover {
  background-color: #14b8a6 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* 6. Responsive */
@media (max-width: 640px) {
  .xc-home-cat .section-title-main,
  .related-products-wrapper .product-section-title {
    font-size: 20px !important;
  }

  .xc-home-cat .box-text,
  .related-products-wrapper .box-text,
  .related.product-section .box-text,
  .archive .products .box-text,
  .tax-product_cat .products .box-text,
  .woocommerce-page .products .box-text {
    padding: 12px !important;
  }

  .xc-home-cat .product-title a,
  .related-products-wrapper .product-title a,
  .related.product-section .product-title a,
  .archive .products .product-title a,
  .tax-product_cat .products .product-title a,
  .woocommerce-page .products .product-title a {
    font-size: 14px !important;
  }
}


/* ==========================================================================
   FLATSOME CLONE MATCHING: SECTION XC-HOME-HERO
   ========================================================================== */

/* 1. Container & Section - Bỏ Background ngoài */
.xc-home-hero {
  position: relative;
  overflow: visible;
  background: transparent !important;
  padding: 20px 0 !important;
  margin-bottom: 48px !important;
}

.xc-home-hero .section-bg {
  background: transparent !important;
  display: none !important;
}

/* 2. Đẩy Nền Gradient vào cho Row & Bo cong 4 góc */
.xc-home-hero > .section-content > .row,
.xc-home-hero .row {
  align-items: center !important;
  background: linear-gradient(135deg, #F0F7F6 0%, #E6F3F1 100%) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

@media (max-width: 849px) {
  .xc-home-hero > .section-content > .row,
  .xc-home-hero .row {
    border-radius: 16px !important;
    padding: 32px 20px !important;
  }
}

/* 3. Sub-title (Zotix Tech Accessories) */
.xc-home-hero .sub-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #0d9488 !important;
  margin-bottom: 16px !important;
  display: block !important;
}

/* 4. Tiêu đề H2 */
.xc-home-hero h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* 5. Đoạn văn mô tả */
.xc-home-hero .col-inner > p:not(.sub-title) {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #64748b !important;
  margin-bottom: 32px !important;
  max-width: 480px !important;
}

/* 6. Hàng nút bấm - Ghi đè gap & padding cột của Flatsome */
.xc-home-hero .row-button {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
}

.xc-home-hero .row-button > .col {
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* 7. Nút Primary (.btn-product) */
.xc-home-hero a.button.btn-product {
  background-color: #14b8a6 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  border-radius: 10px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(20, 184, 174, 0.3) !important;
  transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
  margin: 0 !important;
  min-height: unset !important;
  height: auto !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.xc-home-hero a.button.btn-product:hover {
  background-color: #0d9488 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(20, 184, 174, 0.4) !important;
  opacity: 1 !important;
}

/* 8. Nút Secondary (.btn-man-hinh) */
.xc-home-hero a.button.btn-man-hinh {
  background-color: #ffffff !important;
  color: #0f172a !important;
  font-family: 'Inter', sans-serif !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease !important;
  margin: 0 !important;
  min-height: unset !important;
  height: auto !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.xc-home-hero a.button.btn-man-hinh:hover {
  background-color: #f8fafc !important;
  border-color: #64748b !important;
  color: #0f172a !important;
  opacity: 1 !important;
}

/* 9. Khung ảnh (.img-gioi-thieu) */
.xc-home-hero .img-gioi-thieu {
  width: 100% !important;
  height: 420px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
  margin: 0 !important;
}

.xc-home-hero .img-gioi-thieu .img-inner {
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.xc-home-hero .img-gioi-thieu img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 10. Responsive cho Tablet & Mobile */
@media (max-width: 992px) {
  .xc-home-hero {
    padding: 48px 0 56px !important;
  }

  .xc-home-hero .img-gioi-thieu {
    height: 320px !important;
    margin-top: 24px !important;
  }
}

@media (max-width: 640px) {
  .xc-home-hero h2 {
    font-size: 32px !important;
  }

  .xc-home-hero .row-button {
    flex-direction: column !important;
    width: 100% !important;
  }

  .xc-home-hero .row-button > .col,
  .xc-home-hero a.button.btn-product,
  .xc-home-hero a.button.btn-man-hinh {
    width: 100% !important;
  }
}

/* Ẩn mô tả header trang (.page-header-excerpt) */
.page-header-excerpt,
.taxonomy-description {
  display: none !important;
}

/* ==========================================================================
   Section 3: Footer - .xc-footer (Tối ưu theo Thiết kế gốc Zotix)
   ========================================================================== */
.xc-footer {
  background-color: #0b0f19 !important;
  color: #C7CCD1 !important;
  padding: 64px 0 28px !important;
  margin-top: auto !important;
  position: relative !important;
}

.xc-footer .section-content {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  width: 100% !important;
}

.xc-footer .section-content > .row:first-child {
  margin-bottom: 40px !important;
}

/* Logo & Giới thiệu Cột 1 */
.xc-footer #image_133402950,
.xc-footer .col:first-child .img,
.xc-footer .col:first-child .img-inner {
  width: auto !important;
  max-width: 180px !important;
  margin-bottom: 16px !important;
}

.xc-footer #image_133402950 img,
.xc-footer .col:first-child img {
  height: 30px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important; /* Đổi logo về màu trắng sáng chuẩn bản gốc */
}

.xc-footer .col:first-child p {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #9199A1 !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
}

/* Tiêu đề Cột Footer */
.xc-footer .xc-footer-widget-title,
.xc-footer h5 {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
  line-height: 1.3 !important;
}

/* Danh sách Menu & Links */
.xc-footer .ux-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.xc-footer .ux-menu-link {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

.xc-footer .ux-menu-link__link {
  padding: 0 !important;
  border: none !important;
  min-height: unset !important;
  background: transparent !important;
  color: #9199A1 !important;
  transition: color 0.2s ease !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  position: relative !important;
}

.xc-footer .ux-menu-link__link::before {
  display: none !important; /* Ẩn bớt icon mũi tên tự động cũ của Flatsome */
}

.xc-footer .ux-menu-link__text {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #9199A1 !important;
  transition: color 0.2s ease !important;
}

.xc-footer .ux-menu-link__link:hover,
.xc-footer .ux-menu-link__link:hover .ux-menu-link__text {
  color: #0d9488 !important; /* Màu Primary Teal Zotix */
}

/* Thanh Bản Quyền dưới cùng (.row-copyright) */
.xc-footer .row-copyright {
  border-top: 1px solid #333B44 !important;
  padding-top: 24px !important;
  margin-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.xc-footer .row-copyright .col {
  padding-bottom: 0 !important;
}

.xc-footer .row-copyright p {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #7A828A !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.xc-footer .row-copyright .col:first-child p {
  text-align: left !important;
}

.xc-footer .row-copyright .col:last-child p {
  text-align: right !important;
}

/* Responsive Footer */
@media (max-width: 849px) {
  .xc-footer {
    padding: 48px 0 24px !important;
  }

  .xc-footer .row-copyright {
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }

  .xc-footer .row-copyright .col:last-child p {
    text-align: left !important;
  }
}

/* ==========================================================================
   Section 4: Sidebar Filter - #shop-sidebar (Tối ưu theo Thiết kế gốc Zotix)
   ========================================================================== */
#shop-sidebar,
.shop-sidebar.col-inner {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

/* Các nhóm Widget trong Sidebar */
#shop-sidebar .widget {
  margin-bottom: 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: none !important;
  background: transparent !important;
}

#shop-sidebar .widget:first-child {
  padding-top: 0 !important;
  border-top: none !important;
}

/* Ẩn thanh phân cách mặc định Flatsome */
#shop-sidebar .is-divider {
  display: none !important;
}

/* Tiêu đề nhóm Filter */
#shop-sidebar .widget-title,
#shop-sidebar span.widget-title,
#shop-sidebar .widget-title.shop-sidebar {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin-bottom: 12px !important;
  border: none !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
}

/* 1. Danh mục sản phẩm (Category Links) */
#shop-sidebar .widget_product_categories ul.product-categories {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow: visible !important;
  max-height: none !important;
}

#shop-sidebar .widget_product_categories ul.product-categories li,
#shop-sidebar .widget_product_categories ul.product-categories li.cat-item {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  list-style: none !important;
}

#shop-sidebar .widget_product_categories ul.product-categories li::before {
  display: none !important; /* Bỏ icon mặc định cũ */
}

#shop-sidebar .widget_product_categories ul.product-categories a {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #64748b !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

/* Trạng thái Active & Hover Danh mục */
#shop-sidebar .widget_product_categories ul.product-categories li.active > a,
#shop-sidebar .widget_product_categories ul.product-categories li.current-cat > a,
#shop-sidebar .widget_product_categories ul.product-categories a:hover {
  background-color: #ccfbf1 !important;
  color: #0f766e !important;
  font-weight: 600 !important;
}

/* 2. Taxonomy Filters (Thương hiệu, Màu sắc, Mức giá) */
#shop-sidebar .xc-shop-filter__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#shop-sidebar .xc-shop-filter__item {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

#shop-sidebar .xc-shop-filter__label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #64748b !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  user-select: none !important;
}

#shop-sidebar .xc-shop-filter__input {
  accent-color: #0d9488 !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

#shop-sidebar .xc-shop-filter__text {
  color: #64748b !important;
  transition: color 0.2s ease !important;
}

#shop-sidebar .xc-shop-filter__label:hover .xc-shop-filter__text {
  color: #0f172a !important;
}

#shop-sidebar .xc-shop-filter__count {
  margin-left: auto !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
}

/* ==========================================================================
   Bảng Thông Số Kỹ Thuật Trang Chi Tiết (.xc-single-specs - Chuẩn B.E.M)
   ========================================================================== */
.xc-single-specs {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 10px !important;
  width: 100% !important;
}

.xc-single-specs__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1C232B !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  line-height: 1.3 !important;
}

.xc-single-specs__table {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.xc-single-specs__row {
  display: grid !important;
  grid-template-columns: 160px 1fr !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #EBEEF0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  align-items: center !important;
}

.xc-single-specs__row:last-child {
  border-bottom: none !important;
}

.xc-single-specs__label {
  color: #64748b !important;
  font-weight: 400 !important;
}

.xc-single-specs__val {
  color: #1C232B !important;
  font-weight: 500 !important;
}

@media (max-width: 640px) {
  .xc-single-specs__row {
    grid-template-columns: 130px 1fr !important;
    font-size: 13.5px !important;
  }
}

/* ==========================================================================
   Tùy chỉnh Khối Mô tả Sản phẩm & Đánh giá (Max Width 1000px)
   ========================================================================== */

/* 1. Ẩn thanh Menu Tabs cũ (ul.tabs / li) */
.product-tabs-wrapper ul.tabs,
.woocommerce-tabs ul.tabs,
ul.wc-tabs {
  display: none !important;
}

/* 2. Giới hạn chiều rộng Cụm mô tả & Đánh giá max-width 1000px căn LỀ TRÁI */
.product-tabs-wrapper,
.woocommerce-tabs,
.product-tabs-wrapper .tab-panels,
.woocommerce-tabs .tab-panels,
#tab-description,
#tab-reviews,
.related-products-wrapper,
.related.product-section {
  max-width: 1000px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* 3. Hiển thị dồn hàng dọc: Nội dung Mô tả trước -> Đánh giá ở dưới */
.product-tabs-wrapper .tab-panels .panel,
.woocommerce-tabs .tab-panels .panel,
#tab-description,
#tab-reviews {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 4. Tiêu đề "Đặc điểm nổi bật" (Căn trái, H2 chuẩn) */
#tab-description h2,
#tab-description .woocommerce-product-details__heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  line-height: 1.3 !important;
}

/* 5. Cụm Đánh giá nằm dưới cùng sau hết nội dung Mô tả */
#tab-reviews {
  margin-top: 48px !important;
  padding-top: 36px !important;
  border-top: 1px solid #e2e8f0 !important;
}

/* 6. Tiêu đề & Cụm Sản phẩm tương tự (Căn Lề Trái) */
.related-products-wrapper .product-section-title,
.related.product-section .product-section-title,
.related-products-wrapper h3,
.related.product-section h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  text-transform: none !important;
  text-align: left !important;
  margin-top: 48px !important;
  margin-bottom: 24px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom: none !important;
}

/* ==========================================================================
   FLATSOME CLONE MATCHING: SECTION 5 - CHI TIẾT SẢN PHẨM (TARGETED ELEMENTS ONLY)
   ========================================================================== */

/* 1. Breadcrumb */
.single-product nav.woocommerce-breadcrumb,
.single-product .breadcrumbs {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #8A929C !important;
  padding: 16px 0 !important;
}

.single-product nav.woocommerce-breadcrumb a,
.single-product .breadcrumbs a {
  color: #8A929C !important;
  font-weight: 500 !important;
}

.single-product nav.woocommerce-breadcrumb a:hover,
.single-product .breadcrumbs a:hover {
  color: #0d9488 !important;
}

/* 2. Nhãn Danh Mục Phía Trên Tiêu Đề */
.single-product .product-cat-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0F9B92 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
}

/* 3. Tiêu Đề Sản Phẩm */
body.single-product h1.product-title,
body.single-product h1.product_title {
  font-family: 'Inter', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1C232B !important;
  line-height: 1.25 !important;
  margin-bottom: 14px !important;
}

/* 3. Hàng Giá Sản Phẩm */
.single-product .price-wrapper .price,
.single-product .product-page-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
}

.single-product .price ins .amount,
.single-product .price > .amount,
.single-product .product-page-price > .amount {
  font-family: 'Inter', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #e01020 !important;
}

.single-product .price del,
.single-product .price del *,
.price del,
.price del * {
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  color: #8A929C !important;
  font-weight: 500 !important;
}

.single-product .price del,
.price del {
  text-decoration: line-through !important;
}

/* Gỡ bỏ text-decoration trên các thẻ con bên trong del để tránh bị 2 lần gạch */
.single-product .price del *,
.price del * {
  text-decoration: none !important;
}

/* 4. Gallery Main Image & Thumbnails (Có Border Radius) */
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery__image img {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.single-product .woocommerce-product-gallery__wrapper {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}

.single-product .woocommerce-product-gallery__image img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

.single-product .product-thumbnails .col a,
.single-product .product-thumbnails img {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.single-product .product-thumbnails .col a {
  border: 2px solid transparent !important;
  display: block !important;
}

.single-product .product-thumbnails .col.is-nav-selected a,
.single-product .product-thumbnails .col a:hover {
  border-color: #14b8ae !important;
}

.single-product .product-thumbnails img {
  opacity: 1 !important;
  object-fit: contain !important;
}

/* Ẩn triệt để mã sản phẩm (SKU) & Metadata sản phẩm */
.single-product .sku_wrapper,
.single-product .product_meta .sku,
.single-product .product_meta,
.single-product .product-sku,
.single-product span.sku,
.sku_wrapper,
.product_meta {
  display: none !important;
}


/* 6. Bộ Chỉnh Số Lượng (Nằm Trên 1 Hàng Độc Lập Căn Lề Trái, Không Full Kéo Dãn) */
.single-product form.cart,
.single-product form.cart .woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
}

.single-product .zotix-qty-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

.single-product .zotix-qty-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1C232B !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  line-height: 38px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
}

.single-product form.cart .quantity,
.single-product form.cart .ux-quantity,
.single-product form.cart div.quantity {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.single-product form.cart .quantity.buttons_added,
.single-product form.cart div.quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  width: max-content !important;
  height: 38px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  background: #ffffff !important;
}

.single-product form.cart .quantity .button {
  background: transparent !important;
  color: #566072 !important;
  border: none !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  width: 36px !important;
  height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 38px !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.single-product form.cart .quantity input.qty {
  border: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1c232b !important;
  width: 44px !important;
  height: 38px !important;
  line-height: 38px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  vertical-align: middle !important;
}

/* 7. Nút Thêm Vào Giỏ Hàng (70%) & Mua Ngay (30%) - Áp Dụng Cho Cả Sản Phẩm Đơn Lẫn Biến Thể */
.single-product form.cart,
.single-product form.cart .woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
}

.single-product form.cart table.variations,
.single-product form.cart .single_variation_wrap {
  width: 100% !important;
  flex: 0 0 100% !important;
}

.single-product form.cart .zotix-qty-row,
.single-product form.cart .quantity {
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}

/* Nút Thêm vào giỏ hàng (Chiếm 50% chiều rộng bằng nút Mua ngay, cao 54px) */
.single-product .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button.disabled,
.single-product form.cart .single_add_to_cart_button.wc-variation-selection-needed,
.single-product form.cart .single_add_to_cart_button:disabled,
.single-product form.cart .single_add_to_cart_button[disabled] {
  display: inline-flex !important;
  vertical-align: middle !important;
  flex: 0 0 calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  background-color: #14b8ae !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(20, 184, 174, 0.3) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  transition: all 0.2s ease !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  height: 54px !important;
  line-height: 54px !important;
  opacity: 1 !important;
  filter: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.single-product .single_add_to_cart_button::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px !important;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 3h2l2.4 12.4a2 2 0 002 1.6h8.4a2 2 0 002-1.6L21 8H6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.single-product .single_add_to_cart_button:hover,
.single-product form.cart .single_add_to_cart_button:hover {
  background-color: #0d9488 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(20, 184, 174, 0.4) !important;
  opacity: 1 !important;
}

/* Nút Mua ngay (Chiếm 50% chiều rộng bằng nút Thêm vào giỏ hàng, cao 54px, nền đen #1C232B) */
.single-product .ux-buy-now-button,
.single-product form.cart .ux-buy-now-button,
.single-product button.ux-buy-now-button,
.single-product a.ux-buy-now-button {
  display: inline-flex !important;
  vertical-align: middle !important;
  flex: 0 0 calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  background-color: #1C232B !important;
  color: #ffffff !important;
  border: 1px solid #1C232B !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  transition: all 0.2s ease !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  height: 54px !important;
  line-height: 54px !important;
  margin: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.single-product form.cart .ux-buy-now-button:hover,
.single-product button.ux-buy-now-button:hover,
.single-product a.ux-buy-now-button:hover {
  background-color: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* 8. Bo góc Border-Radius cho tất cả ảnh trong nội dung bài viết / mô tả chi tiết sản phẩm */
.single-product #tab-description img,
.single-product .entry-content img,
.single-product .woocommerce-Tabs-panel img,
.single-product .tab-panels img {
  border-radius: 16px !important;
  overflow: hidden !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* ==========================================================================
   MINI CART (OFF-CANVAS SIDEBAR DRAWER) STYLING
   ========================================================================== */

/* 1. Khung Giỏ Hàng Nhỏ (Padding & Spacing) */
.widget_shopping_cart_content,
.cart-sidebar .widget_shopping_cart_content,
.cart-popup .widget_shopping_cart_content {
  padding: 16px 20px !important;
}

/* 2. Danh Sách Sản Phẩm Trong Giỏ Hàng (Padding-Left 64px Dành Riêng Cho Ảnh) */
.widget_shopping_cart_content ul.product_list_widget li,
.woocommerce-mini-cart-item,
.mini_cart_item,
.product_list_widget li {
  position: relative !important;
  padding: 10px 24px 10px 64px !important;
  min-height: 64px !important;
  border-bottom: 1px dashed #e2e8f0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* 3. Ảnh Sản Phẩm Nằm Tuyệt Đối Ở Khung 64px Bên Trái (Không Che Chữ) */
.widget_shopping_cart_content ul.product_list_widget li img,
.widget_shopping_cart_content ul.product_list_widget li a img,
.woocommerce-mini-cart-item img,
.mini_cart_item img,
.product_list_widget li img {
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 6px !important;
  object-fit: contain !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  margin: 0 !important;
  display: block !important;
  float: none !important;
}

/* 4. Tiêu Đề Sản Phẩm */
.widget_shopping_cart_content ul.product_list_widget li a:not(.remove),
.woocommerce-mini-cart-item > a:not(.remove),
.mini_cart_item > a:not(.remove),
.product_list_widget li > a:not(.remove) {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1c232b !important;
  line-height: 1.35 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
  word-break: break-word !important;
}

.woocommerce-mini-cart-item > a:not(.remove):hover,
.product_list_widget li > a:not(.remove):hover {
  color: #14b8ae !important;
}

/* Nút Xóa (Remove X) Nằm Góc Phải */
.widget_shopping_cart_content ul.product_list_widget li a.remove,
.woocommerce-mini-cart-item a.remove,
.mini_cart_item a.remove {
  position: absolute !important;
  right: 0 !important;
  top: 10px !important;
  left: auto !important;
  color: #94a3b8 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transition: color 0.2s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
  text-align: center !important;
}

.woocommerce-mini-cart-item a.remove:hover {
  color: #ef4444 !important;
  background: transparent !important;
}

/* 5. Dòng Số Lượng & Đơn Giá */
.ux-mini-cart-qty,
.woocommerce-mini-cart-item .quantity,
.mini_cart_item .quantity {
  display: block !important;
  font-size: 12.5px !important;
  color: #566072 !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.ux-mini-cart-qty .amount,
.woocommerce-mini-cart-item .amount {
  font-weight: 700 !important;
  color: #1c232b !important;
}

/* 6. Khung Tổng Tiền */
.ux-mini-cart-footer,
.woocommerce-mini-cart__total {
  padding-top: 14px !important;
  margin-top: 14px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.woocommerce-mini-cart__total.total {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1c232b !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.woocommerce-mini-cart__total .amount {
  font-size: 16.5px !important;
  font-weight: 800 !important;
  color: #14b8ae !important;
}

/* 7. Nút "Xem giỏ hàng" & "Thanh toán" (Siêu Nhỏ Gọn) */
.woocommerce-mini-cart__buttons,
.ux-mini-cart-footer .buttons {
  display: flex !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.woocommerce-mini-cart__buttons a.button,
.ux-mini-cart-footer .buttons a.button {
  border-radius: 6px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  text-transform: none !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  justify-content: center !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  height: 34px !important;
  line-height: 1.2 !important;
  flex: 1 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Nút Xem giỏ hàng (Secondary Button - Viền mảnh) */
.woocommerce-mini-cart__buttons a.button:not(.checkout),
.ux-mini-cart-footer .buttons a.button:not(.checkout) {
  background-color: #ffffff !important;
  color: #1c232b !important;
  border: 1px solid #cbd5e1 !important;
}

.woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.ux-mini-cart-footer .buttons a.button:not(.checkout):hover {
  background-color: #f8fafc !important;
  border-color: #94a3b8 !important;
}

/* Nút Thanh toán (Primary Button - Màu Teal #14B8AE) */
.woocommerce-mini-cart__buttons a.button.checkout,
.ux-mini-cart-footer .buttons a.button.checkout {
  background-color: #14b8ae !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 3px 10px rgba(20, 184, 174, 0.2) !important;
}

.woocommerce-mini-cart__buttons a.button.checkout:hover,
.ux-mini-cart-footer .buttons a.button.checkout:hover {
  background-color: #0d9488 !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   FLATSOME CLONE MATCHING: SECTION 6 - TRANG THANH TOÁN (CHECKOUT PAGE)
   ========================================================================== */

/* 1. Tiêu Đề Trang Thanh Toán & Banner Mã Ưu Đãi */
.woocommerce-checkout .checkout-header-back,
.woocommerce-checkout a.continue-shopping {
  font-size: 14px !important;
  color: #8A929C !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.woocommerce-checkout a.continue-shopping:hover {
  color: #0d9488 !important;
}

.woocommerce-checkout h1.entry-title,
.woocommerce-checkout .checkout-page-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #1C232B !important;
  margin: 12px 0 24px !important;
}

.woocommerce-checkout .woocommerce-info.message-wrapper {
  background-color: #f0fdfa !important;
  border: 1px solid #14b8ae !important;
  border-radius: 12px !important;
  color: #1c232b !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding: 14px 20px !important;
  margin-bottom: 20px !important;
}

.woocommerce-checkout .woocommerce-info a.showcoupon {
  color: #14b8ae !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.woocommerce-checkout form.checkout_coupon {
  border: 1px dashed #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 24px !important;
  background-color: #ffffff !important;
}

.woocommerce-checkout form.checkout_coupon input.input-text {
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  height: 44px !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
}

.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"] {
  background-color: #1C232B !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  text-transform: none !important;
  height: 44px !important;
  border: none !important;
}

/* 2. Khung Bố Cục Trang Thanh Toán (Sử Dụng Khung Row / Col Native Của Flatsome) */
.woocommerce-checkout form.checkout .large-7.col,
.woocommerce-checkout form.checkout .large-5.col {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* 3. Khung Chứa Nội Dung (Checkout Box) */
.woocommerce-checkout .checkout-box,
.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .col-inner.has-border,
.woocommerce-checkout .checkout-sidebar {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  box-shadow: none !important;
}

.woocommerce-checkout #customer_details {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  margin: 0 !important;
}

.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1C232B !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  border: none !important;
  padding: 0 !important;
}

/* 4. Form Nhập Thông Tin Giao Hàng Grid 2 Cột */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
  grid-column: span 2 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last {
  grid-column: span 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.woocommerce-checkout label {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1C232B !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .form-input,
.woocommerce-checkout .select2-container--default .select2-selection--single {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  color: #1C232B !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  height: 48px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  width: 100% !important;
}

.woocommerce-checkout textarea,
.woocommerce-checkout textarea.form-input {
  height: auto !important;
  min-height: 90px !important;
  resize: none !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
  border-color: #14b8ae !important;
  box-shadow: 0 0 0 3px rgba(20, 184, 174, 0.15) !important;
}

/* 5. Phương Thức Thanh Toán (#payment / .payment_methods / .payment-option) */
.woocommerce-checkout #payment {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 20px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.payment-option,
.woocommerce-checkout #payment ul.payment_methods li {
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin: 0 !important;
  background-color: #ffffff !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
}

.payment-option.selected,
.woocommerce-checkout #payment ul.payment_methods li.payment_method_selected,
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
  border-color: #14b8ae !important;
  background-color: #e6f8f6 !important;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  accent-color: #14b8ae !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.radio-dot {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 2px solid #cbd5e1 !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

.payment-option.selected .radio-dot {
  border-color: #14b8ae !important;
}

.payment-option.selected .radio-dot::after {
  content: '' !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #14b8ae !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1C232B !important;
  margin: 0 !important;
  cursor: pointer !important;
  display: block !important;
}

.woocommerce-checkout #payment ul.payment_methods li .payment_box {
  flex: 0 0 100% !important;
  width: 100% !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #8A929C !important;
  background: transparent !important;
  padding: 8px 0 0 32px !important;
  margin: 0 !important;
  border: none !important;
}

/* 6. Cột Phải - Tổng Đơn Hàng (#order_review / Sticky) */
.woocommerce-checkout .checkout-sidebar,
.woocommerce-checkout .large-5.col .has-border {
  position: sticky !important;
  top: 100px !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 20px !important;
  border: none !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table thead {
  display: none !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart_item {
  border-bottom: 1px solid #f0f2f3 !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
  padding: 12px 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #1C232B !important;
  border: none !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name {
  text-align: left !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table strong.product-quantity {
  font-size: 12.5px !important;
  color: #8A929C !important;
  font-weight: 500 !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total {
  text-align: right !important;
  font-weight: 700 !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart-subtotal td {
  font-size: 14px !important;
  color: #566072 !important;
  font-weight: 500 !important;
  padding: 10px 0 !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1C232B !important;
  border-top: 1px solid #EBEEF0 !important;
  padding-top: 16px !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total .amount {
  color: #14B8AE !important;
  font-weight: 800 !important;
}

/* 7. Nút Đặt Hàng (#place_order) */
.woocommerce-checkout button#place_order,
.woocommerce-checkout #btn-place-order,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"] {
  width: 100% !important;
  background-color: #14b8ae !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(20, 184, 174, 0.3) !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin-top: 24px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 52px !important;
}

.woocommerce-checkout button#place_order:hover,
.woocommerce-checkout #btn-place-order:hover,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"]:hover {
  background-color: #0d9488 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(20, 184, 174, 0.4) !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  color: #8A929C !important;
  text-align: center !important;
  margin-top: 14px !important;
}

/* 8. Responsive Trang Thanh Toán */
@media (max-width: 992px) {
  .woocommerce-checkout form.checkout,
  .woocommerce-checkout form.checkout .row.pt-0 {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   FLATSOME CLONE MATCHING: SẢN PHẨM TƯƠNG TỰ (RELATED PRODUCTS)
   ========================================================================== */

/* Desktop: Hiển thị 4 sản phẩm tương tự trên 1 hàng (25% mỗi cột) */
@media screen and (min-width: 850px) {
  .related.products .products .col,
  .related-products-wrapper .products .col,
  .single-product .related .products .col,
  .single-product .up-sells .products .col {
    flex-basis: 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
}

/* Mobile: Hiển thị 2 sản phẩm tương tự trên 1 hàng (50% mỗi cột) */
@media screen and (max-width: 549px) {
  .related.products .products .col,
  .related-products-wrapper .products .col,
  .single-product .related .products .col,
  .single-product .up-sells .products .col {
    flex-basis: 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

/* ==========================================================================
   FLATSOME CLONE MATCHING: SỬA NÚT GIỎ HÀNG HEADER TRÊN MOBILE (ONLY ICON)
   ========================================================================== */

@media screen and (max-width: 849px) {
  /* Ẩn chữ "Giỏ hàng" được tạo từ ::after trên desktop */
  #masthead li.cart-item .header-button a.header-cart-link::after {
    display: none !important;
    content: none !important;
  }

  /* Định dạng nút giỏ hàng dạng hình tròn gọn gàng trên mobile */
  #masthead li.cart-item .header-button a.header-cart-link,
  .mobile-nav a.header-cart-link,
  a.header-cart-link {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    font-size: 0 !important;
    margin: 0 !important;
  }

  #masthead li.cart-item .header-button a.header-cart-link i,
  .mobile-nav a.header-cart-link i,
  a.header-cart-link i {
    font-size: 18px !important;
    margin: 0 !important;
    display: inline-block !important;
  }

  /* Ẩn các thẻ text khác nếu có */
  .header-cart-link span:not(.cart-icon-handle),
  .header-cart-link .cart-title,
  .header-cart-link .header-cart-title,
  .header-cart-link strong {
    display: none !important;
  }

  /* Ẩn hoàn toàn badge số lượng sản phẩm trên icon giỏ hàng mobile */
  #masthead li.cart-item .header-button a.header-cart-link i[data-icon-label]::after,
  .mobile-nav a.header-cart-link i[data-icon-label]::after,
  a.header-cart-link i[data-icon-label]::after,
  .header-cart-link [data-icon-label]::after {
    display: none !important;
    content: none !important;
  }

  /* Giữ các item trên header mobile không bị vỡ / nhảy hàng */
  #masthead .mobile-nav,
  #masthead .flex-right {
    flex-wrap: nowrap !important;
  }
}

/* ==========================================================================
   GIẢM KHOẢNG CÁCH GIỮA CÁC SECTION (.xc-home-cat)
   ========================================================================== */
.section.xc-home-cat,
section.xc-home-cat {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

.xc-home-cat + .section,
section.xc-home-cat + section {
    padding-top: 0px !important;
}

.xc-home-cat .section-content > .row:last-child {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   TÙY CHỈNH NÚT THÊM VÀO GIỎ HÀNG & GIÁ SẢN PHẨM TRÊN MOBILE (LOOP PRODUCTS)
   ========================================================================== */
@media screen and (max-width: 849px) {
  .product-small .add_to_cart_button,
  .products .add_to_cart_button,
  a.add_to_cart_button {
    font-size: 12px !important;
    white-space: nowrap !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    letter-spacing: 0 !important;
  }

  /* Giá sản phẩm trong loop trên mobile: căn giữa, màu đen, chỉ hiện 1 giá */
  .product-small .price-wrapper,
  .product-small .price-wrapper .price,
  .products .price-wrapper .price {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    color: #000000 !important;
    display: block !important;
  }

  .product-small .price-wrapper .price del,
  .products .price-wrapper .price del {
    display: none !important;
  }

  .product-small .price-wrapper .price ins,
  .products .price-wrapper .price ins,
  .product-small .price-wrapper .price ins .woocommerce-Price-amount,
  .products .price-wrapper .price ins .woocommerce-Price-amount,
  .product-small .price-wrapper .price > .woocommerce-Price-amount,
  .products .price-wrapper .price > .woocommerce-Price-amount {
    font-size: 13.5px !important;
    color: #000000 !important;
    text-align: center !important;
  }
}

/* Swatch hover - viền đen */
.ux-swatch:hover,
.ux-swatches .ux-swatch:hover {
  border-color: #0f172a !important;
}



/* Single product: swatch ảnh biến thể (Màu sắc) */
.single-product .ux-swatches .ux-swatch--image,
.single-product .variations .ux-swatch--image,
.single-product td.value .ux-swatch--image {
  width: 80px !important;
  height: 56px !important;
  min-width: 80px !important;
  min-height: 56px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Single product: swatch dạng chữ/nhãn (Kiểu Switch) */
.single-product .ux-swatches .ux-swatch--label,
.single-product .variations .ux-swatch--label,
.single-product td.value .ux-swatch--label,
.single-product .ux-swatches-attribute-ux_label .ux-swatch {
  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  min-height: 36px !important;
  padding: 6px 18px !important; /* Tăng padding left/right, giảm padding top/bottom */
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.single-product .ux-swatches .ux-swatch--label .ux-swatch__text,
.single-product .ux-swatches-attribute-ux_label .ux-swatch__text {
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

/* Ảnh bên trong full kích thước */
.single-product .ux-swatches .ux-swatch img,
.single-product .ux-swatches .ux-swatch .ux-swatch__color,
.single-product .variations .ux-swatch img,
.single-product td.value .ux-swatch img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* ==========================================================================
   TỐI ƯU KHỎANG CÁCH TRONG SUMMARY TRANG SẢN PHẨM ĐƠN
   ========================================================================== */

/* 1. Giảm khoảng cách giữa Star rating và Giá */
.single-product .zotix-product-rating,
.single-product .woocommerce-product-rating {
  margin-bottom: 4px !important;
}

.single-product .product-summary .price-wrapper,
.single-product .price-wrapper {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* 2. Giảm khoảng cách giữa Mô tả ngắn và Biến thể */
.single-product .product-short-description {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

.single-product .product-short-description p,
.single-product .product-short-description ul {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.single-product .product-short-description ul li:last-child,
.single-product .product-short-description p:last-child {
  margin-bottom: 0 !important;
}

.single-product form.cart,
.single-product form.variations_form {
  margin-top: 4px !important;
  padding-top: 0 !important;
}

/* 3. Tinh chỉnh khoảng cách nhãn Biến thể, Swatch & Số lượng */
.single-product form.cart table.variations,
.single-product table.variations {
  margin-bottom: 0 !important;
}

.single-product table.variations th,
.single-product table.variations th.label {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.single-product table.variations td,
.single-product table.variations td.value {
  padding-top: 0 !important;
  padding-bottom: 16px !important; /* Dãn khoảng cách giữa nhóm Kiểu Switch và nhóm Màu sắc */
}

.single-product table.variations tr:last-child td,
.single-product table.variations tr:last-child td.value {
  padding-bottom: 0 !important;
}

.single-product table.variations .label label,
.single-product table.variations label {
  margin: 0 0 6px 0 !important; /* Khoảng cách đồng nhất (6px) từ tiêu đề (Kiểu Switch, Màu sắc) xuống ô swatch */
  display: inline-block !important;
  line-height: 1.2 !important;
}

.single-product .ux-swatches {
  margin: 0 !important;
}

.single-product .single_variation_wrap,
.single-product .product-info .single_variation_wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.single-product form.cart .woocommerce-variation-add-to-cart {
  margin-top: 2px !important;
  gap: 8px !important;
}

.single-product .zotix-qty-row {
  margin-top: 4px !important; /* Kéo Số lượng sát lên gần ảnh biến thể */
  margin-bottom: 16px !important;
}

/* 4. Giảm khoảng cách mục Thông số kỹ thuật */
.single-product form.cart {
  margin-bottom: 12px !important;
}

.single-product .xc-single-specs,
.single-product table.shop_attributes,
.single-product .woocommerce-product-attributes,
.single-product #detail-specs {
  margin-top: 10px !important;
  padding-top: 0 !important;
}

.single-product .xc-single-specs__title,
.single-product .xc-single-specs h3 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* ==========================================================================
   PRODUCT FOOTER: TABS BÊN TRÁI, SẢN PHẨM TƯƠNG TỰ BÊN PHẢI (DỌC) - CHỈ DESKTOP
   ========================================================================== */

@media screen and (min-width: 850px) {
  .product-footer > .container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 30px !important;
    max-width: 1270px !important;
  }

  .product-footer > .container > .woocommerce-tabs {
    flex: 1 1 68% !important;
    max-width: 68% !important;
    width: 68% !important;
    margin: 0 !important;
  }

  .product-footer > .container > .related-products-wrapper,
  .product-footer > .container > .related.product-section {
    flex: 0 0 29% !important;
    max-width: 29% !important;
    width: 29% !important;
    margin: 50px 0 0 0 !important;
    padding: 0 !important;
  }

  .related-products-wrapper,
  .related.product-section,
  .product-footer .product-section {
    border-top: none !important;
  }

  /* --- Layout Sản phẩm tương tự (danh sách dọc) --- */
  .related-products-wrapper .product-section-title,
  .related.product-section .product-section-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 0 0 12px 0 !important;
    margin: 0 0 15px 0 !important;
    border-bottom: 2px solid #e2e8f0 !important;
    text-align: left !important;
    border-top: none !important;
  }

  /* Chuyển Slider / Flickity sang danh sách dọc */
  .related-products-wrapper .flickity-enabled,
  .related-products-wrapper .row-slider,
  .related-products-wrapper .row,
  .related.product-section .flickity-enabled,
  .related.product-section .row-slider,
  .related.product-section .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    position: static !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .related-products-wrapper .flickity-viewport,
  .related.product-section .flickity-viewport {
    height: auto !important;
    overflow: visible !important;
  }

  .related-products-wrapper .flickity-slider,
  .related.product-section .flickity-slider {
    position: static !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
    width: 100% !important;
  }

  .related-products-wrapper .flickity-button,
  .related.product-section .flickity-button {
    display: none !important;
  }

  /* Layout cột 100% chiều rộng */
  .related-products-wrapper .product-small.col,
  .related.product-section .product-small.col {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
  }

  .related-products-wrapper .col-inner,
  .related.product-section .col-inner {
    height: auto !important;
    width: 100% !important;
  }

  /* Card sản phẩm tương tự: Trái ảnh, phải text */
  .related-products-wrapper .product-small.box,
  .related-products-wrapper .product-small .box,
  .related.product-section .product-small.box,
  .related.product-section .product-small .box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .related-products-wrapper .product-small.box:hover,
  .related.product-section .product-small.box:hover {
    border-color: #0d9488 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  }

  /* Ảnh bên trái */
  .related-products-wrapper .box-image,
  .related-products-wrapper .product-small .box-image,
  .related.product-section .box-image,
  .related.product-section .product-small .box-image {
    width: 75px !important;
    min-width: 75px !important;
    max-width: 75px !important;
    height: 75px !important;
    min-height: 75px !important;
    max-height: 75px !important;
    flex: 0 0 75px !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .related-products-wrapper .box-image div,
  .related-products-wrapper .box-image .image-zoom,
  .related-products-wrapper .box-image a,
  .related.product-section .box-image div,
  .related.product-section .box-image .image-zoom,
  .related.product-section .box-image a {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }

  .related-products-wrapper .box-image img,
  .related.product-section .box-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    border-radius: 6px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Text bên phải */
  .related-products-wrapper .box-text,
  .related-products-wrapper .product-small .box-text,
  .related.product-section .box-text,
  .related.product-section .product-small .box-text {
    flex: 1 1 auto !important;
    width: calc(100% - 87px) !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: unset !important;
    height: auto !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .related-products-wrapper .box-text .category,
  .related.product-section .box-text .category {
    font-size: 11px !important;
    color: #64748b !important;
    margin-bottom: 2px !important;
    text-align: left !important;
    line-height: 1.2 !important;
    min-height: unset !important;
  }

  .related-products-wrapper .box-text .product-title,
  .related-products-wrapper .box-text .product-title a,
  .related.product-section .box-text .product-title,
  .related.product-section .box-text .product-title a {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    min-height: unset !important;
    height: auto !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    margin-bottom: 4px !important;
  }

  .related-products-wrapper .box-text .price-wrapper,
  .related-products-wrapper .box-text .price-wrapper .price,
  .related-products-wrapper .box-text .price *,
  .related.product-section .box-text .price-wrapper,
  .related.product-section .box-text .price-wrapper .price,
  .related.product-section .box-text .price * {
    text-align: left !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    font-size: 13.5px !important;
  }

  .related-products-wrapper .ux-swatch-placeholder,
  .related-products-wrapper .ux-swatches,
  .related-products-wrapper .badge-container,
  .related-products-wrapper .image-tools,
  .related-products-wrapper .add-to-cart-button,
  .related.product-section .ux-swatch-placeholder,
  .related.product-section .ux-swatches,
  .related.product-section .badge-container,
  .related.product-section .image-tools,
  .related.product-section .add-to-cart-button {
    display: none !important;
  }

  /* Tắt tất cả hiệu ứng hover / transform / transition cho sản phẩm tương tự */
  .related-products-wrapper *,
  .related-products-wrapper *:hover,
  .related.product-section *,
  .related.product-section *:hover {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
  }

  /* Triệt hạ 100% hiệu ứng zoom/hover/opacity/scale của ảnh */
  .related-products-wrapper .box-image,
  .related-products-wrapper .box-image *,
  .related-products-wrapper .box-image *:hover,
  .related-products-wrapper .image-zoom,
  .related-products-wrapper .image-zoom *,
  .related-products-wrapper .image-zoom *:hover,
  .related.product-section .box-image,
  .related.product-section .box-image *,
  .related.product-section .box-image *:hover,
  .related.product-section .image-zoom,
  .related.product-section .image-zoom *,
  .related.product-section .image-zoom *:hover,
  .has-hover:hover .related-products-wrapper .box-image img,
  .has-hover:hover .related.product-section .box-image img,
  .related-products-wrapper .has-hover:hover .box-image img,
  .related.product-section .has-hover:hover .box-image img,
  .related-products-wrapper .box-image:hover img,
  .related.product-section .box-image:hover img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    zoom: 1 !important;
    scale: 1 !important;
    opacity: 1 !important;
  }

  .related-products-wrapper .product-small.box,
  .related-products-wrapper .product-small.box:hover,
  .related.product-section .product-small.box,
  .related.product-section .product-small.box:hover {
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .related-products-wrapper .hover-bounce,
  .related.product-section .hover-bounce,
  .related-products-wrapper .has-hover:hover .hover-bounce,
  .related.product-section .has-hover:hover .hover-bounce,
  .has-hover:hover .related-products-wrapper .hover-bounce,
  .has-hover:hover .related.product-section .hover-bounce {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    opacity: 1 !important;
  }
}

/* Khóa transform trên mọi độ rộng màn hình cho related products */
.related-products-wrapper .hover-bounce,
.related.product-section .hover-bounce,
.has-hover:hover .related-products-wrapper .hover-bounce,
.has-hover:hover .related.product-section .hover-bounce,
.related-products-wrapper .has-hover:hover .hover-bounce,
.related.product-section .has-hover:hover .hover-bounce,
.related-products-wrapper .box-text,
.related.product-section .box-text {
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  -webkit-transition: none !important;
}

/* Bỏ border-top trên woocommerce-tabs */
.product-footer .woocommerce-tabs,
.woocommerce-tabs.wc-tabs-wrapper {
  border-top: none !important;
}