:root {
	--krh-g: #56b947;
	--krh-gd: #247b35;
	--krh-gx: #0c5a2d;
	--krh-o: #f47721;
	--krh-r: #e94435;
	--krh-ink: #17221b;
	--krh-body: #3f4d44;
	--krh-muted: #6c776f;
	--krh-line: #dfe7e1;
	--krh-soft: #f3f8f4;
	--krh-page: #f5f7f5;
	--krh-radius: 14px;
	--krh-shadow: 0 10px 28px rgba(24, 70, 39, .1);
}

body {
	background: var(--krh-page);
	font-family: 'Be Vietnam Pro', Arial, sans-serif;
}

body .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a{ padding:8px 20px; }
.krh-product-card .name {
	color: var(--krh-ink);
	font-weight: 700;
	line-height: 1.4;
}

.krh-product-card .price {
	color: var(--krh-r);
	font-size: 18px;
	font-weight: 800;
}


.krh-product-card .save {
	color: var(--krh-gd);
	font-size: 13px;
	font-weight: 700;
}



/* V2.1 global Flatsome component restyle */
.logo-tagline{margin: 0 !important;}
.nav-small.nav>li.html{font-size:1em !important;}
.header-vertical-menu__fly-out{width: 325px !important;}

/* Header / navigation */
.header-top {
	border-bottom: 1px solid #dde7df;
	background: #eef4ef;
	color: #587064;
	font-size: 12px;
}

.header-main {
	background: #fff;
}

.header-main .logo img {
	max-width: 190px;
}

.header-nav .nav > li > a {
	color: #17221b;
	font-size: 13px;
	font-weight: 700;
}

.header-nav .nav > li > a:hover,
.nav > li > a:hover {
	color: #56b947;
}


.nav-vertical-fly-out,
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
	color: #17221b;
	font-weight: 600;
}

/* Buttons */
.button.primary:not(.is-outline) {
	border-color: #56b947;
	border-radius: 8px;
	background: #56b947;
	color: #fff;
	font-weight: 700;
}

.button.primary:not(.is-outline):hover {
	background: #247b35;
}

.button.is-outline {
	border-color: #56b947;
	border-radius: 8px;
	color: #247b35;
}

.button.is-outline:hover {
	background: #56b947;
	color: #fff;
}

/* Section titles */
.section-title {
	border-bottom-color: #e1e8e2;
}

.section-title span,
.section-title .section-title-main,
.section-title h3 {
	color: #0c5a2d;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.section-title small {
	color: #6c776f;
	font-size: 12px;
}

/* Banners */


/* Product cards */
.product-small .box-text {
	padding: 10px 12px 14px;
	text-align: left;
}

.product-small .product-title a,
.box-text .product-title a {
	color: #17221b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.product-small .product-title a:hover,
.box-text .product-title a:hover {
	color: #247b35;
}

.product-small .price,
.product-small .price-wrapper .price {
	font-size: 15px;
}

.product-small .price .amount,
.price-wrapper .price .amount {
	color: #e94435;
	font-weight: 800;
}

.product-small .price del .amount,
.price del {
	color: #9aa39d;
	font-size: 12px;
	font-weight: 400;
	text-decoration: line-through;
}



.add-to-cart-button .button,
.product-small .button.primary,
.box-text .button {
	width: 100%;
	border-radius: 7px;
	background: #56b947;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
}

.add-to-cart-button .button:hover,
.product-small .button.primary:hover,
.box-text .button:hover {
	background: #247b35;
}


.product-small .category,
.box-text .category {
	color: #6c776f;
	font-size: 9px;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.product-info .price-wrapper {
	margin: 4px 0;
}

/* Breadcrumbs */
.breadcrumbs {
	color: #6c776f;
	font-size: 12px;
}

.breadcrumbs a,
.breadcrumbs .divider {
	color: #6c776f;
}


/* Footer */
.footer,
.footer-wrapper {
	background: #10251a;
	color: #aebfb4;
}

.footer a {
	color: #aebfb4;
}

.footer a:hover {
	color: #fff;
}

.footer h4,
.footer .widget-title {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

/* General */
a {
	color: inherit;
}

a:hover {
	color: #247b35;
}

.woocommerce-breadcrumb {
	font-size: 12px;
}

.price .amount bdi {
	color: inherit;
}

img {
	max-width: 100%;
}

/* GĐ-B.1 refinement: motion, focus, type, spacing */

.krh-btn:hover,
.krh-btn-outline:hover,
.button.primary:not(.is-outline):hover,
.button.is-outline:hover,
.add-to-cart-button .button:hover {
	transform: translateY(-1px);
}

.krh-btn:active,
.krh-btn-outline:active,
.button.primary:not(.is-outline):active,
.button.is-outline:active,
.add-to-cart-button .button:active {
	transform: scale(.98);
}

.product-small .box-image img {
	transition: transform .35s cubic-bezier(.32,.72,0,1), box-shadow .35s cubic-bezier(.32,.72,0,1);
}

.product-small:hover .box-image img {
	transform: translateY(-4px);
	transition: transform .35s cubic-bezier(.32,.72,0,1), box-shadow .35s cubic-bezier(.32,.72,0,1);
	box-shadow: rgba(24,70,39,.16) 0 14px 32px;
}



:focus-visible {
	outline: 2px solid var(--krh-g);
	outline-offset: 2px;
}

.krh-btn:focus-visible,
.krh-btn-outline:focus-visible,
.button:focus-visible,
a:focus-visible {
	outline-color: var(--krh-gd);
}

.product-small .category,
.box-text .category {
	font-size: 11px;
}



.breadcrumbs,
.woocommerce-breadcrumb {
	font-size: 13px;
}


body {
	font-family: 'Be Vietnam Pro', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.product-small .box-text {
	padding: .625rem .75rem .875rem;
}



main .section {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}



/* V2.1 header + footer */
.wrap {
	/*width: min(1180px, calc(100% - 32px));*/
	margin: 0 auto;
}

.top {
	background: #eef4ef;
	color: #587064;
	font-size: 12px;
}

.top .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 34px;
}

.top-left,
.top-right {
	display: flex;
	align-items: center;
	gap: 22px;
}

.top b {
	color: var(--krh-gx);
	font-size: 12px;
}

.header {
	background: #fff;
}


.logo img {
	width: 190px;
	height: auto;
}


















.wide-nav .warranty {
	margin-left: auto;
	padding: 11px 18px;
	border-radius: 9px;
	background: var(--krh-g);
	color: #fff !important;
}
.wide-nav .warranty a {color:#fff !important; }


footer {
	padding: 40px 0 80px;
	background: #10251a;
	color: #bdcec3;
}


footer img {
	width: 175px;
	height: auto;
	filter: brightness(0) invert(1);
}

footer h4 {
	color: #fff;
	font-size: 12px;
}

footer p,
footer a {
	display: block;
	margin: 7px 0;
	color: #aebfb4;
	font-size: 10px;
}

footer a:hover {
	color: #fff;
}


.mobile-bar {
	display: none;
}

@media (max-width: 1100px) {


}

@media (max-width: 768px) {
	body {
		padding-bottom: 64px;
	}


	.header {
		position: sticky;
		top: 0;
		z-index: 50;
	}


	.logo img {
		width: 132px;
	}


	.mobile-bar {
		display: flex;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 50;
		height: 64px;
		background: #fff;
	}

	.mobile-bar a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1 1 33.333%;
		margin: 0;
		border-top: 1px solid #dfe7e1;
		border-right: 1px solid #dfe7e1;
		background: #fff;
		color: var(--krh-gx);
		font-size: 12px;
		font-weight: 700;
	}

	.mobile-bar a:last-child {
		border-right: 0;
	}

	.mobile-bar .zalo {
		background: #f5f5f5;
	}

	.mobile-bar .primary {
		border-color: var(--krh-g);
		background: var(--krh-g);
		color: #fff;
	}
}

/* Homepage V2.1 sections */



.side-menu a {
	display: flex;
	align-items: center;
	height: 50px;
	padding: 0 15px;
	border-bottom: 1px solid #edf1ed;
	font-size: 12px;
	font-weight: 600;
}

.side-menu a::after {
	margin-left: auto;
	color: #97a29b;
	content: '›';
}

.side-menu a:hover {
	background: #eef8ef;
	color: var(--krh-gd);
}











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

.quick {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 8px;
	border-right: 1px solid #edf1ed;
	text-align: left;
}

.quick:last-child {
	border-right: 0;
}

.quick .icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #eff8ef;
	color: var(--krh-gd);
	font-size: 20px;
}

.quick strong {
	display: block;
	font-size: 11px;
	line-height: 1.35;
}

.quick small {
	color: #87918a;
	font-size: 9px;
}

.benefits {
	padding: 12px 0;
}

.benefits .wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border: 1px solid var(--krh-line);
	border-radius: 10px;
	background: #fff;
}

.benefit {
	display: flex;
	gap: 10px;
	padding: 13px 18px;
	border-right: 1px solid var(--krh-line);
}

.benefit:last-child {
	border-right: 0;
}

.benefit b {
	color: var(--krh-g);
	font-size: 20px;
}

.benefit strong {
	display: block;
	font-size: 11px;
}

.benefit span {
	color: var(--krh-muted);
	font-size: 9px;
}

.section {
	padding: 15px 0;
}


.section-title {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 17px 18px 14px;
	border-bottom: 1px solid #e6ece7;
}

.section-title h2 {
	margin: 0;
	color: var(--krh-gx);
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
}

.section-title p {
	margin: 3px 0 0;
	color: var(--krh-muted);
	font-size: 11px;
}

.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-left: auto;
}

.tab {
	padding: 7px 11px;
	border: 1px solid #d9e3db;
	border-radius: 20px;
	background: #fff;
	color: #54645a;
	font-size: 10px;
}

.tab.active {
	border-color: var(--krh-g);
	background: var(--krh-g);
	color: #fff;
}

.see-all {
	color: var(--krh-gd);
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.flash .section-title {
	border: 0;
	background: linear-gradient(90deg, #d83b2f, #f17622);
	color: #fff;
}

.flash .section-title h2,
.flash .section-title p {
	color: #fff;
}



.flash .tab {
	border-color: rgba(255, 255, 255, .35);
	background: rgba(255, 255, 255, .15);
	color: #fff;
}

.flash .tab.active {
	background: #fff;
	color: #d64031;
}


.product {
	position: relative;
	min-width: 0;
	padding: 12px;
	border-right: 1px solid #e7ece8;
	border-bottom: 1px solid #e7ece8;
	background: #fff;
}

.product:nth-child(5n) {
	border-right: 0;
}

.product:hover {
	z-index: 2;
	box-shadow: 0 8px 28px rgba(20, 70, 37, .13);
}






.rating {
	margin-bottom: 6px;
	color: #f3a400;
	font-size: 9px;
}

.rating span {
	margin-left: 4px;
	color: #7c8780;
}


.price {
	color: var(--krh-r);
	font-size: 15px;
	font-weight: 800;
}


.save {
	margin: 3px 0 7px;
	color: var(--krh-gd);
	font-size: 9px;
}

.specs {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 4px;
	height: 38px;
}

.specs span {
	padding: 4px 5px;
	border-radius: 4px;
	background: #f1f5f1;
	color: #56635b;
	font-size: 8px;
}

.auth {
	margin: 7px 0;
	color: var(--krh-gd);
	font-size: 9px;
	font-weight: 600;
}




.p-actions {
	display: grid;
	grid-template-columns: 1fr 38px;
	gap: 5px;
	margin-top: 9px;
}

.buy {
	display: grid;
	place-items: center;
	height: 36px;
	border-radius: 7px;
	background: var(--krh-g);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

.call {
	height: 36px;
	border: 1px solid var(--krh-g);
	border-radius: 7px;
	background: #fff;
	color: var(--krh-gd);
}
















.proof-box {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	align-items: center;
	gap: 35px;
	padding: 28px;
	border-radius: 14px;
	background: var(--krh-gx);
	color: #fff;
}

.proof-box h2 {
	margin: 0 0 8px;
	font-size: 25px;
}

.proof-box p {
	color: #d1e2d7;
	font-size: 11px;
}

.proof-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
}

.proof-list div {
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 8px;
	font-size: 10px;
}

.cta-row {
	display: flex;
	gap: 8px;
	margin-top: 15px;
}

.cta-row a {
	padding: 10px 13px;
	border-radius: 7px;
	background: var(--krh-g);
	font-size: 10px;
	font-weight: 700;
}

.cta-row a:last-child {
	background: #fff;
	color: var(--krh-gx);
}










@media (max-width: 1100px) {


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

	.quick:nth-child(3) {
		border-right: 0;
	}


	.product:nth-child(5n) {
		border-right: 1px solid #e7ece8;
	}

	.product:nth-child(4n) {
		border-right: 0;
	}
}

@media (max-width: 768px) {



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

	.quick {
		flex-direction: column;
		gap: 5px;
		min-height: 86px;
		padding: 12px 5px;
		text-align: center;
	}

	.quick .icon {
		width: 34px;
		height: 34px;
		font-size: 16px;
	}

	.quick strong {
		font-size: 9px;
	}

	.quick small {
		display: none;
	}

	.benefits {
		padding: 8px 0;
	}

	.benefits .wrap {
		grid-template-columns: 1fr 1fr;
	}

	.benefit {
		padding: 10px 8px;
	}

	.benefit:nth-child(2) {
		border-right: 0;
	}

	.benefit:nth-child(-n + 2) {
		border-bottom: 1px solid var(--krh-line);
	}

	.benefit b {
		font-size: 16px;
	}

	.benefit strong {
		font-size: 9px;
	}

	.benefit span {
		font-size: 8px;
	}

	.section {
		padding: 7px 0;
	}


	.section-title {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 7px;
		padding: 12px;
	}

	.section-title h2 {
		font-size: 15px;
	}

	.section-title p {
		font-size: 9px;
	}

	.tabs {
		grid-column: 1 / -1;
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow: auto;
		padding-bottom: 2px;
	}

	.tab {
		padding: 6px 9px;
		font-size: 9px;
		white-space: nowrap;
	}




	.product,
	.product:nth-child(4n),
	.product:nth-child(5n) {
		padding: 8px;
		border-right: 1px solid #e7ece8;
	}

	.product:nth-child(2n) {
		border-right: 0;
	}




	.price {
		font-size: 13px;
	}


	.specs {
		height: 33px;
	}

	.specs span {
		font-size: 7px;
	}


	.p-actions {
		grid-template-columns: 1fr 34px;
	}

	.buy,
	.call {
		height: 32px;
	}



	.proof-box {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 20px;
	}

	.proof-list {
		grid-template-columns: 1fr 1fr;
	}



}

@media (max-width: 390px) {
}

/* Bước 4: mobile refinement */
#Support_Footer {
	display: none !important;
}

@media (max-width: 768px) {
	.support_mobile {
		display: block !important;
	}

	.support_mobile .item-support.call:not(.goilai) {
		background: #5fbb4f;
	}

	.support_mobile .item-support.call {
		display: block;
		border: 0;
		border-radius: 0;
	}

	.support_mobile .call .icon {
		width: 22px;
		height: 22px;
		background: none;
		font-family: 'Segoe UI Symbol', Arial, sans-serif;
		font-size: 22px;
		font-style: normal;
		line-height: 22px;
		color: #fff;
	}

	.support_mobile .call .icon::before {
		content: "\260e";
	}

	.support_mobile .item-support .name {
		color: #fff;
		font-size: 11px;
		line-height: 1.2;
	}

	#Support_Footer {
		display: none !important;
	}

	body {
		padding-bottom: calc(64px + env(safe-area-inset-bottom));
	}

	.header {
		box-shadow: 0 3px 15px rgba(18, 62, 31, .06);
	}


	.mobile-bar {
		height: auto;
		min-height: 56px;
		padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
		border-top: 1px solid #e3e9e4;
		box-shadow: 0 -3px 15px rgba(18, 62, 31, .08);
	}

	.mobile-bar a {
		flex-direction: column;
		gap: 3px;
		min-height: 56px;
		padding: 8px 4px;
		font-size: 10px;
		transition: background-color .25s cubic-bezier(.32,.72,0,1), color .25s cubic-bezier(.32,.72,0,1);
	}

	.mobile-bar .primary:hover {
		background: var(--krh-gd);
	}

	.mobile-bar .zalo:hover {
		background: #eef4ef;
	}
}

@media (max-width: 849px) {
	body.home .side-menu {
		display: none !important;
	}

	.header-top,
	.header-top .nav > li > a,
	.header-top .html {
		font-size: 12px;
		line-height: 1.35;
	}

	.header-top .nav > li > a,
	.header-top .html {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}

/* Bước 5: V2.1 section-title override */
.section-title b {
	display: none !important;
}

.section-title-container .section-title,
.section-title {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	padding: 17px 18px 14px;
	border-bottom: 1px solid #e6ece7;
	margin: 0 0 0 0;
}

.section-title .section-title-main {
	color: var(--krh-gx);
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
}


.section-title .section-title-main a {
	color: inherit;
}

/* Bước 6: font-family override — beat Flatsome custom-css */
body {
	font-family: 'Be Vietnam Pro', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
	font-family: 'Be Vietnam Pro', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-family: 'Be Vietnam Pro', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}

/* Bước 7: V2.1 product card */
.product-small .box {
	/*border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);*/
	overflow: hidden;
	background: #fff;
}

.product-small .box-image {
	/*border-radius: var(--krh-radius) var(--krh-radius) 0 0;*/
	overflow: hidden;
}

.product-small .box-text {
	padding: 10px 12px 14px;
}



.product-small .price {
	font-size: 16px;
}

.product-small .price .amount {
	color: var(--krh-r);
	font-weight: 800;
}

.product-small .p-actions .buy,
.product-small .p-actions .call {
	height: 34px;
}

.product-small .box-text .save,
.product-small .box-text .auth {
	margin: 4px 0;
}

.section-title-container .section-title > b,
.section-title > b {
	display: none !important;
}

h2.section-title {
	text-align: left;
}

/* Bước 8: Flatsome builder V2.1 restyle */
.header-wrapper {
	border-bottom: 1px solid #e1e8e2;
}

.header-top {
	border-bottom: 1px solid #dde7df;
}

.header-wrapper .header-top,
.header-top {
	background: #eef4ef;
	color: #587064;
	font-size: 12px;
}

.header-main {
	background: #fff;
}

.header-main .logo img {
	max-width: 190px;
}

.header-bottom {
	border-top: 1px solid #edf1ed;
}

.header-bottom .nav > li > a {
	font-size: 13px;
	font-weight: 700;
	color: var(--krh-ink);
}

.header-bottom .nav > li > a:hover {
	color: var(--krh-g);
}


.nav-vertical-fly-out > li.menu-item > a,
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
	color: var(--krh-ink);
	font-weight: 600;
}


.footer-wrapper a {
	color: #aebfb4;
}

.footer-wrapper a:hover {
	color: #fff;
}

.footer-wrapper h4,
.footer-wrapper .widget-title {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

.absolute-footer {
	background: #0c1f14;
	color: #83968a;
	font-size: 9px;
}

.absolute-footer a {
	color: #aebfb4;
}

/* Bước 9: product section header + card polish */
.section-title {
	background: #fff;
	border: 1px solid var(--krh-line);
	border-bottom: 0;
	border-radius: var(--krh-radius) var(--krh-radius) 0 0;
	margin: 0;
	align-items: center;
}

.section-title > div:first-child {
	min-width: 0;
}

.section-title .tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-left: auto;
}

.section-title .tab {
	border: 1px solid #d9e3db;
	border-radius: 20px;
	padding: 7px 11px;
	background: #fff;
	font-size: 10px;
	color: #54645a;
	cursor: pointer;
}

.section-title .tab.active {
	background: var(--krh-g);
	color: #fff;
	border-color: var(--krh-g);
}

.section-title .see-all {
	font-size: 10px;
	color: var(--krh-gd);
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none;
}

.section-title .see-all:hover {
	color: var(--krh-gx);
}

.product-small .box {
	/*border: 1px solid #d5e0d7 !important;
	border-radius: var(--krh-radius) !important;
	box-shadow: 0 2px 10px rgba(18,62,31,.05);*/
	overflow: hidden;
	background: #fff;

}

.product-small .box-image {
	/*border-radius: var(--krh-radius) var(--krh-radius) 0 0 !important;*/
	overflow: hidden;
}

.product-small .p-actions .call, .call {
	display: grid;
	place-items: center;
}

.product-small .p-actions .buy, .product-small .p-actions .call {
	text-align: center;
	line-height: 1;
	display: grid;
    place-items: center;
}

/* Bước 11: section frame flow + button center + price order */
.section-title {
	margin-bottom: 0;
}

.section-title + .row-slider {
	border: 1px solid #d5e0d7;
	border-top: 0;
	border-radius: 0 0 var(--krh-radius) var(--krh-radius);
	background: #fff;
	overflow: hidden;
	padding: 10px 10px 6px;
	margin-top: 0;
}

.p-actions .buy, .p-actions .call {
	line-height: 1;
	letter-spacing: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: 800;
	text-align: center;
}

.p-actions .buy {
	font-size: 10px;
}

.p-actions .call {
	font-size: 16px;
	display: grid;
	place-items: center;
}

.product-small .price {
	display: flex;
	flex-direction: row-reverse;
	align-items: baseline;
	justify-content: flex-start;
	gap: 6px;
	flex-wrap: wrap;
}

.product-small .price .amount {
	font-weight: 800;
}

.product-small .price ins .amount {
	color: var(--krh-r);
	font-size: 16px;
}

.product-small .price del .amount {
	color: #9aa39d;
	font-size: 12px;
}

/* Bước P1: product detail V1 */
.single-product .devvn_single_price {
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 0 14px;
	color: inherit;
	box-shadow: none !important;
}

.single-product .devvn_single_price .devvn_price .woocommerce-Price-amount {
	color: var(--krh-r);
	font-size: 29px;
	font-weight: 800;
}

.single-product .devvn_single_price .devvn_price del .woocommerce-Price-amount {
	color: #9aa39d;
	font-size: 15px;
	font-weight: 400;
	text-decoration: line-through;
}

.single-product .devvn_single_price .devvn_price del {
	margin-right: 12px;
}

.single-product .devvn_single_price .label {
	font-size: 12px;
	color: var(--krh-muted);
	margin-right: 6px;
}

.single-product .devvn_single_price > div {
	display: flex;
	align-items: baseline;
	margin: 4px 0;
}

.single-product ul.ulInfo {
	font-size: 12px;
	color: var(--krh-muted);
	margin: 6px 0 12px;
	list-style: none;
}

.single-product ul.ulInfo li {
	width: auto;
	margin: 0 14px 4px 0;
	float: none;
	display: inline-block;
}

.single-product .single_add_to_cart_button {
	width: 100%;
	background: var(--krh-g);
	border-radius: 8px;
	font-weight: 800;
	letter-spacing: .02em;
	transition: background-color .18s cubic-bezier(.32,.72,0,1), transform .18s cubic-bezier(.32,.72,0,1);
}

.single-product .single_add_to_cart_button:hover {
	background: var(--krh-gd);
}

.single-product .single_add_to_cart_button:active {
	transform: scale(.98);
}

.single-product .quantity .qty {
	height: 44px;
	border-radius: 8px;
}

.krh-product-trust {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	margin: 18px auto 0;
	padding: 14px 10px;
}

.krh-product-trust div {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 2px;
	padding: 6px;
}

.krh-product-trust b {
	color: var(--krh-gx);
	font-size: 12px;
}

.krh-product-trust span {
	font-size: 11px;
	color: var(--krh-muted);
}

.krh-product-trust div + div {
	border-left: 1px solid var(--krh-line);
}

.krh-product-support {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 12px auto 0;
}

.krh-support-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: 10px;
	padding: 10px;
}

.krh-support-item b {
	color: var(--krh-gd);
	font-size: 13px;
}

.krh-support-item span {
	font-size: 11px;
	color: var(--krh-muted);
}

.krh-support-item:hover {
	border-color: var(--krh-g);
}

.single-product .product_meta {
	font-size: 12px;
	color: var(--krh-muted);
	border-top: 1px solid var(--krh-line);
	padding-top: 10px;
	margin-top: 10px;
}

@media (max-width: 768px) {
	.krh-product-trust {
		grid-template-columns: 1fr 1fr;
	}

	.krh-product-trust div + div {
		border-left: 0;
	}

	.krh-product-trust div:nth-child(odd) {
		border-left: 0;
	}

	.krh-product-trust div:nth-child(-n+2) {
		border-bottom: 1px solid var(--krh-line);
		padding-bottom: 10px;
	}

	.krh-product-support {
		grid-template-columns: 1fr 1fr;
	}

	.krh-support-item:last-child {
		grid-column: 1 / -1;
	}
}

/* Bước P1.1: ACF promo box restyle (V1) */
.boxPromote {
	border: 1px solid #f3c6bd !important;
	border-radius: 11px !important;
	overflow: hidden;
	margin: 14px 0 !important;
	background: #fff;
}

.boxPromote .promote {
	position: static !important;
	display: block;
	background: #fff0ed !important;
	color: var(--krh-r) !important;
	font-weight: 800 !important;
	font-size: 12px !important;
	padding: 9px 14px !important;
	text-transform: uppercase;
	font-family: inherit;
	background-image: none !important;
	padding-left: 14px !important;
}

.boxPromote .contentPromote {
	border: 0 !important;
	border-radius: 0 !important;
	padding: 10px 14px !important;
	font-size: 12px !important;
	line-height: 1.7;
	color: var(--krh-body,#3f4d44);
	font-weight: 400;
}

.boxPromote .contentPromote ul {
	margin: 0;
	padding-left: 18px;
	display: grid;
	gap: 6px;
}

.boxPromote .contentPromote li {
	margin-bottom: 0;
}

/* Bước P1.2: highlights = short description + price V1 */
.single-product .product-short-description {
	background: var(--krh-soft,#f3f8f4);
	border-radius: 11px;
	padding: 14px 16px;
	margin: 0 0 14px;
}

.single-product .product-short-description::before {
	content: "ĐIỂM NỔI BẬT";
	display: block;
	color: var(--krh-gx);
	font-weight: 800;
	font-size: 13px;
	margin-bottom: 8px;
}

.single-product .product-short-description ul {
	margin: 0;
	padding-left: 19px;
	display: grid;
	gap: 5px;
	font-size: 12px;
	color: var(--krh-body,#3f4d44);
	list-style: disc;
}

.single-product .product-short-description li {
	margin: 0;
}

.single-product .devvn_single_price {
	border: none !important;
	background: transparent !important;
	padding: 18px 0 14px !important;
	margin: 0 !important;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 12px;
}

.single-product .devvn_single_price > div {
	float: none;
	display: contents;
}

.single-product .devvn_single_price .label {
	display: none;
}

.single-product .devvn_single_price .devvn_price .woocommerce-Price-amount {
	color: var(--krh-r);
	font-size: 29px;
	font-weight: 800;
}

.single-product .devvn_single_price .devvn_price del .woocommerce-Price-amount {
	color: #9aa39d;
	font-size: 15px;
	font-weight: 400;
	text-decoration: line-through;
}

.single-product .devvn_single_price .devvn_price del {
	margin-right: 12px;
}

/* Bước P2: product detail V2 (kangaroochinhhang-inspired) */
.krh-pd-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.krh-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	white-space: nowrap;
}

.krh-pill-green {
	background: #e8f6e9;
	color: var(--krh-gd);
}

.krh-pill-red {
	background: #ffe8ea;
	color: #e11d48;
}

.krh-pill-gray {
	background: #f3f4f6;
	color: #4b5563;
}

.krh-pd-buy-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	padding: 10px 12px;
	background: var(--krh-soft,#f3f8f4);
	border: 1px solid var(--krh-line);
	border-radius: 10px;
	margin-bottom: 12px;
	font-size: 12px;
	color: var(--krh-muted);
}

.krh-pd-buy-meta div {
	display: flex;
	gap: 6px;
}

.krh-pd-buy-meta b {
	color: var(--krh-gx);
}

.krh-commit {
	padding: 16px 16px 10px;
	border: 1px solid var(--krh-line);
	border-radius: 18px;
	background: #fff;
	margin: 14px auto 0;
}

.krh-commit-title {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 800;
	color: var(--krh-gx);
	text-transform: uppercase;
}

.krh-commit-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid var(--krh-line);
}

.krh-commit-item {
	display: flex;
	gap: 12px;
	padding: 14px 10px;
	border-bottom: 1px solid var(--krh-line);
}

.krh-commit-item:nth-child(odd) {
	border-right: 1px solid var(--krh-line);
}

.krh-commit-ico {
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	border: 1px solid var(--krh-line);
	border-radius: 12px;
	background: var(--krh-soft,#f3f8f4);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.krh-commit-item-title {
	font-weight: 700;
	font-size: 13px;
	color: var(--krh-ink,#17221b);
	margin-bottom: 3px;
}

.krh-commit-item-desc {
	font-size: 11px;
	color: var(--krh-muted);
	line-height: 1.5;
}

.krh-pd-installment {
	margin-top: 10px;
}

.krh-installment-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px;
	border: 1px dashed #c4cfc6;
	border-radius: 10px;
	color: var(--krh-gd);
	font-weight: 700;
	font-size: 13px;
	background: #fbfdfb;
}

.krh-installment-link small {
	font-weight: 400;
	color: var(--krh-muted);
	font-size: 11px;
}

.krh-installment-link:hover {
	border-color: var(--krh-g);
}

.single-product form.cart > .buy_now_button,
.single-product .devvn-quickbuy .buy_now_button {
	width: 100%;
	margin: 10px 0 0;
	background: #f97316;
	border-radius: 8px;
	color: #fff;
	font-weight: 800;
	transition: background-color .18s cubic-bezier(.32,.72,0,1), transform .18s cubic-bezier(.32,.72,0,1);
}

.single-product form.cart > .buy_now_button:hover,
.single-product .devvn-quickbuy .buy_now_button:hover {
	background: #ea580c;
}

.single-product form.cart > .buy_now_button:active,
.single-product .devvn-quickbuy .buy_now_button:active {
	transform: scale(.98);
}

.single-product .woocommerce-product-gallery,
.single-product .product-gallery {

	padding: 12px;
	background: #fff;
}

@media (min-width: 769px) {
	.single-product .product-info {
		position: sticky;
		top: 20px;
		align-self: start;
	}
}

@media (max-width: 768px) {
	.krh-commit-grid {
		grid-template-columns: 1fr;
	}

	.krh-commit-item:nth-child(odd) {
		border-right: 0;
	}

	.krh-pd-buy-meta {
		gap: 4px 14px;
	}

	.single-product .product-info {
		position: static;
	}

	.krh-pd-badges {
		gap: 6px;
	}
}

/* Bước P2.1: skill polish (svg icons, depth, spacing) */
.krh-commit-ico svg,
.krh-trust-ico svg,
.krh-installment-link svg {
	width: 20px;
	height: 20px;
}

.krh-commit-ico svg {
	width: 22px;
	height: 22px;
}

.krh-installment-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.krh-commit,
.single-product .product-gallery,
.krh-pd-buy-meta {
	box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 1px 2px rgba(18,62,31,.04);
}

.krh-commit-ico {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.krh-commit {
	margin: 24px auto 0;
}

.krh-product-trust {
	margin: 24px auto 0;
}

.krh-product-support {
	margin: 16px auto 0;
}

.krh-pd-buy-meta {
	margin-bottom: 16px;
}

.single-product .krh-highlights,
.single-product .product-short-description {
	margin-bottom: 16px;
}

.krh-pill-green {
	background: #dff1e1;
	color: var(--krh-gd);
}

.single-product .buy_now_button {
	white-space: nowrap;
}

.single-product .buy_now_button span {
	display: inline;
}

.krh-trust-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-right: 6px;
	color: var(--krh-g);
	vertical-align: middle;
}

/* Bước C1: cart page V2.1 */
.woocommerce .wc-empty-cart-message {
	max-width: 560px;
	margin: 30px auto;
}

.woocommerce .wc-empty-cart-message .woocommerce-info,
.woocommerce-info.message-wrapper {
	padding: 18px 20px;
	color: var(--krh-body);
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 1px 2px rgba(18,62,31,.04);
}

.woocommerce .return-to-shop .button.wc-backward {
	padding: 12px 26px;
	color: #fff;
	font-weight: 800;
	background: var(--krh-g);
	border-radius: 8px;
	transition: background-color .18s cubic-bezier(.32,.72,0,1), transform .18s cubic-bezier(.32,.72,0,1);
}

.woocommerce .return-to-shop .button.wc-backward:hover {
	background: var(--krh-gd);
}

.woocommerce .return-to-shop .button.wc-backward:active {
	transform: scale(.98);
}

.woocommerce table.shop_table.cart {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--krh-line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--krh-radius);
	box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 1px 2px rgba(18,62,31,.04);
}

.woocommerce table.shop_table.cart thead th {
	padding: 12px 14px;
	color: var(--krh-gx);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	background: var(--krh-soft);
	border-bottom: 1px solid var(--krh-line);
}

.woocommerce table.shop_table.cart td {
	padding: 14px;
	vertical-align: middle;
	border-bottom: 1px solid var(--krh-line);
}

.woocommerce table.shop_table.cart tr:last-child td {
	border-bottom: 0;
}

.woocommerce table.shop_table.cart .product-name a {
	color: var(--krh-ink);
	font-weight: 600;
}

.woocommerce table.shop_table.cart .product-name a:hover {
	color: var(--krh-gd);
}

.woocommerce table.shop_table.cart .product-price .amount,
.woocommerce table.shop_table.cart .product-subtotal .amount {
	color: var(--krh-r);
	font-size: 15px;
	font-weight: 800;
}

.woocommerce table.shop_table.cart .quantity .qty {
	width: 60px;
	height: 40px;
	font-weight: 600;
	text-align: center;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
}

.woocommerce table.shop_table.cart .product-remove a.remove {
	display: inline-block;
	width: 26px;
	height: 26px;
	color: var(--krh-r) !important;
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	background: #fff0ed;
	border-radius: 50%;
	transition: background-color .18s cubic-bezier(.32,.72,0,1), color .18s cubic-bezier(.32,.72,0,1);
}

.woocommerce table.shop_table.cart .product-remove a.remove:hover {
	color: #fff !important;
	background: var(--krh-r);
}

.woocommerce .cart-collaterals,
.woocommerce .cart_totals {
	padding: 20px 22px;
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 1px 2px rgba(18,62,31,.04);
}

.woocommerce .cart_totals h2 {
	margin: 0 0 12px;
	color: var(--krh-gx);
	font-size: 17px;
	font-weight: 800;
	text-transform: uppercase;
}

.woocommerce .cart_totals table.shop_table {
	border: 0;
}

.woocommerce .cart_totals tr {
	border-bottom: 1px solid var(--krh-line);
}

.woocommerce .cart_totals th,
.woocommerce .cart_totals td {
	padding: 10px 0;
	color: var(--krh-body);
	font-size: 14px;
	border: 0;
}

.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td {
	color: var(--krh-ink);
	font-size: 16px;
	font-weight: 800;
}

.woocommerce .cart_totals .order-total .amount {
	color: var(--krh-r);
	font-size: 20px;
}

.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt {
	width: 100%;
	padding: 14px 20px;
	font-size: 15px;
	font-weight: 800;
	background: var(--krh-g);
	border-radius: 10px;
	transition: background-color .18s cubic-bezier(.32,.72,0,1), transform .18s cubic-bezier(.32,.72,0,1);
}

.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt:hover {
	background: var(--krh-gd);
}

.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt:active {
	transform: scale(.98);
}

.woocommerce .coupon {
	display: flex;
	gap: 8px;
	align-items: center;
	margin: 14px 0;
}

.woocommerce .coupon .input-text {
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
}

.woocommerce .coupon .button {
	height: 42px;
	padding: 0 16px;
	color: var(--krh-gd);
	font-weight: 700;
	background: var(--krh-soft);
	border: 1px solid var(--krh-line);
	border-radius: 8px;
	transition: border-color .18s cubic-bezier(.32,.72,0,1);
}

.woocommerce .coupon .button:hover {
	border-color: var(--krh-g);
}

@media (max-width: 768px) {
	.woocommerce table.shop_table.cart {
		overflow: visible;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	.woocommerce table.shop_table.cart tbody tr.cart_item {
		display: block;
		overflow: hidden;
		margin-bottom: 12px;
		background: #fff;
		border: 1px solid var(--krh-line);
		border-radius: var(--krh-radius);
		box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 1px 2px rgba(18,62,31,.04);
	}

	.woocommerce table.shop_table.cart tbody tr.cart_item td {
		width: 100%;
	}

	.woocommerce .cart_totals {
		width: 100%;
		margin-top: 16px;
	}

	.woocommerce .coupon {
		flex-wrap: wrap;
	}

	.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt {
		font-size: 14px;
	}
}

/* Bước C2: checkout page V2.1 */
form.checkout.woocommerce-checkout {
	background: transparent;
}

#customer_details,
#order_review {
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	padding: 22px 24px;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 1px 2px rgba(18, 62, 31, .04);
}

#customer_details h3,
#order_review h3 {
	font-size: 17px;
	font-weight: 800;
	color: var(--krh-gx);
	text-transform: uppercase;
	margin: 0 0 16px;
}

#order_review {
	margin-top: 24px;
}

.woocommerce form .form-row label {
	font-size: 13px;
	color: var(--krh-body);
	font-weight: 600;
	margin-bottom: 6px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
	height: 44px;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
	padding: 0 14px;
	font-size: 14px;
	background: #fff;
	color: var(--krh-ink);
}

.woocommerce form .form-row textarea {
	height: auto;
	padding: 12px 14px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--krh-g);
	box-shadow: 0 0 0 3px rgba(86, 185, 71, .15);
	outline: none;
	transition: border-color .18s cubic-bezier(.32, .72, 0, 1), box-shadow .18s cubic-bezier(.32, .72, 0, 1);
}

.woocommerce form .form-row .select2-container .select2-selection {
	height: 44px;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
}

.woocommerce form .form-row .select2-container .select2-selection__rendered {
	line-height: 42px;
}

table.woocommerce-checkout-review-order-table {
	border: 0;
}

table.woocommerce-checkout-review-order-table thead th {
	background: var(--krh-soft);
	color: var(--krh-gx);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	border-bottom: 1px solid var(--krh-line);
	padding: 12px 14px;
}

table.woocommerce-checkout-review-order-table tbody tr.cart_item td,
table.woocommerce-checkout-review-order-table tfoot tr th,
table.woocommerce-checkout-review-order-table tfoot tr td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--krh-line);
	color: var(--krh-body);
	font-size: 14px;
}

table.woocommerce-checkout-review-order-table tbody .product-name a {
	color: var(--krh-ink);
	font-weight: 600;
}

table.woocommerce-checkout-review-order-table tbody .product-total .amount,
table.woocommerce-checkout-review-order-table tfoot .amount {
	color: var(--krh-r);
	font-weight: 800;
}

table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
	font-size: 16px;
	font-weight: 800;
	color: var(--krh-ink);
	border-bottom: 0;
}

table.woocommerce-checkout-review-order-table .order-total .amount {
	font-size: 20px;
}

#payment {
	background: var(--krh-soft);
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	padding: 16px 18px;
	margin-top: 18px;
}

#payment ul.wc_payment_methods {
	border-bottom: 1px solid var(--krh-line);
	padding-bottom: 12px;
}

#payment li.wc_payment_method {
	padding: 8px 0;
}

#payment li.wc_payment_method label {
	font-weight: 600;
	color: var(--krh-ink);
	font-size: 14px;
	cursor: pointer;
}

#payment div.payment_box {
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
	padding: 12px 14px;
	font-size: 13px;
	color: var(--krh-body);
	margin-top: 8px;
}

#payment div.place-order {
	padding-top: 14px;
}

#payment button#place_order.button.alt {
	background: var(--krh-g);
	border-radius: 10px;
	font-weight: 800;
	width: 100%;
	padding: 15px 20px;
	font-size: 15px;
	color: #fff;
	transition: background-color .18s cubic-bezier(.32, .72, 0, 1), transform .18s cubic-bezier(.32, .72, 0, 1);
}

#payment button#place_order.button.alt:hover {
	background: var(--krh-gd);
}

#payment button#place_order.button.alt:active {
	transform: scale(.98);
}

.woocommerce form.checkout_coupon,
.woocommerce form.login {
	background: #fff;
	border: 1px dashed var(--krh-line);
	border-radius: var(--krh-radius);
	padding: 18px;
}

.woocommerce form.checkout_coupon .button {
	background: var(--krh-soft);
	color: var(--krh-gd);
	border: 1px solid var(--krh-line);
	border-radius: 8px;
	font-weight: 700;
	height: 42px;
	padding: 0 16px;
}

@media (max-width: 768px) {
	#customer_details,
	#order_review {
		padding: 16px;
	}

	button#place_order {
		font-size: 14px;
	}

	table.woocommerce-checkout-review-order-table {
		font-size: 13px;
	}
}

/* Bước A1: product archive V2.1 */
.shop-container {
	background: transparent;
}

.woocommerce .products.row {
	row-gap: 22px;
}

.woocommerce .products.row .product-small .col-inner {
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	overflow: hidden;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 1px 2px rgba(18,62,31,.04);
	transition: box-shadow .22s cubic-bezier(.32,.72,0,1), transform .22s cubic-bezier(.32,.72,0,1);
}

.woocommerce .products.row .product-small:hover .col-inner {
	box-shadow: 0 10px 24px rgba(24,70,39,.1);
	transform: translateY(-3px);
}

.category-page-title,
.page-title.category-title,
.shop-page-title {
	background: var(--krh-soft);
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	padding: 22px 24px;
	margin-bottom: 24px;
}

.category-page-title h1,
.shop-page-title h1,
.category-title h1 {
	color: var(--krh-gx);
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0;
}

.category-page-title .breadcrumbs,
.woocommerce .shop-page-title .breadcrumbs {
	font-size: 12px;
	color: var(--krh-muted);
	margin-top: 6px;
}

.category-page-title .breadcrumbs a,
.woocommerce .shop-page-title .breadcrumbs a {
	color: var(--krh-gd);
}

.woocommerce .woocommerce-result-count {
	color: var(--krh-muted);
	font-size: 13px;
}

.woocommerce .woocommerce-ordering select {
	height: 40px;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
	padding: 0 34px 0 12px;
	font-size: 13px;
	color: var(--krh-body);
	background: #fff;
	cursor: pointer;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
	margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers,
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-number {
	border: 1px solid var(--krh-line);
	border-radius: 8px;
	min-width: 38px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	color: var(--krh-body);
	font-weight: 600;
	font-size: 14px;
	background: #fff;
	transition: border-color .18s cubic-bezier(.32,.72,0,1), color .18s cubic-bezier(.32,.72,0,1), background-color .18s cubic-bezier(.32,.72,0,1);
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-number.current {
	background: var(--krh-g);
	border-color: var(--krh-g);
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-number:hover {
	border-color: var(--krh-g);
	color: var(--krh-gd);
}

#shop-sidebar .widget,
.shop-sidebar .widget,
.widget-area .widget {
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	padding: 18px 20px;
	margin-bottom: 18px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 1px 2px rgba(18,62,31,.04);
}

#shop-sidebar .widget-title,
.widget-title.shop-sidebar,
.shop-sidebar .widget-title,
.widget-area .widget-title {
	color: var(--krh-gx);
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .03em;
}

#shop-sidebar ul.product-categories li a,
.shop-sidebar ul.product-categories li a,
.widget-area ul li a {
	color: var(--krh-body);
	font-size: 13px;
	padding: 6px 0;
	display: block;
}

#shop-sidebar ul.product-categories li a:hover,
.shop-sidebar ul.product-categories li a:hover,
.widget-area ul li a:hover {
	color: var(--krh-gd);
}

#shop-sidebar ul.product-categories li.current-cat > a,
.shop-sidebar ul.product-categories li.current-cat > a,
.widget-area ul li.current-cat > a {
	color: var(--krh-g);
	font-weight: 700;
}

.term-description,
.category-description {
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: var(--krh-radius);
	padding: 16px 20px;
	margin-bottom: 22px;
	font-size: 14px;
	color: var(--krh-body);
	line-height: 1.7;
}

@media (max-width: 768px) {
	.shop-container .products {
		row-gap: 14px;
	}

	.category-page-title {
		padding: 16px;
	}

	#shop-sidebar {
		margin-top: 20px;
	}
}

/* V2.1 typography, buttons and header search alignment */
.header-search-form-wrapper {
	min-width: 0;
}

.header-search-form-wrapper .searchform-wrapper {
	width: 100%;
	height: 46px;
	border: 1.5px solid #cfdad1;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	box-shadow: none;
	box-sizing: border-box;
}

.header-search-form-wrapper .searchform-wrapper form.searchform,
.header-search-form-wrapper .searchform-wrapper .flex-row {
	height: 100%;
}

.header-search-form-wrapper .searchform-wrapper .flex-col.flex-grow {
	min-width: 0;
	height: 100%;
}

.header-search-form-wrapper .searchform-wrapper .flex-row > .flex-col.flex-grow + .flex-col {
	flex: 0 0 54px;
	width: 54px;
	height: 100%;
}

.header-search-form-wrapper .searchform-wrapper input.search-field {
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: #344238;
	font-size: 14px;
	box-sizing: border-box;
}

.header-search-form-wrapper .searchform-wrapper input.search-field::placeholder {
	color: #9aa5a0;
	opacity: 1;
}

.header-search-form-wrapper .searchform-wrapper button.ux-search-submit {
	flex: 0 0 54px;
	width: 54px;
	min-width: 54px;
	max-width: 54px;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: var(--krh-g, #56b947) !important;
	background-image: none !important;
	box-shadow: none;
	color: #fff;
	font-size: 19px;
	line-height: 1;
}

.header-search-form-wrapper .searchform-wrapper button.ux-search-submit:hover,
.header-search-form-wrapper .searchform-wrapper button.ux-search-submit:focus {
	background: var(--krh-gd, #247b35) !important;
	color: #fff;
}

.button.primary:not(.is-outline) {
	min-height: 38px;
	padding: .5em 1.3em;
	border-color: var(--krh-g, #56b947) !important;
	border-radius: 8px !important;
	background: var(--krh-g, #56b947) !important;
	color: #fff;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4;
}

.button.primary:not(.is-outline):hover,
.button.primary:not(.is-outline):focus {
	border-color: var(--krh-gd, #247b35) !important;
	background: var(--krh-gd, #247b35) !important;
	color: #fff;
}

.product-small .button,
.box-text .button,
.add-to-cart-button .button {
	min-height: 35px;
	padding: .45em 1em;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.wide-nav .warranty {
	padding: 10px 18px;
	border-radius: 9px;
}

.wide-nav .warranty > a {
	padding: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.product-small .p-actions {
	grid-template-columns: minmax(0, 1fr) 35px;
}

.product-small .p-actions .buy,
.product-small .p-actions .call {
	height: 35px;
	min-height: 35px;
	border-radius: 8px;
}

.product-small .p-actions .buy {
	font-size: 12px;
	font-weight: 700;
}

.product-small .p-actions .call {
	width: 35px;
	padding: 0;
	font-size: 18px;
}

.section-title h2,
.section-title .section-title-main {
	color: var(--krh-gx, #0c5a2d);
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
}

.section-title small,
.section-title .subtitle,
.section-title p {
	font-size: 11px;
}

@media (min-width: 850px) {
	.html_top_right_text .krh-head-txt strong {
		font-size: 15px;
	}

	.html_top_right_text .krh-head-txt small {
		font-size: 10px;
	}
}

@media (max-width: 849px) {
	.header-search-form-wrapper,
	.header-search-form-wrapper .searchform-wrapper {
		max-width: 100%;
	}
}

.quick-grid p {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.quick {
	justify-content: flex-start;
}

.quick > div {
	min-width: 0;
}

/* Best sellers: V2.1 flash header and scoped Flatsome product cards */
.hotsales > .col-inner > .section-title {
	border: 0;
	border-radius: var(--krh-radius) var(--krh-radius) 0 0;
	background: linear-gradient(90deg, #d83b2f, #f17622);
	color: #fff;
}

.hotsales > .col-inner > .section-title h2,
.hotsales > .col-inner > .section-title p {
	color: #fff;
}

.hotsales > .col-inner > .section-title h2 {
	font-size: 20px;
	font-weight: 800;
}

.hotsales > .col-inner > .section-title p {
	color: rgba(255, 255, 255, .88);
	font-size: 11px;
}

.hotsales > .col-inner > .section-title .tab {
	border-color: rgba(255, 255, 255, .35);
	border-radius: 20px;
	background: rgba(255, 255, 255, .15);
	color: #fff;
}

.hotsales > .col-inner > .section-title .tab.active {
	border-color: #fff;
	background: #fff;
	color: #d64031;
}

.hotsales > .col-inner > .section-title .see-all,
.hotsales > .col-inner > .section-title .see-all:hover {
	color: #fff;
}

.hotsales .row-slider .product-small > .col-inner {
	border: 1px solid #e1e8e2;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}

.hotsales .row-slider .product-small .onsale {
	width: auto;
	height: auto;
	min-height: 0;
	padding: 5px 7px;
	border-radius: 5px;
	background: #e94435;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
}

.hotsales .row-slider .product-small .product-title a {
	display: -webkit-box;
	overflow: hidden;
	color: #17221b;
	font-weight: 700;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.hotsales .row-slider .product-small .price .amount {
	color: #e94435;
	font-size: 16px;
	font-weight: 800;
}

.hotsales .row-slider .product-small .price del,
.hotsales .row-slider .product-small .price del .amount {
	color: #9aa39d;
	font-size: 12px;
	font-weight: 400;
	text-decoration: line-through;
}

.hotsales .row-slider .product-small .save,
.hotsales .row-slider .product-small .save .amount {
	color: #0c5a2d;
	font-size: 13px;
	font-weight: 700;
}

.hotsales .row-slider .product-small .add-to-cart-button .button,
.hotsales .row-slider .product-small .p-actions .buy {
	border-color: #56b947;
	background: #56b947;
	color: #fff;
	font-weight: 700;
}

.hotsales .row-slider .product-small .add-to-cart-button .button:hover,
.hotsales .row-slider .product-small .p-actions .buy:hover {
	border-color: #247b35;
	background: #247b35;
	color: #fff;
}

/* Align regular home product headers with Flatsome's row-small card gutter. */
body.home .col.large-12:not(.hotsales) > .col-inner > .section-title:has(+ .row.row-small) {
	width: auto;
	max-width: 1065px;
	margin-right: -10px;
	margin-left: -10px;
	padding-right: 8.8px;
	padding-left: 8.8px;
}

@media (min-width: 850px) {
	body.home .section-content > .row > .col.large-12:not(.hotsales) > .col-inner > .section-title:has(+ .row.equalize-box.row-small) {
		width: auto;
		max-width: none;
		margin-right: -10px;
		margin-left: -10px;
		padding-right: 8.8px;
		padding-left: 8.8px;
	}
}

/* Single product phase 1: green CTAs, readable content and compact spacing. */
body.single-product .product-info.summary {
	display: flex;
	flex-direction: column;
	color: var(--krh-body, #3f4d44);
}

body.single-product .product-info.summary > * {
	order: 5;
}

body.single-product .product-info.summary > nav.woocommerce-breadcrumb {
	order: 1;
	margin-bottom: 0;
}

body.single-product .product-info.summary > .krh-pd-badges {
	order: 2;
	gap: 6px;
	margin: 6px 0 8px;
}

body.single-product .product-info.summary > .krh-pd-badges .krh-pill {
	gap: 5px;
	padding: 3px 8px;
	font-size: 11px;
}

body.single-product .product-info.summary > h1.product-title,
body.single-product .product-info.summary > .is-divider,
body.single-product .product-info.summary > .next-prev-thumbs {
	order: 3;
}

body.single-product .product-info.summary > .krh-pd-buy-meta {
	order: 4;
}

body.single-product ul.ulInfo,
body.single-product .product-info.summary > ul.ulInfo + hr,
body.single-product .product-info.summary > .krh-pd-buy-meta > div:nth-child(4) {
	display: none !important;
}

body.single-product .product-info.summary .krh-pd-buy-meta {
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 1.55;
	color: var(--krh-muted, #6c776f);
}

body.single-product .product-info.summary .krh-pd-buy-meta b {
	color: var(--krh-ink, #17221b);
}

body.single-product .product-info.summary ul.ulInfo {
	margin: 6px 0 10px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--krh-body, #3f4d44);
}

body.single-product .product-info.summary ul.ulInfo .fa {
	color: var(--krh-gd, #247b35) !important;
}

body.single-product .product-info.summary .devvn_single_price {
	padding: 10px 0 !important;
}

body.single-product .product-info.summary .product-short-description {
	margin: 0 0 12px;
	color: var(--krh-body, #3f4d44);
}

body.single-product .product-info.summary .product-short-description ul {
	font-size: 14px;
	line-height: 1.6;
	color: var(--krh-body, #3f4d44);
}

body.single-product .product-info.summary form.cart {
	margin-top: 0;
}

body.single-product .product-info.summary form.cart > .single_add_to_cart_button.button.alt,
body.single-product .product-info.summary form.cart.devvn-quickbuy > .single_add_to_cart_button.button.alt {
	display: block;
	float: none;
	width: 100%;
	min-height: 46px;
	margin: 0;
	padding: 10px 18px;
	border: 1px solid var(--krh-gd, #247b35) !important;
	border-radius: 8px;
	background: var(--krh-gd, #247b35) !important;
	box-shadow: none;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

body.single-product .product-info.summary form.cart > .single_add_to_cart_button.button.alt:hover,
body.single-product .product-info.summary form.cart > .single_add_to_cart_button.button.alt:focus {
	border-color: var(--krh-gx, #0c5a2d) !important;
	background: var(--krh-gx, #0c5a2d) !important;
	color: #fff;
}

body.single-product .product-info.summary form.cart > .buy_now_button.button {
	display: block;
	float: none;
	width: 100%;
	min-height: 46px;
	margin: 10px 0 0;
	padding: 10px 18px;
	border: 1px solid var(--krh-o, #f47721) !important;
	border-radius: 8px;
	background: var(--krh-o, #f47721) !important;
	box-shadow: none;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

body.single-product .product-info.summary form.cart > .buy_now_button.button:hover,
body.single-product .product-info.summary form.cart > .buy_now_button.button:focus {
	border-color: #d95e0c !important;
	background: #d95e0c !important;
	color: #fff;
}

body.single-product .product-info.summary .boxPromote {
	clear: both;
	margin: 14px 0 !important;
}

body.single-product .product-info.summary .boxPromote .promote {
	color: var(--krh-gx, #0c5a2d) !important;
	background: #eaf6ec !important;
}

body.single-product .product-info.summary .boxPromote .contentPromote {
	font-size: 13px !important;
	font-weight: 400;
	line-height: 1.65;
	color: var(--krh-body, #3f4d44);
}

body.single-product .product-info.summary .boxPromote .contentPromote p {
	margin: 0 0 9px;
	color: var(--krh-body, #3f4d44);
	font-weight: 700;
}

body.single-product .product-info.summary .boxPromote .contentPromote li {
	margin: 0;
	color: var(--krh-body, #3f4d44);
}

body.single-product .product-info.summary .boxPromote .contentPromote strong {
	color: var(--krh-r, #e94435);
}

body.single-product .product-info.summary .boxPromote ~ p[style] {
	color: var(--krh-body, #3f4d44) !important;
	font-size: 13px !important;
	line-height: 1.6;
}

body.single-product .product-info.summary .krh-pd-installment {
	clear: both;
	margin: 14px 0 12px;
}

body.single-product .product-info.summary .share-icons {
	clear: both;
	margin-top: 16px;
	margin-bottom: 8px;
}

body.single-product .product-info.summary .product_meta {
	font-size: 13px;
	line-height: 1.6;
	color: var(--krh-body, #3f4d44);
}

body.single-product .product-info.summary del,
body.single-product .product-info.summary del .amount,
body.single-product .product-info.summary .devvn_single_price .devvn_price del,
body.single-product .product-info.summary .devvn_single_price .devvn_price del .woocommerce-Price-amount {
	color: var(--krh-muted, #6c776f);
	font-size: 14px;
	opacity: 1;
}

body.single-product .product-gallery .badge-container.is-larger {
	top: 10px;
	left: 10px;
}

body.single-product .product-gallery .badge-container.is-larger .onsale {
	width: auto;
	height: auto;
	min-width: 48px;
	min-height: 0;
	padding: 6px 9px;
	border-radius: 7px;
	line-height: 1.2;
}

body.single-product #thongsokythuat table,
body.single-product .woocommerce-product-attributes,
body.single-product .woocommerce-tabs .tab-panels table {
	width: 100%;
	font-size: 13px;
	line-height: 1.55;
	color: var(--krh-body, #3f4d44);
}

body.single-product #thongsokythuat table th,
body.single-product #thongsokythuat table td,
body.single-product .woocommerce-product-attributes th,
body.single-product .woocommerce-product-attributes td,
body.single-product .woocommerce-tabs .tab-panels table th,
body.single-product .woocommerce-tabs .tab-panels table td {
	padding: 9px 10px;
	vertical-align: top;
	word-break: normal;
	overflow-wrap: anywhere;
}

body.single-product #thongsokythuat table tr:nth-child(even),
body.single-product .woocommerce-product-attributes tr:nth-child(even),
body.single-product .woocommerce-tabs .tab-panels table tr:nth-child(even) {
	background: var(--krh-soft, #f3f8f4);
}

body.single-product .woocommerce-tabs .tab-panels,
body.single-product .woocommerce-tabs .entry-content {
	font-size: 15px;
	line-height: 1.7;
	color: var(--krh-body, #3f4d44);
}

body.single-product .krh-commit-ico,
body.single-product .krh-commit-ico svg {
	color: var(--krh-gd, #247b35);
	stroke: currentColor;
}

@media (max-width: 768px) {
	body.single-product .product-info.summary .product-short-description ul {
		font-size: 13px;
	}

	body.single-product .product-info.summary ul.ulInfo,
	body.single-product .product-info.summary .product_meta {
		font-size: 12px;
	}

	body.single-product #thongsokythuat table th,
	body.single-product #thongsokythuat table td,
	body.single-product .woocommerce-product-attributes th,
	body.single-product .woocommerce-product-attributes td,
	body.single-product .woocommerce-tabs .tab-panels table th,
	body.single-product .woocommerce-tabs .tab-panels table td {
		padding: 8px 7px;
	}
}

/* Product detail final overrides */
body.single-product .krh-pd-badges {
	display: none !important;
}

body.single-product .product-info.summary .krh-pd-buy-meta {
	font-size: 11px;
	line-height: 1.5;
	padding: 6px 10px;
	gap: 3px 14px;
	margin-bottom: 10px;
	border-radius: 8px;
}

.single-product .product-short-description::before {
	content: "\000110I\001EC2M N\001ED4I B\001EACT";
}

/* Single product promo order and gift watermark. */
body.single-product .product-info.summary > * {
	order: 20;
}

body.single-product .product-info.summary > nav.woocommerce-breadcrumb {
	order: 1;
}

body.single-product .product-info.summary > .krh-pd-badges {
	order: 2;
}

body.single-product .product-info.summary > h1.product-title,
body.single-product .product-info.summary > .is-divider,
body.single-product .product-info.summary > .next-prev-thumbs {
	order: 3;
}

body.single-product .product-info.summary > .krh-pd-buy-meta {
	order: 4;
}

body.single-product .product-info.summary > .devvn_single_price {
	order: 5;
}

body.single-product .product-info.summary > .boxPromote {
	order: 6;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(86, 185, 71, .32) !important;
}

body.single-product .product-info.summary > .product-short-description {
	order: 7;
}

body.single-product .product-info.summary > form.cart {
	order: 8;
}

body.single-product .product-info.summary > .boxPromote::before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: -30px;
	width: 170px;
	height: 170px;
	opacity: .075;
	pointer-events: none;
	z-index: 0;
	background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20stroke%3D%22%2356b947%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2054h92v58H18zM12%2040h104v20H12zM64%2040v72M64%2040H43c-11%200-16-13-8-20%209-8%2024%204%2029%2020zm0%200h21c11%200%2016-13%208-20-9-8-24%204-29%2020z%22/%3E%3C/svg%3E") no-repeat center / contain;
}

body.single-product .product-info.summary > .boxPromote > * {
	position: relative !important;
	z-index: 1;
}

/* Fix promo nested in cart: price, promo, CTA, then short description. */
body.single-product .product-info.summary > form.cart {
	display: contents;
}

body.single-product .product-info.summary > .devvn_single_price {
	order: 5;
}

body.single-product .product-info.summary > form.cart > .boxPromote {
	order: 6;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(86, 185, 71, .32) !important;
}

body.single-product .product-info.summary > form.cart > .ux-quantity,
body.single-product .product-info.summary > form.cart > .single_add_to_cart_button,
body.single-product .product-info.summary > form.cart > .buy_now_button {
	order: 7;
	width: 100%;
}

body.single-product .product-info.summary > form.cart > .ux-quantity,
body.single-product .product-info.summary > form.cart > .single_add_to_cart_button {
	margin: 0 0 10px;
}

body.single-product .product-info.summary > form.cart > .buy_now_button {
	margin: 0;
}

body.single-product .product-info.summary > .product-short-description {
	order: 8;
}

body.single-product .product-info.summary > form.cart > .boxPromote::before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: -30px;
	width: 170px;
	height: 170px;
	opacity: .075;
	pointer-events: none;
	z-index: 0;
	background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20stroke%3D%22%2356b947%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2054h92v58H18zM12%2040h104v20H12zM64%2040v72M64%2040H43c-11%200-16-13-8-20%209-8%2024%204%2029%2020zm0%200h21c11%200%2016-13%208-20-9-8-24%204-29%2020z%22/%3E%3C/svg%3E") no-repeat center / contain;
}

body.single-product .product-info.summary > form.cart > .boxPromote > * {
	position: relative !important;
	z-index: 1;
}

/* Product summary order fix: keep promo before highlights and CTA below. */
body.single-product .product-info.summary > *,
body.single-product .product-info.summary > form.cart > * {
	order: 20;
}

body.single-product .product-info.summary > nav.woocommerce-breadcrumb {
	order: 1;
}

body.single-product .product-info.summary > .krh-pd-badges {
	order: 2;
}

body.single-product .product-info.summary > h1.product-title,
body.single-product .product-info.summary > .is-divider,
body.single-product .product-info.summary > .next-prev-thumbs {
	order: 3;
}

body.single-product .product-info.summary > .krh-pd-buy-meta {
	order: 4;
}

body.single-product .product-info.summary > .devvn_single_price {
	order: 5;
}

body.single-product .product-info.summary > form.cart > .boxPromote {
	order: 6;
}

body.single-product .product-info.summary > .product-short-description {
	order: 7;
}

body.single-product .product-info.summary > form.cart > .ux-quantity,
body.single-product .product-info.summary > form.cart > .single_add_to_cart_button,
body.single-product .product-info.summary > form.cart > .buy_now_button {
	order: 8;
	width: 100%;
	box-sizing: border-box;
}

body.single-product .product-info.summary > form.cart > .ux-quantity,
body.single-product .product-info.summary > form.cart > .single_add_to_cart_button {
	margin: 0 0 10px !important;
}

body.single-product .product-info.summary > form.cart > .buy_now_button {
	margin: 0 !important;
}

/* Keep the promo heading and gift list on one consistent left edge. */
body.single-product .product-info.summary > form.cart > .boxPromote .promote {
	box-sizing: border-box;
	width: 100%;
	padding: 9px 14px !important;
}

body.single-product .product-info.summary > form.cart > .boxPromote .contentPromote {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 14px 12px !important;
}

body.single-product .product-info.summary > form.cart > .boxPromote .contentPromote ul {
	margin: 0;
	padding: 0 0 0 18px;
	list-style-position: outside;
}

body.single-product .product-info.summary > form.cart > .boxPromote .contentPromote li {
	margin: 0;
	padding: 0;
}

/* Place product CTAs between the promo box and short description. */
body.single-product .product-info.summary > form.cart > .ux-quantity,
body.single-product .product-info.summary > form.cart > .single_add_to_cart_button,
body.single-product .product-info.summary > form.cart > .buy_now_button {
	order: 7;
}

body.single-product .product-info.summary > .product-short-description {
	order: 8;
}

/* Prevent accented uppercase promo headings from being clipped. */
body.single-product .product-info.summary > form.cart > .boxPromote .promote {
	display: block !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	line-height: 1.5 !important;
	overflow: visible !important;
	padding: 10px 14px !important;
}

/* Hide the duplicate trust block on product pages. */
body.single-product section.krh-product-trust {
	display: none !important;
}

/* Reorder product footer sections and keep unlisted children after known blocks. */
body.single-product .product-footer > .container {
	display: flex;
	flex-direction: column;
}

body.single-product .product-footer > .container > * {
	order: 6;
}

body.single-product .product-footer > .container > section.krh-commit {
	order: 1;
}

body.single-product .product-footer > .container > div#thongsokythuat {
	order: 2;
}

body.single-product .product-footer > .container > section.krh-product-trust {
	order: 3;
}

body.single-product .product-footer > .container > section.krh-product-support {
	order: 4;
}

body.single-product .product-footer > .container > div.woocommerce-tabs {
	order: 5;
}

body.single-product .krh-commit-grid > .krh-commit-item:nth-child(2) {
	display: none !important;
}

@media (min-width: 769px) {
	body.single-product .product-footer > .container .krh-commit-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Footer V2 */
.krh-footer-v2 {
	background: #fff;
	border-top: 1px solid #e1e8e2;
	color: var(--krh-body, #3f4d44);
}

.krh-footer-v2 .accordion {
	margin-bottom: 26px;
	border: 1px solid #e1e8e2;
	border-radius: 10px;
	overflow: hidden;
	background: #fbfdfb;
}

.krh-footer-v2 .accordion-title {
	padding: 12px 16px;
	border-bottom: 1px solid #e1e8e2;
	background: #f3f8f4;
	color: var(--krh-gx, #0c5a2d);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.krh-footer-v2 .accordion-title.active {
	background: var(--krh-gd, #247b35);
	color: #fff;
}

.krh-footer-v2 .accordion-inner {
	padding: 18px 16px;
}

.krh-footer-v2 .krh-branch-cols {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px 28px;
}

.krh-footer-v2 ul.krh-branch-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.krh-footer-v2 ul.krh-branch-list li {
	padding: 3px 0;
	border-bottom: 1px dashed #e7ede8;
	color: var(--krh-body, #3f4d44);
	font-size: 13px;
	line-height: 1.55;
}

.krh-footer-v2 ul.krh-branch-list li:last-child {
	border-bottom: 0;
}

.krh-footer-v2 ul.krh-branch-list strong {
	color: var(--krh-gx, #0c5a2d);
	font-weight: 700;
}

.krh-footer-v2 h3.section-title {
	display: block;
	margin: 0;
	border: 0;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.krh-footer-v2 h3.section-title > b {
	display: none;
}

.krh-footer-v2 h3.section-title .section-title-main {
	display: block;
	padding: 0;
	border: 0;
	color: var(--krh-gx, #0c5a2d) !important;
	font-size: 16px !important;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.krh-footer-v2 h3.section-title .section-title-main::after {
	display: block;
	width: 36px;
	height: 3px;
	margin-top: 8px;
	background: var(--krh-g, #56b947);
	content: "";
}

.krh-footer-v2 .krh-ft-contact {
	margin: 0 0 14px;
	color: #3f4d44;
	font-size: 13px;
}

.krh-footer-v2 .krh-ft-label {
	display: block;
	margin-bottom: 2px;
	color: #6c776f;
	font-size: 12.5px;
	font-weight: 600;
}

.krh-footer-v2 .krh-ft-phone {
	color: var(--krh-gd, #247b35);
	font-size: 19px;
	font-weight: 800;
	letter-spacing: .3px;
}

.krh-footer-v2 .krh-ft-hour {
	color: #8a948d;
	font-size: 12px;
}

.krh-footer-v2 .krh-ft-about {
	margin: 0 0 10px;
	color: #3f4d44;
	font-size: 13.5px;
	line-height: 1.65;
}

.krh-footer-v2 .krh-ft-addr {
	color: #5b665e;
	font-size: 13px;
	line-height: 1.6;
}

.krh-footer-v2 .krh-ft-addr strong {
	color: var(--krh-gx, #0c5a2d);
}

.krh-footer-v2 ul.krh-ft-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.krh-footer-v2 ul.krh-ft-menu li {
	margin: 0 0 9px;
}

.krh-footer-v2 ul.krh-ft-menu li::before {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 8px;
	border-radius: 50%;
	background: #a8d5a0;
	vertical-align: middle;
	content: "";
}

.krh-footer-v2 ul.krh-ft-menu a {
	color: #4a554d;
	font-size: 13.5px;
	transition: color .15s ease, padding-left .15s ease;
}

.krh-footer-v2 ul.krh-ft-menu a:hover {
	padding-left: 2px;
	color: var(--krh-gd, #247b35);
}

.krh-footer-bottom .krh-ft-bottom-text {
	margin: 0;
	color: rgba(255, 255, 255, .92);
	font-size: 12.5px;
	line-height: 1.7;
	text-align: center;
}

@media (max-width: 768px) {
	.krh-footer-v2 .krh-branch-cols {
		grid-template-columns: 1fr;
		gap: 4px 0;
	}
}

/* Footer V3 */
.krh-footer-v2,
.krh-footer-v2 > .section-bg {
	background: #f8faf8 !important;
}

.krh-footer-v2 .krh-ft-heading {
	margin: 0;
	color: #0c5a2d;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
}

.krh-footer-v2 .krh-ft-sub {
	margin: 6px 0 0;
	color: #5b665e;
	font-size: 13.5px;
}

.krh-footer-v2 .krh-branch-cols {
	display: block;
}

.krh-footer-v2 ul.krh-branch-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.krh-footer-v2 ul.krh-branch-list li {
	padding: 4px 0;
	border-bottom: 1px dashed #e7ede8;
	color: #5b665e;
	font-size: 12.5px;
	line-height: 1.55;
}

.krh-footer-v2 ul.krh-branch-list li:last-child {
	border-bottom: 0;
}

.krh-footer-v2 ul.krh-branch-list strong {
	color: #0c5a2d;
	font-weight: 700;
}

.krh-footer-links,
.krh-footer-links > .section-bg {
	background: #f0f3f0 !important;
}

.krh-footer-links {
	border-top: 1px solid #e1e8e2;
}

.krh-footer-links .section-content > .row > .col > .col-inner {
	height: 100%;
	padding: 24px 22px;
	border: 1px solid #e2e8e0;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(17, 24, 39, .045);
}

.krh-footer-links .krh-ft-col-title {
	position: relative;
	margin: 0 0 6px;
	padding-bottom: 14px;
	color: #17221b;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .2px;
	text-transform: uppercase;
}

.krh-footer-links .krh-ft-col-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 2px;
	border-radius: 999px;
	background: #56b947;
	content: "";
}

.krh-footer-links .krh-support-list {
	display: grid;
	gap: 8px;
	margin-top: 14px;
}

.krh-footer-links .krh-support-card {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	min-height: 54px;
	padding: 8px;
	border: 1px solid #e2e8e0;
	border-radius: 9px;
	background: #fff;
	box-shadow: 0 8px 18px rgba(17, 24, 39, .035);
}

.krh-footer-links .krh-support-ico {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
}

.krh-footer-links .krh-support-ico svg {
	width: 21px;
	height: 21px;
}

.krh-footer-links .krh-support-ico.krh-ico-green {
	background: rgba(96, 187, 70, .12);
	color: #15803d;
}

.krh-footer-links .krh-support-ico.krh-ico-orange {
	background: #fff0e5;
	color: #ea580c;
}

.krh-footer-links .krh-support-ico.krh-ico-blue {
	background: #e8f1ff;
	color: #2563eb;
}

.krh-footer-links .krh-support-body small {
	display: block;
	color: #4b5563;
	font-size: 12px;
	font-weight: 650;
}

.krh-footer-links .krh-support-body strong {
	display: block;
	margin-top: 3px;
	color: #15803d;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .2px;
}

.krh-footer-links .krh-support-card > em {
	justify-self: end;
	max-width: 70px;
	color: #4b5563;
	font-size: 12px;
	font-style: normal;
	font-weight: 650;
	text-align: right;
}

.krh-footer-links .krh-official-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 6px;
	align-items: center;
	margin-top: 14px;
	padding: 18px;
	border: 1px solid rgba(96, 187, 70, .22);
	border-radius: 14px;
	background: radial-gradient(circle at 12% 0, rgba(96, 187, 70, .16), transparent 34%), #f7fcf5;
}

.krh-footer-links .krh-official-card > svg {
	width: 44px;
	height: 44px;
	color: #15803d;
	stroke: #15803d;
}

.krh-footer-links .krh-official-title {
	margin: 0;
	color: #15803d;
	font-size: 16px;
	font-weight: 800;
}

.krh-footer-links .krh-official-text {
	grid-column: 1 / -1;
	margin: 8px 0 0;
	color: #4b5563;
	font-size: 13px;
	line-height: 1.55;
}

.krh-footer-links ul.krh-ft-menu {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.krh-footer-links ul.krh-ft-menu li {
	margin: 0 0 12px;
}

.krh-footer-links ul.krh-ft-menu a {
	display: flex;
	gap: 10px;
	align-items: center;
	color: #374151;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: color .18s;
}

.krh-footer-links ul.krh-ft-menu a:hover {
	color: #15803d;
}

.krh-footer-links .krh-dot {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: #56b947;
	transition: transform .18s;
}

.krh-footer-links ul.krh-ft-menu a:hover .krh-dot {
	background: #56b947;
	transform: translateX(2px);
}

@media (max-width: 768px) {
	.krh-footer-links .section-content > .row > .col > .col-inner {
		padding: 20px 16px;
	}

	.krh-footer-links .krh-support-card {
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.krh-footer-links .krh-support-ico {
		width: 34px;
		height: 34px;
	}

	.krh-footer-links .krh-support-body small,
	.krh-footer-links .krh-support-card > em {
		font-size: 11px;
	}

	.krh-footer-links .krh-support-body strong {
		font-size: 14px;
	}

	.krh-footer-links .krh-support-card > em {
		grid-column: 2;
		justify-self: start;
		max-width: none;
		text-align: left;
	}

	.krh-footer-links .krh-official-card {
		padding: 14px;
	}

	.krh-footer-links .krh-official-title {
		font-size: 15px;
	}

	.krh-footer-links .krh-official-text {
		font-size: 12px;
	}
}

/* Keep the four footer cards visually grouped inside either row structure. */
.krh-footer-links .row > .col {
	padding-right: 6px;
	padding-left: 6px;
}

.krh-footer-links .container > .row:not(.row-collapse) {
	margin-right: -6px;
	margin-left: -6px;
}

/* Home official trust block. */
.krh-official-trust .col-inner {
	height: 100%;
}

.krh-official-trust .krh-ot-bar {
	display: block;
	width: 48px;
	height: 3px;
	margin: 0 auto 16px;
	border-radius: 999px;
	background: #56b947;
}

.krh-official-trust .krh-ot-title {
	margin: 0;
	color: #111827;
	font-size: clamp(30px, 4vw, 35px);
	font-weight: 700;
	line-height: 1.12;
	text-transform: uppercase;
	letter-spacing: 0;
}

.krh-official-trust .krh-ot-title strong {
	color: #56b947;
	font-weight: inherit;
}

.krh-official-trust .krh-ot-sub {
	max-width: 760px;
	margin: 10px auto 0;
	color: #6b7280;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.62;
}

.krh-official-trust .krh-ot-intro,
.krh-official-trust .krh-ot-cert {
	height: 100%;
	border: 1px solid #e5e7eb;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 16px 36px rgba(17, 24, 39, .055);
}

.krh-official-trust .krh-ot-intro {
	display: flex;
	flex-direction: column;
	padding: 34px 30px 30px;
}

.krh-official-trust .krh-ot-intro-head {
	display: flex;
	align-items: center;
	gap: 16px;
}

.krh-official-trust .krh-ot-intro-head svg {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	color: #168a2f;
}

.krh-official-trust .krh-ot-intro-head h3 {
	margin: 0;
	color: #168a2f;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.22;
	text-transform: uppercase;
	letter-spacing: 0;
}

.krh-official-trust .krh-ot-intro-text {
	margin: 10px 0 0;
	color: #111827;
	font-size: 15.5px;
	font-weight: 500;
	line-height: 1.68;
}

.krh-official-trust .krh-ot-divider {
	height: 1px;
	margin: 15px 0;
	background: #e5e7eb;
}

.krh-official-trust .krh-ot-checklist {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.krh-official-trust .krh-ot-checklist li {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	margin: 0;
	color: #111827;
	font-size: 15.5px;
	font-weight: 500;
	line-height: 1.4;
}

.krh-official-trust .krh-ot-checklist svg {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	margin-top: 1px;
	color: #28a63a;
}

.krh-official-trust .krh-ot-actions {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
	gap: 16px;
	margin-top: auto;
	padding-top: 30px;
}

.krh-official-trust .krh-ot-btn {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid transparent;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	transition: all .18s;
}

.krh-official-trust .krh-ot-btn-primary {
	background: linear-gradient(135deg, #45ad30, #1c8c10);
	color: #fff;
	box-shadow: 0 12px 22px rgba(76, 162, 56, .18);
}

.krh-official-trust .krh-ot-btn-primary:hover {
	background: linear-gradient(135deg, #4ca238, #16810d);
	color: #fff;
	box-shadow: 0 14px 26px rgba(76, 162, 56, .24);
	transform: translateY(-1px);
}

.krh-official-trust .krh-ot-btn-outline {
	border-color: #56b947;
	background: #fff;
	color: #2f9826;
}

.krh-official-trust .krh-ot-btn-outline:hover {
	border-color: #4ca238;
	background: rgba(96, 187, 70, .08);
	color: #1d8d11;
}

.krh-official-trust .krh-ot-cert {
	padding: 30px;
}

.krh-official-trust .krh-ot-cert-head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
}

.krh-official-trust .krh-ot-cert-icon {
	display: inline-flex;
	width: 54px;
	height: 54px;
	align-items: center;
	justify-content: center;
	color: #168a2f;
}

.krh-official-trust .krh-ot-cert-icon svg {
	width: 46px;
	height: 46px;
}

.krh-official-trust .krh-ot-cert h3 {
	margin: 0;
	color: #111827;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0;
}

.krh-official-trust .krh-ot-cert-head p {
	margin: 8px 0 0;
	color: #4b5563;
	font-size: 15px;
	font-weight: 500;
}

.krh-official-trust .krh-ot-hotline {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 26px 22px;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	background: #fff;
}

.krh-official-trust .krh-ot-hotline-item {
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	color: #111827;
	text-decoration: none;
}

.krh-official-trust .krh-ot-hotline-item > span {
	display: inline-flex;
	width: 58px;
	height: 58px;
	grid-row: span 2;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(96, 187, 70, .12);
	color: #168a2f;
}

.krh-official-trust .krh-ot-hotline-item svg {
	width: 30px;
	height: 30px;
}

.krh-official-trust .krh-ot-hotline-item small {
	color: #111827;
	font-size: 15px;
	font-weight: 500;
}

.krh-official-trust .krh-ot-hotline-item strong {
	margin-top: 5px;
	color: #28a63a;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.1;
}

.krh-official-trust .krh-ot-hotline-divider {
	height: 1px;
	margin: 26px 0;
	background: #e5e7eb;
}

.krh-official-trust .krh-ot-verified {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 28px 0 0;
	color: #4b5563;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
}

.krh-official-trust .krh-ot-verified svg {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	color: #28a63a;
}

.krh-official-trust .krh-ot-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin-top: 24px;
}

.krh-official-trust .krh-ot-card {
	display: grid;
	min-height: 170px;
	align-content: start;
	justify-items: center;
	padding: 26px 24px;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 16px 36px rgba(17, 24, 39, .055);
	text-align: center;
}

.krh-official-trust .krh-ot-card > span {
	display: inline-flex;
	width: 74px;
	height: 74px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(96, 187, 70, .12);
	color: #168a2f;
}

.krh-official-trust .krh-ot-card svg {
	width: 40px;
	height: 40px;
}

.krh-official-trust .krh-ot-card h3 {
	margin: 15px 0 0;
	color: #111827;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
}

.krh-official-trust .krh-ot-card p {
	margin: 10px 0 0;
	color: #6b7280;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.55;
}

@media (max-width: 1024px) {
	.krh-official-trust .krh-ot-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.krh-official-trust .krh-ot-title {
		font-size: 26px;
	}

	.krh-official-trust .krh-ot-sub {
		font-size: 15px;
	}

	.krh-official-trust .krh-ot-intro,
	.krh-official-trust .krh-ot-cert {
		padding: 22px;
		border-radius: 18px;
	}

	.krh-official-trust .krh-ot-intro-head h3 {
		font-size: 21px;
	}

	.krh-official-trust .krh-ot-actions {
		gap: 10px;
		padding-top: 24px;
	}

	.krh-official-trust .krh-ot-btn {
		padding-right: 10px;
		padding-left: 10px;
		font-size: 13px;
	}

	.krh-official-trust .krh-ot-cert h3 {
		font-size: 21px;
	}

	.krh-official-trust .krh-ot-hotline {
		padding: 22px 18px;
	}

	.krh-official-trust .krh-ot-cards {
		gap: 12px;
	}

	.krh-official-trust .krh-ot-card {
		min-height: 158px;
		padding: 18px 12px;
		border-radius: 14px;
	}

	.krh-official-trust .krh-ot-card > span {
		width: 56px;
		height: 56px;
	}

	.krh-official-trust .krh-ot-card svg {
		width: 30px;
		height: 30px;
	}

	.krh-official-trust .krh-ot-card h3 {
		font-size: 15px;
	}

	.krh-official-trust .krh-ot-card p {
		font-size: 12px;
	}
}

/* Home official trust: keep the certificate hotline card compact. */
.krh-official-trust .krh-ot-cert {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.krh-official-trust .krh-ot-cert-head {
	margin-bottom: 18px;
}

@media (min-width: 1025px) {
	.krh-official-trust .krh-ot-hotline {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		gap: 18px 20px;
		padding: 22px 20px;
	}

	.krh-official-trust .krh-ot-hotline-divider {
		display: none;
	}

	.krh-official-trust .krh-ot-hotline-item {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 6px;
		text-align: center;
	}

	.krh-official-trust .krh-ot-hotline-item > span {
		width: 54px;
		height: 54px;
		grid-row: auto;
	}

	.krh-official-trust .krh-ot-hotline-item svg {
		width: 28px;
		height: 28px;
	}

	.krh-official-trust .krh-ot-hotline-item small {
		font-size: 14px;
		white-space: nowrap;
	}

	.krh-official-trust .krh-ot-hotline-item strong {
		margin-top: 0;
		font-size: 18px;
		white-space: nowrap;
	}

	.krh-official-trust .krh-ot-verified {
		grid-column: 1 / -1;
		justify-content: center;
		margin: 6px 0 0;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.krh-official-trust .krh-ot-cert-head {
		margin-bottom: 16px;
	}

	.krh-official-trust .krh-ot-hotline {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		gap: 12px;
		padding: 14px 10px;
	}

	.krh-official-trust .krh-ot-hotline-divider {
		display: none;
	}

	.krh-official-trust .krh-ot-hotline-item {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 4px;
		text-align: center;
	}

	.krh-official-trust .krh-ot-hotline-item > span {
		width: 44px;
		height: 44px;
		grid-row: auto;
	}

	.krh-official-trust .krh-ot-hotline-item svg {
		width: 24px;
		height: 24px;
	}

	.krh-official-trust .krh-ot-hotline-item small {
		font-size: 12px;
		white-space: nowrap;
	}

	.krh-official-trust .krh-ot-hotline-item strong {
		margin-top: 0;
		font-size: 15px;
		white-space: nowrap;
	}

	.krh-official-trust .krh-ot-verified {
		grid-column: 1 / -1;
		justify-content: flex-start;
		margin-top: 10px;
		font-size: 12px;
	}
}

/* ============ KRH ONEPAGE CHECKOUT (merged cart+checkout, 2026-09) ============ */
/* Nền trang + thẻ trung tâm 720px */
.woocommerce-checkout #main,
.woocommerce-cart #main { background-color: #eef4ef; padding: 18px 0; }
.woocommerce-checkout .page-checkout,
.woocommerce-cart .page-checkout { max-width: 720px !important; background-color: #fff; box-shadow: 0 2px 18px rgba(16, 37, 26, 0.10); border-radius: 8px; padding: 22px 34px 30px; margin-top: 6px; }
.woocommerce-checkout .page-checkout .row .col { padding: 0 0 18px; }

/* Coupon + notice gọn */
.page-checkout .woocommerce-form-coupon-toggle, .page-checkout .checkout_coupon { display: none; }
.page-checkout .cart-collaterals .coupon h3 { font-size: 14px; font-weight: 700; color: #10251a; }
.page-checkout .cart-collaterals .coupon { background: #f3f8f3; border: 1px dashed #a9cba9; border-radius: 6px; padding: 10px 14px; }

/* Bảng sản phẩm trong giỏ (merged) */
.page-checkout .cart-wrapper { overflow-x: auto; }
.page-checkout table.shop_table { border: none; margin-bottom: 10px; }
.page-checkout table.shop_table td, .page-checkout table.shop_table th { border: none; }
.page-checkout table.shop_table tr.cart_item { border-bottom: 1px solid #e6ece7; }
.page-checkout table.shop_table td.product-thumbnail { width: 84px; }
.page-checkout table.shop_table td.product-thumbnail img { width: 72px; height: auto; border-radius: 6px; }
.page-checkout table.shop_table td.product-name a { color: #10251a; font-weight: 600; font-size: 14.5px; line-height: 1.4; }
.page-checkout table.shop_table td.product-price, .page-checkout table.shop_table td.product-subtotal { font-weight: 700; color: #247b35; white-space: nowrap; }
.page-checkout table.shop_table td.product-remove a.remove { color: #c0392b; font-size: 16px; font-weight: 700; }
.page-checkout .cart-sidebar .cart_totals { border: none; padding: 0; margin-top: 4px; }
.page-checkout .cart-sidebar table.shop_table tr { border-bottom: 1px dashed #e6ece7; }
.page-checkout .cart-sidebar table.shop_table td, .page-checkout .cart-sidebar table.shop_table th { padding: 8px 0; color: #10251a; font-size: 14.5px; }
.page-checkout .cart-sidebar .order-total td, .page-checkout .cart-sidebar .order-total th { font-size: 17px; font-weight: 800; color: #10251a; }
.page-checkout .cart-sidebar .order-total .amount { color: #e02424; }
.page-checkout .wc-proceed-to-checkout { display: none; }

/* Phân cách section */
.page-checkout #customer_details, .page-checkout .checkout-sidebar { border-top: 1px solid #e6ece7; padding-top: 16px; margin-top: 6px; }
.page-checkout .woocommerce-billing-fields h3, .page-checkout #order_review_heading { font-size: 19px; font-weight: 800; color: #10251a; margin-bottom: 14px; text-transform: none; }

/* Input + label */
.page-checkout .form-row label { color: #10251a; font-weight: 600; font-size: 13.5px; }
.page-checkout .form-row input.input-text, .page-checkout .form-row textarea, .page-checkout .form-row select { border: 1px solid #c9d4cc; border-radius: 4px; background: #fff; color: #10251a; height: 44px; box-shadow: none; }
.page-checkout .form-row textarea { height: auto; }
.page-checkout .form-row input:focus, .page-checkout .form-row textarea:focus, .page-checkout .form-row select:focus { border-color: #56b947; box-shadow: 0 0 0 2px rgba(86, 185, 71, 0.25); }
.page-checkout .form-row input::placeholder, .page-checkout .form-row textarea::placeholder { color: #94a89a; }

/* Order review: ẩn hàng lặp sản phẩm, giữ tổng + payment */
.page-checkout #order_review .shop_table thead, .page-checkout #order_review tr.cart_item { display: none; }
.page-checkout #order_review .shop_table { border: none; margin-bottom: 8px; }
.page-checkout #order_review .shop_table td, .page-checkout #order_review .shop_table th { border: none; padding: 7px 0; color: #10251a; }
.page-checkout #order_review .shop_table tr.cart-subtotal td, .page-checkout #order_review .shop_table tr.order-total td { text-align: right; }
.page-checkout #order_review .shop_table tr.order-total { border-top: 1px solid #e6ece7; }
.page-checkout #order_review .shop_table tr.order-total .amount { font-size: 20px; font-weight: 800; color: #e02424; }

/* Payment */
.page-checkout #payment { background: #f3f8f3; border-radius: 8px; }
.page-checkout #payment .wc_payment_methods { border-bottom: 1px solid #dbe8db; }
.page-checkout #payment .wc_payment_method label { font-weight: 600; color: #10251a; }
.page-checkout #payment div.payment_box { background: #fff; border: 1px solid #dbe8db; border-radius: 6px; }
.page-checkout #payment div.payment_box::before { border-bottom-color: #dbe8db; }

/* Nút ĐẶT HÀNG: brand xanh đậm, contrast AA, full width, không wrap */
.page-checkout #place_order { display: block; width: 100%; background: #247b35; color: #fff; border: none; border-radius: 6px; font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; height: 54px; line-height: 54px; padding: 0 20px; white-space: nowrap; box-shadow: none; }
.page-checkout #place_order:hover { background: #1c5f29; color: #fff; }
.page-checkout #place_order:active { transform: translateY(1px); }
.page-checkout .woocommerce-terms-and-conditions-wrapper { font-size: 13px; color: #5c7262; }
.page-checkout .woocommerce-terms-and-conditions-wrapper a { color: #247b35; text-decoration: underline; }

/* Empty state */
.page-checkout .cart-empty { text-align: center; padding: 30px 0; }
.page-checkout .return-to-shop .button { background: #56b947; color: #fff; border-radius: 6px; }

/* Mobile */
@media (max-width: 849px) {
	.woocommerce-checkout .page-checkout { max-width: 100% !important; padding: 14px 16px 22px; border-radius: 0; box-shadow: none; }
	.woocommerce-checkout #main { padding: 0; }
	.page-checkout table.shop_table td.product-thumbnail img { width: 56px; }
	.page-checkout #place_order { font-size: 16px; }
}

/* ============ KRH ORDER-RECEIVED (thankyou page) FIX, 2026-09 ============ */
/* Khi tới trang xác nhận đơn hàng, giỏ đã trống: ẩn khối cart (empty message + nút quay lại cửa hàng) render từ [woocommerce_cart] */
body.woocommerce-order-received .page-checkout > .woocommerce:has(.wc-empty-cart-message),
body.woocommerce-order-received .wc-empty-cart-message,
body.woocommerce-order-received .page-checkout .return-to-shop,
body.woocommerce-order-received .woocommerce-notices-wrapper { display: none !important; }
/* Card thank-you rộng hơn để layout 2 cột (chi tiết đơn + tổng quan/cảm ơn) không bị chật */
body.woocommerce-order-received .page-checkout { max-width: 960px !important; }
/* Cân chỉnh khối thank-you thở đều */
body.woocommerce-order-received .page-checkout .woocommerce-order,
body.woocommerce-order-received .page-checkout .woocommerce-order-overview { max-width: 100%; }
body.woocommerce-order-received .page-checkout ul.order_details { border: 1px solid #e6ece7; border-radius: 8px; padding: 14px 20px; background: #fbfdfb; }

/* ============ KRH THANKYOU PAGE (order-received) LAYOUT, 2026-09 ============ */
/* Banner thành công */
body.woocommerce-order-received .page-checkout { max-width: 840px !important; }
.krh-ty__banner { display: flex; align-items: center; gap: 18px; background: #eef7ee; border: 1px solid #bfe0bf; border-radius: 10px; padding: 18px 22px; margin: 6px 0 18px; }
.krh-ty__check { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: #247b35; color: #fff; font-size: 24px; font-weight: 800; line-height: 46px; text-align: center; }
.krh-ty__title { margin: 0 0 4px; font-size: 22px; font-weight: 800; color: #10251a; text-transform: none; }
.krh-ty__lead { margin: 0; font-size: 14.5px; color: #36503e; line-height: 1.55; }
.krh-ty__lead strong { color: #247b35; }
/* Overview 4 ô */
.krh-ty__overview { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.krh-ty__ov-item { background: #f7faf7; border: 1px solid #e6ece7; border-radius: 8px; padding: 12px 14px; }
.krh-ty__ov-label { display: block; font-size: 12px; color: #7a8d80; margin-bottom: 4px; }
.krh-ty__ov-value { display: block; font-size: 14.5px; font-weight: 700; color: #10251a; word-break: break-word; }
.krh-ty__details .woocommerce-order-details { border-top: 1px solid #e6ece7; padding-top: 6px; }
.krh-ty__details h2.woocommerce-order-details__title { font-size: 19px; font-weight: 800; color: #10251a; text-transform: none; }
.krh-ty__details table.shop_table.order_details { border: none; }
.krh-ty__details table.shop_table.order_details thead th { border-bottom: 2px solid #dce8dc; color: #10251a; font-size: 13px; text-transform: uppercase; letter-spacing: .03em; }
.krh-ty__details table.shop_table.order_details td, .krh-ty__details table.shop_table.order_details th { border-bottom: 1px solid #e6ece7; padding: 12px 6px; color: #10251a; }
.krh-ty__details table.shop_table.order_details tfoot th { border-bottom: none; font-weight: 600; }
.krh-ty__details table.shop_table.order_details tfoot td { text-align: right; }
.krh-ty__details table.shop_table.order_details tr:last-child td, .krh-ty__details table.shop_table.order_details tr:last-child th { font-size: 17px; font-weight: 800; border-bottom: none; }
.krh-ty__details table.shop_table.order_details .woocommerce-Price-amount { color: #e02424; }
/* Địa chỉ 2 cột */
.krh-ty__details .woocommerce-columns--2 { margin-top: 10px; }
.krh-ty__details .woocommerce-columns--2 .woocommerce-column__title { font-size: 15px; font-weight: 700; color: #10251a; text-transform: none; }
.krh-ty__details address { font-style: normal; color: #36503e; line-height: 1.6; font-size: 14px; }
/* Mobile */
@media (max-width: 849px) {
	.krh-ty__overview { grid-template-columns: repeat(2, 1fr); }
	.krh-ty__banner { flex-direction: column; text-align: center; padding: 16px; }
}

/* ============ KRH ORDER-RECEIVED: ẩn breadcrumb + bỏ tổng phụ, 2026-09 ============ */
/* Ẩn breadcrumb "Giỏ hàng > Chi tiết thanh toán > Đơn hàng hoàn tất" trên trang xác nhận */
body.woocommerce-order-received .page-title,
body.woocommerce-order-received nav.woocommerce-breadcrumb,
body.woocommerce-order-received .breadcrumbs,
body.woocommerce-order-received .breadcrumb { display: none !important; }
/* Bỏ hàng "Tổng số phụ" (dòng đầu tfoot) trong bảng chi tiết đơn — giữ Phương thức thanh toán + Tổng cộng */
.krh-ty__details table.shop_table.order_details tfoot tr:first-child { display: none; }
/* ===== KRH FOOTER S1 CARDS (2026-09-05) ===== */
.krh-footer-v2 ul.krh-branch-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.krh-footer-v2 ul.krh-branch-list li{ background:#ffffff; border:1px solid #dfe7e1; border-radius:14px; padding:11px 14px 12px; line-height:1.45; font-size:13px; color:#5b6b61; }
.krh-footer-v2 ul.krh-branch-list li br{ display:none; }
.krh-footer-v2 ul.krh-branch-list li strong{ display:block; color:#10251a; font-size:14px; font-weight:800; margin-bottom:6px; padding-bottom:6px; border-bottom:2px solid #56b947; width:fit-content; }
.krh-footer-v2 ul.krh-branch-list li a, .krh-footer-v2 ul.krh-branch-list li .krh-branch-phone{ display:inline-block; margin-top:6px; color:#247b35; font-weight:600; text-decoration:none; }
@media (max-width:768px){ .krh-footer-v2 ul.krh-branch-list{ display:grid; grid-template-columns:1fr 1fr; column-gap:10px; } }
/* ===== KRH SERVICE PAGE (2026-09-06): landing dich vu ===== */
.krh-sv-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
.krh-sv-title{ font-size:26px; font-weight:800; color:#0c5a2d; text-transform:uppercase; letter-spacing:.5px; margin:0 0 10px; }
.krh-sv-title::after{ content:""; display:block; width:64px; height:3px; background:#56b947; margin:12px 0 0; }
.krh-sv-title-light{ color:#fff; }
.krh-sv-title-light::after{ background:#56b947; }
.krh-sv-sub{ color:#5b6b61; font-size:15.5px; line-height:1.7; max-width:860px; margin:0 0 28px; }
.krh-sv-btn{ display:inline-block; padding:14px 26px; border-radius:12px; font-weight:700; font-size:15.5px; text-decoration:none; transition:.2s; }
.krh-sv-btn-main{ background:#f47721; color:#fff; box-shadow:0 6px 18px rgba(244,119,33,.35); }
.krh-sv-btn-main:hover{ background:#e06810; color:#fff; }
.krh-sv-btn-ghost{ background:transparent; color:#fff; border:2px solid rgba(255,255,255,.75); }
.krh-sv-btn-ghost:hover{ background:rgba(255,255,255,.12); color:#fff; }
.krh-sv-btn-row{ display:flex; flex-wrap:wrap; gap:14px; margin-top:18px; }
.krh-sv-btn-row .krh-sv-btn-ghost{ color:#247b35; border-color:#247b35; }
.krh-sv-btn-row .krh-sv-btn-ghost:hover{ background:#eef4ef; }
.krh-sv-hero{ background:linear-gradient(135deg,#0c1f14 0%,#0c5a2d 68%,#247b35 100%); padding:64px 0 56px; color:#fff; }
.krh-sv-hero h1{ font-size:34px; font-weight:800; line-height:1.25; margin:0 0 14px; text-transform:uppercase; }
.krh-sv-hero h1 span{ color:#56b947; }
.krh-sv-hero-sub{ font-size:16.5px; line-height:1.75; color:#cfe3d6; max-width:780px; margin:0 0 24px; }
.krh-sv-hero-cta{ display:flex; flex-wrap:wrap; gap:14px; }
.krh-sv-hero-note{ margin-top:18px; font-size:13.5px; color:#a9c9b4; }
.krh-sv-trust{ background:#fff; border-bottom:1px solid #e6ece7; }
.krh-sv-trust-grid{ display:grid; grid-template-columns:repeat(4,1fr); }
.krh-sv-trust-item{ padding:18px 22px; border-right:1px solid #e6ece7; }
.krh-sv-trust-item:last-child{ border-right:0; }
.krh-sv-trust-item strong{ display:block; color:#10251a; font-size:14.5px; margin-bottom:3px; }
.krh-sv-trust-item span{ color:#5b6b61; font-size:13px; }
.krh-sv-services{ background:#f3f8f4; padding:56px 0; }
.krh-sv-grid{ display:grid; gap:18px; }
.krh-sv-grid-3{ grid-template-columns:repeat(3,1fr); }
.krh-sv-card{ background:#fff; border:1px solid #dfe7e1; border-radius:16px; padding:26px 24px; transition:.2s; }
.krh-sv-card:hover{ box-shadow:0 10px 26px rgba(16,37,26,.08); transform:translateY(-3px); }
.krh-sv-card-ico{ width:52px; height:52px; border-radius:14px; background:#eef4ef; display:flex; align-items:center; justify-content:center; font-size:26px; margin-bottom:14px; }
.krh-sv-card h3{ font-size:15.5px; font-weight:800; color:#10251a; margin:0 0 8px; }
.krh-sv-card p{ font-size:14px; color:#5b6b61; line-height:1.65; margin:0 0 12px; }
.krh-sv-card-link{ color:#247b35; font-weight:700; font-size:14px; text-decoration:none; }
.krh-sv-card-link:hover{ color:#0c5a2d; text-decoration:underline; }
.krh-sv-fact{ background:#fff; padding:56px 0; }
.krh-sv-fact-inner{ display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center; }
.krh-sv-fact-text p{ color:#5b6b61; line-height:1.75; font-size:15px; }
.krh-sv-harm{ display:flex; gap:14px; padding:14px 0; border-bottom:1px dashed #dfe7e1; align-items:flex-start; }
.krh-sv-harm:last-child{ border-bottom:0; }
.krh-sv-harm-num{ flex:0 0 38px; height:38px; border-radius:50%; background:#eef4ef; color:#247b35; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:16px; }
.krh-sv-harm strong{ color:#10251a; font-size:15px; display:block; }
.krh-sv-harm p{ margin:3px 0 0; font-size:13.5px; color:#5b6b61; }
.krh-sv-signs{ background:#f3f8f4; padding:56px 0; }
.krh-sv-grid-5{ grid-template-columns:repeat(5,1fr); }
.krh-sv-sign{ background:#fff; border:1px solid #dfe7e1; border-radius:16px; padding:20px 16px; text-align:center; }
.krh-sv-sign span{ font-size:28px; display:block; margin-bottom:8px; }
.krh-sv-sign h3{ font-size:14px; font-weight:800; color:#10251a; margin:0 0 6px; }
.krh-sv-sign p{ font-size:12.5px; color:#5b6b61; line-height:1.55; margin:0; }
.krh-sv-center-note{ text-align:center; margin:26px 0 0; font-size:15px; color:#17221b; }
.krh-sv-center-note a{ color:#247b35; }
.krh-sv-steps{ background:linear-gradient(160deg,#0c1f14,#10251a 60%,#0c5a2d); padding:56px 0; }
.krh-sv-steps-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:26px; }
.krh-sv-step{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:20px 16px; }
.krh-sv-step-num{ width:34px; height:34px; border-radius:50%; background:#56b947; color:#0c1f14; font-weight:800; display:flex; align-items:center; justify-content:center; margin-bottom:12px; font-size:15px; }
.krh-sv-step h3{ color:#fff; font-size:14.5px; font-weight:700; margin:0 0 6px; }
.krh-sv-step p{ color:#a9c9b4; font-size:12.5px; line-height:1.6; margin:0; }
.krh-sv-loi{ background:#eef4ef; padding:52px 0; }
.krh-sv-loi p{ color:#5b6b61; line-height:1.7; font-size:15px; max-width:820px; }
.krh-sv-cta{ background:linear-gradient(135deg,#0c1f14,#0c5a2d); padding:52px 0; color:#fff; text-align:center; }
.krh-sv-cta h2{ font-size:26px; font-weight:800; margin:0 0 10px; text-transform:uppercase; }
.krh-sv-cta p{ color:#cfe3d6; max-width:760px; margin:0 auto 26px; line-height:1.7; }
.krh-sv-cta-phones{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:980px; margin:0 auto; }
.krh-sv-cta-phones a{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:16px; padding:20px 16px; text-decoration:none; color:#fff; transition:.2s; }
.krh-sv-cta-phones a:hover{ background:rgba(255,255,255,.14); }
.krh-sv-cta-phones strong{ display:block; color:#56b947; font-size:21px; font-weight:800; }
.krh-sv-cta-phones span{ font-size:12.5px; color:#a9c9b4; }
@media (max-width:1024px){
  .krh-sv-grid-3,.krh-sv-grid-5,.krh-sv-steps-grid{ grid-template-columns:repeat(2,1fr); }
  .krh-sv-trust-grid{ grid-template-columns:repeat(2,1fr); }
  .krh-sv-trust-item{ border-bottom:1px solid #e6ece7; }
  .krh-sv-fact-inner{ grid-template-columns:1fr; gap:28px; }
  .krh-sv-cta-phones{ grid-template-columns:1fr; }
  .krh-sv-hero h1{ font-size:27px; }
}
@media (max-width:640px){
  .krh-sv-grid-3,.krh-sv-grid-5,.krh-sv-steps-grid,.krh-sv-trust-grid{ grid-template-columns:1fr; }
  .krh-sv-title{ font-size:21px; }
  .krh-sv-hero h1{ font-size:22px; }
  .krh-sv-hero{ padding:44px 0 40px; }
  .krh-sv-btn{ display:block; text-align:center; }
}
/* ===== KRH PAGE-FOOTER SEPARATOR (2026-09-06): tao khoang cach giua content va footer ===== */
#footer.footer-wrapper{ margin-top:64px; }
@media (max-width:640px){ #footer.footer-wrapper{ margin-top:36px; } }
/* ===== KRH FOOTER TOP BAR (2026-09-06): vach phan tach footer toan trang ===== */
#footer.footer-wrapper::before{ content:""; display:block; height:6px; background:linear-gradient(90deg,#0c5a2d 0%,#56b947 50%,#0c5a2d 100%); }
/* ===== KRH FOOTER TRUST (2026-09-06): 4 cam ket, nguon kangaroochinhhang.vn kg-footer-trust ===== */
.krh-ft-trust{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#ffffff; border:1px solid #dfe7e1; border-radius:18px; overflow:hidden; box-shadow:0 14px 34px rgba(16,37,26,.05); }
.krh-ft-trust__item{ position:relative; display:flex; align-items:center; gap:16px; padding:20px 26px; }
.krh-ft-trust__item:not(:last-child)::after{ content:""; position:absolute; top:22px; right:0; bottom:22px; width:1px; background:#e6ece7; }
.krh-ft-trust__item > span{ display:inline-flex; width:56px; height:56px; flex:0 0 56px; align-items:center; justify-content:center; border-radius:50%; background:#eef4ef; color:#247b35; }
.krh-ft-trust__item svg{ width:30px; height:30px; }
.krh-ft-trust h3{ margin:0; color:#10251a; font-size:16px; font-weight:800; line-height:1.25; }
.krh-ft-trust p{ margin:5px 0 0; color:#5b6b61; font-size:13px; line-height:1.5; }
@media (max-width:1024px){ .krh-ft-trust{ grid-template-columns:repeat(2,minmax(0,1fr)); } .krh-ft-trust__item:nth-child(2)::after{ display:none; } }
@media (max-width:640px){ .krh-ft-trust__item{ gap:12px; padding:14px 14px; } .krh-ft-trust__item > span{ width:44px; height:44px; flex-basis:44px; } .krh-ft-trust__item svg{ width:24px; height:24px; } .krh-ft-trust h3{ font-size:14px; } .krh-ft-trust p{ font-size:12px; } .krh-ft-trust__item:nth-child(odd){ border-right:1px solid #e6ece7; } .krh-ft-trust__item:nth-child(-n+2){ border-bottom:1px solid #e6ece7; } .krh-ft-trust__item::after{ display:none; } }

/* ===== KRH FOOTER TRUST UXB (2026-09-06): section-row-col, custom duoc trong UX Builder ===== */
.krh-ft-uxb .row{ background:#ffffff; border:1px solid #dfe7e1; border-radius:18px; box-shadow:0 14px 34px rgba(16,37,26,.05); }
.krh-ft-uxb .row .col{ padding:0; }
.krh-ft-uxb .col-inner{ display:flex; align-items:center; gap:16px; height:100%; padding:22px 26px; }
.krh-ft-uxb .col + .col .col-inner{ border-left:1px solid #e6ece7; }
.krh-ft-uxb-ico{ flex:0 0 56px; width:56px; height:56px; border-radius:50%; background:#eef4ef; color:#247b35; display:inline-flex; align-items:center; justify-content:center; }
.krh-ft-uxb-ico svg{ width:30px; height:30px; }
.krh-ft-uxb-txt h3{ margin:0; color:#10251a; font-size:16px; font-weight:800; line-height:1.25; }
.krh-ft-uxb-txt p{ margin:5px 0 0; color:#5b6b61; font-size:13px; line-height:1.5; }
@media (max-width:1024px){ .krh-ft-uxb .col + .col .col-inner{ border-left:0; } }
@media (max-width:640px){ .krh-ft-uxb .col-inner{ gap:12px; padding:16px 14px; } .krh-ft-uxb-ico{ flex-basis:44px; width:44px; height:44px; } .krh-ft-uxb-ico svg{ width:24px; height:24px; } .krh-ft-uxb-txt h3{ font-size:14px; } .krh-ft-uxb-txt p{ font-size:12px; } }
/* ===== KRH PDP FIX MOBILE (2026-09-07): gia do truoc - promote khong de - nut gon - bot trong ===== */
.single-product .devvn_single_price{ flex-direction:column; align-items:flex-start; gap:4px; }
.single-product .devvn_single_price > div{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; margin:0; }
.single-product .devvn_single_price > div:nth-of-type(1){ order:2; }
.single-product .devvn_single_price > div:nth-of-type(2){ order:1; }
.single-product .boxPromote{ overflow:visible !important; }
.single-product .boxPromote .promote{ position:static !important; display:block !important; float:none !important; height:auto !important; max-height:none !important; overflow:visible !important; line-height:1.5 !important; z-index:1; }
.single-product .boxPromote .contentPromote{ display:block !important; position:static !important; }
@media (max-width:768px){
  .single-product .buy_now_button.button{ min-height:44px; padding:8px 14px !important; font-size:15px; line-height:1.4; }
  .single-product .buy_now_button i{ font-size:15px; margin-right:6px; }
}
.single-product .krh-pd-installment{ display:block; margin:6px 0 0 !important; }
.single-product .krh-installment-link{ display:flex; align-items:center; gap:8px; }
.single-product .krh-installment-link svg{ width:22px; height:22px; flex:0 0 auto; }
.single-product .krh-installment-link small{ display:block; }
.single-product .product-info.summary .social-icons.share-icons{ margin-top:8px !important; }
/* ===== KRH PDP SUPPORT-TABS GAP (2026-09-07): tao khoang cach, tranh nut de len khung tab ===== */
body.single-product .product-footer > .container > section.krh-product-support{ margin-bottom:22px; }
body.single-product .product-footer > .container > div.woocommerce-tabs{ position:relative; z-index:0; clear:both; }

/* FIX: Box Khuyen mai trong tuan - chong tran watermark va chuan hoa header (Solar Design 2026-09-07) */
body.single-product .product-info.summary form.cart .boxPromote {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(86, 185, 71, 0.35) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}
body.single-product .product-info.summary form.cart .boxPromote .promote {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  background: #eaf6ec !important;
  color: #1a4d2e !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  border-bottom: 1px solid rgba(86, 185, 71, 0.2) !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote {
  position: relative !important;
  z-index: 1 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}
body.single-product .product-info.summary form.cart .boxPromote::before {
  content: "" !important;
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  width: 110px !important;
  height: 110px !important;
  opacity: 0.08 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20stroke%3D%22%2356b947%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2054h92v58H18zM12%2040h104v20H12zM64%2040v72M64%2040H43c-11%200-16-13-8-20%209-8%2024%204%2029%2020zm0%200h21c11%200%2016-13%208-20-9-8-24%204-29%2020z%22/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* PDP: HOÀN THIỆN HEADER KHUYẾN MẠI TRONG TUẦN (.boxPromote .promote) - Solar Design 2026-09-07 */
body.single-product .product-info.summary form.cart .boxPromote {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #cce8d0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}
body.single-product .product-info.summary form.cart .boxPromote .promote {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  background: linear-gradient(180deg, #f0f9f1 0%, #e5f4e7 100%) !important;
  border-bottom: 1px solid #d3ecd7 !important;
  border-radius: 9px 9px 0 0 !important;
  color: #1e6b2e !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
body.single-product .product-info.summary form.cart .boxPromote .promote::before {
  content: "" !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f47721'%3E%3Cpath d='M20 7h-2.18A4.98 4.98 0 0 0 16 3.82C15.06 2.7 13.78 2 12 2s-3.06.7-4 1.82A4.98 4.98 0 0 0 5.18 7H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8h1a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm-9-3c.89 0 1.63.48 2.06 1.2.35.59.44 1.25.44 1.8H9.5c0-.55.09-1.21.44-1.8C10.37 4.48 11.11 4 12 4zm-4 3c0-.55.09-1.21.44-1.8C8.87 4.48 9.61 4 10.5 4c.89 0 1.63.48 2.06 1.2-.18.3-.35.65-.46 1.05H7c0-.08 0-.17 0-.25zm6 13H6v-8h7v8zm2 0v-8h5v8h-5z'/%3E%3C/svg%3E") !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote {
  padding: 11px 14px 12px 14px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #333333 !important;
}
/* ===== KRH PDP PROMOTE CORNER FIX (2026-09-07): het ho goc tren trai header khuyen mai ===== */
body.single-product .product-info.summary form.cart .boxPromote .promote{ border-radius: 11px 11px 0 0 !important; }

/* ============================================================
   KRH PDP BOX KHUYEN MAI + NUT MUA NGAY — BAN TOI THUONG (Solar Design + Dev 2026-09-07)
   ============================================================ */
body.single-product .product-info.summary form.cart .boxPromote {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 !important;
    padding: 0 !important;
    border: 1px solid #cce8d0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
}
body.single-product .product-info.summary form.cart .boxPromote .promote {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 9px 12px 9px 12px !important;
    box-sizing: border-box !important;
    background-color: #eaf6ec !important;
    background-image: none !important;
    border-bottom: 1px solid #d4ebd8 !important;
    border-radius: 7px 7px 0 0 !important;
    color: #1b7a36 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
    overflow: visible !important;
    white-space: normal !important;
}
body.single-product .product-info.summary form.cart .boxPromote .promote::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    margin-right: 8px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 12px 14px 14px 14px !important;
    border: none !important;
    border-radius: 0 0 7px 7px !important;
    background: #ffffff !important;
    color: #333333 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    overflow: visible !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote p {
    margin: 0 0 10px 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #1a1a1a !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote ul {
    margin: 0 !important;
    padding: 0 0 0 18px !important;
    list-style: disc !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote ul li {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #3f4d44 !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote ul li:last-child {
    margin-bottom: 0 !important;
}
body.single-product .product-info.summary form.cart .single_add_to_cart_button,
body.single-product .product-info.summary form.cart button.buy_now_button,
body.single-product .product-info.summary form.cart .buy_now_button.button {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 16px !important;
    margin: 8px 0 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
body.single-product .product-info.summary form.cart button.buy_now_button,
body.single-product .product-info.summary form.cart .buy_now_button.button {
    background-color: #f97316 !important;
    color: #ffffff !important;
    border: none !important;
}
body.single-product .product-info.summary form.cart button.buy_now_button:hover,
body.single-product .product-info.summary form.cart .buy_now_button.button:hover {
    background-color: #ea580c !important;
}
body.single-product .product-info.summary form.cart .buy_now_button i,
body.single-product .product-info.summary form.cart .buy_now_button svg,
body.single-product .product-info.summary form.cart .buy_now_button .icon {
    font-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
    line-height: 1 !important;
    margin-right: 8px !important;
    margin-left: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}
/* ============================================================
   KRH PDP SPACING VA FULL CONTENT (Solar Design + Dev 2026-09-07)
   ============================================================ */
body.single-product .product-info.summary form.cart .boxPromote,
body.single-product .product-info.summary .boxPromote {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 12px 0 !important;
  box-sizing: border-box !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote,
body.single-product .product-info.summary .boxPromote .contentPromote {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: break-word !important;
  padding: 12px 14px !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote ul,
body.single-product .product-info.summary form.cart .boxPromote .contentPromote ol {
  margin: 0 !important;
  padding-left: 20px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  list-style-position: outside !important;
}
body.single-product .product-info.summary form.cart .boxPromote .contentPromote li {
  margin-bottom: 6px !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  overflow: visible !important;
  height: auto !important;
  line-height: 1.5 !important;
}
body.single-product .product-info.summary form.cart > p[style] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: break-word !important;
  margin: 0 0 12px 0 !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  border-radius: 6px !important;
}
body.single-product .product-info.summary form.cart > style,
body.single-product .product-info.summary form.cart > script,
body.single-product .product-info.summary form.cart > input[type="hidden"],
body.single-product .product-info.summary form.cart > .clear,
body.single-product .product-info.summary form.cart > .clearfix {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
body.single-product .product-info.summary form.cart .krh-pd-installment,
body.single-product .product-info.summary .krh-pd-installment {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  height: auto !important;
  min-height: 0 !important;
}
body.single-product .product-info.summary .krh-pd-installment .krh-installment-link {
  margin: 0 !important;
}
body.single-product .product-info.summary .social-icons,
body.single-product .product-info.summary .share-icons,
body.single-product .product-info.summary .social-icons.share-icons {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}
@media (max-width: 849px) {
  body.single-product .product-info.summary {
    gap: 0 !important;
  }
}

/* ============================================================
   KRH PDP COMMIT CLEAN — bo border, margin 24, can doi khoang cach (2026-09-07)
   ============================================================ */
body.single-product section.krh-commit {
  margin: 24px auto 24px !important;
  padding: 16px 16px 16px !important;
}
body.single-product .krh-commit-grid {
  border-top: 0 !important;
}
body.single-product .krh-commit-item {
  border-bottom: 0 !important;
  padding: 12px 8px !important;
}
body.single-product .krh-commit-item:nth-child(odd) {
  border-right: 0 !important;
}
@media (max-width: 768px) {
  body.single-product section.krh-commit {
    padding: 14px 12px 14px !important;
  }
  body.single-product .krh-commit-item {
    padding: 11px 4px !important;
  }
}
/* ==========================================================================
   HOMEPAGE TABBED CONTENT (TAB DEMO) - KRH DESIGN SYSTEM V2.1
   Ap dung rieng cho block Tabbed Content tren trang chu (loai tru PDP tabs)
   ========================================================================== */
body.home .tabbed-content:not(.woocommerce-tabs) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  background: #ffffff;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
body.home .tabbed-content:not(.woocommerce-tabs) > h4,
body.home .tabbed-content:not(.woocommerce-tabs) > .title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #247b35;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  line-height: 1.3;
  flex-shrink: 0;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  border: none;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab {
  margin: 0;
  padding: 0;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 18px;
  min-height: 34px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.2;
  color: #247b35;
  background-color: #ffffff;
  border: 1.5px solid #247b35;
  border-radius: 99px;
  text-transform: none;
  transition: all 0.25s ease;
  box-sizing: border-box;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab:not(.active) > a:hover {
  background-color: rgba(36, 123, 53, 0.08);
  border-color: #195e27;
  color: #195e27;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab.active > a {
  background-color: #247b35;
  border-color: #247b35;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(36, 123, 53, 0.25);
}
body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 14px;
  padding: 0;
  border: none;
}
body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels > .panel {
  padding: 0;
}
@media (max-width: 849px) {
  body.home .tabbed-content:not(.woocommerce-tabs) {
    padding: 16px;
    gap: 12px;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > h4,
  body.home .tabbed-content:not(.woocommerce-tabs) > .title {
    width: 100%;
    font-size: 18px;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    gap: 8px;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills::-webkit-scrollbar {
    display: none;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
    scrollbar-width: none;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab {
    flex-shrink: 0;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
    padding: 6px 14px;
    font-size: 13px;
    white-space: nowrap;
  }
}

/* KRH TABGROUP TITLE H2 (2026-09-07): title tabgroup la h2 thay h4 - giu native */
body.home .tabbed-content:not(.woocommerce-tabs) > h2 {
  margin: 0 !important;
  font-size: 20px;
  font-weight: 700;
  color: #247b35;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  line-height: 1.3;
  flex-shrink: 0;
}
@media (max-width: 849px) {
  body.home .tabbed-content:not(.woocommerce-tabs) > h2 {
    width: 100%;
    font-size: 18px;
  }
}
/* solar-v7-acceptance-test */

/* ==========================================================================
   HOMEPAGE TABBED CONTENT (TAB DEMO) - DONG BO PATTERN SECTION SAN PHAM
   Ghi de style Tab Demo sang pattern capsule thanh manh: vien #d9e3db,
   active var(--krh-g), radius 20px, font 11px, bo shadow/vien 1.5px.
   ========================================================================== */
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 0 16px 0;
  padding: 0;
  border: none;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab {
  margin: 0;
  padding: 0;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  min-height: unset;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  color: #54645a !important;
  background-color: #ffffff !important;
  border: 1px solid #d9e3db !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  text-transform: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab:not(.active) > a:hover {
  background-color: #f7faf8 !important;
  border-color: #b8c8bc !important;
  color: #247b35 !important;
}
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab.active > a {
  background-color: var(--krh-g, #56b947) !important;
  border-color: var(--krh-g, #56b947) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 600;
}
@media (max-width: 849px) {
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 6px;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills::-webkit-scrollbar {
    display: none;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab {
    flex-shrink: 0;
  }
  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
    padding: 5px 11px;
    font-size: 10px;
    white-space: nowrap;
  }
}

/* ============ KRH CHECKOUT MOBILE & DESKTOP ALIGNMENT (VOI THANK YOU PAGE), 2026-09 ============ */
body.woocommerce-checkout .page-checkout {
	max-width: 960px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
body.woocommerce-checkout .page-checkout #customer_details,
body.woocommerce-checkout .page-checkout #order_review,
body.woocommerce-checkout .page-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .page-checkout form.checkout_coupon,
body.woocommerce-checkout .page-checkout .woocommerce-cart-form {
	background: #ffffff;
	border: 1px solid #e6ece7;
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 16px;
	box-shadow: 0 1px 3px rgba(16, 37, 26, 0.03);
}
body.woocommerce-checkout .page-checkout h3,
body.woocommerce-checkout .page-checkout h3#order_review_heading,
body.woocommerce-checkout .page-checkout .checkout-sidebar h3 {
	font-size: 19px !important;
	font-weight: 800 !important;
	color: #10251a !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin: 0 0 14px 0 !important;
	padding-bottom: 8px;
	border-bottom: 1px solid #e6ece7;
}
body.woocommerce-checkout .page-checkout .form-row label {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #7a8d80 !important;
	margin-bottom: 5px !important;
	text-transform: none !important;
}
body.woocommerce-checkout .page-checkout .form-row .required {
	color: #e02424;
}
body.woocommerce-checkout .page-checkout .form-row input.input-text,
body.woocommerce-checkout .page-checkout .form-row select,
body.woocommerce-checkout .page-checkout .form-row textarea {
	border: 1px solid #e6ece7 !important;
	border-radius: 8px !important;
	padding: 0 14px !important;
	height: 44px;
	font-size: 14px;
	color: #10251a;
	background: #ffffff;
	box-shadow: none !important;
	transition: border-color .18s cubic-bezier(.32,.72,0,1), box-shadow .18s cubic-bezier(.32,.72,0,1);
}
body.woocommerce-checkout .page-checkout .form-row textarea {
	height: auto;
	padding: 10px 14px !important;
}
body.woocommerce-checkout .page-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .page-checkout .form-row select:focus,
body.woocommerce-checkout .page-checkout .form-row textarea:focus {
	border-color: #247b35 !important;
	box-shadow: 0 0 0 3px rgba(36, 123, 53, 0.12) !important;
	outline: none !important;
}
body.woocommerce-checkout .page-checkout form.checkout_coupon .coupon,
body.woocommerce-checkout .page-checkout form.checkout_coupon .flex-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	align-items: center !important;
}
body.woocommerce-checkout .page-checkout form.checkout_coupon input#coupon_code {
	flex: 1 1 auto !important;
	height: 44px !important;
	margin: 0 !important;
}
body.woocommerce-checkout .page-checkout form.checkout_coupon button[name="apply_coupon"] {
	flex: 0 0 auto !important;
	height: 44px !important;
	line-height: 44px !important;
	padding: 0 18px !important;
	background: #247b35 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	margin: 0 !important;
	cursor: pointer;
	white-space: nowrap;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table {
	border: none !important;
	margin: 0 0 16px 0 !important;
	width: 100% !important;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table thead th {
	background: #f7faf7;
	border-bottom: 2px solid #dce8dc;
	color: #10251a;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: 10px 12px;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tbody td,
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tfoot td {
	border-bottom: 1px solid #e6ece7;
	padding: 12px 10px;
	color: #10251a;
	font-size: 13.5px;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tfoot th {
	color: #7a8d80;
	font-weight: 600;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tfoot td {
	text-align: right;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tr.order-total th,
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tr.order-total td {
	border-bottom: none;
	font-size: 16px;
	font-weight: 800;
	color: #10251a;
	padding-top: 14px;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table .amount {
	color: #e02424 !important;
	font-weight: 700;
}
body.woocommerce-checkout .page-checkout table.woocommerce-checkout-review-order-table tr.order-total .amount {
	font-size: 19px !important;
	font-weight: 800 !important;
}
body.woocommerce-checkout .page-checkout #payment {
	background: #f7faf7 !important;
	border: 1px solid #e6ece7 !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
}
body.woocommerce-checkout .page-checkout #payment ul.wc_payment_methods {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid #e6ece7;
}
body.woocommerce-checkout .page-checkout #payment ul.wc_payment_methods li.wc_payment_method {
	padding: 10px 0 !important;
}
body.woocommerce-checkout .page-checkout #payment ul.wc_payment_methods li.wc_payment_method > label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #10251a !important;
	cursor: pointer;
	margin: 0 !important;
	line-height: 1.4;
}
body.woocommerce-checkout .page-checkout #payment ul.wc_payment_methods li.wc_payment_method > input[type="radio"] {
	margin: 0 !important;
	accent-color: #247b35;
	width: 17px;
	height: 17px;
	flex-shrink: 0;
}
body.woocommerce-checkout .page-checkout #payment div.payment_box {
	background: #ffffff !important;
	border: 1px solid #e6ece7 !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
	font-size: 13px !important;
	color: #36503e !important;
	line-height: 1.5;
	margin: 8px 0 6px 26px !important;
}
body.woocommerce-checkout .page-checkout #payment div.payment_box::before {
	display: none !important;
}
body.woocommerce-checkout .page-checkout #payment div.place-order {
	padding: 16px 0 0 !important;
	margin: 0 !important;
}
body.woocommerce-checkout .page-checkout #payment button#place_order {
	display: block !important;
	width: 100% !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 16px !important;
	background: #247b35 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: .02em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(36, 123, 53, 0.2);
	transition: background-color .18s cubic-bezier(.32,.72,0,1), transform .18s cubic-bezier(.32,.72,0,1);
}
body.woocommerce-checkout .page-checkout #payment button#place_order:hover {
	background: #1e662c !important;
}
body.woocommerce-checkout .page-checkout #payment button#place_order:active {
	transform: scale(0.985);
}
@media (max-width: 768px) {
	body.woocommerce-checkout .page-checkout #customer_details,
	body.woocommerce-checkout .page-checkout #order_review,
	body.woocommerce-checkout .page-checkout .woocommerce-cart-form {
		padding: 14px 14px !important;
		margin-bottom: 14px !important;
	}
	body.woocommerce-checkout .page-checkout .checkout-sidebar {
		margin-top: 0 !important;
	}
	body.woocommerce-checkout .page-checkout #payment div.payment_box {
		margin-left: 0 !important;
	}
}
/* ============ KRH ONEPAGE CART COMPACT, APPEND-ONLY (PHAN A: container + cart item grid) ============ */
body.woocommerce-checkout:not(.woocommerce-order-received) #main {
	background: var(--krh-soft);
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout {
	width: calc(100% - 24px);
	max-width: 640px !important;
	box-sizing: border-box;
	padding: 20px 24px 26px;
	border-radius: var(--krh-radius);
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce.row:has(.woocommerce-cart-form) {
	margin-bottom: 18px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form {
	overflow: hidden;
	margin-bottom: 12px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form .cart-wrapper {
	overflow: visible;
	min-width: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	overflow: visible;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart thead {
	display: none;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart tbody {
	display: block;
	width: 100%;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart tr.cart_item {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) minmax(86px, auto);
	grid-template-rows: auto auto;
	column-gap: 10px;
	row-gap: 8px;
	align-items: center;
	min-width: 0;
	min-height: 96px;
	padding: 12px 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--krh-line);
	border-radius: 0;
	box-shadow: none;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart tr.cart_item:first-child {
	padding-top: 4px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart tr.cart_item td {
	display: block;
	width: auto !important;
	min-width: 0;
	padding: 0;
	text-align: left;
	border: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart tr.cart_item td::before {
	display: none;
	content: none;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-thumbnail {
	grid-column: 1;
	grid-row: 1 / 3;
	width: 72px !important;
	align-self: start;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-thumbnail img {
	display: block;
	width: 72px;
	height: 72px;
	max-width: 72px;
	object-fit: contain;
	border: 1px solid var(--krh-line);
	border-radius: 10px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-name {
	grid-column: 2;
	grid-row: 1;
	align-self: start;
	overflow-wrap: anywhere;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-name > a {
	display: block;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.4;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form .mobile-product-price {
	display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-price {
	grid-column: 3;
	grid-row: 1;
	align-self: start;
	justify-self: end;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.4;
	text-align: right;
	white-space: nowrap;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-quantity {
	grid-column: 3;
	grid-row: 2;
	align-self: end;
	justify-self: end;
	text-align: right;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-quantity .quantity {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-quantity .qty {
	width: 42px;
	height: 34px;
	margin: 0;
	padding: 0 4px;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-remove {
	grid-column: 2;
	grid-row: 2;
	align-self: end;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-remove a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: auto !important;
	height: 28px;
	padding: 0 9px;
	font-size: 15px;
	line-height: 26px;
	background: transparent;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-remove a.remove::after {
	content: "Xóa";
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-subtotal {
	display: none !important;
}
/* ============ KRH ONEPAGE CART COMPACT (PHAN B: actions + coupon + totals + mobile) ============ */
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart tbody > tr:has(> td.actions) {
	display: block;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form table.shop_table.cart td.actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	width: 100% !important;
	box-sizing: border-box;
	padding: 14px 0 0;
	border: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > .button,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > .button-continue-shopping {
	float: none !important;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	height: 40px;
	min-height: 40px;
	margin: 0 !important;
	padding: 0 14px;
	line-height: 40px;
	text-transform: none;
	white-space: nowrap;
	border-radius: 8px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > button[name="update_cart"] {
	color: #fff;
	background: var(--krh-gd);
	border-color: var(--krh-gd);
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > button[name="update_cart"]:hover {
	background: var(--krh-gx);
	border-color: var(--krh-gx);
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form .actions .coupon,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .ux-cart-coupon .coupon,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout form.checkout_coupon .coupon {
	display: flex !important;
	flex: 1 0 100%;
	flex-wrap: wrap !important;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin: 0 0 4px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon h3 {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 0 6px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon .flex-row {
	display: flex !important;
	flex: 1 1 100%;
	flex-wrap: nowrap !important;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon .flex-grow {
	min-width: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon input.input-text,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout form.checkout_coupon input#coupon_code {
	flex: 1 1 0;
	width: auto !important;
	min-width: 0;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 12px;
	border: 1px solid var(--krh-line);
	border-radius: 8px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon button[name="apply_coupon"],
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout form.checkout_coupon button[name="apply_coupon"] {
	flex: 0 0 auto;
	width: auto;
	max-width: 48%;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 40px !important;
	white-space: nowrap;
	background: var(--krh-gd) !important;
	border: 1px solid var(--krh-gd) !important;
	border-radius: 8px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon button[name="apply_coupon"]:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout form.checkout_coupon button[name="apply_coupon"]:hover {
	background: var(--krh-gx) !important;
	border-color: var(--krh-gx) !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-collaterals {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid var(--krh-line);
	border-radius: 10px;
	box-shadow: none;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals {
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals h2 {
	margin: 0 0 6px;
	font-size: 15px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table tr {
	display: table-row !important;
	border-bottom: 1px solid var(--krh-line);
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table tr:last-child {
	border-bottom: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table th,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table td {
	display: table-cell !important;
	width: auto !important;
	padding: 9px 0;
	vertical-align: middle;
	border: 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table th {
	width: 55% !important;
	text-align: left;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table td {
	text-align: right;
	white-space: nowrap;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .cart-sidebar .cart_totals table.shop_table td::before {
	display: none;
	content: none;
}
@media (max-width: 768px) {
	body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout {
		width: calc(100% - 16px);
		padding: 12px 10px 20px;
		border-radius: 12px;
	}
	body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form {
		padding: 12px !important;
	}
	body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > .button,
	body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > .button-continue-shopping {
		flex: 1 1 100%;
		width: 100%;
		text-align: center;
	}
	body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon button[name="apply_coupon"],
	body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout form.checkout_coupon button[name="apply_coupon"] {
		padding-right: 10px !important;
		padding-left: 10px !important;
		font-size: 12.5px !important;
	}
}

/* KRH BO BREAADCRUMB TRANG THANH TOAN / GIO HANG (2026-09-07) */
body.woocommerce-checkout nav.woocommerce-breadcrumb,
body.woocommerce-checkout .breadcrumbs,
body.woocommerce-checkout .breadcrumb,
body.woocommerce-cart nav.woocommerce-breadcrumb,
body.woocommerce-cart .breadcrumbs,
body.woocommerce-cart .breadcrumb {
	display: none !important;
}

/* ==========================================================================
   KRH TYPOGRAPHY RELIEF — checkout/cart (Solar Design 2026-09-07)
   User: "chữ tức tức" — nới line-height, giảm weight, bỏ uppercase nhồi,
   label/input thoáng hơn; KHÔNG đụng .krh-ty* (thankyou).
   ========================================================================== */
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.product-name > a {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form tr.cart_item {
	line-height: 1.45 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-message,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-info,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-notices-wrapper .woocommerce-message {
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	padding: 10px 14px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon h3,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon h3.coupon-title {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #2c4434 !important;
	text-transform: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon button[name="apply_coupon"],
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout form.checkout_coupon button[name="apply_coupon"] {
	font-weight: 600 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .form-row label {
	font-size: 14px !important;
	font-weight: 600 !important;
	margin-bottom: 6px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .form-row input.input-text,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .form-row select,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .form-row textarea {
	font-size: 14px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .form-row input::placeholder,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .form-row textarea::placeholder {
	color: #7a8d80 !important;
	font-style: normal !important;
	font-size: 13.5px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > .button,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > .button-continue-shopping {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-cart-form td.actions > button[name="update_cart"] {
	background: #2e7d4d !important;
	border-color: #2e7d4d !important;
}

/* ==========================================================================
   KRH PORT LOCNUOCSINHHOAT — CART+CHECKOUT (PHAN A: container + bang cart + coupon)
   Copy NGUYEN layout locnuocsinhhoat.com.vn, chi doi mau/border theo Kangaroo.
   KHONG dung .woocommerce-order-received (thankyou giu nguyen).
   ========================================================================== */
.woocommerce-cart:not(.woocommerce-order-received) #main,
.woocommerce-checkout:not(.woocommerce-order-received) #main {
  background-color: var(--krh-soft, #f3f8f4);
  padding: 10px 0;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout {
  max-width: 600px !important;
  background-color: #fff;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 10px 30px;
  overflow: hidden;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout input,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout input {
  border: 1px solid var(--krh-line, #dfe7e1);
  border-radius: 8px;
  color: var(--krh-ink, #17221b);
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table {
  border-collapse: collapse;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item {
  border-bottom: 1px solid #e6ece7;
  height: 100px;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td {
  border-bottom: none;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-thumbnail,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-thumbnail {
  max-width: 75px;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-name,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-name {
  width: auto;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-name > a,
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-price-quantity,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-name > a,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-price-quantity {
  display: block;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item div.product-price,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item div.product-price {
  display: block;
  padding: 15px 0 5px;
  text-align: right;
  color: #e02424;
  font-weight: 600;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item div.product-quantity,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item div.product-quantity {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
  margin-bottom: 10px;
  margin-top: 10px;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-remove,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart_item td.product-remove {
  width: auto;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart-subtotal td,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart-subtotal td {
  text-align: right;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart-subtotal span.amount,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table tr.cart-subtotal span.amount {
  color: #10251a;
  font-weight: 400;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .minus,
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .plus,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .minus,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .plus {
  width: 35px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid var(--krh-line, #dfe7e1);
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .minus:hover,
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .plus:hover,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .minus:hover,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table .quantity .plus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table a.remove,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table a.remove {
  font-size: 15px !important;
  line-height: 10px !important;
  width: 15px;
  height: 15px;
  border: 1px solid;
  color: #e02424;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .shop_table a.remove:after,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .shop_table a.remove:after {
  content: "Xóa";
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 0.8em;
  top: 8px;
  left: -5px;
  color: #7a8d80;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .continue-shopping,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .continue-shopping {
  width: 100%;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .continue-shopping a.button,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .continue-shopping a.button {
  width: 100%;
  border-radius: 8px;
  border-width: 1px;
  font-weight: 400;
  border-color: var(--krh-gd, #247b35);
  color: var(--krh-gd, #247b35);
  background: #fff;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .coupon h3.coupon-title,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon h3.coupon-title {
  font-weight: 400;
  text-align: left;
  font-size: 14px;
  color: var(--krh-gd, #247b35);
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .coupon input,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon input {
  border-radius: 8px;
  width: 49%;
  float: left;
  display: block;
  margin-top: 0;
  height: 35px;
}
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout .coupon input[type="submit"],
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .coupon input[type="submit"] {
  background-color: var(--krh-gd, #247b35);
  color: #fff;
  margin-right: 0;
  float: right;
  text-shadow: none;
  border: none;
}
/* ==========================================================================
   KRH PORT LOCNUOCSINHHOAT — (PHAN B: fields + checkout-sidebar + nut)
   ========================================================================== */
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields {
  border-top: none;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields:before,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields:before {
  content: "";
  height: 1px;
  width: calc(100% + 60px);
  background: #e6ece7;
  display: block;
  margin-left: -30px;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields h3,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields h3 {
  font-weight: 600;
  font-size: 16px;
  color: #10251a;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields p,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields p {
  display: inline-block;
  width: 100%;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields p input,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields p input {
  display: block;
  overflow: hidden;
  border: 1px solid var(--krh-line, #dfe7e1);
  border-radius: 8px;
  padding: 10px;
  color: var(--krh-ink, #17221b);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields .customer-gender label,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields .customer-gender label {
  font-weight: 400;
  display: inline-block;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields #billing_last_name_field,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields #billing_last_name_field {
  width: 49%;
  margin-right: 1%;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields #billing_phone_field,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields #billing_phone_field {
  width: 49%;
  margin-left: 1%;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-billing-fields #billing_address_1_field,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields #billing_address_1_field {
  width: 100%;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-additional-fields p,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-additional-fields p {
  display: inline-block;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-additional-fields p input,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-additional-fields p input {
  display: block;
  overflow: hidden;
  border: 1px solid var(--krh-line, #dfe7e1);
  border-radius: 8px;
  padding: 10px;
  color: var(--krh-ink, #17221b);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.woocommerce-cart:not(.woocommerce-order-received) .woocommerce-additional-fields #order_comments_field,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-additional-fields #order_comments_field {
  width: 100%;
}
.woocommerce-cart:not(.woocommerce-order-received) .checkout-sidebar:before,
.woocommerce-checkout:not(.woocommerce-order-received) .checkout-sidebar:before {
  content: "";
  height: 1px;
  width: calc(100% + 60px);
  background: #e6ece7;
  display: block;
  margin-left: -30px;
}
.woocommerce-cart:not(.woocommerce-order-received) .checkout-sidebar h3,
.woocommerce-checkout:not(.woocommerce-order-received) .checkout-sidebar h3 {
  font-weight: 600;
  font-size: 16px;
  color: #10251a;
}
.woocommerce-cart:not(.woocommerce-order-received) .checkout-sidebar button#place_order,
.woocommerce-checkout:not(.woocommerce-order-received) .checkout-sidebar button#place_order {
  display: block;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin: 10px auto;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  background: var(--krh-gd, #247b35);
  border: none;
  font-weight: 600;
  font-size: 15px;
  height: 46px;
  line-height: 46px;
}
.woocommerce-cart:not(.woocommerce-order-received) .return-to-shop a.button,
.woocommerce-checkout:not(.woocommerce-order-received) .return-to-shop a.button {
  display: block;
  overflow: hidden;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid var(--krh-gd, #247b35);
  margin: 0 10px;
  color: var(--krh-gd, #247b35);
  background: #fff;
}
.woocommerce-cart:not(.woocommerce-order-received) .return-to-shop a.button:hover,
.woocommerce-checkout:not(.woocommerce-order-received) .return-to-shop a.button:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* ==========================================================================
   KRH CHECKOUT FINAL POLISH (Solar Design audit 2026-09-07) — chuan locnuoc
   ========================================================================== */
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout,
.woocommerce-cart:not(.woocommerce-order-received) .page-checkout {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
}
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout input[type="text"],
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout input[type="tel"],
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout input[type="email"],
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout textarea,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .button,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout button[name="apply_coupon"],
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout #place_order {
  border-radius: 8px !important;
}
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout button[name="apply_coupon"],
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout #place_order {
  background-color: #247b35 !important;
  border-color: #247b35 !important;
}
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .return-to-shop a.button {
  background: transparent !important;
  color: #247b35 !important;
  border: 1px solid #247b35 !important;
  border-radius: 8px !important;
  font-weight: 500;
}
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-message,
.woocommerce-checkout:not(.woocommerce-order-received) .page-checkout .woocommerce-info {
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media (max-width: 549px) {
  #top-bar .flex-row {
    font-size: 11px;
    letter-spacing: -0.2px;
  }
}
/* ==========================================================================
   HOMEPAGE TAB DEMO: ALIGN PIXEL-PERFECT TO SECTION-TITLE PATTERN
   ========================================================================== */

/* 1. Header Container: Bỏ card container, bo góc và box-shadow */
body.home .tabbed-content:not(.woocommerce-tabs) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 16px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 17px 0 14px 0 !important;
  margin-bottom: 16px !important;
}

/* 2. Tiêu đề h2/h4: Khớp chính xác font-size, weight, màu var(--krh-gx) */
body.home .tabbed-content:not(.woocommerce-tabs) > h2,
body.home .tabbed-content:not(.woocommerce-tabs) > h4,
body.home .tabbed-content:not(.woocommerce-tabs) > .title {
  margin: 0 !important;
  color: var(--krh-gx, #0c5a2d) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

/* Hỗ trợ sub-title nếu có đoạn p đi kèm tiêu đề */
body.home .tabbed-content:not(.woocommerce-tabs) p.subtitle,
body.home .tabbed-content:not(.woocommerce-tabs) > p {
  margin: 3px 0 0 !important;
  font-size: 11px !important;
  color: var(--krh-muted, #6c776f) !important;
  font-weight: 400 !important;
}

/* 3. Pills List: Canh phải, gap 7px */
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: none !important;
}

body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab {
  margin: 0 !important;
  padding: 0 !important;
}

/* 4. Tab Item Pill: Khớp 1:1 spec .section-title .tab (7px 11px, 10px, radius 20px) */
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 11px !important;
  min-height: auto !important;
  border: 1px solid #d9e3db !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #54645a !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a:hover {
  background: #f7faf8 !important;
  border-color: #c2d2c6 !important;
  color: var(--krh-gx, #0c5a2d) !important;
}

/* Tab Active State */
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab.active > a,
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a[aria-selected="true"] {
  background: var(--krh-g, #56b947) !important;
  border-color: var(--krh-g, #56b947) !important;
  color: #ffffff !important;
}

/* 5. Panels: Bỏ viền/padding cục bộ, trải phẳng cùng nhịp độ layout */
body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels {
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
}

body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels > .panel {
  padding: 0 !important;
  margin: 0 !important;
}

/* 6. Responsive Mobile (<= 768px): Khớp spec mobile .section-title */
@media (max-width: 768px) {
  body.home .tabbed-content:not(.woocommerce-tabs) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 12px 0 8px 0 !important;
    margin-bottom: 12px !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > h2,
  body.home .tabbed-content:not(.woocommerce-tabs) > h4,
  body.home .tabbed-content:not(.woocommerce-tabs) > .title {
    font-size: 15px !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) p.subtitle,
  body.home .tabbed-content:not(.woocommerce-tabs) > p {
    font-size: 9px !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
    width: 100% !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
    margin: 0 !important;
    scrollbar-width: none;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills::-webkit-scrollbar {
    display: none;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
    padding: 6px 9px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   HOMEPAGE TAB DEMO: ALIGN PIXEL-PERFECT TO SECTION-TITLE PATTERN (SEAMLESS CARD)
   ========================================================================== */

/* 1. Header Container: Tách header thành dải trên của Card, bo góc trên 14px, viền chuẩn #dfe7e1 */
body.home .tabbed-content:not(.woocommerce-tabs) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid var(--krh-line, #dfe7e1) !important;
  border-bottom: 1px solid #e6ece7 !important;
  border-radius: var(--krh-radius, 14px) var(--krh-radius, 14px) 0 0 !important;
  padding: 17px 18px 14px 18px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

/* 2. Tiêu đề h2/h4: Không chiếm 100% bề ngang, màu var(--krh-gx), chuẩn 20px/800 */
body.home .tabbed-content:not(.woocommerce-tabs) > h2,
body.home .tabbed-content:not(.woocommerce-tabs) > h4,
body.home .tabbed-content:not(.woocommerce-tabs) > .title {
  flex: 0 0 auto !important;
  max-width: calc(100% - 320px) !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--krh-gx, #0c5a2d) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

/* Hỗ trợ subtitle nếu có */
body.home .tabbed-content:not(.woocommerce-tabs) p.subtitle,
body.home .tabbed-content:not(.woocommerce-tabs) > p {
  flex: 0 0 100% !important;
  order: 2 !important;
  margin: 3px 0 0 0 !important;
  font-size: 11px !important;
  color: var(--krh-muted, #6c776f) !important;
  font-weight: 400 !important;
}

/* 3. Pills List: Ép nằm cùng hàng với title trên Desktop, đẩy sang lề phải */
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab {
  margin: 0 !important;
  padding: 0 !important;
}

/* 4. Tab Item Pill: Khớp chính xác .section-title .tab (Ảnh C) */
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 11px !important;
  min-height: auto !important;
  border: 1px solid #d9e3db !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #54645a !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a:hover {
  background: #f7faf8 !important;
  border-color: #c2d2c6 !important;
  color: var(--krh-gx, #0c5a2d) !important;
}

body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab.active > a,
body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a[aria-selected="true"] {
  background: var(--krh-g, #56b947) !important;
  border-color: var(--krh-g, #56b947) !important;
  color: #ffffff !important;
}

/* 5. Panels: Đóng vai trò thân dưới của Card, nối liền header với bo góc dưới 14px */
body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels {
  width: 100% !important;
  flex: 0 0 100% !important;
  order: 3 !important;
  background: #ffffff !important;
  border: 1px solid var(--krh-line, #dfe7e1) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--krh-radius, 14px) var(--krh-radius, 14px) !important;
  padding: 10px 10px 6px 10px !important;
  margin: 0 0 30px 0 !important;
  overflow: hidden !important;
}

body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels > .panel {
  padding: 0 !important;
  margin: 0 !important;
}

/* 6. Responsive Mobile (<= 768px): Khớp spec mobile .section-title */
@media (max-width: 768px) {
  body.home .tabbed-content:not(.woocommerce-tabs) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 12px 12px 10px 12px !important;
    border-radius: 10px 10px 0 0 !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > h2,
  body.home .tabbed-content:not(.woocommerce-tabs) > h4,
  body.home .tabbed-content:not(.woocommerce-tabs) > .title {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) p.subtitle,
  body.home .tabbed-content:not(.woocommerce-tabs) > p {
    font-size: 9px !important;
    margin: 2px 0 0 0 !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-bottom: 4px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills::-webkit-scrollbar {
    display: none !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > ul.nav-pills > li.tab > a {
    padding: 6px 9px !important;
    font-size: 9px !important;
  }

  body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels {
    border-radius: 0 0 10px 10px !important;
    padding: 8px 6px !important;
    margin-bottom: 20px !important;
  }
}

/* ==========================================================================
   HOMEPAGE TAB DEMO: TITLE GROUP + BACKGROUND (hotsales/green)
   ========================================================================== */
body.home .tabbed-content:not(.woocommerce-tabs) > .krh-tabgroup-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
body.home .tabbed-content:not(.woocommerce-tabs) > .krh-tabgroup-title .subtitle {
  margin: 3px 0 0 0;
}

/* Gradient nền đỏ–cam kiểu Hotsales */
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales {
  background: linear-gradient(90deg, #d83b2f, #f17622) !important;
  border-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > .krh-tabgroup-title h2,
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > .krh-tabgroup-title .subtitle {
  color: #ffffff !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales .subtitle {
  color: rgba(255, 255, 255, 0.9) !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > ul.nav-pills > li.tab > a {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > ul.nav-pills > li.tab > a:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: #ffffff !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > ul.nav-pills > li.tab.active > a {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #d64031 !important;
}

/* Gradient nền xanh lá */
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green {
  background: linear-gradient(90deg, #2e9e44, #1e7b35) !important;
  border-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > .krh-tabgroup-title h2,
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > .krh-tabgroup-title .subtitle {
  color: #ffffff !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green .subtitle {
  color: rgba(255, 255, 255, 0.9) !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > ul.nav-pills > li.tab > a {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > ul.nav-pills > li.tab > a:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: #ffffff !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > ul.nav-pills > li.tab.active > a {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #1e7b35 !important;
}

/* ==========================================================================
   HOMEPAGE TAB DEMO: CUSTOM BG COLOR + PILL CONTRAST + PANEL MARGIN
   ========================================================================== */

/* 1. Tab panels: margin dưới cân đối 10px */
body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels {
  margin: 0 0 10px 0 !important;
}

/* 2. Pills inactive trên nền gradient: bỏ nền mờ, chuyển outline trắng nét */
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > ul.nav-pills > li.tab:not(.active) > a,
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > ul.nav-pills > li.tab:not(.active) > a,
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-custom > ul.nav-pills > li.tab:not(.active) > a {
  background: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* 3. Active pill: chữ đậm màu tương phản trên nền trắng */
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > ul.nav-pills > li.tab.active > a {
  color: #c2341f !important;
  font-weight: 800 !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > ul.nav-pills > li.tab.active > a {
  color: #1e7b35 !important;
  font-weight: 800 !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-custom > ul.nav-pills > li.tab.active > a {
  color: #10251a !important;
  font-weight: 800 !important;
}

/* 4. Custom color background: viền + chữ trắng */
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-custom {
  border-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-custom > .krh-tabgroup-title h2,
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-custom > .krh-tabgroup-title .subtitle {
  color: #ffffff !important;
}
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-custom .subtitle {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 5. Mobile: margin panels đồng bộ 10px */
@media (max-width: 768px) {
  body.home .tabbed-content:not(.woocommerce-tabs) > .tab-panels {
    margin: 0 0 10px 0 !important;
  }
}

/* ==========================================================================
   HOMEPAGE TAB DEMO: FIX PILL INACTIVE TEXT WHITE-ON-WHITE (2026-09-09)
   Rule generic .tab (background:#fff) dat nen TRANG cho li.tab, trong khi
   a inactive duoc set color:#fff -> chu trang tren nen trang, khong doc duoc.
   Reset background li.tab = transparent chi trong 3 variant gradient nen toi
   (hotsales/green/custom) de pill inactive hien thi outline trang tren gradient.
   ========================================================================== */
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-hotsales > ul.nav-pills > li.tab,
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-green > ul.nav-pills > li.tab,
body.home .tabbed-content:not(.woocommerce-tabs).krh-tgbg-custom > ul.nav-pills > li.tab {
  background: transparent !important;
}

/* ===== V2.1: Star rating + offer badge dưới nút MUA NGAY ===== */
/* Star: luôn thấy đủ 5 ngôi (xám #e2e2e2), phần đạt phủ vàng kim #DCA046; 13px gọn */
.product-small .price-wrapper .star-rating,
.product-small .price-wrapper .star-rating--inline { display:inline-block !important; font-size:13px !important; line-height:1 !important; height:14px !important; color:#e2e2e2 !important; letter-spacing:2px !important; margin:0 0 4px 0 !important; vertical-align:middle; }
.product-small .price-wrapper .star-rating::before,
.product-small .price-wrapper .star-rating--inline::before { color:#e2e2e2 !important; }
.product-small .price-wrapper .star-rating span::before,
.product-small .price-wrapper .star-rating--inline span::before { color:#DCA046 !important; }
.krh-rating-count { color:#666666; font-size:11px; font-weight:400; margin-left:5px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:55%; display:inline-block; }
/* Offer badge dưới hàng nút MUA NGAY + gọi điện */
.krh-offer { display:flex; align-items:center; gap:4px; margin:8px 0 0 0; padding:5px 8px; background:#eaf6ec; border:1px dashed #b8e2be; border-radius:4px; font-size:11px; font-weight:500; color:#1e7e34; line-height:1.3; }
.krh-offer::before { content:"🔥"; font-size:12px; }

@media (max-width: 549px) {
  .product-small .price-wrapper .star-rating { font-size: 11px !important; }
  .krh-rating-count { font-size: 10px; max-width: 45%; }
  .krh-offer { margin-top: 6px; padding: 4px 6px; font-size: 10px; }
}

/* ===== V2.1: Rating nhỏ gọn + giá Sale trước Regular (theo Demo) ===== */
/* Sao 11px + label đầy đủ, hết truncate */
.product-small .price-wrapper .star-rating--inline,
.product-small .price-wrapper .star-rating {
  font-size: 11px !important;
  height: 12px !important;
  line-height: 1 !important;
  letter-spacing: 1.5px !important;
  color: #e2e2e2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 0 4px 0 !important;
}
.product-small .price-wrapper .star-rating--inline span::before,
.product-small .price-wrapper .star-rating span::before {
  color: #DCA046 !important;
}
.product-small .price-wrapper .krh-rating-count {
  font-size: 11px !important;
  color: #767676 !important;
  font-weight: 400 !important;
  margin-left: 6px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  max-width: none !important;
  white-space: nowrap !important;
}
/* Giá: Sale (ins) TRƯỚC bên trái, Regular (del) SAU bên phải, cùng hàng */
.product-small .price-wrapper .price {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 2px 0 4px 0 !important;
}
.product-small .price-wrapper .price ins {
  order: 1 !important;
  text-decoration: none !important;
}
.product-small .price-wrapper .price del {
  order: 2 !important;
  opacity: 0.7 !important;
}
.product-small .price-wrapper .price ins .amount {
  color: var(--krh-r, #e94435) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
.product-small .price-wrapper .price del .amount {
  color: #9aa39d !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}
/* Mobile (<= 549px): thu nhỏ thêm cho khớp card 2 cột */
@media (max-width: 549px) {
  .product-small .price-wrapper .star-rating--inline,
  .product-small .price-wrapper .star-rating {
    font-size: 10px !important;
    height: 11px !important;
    letter-spacing: 1px !important;
  }
  .product-small .price-wrapper .krh-rating-count {
    font-size: 10px !important;
    margin-left: 4px !important;
  }
  .product-small .price-wrapper .price {
    gap: 5px !important;
  }
  .product-small .price-wrapper .price ins .amount {
    font-size: 14.5px !important;
  }
  .product-small .price-wrapper .price del .amount {
    font-size: 11px !important;
  }
}

/* ===== V2.1 FINAL: sao ĐẶC xám khi 0 review + giá sale/regular cùng hàng (Demo) ===== */
/* Sao nền: chuyển glyph outline \e006 → ĐẶC \e005, màu xám nhạt — 0 review vẫn là 5 sao đặc */
.product-small .price-wrapper .star-rating::before,
.product-small .price-wrapper .star-rating--inline::before {
  content: "\e005\e005\e005\e005\e005" !important;
  color: #e2e2e2 !important;
}
/* Cụm sao sát nhau hơn như Demo (1.5px → 1px) */
.product-small .price-wrapper .star-rating,
.product-small .price-wrapper .star-rating--inline {
  letter-spacing: 0 !important;
}
/* Giá: Sale + Regular CÙNG HÀNG (chống xuống dòng trên card ~200px) */
.product-small .price-wrapper .price {
  flex-wrap: nowrap !important;
  gap: 6px !important;
}
.product-small .price-wrapper .price ins .amount {
  font-size: 16px !important;
}
.product-small .price-wrapper .price del .amount {
  font-size: 11px !important;
}
/* Mobile (≤549px, card ~150px): regular được phép rớt dòng dưới sale để giữ cỡ đọc */
@media (max-width: 549px) {
  .product-small .price-wrapper .price {
    flex-wrap: wrap !important;
    gap: 2px 6px !important;
  }
  .product-small .price-wrapper .price ins .amount {
    font-size: 14px !important;
  }
  .product-small .price-wrapper .price del .amount {
    font-size: 11px !important;
  }
}

/* ===== Quick-cats: ép font có glyph icon (▤ ▥ ♨ H₂ pH ◫) — fix font Windows ===== */
.quick .icon {
  font-family: "Segoe UI Symbol", "Segoe UI", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif !important;
}

/* ===== UXB Title native (Flatsome) — đồng bộ section-title custom Kangaroo ===== */
.section-title-container > .section-title {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 16px;
  row-gap: 4px;
  padding: 17px 18px 14px;
  border-bottom: 1px solid #e6ece7;
  margin: 0;
  text-align: left;
}
.section-title-container > .section-title > .section-title-main {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--krh-gx, #0c5a2d);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}
.section-title-container > .section-title > .section-title-main i {
  font-size: 22px;
  color: var(--krh-gd, #247b35);
  line-height: 1;
}
.section-title-container > .section-title > a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--krh-gd, #247b35);
  white-space: nowrap;
}
.section-title-container > .section-title > a i {
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 768px) {
  .section-title-container > .section-title {
    padding: 12px 12px 10px;
    column-gap: 10px;
  }
  .section-title-container > .section-title > .section-title-main {
    font-size: 16px;
  }
}

/* --- Vertical Menu rounded corners (Sync demo v2.1) --- */
.header-vertical-menu__opener {
  border-radius: 8px 8px 0 0;
}
.header-vertical-menu__fly-out {
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(24, 70, 39, 0.08);
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item:last-child > a {
  border-radius: 0 0 8px 8px;
}
.header-vertical-menu__fly-out .nav-dropdown {
  border-radius: 8px;
}

/* ==========================================================================
   PRODUCT CARD V2.1: RATING 1 DÒNG CỐ ĐỊNH & THẲNG HÀNG DÒNG GIÁ (Demo)
   ========================================================================== */
/* Cụm sao + label luôn trên 1 hàng (nowrap) — không rớt dòng đẩy lệch giá */
.product-small .price-wrapper {
  white-space: nowrap !important;
}
/* Sao: cỡ nhỏ chuẩn demo, cao cố định */
.product-small .price-wrapper .star-rating--inline,
.product-small .price-wrapper .star-rating {
  font-size: 9px !important;
  height: 12px !important;
  line-height: 12px !important;
  margin: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
/* Label: nhỏ, xám, luôn cùng hàng sao; ellipsis dự phòng khi cực hẹp */
.product-small .price-wrapper .krh-rating-count {
  font-size: 8.5px !important;
  color: #7c8780 !important;
  font-weight: 400 !important;
  margin-left: 4px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: calc(100% - 55px) !important;
  line-height: 12px !important;
}
/* Dòng giá tách biệt, bắt đầu cùng cao độ mọi card */
.product-small .price-wrapper .price {
  margin-top: 4px !important;
  width: 100% !important;
}
/* Mobile (<= 549px: card 2 cột ~150px) */
@media (max-width: 549px) {
  .product-small .price-wrapper .star-rating--inline,
  .product-small .price-wrapper .star-rating {
    font-size: 8px !important;
    height: 11px !important;
    line-height: 11px !important;
  }
  .product-small .price-wrapper .krh-rating-count {
    font-size: 7.5px !important;
    line-height: 11px !important;
    max-width: calc(100% - 50px) !important;
  }
}

/* ==========================================================================
   KRH PDP PRICE TABLE SPEC (MOCKUP COLUMN 4 ALIGNMENT)
   ========================================================================== */
body.single-product .product-info.summary .devvn_single_price {
  background-color: #fafbfc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3px solid var(--krh-r, #e94435) !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  margin: 14px 0 16px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-row,
body.single-product .product-info.summary .devvn_single_price > div {
  display: flex !important;
  align-items: baseline !important;
  margin: 0 !important;
  clear: both;
}
body.single-product .product-info.summary .devvn_single_price .label {
  float: none !important;
  width: 125px !important;
  min-width: 125px !important;
  color: #555e58 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-regular .devvn_price del,
body.single-product .product-info.summary .devvn_single_price del {
  color: #8c968f !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-save .devvn_price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-save .save-amount,
body.single-product .product-info.summary .devvn_single_price .krh-pdp-save .amount {
  color: var(--krh-gd, #247b35) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-save .save-percent {
  color: var(--krh-r, #e94435) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-sale .label {
  font-weight: 600 !important;
  color: #222 !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-sale .devvn_price .amount,
body.single-product .product-info.summary .devvn_single_price .krh-pdp-sale .devvn_price {
  color: var(--krh-r, #e94435) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.15 !important;
}
body.single-product .product-info.summary .devvn_single_price .krh-pdp-hcm .devvn_price .amount {
  color: #2e7d32 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
@media (max-width: 549px) {
  body.single-product .product-info.summary .devvn_single_price {
    padding: 10px 12px !important;
    gap: 6px !important;
  }
  body.single-product .product-info.summary .devvn_single_price .label {
    width: 108px !important;
    min-width: 108px !important;
    font-size: 12.5px !important;
  }
  body.single-product .product-info.summary .devvn_single_price .krh-pdp-sale .devvn_price .amount,
  body.single-product .product-info.summary .devvn_single_price .krh-pdp-sale .devvn_price {
    font-size: 22px !important;
  }
  body.single-product .product-info.summary .devvn_single_price .krh-pdp-save .save-amount,
  body.single-product .product-info.summary .devvn_single_price .krh-pdp-save .amount {
    font-size: 13px !important;
  }
}

/* ==========================================================================
   KRH CARD ALIGN + TAB FULL-WIDTH (2026-09-10) — duyet boi chu workspace
   ========================================================================== */
/* 1) Anh san pham: khoang cach tren 5px + khung 1:1 can giua -> moi card thang hang */
body.home .product-small .box-image,
body.archive.woocommerce .product-small .box-image {
  padding-top: 0 !important;
  aspect-ratio: 1 / 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}
body.home .product-small .box-image .image-none,
body.archive.woocommerce .product-small .box-image .image-none,
body.home .product-small .box-image .image-none > a,
body.archive.woocommerce .product-small .box-image .image-none > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.home .product-small .box-image img,
body.archive.woocommerce .product-small .box-image img {
  max-height: 100% !important;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}
/* Ten san pham: co dinh 2 dong -> rating/gia/nut thang hang giua cac card */
body.home .product-small .title-wrapper,
body.archive.woocommerce .product-small .title-wrapper {
  min-height: 2.9em;
}
body.home .product-small .title-wrapper .name,
body.archive.woocommerce .product-small .title-wrapper .name,
body.home .product-small .title-wrapper .name a,
body.archive.woocommerce .product-small .title-wrapper .name a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 2FIX) Tab THUONG: tra lai dai tieu de (nen trang + vien + BO GOC TRON 2 GOC TREN) — card full-width */
body.home .tabbed-content:not(.woocommerce-tabs):not(.krh-tgbg-hotsales):not(.krh-tgbg-green):not(.krh-tgbg-custom) {
  background: #ffffff !important;
  border: 1px solid var(--krh-line, #dfe7e1) !important;
  border-bottom: 1px solid #e6ece7 !important;
  border-radius: var(--krh-radius, 14px) var(--krh-radius, 14px) 0 0 !important;
  box-shadow: none !important;
  padding: 17px 0 14px 0 !important;
}
body.home .tabbed-content:not(.woocommerce-tabs):not(.krh-tgbg-hotsales):not(.krh-tgbg-green):not(.krh-tgbg-custom) > .krh-tabgroup-title,
body.home .tabbed-content:not(.woocommerce-tabs):not(.krh-tgbg-hotsales):not(.krh-tgbg-green):not(.krh-tgbg-custom) > .nav {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
/* 3) Tab FEATURED / preset (krh-tgbg-hotsales / -green / -custom): giu nguyen khung mau + padding — khong them rule nao (selector o muc 2 da loai tru). */

/* ==========================================================================
   FIX krh-official-trust (footer): anh chung nhan full-width + 2 nut 1 hang
   ========================================================================== */
/* 1) Anh chung nhan: tran het chieu rong khung (khong bi giam vao 1 cot grid) */
.krh-official-trust .krh-ot-cert-img {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 12px;
  overflow: hidden;
}

.krh-official-trust .krh-ot-cert-img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 12px;
}

.krh-official-trust .krh-ot-cert-img .wp-caption-text {
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}

/* 2) 2 nut luon nam cung 1 hang (an br do wpautop chen) */
.krh-official-trust .krh-ot-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
}

.krh-official-trust .krh-ot-actions br {
  display: none !important;
}

.krh-official-trust .krh-ot-actions > .krh-ot-btn {
  flex: 1 1 0 !important;
  min-width: 0;
  white-space: nowrap;
  text-align: center;
}

@media (max-width: 768px) {
  .krh-official-trust .krh-ot-actions > .krh-ot-btn {
    font-size: 12.5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* ==========================================================================
   FIX FOOTER SUPPORT CARD (TONG DAI HO TRO) — WPAUTOP FIX & MOBILE SPEC
   Scope: chi ap dung trong .krh-footer-links .krh-support-card
   ========================================================================== */

/* 1. Loai bo the p rong do wpautop tu sinh trong card */
.krh-footer-links .krh-support-card > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. Chuan hoa Desktop khi bi wpautop boc the p ben ngoai em */
.krh-footer-links .krh-support-card > p:has(em),
.krh-footer-links .krh-support-card > .krh-support-body + p {
  margin: 0;
  padding: 0;
  justify-self: end;
  text-align: right;
}

.krh-footer-links .krh-support-card p > em,
.krh-footer-links .krh-support-card > em {
  display: inline-block;
  color: #4b5563;
  font-size: 12px;
  font-style: normal;
  font-weight: 650;
  white-space: nowrap;
  line-height: 1.3;
}

/* 3. Bo cuc chuan tren Mobile (<= 768px) */
@media (max-width: 768px) {
  .krh-footer-links .krh-support-card {
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    grid-template-rows: auto;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    min-height: 56px;
    box-sizing: border-box;
  }

  .krh-footer-links .krh-support-ico {
    grid-column: 1;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }

  .krh-footer-links .krh-support-body {
    grid-column: 2;
    min-width: 0;
  }

  .krh-footer-links .krh-support-body small {
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 2px;
  }

  .krh-footer-links .krh-support-body strong {
    font-size: 14.5px;
    line-height: 1.25;
    letter-spacing: 0.2px;
  }

  /* Dinh vi cot gio / Ho tro gia sang cot 3, khong chiem cot 1 duoi icon */
  .krh-footer-links .krh-support-card > p:has(em),
  .krh-footer-links .krh-support-card > .krh-support-body + p,
  .krh-footer-links .krh-support-card > em {
    grid-column: 3 !important;
    justify-self: end !important;
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
  }

  .krh-footer-links .krh-support-card p > em,
  .krh-footer-links .krh-support-card > em {
    font-size: 11px;
    font-weight: 600;
    color: #4b5563;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   BRANCH LIST (KENH PHAN PHOI - UX Block New Footer): SDT xuong dong rieng
   ========================================================================== */
.krh-footer-v2 ul.krh-branch-list li > a,
.krh-footer-v2 ul.krh-branch-list li .krh-branch-phone {
  display: block !important;
  width: fit-content;
  margin-top: 7px !important;
  color: #247b35 !important;
  font-size: 12.5px;
  font-weight: 700 !important;
  letter-spacing: .2px;
  text-decoration: none !important;
  white-space: nowrap;
}

.krh-footer-v2 ul.krh-branch-list li > a:hover,
.krh-footer-v2 ul.krh-branch-list li .krh-branch-phone:hover {
  color: #168a2f !important;
  text-decoration: underline !important;
}

/* ==========================================================================
   BRANCH LIST v2: gap sat hon + card TRU SO (badge + span 2 cot mobile)
   ========================================================================== */
.krh-footer-v2 ul.krh-branch-list {
  gap: 8px !important;
}

.krh-footer-v2 ul.krh-branch-list li.krh-branch-featured {
  border-color: #b8e2be !important;
  background: #fbfefb !important;
  box-shadow: 0 6px 16px rgba(21, 128, 61, .07);
}

.krh-footer-v2 ul.krh-branch-list .krh-branch-badge {
  display: inline-block;
  width: fit-content;
  margin: 0 0 7px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #eaf6ec;
  color: #168a2f;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .4px;
  line-height: 1.2;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .krh-footer-v2 ul.krh-branch-list {
    column-gap: 8px !important;
    row-gap: 8px !important;
  }

  .krh-footer-v2 ul.krh-branch-list li.krh-branch-featured {
    grid-column: 1 / -1;
  }
}

/* ==========================================================================
   BRANCH LIST UNIFIED GRID: moi dong du card (desktop 4 cot + mobile 2 cot)
   - Desktop: 1 grid 4 cot; tru so span 2 o -> 12 o = 3 hang deu
   - Mobile : 1 grid 2 cot; tru so span 2 o -> 12 o = 6 hang deu
   ========================================================================== */
.krh-footer-v2 .row:has(ul.krh-branch-list) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.krh-footer-v2 .row:has(ul.krh-branch-list) > .col,
.krh-footer-v2 .row:has(ul.krh-branch-list) > .col > .col-inner,
.krh-footer-v2 ul.krh-branch-list {
  display: contents !important;
}

.krh-footer-v2 ul.krh-branch-list li {
  margin: 0 !important;
  min-width: 0 !important;
}

.krh-footer-v2 ul.krh-branch-list li.krh-branch-featured {
  grid-column: span 2 !important;
}

@media (max-width: 768px) {
  .krh-footer-v2 .row:has(ul.krh-branch-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .krh-footer-v2 ul.krh-branch-list li {
    display: flex !important;
    flex-direction: column !important;
    padding: 9px 10px 10px !important;
    border-radius: 10px !important;
  }

  .krh-footer-v2 ul.krh-branch-list li strong {
    font-size: 13px !important;
    margin-bottom: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.35 !important;
  }

  .krh-footer-v2 ul.krh-branch-list li a {
    margin-top: auto !important;
    padding-top: 5px !important;
    font-size: 12.5px !important;
  }
}

/* Fallback cho trinh duyet chua ho tro :has() */
@supports not (selector(:has(*))) {
  .krh-footer-v2 .row + .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .krh-footer-v2 .row + .row > .col,
  .krh-footer-v2 .row + .row > .col > .col-inner {
    display: contents !important;
  }
}

@media (max-width: 768px) and (not (selector(:has(*)))) {
  .krh-footer-v2 .row + .row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
}

/* ==========================================================================
   BRANCH LIST v3: can le dung gutter (het lech trai) + card TRU SO nen xanh
   ========================================================================== */
/* 1. Can le: bu lai gutter Flatsome (row-large margin + col padding) */
.krh-footer-v2 .row:has(ul.krh-branch-list) {
  width: auto !important;
  margin-left: 21px !important;
  margin-right: 21px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .krh-footer-v2 .row:has(ul.krh-branch-list) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* 2. Card TRU SO: nen xanh chu dao (giong nut MUA NGAY) + chu trang */
.krh-footer-v2 ul.krh-branch-list li.krh-branch-featured {
  background: linear-gradient(135deg, #45ad30, #1c8c10) !important;
  border-color: rgba(255, 255, 255, .28) !important;
  box-shadow: 0 12px 24px rgba(28, 140, 16, .22) !important;
  color: rgba(255, 255, 255, .94) !important;
}

.krh-footer-v2 ul.krh-branch-list li.krh-branch-featured strong {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, .6) !important;
}

.krh-footer-v2 ul.krh-branch-list li.krh-branch-featured a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.krh-footer-v2 ul.krh-branch-list li.krh-branch-featured a:hover {
  color: #eafbe7 !important;
  text-decoration: underline !important;
}

.krh-footer-v2 ul.krh-branch-list li.krh-branch-featured .krh-branch-badge {
  background: #ffffff !important;
  color: #168a2f !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}

/* ==========================================================================
   BRANCH LIST v4: can giua block theo container Flatsome (het ghim sat trai)
   ========================================================================== */
.krh-footer-v2 .row:has(ul.krh-branch-list) {
  max-width: 1382.5px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .krh-footer-v2 .row:has(ul.krh-branch-list) {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ==========================================================================
   MOBILE SUPPORT BAR: bo nut "Yeu cau goi lai", chia deu 3 o full width
   (chi ap dung mobile <=768px; desktop da an .support_mobile)
   ========================================================================== */
@media (max-width: 768px) {
  .support_mobile .item-support,
  .support_mobile .item-support.zalo,
  .support_mobile .item-support.call {
    width: 33.3333% !important;
    float: left !important;
  }
}

/* ==========================================================================
   CARD: TEN SAN PHAM HIEN THI FULL (bo cat 2 dong) — card van thang hang
   ========================================================================== */
/* 1) Bo cat: hien thi toan bo ten (card thuong + archive + tab HOT) */
body.home .product-small .title-wrapper .name,
body.home .product-small .title-wrapper .name a,
body.archive.woocommerce .product-small .title-wrapper .name,
body.archive.woocommerce .product-small .title-wrapper .name a,
.hotsales .row-slider .product-small .product-title a {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  white-space: normal !important;
  max-height: none !important;
  height: auto !important;
  text-overflow: clip !important;
}

/* 2) Ten ngan van chiem san ~2 dong -> hang deu hon */
body.home .product-small .title-wrapper,
body.archive.woocommerce .product-small .title-wrapper {
  min-height: 2.9em;
}

/* 3) Card trong cung hang cao bang nhau + nut hanh dong luon nam day card */
body.home .products .product-small.col > .col-inner,
body.archive.woocommerce .products .product-small.col > .col-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
body.home .products .product-small .box-text,
body.archive.woocommerce .products .product-small .box-text {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
body.home .products .product-small .p-actions,
body.archive.woocommerce .products .product-small .p-actions {
  margin-top: auto !important;
}

/* ==========================================================================
   PRODUCT CARD V2.2: ten dung 3 dong + rating/gia/nut thang hang (SPEC Solar Design)
   ========================================================================== */
.products .product-small.col > .col-inner { display: flex !important; flex-direction: column !important; height: 100% !important; }
.product-small .box { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; }
.product-small .box-text { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; padding: 10px 12px 12px !important; }
/* Ten: co dinh dung 3 dong (3 x 1.35em = 4.05em) */
.product-small .title-wrapper { margin-bottom: 2px !important; min-height: 4.05em !important; max-height: 4.05em !important; }
.product-small .title-wrapper .name,
.product-small .title-wrapper .product-title,
.product-small .title-wrapper .name > a,
.product-small .title-wrapper .product-title > a {
  font-size: 12px !important;
  line-height: 1.35em !important;
  font-weight: 700 !important;
  color: #17221b !important;
  margin: 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 4.05em !important;
  max-height: 4.05em !important;
  word-break: break-word !important;
}
/* Rating + gia: dong cap toa do */
.product-small .price-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-top: 2px !important; width: 100% !important; }
.product-small .price-wrapper .star-rating--inline,
.product-small .price-wrapper .star-rating { font-size: 9px !important; height: 13px !important; line-height: 13px !important; margin: 0 !important; display: inline-block !important; vertical-align: middle !important; }
.product-small .price-wrapper .krh-rating-count { font-size: 9px !important; color: #7c8780 !important; font-weight: 400 !important; margin-left: 5px !important; display: inline-block !important; vertical-align: middle !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: calc(100% - 58px) !important; line-height: 13px !important; }
.product-small .price-wrapper .price { margin: 3px 0 0 0 !important; display: flex !important; flex-direction: row-reverse !important; align-items: baseline !important; justify-content: flex-start !important; gap: 6px !important; flex-wrap: wrap !important; width: 100% !important; min-height: 22px !important; }
.product-small .price ins .amount { color: var(--krh-r) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; }
.product-small .price del .amount { color: #9aa39d !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; }
/* Khoi trung gian */
.product-small .box-text .save { margin: 2px 0 !important; font-size: 11px !important; line-height: 1.3 !important; }
.product-small .box-text .specs { min-height: 18px !important; margin: 2px 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px !important; }
.product-small .box-text .auth { margin: 2px 0 6px 0 !important; font-size: 11px !important; line-height: 1.3 !important; color: #247b35 !important; }
/* Nut: neo day card */
.product-small .p-actions { display: grid !important; grid-template-columns: 1fr 38px !important; gap: 6px !important; margin-top: auto !important; width: 100% !important; padding-top: 4px !important; }
.product-small .p-actions .buy { display: flex !important; align-items: center !important; justify-content: center !important; height: 36px !important; border-radius: 7px !important; background: var(--krh-g) !important; color: #fff !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: 0.3px !important; line-height: 1 !important; text-decoration: none !important; transition: background 0.2s ease !important; }
.product-small .p-actions .buy:hover { background: var(--krh-gd) !important; color: #fff !important; }
.product-small .p-actions .call { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 36px !important; border: 1px solid var(--krh-g) !important; border-radius: 7px !important; background: #fff !important; color: var(--krh-gd) !important; padding: 0 !important; text-decoration: none !important; transition: all 0.2s ease !important; }
.product-small .p-actions .call:hover { background: #eef7ee !important; border-color: var(--krh-gd) !important; color: var(--krh-gd) !important; }
.product-small .p-actions .call svg.krh-ico-phone { width: 16px !important; height: 16px !important; display: block !important; stroke: var(--krh-gd) !important; fill: none !important; transition: transform 0.2s ease, stroke 0.2s ease !important; }
.product-small .p-actions .call:hover svg.krh-ico-phone { stroke: var(--krh-gd) !important; transform: scale(1.1) !important; }
@media (max-width: 768px) {
  .product-small .box-text { padding: 8px 10px 10px !important; }
  .product-small .title-wrapper,
  .product-small .title-wrapper .name,
  .product-small .title-wrapper .product-title,
  .product-small .title-wrapper .name > a { font-size: 11.5px !important; line-height: 1.35em !important; min-height: 4.05em !important; max-height: 4.05em !important; }
  .product-small .price ins .amount { font-size: 14px !important; }
  .product-small .price del .amount { font-size: 10.5px !important; }
  .product-small .p-actions { grid-template-columns: 1fr 34px !important; gap: 5px !important; }
  .product-small .p-actions .buy { height: 34px !important; font-size: 10px !important; }
  .product-small .p-actions .call { width: 34px !important; height: 34px !important; }
}

/* ==========================================================================
   PRODUCT CARD V2.3 — override specificity cho block V2.2
   Dat SAU cung + :is(body.home, body.archive.woocommerce) de thang block v1.23
   ========================================================================== */
:is(body.home, body.archive.woocommerce) .products .product-small.col > .col-inner { display: flex !important; flex-direction: column !important; height: 100% !important; }
:is(body.home, body.archive.woocommerce) .product-small .box { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; }
:is(body.home, body.archive.woocommerce) .products .product-small .box-text { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; padding: 10px 12px 12px !important; }
:is(body.home, body.archive.woocommerce) .product-small .title-wrapper { margin-bottom: 2px !important; min-height: 4.05em !important; max-height: 4.05em !important; }
:is(body.home, body.archive.woocommerce) .product-small .title-wrapper .name,
:is(body.home, body.archive.woocommerce) .product-small .title-wrapper .name a,
:is(body.home, body.archive.woocommerce) .product-small .title-wrapper .product-title,
:is(body.home, body.archive.woocommerce) .product-small .title-wrapper .product-title a {
  font-size: 12px !important; line-height: 1.35em !important; font-weight: 700 !important; color: #17221b !important; margin: 0 !important; padding: 0 !important;
  display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; line-clamp: 3 !important;
  overflow: hidden !important; text-overflow: ellipsis !important; min-height: 4.05em !important; max-height: 4.05em !important; word-break: break-word !important;
}
:is(body.home, body.archive.woocommerce) .products .product-small .p-actions { margin-top: auto !important; display: grid !important; grid-template-columns: 1fr 38px !important; gap: 6px !important; width: 100% !important; padding-top: 4px !important; }
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-top: 2px !important; width: 100% !important; }
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .star-rating { font-size: 9px !important; height: 13px !important; line-height: 13px !important; margin: 0 !important; display: inline-block !important; vertical-align: middle !important; }
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .krh-rating-count { font-size: 9px !important; color: #7c8780 !important; font-weight: 400 !important; margin-left: 5px !important; display: inline-block !important; vertical-align: middle !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: calc(100% - 58px) !important; line-height: 13px !important; }
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .price { margin: 3px 0 0 0 !important; display: flex !important; flex-direction: row-reverse !important; align-items: baseline !important; justify-content: flex-start !important; gap: 6px !important; flex-wrap: wrap !important; width: 100% !important; min-height: 22px !important; }
:is(body.home, body.archive.woocommerce) .product-small .price ins .amount { color: var(--krh-r) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; }
:is(body.home, body.archive.woocommerce) .product-small .price del .amount { color: #9aa39d !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; }
:is(body.home, body.archive.woocommerce) .product-small .box-text .save { margin: 2px 0 !important; font-size: 11px !important; line-height: 1.3 !important; }
:is(body.home, body.archive.woocommerce) .product-small .box-text .specs { min-height: 18px !important; margin: 2px 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px !important; }
:is(body.home, body.archive.woocommerce) .product-small .box-text .auth { margin: 2px 0 6px 0 !important; font-size: 11px !important; line-height: 1.3 !important; color: #247b35 !important; }
:is(body.home, body.archive.woocommerce) .product-small .p-actions .buy { display: flex !important; align-items: center !important; justify-content: center !important; height: 36px !important; border-radius: 7px !important; background: var(--krh-g) !important; color: #fff !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: 0.3px !important; line-height: 1 !important; text-decoration: none !important; }
:is(body.home, body.archive.woocommerce) .product-small .p-actions .call { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 36px !important; border: 1px solid var(--krh-g) !important; border-radius: 7px !important; background: #fff !important; color: var(--krh-gd) !important; padding: 0 !important; text-decoration: none !important; }
:is(body.home, body.archive.woocommerce) .product-small .p-actions .call svg.krh-ico-phone { width: 16px !important; height: 16px !important; display: block !important; stroke: var(--krh-gd) !important; fill: none !important; }
@media (max-width: 768px) {
  :is(body.home, body.archive.woocommerce) .products .product-small .box-text { padding: 8px 10px 10px !important; }
  :is(body.home, body.archive.woocommerce) .product-small .title-wrapper,
  :is(body.home, body.archive.woocommerce) .product-small .title-wrapper .name,
  :is(body.home, body.archive.woocommerce) .product-small .title-wrapper .name a,
  :is(body.home, body.archive.woocommerce) .product-small .title-wrapper .product-title,
  :is(body.home, body.archive.woocommerce) .product-small .title-wrapper .product-title a { font-size: 11.5px !important; line-height: 1.35em !important; min-height: 4.05em !important; max-height: 4.05em !important; }
  :is(body.home, body.archive.woocommerce) .product-small .price ins .amount { font-size: 14px !important; }
  :is(body.home, body.archive.woocommerce) .product-small .price del .amount { font-size: 10.5px !important; }
  :is(body.home, body.archive.woocommerce) .products .product-small .p-actions { grid-template-columns: 1fr 34px !important; gap: 5px !important; }
  :is(body.home, body.archive.woocommerce) .product-small .p-actions .buy { height: 34px !important; font-size: 10px !important; }
  :is(body.home, body.archive.woocommerce) .product-small .p-actions .call { width: 34px !important; height: 34px !important; }
}

/* ==========================================================================
   PRICE FIX V2.4 — gia sale TRUOC, gia goc SAU, tat ca CAN LE TRAI
   (thay row-reverse bang row + order, vi row-reverse lam flex-start nam ben PHAI)
   ========================================================================== */
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper { text-align: left !important; align-items: flex-start !important; }
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .price {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  min-height: 22px !important;
}
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .price ins { order: 1 !important; margin: 0 !important; }
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .price del { order: 2 !important; margin: 0 !important; }
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .price ins .amount,
:is(body.home, body.archive.woocommerce) .product-small .price-wrapper .price del .amount { text-align: left !important; margin: 0 !important; }

/* ===== DESKTOP STICKY SUPPORT BAR (Variant 1) ===== */
@media screen and (max-width: 768px) { #Support_Footer, #Support_Footer.krh-support-bar { display: none !important; } }
@media screen and (min-width: 769px) {
  body { padding-bottom: 56px !important; }
  .back-to-top { bottom: 66px !important; }
  #Support_Footer, #Support_Footer.krh-support-bar { display: block !important; position: fixed !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 56px !important; z-index: 999 !important; background: #56b947 !important; box-shadow: 0 -4px 20px rgba(0,0,0,.08), 0 -1px 3px rgba(0,0,0,.05) !important; color: #fff !important; line-height: 1.4 !important; margin: 0 !important; padding: 0 !important; border: none !important; }
  #Support_Footer .krh-support-inner { max-width: 1360px; height: 100%; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; }
  #Support_Footer .krh-support-brand { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
  #Support_Footer .krh-brand-logo-img { height: 28px; width: auto; max-width: 140px; object-fit: contain; display: block; }
  #Support_Footer .krh-brand-time { font-size: 11px; color: rgba(255,255,255,.9); border-left: 1px solid rgba(255,255,255,.38); padding-left: 14px; line-height: 1.35; }
  #Support_Footer .krh-brand-time-title { display: block; font-size: 12px; color: #fff; font-weight: 700; }
  #Support_Footer .krh-support-phones { display: flex; align-items: center; gap: 20px; }
  #Support_Footer .krh-hotline-item { display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important; color: #fff !important; padding: 4px 8px; border-radius: 8px; transition: background .2s ease; }
  #Support_Footer .krh-hotline-item:hover { background: rgba(255,255,255,.12); }
  #Support_Footer .krh-hotline-icon { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.24); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; }
  #Support_Footer .krh-hotline-info { display: flex; flex-direction: column; line-height: 1.25; }
  #Support_Footer .krh-hotline-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: rgba(255,255,255,.88); }
  #Support_Footer .krh-hotline-number { font-size: 15px; font-weight: 800; letter-spacing: .3px; color: #ffffff !important; }
  #Support_Footer .krh-support-actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
  #Support_Footer .krh-btn-zalo { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; background: #0068ff !important; color: #fff !important; font-size: 13px; font-weight: 700; border-radius: 20px; text-decoration: none !important; box-shadow: 0 2px 8px rgba(0,104,255,.28); }
  #Support_Footer .krh-btn-zalo:hover { background: #0056d6 !important; }
  #Support_Footer .krh-zalo-svg { width: 18px; height: 18px; display: block; stroke: currentColor; fill: none; }
  #Support_Footer .krh-cart-link { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: rgba(255,255,255,.22); color: #fff !important; font-size: 13px; font-weight: 600; border-radius: 8px; text-decoration: none !important; }
  #Support_Footer .krh-cart-link:hover { background: rgba(255,255,255,.34); }
  #Support_Footer .krh-cart-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #e94435; color: #fff; font-size: 11px; font-weight: 800; line-height: 1; }
  #Support_Footer .krh-btn-callback { display: inline-flex; align-items: center; gap: 8px; padding: 7px 15px; background: #fff !important; color: #247b35 !important; border: 1px solid #fff; border-radius: 20px; font-size: 12px; font-weight: 700; text-decoration: none !important; }
  #Support_Footer .krh-btn-callback:hover { background: #f0f7f1 !important; color: #0c5a2d !important; }
  #Support_Footer .krh-ico { display: inline-block; vertical-align: middle; stroke: currentColor; fill: none; flex-shrink: 0; }
  #Support_Footer .krh-hotline-item:focus-visible, #Support_Footer .krh-btn-zalo:focus-visible, #Support_Footer .krh-cart-link:focus-visible, #Support_Footer .krh-btn-callback:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
}

/* ===== MOBILE SUPPORT BAR v2 (Variant 1 - dong bo desktop #56b947, icon SVG) ===== */
@media screen and (min-width: 769px) { .support_mobile, .support_mobile.krh-mobile-bar-v1 { display: none !important; } }
@media screen and (max-width: 768px) {
  body { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important; }
  .support_mobile, .support_mobile.krh-mobile-bar-v1 { display: flex !important; align-items: center !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: auto !important; min-height: 54px !important; margin: 0 !important; padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important; background: #56b947 !important; box-shadow: 0 -4px 18px rgba(12,90,45,.16), 0 -1px 3px rgba(0,0,0,.05) !important; z-index: 9999 !important; gap: 5px !important; box-sizing: border-box !important; float: none !important; font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; }
  .support_mobile .item-support { display: none !important; }
  .support_mobile .krh-m-item.krh-m-call { flex: 1 1 0% !important; min-width: 0 !important; display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 10px !important; padding: 5px 6px !important; text-decoration: none !important; color: #fff !important; box-sizing: border-box !important; overflow: hidden !important; -webkit-tap-highlight-color: transparent !important; }
  .support_mobile .krh-m-item.krh-m-call:active { background: rgba(255,255,255,.25) !important; transform: scale(.98) !important; }
  .support_mobile .krh-m-icon { width: 24px !important; height: 24px !important; border-radius: 50% !important; background: rgba(255,255,255,.22) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; color: #fff !important; }
  .support_mobile .krh-m-icon svg { display: block !important; stroke: currentColor !important; width: 13px !important; height: 13px !important; }
  .support_mobile .krh-m-text { display: flex !important; flex-direction: column !important; min-width: 0 !important; flex: 1 1 auto !important; text-align: left !important; overflow: hidden !important; }
  .support_mobile .krh-m-label { font-size: 8.5px !important; font-weight: 700 !important; text-transform: uppercase !important; color: rgba(255,255,255,.92) !important; line-height: 1.15 !important; letter-spacing: 0 !important; white-space: nowrap !important; }
  .support_mobile .krh-m-num { font-size: 10.5px !important; font-weight: 800 !important; color: #fff !important; line-height: 1.2 !important; white-space: nowrap !important; letter-spacing: -0.3px !important; }
  .support_mobile .krh-m-zalo { flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; background: #0068ff !important; color: #fff !important; text-decoration: none !important; padding: 0 11px !important; height: 40px !important; border-radius: 9999px !important; box-shadow: 0 3px 10px rgba(0,104,255,.35) !important; border: 1px solid rgba(255,255,255,.3) !important; -webkit-tap-highlight-color: transparent !important; }
  .support_mobile .krh-m-zalo:active { opacity: .9 !important; transform: scale(.97) !important; }
  .support_mobile .krh-m-zalo svg { display: block !important; stroke: currentColor !important; width: 15px !important; height: 15px !important; }
  .support_mobile .krh-m-zalo-txt { font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important; color: #fff !important; }
}

/* ==========================================================================
   KRH PDP FIX 2026-09-10: breadcrumb len dau + hien nhan khoi gia + an 3 nut
   ========================================================================== */
/* (1) Breadcrumb: luon nam DAU khoi product summary (ca Woo breadcrumb va Yoast breadcrumb) */
body.single-product .product-info.summary > nav.woocommerce-breadcrumb,
body.single-product .product-info.summary > .yoast-breadcrumb,
body.single-product .product-info.summary > nav.yoast-breadcrumb,
body.single-product .product-info.summary > #breadcrumbs,
body.single-product .product-info.summary > p#breadcrumbs { order: 1 !important; margin-bottom: 0 !important; clear: both !important; }
body.single-product .product-info.summary > .krh-pd-badges { order: 2 !important; }
/* (2) Hien lai nhan khoi gia (Giá niêm yết / Tiết kiệm / Giá khuyến mại) — rule cu tai dong ~1707 dang display:none */
body.single-product .product-info.summary .devvn_single_price .label,
.single-product .devvn_single_price .label { display: inline-block !important; }
/* (3) An khoi 3 nut (Tư vấn mua hàng / Zalo tư vấn / Kiểm tra máy) */
body.single-product .product-footer > .container > section.krh-product-support,
section.krh-product-support,
.krh-product-support { display: none !important; }

/* ==========================================================================
   KRH OFFICIAL TRUST FIX 2026-09-10: chong tran chu trong 2 nut .krh-ot-btn
   (nut 150px nhung text can 178px -> chu tran ra ngoai nut)
   ========================================================================== */
.krh-official-trust .krh-ot-actions { align-items: stretch !important; }
.krh-official-trust .krh-ot-actions .krh-ot-btn { white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; text-align: center !important; line-height: 1.25 !important; height: auto !important; min-height: 46px !important; padding: 6px 8px !important; word-break: break-word !important; overflow-wrap: anywhere !important; box-sizing: border-box !important; }
@media (max-width: 768px) {
  .krh-official-trust .krh-ot-actions { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; }
  .krh-official-trust .krh-ot-actions .krh-ot-btn { flex: 1 1 0 !important; min-width: 0 !important; font-size: 11.5px !important; }
}

/* ==== KRH CERT IMG FIX ==== */
footer .krh-official-trust img,
footer #section_733939745 img {
	width: auto;
	max-width: 100%;
	height: auto;
	filter: none;
	display: block;
	margin: 0 auto;
}