/* ==========================================================================
   OOA Beauty Homepage — Custom Refinements for MyPhamTocChinhHang Layout
   ========================================================================== */

:root {
	--mainColor: #72a834;
	--subColor: #4e7661;
	--textColor: #00090f;
	--topHeader: #8cc7a8;
	--bgHeader: #ffffff;
	--topHeader2: #b2d18f;
	--bgFlash: linear-gradient(to right, rgba(140, 199, 168, 0.6), rgba(178, 209, 143, 0.6));
	--gutter: 30px;
}

/* Base resets to ensure clean rendering alongside WP plugins */
html {
	overflow-x: clip !important;
	overflow-y: auto !important;
}
body.home,
body.ooa-mptch-body {
	background-color: #ffffff;
	color: var(--textColor);
	overflow-x: clip !important;
	overflow-y: visible !important;
	margin: 135px 0 0 0 !important;
	padding: 0;
}

/* Hide category filter bar on Login / Register / Account / Cart pages (Desktop >= 992px) */
@media (min-width: 992px) {
	body.page-id-20.ooa-mptch-body,
	body.woocommerce-account.ooa-mptch-body,
	body.page-id-18.ooa-mptch-body,
	body.woocommerce-cart.ooa-mptch-body {
		margin: 76px 0 0 0 !important;
	}
	body.page-id-20.ooa-mptch-body .header .box-catelory,
	body.woocommerce-account.ooa-mptch-body .header .box-catelory,
	body.page-id-18.ooa-mptch-body .header .box-catelory,
	body.woocommerce-cart.ooa-mptch-body .header .box-catelory {
		display: none !important;
	}
	body.page-id-20.ooa-mptch-body .header.sticky .top-header,
	body.woocommerce-account.ooa-mptch-body .header.sticky .top-header,
	body.page-id-18.ooa-mptch-body .header.sticky .top-header,
	body.woocommerce-cart.ooa-mptch-body .header.sticky .top-header {
		display: block !important;
	}
	body.page-id-20.ooa-mptch-body .header,
	body.woocommerce-account.ooa-mptch-body .header,
	body.page-id-18.ooa-mptch-body .header,
	body.woocommerce-cart.ooa-mptch-body .header {
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	}
}

/* Cart Page & Mini-Cart Quantity Stepper UX Refinements (Original Clean Minimalist Style) */
.cart-page .cart_body .ajaxcart__row {
	padding: 0 !important;
	border-top: 1px solid #ebebeb !important;
}

.cart-page .cart_body .ajaxcart__row:first-child {
	border-top: none !important;
}

.cart-page .cart_body .ajaxcart__row .cart_product {
	height: auto !important;
	min-height: 0 !important;
	padding: 14px 10px !important;
	display: flex !important;
	align-items: center !important;
}

.cart-page .cart_body .cart_info .cart_name .remove-item-cart {
	display: inline-block !important;
	color: var(--mainColor) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	padding: 2px 4px 2px 0 !important;
	margin-top: 2px !important;
	background: transparent !important;
	border: none !important;
	text-decoration: none !important;
}

.cart-page .cart_body .cart_info .cart_name .remove-item-cart:hover {
	color: var(--subColor) !important;
	text-decoration: underline !important;
}

.cart-page .cart_body .ajaxcart__qty.cart_select,
.cartheader .cart_body .cart_select,
#popup-cart-desktop .cartpopup .cart_body .cart_select,
.cart-mobile .cart_body .cart_select {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
	width: auto !important;
	height: 32px !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 3px !important;
	background: #ffffff !important;
	overflow: hidden !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.cart-page .cart_body .cart_select button,
.cart-page .cart_body .cart_select button.btn-minus,
.cart-page .cart_body .cart_select button.btn-plus,
.cartheader .cart_body .cart_select button,
#popup-cart-desktop .cartpopup .cart_body .cart_select button,
.cart-mobile .cart_body .cart_select button {
	width: 32px !important;
	height: 30px !important;
	line-height: 1 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #222222 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	user-select: none !important;
	-webkit-tap-highlight-color: transparent !important;
	transition: background-color 0.12s ease, color 0.12s ease !important;
}

.cart-page .cart_body .cart_select button:hover,
.cart-page .cart_body .cart_select button:active,
.cartheader .cart_body .cart_select button:hover,
#popup-cart-desktop .cartpopup .cart_body .cart_select button:hover {
	background-color: #f5f5f5 !important;
	color: var(--mainColor) !important;
}

.cart-page .cart_body .cart_select input,
.cartheader .cart_body .cart_select input,
#popup-cart-desktop .cartpopup .cart_body .cart_select input,
.cart-mobile .cart_body .cart_select input {
	width: 36px !important;
	height: 30px !important;
	min-height: 30px !important;
	line-height: 30px !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #222222 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-align: center !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

@media (max-width: 767px) {
	.main-cart-page .box-free-ship .progress {
		height: auto !important;
		min-height: 36px;
		padding: 6px 12px;
	}
	.main-cart-page .box-free-ship .free-shipping-content {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: unset !important;
		z-index: 2;
	}
	.main-cart-page .box-free-ship .progress-bar {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: 100% !important;
		z-index: 1;
		opacity: 0.35;
	}
	.cartpage .cart-header-info {
		display: none !important;
	}
	.cart-page .cart_body {
		border-radius: 10px !important;
	}
	.cartpage .ajaxcart__row .ajaxcart__product {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center !important;
		padding: 14px 10px !important;
		height: auto !important;
		min-height: 0 !important;
	}
	.cartpage .ajaxcart__product-image {
		width: 75px !important;
		height: 75px !important;
		margin-left: 0 !important;
	}
	.cartpage .grid__item.cart_info {
		width: calc(100% - 75px) !important;
		padding-left: 12px !important;
		padding-right: 0 !important;
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 6px 8px;
	}
	.cartpage .ajaxcart__product-name-wrapper {
		width: 100% !important;
		margin-bottom: 2px !important;
	}
	.cartpage .cart_body .grid {
		width: auto !important;
	}
	.cartpage .cart_body .cart_info > .grid:nth-child(2) {
		display: none !important;
	}
}

/* Floating Contact Popup & Back-to-top Non-Overlapping Layout */
.backtop {
	bottom: 24px !important;
	right: 16px !important;
	z-index: 95 !important;
}

.addThis_iconContact {
	bottom: 74px !important;
	right: 10px !important;
	z-index: 991 !important;
}

.addThis_listSharing {
	width: 335px !important;
	z-index: 995 !important;
	pointer-events: none;
}

.addThis_listSharing.active {
	pointer-events: auto;
}

.addThis_listSharing .listSharing_action {
	bottom: 136px !important;
	right: 14px !important;
	left: auto !important;
	width: 310px !important;
	max-width: calc(100vw - 28px) !important;
	background-color: #ffffff !important;
	border: 1px solid #ececec;
	border-radius: 14px !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16) !important;
	padding: 4px 0 !important;
}

.addThis_listing .addThis_item {
	padding: 11px 16px !important;
}

.addThis_listing .addThis_item:first-child {
	padding-right: 44px !important;
}

.addThis_listing .addThis_item .addThis_item--icon svg {
	width: 34px !important;
	height: 34px !important;
	flex-shrink: 0;
}

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
	width: auto !important;
	flex: 1;
	padding-left: 12px !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: #1d243e !important;
	white-space: nowrap !important;
	line-height: 1.35 !important;
}

.addThis_listSharing .addThis_close {
	top: 8px !important;
	right: 8px !important;
	width: 28px !important;
	height: 28px !important;
	padding: 4px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.2s;
}

.addThis_listSharing .addThis_close:hover {
	background: rgba(0, 0, 0, 0.06);
}

.addThis_listSharing .addThis_close svg {
	width: 18px !important;
	height: 18px !important;
}

/* Section Title Subtitle Image ("Ooa Beauty" under BLOG LÀM ĐẸP) */
.title-module .box_title {
	display: inherit !important;
	margin-top: 0 !important;
}

.title-module .box_title img {
	max-width: 145px !important;
	height: auto !important;
	margin: -21px auto 0 !important;
	display: inline-block !important;
}

/* Single Product & Collection Page Refinements */
.details-pro .price-box {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.details-pro .price-box .label_product {
	display: inline-block;
	padding: 2px 8px;
}

.product-tab .product_getcontent img {
	max-width: 100%;
	height: auto !important;
	border-radius: 8px;
	margin: 10px auto;
	display: block;
}

@media (max-width: 991px) {
	body.home,
	body.ooa-mptch-body {
		margin-top: 115px !important;
	}
}

.mfp-hide,
#main-menu,
#login-form-popup {
	display: none !important;
}

body.home a:hover,
body.ooa-mptch-body a:hover {
	text-decoration: none;
}

/* Header Logo adaptation for OOA trimmed logo (445x216) */
.top-header .header-logo a.logo-wrapper {
	max-width: 150px !important;
	min-width: 120px !important;
	padding-bottom: 54px !important;
}

.top-header .header-logo a.logo-wrapper img {
	object-fit: contain !important;
	object-position: left center !important;
	width: auto !important;
	height: 100% !important;
	max-height: 48px !important;
	left: 0 !important;
	right: auto !important;
	margin: auto 0 !important;
}

header.header.sticky .top-header .header-logo a.logo-wrapper {
	padding-bottom: 46px !important;
}

/* Header Navigation Bar (DANH MỤC SẢN PHẨM + Horizontal Menu) */
.header-mid .navigation-horizontal {
	display: flex;
	align-items: center;
}

/* Hero Slider + 2 Right Banners exact alignment */
.section_slider {
	margin-top: 0;
}

.section_slider .slide-swiper {
	border-radius: 10px;
	overflow: hidden;
}

.section_slider .slide-swiper .a_tow_slide {
	display: block;
	width: 100%;
}

.section_slider .slide-swiper .a_tow_slide img {
	width: 100%;
	aspect-ratio: 2 / 1;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

@media (min-width: 768px) {
	.section_slider .col-lg-4 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.section_slider .banner_slide {
		flex: 1;
		display: flex;
	}
	.section_slider .banner_slide:first-child {
		margin-bottom: 12px;
	}
	.section_slider .banner_slide .a_banner {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		overflow: hidden;
	}
	.section_slider .banner_slide .a_banner.a_banner_1 {
		margin-bottom: 0;
	}
	.section_slider .banner_slide .a_banner img {
		width: 100%;
		height: 100%;
		aspect-ratio: 2.08 / 1;
		object-fit: cover;
		border-radius: 10px;
		display: block;
	}
}

/* Category Cards (section_cate) */
.section_cate .item-cate {
	background: #ffffff;
	height: 100%;
}

.section_cate .item-cate .itemcate .image img,
.section_cate .item-cate .item-pro-cate .image_thumb img {
	object-fit: contain !important;
	padding: 6px;
}

/* Product Cards (item_product_main) uniform square images & hover */
.item_product_main {
	border-radius: 10px;
	transition: all 0.25s ease;
}

.item_product_main .image_thumb {
	border-radius: 10px 10px 0 0;
	background-color: #ffffff;
}

.item_product_main .image_thumb img {
	object-fit: contain !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
}

/* Section 6 Banner (6 Herbal Feature Cards) */
.section_6_banner .box_banner_index .three_banner {
	padding-bottom: 58% !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	position: relative;
}

.section_6_banner .box_banner_index .three_banner img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.section_6_banner .ooa-badge-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));
	color: #fff;
	padding: 18px 8px 6px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	z-index: 1;
}

/* Section 3 Banner (3 Wide Promo Banners) */
.section_3_banner .box_banner_index .three_banner {
	padding-bottom: 50% !important;
	border-radius: 10px !important;
}

.section_3_banner .box_banner_index .three_banner img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Tabs visibility */
.uwrap_tab > .tab-content {
	display: none;
}

.uwrap_tab > .tab-content.current {
	display: block;
	animation: ooaFadeIn 0.25s ease;
}

@keyframes ooaFadeIn {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Blog Cards uniform thumbnail cover & exact 2-line title clamp */
.secttion_blog .item_blog_index {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	border: 1px solid #e4eee6 !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
	overflow: hidden !important;
}

.secttion_blog .item_blog_index .image-blog {
	border-radius: 0 !important;
	flex-shrink: 0 !important;
}

.secttion_blog .item_blog_index .image-blog img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.secttion_blog .item_blog_index .blog_content {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	margin-top: 0 !important;
	padding: 12px 14px 14px !important;
}

.secttion_blog .item_blog_index .blog_content h3,
.layout-blog .item_blog_index .blog_content h3 {
	margin: 0 0 6px !important;
	padding: 0 !important;
	line-height: 22px !important;
	height: 44px !important;
	max-height: 44px !important;
	overflow: hidden !important;
}

.secttion_blog .item_blog_index .blog_content h3 a,
.layout-blog .item_blog_index .blog_content h3 a {
	font-size: 15.5px !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #1c2d1f !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.secttion_blog .item_blog_index .blog_content .blog_description {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	font-size: 13.5px !important;
	line-height: 20px !important;
	height: 40px !important;
	max-height: 40px !important;
	color: #556659 !important;
	margin: 0 0 8px !important;
}

.secttion_blog .item_blog_index .blog_content .ooa-blog-readmore {
	margin-top: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #2f6846 !important;
	text-decoration: none !important;
	line-height: 1.2 !important;
}

/* Footer Logo adaptation */
footer.footer .footer_logo {
	max-width: 160px !important;
	min-width: 120px !important;
	padding-bottom: 56px !important;
	margin: 15px 0 8px 0 !important;
}

footer.footer .footer_logo img {
	object-fit: contain !important;
	object-position: left center !important;
	width: auto !important;
	height: 100% !important;
	max-height: 52px !important;
	left: 0 !important;
	right: auto !important;
	margin: auto 0 !important;
}

footer.footer .bct-badge {
	margin-top: 12px !important;
	margin-bottom: 10px !important;
}

footer.footer .bct-badge img {
	width: 145px !important;
	max-width: 145px !important;
	height: 46px !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
}

/* Toast Notification for Add to Cart / Wishlist (Botanical Luxury Toast) */
#js-global-alert {
	position: fixed !important;
	top: 84px !important;
	right: 20px !important;
	left: auto !important;
	z-index: 99999 !important;
	width: 340px !important;
	min-width: 290px !important;
	max-width: calc(100vw - 24px) !important;
	padding: 13px 36px 15px 15px !important;
	background: #ffffff !important;
	color: #1c2d1f !important;
	border: 1px solid #cfe0d2 !important;
	border-left: 4px solid #4e7661 !important;
	box-shadow: 0 12px 32px rgba(28, 45, 31, 0.16) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	display: none !important;
}
#js-global-alert.alert-warning {
	border-left-color: #d97706 !important;
}
#js-global-alert.alert-danger {
	border-left-color: #dc2626 !important;
}
#js-global-alert .alert-heading {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #1c2d1f !important;
	margin: 0 0 3px 0 !important;
	line-height: 1.35 !important;
}
#js-global-alert .alert-content {
	font-size: 12.5px !important;
	font-weight: 500 !important;
	color: #4a5d4e !important;
	margin: 0 !important;
	line-height: 1.45 !important;
}
#js-global-alert button.close {
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background: #f3f7f4 !important;
	color: #526356 !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	line-height: 1 !important;
	opacity: 1 !important;
	cursor: pointer !important;
	padding: 0 !important;
}
#js-global-alert.active {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	animation: ooaFadeIn 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}
#js-global-alert.active.is-closing {
	animation: ooaToastOut 0.24s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}
#js-global-alert.active::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2.5px;
	background: linear-gradient(90deg, #4e7661 0%, #72a834 100%);
	transform-origin: 0 50%;
	animation: ooaToastProgress 4.5s linear forwards;
}
#js-global-alert.active:hover::after {
	animation-play-state: paused;
}
@keyframes ooaToastOut {
	from { opacity: 1; transform: translate3d(0, 0, 0); }
	to { opacity: 0; transform: translate3d(0, -8px, 0); }
}
@keyframes ooaToastProgress {
	from { transform: scaleX(1); }
	to { transform: scaleX(0); }
}
@media (max-width: 767px) {
	#js-global-alert {
		top: 62px !important;
		left: 10px !important;
		right: 10px !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		padding: 10px 34px 12px 12px !important;
		border-radius: 10px !important;
	}
	#js-global-alert .alert-heading {
		font-size: 13px !important;
		margin: 0 0 2px 0 !important;
		line-height: 1.3 !important;
	}
	#js-global-alert .alert-content {
		font-size: 12px !important;
		line-height: 1.35 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}
}

/* Header Mini Cart Dropdown */
.header-action_cart {
	position: relative;
}

.header-action_cart .top-cart-content {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 340px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 25px rgba(0,0,0,0.15);
	padding: 15px;
	z-index: 100002;
	border: 1px solid #eee;
}

.header-action_cart:hover .top-cart-content {
	display: block;
}

.ooa-minicart-empty {
	text-align: center;
	padding: 20px 10px;
	color: #666;
	font-size: 14px;
}

.ooa-minicart-head {
	font-size: 12px;
	font-weight: 600;
	color: #4b5563;
	padding-bottom: 8px;
	margin-bottom: 4px;
	border-bottom: 1px solid #f1f5f9;
}

.ooa-minicart-list {
	max-height: 280px;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ooa-minicart-item {
	display: flex;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f1f1f1;
}

.ooa-minicart-thumb-link {
	display: inline-flex;
	flex-shrink: 0;
}

.ooa-minicart-item img {
	width: 52px;
	height: 52px;
	object-fit: contain;
	border-radius: 6px;
	border: 1px solid #eee;
	margin-right: 10px;
}

.ooa-minicart-item-info {
	flex: 1;
	min-width: 0;
}

.ooa-minicart-item-info a {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ooa-minicart-item-info a:hover {
	color: var(--mainColor);
}

.ooa-minicart-item-price {
	font-size: 13px;
	color: #c90000;
	font-weight: 600;
}

.ooa-minicart-subtotal {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 2px 2px;
	font-size: 13.5px;
	color: #334155;
}

.ooa-minicart-subtotal strong {
	font-size: 15px;
	font-weight: 700;
	color: #c90000;
}

.ooa-minicart-actions {
	margin-top: 12px;
	display: flex;
	gap: 8px;
}

.ooa-minicart-actions a {
	flex: 1;
	text-align: center;
	padding: 8px 10px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	transition: all 0.2s;
}

.ooa-minicart-actions a.btn-view-cart {
	border: 1px solid var(--mainColor);
	color: var(--mainColor);
	background: #fff;
}

.ooa-minicart-actions a.btn-view-cart:hover {
	background: var(--mainColor);
	color: #fff;
}

.ooa-minicart-actions a.btn-checkout {
	background: var(--mainColor);
	color: #fff;
}

.ooa-minicart-actions a.btn-checkout:hover {
	background: var(--subColor);
	color: #fff;
}

/* ==================== WISHLIST ACTIVE STATE ==================== */
.item_product_main .setWishlist.active svg path {
	fill: #e8434c !important;
}

/* ==================== STATIC & POLICY PAGES (page.php) ==================== */
.ooa-static-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 28px 32px;
	margin-bottom: 30px;
}

.ooa-static-card .page-title.category-title {
	border-bottom: 2px solid #f0f4ee;
	padding-bottom: 14px;
	margin-bottom: 22px;
}

.ooa-static-card .page-title .title-head {
	font-size: 22px;
	font-weight: 700;
	color: #1c2d1f;
	margin: 0;
	line-height: 1.35;
}

.ooa-static-card .page-title .title-head a {
	color: #1c2d1f;
}

.ooa-static-card .content-page.rte {
	font-size: 14.5px;
	line-height: 1.75;
	color: #333;
}

.ooa-static-card .content-page.rte h1.heading {
	display: none;
}

.ooa-static-card .content-page.rte h1,
.ooa-static-card .content-page.rte h2,
.ooa-static-card .content-page.rte h3 {
	color: #1c2d1f;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.ooa-static-card .content-page.rte h1 {
	font-size: 20px;
}

.ooa-static-card .content-page.rte h2 {
	font-size: 17px;
}

.ooa-static-card .content-page.rte h3 {
	font-size: 15.5px;
}

.ooa-static-card .content-page.rte p {
	margin-bottom: 12px;
}

.ooa-static-card .content-page.rte ul,
.ooa-static-card .content-page.rte ol {
	padding-left: 20px;
	margin-bottom: 14px;
}

.ooa-static-card .content-page.rte li {
	margin-bottom: 6px;
}

.ooa-static-card .content-page.rte a {
	color: var(--mainColor);
	font-weight: 600;
}

.ooa-static-card .content-page.rte blockquote {
	background: #f6faf3;
	border-left: 4px solid var(--mainColor);
	padding: 14px 18px;
	border-radius: 0 8px 8px 0;
	margin: 16px 0;
}

/* Policy Sidebar */
.ooa-ps-box {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
}

.ooa-ps-title {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1c2d1f;
	margin: 0 0 14px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--mainColor);
}

.ooa-ps-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ooa-ps-menu li {
	border-bottom: 1px dashed #eee;
}

.ooa-ps-menu li:last-child {
	border-bottom: none;
}

.ooa-ps-menu li a {
	display: block;
	padding: 9px 0;
	font-size: 13.5px;
	color: #333;
	transition: all 0.2s;
}

.ooa-ps-menu li.active a,
.ooa-ps-menu li a:hover {
	color: var(--mainColor);
	font-weight: 600;
	padding-left: 5px;
}

.ooa-ps-support {
	background: #f6faf3;
	border-color: #d5e8c6;
}

.ooa-ps-support p {
	font-size: 13px;
	color: #444;
	margin-bottom: 12px;
}

.ooa-ps-hotline {
	display: block;
	background: var(--mainColor);
	color: #fff !important;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 8px;
}

.ooa-ps-hotline:hover {
	background: var(--subColor);
}

.ooa-ps-email {
	display: block;
	text-align: center;
	font-size: 13px;
	color: var(--subColor);
	font-weight: 600;
}

/* ==================== CONTACT PAGE (/lien-he/) ==================== */
.ooa-contact-info-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 22px 24px;
	margin-bottom: 22px;
}

.ooa-contact-lead {
	font-size: 14px;
	color: #444;
	line-height: 1.65;
	margin-bottom: 16px;
}

.ooa-contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ooa-contact-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px dashed #eee;
	font-size: 14px;
	line-height: 1.55;
}

.ooa-contact-list li:last-child {
	border-bottom: none;
}

.ooa-ci-icon {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #eef6e8;
	color: var(--mainColor);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 2px;
}

.ooa-contact-form-box {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 24px;
	margin-bottom: 25px;
}

.ooa-cf-title {
	font-size: 18px;
	font-weight: 700;
	color: #1c2d1f;
	margin: 0 0 6px 0;
}

.ooa-cf-desc {
	font-size: 13.5px;
	color: #666;
	margin-bottom: 16px;
}

.ooa-cf-alert-success {
	background: #f2f9ec;
	border: 1px solid #cce3b8;
	color: #2b542c;
	padding: 12px 15px;
	border-radius: 6px;
	margin-bottom: 16px;
	font-size: 13.5px;
	font-weight: 600;
}

.ooa-contact-form .form-group {
	margin-bottom: 14px;
}

.ooa-contact-form .form-control {
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 14px;
	outline: none;
}

.ooa-contact-form .form-control:focus {
	border-color: var(--mainColor);
}

.btn-submit-contact {
	background: var(--mainColor);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 11px 28px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s;
}

.btn-submit-contact:hover {
	background: var(--subColor);
}

/* ==================== BLOG ARCHIVE & ARTICLE (archive.php & single.php) ==================== */
.layout-blog .blog-item-big {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.layout-blog .blog-item-big .image-blog {
	display: block;
	position: relative;
	padding-bottom: 64%;
	overflow: hidden;
	border-radius: 10px;
}

.layout-blog .blog-item-big .image-blog img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.layout-blog .blog-item-big:hover .image-blog img {
	transform: scale(1.06);
}

.layout-blog .blog-item-big .content_blog {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 22px 20px 16px;
	background: linear-gradient(to top, rgba(0,0,0,0.82), rgba(0,0,0,0));
}

.layout-blog .blog-item-big .content_blog h2 {
	margin: 0;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 700;
}

.layout-blog .blog-item-big .content_blog h2 a {
	color: #fff;
}

.layout-blog .blog-item-big .content_blog h2 a:hover {
	color: #b7e887;
}

.layout-blog .item_small_blog {
	display: flex;
	align-items: flex-start;
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dashed #e6e6e6;
}

.layout-blog .item_small_blog .post-thumb .image-blog img,
.layout-blog .item_blog_index .image-blog img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.ooa-blog-sidebar-box {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 18px;
}

.ooa-blog-sidebar-box h3.open {
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 12px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--mainColor);
}

.ooa-blog-sidebar-box h3.open a {
	color: #1c2d1f;
}

.ooa-blog-cat-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ooa-blog-cat-list li {
	border-bottom: 1px dashed #eee;
}

.ooa-blog-cat-list li:last-child {
	border-bottom: none;
}

.ooa-blog-cat-list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	font-size: 13.5px;
	color: #333;
}

.ooa-blog-cat-list li.active a,
.ooa-blog-cat-list li a:hover {
	color: var(--mainColor);
	font-weight: 600;
}

.ooa-blog-cat-list .cat-count {
	font-size: 12px;
	color: #888;
}

.ooa-sb-prod-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px dashed #eee;
}

.ooa-sb-prod-item:last-child {
	border-bottom: none;
}

.ooa-sb-prod-thumb {
	width: 58px;
	height: 58px;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #eee;
	flex-shrink: 0;
}

.ooa-sb-prod-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ooa-sb-prod-info {
	flex: 1;
	min-width: 0;
}

.ooa-sb-prod-name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 13px;
	font-weight: 600;
	color: #222;
	line-height: 1.35;
	margin-bottom: 3px;
}

.ooa-sb-prod-name:hover {
	color: var(--mainColor);
}

.ooa-sb-prod-price {
	font-size: 13px;
	font-weight: 700;
	color: #c90000;
}

/* Single Article Card */
.ooa-article-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 26px 30px;
}

.ooa-article-body {
	font-size: 15px !important;
	line-height: 1.8;
	color: #2b2b2b;
}

.ooa-article-body img {
	max-width: 100%;
	height: auto !important;
	border-radius: 8px;
	margin: 12px auto;
	display: block;
}

.ooa-article-body h2,
.ooa-article-body h3,
.ooa-article-body h4 {
	color: #1c2d1f;
	font-weight: 700;
	margin-top: 22px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.ooa-article-tags {
	margin-top: 22px;
	padding-top: 15px;
	border-top: 1px dashed #e5e5e5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 13px;
}

.ooa-tag-pill {
	display: inline-block;
	padding: 4px 12px;
	background: #f3f7f0;
	border: 1px solid #d7e6cb;
	border-radius: 16px;
	color: #3c6020;
	font-size: 12.5px;
}

.ooa-tag-pill:hover {
	background: var(--mainColor);
	color: #fff;
	border-color: var(--mainColor);
}

.ooa-rel-blog-card {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.ooa-rel-blog-thumb {
	width: 135px;
	height: 92px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	display: block;
}

.ooa-rel-blog-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ooa-rel-blog-info h3 {
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 4px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ooa-rel-blog-info h3 a {
	color: #222;
}

.ooa-rel-blog-info h3 a:hover {
	color: var(--mainColor);
}

.ooa-rel-blog-date {
	display: block;
	font-size: 12px;
	color: #888;
	margin-bottom: 4px;
}

.ooa-rel-blog-info p {
	font-size: 13px;
	color: #555;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Harmonize legacy inline #0000ff blue in imported blog/static content */
.ooa-article-body [style*="0000ff"],
.ooa-article-body [style*="0000FF"],
.content-page.rte [style*="0000ff"],
.content-page.rte [style*="0000FF"] {
	color: #1c2d1f !important;
}

@media (max-width: 767px) {
	.ooa-article-card,
	.ooa-static-card,
	.ooa-contact-info-card,
	.ooa-contact-form-box {
		padding: 15px 14px !important;
		margin-bottom: 16px !important;
		border-radius: 10px !important;
	}
	.article-main h1.article-title {
		font-size: 19px !important;
		line-height: 1.32 !important;
		font-weight: 800 !important;
		color: #1c2d1f !important;
		margin: 0 0 8px 0 !important;
	}
	.ooa-static-card .page-title.category-title {
		padding-bottom: 10px !important;
		margin-bottom: 14px !important;
	}
	.ooa-static-card .page-title .title-head {
		font-size: 18.5px !important;
		line-height: 1.3 !important;
	}
	.ooa-static-card .content-page.rte h2,
	.ooa-article-body h2 {
		font-size: 16px !important;
		line-height: 1.35 !important;
		margin-top: 16px !important;
		margin-bottom: 8px !important;
		text-align: left !important;
	}
	.ooa-static-card .content-page.rte h3,
	.ooa-article-body h3 {
		font-size: 15px !important;
		line-height: 1.35 !important;
		text-align: left !important;
	}
	.ooa-article-body,
	.ooa-article-body *,
	.ooa-static-card .content-page.rte,
	.ooa-static-card .content-page.rte * {
		text-align: left !important;
	}
	.ooa-article-body,
	.ooa-article-body p,
	.ooa-article-body div,
	.ooa-article-body li,
	.ooa-static-card .content-page.rte,
	.ooa-static-card .content-page.rte p,
	.ooa-static-card .content-page.rte div,
	.ooa-static-card .content-page.rte li {
		font-size: 14px !important;
		line-height: 1.65 !important;
	}
	.ooa-blog-aff-banner {
		padding: 10px 12px !important;
		margin: 10px 0 14px !important;
		gap: 8px !important;
	}
	.ooa-blog-aff-lead {
		font-size: 12px !important;
		line-height: 1.42 !important;
	}
	.ooa-blog-aff-actions {
		display: flex !important;
		flex-wrap: nowrap !important;
		width: 100% !important;
		gap: 5px !important;
	}
	.ooa-blog-aff-actions .ooa-blog-aff-btn-copy,
	.ooa-blog-aff-actions .ooa-blog-aff-btn-qr,
	.ooa-blog-aff-actions .ooa-blog-aff-btn-cta {
		font-size: 11px !important;
		padding: 5px 8px !important;
		white-space: nowrap !important;
		height: 30px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.ooa-blog-aff-actions .ooa-blog-aff-btn-cta {
		margin-left: auto !important;
	}
	.ooa-rel-blog-thumb {
		width: 104px !important;
		height: 74px !important;
	}
}

/* ==================== GLOBAL TOP HEADER & CODE REFINEMENTS ==================== */
body.home code,
body.ooa-mptch-body code {
	color: #3c6020;
	background: #f3f7f0;
	border: 1px solid #dfeae0;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	white-space: nowrap;
}

.top-header .box-icon-right {
	flex-wrap: nowrap !important;
}

.top-header .box-icon-right .box-tap-chi,
.top-header .box-icon-right .box-account,
.top-header .box-icon-right .box-menu,
.top-header .box-icon-right .ant-divider-vertical,
.top-header .box-icon-right .wish-header,
.top-header .box-icon-right .header-action_cart {
	flex-shrink: 0;
	white-space: nowrap !important;
}

.top-header .box-icon-right .box-tap-chi .content_tap_chi,
.top-header .box-icon-right .box-account .content_account {
	margin-left: 7px !important;
	white-space: nowrap !important;
}

.top-header .box-icon-right .box-tap-chi .content_tap_chi a,
.top-header .box-icon-right .box-account .content_account a {
	white-space: nowrap !important;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px !important;
	font-weight: 600;
	line-height: 1.3;
}

/* Logged-in Account Greeting & iHerb-style Quick Dropdown */
.top-header .box-icon-right .box-account {
	position: relative !important;
}

.top-header .box-icon-right .box-account .ooa-hdr-user-trigger {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	text-decoration: none !important;
	color: #1c2d1f !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 3px 9px 3px 4px !important;
	border-radius: 30px !important;
	background: #f5f9f6 !important;
	border: 1px solid #d7e5da !important;
	transition: all 0.18s ease !important;
	white-space: nowrap !important;
}

.top-header .box-icon-right .box-account:hover .ooa-hdr-user-trigger {
	background: #ebf4ed !important;
	border-color: #72a834 !important;
	color: #1c2d1f !important;
}

.top-header .box-icon-right .box-account .ooa-hdr-user-avatar {
	position: relative !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background: #4e7661 !important;
	color: #ffffff !important;
	font-size: 11.5px !important;
	font-weight: 800 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	line-height: 1 !important;
}

.top-header .box-icon-right .box-account .ooa-hdr-user-dot {
	position: absolute !important;
	right: -1px !important;
	bottom: -1px !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #72a834 !important;
	border: 1.5px solid #ffffff !important;
}

.top-header .box-icon-right .box-account .ooa-hdr-user-greeting {
	max-width: 126px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	line-height: 1.25 !important;
}

.top-header .box-icon-right .box-account .ooa-hdr-user-caret {
	color: #5c6f60 !important;
	flex-shrink: 0 !important;
	transition: transform 0.18s ease !important;
}

.top-header .box-icon-right .box-account:hover .ooa-hdr-user-caret {
	transform: rotate(180deg) !important;
	color: #3c6020 !important;
}

.top-header .box-icon-right .box-account .ooa-account-dropdown {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	right: 0 !important;
	width: 242px !important;
	background: #ffffff !important;
	border: 1px solid #dce8de !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 28px rgba(28, 45, 31, 0.14) !important;
	padding: 6px !important;
	z-index: 1005 !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
}

.top-header .box-icon-right .box-account .ooa-account-dropdown::before {
	content: "" !important;
	position: absolute !important;
	top: -10px !important;
	left: 0 !important;
	right: 0 !important;
	height: 10px !important;
}

.top-header .box-icon-right .box-account:hover .ooa-account-dropdown,
.top-header .box-icon-right .box-account:focus-within .ooa-account-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}

.top-header .box-icon-right .box-account .ooa-acd-head {
	padding: 9px 11px 8px !important;
	border-bottom: 1px solid #eef3ef !important;
	margin-bottom: 4px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

.top-header .box-icon-right .box-account .ooa-acd-head strong {
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #1c2d1f !important;
	line-height: 1.3 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.top-header .box-icon-right .box-account .ooa-acd-head span {
	font-size: 11.5px !important;
	color: #647468 !important;
	line-height: 1.25 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li {
	margin: 0 !important;
	padding: 0 !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li a {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 10px !important;
	border-radius: 8px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #2c3e30 !important;
	text-decoration: none !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li a:hover {
	background: #f3f8f4 !important;
	color: #3c6020 !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li a.ooa-acd-aff-link {
	background: #eef7e8 !important;
	color: #1c2d1f !important;
	font-weight: 700 !important;
	margin: 2px 0 !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li a.ooa-acd-aff-link:hover {
	background: #e2f2d8 !important;
}

.top-header .box-icon-right .box-account .ooa-acd-aff-badge {
	margin-left: auto !important;
	background: #72a834 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	padding: 1px 6px !important;
	border-radius: 20px !important;
	line-height: 1.3 !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li.ooa-acd-logout {
	border-top: 1px solid #eef3ef !important;
	margin-top: 4px !important;
	padding-top: 4px !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li.ooa-acd-logout a {
	color: #b91c1c !important;
}

.top-header .box-icon-right .box-account .ooa-acd-list li.ooa-acd-logout a:hover {
	background: #fef2f2 !important;
	color: #991b1b !important;
}

@media (min-width: 992px) {
	.top-header .box-icon-right .box-tap-chi:not(.ooa-top-aff-link),
	.top-header .box-icon-right .box-menu,
	.top-header .box-icon-right .ant-divider-vertical {
		display: none !important;
	}
	header.header .top-header .row > .col-lg-4 {
		flex: 0 0 43% !important;
		max-width: 43% !important;
	}
	header.header .top-header .row > .box-right {
		flex: 0 0 40.333333% !important;
		max-width: 40.333333% !important;
	}
	.top-header .box-icon-right .box-tap-chi {
		margin-right: 12px !important;
	}
	.top-header .box-icon-right .box-tap-chi.ooa-top-aff-link {
		background: #eef7e8 !important;
		border: 1.5px solid #72a834 !important;
		border-radius: 30px !important;
		padding: 4px 10px 4px 8px !important;
		margin-right: 12px !important;
		box-shadow: 0 2px 6px rgba(114, 168, 52, 0.14) !important;
		transition: all 0.18s ease !important;
	}
	.top-header .box-icon-right .box-tap-chi.ooa-top-aff-link:hover {
		background: #e2f2d8 !important;
		border-color: #5d8d28 !important;
	}
	.top-header .box-icon-right .box-tap-chi.ooa-top-aff-link .content_tap_chi a {
		color: #1c2d1f !important;
		font-weight: 700 !important;
	}
	.top-header .box-icon-right .box-account {
		margin-right: 14px !important;
	}
	header.header {
		border-bottom: 1px solid #e6eee8 !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.025) !important;
	}
	header.header .box-catelory {
		border-top: 1px solid #f0f5f1 !important;
		padding: 0 !important;
	}
	header.header .header-mid #nav {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 2px !important;
	}
	header.header .header-mid #nav > .nav-item {
		margin: 0 !important;
	}
	header.header .header-mid #nav > .nav-item > a {
		border: none !important;
		background: transparent !important;
		border-radius: 6px !important;
		padding: 9px 10px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		color: #1c2d1f !important;
		box-shadow: none !important;
		transition: color 0.15s ease, background 0.15s ease !important;
	}
	header.header .header-mid #nav > .nav-item:hover > a,
	header.header .header-mid #nav > .nav-item.active > a {
		color: #72a834 !important;
		background: #f4f9f2 !important;
		border: none !important;
	}
	header.header .header-mid #nav > .nav-item.ooa-nav-aff-highlight {
		margin-left: auto !important;
		display: flex !important;
		align-items: center !important;
		flex-shrink: 0 !important;
	}
	header.header .header-mid #nav > .nav-item.ooa-nav-aff-highlight > a {
		background: #1c2d1f !important;
		color: #ffffff !important;
		border-radius: 30px !important;
		padding: 5px 10px 5px 12px !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}
	header.header .header-mid #nav > .nav-item.ooa-nav-aff-highlight:hover > a {
		background: #2b4430 !important;
		color: #ffffff !important;
	}
	header.header .header-mid #nav > .nav-item.ooa-nav-aff-highlight .ooa-nav-aff-badge {
		background: #72a834 !important;
		color: #ffffff !important;
		font-size: 10.5px !important;
		font-weight: 800 !important;
		padding: 2px 7px !important;
		border-radius: 20px !important;
		line-height: 1.25 !important;
		letter-spacing: 0.2px !important;
	}
}

/* ==================== SINGLE PRODUCT ACTION ROW & MOBILE UX/UI ==================== */
.layout-product .flex-quantity {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 14px 0 16px 0 !important;
}

.layout-product .custom-btn-number.show {
	display: flex !important;
	width: 100% !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	margin: 0 !important;
}

.layout-product .custom-btn-number.show > label,
.layout-product .custom-btn-number.show > span {
	display: inline-block !important;
	margin: 0 !important;
	white-space: nowrap !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	color: #1c2d1f !important;
}

.layout-product .input_number_product {
	display: inline-flex !important;
	align-items: center !important;
	height: 44px !important;
	border: 1px solid #cfded2 !important;
	border-radius: 40px !important;
	background: #ffffff !important;
	overflow: hidden !important;
	padding: 0 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.layout-product .input_number_product .btn_num,
.layout-product .input_number_product .btn_num.num_1,
.layout-product .input_number_product .btn_num.num_2 {
	width: 38px !important;
	height: 42px !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #1c2d1f !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.layout-product .input_number_product .btn_num:hover {
	background: #eef5ea !important;
	color: #3c6020 !important;
	border: none !important;
}

.layout-product .input_number_product input,
.layout-product .input_number_product input.prd_quantity {
	width: 48px !important;
	height: 42px !important;
	line-height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-left: 1px solid #e2ece4 !important;
	border-right: 1px solid #e2ece4 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	color: #1c2d1f !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-align: center !important;
	box-shadow: none !important;
}

@media (min-width: 993px) {
	.layout-product .flex-quantity {
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
	}
	.layout-product .custom-btn-number.show {
		width: auto !important;
		flex: 0 0 auto !important;
	}
	.layout-product .custom-btn-number.show > label {
		display: none !important;
	}
	.layout-product .button_actions {
		flex: 1 1 0 !important;
		width: auto !important;
	}
}

.layout-product .button_actions.clearfix::before,
.layout-product .button_actions.clearfix::after {
	display: none !important;
	content: none !important;
}

.layout-product .button_actions {
	display: flex !important;
	width: 100% !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
	margin: 0 !important;
}

.layout-product .button_actions .btn_add_cart {
	flex: 1.35 1 0 !important;
	min-width: 0 !important;
	height: 44px !important;
	line-height: 44px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	white-space: nowrap !important;
	border-radius: 40px !important;
	background: #1c2d1f !important;
	color: #ffffff !important;
	border: none !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px !important;
	transition: all 0.18s ease !important;
}

.layout-product .button_actions .btn_add_cart:hover {
	background: #2d4632 !important;
	color: #ffffff !important;
}

.layout-product .button_actions .btn_add_cart svg {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

.layout-product .button_actions .btn_add_cart svg path,
.layout-product .button_actions .btn_add_cart svg circle {
	fill: none !important;
	stroke: #ffffff !important;
}

.layout-product .button_actions .btn-buyNow {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	width: auto !important;
	height: 44px !important;
	line-height: 44px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	border-radius: 40px !important;
	background: #72a834 !important;
	color: #ffffff !important;
	border: none !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px !important;
	box-shadow: 0 3px 10px rgba(114, 168, 52, 0.22) !important;
	transition: all 0.18s ease !important;
}

.layout-product .button_actions .btn-buyNow:hover {
	background: #5f8f29 !important;
	color: #ffffff !important;
}

.layout-product .button_actions .product-wish {
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.layout-product .button_actions .product-wish a {
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	border: 1px solid #cfded2 !important;
	background: #ffffff !important;
	transition: all 0.18s ease !important;
}

.layout-product .button_actions .product-wish a:hover {
	border-color: #72a834 !important;
	background: #f4f9f0 !important;
}

.layout-product .button_actions .product-wish a svg {
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
}

.ooa-sp-aff-box {
	margin: 14px 0 !important;
	padding: 11px 14px !important;
	background: #f7faf7 !important;
	border: 1px solid #dfeae1 !important;
	border-radius: 10px !important;
}

.ooa-sp-aff-head {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 9px !important;
	flex-wrap: nowrap !important;
}

.ooa-sp-aff-head-left {
	font-size: 13px !important;
	color: #1c2d1f !important;
	line-height: 1.35 !important;
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
	min-width: 0 !important;
	flex-wrap: nowrap !important;
}

.ooa-sp-aff-badge {
	background: #4e7661 !important;
	color: #ffffff !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	padding: 2px 7px !important;
	border-radius: 30px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

.ooa-sp-aff-comm-txt {
	white-space: nowrap !important;
}

.ooa-sp-aff-comm-txt strong {
	color: #72a834 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.ooa-sp-aff-reg-link {
	color: #4e7661 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.ooa-sp-aff-reg-link:hover {
	color: #72a834 !important;
	text-decoration: underline !important;
}

.ooa-sp-aff-btns {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 8px !important;
	width: 100% !important;
}

.ooa-sp-aff-btn {
	width: 100% !important;
	min-width: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	background: #ffffff !important;
	color: #1c2d1f !important;
	border: 1px solid #d5e2d6 !important;
	border-radius: 7px !important;
	padding: 8px 10px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	outline: none !important;
	box-shadow: none !important;
	transition: all 0.15s ease !important;
}

.ooa-sp-aff-btn:hover {
	border-color: #4e7661 !important;
	color: #4e7661 !important;
	background: #f3f7f0 !important;
}

.ooa-sp-aff-btn--primary {
	background: #4e7661 !important;
	color: #ffffff !important;
	border-color: #4e7661 !important;
}

.ooa-sp-aff-btn--primary:hover {
	background: #3d5f4d !important;
	color: #ffffff !important;
	border-color: #3d5f4d !important;
}

.ooa-sp-aff-btn--soft {
	background: #ffffff !important;
	color: #355846 !important;
	border-color: #cde0d1 !important;
}

.ooa-sp-aff-btn--soft:hover {
	background: #eef5f0 !important;
	color: #1c2d1f !important;
}

#dang-ky-ctv-ngay input[type="checkbox"],
#ooa-ac-affiliate input[type="checkbox"],
.ooa-aff-portal-wrap input[type="checkbox"],
.ooa-account-card input[type="checkbox"]:not(.regular-checkbox) {
	position: static !important;
	width: 17px !important;
	height: 17px !important;
	opacity: 1 !important;
	appearance: auto !important;
	-webkit-appearance: checkbox !important;
	accent-color: #72a834 !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
}

.swiper-wrapper {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.item_product_main form .setWishlist {
	width: 28px !important;
	height: 28px !important;
	right: 8px !important;
	top: 8px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.item_product_main .product-info .price-box {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
	gap: 4px !important;
}

.item_product_main .product-info .price-box .price,
.item_product_main .product-info .price-box .compare-price {
	white-space: nowrap !important;
	margin: 0 !important;
}

.item_product_main .product-info .price-box .smart {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

#ooa-aff-sku-table .ooa-sku-tbl th:first-child,
#ooa-aff-sku-table .ooa-sku-tbl td:first-child {
	min-width: 215px;
}

@media (max-width: 767px) {
	.addThis_iconContact {
		bottom: 20px !important;
		right: 10px !important;
		transform: scale(0.85);
		transform-origin: bottom right;
	}
	.backtop {
		bottom: 74px !important;
		right: 13px !important;
	}
	.addThis_listSharing .listSharing_action {
		bottom: 76px !important;
	}
	#ooa-public-link-lab,
	#dang-ky-ctv-ngay,
	#ooa-aff-sku-table {
		padding: 16px 14px !important;
	}
}

@media (max-width: 575px) {
	.item_product_main .product-info {
		padding: 2px 6px !important;
	}
	.item_product_main .product-info .price-box {
		gap: 3px !important;
	}
	.item_product_main .product-info .price-box .price {
		font-size: 13px !important;
		font-weight: 700 !important;
	}
	.item_product_main .product-info .price-box .compare-price {
		font-size: 11px !important;
	}
	.item_product_main .product-info .price-box .smart {
		font-size: 9.5px !important;
		padding: 0 3px !important;
		height: 16px !important;
		line-height: 16px !important;
		margin-left: 4px !important;
	}
	.layout-product .button_actions .btn_add_cart,
	.layout-product .button_actions .btn-buyNow {
		font-size: 11.5px !important;
		font-weight: 700 !important;
		padding: 0 8px !important;
	}
	.ooa-sp-aff-box {
		padding: 10px 10px !important;
		margin: 12px 0 !important;
	}
	.ooa-sp-aff-head {
		gap: 4px !important;
		margin-bottom: 8px !important;
	}
	.ooa-sp-aff-head .ooa-sp-aff-head-left {
		font-size: 11px !important;
		gap: 4px !important;
	}
	.ooa-sp-aff-head .ooa-sp-aff-badge {
		font-size: 9.5px !important;
		padding: 2px 5px !important;
	}
	.ooa-sp-aff-head .ooa-sp-aff-comm-txt strong {
		font-size: 11.5px !important;
	}
	.ooa-sp-aff-head .ooa-sp-aff-reg-link {
		font-size: 10.5px !important;
		padding: 0 !important;
	}
	.ooa-sp-aff-btns {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 6px !important;
	}
	.ooa-sp-aff-btns .ooa-sp-aff-btn {
		width: 100% !important;
		justify-content: center !important;
		padding: 7px 4px !important;
		font-size: 11px !important;
		gap: 4px !important;
		white-space: nowrap !important;
		text-align: center !important;
	}
}

/* ==================== IHERB-INSPIRED CLEAN UX/UI & MOBILE ERGONOMICS ==================== */

/* 1. Mobile PWA Top App Bar (56px 1-Row) & 5-Tab Bottom Navigation Bar (60px) */
.ooa-mob-quick-nav,
.ooa-mob-sticky-search-btn,
.ooa-mob-search-toggle,
.ooa-pwa-bottom-nav,
.ooa-pwa-install-modal {
	display: none;
}

/* Global Live Search Bar & Suggest Dropdown Polish (Desktop + Mobile) */
.top-header .list-top-item.header_tim_kiem form.search-bar .box-search {
	position: relative !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .ooa-search-clear {
	display: none;
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	background: #e2ece4 !important;
	color: #2c4a35 !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	z-index: 15 !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar.has-query .ooa-search-clear {
	display: inline-flex !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .ooa-search-clear:hover {
	background: #cfe0d2;
	color: #1c2d1f;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	padding: 13px 14px !important;
	background: #ffffff !important;
	border: 1px solid #d5e4d8 !important;
	border-radius: 15px !important;
	box-shadow: 0 16px 38px rgba(15, 23, 42, 0.15) !important;
	transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease !important;
	z-index: 1050 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .search-title {
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 8px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	color: #355846 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	line-height: 1.3 !important;
	position: static !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .search-title .icon_search {
	position: static !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 6px !important;
	background: linear-gradient(135deg, #4e7661, #72a834) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .search-title .icon_search svg {
	width: 12px !important;
	height: 12px !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .search-title span {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .ooa-search-keywords {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #e2ece4;
	overflow-x: auto;
	scrollbar-width: none;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .ooa-search-keywords::-webkit-scrollbar {
	display: none;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .ooa-search-chip {
	flex: 1 1 auto;
	text-align: center;
	background: #f3f8f4;
	color: #244732;
	border: 1px solid #d2e4d6;
	border-radius: 999px;
	padding: 5px 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.15s ease;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .ooa-search-chip:hover,
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .ooa-search-chip:active {
	background: #4e7661;
	color: #ffffff;
	border-color: #4e7661;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .title_no_mis {
	display: block !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: #64748b !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	line-height: 1.3 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .search-list,
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .list-search {
	display: block;
	width: 100% !important;
	max-height: none !important;
	overflow: visible !important;
	padding: 0 !important;
	margin: 0 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .search-list.no-mis {
	display: none !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart,
.top-header .list-search .product-smart {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 11px !important;
	width: 100% !important;
	padding: 7px 6px !important;
	margin: 0 !important;
	border-bottom: 1px solid #f1f5f2 !important;
	border-radius: 8px !important;
	transition: background 0.15s ease !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart:hover,
.top-header .list-search .product-smart:hover {
	background: #f5faf6 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart .image_thumb,
.top-header .list-search .product-smart .image_thumb {
	order: 1 !important;
	width: 48px !important;
	height: 48px !important;
	flex: 0 0 48px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 9px !important;
	border: 1px solid #e2ece4 !important;
	background: #ffffff !important;
	overflow: hidden !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart .image_thumb img,
.top-header .list-search .product-smart .image_thumb img {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
	margin: 0 !important;
	display: block !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart .product-info,
.top-header .list-search .product-smart .product-info {
	order: 2 !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 3px !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart .product-info .product-name,
.top-header .list-search .product-smart .product-info .product-name {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #1c2d1f !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-decoration: none !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart .product-info .ooa-smart-prices,
.top-header .list-search .product-smart .product-info .ooa-smart-prices {
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
	line-height: 1.2 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart .product-info .price,
.top-header .list-search .product-smart .product-info .price {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #2e6f21 !important;
	padding: 0 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .product-smart .product-info .compare-price,
.top-header .list-search .product-smart .product-info .compare-price {
	font-size: 11.5px !important;
	font-weight: 400 !important;
	color: #94a3b8 !important;
	text-decoration: line-through !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .see-all-search,
.top-header .list-search .see-all-search {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 34px !important;
	line-height: 34px !important;
	margin-top: 8px !important;
	padding: 0 12px !important;
	background: #f3f8f4 !important;
	color: #244732 !important;
	border: 1px solid #d2e4d6 !important;
	border-radius: 9px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .see-all-search:hover,
.top-header .list-search .see-all-search:hover {
	background: #4e7661 !important;
	color: #ffffff !important;
	border-color: #4e7661 !important;
}
.top-header .list-top-item.header_tim_kiem form.search-bar .search-suggest .not-pro,
.top-header .list-search .not-pro {
	padding: 14px 8px !important;
	text-align: center !important;
	font-size: 13px !important;
	color: #64748b !important;
}

@media (max-width: 991px) {
	body.home,
	body.ooa-mptch-body {
		margin-top: 56px !important;
		padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
		-webkit-tap-highlight-color: transparent;
	}
	body.single-product.ooa-mptch-body {
		padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
	}
	.addThis_iconContact,
	.addThis_listSharing {
		display: none !important;
	}
	.backtop {
		bottom: 72px !important;
		right: 12px !important;
		z-index: 995 !important;
	}
	header.header {
		height: 56px !important;
		min-height: 56px !important;
		max-height: 56px !important;
		background: rgba(255, 255, 255, 0.98) !important;
		backdrop-filter: blur(12px) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		border-bottom: 1px solid #e2ece4 !important;
		box-shadow: 0 2px 10px rgba(28, 45, 31, 0.05) !important;
		transition: box-shadow 0.2s ease !important;
	}
	header.header.sticky {
		box-shadow: 0 4px 16px rgba(28, 45, 31, 0.1) !important;
	}
	header.header .top-header,
	header.header.sticky .top-header,
	.sticky .top-header {
		display: flex !important;
		align-items: center !important;
		height: 56px !important;
		min-height: 56px !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
	}
	header.header .top-header > .container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	header.header .top-header > .container > .row {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		margin: 0 !important;
		width: 100% !important;
		height: 56px !important;
	}
	header.header .top-header .header-logo,
	header.header.sticky .top-header .header-logo {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 56px !important;
		min-height: 56px !important;
		line-height: 56px !important;
		padding: 0 96px !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
	}
	header.header .top-header .menu-icon,
	header.header .top-header #btn-menu-mobile {
		position: absolute !important;
		left: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		margin: 0 !important;
		width: 36px !important;
		height: 36px !important;
		border-radius: 10px !important;
		background: #f4f8f5 !important;
		border: 1px solid #dce7de !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		z-index: 10 !important;
	}
	header.header .top-header .menu-icon svg {
		width: 18px !important;
		height: 18px !important;
		display: block !important;
	}
	header.header .top-header .menu-icon svg line {
		stroke: #1c2d1f !important;
		stroke-width: 2px !important;
		stroke-linecap: round !important;
	}
	header.header .top-header .header-logo a.logo-wrapper,
	header.header.sticky .top-header .header-logo a.logo-wrapper {
		width: auto !important;
		min-width: 0 !important;
		max-width: 112px !important;
		height: 36px !important;
		padding: 0 !important;
		margin: 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		overflow: visible !important;
	}
	header.header .top-header .header-logo a.logo-wrapper img,
	header.header.sticky .top-header .header-logo a.logo-wrapper img {
		position: static !important;
		width: auto !important;
		height: 34px !important;
		max-height: 34px !important;
		max-width: 112px !important;
		margin: 0 auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		object-fit: contain !important;
		object-position: center center !important;
		display: block !important;
	}
	header.header .top-header > .container > .row > .col-xl-4 {
		display: none !important;
		position: fixed !important;
		top: 56px !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		background: #ffffff !important;
		padding: 8px 14px 10px !important;
		margin: 0 !important;
		border-bottom: 1px solid #dce7de !important;
		box-shadow: 0 10px 24px rgba(28, 45, 31, 0.12), 0 100vh 0 100vh rgba(15, 23, 42, 0.35) !important;
		z-index: 1001 !important;
	}
	header.header.ooa-mob-search-open .top-header > .container > .row > .col-xl-4 {
		display: block !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem,
	header.header.sticky .top-header .list-top-item.header_tim_kiem {
		height: 38px !important;
		line-height: 38px !important;
		margin: 0 !important;
		width: 100% !important;
		display: block !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem form.search-bar {
		margin: 0 !important;
		position: relative !important;
		width: 100% !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem form.search-bar input {
		height: 38px !important;
		line-height: 38px !important;
		padding-left: 36px !important;
		padding-right: 34px !important;
		background: #f4f8f5 !important;
		border: 1.5px solid #72a834 !important;
		border-radius: 999px !important;
		font-size: 13.5px !important;
		color: #1c2d1f !important;
		box-shadow: none !important;
		width: 100% !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem form.search-bar input:focus {
		background: #ffffff !important;
		border-color: #3c6020 !important;
		box-shadow: 0 0 0 3px rgba(114, 168, 52, 0.16) !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem form.search-bar .icon-fallback-text {
		width: 36px !important;
		height: 38px !important;
		line-height: 38px !important;
		left: 2px !important;
		top: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem form.search-bar .icon-fallback-text svg {
		width: 16px !important;
		height: 16px !important;
		padding: 0 !important;
		float: none !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem form.search-bar .icon-fallback-text svg path {
		fill: #4e7661 !important;
	}
	header.header .top-header .list-top-item.header_tim_kiem .search-suggest {
		position: fixed !important;
		top: 116px !important;
		left: 12px !important;
		right: 12px !important;
		width: auto !important;
		padding: 12px 12px !important;
		max-height: min(465px, calc(100dvh - 180px)) !important;
		overflow-y: auto !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		box-shadow: 0 16px 38px rgba(15, 23, 42, 0.22) !important;
		border: 1px solid #cfe0d2 !important;
		z-index: 1002 !important;
	}
	header.header .top-header .box-right,
	header.header.sticky .top-header .box-right {
		position: absolute !important;
		right: 14px !important;
		top: 0 !important;
		bottom: 0 !important;
		width: auto !important;
		max-width: none !important;
		height: 56px !important;
		padding: 0 !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		z-index: 10 !important;
	}
	header.header .top-header .box-icon-right {
		height: 36px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
	}
	header.header .top-header .box-icon-right .ooa-mob-search-toggle {
		width: 36px !important;
		height: 36px !important;
		border-radius: 10px !important;
		background: #f4f8f5 !important;
		border: 1px solid #dce7de !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		cursor: pointer !important;
		color: #1c2d1f !important;
		transition: all 0.18s ease !important;
	}
	header.header .top-header .box-icon-right .ooa-mob-search-toggle .ooa-mst-icon-close {
		display: none !important;
	}
	header.header.ooa-mob-search-open .top-header .box-icon-right .ooa-mob-search-toggle {
		background: #eaf4ec !important;
		border-color: #72a834 !important;
		color: #3c6020 !important;
	}
	header.header.ooa-mob-search-open .top-header .box-icon-right .ooa-mob-search-toggle .ooa-mst-icon-search {
		display: none !important;
	}
	header.header.ooa-mob-search-open .top-header .box-icon-right .ooa-mob-search-toggle .ooa-mst-icon-close {
		display: block !important;
	}
	header.header .top-header .box-icon-right .wish-header {
		display: none !important;
	}
	header.header .top-header .box-icon-right .header-action_cart .cart-header {
		width: 36px !important;
		height: 36px !important;
		border-radius: 10px !important;
		background: #f4f8f5 !important;
		border: 1px solid #dce7de !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
	}
	header.header .top-header .box-icon-right .header-action_cart .cart-header svg {
		width: 18px !important;
		height: 18px !important;
		display: block !important;
	}
	header.header .top-header .box-icon-right .header-action_cart .cart-header svg path {
		fill: #1c2d1f !important;
	}
	header.header .top-header .box-icon-right .header-action_cart .cart-header .count_item_pr {
		position: absolute !important;
		top: -5px !important;
		right: -5px !important;
		width: 17px !important;
		height: 17px !important;
		line-height: 14px !important;
		border-radius: 50% !important;
		background: #72a834 !important;
		color: #ffffff !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		border: 1.5px solid #ffffff !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.ooa-mob-quick-nav {
		display: none !important;
	}
	header .header-mid #nav > .nav-item.ooa-nav-aff-highlight {
		display: none !important;
	}

	/* 5-Tab Native PWA Bottom Navigation Bar with Elevated Center 3D CTV Medallion */
	.ooa-pwa-bottom-nav {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
		padding: 0 4px env(safe-area-inset-bottom, 0px) !important;
		background: rgba(255, 255, 255, 0.97) !important;
		backdrop-filter: blur(18px) saturate(180%) !important;
		-webkit-backdrop-filter: blur(18px) saturate(180%) !important;
		border-top: 1px solid #d8e5da !important;
		box-shadow: 0 -6px 22px rgba(24, 45, 30, 0.08) !important;
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		align-items: center !important;
		overflow: visible !important;
		z-index: 998 !important;
	}
	body.single-product .ooa-pwa-bottom-nav {
		display: none !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 4px !important;
		height: 60px !important;
		padding: 6px 2px 7px !important;
		text-decoration: none !important;
		color: #5b7061 !important;
		position: relative !important;
		min-width: 0 !important;
		overflow: visible !important;
		transition: color 0.16s ease !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item.is-active {
		color: #1c2d1f !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item.is-active::before,
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv.is-active::before {
		display: none !important;
		content: none !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-icon {
		width: 44px !important;
		height: 28px !important;
		border-radius: 999px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item.is-active:not(.ooa-pbn-item--ctv) .ooa-pbn-icon {
		background: linear-gradient(135deg, #e8f5e4 0%, #d8edd2 100%) !important;
		color: #1c3f2b !important;
		box-shadow: inset 0 0 0 1px rgba(114, 168, 52, 0.22) !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-icon svg {
		width: 19px !important;
		height: 19px !important;
		stroke: currentColor !important;
		transition: transform 0.15s ease, stroke 0.15s ease !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item.is-active:not(.ooa-pbn-item--ctv) .ooa-pbn-icon svg {
		stroke: #1c3f2b !important;
		stroke-width: 2.25px !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-label {
		font-size: 10.5px !important;
		font-weight: 600 !important;
		line-height: 1.15 !important;
		white-space: nowrap !important;
		color: inherit !important;
		letter-spacing: -0.1px !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item.is-active .ooa-pbn-label {
		color: #1c2d1f !important;
		font-weight: 700 !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-badge {
		position: absolute !important;
		top: -3px !important;
		right: 2px !important;
		min-width: 15px !important;
		height: 15px !important;
		padding: 0 3.5px !important;
		border-radius: 999px !important;
		background: #4e7661 !important;
		color: #ffffff !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		line-height: 12px !important;
		border: 1.5px solid #ffffff !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-badge.is-empty {
		display: none !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-online-dot {
		position: absolute !important;
		top: auto !important;
		bottom: 1px !important;
		right: 9px !important;
		width: 7px !important;
		height: 7px !important;
		border-radius: 50% !important;
		background: #16a34a !important;
		border: 1.5px solid #ffffff !important;
	}
	/* Elevated 3D Center Medallion (.ooa-pbn-item--ctv) */
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv {
		z-index: 2 !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv .ooa-pbn-ctv-orb {
		width: 48px !important;
		height: 48px !important;
		margin-top: -24px !important;
		margin-bottom: 1px !important;
		border-radius: 50% !important;
		background: radial-gradient(circle at 30% 25%, #65ab36 0%, #2b5c3f 54%, #183826 100%) !important;
		border: 3.5px solid #ffffff !important;
		box-shadow: 0 -3px 10px rgba(24, 48, 33, 0.1), 0 6px 14px rgba(27, 61, 43, 0.32), inset 0 0 0 1px rgba(255, 217, 112, 0.42) !important;
		color: #ffd970 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		flex-shrink: 0 !important;
		overflow: visible !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv .ooa-pbn-ctv-orb svg {
		width: 22px !important;
		height: 22px !important;
		stroke: #fff8dc !important;
		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22)) !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv.is-active .ooa-pbn-ctv-orb {
		background: radial-gradient(circle at 30% 25%, #7ec238 0%, #35704a 52%, #1b3f2b 100%) !important;
		border-color: #ffffff !important;
		box-shadow: 0 -4px 14px rgba(114, 168, 52, 0.28), 0 6px 16px rgba(27, 61, 43, 0.4), inset 0 0 0 1.5px rgba(255, 224, 130, 0.65) !important;
		transform: translateY(-1px) !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv .ooa-pbn-ctv-tag {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		top: -4px !important;
		right: -11px !important;
		background: linear-gradient(135deg, #ffe57f 0%, #f59e0b 100%) !important;
		color: #163020 !important;
		font-size: 8.5px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		padding: 2px 4.5px !important;
		border-radius: 999px !important;
		border: 1.5px solid #ffffff !important;
		box-shadow: 0 2px 6px rgba(245, 158, 11, 0.38) !important;
		white-space: nowrap !important;
		letter-spacing: -0.2px !important;
		z-index: 3 !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv .ooa-pbn-label {
		color: #1c3f2b !important;
		font-weight: 700 !important;
	}
	.ooa-pwa-bottom-nav .ooa-pbn-item--ctv.is-active .ooa-pbn-label {
		color: #153221 !important;
		font-weight: 800 !important;
	}

	/* PWA Install Guide Modal */
	.ooa-pwa-install-modal {
		position: fixed !important;
		inset: 0 !important;
		background: rgba(28, 45, 31, 0.55) !important;
		backdrop-filter: blur(4px) !important;
		z-index: 10020 !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 20px !important;
	}
	.ooa-pwa-install-modal .ooa-pim-card {
		background: #ffffff !important;
		border-radius: 18px !important;
		padding: 22px 20px 18px !important;
		max-width: 340px !important;
		width: 100% !important;
		position: relative !important;
		box-shadow: 0 16px 40px rgba(28, 45, 31, 0.2) !important;
		border: 1px solid #dce7de !important;
	}
	.ooa-pwa-install-modal .ooa-pim-close {
		position: absolute !important;
		top: 10px !important;
		right: 12px !important;
		background: #f4f8f5 !important;
		border: none !important;
		width: 28px !important;
		height: 28px !important;
		border-radius: 50% !important;
		font-size: 18px !important;
		color: #1c2d1f !important;
		cursor: pointer !important;
	}
	.ooa-pwa-install-modal .ooa-pim-head {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		margin-bottom: 12px !important;
	}
	.ooa-pwa-install-modal .ooa-pim-head img {
		width: 48px !important;
		height: 48px !important;
		border-radius: 12px !important;
		border: 1px solid #dce7de !important;
	}
	.ooa-pwa-install-modal .ooa-pim-head strong {
		display: block !important;
		font-size: 15px !important;
		color: #1c2d1f !important;
	}
	.ooa-pwa-install-modal .ooa-pim-head span {
		font-size: 12px !important;
		color: #4e7661 !important;
		font-weight: 600 !important;
	}
	.ooa-pwa-install-modal .ooa-pim-desc {
		font-size: 13px !important;
		line-height: 1.45 !important;
		color: #3b5241 !important;
		margin-bottom: 10px !important;
	}
	.ooa-pwa-install-modal .ooa-pim-steps {
		padding-left: 18px !important;
		margin: 0 0 14px 0 !important;
		font-size: 12.5px !important;
		line-height: 1.5 !important;
		color: #1c2d1f !important;
	}
	.ooa-pwa-install-modal .ooa-pim-ok {
		width: 100% !important;
		height: 38px !important;
		border-radius: 999px !important;
		background: #72a834 !important;
		color: #ffffff !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		border: none !important;
		cursor: pointer !important;
	}
}

.section_product_tab .show-more-pro {
	text-align: center !important;
	margin: 14px 0 4px !important;
}

.section_product_tab .show-more-pro .a-show-more {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 9px 22px !important;
	border-radius: 30px !important;
	border: 1px solid #72a834 !important;
	background: #ffffff !important;
	color: #1c2d1f !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.section_product_tab .show-more-pro .a-show-more:hover {
	background: #72a834 !important;
	color: #ffffff !important;
}

/* 2. Product Card De-Cluttering & iHerb Rating + Quick Cart (.item_product_main) */
.item_product_main .product-info .product_vendor {
	display: none !important;
}

.item_product_main .product-info .product-name {
	height: 38px !important;
	max-height: 38px !important;
	overflow: hidden !important;
	margin: 4px 0 4px !important;
	padding: 0 !important;
}

.item_product_main .product-info .product-name a {
	color: #1c2d1f !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 19px !important;
	height: 38px !important;
	max-height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.item_product_main form .setWishlist,
.item_product_main .setWishlist {
	display: none !important;
}

.item_product_main form .ooa-quick-cart-btn {
	position: absolute !important;
	right: 8px !important;
	top: auto !important;
	bottom: 8px !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.95) !important;
	color: #3c6020 !important;
	border: 1px solid #d5e4ce !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
	cursor: pointer !important;
	z-index: 6 !important;
	padding: 0 !important;
	transition: all 0.18s ease !important;
}

.item_product_main form .ooa-quick-cart-btn:hover,
.item_product_main form .ooa-quick-cart-btn:active {
	background: #72a834 !important;
	color: #ffffff !important;
	border-color: #72a834 !important;
}

.item_product_main .product-info .ooa-card-rating {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	margin: 2px 0 4px !important;
	line-height: 1 !important;
}

.item_product_main .product-info .ooa-card-rating .ooa-stars {
	display: inline-flex !important;
	align-items: center !important;
	gap: 1px !important;
}

.item_product_main .product-info .ooa-card-rating .ooa-rating-num {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #2c3e30 !important;
}

.item_product_main .product-info .ooa-card-rating .ooa-rating-cnt {
	font-size: 10.5px !important;
	color: #6b7c70 !important;
}

.item_product_main .productcount {
	margin-top: 6px !important;
}

@media (max-width: 767px) {
	.item_product_main .productcount {
		display: none !important;
	}
}

@media (max-width: 575px) {
	.item_product_main .product-info .ooa-card-rating svg {
		width: 10px !important;
		height: 10px !important;
	}
	.item_product_main .product-info .ooa-card-rating .ooa-rating-num,
	.item_product_main .product-info .ooa-card-rating .ooa-rating-cnt {
		font-size: 10px !important;
	}
	.item_product_main .ooa-card-aff-bar {
		padding: 4px 6px !important;
		margin: 5px 2px 2px !important;
		border-radius: 5px !important;
	}
	.item_product_main .ooa-card-aff-lbl {
		display: none !important;
	}
	.item_product_main .ooa-card-aff-meta strong {
		font-size: 11px !important;
	}
	.item_product_main .ooa-card-aff-btn {
		font-size: 10.5px !important;
		padding: 2px 6px !important;
		border-radius: 4px !important;
	}
}

/* 3. Homepage iHerb Architecture (4-Pillar Trust Bar, Compact Category Tiles, Ingredient Medallions, Product Grids) */
.ooa-iherb-trust-sec {
	margin-top: 12px !important;
	margin-bottom: 18px !important;
}

.ooa-iherb-trust-bar {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 12px !important;
	background: #f7faf7 !important;
	border: 1px solid #dfeae1 !important;
	border-radius: 12px !important;
	padding: 12px 16px !important;
}

.ooa-iherb-trust-bar .ooa-itb-item {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.ooa-iherb-trust-bar .ooa-itb-icon {
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #eaf3ec !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.ooa-iherb-trust-bar .ooa-itb-text {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
}

.ooa-iherb-trust-bar .ooa-itb-text strong {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #1c2d1f !important;
	line-height: 1.25 !important;
}

.ooa-iherb-trust-bar .ooa-itb-text span {
	font-size: 11.5px !important;
	color: #5c6f60 !important;
	line-height: 1.3 !important;
}

/* Unified Section Headings — Prevent line-height:1 Vietnamese diacritic collision */
h2.title-module,
.title-module,
.title-module > a {
	line-height: 1.35 !important;
}

.ooa-sec-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin-bottom: 12px !important;
}

.ooa-sec-head .title-module,
.ooa-sec-head .title-module > a {
	margin: 0 !important;
	text-align: left !important;
}

.ooa-sec-more {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #4e7661 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

/* Segmented Pill Tabs across all Homepage Product & Blog Sections */
.section_product_tab .tabs-title,
.section_product_tab_2 .tabs-title,
.section_product_tab_3 .tabs-title,
.secttion_blog .tabs-title {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
	padding: 2px 0 12px !important;
	margin: 0 0 10px !important;
	width: 100% !important;
}

.section_product_tab .tabs-title::-webkit-scrollbar,
.section_product_tab_2 .tabs-title::-webkit-scrollbar,
.section_product_tab_3 .tabs-title::-webkit-scrollbar,
.secttion_blog .tabs-title::-webkit-scrollbar {
	display: none !important;
}

.section_product_tab .tabs-title .tab-link,
.section_product_tab_2 .tabs-title .tab-link,
.section_product_tab_3 .tabs-title .tab-link,
.secttion_blog .tabs-title .tab-link {
	flex: 0 0 auto !important;
	margin: 0 !important;
	width: auto !important;
	max-width: none !important;
}

.section_product_tab .tabs-title .tab-link span,
.section_product_tab_2 .tabs-title .tab-link span,
.section_product_tab_3 .tabs-title .tab-link span,
.secttion_blog .tabs-title .tab-link span {
	display: inline-block !important;
	white-space: nowrap !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	padding: 7px 14px !important;
	border-radius: 999px !important;
	border: 1px solid #d8e6da !important;
	background: #f6faf7 !important;
	color: #2c3e30 !important;
	text-align: center !important;
}

.section_product_tab .tabs-title .tab-link.current span,
.section_product_tab_2 .tabs-title .tab-link.current span,
.section_product_tab_3 .tabs-title .tab-link.current span,
.secttion_blog .tabs-title .tab-link.current span {
	background: #4e7661 !important;
	color: #ffffff !important;
	border-color: #4e7661 !important;
}

@media (max-width: 991px) {
	.section_slider {
		padding-top: 12px !important;
		margin-top: 0 !important;
		margin-bottom: 18px !important;
	}
	.section_slider .col-lg-4 {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.section_slider {
		margin-top: 14px !important;
		margin-bottom: 24px !important;
	}
}

.ooa-iherb-trust-sec {
	display: none !important;
}

/* Compact iHerb Category Cards (.section_cate) on BOTH Desktop and Mobile */
.section_cate .swi_cate_pro .swiper-button-prev,
.section_cate .swi_cate_pro .swiper-button-next {
	display: none !important;
}

.section_cate .swi_cate_pro .item-cate {
	border: 1px solid #e2ece4 !important;
	border-radius: 12px !important;
	background: #f9fbf9 !important;
	padding: 12px 14px !important;
	box-shadow: none !important;
	transition: all 0.18s ease !important;
}

.section_cate .swi_cate_pro .item-cate:hover {
	border-color: #72a834 !important;
	background: #f2f8f0 !important;
}

.section_cate .swi_cate_pro .item-cate .item-pro-cate {
	display: none !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate {
	width: 100% !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate::before {
	display: none !important;
	content: none !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate a.image {
	width: 60px !important;
	height: 60px !important;
	padding-bottom: 0 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	background: #ffffff !important;
	border: 1px solid #e6efe8 !important;
	display: block !important;
	margin: 0 !important;
	position: relative !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate a.image img {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	object-fit: cover !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate .box_cont_cate {
	text-align: left !important;
	min-width: 0 !important;
	flex: 1 !important;
	padding: 0 !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate .box_cont_cate h3 {
	margin: 0 0 3px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate .box_cont_cate h3 a {
	color: #1c2d1f !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.section_cate .swi_cate_pro .item-cate .itemcate .box_cont_cate span {
	font-size: 12px !important;
	color: #5c6f60 !important;
	display: block !important;
}

/* 6 Ingredient Medallions (.section_6_banner) — Clean iHerb Style without Dark Black Overlays */
.section_6_banner {
	margin: 22px 0 !important;
}

.section_6_banner .three_banner.ooa-ingr-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f8fbf8 !important;
	border: 1px solid #e2ece4 !important;
	border-radius: 12px !important;
	padding: 14px 8px !important;
	text-decoration: none !important;
	position: relative !important;
	overflow: hidden !important;
	transition: all 0.18s ease !important;
}

.section_6_banner .three_banner.ooa-ingr-card:hover {
	border-color: #72a834 !important;
	background: #f1f7ef !important;
	transform: translateY(-2px) !important;
}

.section_6_banner .three_banner.ooa-ingr-card::before {
	display: none !important;
	content: none !important;
}

.section_6_banner .three_banner.ooa-ingr-card .ooa-ingr-img-wrap {
	width: 82px !important;
	height: 82px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	border: 2px solid #ffffff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
	margin-bottom: 8px !important;
	background: #ffffff !important;
	flex-shrink: 0 !important;
	position: relative !important;
}

.section_6_banner .three_banner.ooa-ingr-card .ooa-ingr-img-wrap img {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	object-fit: cover !important;
}

.section_6_banner .three_banner.ooa-ingr-card .ooa-badge-overlay {
	position: static !important;
	background: transparent !important;
	color: #1c2d1f !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.3 !important;
	text-align: center !important;
	width: auto !important;
	transform: none !important;
	box-shadow: none !important;
	text-transform: none !important;
}

.section_6_banner .three_banner.ooa-ingr-card .ooa-ingr-sub {
	font-size: 11px !important;
	color: #5c6f60 !important;
	text-align: center !important;
	line-height: 1.25 !important;
	margin-top: 2px !important;
	display: block !important;
}

/* Global Streamlined Homepage Structure (Desktop, Tablet, Mobile):
   1. DANH MỤC SẢN PHẨM (4 Products) -> 2. Cộng tác viên -> 3. Bài viết; hide redundant middle sections */
.section_cate,
.section_6_banner,
.section_product_tab_2 {
	display: none !important;
}

.section_product_tab {
	margin-top: 8px !important;
	margin-bottom: 18px !important;
}

.section_product_tab .swiper-first .swiper-wrapper > .swiper-slide:nth-child(n+5),
.section_product_tab_3 .swiper-three .swiper-wrapper > .swiper-slide:nth-child(n+5) {
	display: none !important;
}

.section_product_tab .swiper-first .swiper-wrapper,
.section_product_tab_3 .swiper-three .swiper-wrapper {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 18px !important;
	overflow: visible !important;
	transform: none !important;
	width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.section_product_tab .swiper-first .swiper-slide,
.section_product_tab_3 .swiper-three .swiper-slide {
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	padding: 0 !important;
	margin: 0 !important;
	height: auto !important;
}

.section_product_tab .swiper-first .swiper-button-prev,
.section_product_tab .swiper-first .swiper-button-next,
.section_product_tab_3 .swiper-three .swiper-button-prev,
.section_product_tab_3 .swiper-three .swiper-button-next {
	display: none !important;
}

@media (max-width: 991px) {
	.section_product_tab .swiper-first .swiper-wrapper,
	.section_product_tab_3 .swiper-three .swiper-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
}

@media (max-width: 767px) {
	/* Prevent overlapping headings on Mobile */
	h2.title-module,
	.title-module,
	.title-module > a {
		font-size: 17px !important;
		line-height: 1.38 !important;
	}
	.ooa-sec-head .title-module,
	.ooa-sec-head .title-module > a {
		font-size: 16px !important;
		line-height: 1.3 !important;
		white-space: nowrap !important;
		text-align: left !important;
	}
	.ooa-sec-more {
		font-size: 12px !important;
	}

	/* Single-row Segmented Pill Tabs on Mobile (zero clipping on 360px & 375px) */
	.section_product_tab,
	.secttion_blog {
		padding-left: 12px !important;
		padding-right: 12px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.section_product_tab .swiper-container {
		padding: 0 !important;
	}
	.section_product_tab .tabs-title,
	.section_product_tab_2 .tabs-title,
	.section_product_tab_3 .tabs-title,
	.secttion_blog .tabs-title {
		gap: 4px !important;
		padding: 2px 0 10px !important;
		justify-content: space-between !important;
		overflow: visible !important;
		width: 100% !important;
	}
	.section_product_tab .tabs-title::before,
	.section_product_tab .tabs-title::after,
	.section_product_tab_2 .tabs-title::before,
	.section_product_tab_2 .tabs-title::after,
	.section_product_tab_3 .tabs-title::before,
	.section_product_tab_3 .tabs-title::after,
	.secttion_blog .tabs-title::before,
	.secttion_blog .tabs-title::after {
		display: none !important;
		content: none !important;
	}
	.section_product_tab .tabs-title .tab-link,
	.section_product_tab_2 .tabs-title .tab-link,
	.section_product_tab_3 .tabs-title .tab-link,
	.secttion_blog .tabs-title .tab-link {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.section_product_tab .tabs-title .tab-link span,
	.section_product_tab_2 .tabs-title .tab-link span,
	.section_product_tab_3 .tabs-title .tab-link span,
	.secttion_blog .tabs-title .tab-link span {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		font-size: 10.5px !important;
		line-height: 1.3 !important;
		padding: 5px 4px !important;
		text-align: center !important;
		white-space: nowrap !important;
	}

	/* Clean Product Card Image Overlay & 2-Line Title on Mobile (single bottom-right quick-cart icon, no stacked heart, no 3rd-line speck) */
	.item_product_main form .setWishlist,
	.item_product_main .setWishlist {
		display: none !important;
	}
	.item_product_main form .ooa-quick-cart-btn,
	.item_product_main .ooa-quick-cart-btn {
		top: auto !important;
		bottom: 8px !important;
		right: 8px !important;
	}
	.item_product_main .product-info .product-name {
		height: 36px !important;
		max-height: 36px !important;
		margin: 4px 0 4px !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
	.item_product_main .product-info .product-name a {
		font-size: 13px !important;
		line-height: 18px !important;
		height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
	.back-to-top,
	.backtop,
	.backtop.show {
		display: none !important;
	}

	/* 2x2 Product Grid (4 Featured Products) in DANH MỤC SẢN PHẨM on Mobile */
	.section_product_tab .swiper-first .swiper-wrapper,
	.section_product_tab_3 .swiper-three .swiper-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	/* 1-Row Horizontal Scrollable Blog Grid (2 Compact Cards Visible + Swipeable) on Mobile — Zero 3rd-Line Text Slicing */
	.secttion_blog .row {
		display: grid !important;
		grid-auto-flow: column !important;
		grid-auto-columns: calc((100% - 10px) / 2) !important;
		grid-template-columns: none !important;
		gap: 10px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		padding-bottom: 4px !important;
		margin: 0 !important;
	}
	.secttion_blog .row::-webkit-scrollbar {
		display: none !important;
	}
	.secttion_blog .row::before,
	.secttion_blog .row::after {
		display: none !important;
		content: none !important;
	}
	.secttion_blog .row > div {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		display: block !important;
		scroll-snap-align: start !important;
	}
	.secttion_blog .item_blog_index {
		border: 1px solid #e4eee6 !important;
		border-radius: 10px !important;
		overflow: hidden !important;
		background: #ffffff !important;
		height: 100% !important;
	}
	.secttion_blog .item_blog_index .image-blog {
		border-radius: 0 !important;
	}
	.secttion_blog .item_blog_index .image-blog .update_date {
		height: 22px !important;
		line-height: 22px !important;
		width: auto !important;
		padding: 0 10px !important;
		border-radius: 0 12px 0 0 !important;
	}
	.secttion_blog .item_blog_index .image-blog .update_date .day_art {
		font-size: 10.5px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
	}
	.secttion_blog .item_blog_index .blog_content {
		margin-top: 0 !important;
		padding: 8px 10px 10px !important;
	}
	.secttion_blog .item_blog_index .blog_content h3,
	.layout-blog .item_blog_index .blog_content h3 {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 18px !important;
		height: 36px !important;
		max-height: 36px !important;
		overflow: hidden !important;
	}
	.secttion_blog .item_blog_index .blog_content .blog_description,
	.secttion_blog .item_blog_index .blog_description {
		display: none !important;
	}
	.secttion_blog .item_blog_index .blog_content h3 a,
	.layout-blog .item_blog_index .blog_content h3 a {
		font-size: 12.5px !important;
		font-weight: 600 !important;
		line-height: 18px !important;
		height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	/* Mobile Newsletter Block (.block-mailchimp) — Clean Unclipped Heading, Input & Contrast */
	footer.footer .block-mailchimp {
		padding: 18px 14px !important;
		border-radius: 14px !important;
		background: linear-gradient(135deg, #2b543e 0%, #4e7661 100%) !important;
		overflow: hidden !important;
		text-align: center !important;
	}
	footer.footer .block-mailchimp > img {
		display: none !important;
	}
	footer.footer .block-mailchimp .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	footer.footer .block-mailchimp .col-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	footer.footer .block-mailchimp .col-12 h2 {
		font-size: 13px !important;
		font-weight: 800 !important;
		line-height: 1.4 !important;
		margin: 0 auto 6px !important;
		letter-spacing: 0px !important;
		white-space: normal !important;
		text-wrap: balance !important;
		text-align: center !important;
	}
	footer.footer .block-mailchimp .col-12 .desc {
		font-size: 12px !important;
		line-height: 1.45 !important;
		color: rgba(255, 255, 255, 0.92) !important;
		margin: 0 auto 12px !important;
		text-wrap: balance !important;
		text-align: center !important;
	}
	footer.footer .block-mailchimp .col-12 .newsletter-form {
		margin: 0 !important;
	}
	footer.footer .block-mailchimp .col-12 .newsletter-form input {
		height: 40px !important;
		padding: 0 98px 0 14px !important;
		font-size: 12.5px !important;
		border-radius: 999px !important;
		border: none !important;
	}
	footer.footer .block-mailchimp .col-12 .newsletter-form button {
		height: 40px !important;
		padding: 0 16px !important;
		font-size: 12.5px !important;
		font-weight: 700 !important;
		background: #72a834 !important;
		border-radius: 0 999px 999px 0 !important;
	}

	/* Streamlined Scannable Homepage Affiliate Card on Mobile (Zero Cognitive Overload) */
	.section_affiliate_home {
		padding: 6px 0 22px !important;
	}
	.section_affiliate_home h2.title-module {
		margin-bottom: 10px !important;
	}
	.section_affiliate_home h2.title-module,
	.section_affiliate_home h2.title-module > a {
		font-size: 15px !important;
		line-height: 1.3 !important;
		letter-spacing: -0.25px !important;
		white-space: nowrap !important;
	}
	.ooa-home-aff-card {
		padding: 14px 13px !important;
		border-radius: 13px !important;
	}
	.ooa-home-aff-main-col {
		margin-bottom: 0 !important;
	}
	.ooa-home-aff-badge {
		font-size: 10px !important;
		padding: 3px 9px !important;
		margin-bottom: 7px !important;
		white-space: nowrap !important;
	}
	.ooa-home-aff-title {
		font-size: 15.5px !important;
		line-height: 1.35 !important;
		margin: 0 0 10px !important;
	}
	.ooa-home-aff-title .ooa-aff-title-desk-tail {
		display: none !important;
	}
	.ooa-home-aff-desc {
		display: none !important;
	}
	.ooa-home-aff-perks {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 6px !important;
		margin-bottom: 9px !important;
	}
	.ooa-home-aff-perks .ooa-perk-cookie {
		display: none !important;
	}
	.ooa-home-aff-perk-item {
		padding: 8px 4px !important;
		text-align: center !important;
		border-radius: 9px !important;
	}
	.ooa-home-aff-perk-item .ooa-perk-val {
		font-size: 12.5px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}
	.ooa-home-aff-perk-item .ooa-perk-sub {
		font-size: 10px !important;
		line-height: 1.25 !important;
		margin-top: 2px !important;
		white-space: nowrap !important;
	}
	.ooa-home-aff-mob-earn {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 6px !important;
		background: #ffffff !important;
		border: 1px dashed #8eb874 !important;
		border-radius: 9px !important;
		padding: 8px 10px !important;
		margin-bottom: 10px !important;
	}
	.ooa-home-aff-mob-earn .ooa-hame-lbl {
		font-size: 11.5px !important;
		font-weight: 600 !important;
		color: #3d5242 !important;
		white-space: nowrap !important;
	}
	.ooa-home-aff-mob-earn .ooa-hame-val {
		font-size: 13px !important;
		font-weight: 800 !important;
		color: #72a834 !important;
		white-space: nowrap !important;
	}
	.ooa-home-aff-calc-col {
		display: none !important;
	}
	.ooa-home-aff-actions {
		display: grid !important;
		grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr) !important;
		gap: 8px !important;
		width: 100% !important;
	}
	.ooa-home-aff-actions > a {
		width: 100% !important;
		min-width: 0 !important;
		height: 38px !important;
		padding: 0 8px !important;
		font-size: 12px !important;
		border-radius: 999px !important;
	}
}


/* 4. Single Product Page iHerb Overhaul (Meta Strip, Clean Left-Aligned Content, Scrollable Tables, Collapsible Read-More, Sticky Mobile Buy Bar) */
.details-product .btn-hethong,
.details-product .details-pro .product-top,
.details-product .details-pro .inventory_quantity,
.details-product .product-viewed .box_title {
	display: none !important;
}

@media (max-width: 991px) {
	.details-product .details-pro-3 {
		display: none !important;
	}
}

.ooa-sp-meta-strip {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 6px 0 12px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid #ecf2ed !important;
	font-size: 13px !important;
	color: #4a5a4e !important;
}

.ooa-sp-meta-strip .ooa-sp-stars {
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
	color: #1c2d1f !important;
}

.ooa-sp-meta-strip .ooa-sp-stars strong {
	margin-left: 3px !important;
	font-weight: 700 !important;
}

.ooa-sp-meta-strip .ooa-sp-stars span {
	color: #5c6f60 !important;
	font-size: 12.5px !important;
}

.ooa-sp-meta-strip .ooa-sp-sku-inline strong {
	color: #1c2d1f !important;
	font-weight: 600 !important;
}

.ooa-sp-meta-strip .ooa-sp-meta-sep {
	color: #c8d6cb !important;
}

.details-product .product-policises-wrapper .product-policises {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px 14px !important;
	background: transparent !important;
	border: none !important;
	border-top: 1px solid #ecf2ed !important;
	border-radius: 0 !important;
	padding: 14px 0 0 0 !important;
	margin: 14px 0 0 0 !important;
}

.details-product .product-policises-wrapper .product-policises::before,
.details-product .product-policises-wrapper .product-policises::after {
	display: none !important;
	content: none !important;
}

.details-product .product-policises-wrapper .product-policises .item_poli {
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
}

.details-product .product-policises-wrapper .product-policises .item_poli .img_poly {
	flex: 0 0 28px !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #eef5f0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
}

.details-product .product-policises-wrapper .product-policises .content_poli {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #2c3e30 !important;
	line-height: 1.35 !important;
}

/* Clean Product Description Typography & Collapsible Container */
.product_getcontent #ez-toc-container,
.product_getcontent .ez-toc-container {
	display: none !important;
}

.product_getcontent,
.product_getcontent p,
.product_getcontent li,
.product_getcontent h2,
.product_getcontent h3,
.product_getcontent h4,
.product_getcontent div,
.product_getcontent span {
	text-align: left !important;
}

.product_getcontent h2 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #1c2d1f !important;
	line-height: 1.35 !important;
	margin: 16px 0 8px !important;
}

.product_getcontent h3 {
	font-size: 15.5px !important;
	font-weight: 700 !important;
	color: #2c3e30 !important;
	line-height: 1.4 !important;
	margin: 12px 0 6px !important;
}

.product_getcontent p,
.product_getcontent li {
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #2c3e30 !important;
}

.product_getcontent .ooa-table-scroll {
	width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	margin: 12px 0 !important;
	border: 1px solid #dfeae0 !important;
	border-radius: 8px !important;
}

.product_getcontent .ooa-table-scroll table {
	width: 100% !important;
	min-width: 520px !important;
	border-collapse: collapse !important;
	margin: 0 !important;
}

.product_getcontent .ooa-table-scroll th,
.product_getcontent .ooa-table-scroll td {
	padding: 8px 10px !important;
	font-size: 12.5px !important;
	line-height: 1.45 !important;
	border: 1px solid #e8f0e9 !important;
	vertical-align: top !important;
	text-align: left !important;
}

.ooa-sp-desc-wrap.is-collapsed {
	max-height: 460px !important;
	overflow: hidden !important;
	position: relative !important;
}

.ooa-sp-desc-wrap.is-collapsed img {
	display: none !important;
}

.ooa-sp-desc-fade {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 90px !important;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 90%) !important;
	pointer-events: none !important;
}

.ooa-sp-desc-toggle-wrap {
	text-align: center !important;
	margin-top: 12px !important;
}

.ooa-sp-desc-toggle-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	background: #f4f8f5 !important;
	color: #355846 !important;
	border: 1px solid #cde0d1 !important;
	border-radius: 30px !important;
	padding: 8px 20px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: all 0.18s ease !important;
}

.ooa-sp-desc-toggle-btn:hover {
	background: #4e7661 !important;
	color: #ffffff !important;
	border-color: #4e7661 !important;
}

/* Mobile Sticky Bottom Buy & Share Bar (.ooa-mob-sticky-pdp) */
.ooa-mob-sticky-pdp {
	display: none;
}

@media (max-width: 767px) {
	.ooa-mob-sticky-pdp {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 997 !important;
		background: #ffffff !important;
		border-top: 1px solid #dce7de !important;
		padding: 8px 12px !important;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08) !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-price {
		display: flex !important;
		flex-direction: column !important;
		min-width: 0 !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-price strong {
		font-size: 15px !important;
		font-weight: 800 !important;
		color: #d82e2e !important;
		line-height: 1.15 !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-price span {
		font-size: 10.5px !important;
		font-weight: 700 !important;
		color: #3c6020 !important;
		line-height: 1.2 !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-actions {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		flex-shrink: 0 !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-btn {
		height: 36px !important;
		border-radius: 30px !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		padding: 0 11px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;
		cursor: pointer !important;
		white-space: nowrap !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-btn--share {
		background: #f2f7f3 !important;
		color: #355846 !important;
		border: 1px solid #cde0d1 !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-btn--cart {
		background: #1c2d1f !important;
		color: #ffffff !important;
		border: none !important;
	}
	.ooa-mob-sticky-pdp .ooa-msp-btn--buy {
		background: #72a834 !important;
		color: #ffffff !important;
		border: none !important;
	}
	body.single-product .addThis_iconContact {
		bottom: 66px !important;
	}
	body.single-product .backtop {
		bottom: 118px !important;
	}
	body.single-product footer.footer {
		padding-bottom: 60px !important;
	}
}

/* 5. Shop / Category Page 1-Tap Filter Chips (.ooa-iherb-filter-chips) */
.ooa-iherb-filter-chips {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	padding: 4px 0 6px !important;
	margin: 2px 0 4px !important;
}

.ooa-iherb-filter-chips::-webkit-scrollbar {
	display: none !important;
}

.ooa-iherb-filter-chips .ooa-ifc-chip {
	background: #ffffff !important;
	border: 1px solid #dbe6dd !important;
	color: #2c3e30 !important;
	border-radius: 30px !important;
	padding: 5px 12px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.ooa-iherb-filter-chips .ooa-ifc-chip.active,
.ooa-iherb-filter-chips .ooa-ifc-chip:hover {
	background: #4e7661 !important;
	border-color: #4e7661 !important;
	color: #ffffff !important;
}

@media (max-width: 991px) {
	header.header {
		z-index: 1002 !important;
	}
	header.header .top-header {
		position: relative !important;
		z-index: 1 !important;
	}
	header.header .backdrop__body-backdrop___1rvky,
	.backdrop__body-backdrop___1rvky {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		background-color: rgba(15, 26, 18, 0.62) !important;
		z-index: 99990 !important;
		visibility: hidden !important;
		opacity: 0 !important;
		transition: opacity 0.22s ease, visibility 0.22s ease !important;
	}
	header.header .backdrop__body-backdrop___1rvky.active,
	.backdrop__body-backdrop___1rvky.active {
		visibility: visible !important;
		opacity: 1 !important;
	}
	header .header-mid {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		height: 100vh !important;
		height: 100dvh !important;
		width: 300px !important;
		max-width: 84vw !important;
		background: #ffffff !important;
		z-index: 99999 !important;
		transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.24s ease !important;
		box-shadow: 8px 0 28px rgba(0, 0, 0, 0.22) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		display: flex !important;
		flex-direction: column !important;
	}
	header .header-mid .navigation-horizontal,
	header .header-mid .header-nav {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		min-height: 100% !important;
		width: 100% !important;
	}
	header .header-mid .title_menu {
		background: linear-gradient(135deg, #214332 0%, #3a5b48 100%) !important;
		padding: 0 16px !important;
		height: 52px !important;
		min-height: 52px !important;
		display: flex !important;
		align-items: center !important;
		position: relative !important;
		flex-shrink: 0 !important;
	}
	header .header-mid .title_menu .title_ {
		justify-content: flex-start !important;
		align-items: center !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.4px !important;
		height: 100% !important;
		line-height: 1 !important;
		padding: 0 !important;
	}
	header .header-mid .title_menu::before,
	header .header-mid .title_menu::after {
		top: 50% !important;
		right: 18px !important;
		width: 2px !important;
		height: 18px !important;
		margin-top: -9px !important;
		border-radius: 2px !important;
	}
	header .header-mid #nav {
		padding: 4px 0 !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
	}
	header .header-mid #nav > .nav-item {
		border-bottom: 1px solid #eef3ef !important;
	}
	header .header-mid #nav > .nav-item > a {
		padding: 12.5px 40px 12.5px 16px !important;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		color: #1c2d1f !important;
		line-height: 1.4 !important;
		border: none !important;
		text-align: left !important;
	}
	header .header-mid #nav > .nav-item.active > a {
		color: #214332 !important;
		font-weight: 700 !important;
		background: #f4f8f5 !important;
	}
	header .header-mid #nav .nav-item .down_icon {
		height: 44px !important;
		width: 42px !important;
		top: 0 !important;
	}
	header .header-mid .line_box {
		display: none !important;
	}
	header .header-mid .li_box_mobile {
		padding: 11px 16px !important;
		margin: 0 !important;
		height: auto !important;
		min-height: 46px !important;
		display: flex !important;
		align-items: center !important;
		border-bottom: 1px solid #eef3ef !important;
		flex-shrink: 0 !important;
	}
	header .header-mid .li_box_mobile .content_account {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
	header .header-mid .li_box_mobile .content_account a {
		font-size: 13.5px !important;
		font-weight: 600 !important;
		color: #214332 !important;
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		line-height: 1.4 !important;
	}
	header .header-mid .ooa-mob-drawer-aff {
		padding: 11px 16px !important;
		height: auto !important;
		min-height: 48px !important;
		background: #f2f8ee !important;
		border-bottom: 1px solid #dfecd7 !important;
		flex-shrink: 0 !important;
	}
	header .header-mid .ooa-mob-drawer-aff .content_account a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		color: #214332 !important;
		font-weight: 700 !important;
		font-size: 13.5px !important;
		text-decoration: none !important;
	}
	header .header-mid .ooa-mob-drawer-badge {
		display: inline-flex !important;
		align-items: center !important;
		padding: 3px 9px !important;
		border-radius: 999px !important;
		background: #214332 !important;
		color: #ffd166 !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}
	header .header-mid .ooa-mob-drawer-pwa .content_account a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
	}
	header .header-mid .ooa-mob-drawer-pwa .ooa-mob-drawer-badge {
		background: #72a834 !important;
		color: #ffffff !important;
	}
	header .header-mid .ooa-mob-drawer-footer {
		margin-top: auto !important;
		padding: 14px 16px 18px !important;
		background: #f7faf8 !important;
		border-top: 1px solid #e6eee8 !important;
		flex-shrink: 0 !important;
	}
	header .header-mid .ooa-mdf-card {
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
	}
	header .header-mid .ooa-mdf-title {
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.4px !important;
		color: #4e6352 !important;
		line-height: 1.3 !important;
	}
	header .header-mid .ooa-mdf-actions {
		display: grid !important;
		grid-template-columns: 1.35fr 1fr !important;
		gap: 6px !important;
	}
	header .header-mid .ooa-mdf-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 8px 8px !important;
		border-radius: 8px !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		text-decoration: none !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		text-align: center !important;
	}
	header .header-mid .ooa-mdf-btn--call {
		background: #214332 !important;
		color: #ffffff !important;
		border: 1px solid #214332 !important;
	}
	header .header-mid .ooa-mdf-btn--zalo {
		background: #eef6ff !important;
		color: #0f5ec2 !important;
		border: 1px solid #cbe0fa !important;
	}
	header .header-mid .ooa-mdf-note {
		font-size: 11px !important;
		color: #637566 !important;
		line-height: 1.35 !important;
	}
}

@media (min-width: 992px) {
	.ooa-mob-drawer-footer {
		display: none !important;
	}
}

@media (max-width: 575px) {
	.details-product .product-policises-wrapper .product-policises {
		padding: 8px 10px !important;
		gap: 8px !important;
	}
	.details-product .product-policises-wrapper .product-policises .content_poli {
		font-size: 11.5px !important;
	}
	.ooa-shop-aff-strip {
		padding: 6px 10px !important;
		margin-bottom: 10px !important;
		border-radius: 8px !important;
	}
	.ooa-shop-aff-strip .ooa-shop-aff-text {
		display: none !important;
	}
	.ooa-shop-aff-strip .ooa-shop-aff-text-mob {
		display: inline !important;
		font-size: 11.5px !important;
	}
	#ooa-quick-share-modal .ooa-qsm-header {
		padding: 12px 14px !important;
	}
	#ooa-quick-share-modal .ooa-qsm-dialog > div:nth-child(2) {
		padding: 12px 14px !important;
	}
	#ooa-quick-share-modal #ooa-qsm-caption {
		height: 70px !important;
		margin-bottom: 6px !important;
	}
}

#ooa-floating-aff-pill {
	display: none !important;
}

/* ==========================================================================
   Fix Legacy .alert max-width:335px Constriction & Account Status Banner
   ========================================================================== */
.alert:not(#js-global-alert) {
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ooa-ac-status-banner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 13px 16px !important;
	margin-bottom: 18px !important;
	border-radius: 12px !important;
	background: linear-gradient(90deg, #f0fdf4 0%, #f7fee7 100%) !important;
	border: 1px solid #bbf7d0 !important;
	border-left: 4px solid #16a34a !important;
	box-shadow: 0 2px 10px rgba(22, 163, 74, 0.06) !important;
	color: #14532d !important;
}

.ooa-ac-status-banner--error {
	background: #fef2f2 !important;
	border-color: #fecaca !important;
	border-left: 4px solid #dc2626 !important;
	box-shadow: 0 2px 10px rgba(220, 38, 38, 0.05) !important;
	color: #991b1b !important;
}

.ooa-ac-status-banner__icon {
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #dcfce7 !important;
	border: 1px solid #86efac !important;
	color: #15803d !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.ooa-ac-status-banner--error .ooa-ac-status-banner__icon {
	background: #fee2e2 !important;
	border-color: #fca5a5 !important;
	color: #dc2626 !important;
}

.ooa-ac-status-banner__body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px 14px !important;
}

.ooa-ac-status-banner__text {
	flex: 1 1 260px !important;
	min-width: 0 !important;
}

.ooa-ac-status-banner__title {
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: #14532d !important;
	font-weight: 500 !important;
	margin: 0 !important;
}

.ooa-ac-status-banner--error .ooa-ac-status-banner__title {
	color: #991b1b !important;
}

.ooa-ac-status-banner__sub {
	font-size: 12.5px !important;
	line-height: 1.4 !important;
	color: #3f6248 !important;
	margin: 2px 0 0 !important;
}

.ooa-ac-status-banner__badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #ffffff !important;
	border: 1px solid #bbf7d0 !important;
	border-radius: 999px !important;
	padding: 4px 11px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #166534 !important;
	white-space: nowrap !important;
	box-shadow: 0 1px 2px rgba(21, 128, 61, 0.06) !important;
}

.ooa-ac-status-banner__close {
	width: 28px !important;
	height: 28px !important;
	min-height: 28px !important;
	border-radius: 50% !important;
	border: none !important;
	background: rgba(21, 128, 61, 0.08) !important;
	color: #166534 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	transition: background 0.15s ease !important;
}

.ooa-ac-status-banner__close:hover {
	background: rgba(21, 128, 61, 0.16) !important;
}

.ooa-ac-status-banner--error .ooa-ac-status-banner__close {
	background: rgba(220, 38, 38, 0.08) !important;
	color: #991b1b !important;
}

@media (max-width: 767px) {
	.ooa-ac-status-banner {
		padding: 11px 13px !important;
		gap: 10px !important;
	}
	.ooa-ac-status-banner__icon {
		width: 32px !important;
		height: 32px !important;
	}
	.ooa-ac-status-banner__title {
		font-size: 13px !important;
	}
	.ooa-ac-status-banner__sub {
		font-size: 11.5px !important;
	}
}

/* ==========================================================================
   Fix Legacy ooa-mptch-main.css padding: 0 110px 0 15px on Form Controls
   & Single Product Mobile Tabs
   ========================================================================== */
.bodywrap input.form-control:not(.search-auto),
.bodywrap textarea.form-control,
#ooa-quick-share-modal input,
#ooa-quick-share-modal textarea {
	padding: 8px 12px !important;
	box-sizing: border-box !important;
}

.bodywrap select.form-control,
.ooa-ctv-landing-page select.form-control {
	padding: 0 30px 0 12px !important;
	line-height: normal !important;
	box-sizing: border-box !important;
}

/* Show remove/heart button on Wishlist page (#ooa-wishlist-grid) */
#ooa-wishlist-grid .item_product_main form .setWishlist,
#ooa-wishlist-grid .item_product_main .setWishlist {
	display: inline-flex !important;
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.96) !important;
	border: 1px solid #fecaca !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 7 !important;
}

@media (max-width: 991px) {
	#wpadminbar {
		display: none !important;
	}
	html {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.product-tab .tabs-title {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		gap: 14px !important;
		overflow-x: auto !important;
		padding-bottom: 2px !important;
	}
	.product-tab .tabs-title .tab-link {
		margin: 0 !important;
		padding: 8px 2px !important;
		flex-shrink: 0 !important;
	}
	.product-tab .tabs-title .tab-link h3 {
		font-size: 13.5px !important;
		line-height: 1.3 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	/* Compact horizontal swipe strip for 3 promotional banners on Blog Archive */
	.layout-blog .section_3_banner {
		margin-bottom: 12px !important;
	}
	.layout-blog .section_3_banner > .row {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		gap: 10px !important;
		margin: 0 !important;
		padding-bottom: 4px !important;
		scrollbar-width: none !important;
	}
	.layout-blog .section_3_banner > .row::-webkit-scrollbar {
		display: none !important;
	}
	.layout-blog .section_3_banner > .row > div {
		flex: 0 0 78% !important;
		max-width: 78% !important;
		padding: 0 !important;
		margin-bottom: 0 !important;
	}
	.layout-blog .section_3_banner .three_banner img {
		height: 120px !important;
		border-radius: 10px !important;
	}
	.ooa-ctv-steps-wrap h2 {
		font-size: 14.5px !important;
		line-height: 1.35 !important;
		text-wrap: balance !important;
	}
	h1, h2, h3, h4, .title-module, .title-head, .title-page, .section__title {
		text-wrap: balance;
	}
}

#ooa-lp-lab-caption {
	height: auto !important;
	min-height: 168px !important;
	line-height: 1.45 !important;
	font-size: 12px !important;
}

#ooa_lab_caption {
	height: auto !important;
	min-height: 112px !important;
	line-height: 1.45 !important;
	font-size: 12px !important;
}

.ooa-consent-grid-label,
#dang-ky-ctv-ngay label:has(input[type="checkbox"]),
#ooa-ac-affiliate label:has(input[type="checkbox"]) {
	display: grid !important;
	grid-template-columns: 18px 1fr !important;
	align-items: start !important;
	gap: 10px !important;
}

input[name="desired_code"]::placeholder {
	text-transform: none !important;
}

/* ==========================================================================
   Shop / Collection Heading, Unified Filter & Sort Toolbar, & Filter Drawer
   ========================================================================== */
.layout-collection .ooa-collection-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 0 12px !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid #e6efe7 !important;
}

.layout-collection .ooa-collection-head h1.title-page {
	font-size: 21px !important;
	font-weight: 800 !important;
	color: #1c2d1f !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.2px !important;
}

.layout-collection .ooa-collection-count-pill {
	display: inline-flex !important;
	align-items: center !important;
	background: #eef5ea !important;
	color: #3c6020 !important;
	border: 1px solid #d4e4cc !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 3px 10px !important;
	border-radius: 999px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	line-height: 1.25 !important;
}

.layout-collection .ooa-collection-toolbar {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	margin: 0 0 8px !important;
}

.layout-collection .ooa-collection-toolbar #open-filters {
	background: #ffffff !important;
	border: 1px solid #cfe0d1 !important;
	border-radius: 9px !important;
	height: 36px !important;
	padding: 0 12px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	color: #1c2d1f !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: 0 1px 2px rgba(28, 45, 31, 0.04) !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	transition: all 0.18s ease !important;
}

.layout-collection .ooa-collection-toolbar #open-filters svg {
	width: 15px !important;
	height: 15px !important;
	margin: 0 !important;
	color: #4e7661 !important;
	flex-shrink: 0 !important;
}

.layout-collection .ooa-collection-toolbar .ooa-filter-count-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #72a834;
	color: #ffffff;
	font-size: 10.5px;
	font-weight: 800;
	line-height: 1;
}

.layout-collection .ooa-collection-toolbar #sort-by {
	position: relative !important;
	float: none !important;
	background: #ffffff !important;
	border: 1px solid #cfe0d1 !important;
	border-radius: 9px !important;
	height: 36px !important;
	padding: 0 11px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 6px !important;
	box-shadow: 0 1px 2px rgba(28, 45, 31, 0.04) !important;
	cursor: pointer !important;
}

.layout-collection .ooa-collection-toolbar #sort-by label.left {
	float: none !important;
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #5c6e60 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

.layout-collection .ooa-collection-toolbar #sort-by #sortBy {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.layout-collection .ooa-collection-toolbar #sort-by #sortBy > li {
	float: none !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	padding: 0 18px 0 2px !important;
	margin: 0 !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #1c2d1f !important;
	line-height: 1 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234e7661' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 0 center !important;
	background-size: 12px 12px !important;
}

.layout-collection .ooa-collection-toolbar #sort-by #sortBy > li > ul {
	display: none !important;
	position: absolute !important;
	top: calc(100% + 5px) !important;
	right: 0 !important;
	width: 185px !important;
	background: #ffffff !important;
	border: 1px solid #d5e2d6 !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 26px rgba(21, 38, 25, 0.14) !important;
	padding: 5px !important;
	z-index: 10020 !important;
	overflow: hidden !important;
}

.layout-collection .ooa-collection-toolbar #sort-by.is-open #sortBy > li > ul {
	display: block !important;
}

@media (min-width: 992px) {
	.layout-collection .ooa-collection-toolbar #sort-by:hover #sortBy > li > ul {
		display: block !important;
	}
}

.layout-collection .ooa-collection-toolbar #sort-by #sortBy > li > ul > li {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
}

.layout-collection .ooa-collection-toolbar #sort-by #sortBy > li > ul > li > a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 8px 11px !important;
	border-radius: 7px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #2c3e30 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
}

.layout-collection .ooa-collection-toolbar #sort-by #sortBy > li > ul > li > a.active,
.layout-collection .ooa-collection-toolbar #sort-by #sortBy > li > ul > li:hover > a {
	background: #eef5ea !important;
	color: #214332 !important;
	font-weight: 700 !important;
}

.layout-collection .ooa-collection-toolbar #sort-by #sortBy > li > ul > li > a.active::after {
	content: "✓";
	font-weight: 800;
	color: #72a834;
	font-size: 12px;
}

/* Mobile Filter Drawer & Backdrop */
.ooa-filter-backdrop {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: rgba(15, 26, 18, 0.58) !important;
	z-index: 99990 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	transition: opacity 0.22s ease, visibility 0.22s ease !important;
}

.ooa-filter-backdrop.active {
	visibility: visible !important;
	opacity: 1 !important;
}

@media (max-width: 991px) {
	body.ooa-filter-drawer-open {
		overflow: hidden !important;
	}
	.layout-collection .dqdt-sidebar {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 300px !important;
		max-width: 85vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		padding: 0 !important;
		background: #ffffff !important;
		z-index: 99999 !important;
		box-shadow: -8px 0 28px rgba(0, 0, 0, 0.2) !important;
		visibility: hidden !important;
		transform: translateX(100%) !important;
		transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.25s ease !important;
		overflow: hidden !important;
	}
	.layout-collection .dqdt-sidebar.openf {
		visibility: visible !important;
		transform: translateX(0) !important;
	}
	.layout-collection .dqdt-sidebar > .section-box-bg {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		border-radius: 0 !important;
		background: #ffffff !important;
	}
	.layout-collection .dqdt-sidebar .ooa-filter-drawer-head {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 0 16px !important;
		height: 52px !important;
		min-height: 52px !important;
		background: linear-gradient(135deg, #214332 0%, #3a5b48 100%) !important;
		color: #ffffff !important;
		flex-shrink: 0 !important;
	}
	.layout-collection .dqdt-sidebar .ooa-fdh-title {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
	}
	.layout-collection .dqdt-sidebar .ooa-fdh-close {
		width: 32px !important;
		height: 32px !important;
		border-radius: 8px !important;
		border: 1px solid rgba(255, 255, 255, 0.22) !important;
		background: rgba(255, 255, 255, 0.12) !important;
		color: #ffffff !important;
		font-size: 20px !important;
		line-height: 1 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		padding: 0 !important;
	}
	.layout-collection .dqdt-sidebar .filter-content {
		flex: 1 1 auto !important;
		overflow-y: auto !important;
		padding: 14px 16px !important;
		height: auto !important;
	}
	.layout-collection .dqdt-sidebar .filter-content .aside-item .aside-title h2 {
		font-size: 14px !important;
		font-weight: 700 !important;
		color: #1c2d1f !important;
		padding: 0 0 8px !important;
		margin: 0 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.3px !important;
	}
	.layout-collection .dqdt-sidebar .filter-content .aside-item .aside-content ul .filter-item {
		margin-bottom: 8px !important;
		padding-left: 24px !important;
	}
	.layout-collection .dqdt-sidebar .filter-content .aside-item .aside-content ul .filter-item label {
		font-size: 13.5px !important;
		font-weight: 500 !important;
		color: #2c3e30 !important;
		line-height: 1.4 !important;
	}
	.layout-collection .dqdt-sidebar .ooa-filter-drawer-foot {
		display: grid !important;
		grid-template-columns: 1fr 1.45fr !important;
		gap: 8px !important;
		padding: 12px 16px !important;
		background: #f8faf8 !important;
		border-top: 1px solid #e4ede5 !important;
		flex-shrink: 0 !important;
	}
	.layout-collection .dqdt-sidebar .ooa-fdf-reset {
		height: 40px !important;
		border-radius: 9px !important;
		border: 1px solid #cddbc9 !important;
		background: #ffffff !important;
		color: #3a4f3e !important;
		font-size: 12.5px !important;
		font-weight: 700 !important;
		cursor: pointer !important;
	}
	.layout-collection .dqdt-sidebar .ooa-fdf-apply {
		height: 40px !important;
		border-radius: 9px !important;
		border: none !important;
		background: #214332 !important;
		color: #ffffff !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		cursor: pointer !important;
	}
}

@media (max-width: 767px) {
	.bread-crumb,
	.layout-collection .bread-crumb,
	.layout-blog .bread-crumb {
		margin-bottom: 2px !important;
		padding: 3px 0 !important;
	}
	.bread-crumb .breadcrumb,
	.layout-collection .bread-crumb .breadcrumb,
	.layout-blog .bread-crumb .breadcrumb {
		padding: 2px 0 !important;
		margin: 0 !important;
		font-size: 11.5px !important;
		line-height: 1.35 !important;
	}
	.bread-crumb .breadcrumb li,
	.bread-crumb .breadcrumb li a,
	.bread-crumb .breadcrumb li span,
	.bread-crumb .breadcrumb li strong span {
		font-size: 11.5px !important;
		line-height: 1.35 !important;
	}
	.bread-crumb .breadcrumb li .mr_lr svg {
		width: 8px !important;
		height: 8px !important;
	}
	.layout-collection .ooa-collection-head {
		margin: 0 0 8px !important;
		padding-bottom: 6px !important;
	}
	.layout-collection .ooa-collection-head h1.title-page {
		font-size: 16.5px !important;
		line-height: 1.25 !important;
	}
	.layout-blog h1.title-page {
		font-size: 17px !important;
		font-weight: 800 !important;
		color: #1c2d1f !important;
		margin: 0 0 10px !important;
		line-height: 1.28 !important;
	}
	.layout-collection .ooa-collection-count-pill {
		font-size: 11px !important;
		padding: 2.5px 9px !important;
	}
	.layout-collection .ooa-collection-toolbar {
		display: grid !important;
		grid-template-columns: auto 1fr !important;
		gap: 8px !important;
		margin: 0 0 6px !important;
	}
	.layout-collection .ooa-collection-toolbar #sort-by {
		width: 100% !important;
	}
	.layout-collection .ooa-iherb-filter-chips {
		padding: 2px 0 5px !important;
		margin: 0 0 5px !important;
		gap: 6px !important;
	}
	.layout-collection .ooa-iherb-filter-chips .ooa-ifc-chip {
		padding: 5px 11px !important;
		font-size: 11.5px !important;
		font-weight: 600 !important;
	}
	.layout-collection .ooa-shop-aff-strip {
		padding: 5px 8px !important;
		margin: 2px 0 8px !important;
		gap: 6px !important;
	}
	.layout-collection .ooa-shop-aff-strip .ooa-shop-aff-text-mob {
		font-size: 11px !important;
	}
	.layout-collection .ooa-shop-aff-strip .ooa-shop-aff-cta {
		font-size: 10.5px !important;
		padding: 3.5px 8px !important;
	}
	.layout-collection .products-view {
		margin-top: 6px !important;
	}
}

.rte ul,
.product_getcontent ul,
.content-page.rte ul {
	padding-left: 18px !important;
	margin: 0 0 12px 0 !important;
	list-style: disc outside !important;
}

.rte ul li,
.product_getcontent ul li,
.content-page.rte ul li {
	list-style: disc outside !important;
	margin-bottom: 6px !important;
}

/* ==================== OOA BOTANICAL LUXURY SCROLL & MOTION ENGINE (GPU 60/120FPS) ==================== */
.ooa-scroll-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2.5px;
	background: transparent;
	pointer-events: none !important;
	z-index: 1003;
	overflow: hidden;
}
@media (max-width: 991px) {
	.ooa-scroll-progress {
		top: 55px;
		height: 2px;
	}
}
.ooa-scroll-progress__bar {
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #4e7661 0%, #72a834 65%, #eab308 100%);
	transform: scaleX(0);
	transform-origin: 0 50%;
	will-change: transform;
}

/* Circular SVG Scroll Progress Ring inside .backtop */
.backtop {
	width: 42px !important;
	height: 42px !important;
	line-height: 42px !important;
	border-radius: 50% !important;
	right: 20px !important;
	bottom: 22px !important;
	background: #4e7661 !important;
	box-shadow: 0 4px 14px rgba(28, 45, 31, 0.22) !important;
	overflow: hidden !important;
	transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.2s ease, opacity 0.25s ease !important;
}
.addThis_iconContact {
	right: 17px !important;
}
.backtop:hover {
	background: #3b5d4b !important;
	transform: translateY(-2px) !important;
}
.backtop .icon-up {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	bottom: auto !important;
	right: auto !important;
	transform: translate(-50%, -50%) !important;
	width: 14px !important;
	height: 14px !important;
	margin: 0 !important;
	z-index: 2 !important;
}
.backtop .ooa-backtop-ring {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 50% !important;
	transform: rotate(-90deg) !important;
	pointer-events: none !important;
	z-index: 1 !important;
}
.backtop .ooa-backtop-ring__bg {
	fill: none !important;
	stroke: rgba(255, 255, 255, 0.22) !important;
	stroke-width: 2.6 !important;
}
.backtop .ooa-backtop-ring__fg {
	fill: none !important;
	stroke: #eab308 !important;
	stroke-width: 2.6 !important;
	stroke-linecap: round !important;
	stroke-dasharray: 104.93 !important;
	stroke-dashoffset: 104.93;
	transition: stroke-dashoffset 0.08s linear !important;
}

/* Desktop Hover Elevation & Tactile Touch Micro-Interactions */
@media (hover: hover) and (pointer: fine) {
	.item_product_main,
	.item_blog_index,
	.item_blog_base,
	.ooa-aff-step-card,
	.ooa-aff-tier-card {
		transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.item_product_main:hover,
	.item_blog_index:hover,
	.item_blog_base:hover {
		transform: translate3d(0, -4px, 0);
		box-shadow: 0 14px 28px rgba(28, 45, 31, 0.09) !important;
	}
	.item_product_main .image_thumb img {
		transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.item_product_main:hover .image_thumb img {
		transform: scale(1.04);
	}
}

/* Quick-Add-to-Cart, Wishlist & Copy Confirmation Micro-States */
.item_product_main form .ooa-quick-cart-btn.is-added,
.item_product_main .ooa-quick-cart-btn.is-added {
	background: #4e7661 !important;
	color: #ffffff !important;
	border-color: #4e7661 !important;
	box-shadow: 0 4px 12px rgba(78, 118, 97, 0.34) !important;
}
.setWishlist.active svg path {
	fill: #e11d48 !important;
}
.is-copied-pulse {
	box-shadow: 0 0 0 3px rgba(114, 168, 52, 0.28) !important;
}
.custom-btn-number.is-stepping,
.ajaxcart__qty.cart_select.is-stepping {
	border-color: #4e7661 !important;
	box-shadow: 0 0 0 2px rgba(78, 118, 97, 0.16) !important;
}

/* Native App Tactile Press Feedback */
.ooa-quick-cart-btn:active svg,
.setWishlist:active svg,
.ooa-card-aff-btn:active,
.tabs-title .tab-link span:active,
.ooa-ifc-chip:active,
.ooa-search-chip:active,
#ooa-pwa-bottom-nav .ooa-pbn-item:active .ooa-pbn-icon {
	transform: scale(0.94);
	transition: transform 0.1s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
	.ooa-scroll-progress {
		display: none !important;
	}
	.item_product_main,
	.item_blog_index,
	.item_blog_base {
		transition: none !important;
		transform: none !important;
	}
}

/* Official Footer Payment Badges (COD, VietQR, VNPAY, NAPAS, VISA, Mastercard) */
footer.footer .copyright .payment .pay_img,
.bg-footer-bottom .payment .pay_img {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	padding-bottom: 0 !important;
	overflow: visible !important;
	height: auto !important;
	position: static !important;
	border-radius: 0 !important;
}
.ooa-footer-payments {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 6px !important;
}
.ooa-pay-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 28px !important;
	padding: 4px 8px !important;
	background: #ffffff !important;
	border: 1px solid rgba(28, 45, 31, 0.14) !important;
	border-radius: 6px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
	position: relative !important;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.ooa-pay-badge:hover {
	transform: translateY(-1px);
	border-color: #72a834 !important;
	box-shadow: 0 3px 8px rgba(28, 45, 31, 0.1) !important;
}
footer.footer .copyright .payment .pay_img .ooa-pay-badge img,
.ooa-pay-badge img {
	position: static !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	margin: 0 !important;
	display: block !important;
	height: 17px !important;
	max-height: 18px !important;
	width: auto !important;
	max-width: 64px !important;
	object-fit: contain !important;
}
footer.footer .copyright .payment .pay_img .ooa-pay-badge--cod img,
.ooa-pay-badge--cod img {
	height: 18px !important;
}
footer.footer .copyright .payment .pay_img .ooa-pay-badge--visa img,
.ooa-pay-badge--visa img {
	height: 13px !important;
}
footer.footer .copyright .payment .pay_img .ooa-pay-badge--vnpay img,
.ooa-pay-badge--vnpay img {
	height: 15px !important;
}
footer.footer .copyright .payment .pay_img .ooa-pay-badge--napas img,
.ooa-pay-badge--napas img {
	height: 14px !important;
}
@media (max-width: 767px) {
	footer.footer .copyright .payment .pay_img,
	.bg-footer-bottom .payment .pay_img,
	.ooa-footer-payments {
		justify-content: center !important;
		flex-wrap: nowrap !important;
		gap: 4px !important;
	}
	.bg-footer-bottom .payment {
		margin-top: 8px !important;
		margin-bottom: 4px !important;
	}
	.ooa-pay-badge {
		height: 24px !important;
		padding: 3px 6px !important;
		border-radius: 5px !important;
	}
	footer.footer .copyright .payment .pay_img .ooa-pay-badge img,
	.ooa-pay-badge img {
		height: 13px !important;
		max-height: 14px !important;
	}
	footer.footer .copyright .payment .pay_img .ooa-pay-badge--cod img,
	.ooa-pay-badge--cod img {
		height: 14px !important;
	}
	footer.footer .copyright .payment .pay_img .ooa-pay-badge--visa img,
	.ooa-pay-badge--visa img {
		height: 10.5px !important;
	}
	footer.footer .copyright .payment .pay_img .ooa-pay-badge--vnpay img,
	.ooa-pay-badge--vnpay img {
		height: 12px !important;
	}
	footer.footer .copyright .payment .pay_img .ooa-pay-badge--napas img,
	.ooa-pay-badge--napas img {
		height: 11px !important;
	}
}