/*
 * The downloaded Font Awesome stylesheet expects a sibling ../webfonts/
 * directory which was not included in the browser capture. Keep the CSS
 * local, but point its font faces at the matching Font Awesome 6.2 files.
 */
@font-face {
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/webfonts/fa-regular-400.woff2") format("woff2");
}

/* Nhật Thành Panel — About page */
.ntpanel-about-page {
	--ntpanel-ink: #242828;
	--ntpanel-muted: #68747b;
	--ntpanel-line: #e3e8eb;
	--ntpanel-soft: #f5f7f8;
	--ntpanel-yellow: #ffb610;
	background: #fff;
	color: var(--ntpanel-ink);
	font-family: var(--ntpanel-font-family);
	overflow: hidden;
}

.ntpanel-about-page h1,
.ntpanel-about-page h2,
.ntpanel-about-page h3,
.ntpanel-about-page p {
	margin-top: 0;
}

.ntpanel-about-page h1,
.ntpanel-about-page h2,
.ntpanel-about-page h3 {
	color: var(--ntpanel-ink);
	font-family: var(--ntpanel-font-family);
}

.ntpanel-about-page h1 {
	max-width: 690px;
	margin-bottom: 1.35rem;
	font-size: clamp(2.3rem, 4.5vw, 4.25rem);
	font-weight: 900;
	line-height: 1.04;
	letter-spacing: -.045em;
}

.ntpanel-about-page h2 {
	margin-bottom: 1rem;
	font-size: clamp(1.85rem, 3vw, 3rem);
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -.035em;
}

.ntpanel-about-page h3 {
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.25;
}

.ntpanel-about-hero {
	position: relative;
	padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(4rem, 7vw, 6rem);
	background: linear-gradient(135deg, #fff 0%, #fff 48%, #f5f7f8 100%);
}

.ntpanel-about-hero::after {
	position: absolute;
	right: -9rem;
	bottom: -9rem;
	width: 24rem;
	height: 24rem;
	border: 1px solid rgba(255, 182, 16, .22);
	border-radius: 50%;
	content: '';
}

.ntpanel-about-eyebrow,
.ntpanel-about-section-label {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	margin-bottom: 1rem;
	color: #bd7b00;
	font-size: .73rem;
	font-weight: 900;
	letter-spacing: .16em;
	line-height: 1.2;
}

.ntpanel-about-eyebrow::before,
.ntpanel-about-section-label::before {
	width: 2rem;
	height: 3px;
	border-radius: 2px;
	background: var(--ntpanel-yellow);
	content: '';
}

.ntpanel-about-lead {
	max-width: 620px;
	margin-bottom: 2rem;
	color: var(--ntpanel-muted);
	font-size: 1.08rem;
	line-height: 1.75;
}

.ntpanel-about-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin-bottom: 3rem;
}

.ntpanel-about-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	min-height: 3.15rem;
	padding: .8rem 1.35rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	font-size: .88rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ntpanel-about-btn:hover,
.ntpanel-about-btn:focus-visible {
	transform: translateY(-2px);
}

.ntpanel-about-btn-primary {
	background: var(--ntpanel-yellow);
	box-shadow: 0 10px 24px rgba(255, 182, 16, .22);
	color: var(--ntpanel-ink) !important;
}

.ntpanel-about-btn-primary:hover,
.ntpanel-about-btn-primary:focus-visible {
	background: #f2a900;
	box-shadow: 0 14px 28px rgba(255, 182, 16, .3);
}

.ntpanel-about-btn-light {
	border-color: #d8dfe2;
	background: #fff;
	color: var(--ntpanel-ink) !important;
}

.ntpanel-about-btn-light:hover,
.ntpanel-about-btn-light:focus-visible {
	border-color: var(--ntpanel-yellow);
	background: #fffaf0;
}

.ntpanel-about-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.ntpanel-about-trust div {
	display: flex;
	flex-direction: column;
	gap: .25rem;
}

.ntpanel-about-trust strong {
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1;
}

.ntpanel-about-trust span {
	color: var(--ntpanel-muted);
	font-size: .72rem;
}

.ntpanel-about-visual {
	position: relative;
	min-height: 32rem;
	margin: 0 auto;
	max-width: 31rem;
}

.ntpanel-about-visual-glow {
	position: absolute;
	top: 5%;
	right: 4%;
	width: 76%;
	height: 76%;
	border-radius: 50%;
	background: rgba(255, 182, 16, .2);
	filter: blur(12px);
}

.ntpanel-about-panel {
	position: absolute;
	width: 73%;
	height: 67%;
	border: 1px solid rgba(36, 40, 40, .08);
	border-radius: .45rem;
	box-shadow: 0 22px 45px rgba(36, 40, 40, .12);
	transform: skewY(-7deg) rotate(5deg);
}

.ntpanel-about-panel::after {
	position: absolute;
	top: 1.1rem;
	left: 1.1rem;
	width: calc(100% - 2.2rem);
	height: calc(100% - 2.2rem);
	border: 1px solid rgba(255, 255, 255, .6);
	content: '';
}

.ntpanel-about-panel-back {
	top: 10%;
	right: 7%;
	background: linear-gradient(135deg, #d9e1e3, #f9fbfb 48%, #c8d1d3);
}

.ntpanel-about-panel-mid {
	top: 16%;
	left: 8%;
	background: repeating-linear-gradient(90deg, #fff 0 23px, #e9eef0 24px 26px);
	transform: skewY(-7deg) rotate(-4deg);
}

.ntpanel-about-panel-front {
	top: 27%;
	left: 15%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .65rem;
	padding: 2.6rem;
	background: linear-gradient(145deg, #fff, #f3f6f7);
	transform: skewY(-7deg) rotate(2deg);
}

.ntpanel-about-panel-front::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;
	border-radius: .45rem 0 0 .45rem;
	background: var(--ntpanel-yellow);
	content: '';
}

.ntpanel-about-panel-front span {
	color: #bd7b00;
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .18em;
}

.ntpanel-about-panel-front strong {
	font-size: 1.55rem;
	font-weight: 900;
	letter-spacing: -.03em;
}

.ntpanel-about-panel-front small {
	max-width: 13rem;
	color: var(--ntpanel-muted);
	font-size: .72rem;
	line-height: 1.5;
}

.ntpanel-about-visual-logo {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 9rem;
	height: auto;
	filter: drop-shadow(0 5px 8px rgba(36, 40, 40, .12));
}

.ntpanel-about-intro,
.ntpanel-about-values,
.ntpanel-about-solutions,
.ntpanel-about-process,
.ntpanel-about-cta {
	padding: clamp(4rem, 7vw, 6.5rem) 0;
}

.ntpanel-about-intro {
	background: #fff;
}

.ntpanel-about-intro p {
	margin-bottom: 1rem;
	color: var(--ntpanel-muted);
	font-size: 1rem;
	line-height: 1.8;
}

.ntpanel-about-intro p:last-child {
	margin-bottom: 0;
}

.ntpanel-about-values {
	background: var(--ntpanel-soft);
}

.ntpanel-about-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2.4rem;
}

.ntpanel-about-heading h2 {
	margin-bottom: 0;
}

.ntpanel-about-heading > p {
	max-width: 22rem;
	margin-bottom: .3rem;
	color: var(--ntpanel-muted);
	font-size: .9rem;
	line-height: 1.6;
}

.ntpanel-about-value,
.ntpanel-about-solution {
	height: 100%;
	padding: 1.65rem;
	border: 1px solid var(--ntpanel-line);
	border-radius: .4rem;
	background: #fff;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ntpanel-about-value:hover,
.ntpanel-about-solution:hover {
	border-color: rgba(255, 182, 16, .7);
	box-shadow: 0 18px 35px rgba(36, 40, 40, .08);
	transform: translateY(-4px);
}

.ntpanel-about-value > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 2rem;
	border-radius: 50%;
	background: #fff4d8;
	color: #bd7b00;
	font-size: .72rem;
	font-weight: 900;
}

.ntpanel-about-value h3,
.ntpanel-about-solution h3 {
	margin-bottom: .7rem;
}

.ntpanel-about-value p,
.ntpanel-about-solution p {
	margin-bottom: 0;
	color: var(--ntpanel-muted);
	font-size: .86rem;
	line-height: 1.65;
}

.ntpanel-about-solutions {
	background: #fff;
}

.ntpanel-about-text-link {
	flex: 0 0 auto;
	color: #bd7b00 !important;
	font-size: .85rem;
	font-weight: 800;
	text-decoration: none !important;
}

.ntpanel-about-text-link span {
	display: inline-block;
	margin-left: .35rem;
	font-size: 1.2rem;
	transition: transform .2s ease;
}

.ntpanel-about-text-link:hover span {
	transform: translateX(4px);
}

.ntpanel-about-solution {
	position: relative;
	min-height: 15rem;
	padding-top: 1.5rem;
	overflow: hidden;
}

.ntpanel-about-solution::after {
	position: absolute;
	right: -2rem;
	bottom: -3rem;
	width: 8rem;
	height: 8rem;
	border: 12px solid rgba(255, 182, 16, .13);
	border-radius: 50%;
	content: '';
}

.ntpanel-about-solution-mark {
	margin-bottom: 2.3rem;
	color: #bd7b00;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .14em;
}

.ntpanel-about-solution-arrow {
	position: absolute;
	right: 1.5rem;
	bottom: 1.3rem;
	color: #bd7b00;
	font-size: 1.3rem;
	font-weight: 700;
}

.ntpanel-about-process {
	background: var(--ntpanel-ink);
}

.ntpanel-about-process .ntpanel-about-section-label,
.ntpanel-about-process h2 {
	color: #fff;
}

.ntpanel-about-process .ntpanel-about-section-label::before {
	background: var(--ntpanel-yellow);
}

.ntpanel-about-process-inner {
	padding: clamp(2rem, 5vw, 4rem);
	border: 1px solid rgba(255, 255, 255, .14);
	background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));
}

.ntpanel-about-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	margin-top: 3rem;
}

.ntpanel-about-step {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: .7rem;
	min-height: 5rem;
	padding: 0 1.5rem;
	border-left: 1px solid rgba(255, 255, 255, .2);
}

.ntpanel-about-step:first-child {
	padding-left: 0;
	border-left: 0;
}

.ntpanel-about-step span {
	color: var(--ntpanel-yellow);
	font-size: .75rem;
	font-weight: 900;
	letter-spacing: .1em;
}

.ntpanel-about-step strong {
	max-width: 9rem;
	color: #fff;
	font-size: .95rem;
	line-height: 1.4;
}

.ntpanel-about-cta {
	background: var(--ntpanel-yellow);
}

.ntpanel-about-cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.ntpanel-about-cta .ntpanel-about-section-label {
	color: #785000;
}

.ntpanel-about-cta h2 {
	max-width: 45rem;
	margin-bottom: 0;
	font-size: clamp(1.7rem, 3vw, 2.75rem);
}

.ntpanel-about-cta .ntpanel-about-btn-primary {
	flex: 0 0 auto;
	background: var(--ntpanel-ink);
	box-shadow: none;
	color: #fff !important;
}

.ntpanel-about-cta .ntpanel-about-btn-primary:hover,
.ntpanel-about-cta .ntpanel-about-btn-primary:focus-visible {
	background: #111515;
}

@media (max-width: 767.98px) {
	.ntpanel-about-hero {
		padding-top: 3.5rem;
	}

	.ntpanel-about-visual {
		min-height: 25rem;
		transform: scale(.92);
		transform-origin: top center;
	}

	.ntpanel-about-heading,
	.ntpanel-about-cta-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.ntpanel-about-steps {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem 0;
	}

	.ntpanel-about-step:nth-child(3) {
		padding-left: 0;
		border-left: 0;
	}

	.ntpanel-about-cta .ntpanel-about-btn {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	.ntpanel-about-page h1 {
		font-size: 2.35rem;
	}

	.ntpanel-about-trust {
		gap: 1.25rem;
	}

	.ntpanel-about-trust strong {
		font-size: 1.1rem;
	}

	.ntpanel-about-visual {
		min-height: 22rem;
		transform: scale(.8);
		transform-origin: top center;
		margin-bottom: -4rem;
	}

	.ntpanel-about-panel-front {
		padding: 2rem;
	}
}

@font-face {
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
	font-family: "Font Awesome 6 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/webfonts/fa-brands-400.woff2") format("woff2");
}

/* Blocksy still prints its accessible skip link through wp_body_open(). */
.ntpanel-layout .skip-link.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.ntpanel-layout .skip-link.screen-reader-text:focus {
	z-index: 100000;
	top: 5px;
	left: 5px;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 15px 23px !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	color: #21759b;
	white-space: normal !important;
	background: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

/* Keep the Nhật Thành logo inside Poco's original header/footer boxes. */
.ntpanel-layout .ntpanel-brand-logo {
	object-fit: contain;
	object-position: left center;
	background: transparent;
}

.ntpanel-layout .footer .ntpanel-brand-logo {
	background: #fff;
}

/* Topbar refresh: compact utility navigation with Nhật Thành's palette. */
.ntpanel-layout #top-header {
	color: #fff;
	background: #242828;
	border-bottom: 1px solid rgba(255, 182, 16, .28);
}

.ntpanel-layout #top-header #entry_207133 {
	min-height: 42px;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.ntpanel-layout #top-header #entry_207134 {
	display: flex;
	align-items: center;
	min-height: 42px;
	margin: 0;
}

.ntpanel-layout #top-header #entry_207134 p {
	margin: 0;
	color: #fff;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .01em;
}

.ntpanel-layout #top-header #entry_207134 p::before {
	content: "★";
	display: inline-block;
	margin-right: .45rem;
	color: #ffb610;
	font-size: .8rem;
}

.ntpanel-layout #top-header #entry_207135,
.ntpanel-layout #top-header #entry_207136 {
	margin: 0;
}

.ntpanel-layout #top-header #entry_207135 .navbar,
.ntpanel-layout #top-header #entry_207136 .menu-wraper {
	padding: 0;
}

.ntpanel-layout #top-header #entry_207135 .navbar-nav,
.ntpanel-layout #top-header #entry_207136 .nav {
	align-items: center;
	gap: .2rem;
}

.ntpanel-layout #top-header .nav-link {
	min-height: 32px;
	padding: .42rem .65rem !important;
	border-radius: 999px;
	color: rgba(255, 255, 255, .82) !important;
	font-size: .73rem;
	font-weight: 600;
	line-height: 1.2;
	transition: color .2s ease, background-color .2s ease;
}

.ntpanel-layout #top-header .nav-link:hover,
.ntpanel-layout #top-header .nav-link:focus-visible,
.ntpanel-layout #top-header .nav-item.show > .nav-link {
	color: #242828 !important;
	background: #ffb610;
}

.ntpanel-layout #top-header .nav-link .icon,
.ntpanel-layout #top-header .nav-link .svg-icon {
	color: currentColor;
}

.ntpanel-layout #top-header .dropdown-menu {
	min-width: 11rem;
	margin-top: .35rem;
	padding: .4rem;
	border: 1px solid rgba(217, 146, 0, .35);
	border-radius: .75rem;
	box-shadow: 0 .75rem 2rem rgba(36, 40, 40, .18);
}

.ntpanel-layout #top-header .dropdown-item {
	border-radius: .5rem;
	font-size: .78rem;
}

.ntpanel-layout #top-header .dropdown-item:hover,
.ntpanel-layout #top-header .dropdown-item:focus {
	color: #242828;
	background: rgba(255, 182, 16, .18);
}

.ntpanel-layout #top-header .dropdown-item:active {
	color: #242828;
	background: #ffb610;
}

@media (max-width: 575.98px) {
	.ntpanel-layout #top-header #entry_207133 {
		display: flex !important;
		justify-content: center;
		min-height: 36px;
		padding-right: .75rem;
		padding-left: .75rem;
	}

	.ntpanel-layout #top-header #entry_207134 {
		min-height: 36px;
	}

	.ntpanel-layout #top-header #entry_207134 p {
		font-size: .7rem;
		white-space: nowrap;
	}

	.ntpanel-layout #top-header #entry_207135,
	.ntpanel-layout #top-header #entry_207136 {
		display: none !important;
	}
}

/* Alternative light topbar: offer-first and free from language/currency noise. */
.ntpanel-layout #top-header {
	color: #242828;
	background: #fff;
	border-bottom: 1px solid #ece8dd;
}

.ntpanel-layout #top-header #entry_207134 p {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: .25rem .7rem;
	border-left: 3px solid #ffb610;
	border-radius: .35rem;
	color: #242828;
	background: rgba(255, 182, 16, .12);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .015em;
}

.ntpanel-layout #top-header #entry_207134 p::before {
	width: 6px;
	height: 6px;
	margin-right: .5rem;
	border-radius: 50%;
	background: #ffb610;
	content: "";
}

.ntpanel-layout #top-header .nav-link {
	color: #5f6565 !important;
	font-size: .72rem;
	font-weight: 600;
}

.ntpanel-layout #top-header .nav-link:hover,
.ntpanel-layout #top-header .nav-link:focus-visible,
.ntpanel-layout #top-header .nav-item.show > .nav-link {
	color: #242828 !important;
	background: rgba(255, 182, 16, .18);
}

.ntpanel-layout #top-header #entry_207135 .nav-item + .nav-item {
	position: relative;
	margin-left: .15rem;
	padding-left: .15rem;
}

.ntpanel-layout #top-header #entry_207135 .nav-item + .nav-item::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 14px;
	background: #e5e5e5;
	content: "";
	transform: translateY(-50%);
}

@media (max-width: 575.98px) {
	.ntpanel-layout #top-header #entry_207134 p {
		padding-right: .55rem;
		padding-left: .55rem;
		font-size: .68rem;
	}
}

/* Final topbar direction: minimal premium utility strip. */
.ntpanel-layout #top-header {
	background: #242828;
	border-bottom: 0;
	box-shadow: inset 0 -1px 0 rgba(255, 182, 16, .45);
}

.ntpanel-layout #top-header #entry_207133 {
	min-height: 38px;
}

.ntpanel-layout #top-header #entry_207134,
.ntpanel-layout #top-header #entry_207135 {
	min-height: 38px;
}

.ntpanel-layout #top-header #entry_207134 p {
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: rgba(255, 255, 255, .9);
	background: transparent;
	font-size: .72rem;
	letter-spacing: .02em;
}

.ntpanel-layout #top-header #entry_207134 p::before {
	width: 7px;
	height: 7px;
	margin-right: .55rem;
	background: #ffb610;
	box-shadow: 0 0 0 3px rgba(255, 182, 16, .16);
}

.ntpanel-layout #top-header #entry_207135 .navbar-nav {
	gap: 0;
}

.ntpanel-layout #top-header #entry_207135 .nav-item:first-child {
	display: none;
}

.ntpanel-layout #top-header #entry_207135 .nav-item + .nav-item {
	margin-left: .25rem;
	padding-left: .25rem;
}

.ntpanel-layout #top-header #entry_207135 .nav-item + .nav-item::before {
	background: rgba(255, 255, 255, .18);
}

.ntpanel-layout #top-header #entry_207135 .nav-link {
	min-height: 28px;
	padding: .3rem .55rem !important;
	border-radius: .3rem;
	color: rgba(255, 255, 255, .72) !important;
	font-size: .7rem;
	letter-spacing: .01em;
}

.ntpanel-layout #top-header #entry_207135 .nav-link:hover,
.ntpanel-layout #top-header #entry_207135 .nav-link:focus-visible {
	color: #ffb610 !important;
	background: rgba(255, 182, 16, .1);
}

.ntpanel-layout #top-header #entry_207135 .nav-item:last-child .nav-link {
	margin-left: .2rem;
	padding-right: .7rem !important;
	padding-left: .7rem !important;
	border: 1px solid rgba(255, 182, 16, .55);
	color: #fff !important;
}

.ntpanel-layout #top-header #entry_207135 .nav-item:last-child .nav-link:hover,
.ntpanel-layout #top-header #entry_207135 .nav-item:last-child .nav-link:focus-visible {
	color: #242828 !important;
	background: #ffb610;
}

/* Keep every topbar element inside the same responsive container. */
.ntpanel-layout #top-header {
	height: 40px;
	min-height: 40px;
	overflow-x: clip;
}

.ntpanel-layout #top-header #entry_207133 {
	box-sizing: border-box;
	height: 40px;
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.25rem;
	padding-left: 1.25rem;
	gap: 1rem;
	flex-wrap: nowrap !important;
	align-items: center !important;
}

.ntpanel-layout #top-header #entry_207134 {
	display: flex !important;
	height: 40px;
	min-width: 0;
	flex: 1 1 auto;
	align-items: center;
}

.ntpanel-layout #top-header #entry_207134 p {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ntpanel-layout #top-header #entry_207135 {
	display: flex !important;
	height: 40px;
	min-width: 0;
	max-width: 100%;
	flex: 0 0 auto;
	align-items: center;
}

.ntpanel-layout #top-header #entry_207135 .navbar,
.ntpanel-layout #top-header #entry_207135 .navbar-collapse,
.ntpanel-layout #top-header #entry_207135 .navbar-nav {
	height: 40px;
	max-width: 100%;
	flex-wrap: nowrap;
	align-items: center !important;
}

.ntpanel-layout #top-header .nav-link {
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
}

@media (min-width: 576px) and (max-width: 991.98px) {
	/* The separate compare/wishlist row otherwise competes for the same line. */
	.ntpanel-layout #top-header #entry_207136 {
		display: none !important;
	}

	.ntpanel-layout #top-header #entry_207135 .nav-link {
		padding-right: .4rem !important;
		padding-left: .4rem !important;
		font-size: .66rem;
	}
}

@media (max-width: 575.98px) {
	.ntpanel-layout #top-header #entry_207133 {
		height: 36px;
		min-height: 36px;
		padding-right: .75rem;
		padding-left: .75rem;
	}

	.ntpanel-layout #top-header,
	.ntpanel-layout #top-header #entry_207134,
	.ntpanel-layout #top-header #entry_207135 {
		height: 36px;
		min-height: 36px;
	}

	.ntpanel-layout #top-header #entry_207135,
	.ntpanel-layout #top-header #entry_207135 .navbar,
	.ntpanel-layout #top-header #entry_207135 .navbar-collapse,
	.ntpanel-layout #top-header #entry_207135 .navbar-nav {
		height: 36px;
	}

	.ntpanel-layout #top-header #entry_207135 {
		display: none !important;
	}
}

/* Panel product cards: clean technical catalogue presentation. */
.ntpanel-layout .product-thumb {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 392px;
	margin-bottom: 1.5rem;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 0;
	background: #ffffff;
	box-shadow: none;
	transition: background-color .2s ease;
}

.ntpanel-layout .product-thumb:hover {
	border-color: #ddd;
	background: #ffffff;
	box-shadow: none;
	transform: none;
}

.ntpanel-layout .product-thumb .product-thumb-top {
	position: relative;
	min-height: 246px;
	overflow: hidden;
	border-radius: 0;
	background: linear-gradient(145deg, #f8fafb 0%, #edf3f6 100%);
}

.ntpanel-layout .product-thumb .image,
.ntpanel-layout .product-thumb .image .carousel-inner,
.ntpanel-layout .product-thumb .image .carousel-item {
	height: 246px;
}

.ntpanel-layout .product-thumb .image > a {
	display: block;
	height: 100%;
}

.ntpanel-layout .product-thumb .image .carousel-item.active {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ntpanel-layout .product-thumb .image .carousel-item > img {
	display: block;
	width: 100%;
	height: 100%;
	padding: 22px;
	object-fit: contain;
	transition: transform .3s ease;
}

.ntpanel-layout .product-thumb:hover .image .carousel-item.active > img {
	transform: scale(1.035);
}

.ntpanel-layout .product-thumb .carousel-indicators {
	right: 14px;
	bottom: 10px;
	left: 14px;
	justify-content: center;
	gap: 5px;
	margin: 0;
}

.ntpanel-layout .product-thumb .carousel-indicators li {
	width: 7px;
	height: 7px;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: #c5ced5;
	opacity: 1;
	text-indent: -9999px;
}

.ntpanel-layout .product-thumb .carousel-indicators li.active {
	width: 20px;
	border-radius: 99px;
	background: #ffb610;
}

.ntpanel-layout .product-thumb .carousel-indicators li img {
	display: none;
}

.ntpanel-layout .product-thumb .product-label {
	top: 14px;
	z-index: 3;
}

.ntpanel-layout .product-thumb .product-label.top_left {
	left: 14px;
}

.ntpanel-layout .product-thumb .product-label.top_right {
	right: 14px;
}

.ntpanel-layout .product-thumb .product-label > div,
.ntpanel-layout .product-thumb .product-label > div.circle,
.ntpanel-layout .product-thumb .product-label > div.square {
	min-width: 0;
	width: auto;
	height: auto;
	padding: .42rem .65rem;
	border-radius: 999px;
	font-size: .64rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .045em;
	text-transform: uppercase;
	box-shadow: 0 3px 8px rgba(36, 40, 40, .12);
}

.ntpanel-layout .product-thumb .product-label > div.circle::after {
	display: none;
}

/* Replace the large Poco action strip with compact, accessible controls. */
.ntpanel-layout .product-thumb .product-action {
	top: auto !important;
	right: 14px;
	bottom: 14px !important;
	left: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	width: auto;
	background: transparent;
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease;
}

.ntpanel-layout .product-thumb:hover .product-action,
.ntpanel-layout .product-thumb:focus-within .product-action {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.ntpanel-layout .product-thumb .product-action .btn {
	display: inline-flex;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	align-items: center;
	justify-content: center;
	border: 1px solid #e2e7eb;
	border-radius: 9px;
	background: #ffffff;
	color: #242828;
	box-shadow: 0 4px 12px rgba(36, 40, 40, .1);
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.ntpanel-layout .product-thumb .product-action .btn:hover,
.ntpanel-layout .product-thumb .product-action .btn:focus-visible {
	border-color: #242828;
	background: #242828;
	color: #ffffff;
}

.ntpanel-layout .product-thumb .product-action .btn-cart {
	width: auto;
	min-width: 42px;
	padding: 0 .75rem;
	border-color: #ffb610;
	background: #ffb610;
	color: #242828;
}

.ntpanel-layout .product-thumb .product-action .btn-cart span {
	display: inline-block;
	margin-left: .35rem;
	font-size: .68rem;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

/* Discount widgets and star ratings are not useful for a technical panel catalogue. */
.ntpanel-layout .product-thumb .deal-status,
.ntpanel-layout .product-thumb .rating {
	display: none !important;
}

.ntpanel-layout .product-thumb .caption {
	display: flex;
	flex: 1 1 auto;
	min-height: 145px;
	padding: 16px !important;
	background: #ffffff;
}

.ntpanel-layout .product-thumb .title {
	min-height: 2.85em;
	margin: 0 !important;
	font-size: .93rem;
	font-weight: 750;
	line-height: 1.42;
}

.ntpanel-layout .product-thumb .title a {
	color: #242828;
	transition: color .2s ease;
}

.ntpanel-layout .product-thumb .title a:hover,
.ntpanel-layout .product-thumb .title a:focus-visible {
	color: #c47e00;
}

.ntpanel-layout .product-thumb .price {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid #edf0f2;
	gap: 8px;
}

.ntpanel-layout .product-thumb .price-new {
	color: #242828 !important;
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.2;
}

.ntpanel-layout .product-thumb .price-old {
	color: #89939b;
	font-size: .76rem;
}

/* Uploaded product-category capture. Keep its catalog shell aligned with the
 * Vietnamese storefront and remove demo-only deal widgets. */
.ntpanel-category-page #main {
	width: 100%;
}

.ntpanel-category-page .deal-countdown,
.ntpanel-category-page .product-thumb .deal-status {
	display: none !important;
}

.ntpanel-category-page .content-products .product-thumb {
	height: 100%;
}

.ntpanel-category-page .content-products .caption {
	min-height: 150px;
}

.ntpanel-category-page .content-products .price {
	margin-top: auto;
}

@media (max-width: 575.98px) {
	.ntpanel-layout .product-thumb {
		min-height: 0;
		border-radius: 8px;
	}

	.ntpanel-layout .product-thumb .product-thumb-top {
		min-height: 0;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.ntpanel-layout .product-thumb .image,
	.ntpanel-layout .product-thumb .image .carousel-inner,
	.ntpanel-layout .product-thumb .image .carousel-item {
		min-height: 0;
		height: 100%;
	}

	.ntpanel-layout .product-thumb .image .carousel-item > img {
		padding: 4px;
	}

	.ntpanel-layout .product-thumb .caption {
		min-height: 0;
		padding: 10px !important;
	}

	.ntpanel-layout .product-thumb .title {
		font-size: 1rem;
		line-height: 1.35;
		margin-bottom: 4px;
	}

	.ntpanel-layout .product-thumb .product-action {
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}

	.ntpanel-layout .product-thumb .panel-card-use {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0 0 6px;
		white-space: normal;
		font-size: 11px;
		line-height: 1.35;
	}

	.ntpanel-category-page .content-products .caption {
		min-height: 0;
	}

	.ntpanel-layout .product-thumb:has(.panel-card-caption) {
		min-height: 0;
	}

	.ntpanel-layout .product-thumb .product-action .btn:not(.btn-cart) {
		display: none;
	}

	.ntpanel-layout .product-thumb .product-action .btn-cart span {
		display: none;
	}
}

/* Panel catalogue details: show the decision-making information at a glance. */
.ntpanel-layout #mz-product-listing-37208710 .swiper-slide {
	margin-right: 12px !important;
}

.ntpanel-layout .product-thumb:has(.panel-card-caption) {
	min-height: 470px;
}

.ntpanel-layout .product-thumb:has(.panel-card-caption) .product-thumb-top::after {
	position: absolute;
	right: auto;
	bottom: 13px;
	left: 14px;
	z-index: 2;
	padding: .28rem .45rem;
	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: 5px;
	background: rgba(255, 255, 255, .72);
	color: #69757c;
	content: 'ẢNH MINH HỌA';
	font-size: .51rem;
	font-weight: 800;
	letter-spacing: .05em;
	line-height: 1;
}

.ntpanel-layout .product-thumb .panel-card-caption {
	min-height: 212px;
	gap: 0;
	padding: 15px 16px 16px !important;
}

.ntpanel-layout .panel-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
	color: #6c777e;
	font-size: .58rem;
	font-weight: 800;
	letter-spacing: .06em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ntpanel-layout .panel-card-category {
	color: #b47400;
}

.ntpanel-layout .panel-card-code {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ntpanel-layout .product-thumb .panel-card-caption .title {
	min-height: 0;
	margin: 0 0 5px !important;
	font-size: .92rem;
	font-weight: 800;
	line-height: 1.35;
}

.ntpanel-layout .panel-card-use {
	overflow: hidden;
	margin: 0 0 12px;
	color: #6c777e;
	font-size: .67rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ntpanel-layout .panel-card-specs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	margin: 0;
	padding: 9px 0;
	list-style: none;
	border-top: 1px solid #edf0f2;
	border-bottom: 1px solid #edf0f2;
}

.ntpanel-layout .panel-card-specs li {
	min-width: 0;
}

.ntpanel-layout .panel-card-specs span,
.ntpanel-layout .panel-card-specs strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ntpanel-layout .panel-card-specs span {
	margin-bottom: 3px;
	color: #89939b;
	font-size: .55rem;
	line-height: 1.2;
}

.ntpanel-layout .panel-card-specs strong {
	color: #242828;
	font-size: .64rem;
	font-weight: 800;
	line-height: 1.2;
}

.ntpanel-layout .panel-card-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 7px;
	margin-top: 14px;
	padding-top: 12px;
}

.ntpanel-layout .panel-card-foot .price {
	display: flex;
	align-items: baseline;
	gap: 4px;
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.ntpanel-layout .panel-card-price-label {
	color: #89939b;
	font-size: .6rem;
	font-weight: 700;
}

.ntpanel-layout .panel-card-foot .price-new {
	font-size: 1rem;
}

.ntpanel-layout .panel-card-foot .price-new small {
	color: #68737a;
	font-size: .56em;
	font-weight: 700;
}

.ntpanel-layout .panel-card-foot .price-old {
	font-size: .61rem;
}

.ntpanel-layout .panel-card-availability {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #388653;
	font-size: .61rem;
	font-weight: 700;
	line-height: 1.2;
}

.ntpanel-layout .panel-card-availability .fa-check-circle {
	font-size: .72rem;
}

@media (max-width: 575.98px) {
	.ntpanel-layout .product-thumb:has(.panel-card-caption) {
		min-height: 0;
	}

	.ntpanel-layout .product-thumb .panel-card-caption {
		min-height: 0;
		padding: 10px !important;
	}

	.ntpanel-layout .panel-card-head {
		font-size: 10px;
		margin-bottom: 6px;
	}

	.ntpanel-layout .product-thumb .panel-card-caption .title {
		font-size: 1rem;
	}

	.ntpanel-layout .panel-card-use {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0 0 6px;
		white-space: normal;
		font-size: 11px;
		line-height: 1.35;
	}

	.ntpanel-layout .panel-card-specs {
		gap: 6px;
		padding: 8px 0;
	}

	.ntpanel-layout .panel-card-specs span {
		font-size: .8125rem;
	}

	.ntpanel-layout .panel-card-specs strong {
		font-size: .875rem;
	}
}

/* Keep every panel card in the same row rhythm, regardless of title length. */
.ntpanel-layout .swiper-slide:has(> .product-thumb) {
	height: 450px !important;
}

.ntpanel-layout .product-thumb:has(.panel-card-caption) {
	height: 450px;
	min-height: 450px;
}

.ntpanel-layout .product-thumb .panel-card-caption {
	height: 204px;
	min-height: 204px;
	box-sizing: border-box;
}

.ntpanel-layout .panel-card-foot {
	flex-wrap: nowrap;
	align-items: center;
	margin-top: auto;
}

.ntpanel-layout .panel-card-foot .price {
	min-width: 0;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.ntpanel-layout .panel-card-foot .price-old,
.ntpanel-layout .panel-card-availability {
	white-space: nowrap;
}

.ntpanel-layout .panel-card-availability {
	flex: 0 0 auto;
	font-size: .58rem;
}

@media (max-width: 575.98px) {
	.ntpanel-layout .swiper-slide:has(> .product-thumb),
	.ntpanel-layout .product-thumb:has(.panel-card-caption) {
		height: auto !important;
		min-height: 0 !important;
	}

	.ntpanel-layout .product-thumb .panel-card-caption {
		height: auto !important;
		min-height: 0 !important;
	}
}

/* Refined panel card footer: separate technical data from the commercial CTA. */
.ntpanel-layout .product-thumb .panel-card-specs {
	gap: 5px;
	padding: 7px;
	border: 0;
	border-radius: 9px;
	background: #f5f8fa;
}

.ntpanel-layout .product-thumb .panel-card-specs li {
	padding: 5px 4px;
	border: 1px solid #e5ebef;
	border-radius: 6px;
	background: #ffffff;
}

.ntpanel-layout .panel-card-foot {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 8px;
	row-gap: 7px;
	margin-top: auto;
	padding: 9px;
	border: 1px solid #e7edf0;
	border-radius: 10px;
	background: #fbfcfd;
}

.ntpanel-layout .panel-card-foot .price {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: baseline;
	gap: 4px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.ntpanel-layout .panel-card-price-label {
	grid-column: 1;
	font-size: .56rem;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.ntpanel-layout .panel-card-foot .price-new {
	grid-column: 2;
	font-size: 1.08rem;
}

.ntpanel-layout .panel-card-foot .price-old {
	grid-column: 3;
	min-width: 0;
	font-size: .58rem;
	text-align: right;
}

.ntpanel-layout .panel-card-availability {
	grid-column: 1 / -1;
	justify-self: start;
	padding: 4px 7px;
	border: 1px solid #d7efdf;
	border-radius: 999px;
	background: #effaf2;
	font-size: .57rem;
}

@media (max-width: 575.98px) {
	.ntpanel-layout .panel-card-foot {
		padding: 8px;
	}

	.ntpanel-layout .panel-card-foot .price-new {
		font-size: 1rem;
	}
}

/* Restore the natural-height panel card layout used before equal-row mode. */
.ntpanel-layout .swiper-slide:has(> .product-thumb) {
	height: auto !important;
}

.ntpanel-layout .product-thumb:has(.panel-card-caption) {
	height: auto;
	min-height: 470px;
}

.ntpanel-layout .product-thumb .panel-card-caption {
	height: auto;
	min-height: 212px;
	box-sizing: border-box;
}

.ntpanel-layout .product-thumb .panel-card-specs {
	gap: 6px;
	padding: 9px 0;
	border-top: 1px solid #edf0f2;
	border-bottom: 1px solid #edf0f2;
	border-radius: 0;
	background: transparent;
}

.ntpanel-layout .product-thumb .panel-card-specs li {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.ntpanel-layout .panel-card-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 7px;
	margin-top: 14px;
	padding: 12px 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.ntpanel-layout .panel-card-foot .price {
	display: flex;
	grid-column: auto;
	grid-template-columns: none;
	align-items: baseline;
	gap: 4px;
	width: auto;
	min-width: 0;
	flex: 0 1 auto;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	border: 0;
	white-space: normal;
}

.ntpanel-layout .panel-card-price-label {
	grid-column: auto;
	font-size: .6rem;
	letter-spacing: normal;
	text-transform: none;
}

.ntpanel-layout .panel-card-foot .price-new {
	grid-column: auto;
	font-size: 1rem;
}

.ntpanel-layout .panel-card-foot .price-old {
	grid-column: auto;
	min-width: auto;
	font-size: .61rem;
	text-align: initial;
	white-space: normal;
}

.ntpanel-layout .panel-card-availability {
	display: inline-flex;
	grid-column: auto;
	align-items: center;
	justify-self: auto;
	flex: 0 1 auto;
	gap: 4px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #388653;
	font-size: .61rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: normal;
}

@media (max-width: 767.98px) {
	.ntpanel-layout .swiper-slide:has(> .product-thumb),
	.ntpanel-layout .product-thumb:has(.panel-card-caption),
	.ntpanel-layout .ntpanel-product-card,
	.ntpanel-restored-category .content-products .ntpanel-product-card,
	.ntpanel-restored-single .ntpanel-single-related-grid .ntpanel-product-card {
		height: auto !important;
		min-height: 0 !important;
	}

	.ntpanel-layout .product-thumb:has(.panel-card-caption) .product-thumb-top::after {
		display: none;
	}

	.ntpanel-layout .ntpanel-product-card .product-thumb-top,
	.ntpanel-layout .product-thumb .product-thumb-top {
		min-height: 0 !important;
		height: auto !important;
		flex-basis: auto !important;
		aspect-ratio: 1 / 1;
	}

	.ntpanel-layout .product-thumb .image,
	.ntpanel-layout .product-thumb .image .carousel-inner,
	.ntpanel-layout .product-thumb .image .carousel-item {
		min-height: 0 !important;
		height: 100% !important;
		flex-basis: auto !important;
	}

	.ntpanel-layout .product-thumb .image .carousel-item > img {
		padding: 4px;
		object-fit: contain;
	}

	.ntpanel-layout .product-thumb .panel-card-caption,
	.ntpanel-layout .ntpanel-product-card .panel-card-caption,
	.ntpanel-restored-category .content-products .ntpanel-product-card .panel-card-caption {
		display: flex;
		height: auto !important;
		min-height: 0 !important;
		padding: 10px !important;
		flex-direction: column;
		gap: 0;
	}

	.ntpanel-layout .ntpanel-product-card .panel-card-caption .title,
	.ntpanel-layout .product-thumb .panel-card-caption .title {
		min-height: 0 !important;
		margin: 0 0 6px !important;
		font-size: 1rem !important;
		line-height: 1.35;
		-webkit-line-clamp: 2;
	}

	.ntpanel-layout .panel-card-head {
		flex-wrap: wrap;
		gap: 2px 8px;
		margin-bottom: 6px;
		font-size: 10px;
		letter-spacing: .02em;
	}

	.ntpanel-layout .panel-card-use,
	.ntpanel-layout .ntpanel-product-card .panel-card-use {
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0 0 6px;
		white-space: normal;
		font-size: 11px;
		line-height: 1.35;
	}

	.ntpanel-layout .panel-card-specs,
	.ntpanel-layout .product-thumb .panel-card-specs {
		display: grid;
		grid-template-columns: 1fr;
		gap: 5px;
		margin: 0;
		padding: 8px 0;
		border-top: 1px solid #edf0f2;
		border-bottom: 1px solid #edf0f2;
	}

	.ntpanel-layout .panel-card-specs li {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: baseline;
		column-gap: 8px;
		min-width: 0;
	}

	.ntpanel-layout .panel-card-specs span,
	.ntpanel-layout .panel-card-specs strong {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ntpanel-layout .panel-card-specs span {
		margin-bottom: 0;
		color: #6c777e;
		font-size: .8125rem;
		line-height: 1.35;
	}

	.ntpanel-layout .panel-card-specs strong {
		color: #242828;
		font-size: .875rem;
		font-weight: 800;
		line-height: 1.35;
		text-align: right;
	}

	.ntpanel-layout .panel-card-foot,
	.ntpanel-layout .ntpanel-product-card .panel-card-foot {
		gap: 6px;
		margin-top: 8px !important;
		padding-top: 8px;
	}

	.ntpanel-layout .panel-card-price-label {
		font-size: .8125rem;
	}

	.ntpanel-layout .panel-card-foot .price-new {
		font-size: 1.125rem;
	}

	.ntpanel-layout .panel-card-availability {
		font-size: .8125rem;
	}
}

@media (max-width: 575.98px) {
	.ntpanel-layout .swiper-slide:has(> .product-thumb),
	.ntpanel-layout .product-thumb:has(.panel-card-caption) {
		height: auto !important;
		min-height: 0 !important;
	}

	.ntpanel-layout .product-thumb .panel-card-caption {
		min-height: 0 !important;
	}
}

/* Nhật Thành brand palette: navy structure with the existing gold accent. */

/* Category grid: the captured row classes can be changed by Poco's list/grid
 * script, so force the catalog cards into the same predictable columns as
 * the homepage layout. */
.ntpanel-category-page #main .content-products > .row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 24px 14px !important;
	width: 100%;
	margin: 0 !important;
}

.ntpanel-category-page #main .content-products {
	align-self: stretch !important;
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.ntpanel-category-page #main .content-products > .row > .col {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	flex: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ntpanel-category-page #main .content-products > .row > .col .product-thumb {
	width: 100%;
	margin: 0;
}

/* Keep category cards on the shared site font stack used by the home
 * cards. Blocksy's global typography can otherwise win on this imported
 * template and make the title appear heavier or use a different fallback. */
.ntpanel-layout .product-thumb,
.ntpanel-layout .product-thumb .caption,
.ntpanel-layout .product-thumb .panel-card-head,
.ntpanel-layout .product-thumb .panel-card-category,
.ntpanel-layout .product-thumb .panel-card-code,
.ntpanel-layout .product-thumb .panel-card-use,
.ntpanel-layout .product-thumb .panel-card-specs,
.ntpanel-layout .product-thumb .panel-card-specs span,
.ntpanel-layout .product-thumb .panel-card-specs strong,
.ntpanel-layout .product-thumb .panel-card-foot,
.ntpanel-layout .product-thumb .panel-card-price-label,
.ntpanel-layout .product-thumb .panel-card-availability {
	font-family: var(--ntpanel-font-family) !important;
}

@media (max-width: 1199.98px) and (min-width: 768px) {
	.ntpanel-category-page #main .content-products > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767.98px) {
	.ntpanel-category-page #main .content-products > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px 8px !important;
	}
}

/* Mega menu for product categories. The menu keeps the original navigation
 * links, but presents them as a larger product panel with a visual highlight. */
@media (min-width: 1200px) {
	.ntpanel-layout #main-navigation #entry_207153,
	.ntpanel-layout #main-navigation #entry_207154,
	.ntpanel-layout #main-navigation #entry_207154 .navbar {
		position: relative;
		z-index: 30;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar {
		overflow: visible;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 14px;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse {
		display: block !important;
		position: absolute;
		top: calc(100% + 12px);
		left: 0;
		z-index: 50;
		width: min(790px, calc(100vw - 48px));
		min-height: 318px;
		margin: 0;
		padding: 22px 276px 22px 20px;
		border: 1px solid #e1e6ea;
		border-radius: 16px;
		background: #fff !important;
		box-shadow: 0 22px 48px rgba(36, 40, 40, .18);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(8px);
		transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
	}

	.ntpanel-layout #main-navigation #entry_207154:hover .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154:focus-within .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse.show {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical {
		display: grid;
		grid-auto-flow: column;
		grid-template-rows: repeat(6, minmax(0, auto));
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: stretch;
		gap: 4px 14px;
		width: 100%;
		margin: 0 !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-item {
		min-width: 0;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link {
		display: flex;
		align-items: center;
		min-height: 40px;
		padding: 8px 10px !important;
		border-radius: 9px;
		color: #4d585f !important;
		font-size: .78rem;
		font-weight: 700;
		line-height: 1.25;
		transition: background-color .18s ease, color .18s ease, transform .18s ease;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link::before {
		content: "";
		flex: 0 0 7px;
		width: 7px;
		height: 7px;
		margin-right: 9px;
		border-radius: 50%;
		background: #ffb610;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:hover,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:focus-visible {
		background: #fff7df;
		color: #242828 !important;
		transform: translateX(2px);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::before {
		content: "Panel chuyên dụng\A EPS  •  PU  •  Rockwool  •  PIR";
		position: absolute;
		top: 20px;
		right: 18px;
		width: 238px;
		height: 276px;
		padding: 166px 16px 14px;
		border-radius: 13px;
		box-sizing: border-box;
		background:
			linear-gradient(180deg, rgba(36, 40, 40, .02) 28%, rgba(36, 40, 40, .9) 100%),
			url("../vendor/cat-banner1-380x215.webp") center / cover no-repeat;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45);
		color: #fff;
		font-size: .95rem;
		font-weight: 800;
		line-height: 1.35;
		white-space: pre-line;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::after {
		content: "Xem danh mục panel  →";
		position: absolute;
		right: 34px;
		bottom: 34px;
		z-index: 1;
		color: #ffb610;
		font-size: .72rem;
		font-weight: 800;
		letter-spacing: .01em;
	}
}

@media (max-width: 1199.98px) {
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse {
		position: static;
	}
}

/* Single panel product: retain Poco's detail layout, but use the project's
 * panel information hierarchy and brand palette. */
.ntpanel-single-product .ntpanel-single-content {
	background: #fff;
}

.ntpanel-single-product .content-title h1 {
	color: #242828;
	font-weight: 800;
	letter-spacing: -.02em;
}

.ntpanel-single-product .content-brand {
	display: none !important;
}

.ntpanel-single-product .content-extra .ls-label {
	font-weight: 700;
}

.ntpanel-single-product .content-extra .badge.text-bg-success {
	background: #e8f5ec !important;
	color: #388653 !important;
}

.ntpanel-single-product .content-price .price-new,
.ntpanel-restored-single .content-price .price-new {
	color: #ea773b !important;
	font-size: 1.8rem;
	font-weight: 800;
	text-decoration: none !important;
	border-bottom: 0 !important;
}

.ntpanel-single-product .content-price .price-new .woocommerce-Price-amount,
.ntpanel-single-product .content-price .price-new .woocommerce-Price-currencySymbol,
.ntpanel-single-product .content-price .price-new bdi,
.ntpanel-restored-single .content-price .price-new .woocommerce-Price-amount,
.ntpanel-restored-single .content-price .price-new .woocommerce-Price-currencySymbol,
.ntpanel-restored-single .content-price .price-new bdi {
	color: #ea773b !important;
	text-decoration: none !important;
	border-bottom: 0 !important;
}

.ntpanel-single-product .content-price .price-new small,
.ntpanel-restored-single .content-price .price-new small {
	color: #d46628;
	font-weight: 700;
}

.ntpanel-single-product .content-price .price-old {
	color: #89939b;
}

.ntpanel-single-product .content-price .price-sale {
	color: #388653;
	font-weight: 700;
}

.ntpanel-single-product .content-button,
.ntpanel-single-product .content-cart {
	border-radius: 12px;
}

.ntpanel-single-product .content-button .btn-cart,
.ntpanel-single-product .content-cart .btn-cart {
	background: #242828;
	border-color: #242828;
	color: #fff;
	font-weight: 700;
}

.ntpanel-single-product .content-button .btn-buynow,
.ntpanel-single-product .content-cart .btn-buynow {
	background: #ffb610;
	border-color: #ffb610;
	color: #242828;
	font-weight: 700;
}

.ntpanel-single-product .content-description,
.ntpanel-single-product .content-extra {
	line-height: 1.7;
}

.ntpanel-single-product .content-description ul {
	padding-left: 1.2rem;
}

/* Countdown widgets are not part of the panel storefront experience. */
.ntpanel-single-product .deal-status,
.ntpanel-single-product .content-countdown,
.ntpanel-single-product .countdown-row {
	display: none !important;
}

/* The captured Font Awesome CSS references webfonts that were not included in
 * the upload. Render the most visible legacy icons with a safe text fallback
 * instead of empty square glyphs. */
.ntpanel-single-product .fa-star::before,
.ntpanel-single-product .fas.fa-star::before {
	content: "★";
}

.ntpanel-single-product .far.fa-star::before {
	content: "☆";
}

.ntpanel-single-product .fa-star::before,
.ntpanel-single-product .far.fa-star::before {
	font-family: Arial, sans-serif !important;
}

/* Blog sidebar cards use Poco's compact image-left variant, not the tall
 * catalogue card geometry used on the storefront grids. */
.ntpanel-blog-page .module-mz_product_listing .product-thumb {
	display: grid;
	grid-template-columns: 98px minmax(0, 1fr);
	width: 100%;
	min-height: 178px;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(36, 40, 40, .08);
	overflow: hidden;
}

.ntpanel-blog-page .module-mz_product_listing .swiper-slide {
	width: 100% !important;
	height: auto !important;
	margin-right: 0 !important;
}

.ntpanel-blog-page .module-mz_product_listing .swiper-wrapper {
	width: 100% !important;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .product-thumb-top,
.ntpanel-blog-page .module-mz_product_listing .product-thumb .image,
.ntpanel-blog-page .module-mz_product_listing .product-thumb .image > a {
	height: 178px;
	min-height: 178px;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .product-thumb-top {
	border-right: 1px solid #edf0f2;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .image .carousel-item > img,
.ntpanel-blog-page .module-mz_product_listing .product-thumb .image > a > img {
	object-fit: contain;
	padding: 12px;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .caption {
	min-height: 0;
	padding: 24px 14px 14px;
	justify-content: center;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .title {
	min-height: 0;
	font-size: .78rem;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .price {
	display: block;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #edf0f2;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .price-new {
	font-size: .82rem;
}

.ntpanel-blog-page .module-mz_product_listing .product-thumb .product-action,
.ntpanel-blog-page .module-mz_product_listing .product-thumb .rating,
.ntpanel-blog-page .module-mz_product_listing .product-thumb .deal-status {
	display: none !important;
}

.ntpanel-blog-page .article-thumb {
	border-radius: 0 0 12px 12px;
	box-shadow: 0 8px 22px rgba(36, 40, 40, .06);
}

.ntpanel-blog-page .article-thumb .caption {
	padding: 18px 20px 20px;
}

.ntpanel-blog-page .article-thumb .metadata .icon {
	display: none !important;
}

@media (max-width: 767.98px) {
	.ntpanel-blog-page .module-mz_product_listing .product-thumb {
		grid-template-columns: 92px minmax(0, 1fr);
	}
}

/* Blog article detail layout. */
.ntpanel-blog-detail-page {
	background: #f4f5f7;
}

.ntpanel-blog-detail {
	padding-top: 24px;
	padding-bottom: 64px;
}

.ntpanel-blog-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #dfe4e8;
	color: #77828a;
	font-size: .82rem;
}

.ntpanel-blog-breadcrumb a {
	color: #bf7b00;
	text-decoration: none;
}

.ntpanel-blog-breadcrumb strong {
	max-width: 100%;
	color: #242828;
	font-weight: 700;
}

.ntpanel-article-card {
	overflow: hidden;
	border: 1px solid #e1e6ea;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(36, 40, 40, .07);
}

.ntpanel-article-cover {
	display: block;
	width: 100%;
	height: 360px;
	object-fit: cover;
}

.ntpanel-article-content {
	padding: 28px 32px 34px;
}

.ntpanel-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-bottom: 12px;
	color: #7d878f;
	font-size: .78rem;
}

.ntpanel-article-meta span:first-child {
	color: #bf7b00;
	font-weight: 800;
	text-transform: uppercase;
}

.ntpanel-article-content h1 {
	margin: 0 0 16px;
	color: #242828;
	font-size: clamp(1.7rem, 3vw, 2.45rem);
	font-weight: 800;
	line-height: 1.2;
}

.ntpanel-article-excerpt {
	margin: 0 0 24px;
	color: #5e6870;
	font-size: 1.05rem;
	line-height: 1.7;
}

.ntpanel-article-body {
	color: #3e484f;
	font-size: 1rem;
	line-height: 1.8;
}

.ntpanel-article-body h2 {
	margin: 28px 0 10px;
	color: #242828;
	font-size: 1.35rem;
	font-weight: 800;
}

.ntpanel-article-body ul,
.ntpanel-article-body ol {
	margin: 0 0 20px;
	padding-left: 1.35rem;
}

.ntpanel-article-body li {
	margin-bottom: 6px;
}

.ntpanel-article-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 32px;
	padding: 18px 20px;
	border-left: 4px solid #ffb610;
	border-radius: 10px;
	background: #fff8e6;
	color: #242828;
}

.ntpanel-article-cta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	border-radius: 8px;
	background: #242828;
	color: #fff;
	font-size: .84rem;
	font-weight: 800;
	text-decoration: none;
}

.ntpanel-blog-sidebar {
	padding: 22px;
	border: 1px solid #e1e6ea;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(36, 40, 40, .05);
}

.ntpanel-blog-sidebar + .ntpanel-blog-sidebar {
	margin-top: 18px;
}

.ntpanel-blog-sidebar h3 {
	margin: 0 0 14px;
	color: #242828;
	font-size: 1.15rem;
	font-weight: 800;
}

.ntpanel-blog-sidebar:not(.ntpanel-related-posts) > a {
	display: block;
	padding: 11px 0;
	border-bottom: 1px solid #edf0f2;
	color: #4b565e;
	font-size: .9rem;
	text-decoration: none;
}

.ntpanel-blog-sidebar:not(.ntpanel-related-posts) > a:last-child {
	border-bottom: 0;
}

.ntpanel-blog-sidebar:not(.ntpanel-related-posts) > a:hover,
.ntpanel-related-post span:hover {
	color: #bf7b00;
}

.ntpanel-related-post {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #edf0f2;
	text-decoration: none;
}

.ntpanel-related-post:last-child {
	border-bottom: 0;
}

.ntpanel-related-post img {
	width: 88px;
	height: 58px;
	border-radius: 8px;
	object-fit: cover;
}

.ntpanel-related-post span {
	color: #242828;
	font-size: .83rem;
	font-weight: 750;
	line-height: 1.4;
}

@media (max-width: 767.98px) {
	.ntpanel-blog-detail {
		padding-top: 16px;
		padding-bottom: 40px;
	}

	.ntpanel-article-cover {
		height: 230px;
	}

	.ntpanel-article-content {
		padding: 22px 20px 26px;
	}

	.ntpanel-article-cta {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Alternative navigation treatment: a light navigation rail with a compact
 * category pill and a clear gold active state. */
.ntpanel-layout #main-navigation {
	background: #f7f8f9 !important;
	border-bottom: 1px solid #e4e8eb;
}

.ntpanel-layout #main-navigation > div,
.ntpanel-layout #main-navigation .entry-section {
	background: transparent !important;
}

.ntpanel-layout #main-navigation .entry-section {
	padding-top: 11px;
	padding-bottom: 11px;
}

.ntpanel-layout #main-navigation .entry-row {
	align-items: center;
}

.ntpanel-layout #main-navigation #entry_207153 {
	display: flex;
	align-items: center;
	padding-right: 14px;
}

.ntpanel-layout #main-navigation #entry_207154,
.ntpanel-layout #main-navigation #entry_207154 .navbar {
	width: 100%;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar {
	min-height: 48px;
	padding: 0 14px;
	border: 0;
	border-radius: 12px;
	background: #242828 !important;
	box-shadow: 0 6px 16px rgba(36, 40, 40, .12);
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-brand {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 0;
	color: #fff !important;
	font-size: .83rem;
	font-weight: 800;
	letter-spacing: .01em;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-brand::before {
	content: "☷";
	color: #ffb610;
	font-size: 1.25rem;
	line-height: 1;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-toggler {
	border: 0;
	color: #ffb610;
}

.ntpanel-layout #main-navigation #entry_207155,
.ntpanel-layout #main-navigation #entry_207156,
.ntpanel-layout #main-navigation #entry_207156 .navbar,
.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse {
	min-width: 0;
	background: transparent !important;
}

.ntpanel-layout #main-navigation #entry_207156 .navbar {
	min-height: 48px;
	padding: 0;
}

.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	width: 100%;
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link {
	min-height: 40px;
	padding: .68rem .9rem !important;
	border-radius: 10px;
	color: #4d585f !important;
	font-size: .86rem;
	font-weight: 750;
	line-height: 1.1;
	transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link:hover,
.ntpanel-layout #main-navigation #entry_207156 .nav-link:focus-visible {
	background: #fff;
	box-shadow: 0 4px 12px rgba(36, 40, 40, .08);
	color: #242828 !important;
	transform: translateY(-1px);
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link.active {
	background: #ffb610 !important;
	box-shadow: 0 5px 12px rgba(255, 182, 16, .24);
	color: #242828 !important;
}

.ntpanel-layout #main-navigation #entry_207156 .dropdown-menu {
	min-width: 190px;
	margin-top: 8px;
	padding: 8px;
	border: 1px solid #e1e6ea;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 16px 30px rgba(36, 40, 40, .14);
}

.ntpanel-layout #main-navigation #entry_207156 .dropdown-item {
	border-radius: 8px;
	color: #4d585f;
	font-size: .83rem;
}

.ntpanel-layout #main-navigation #entry_207156 .dropdown-item:hover,
.ntpanel-layout #main-navigation #entry_207156 .dropdown-item:focus {
	background: #fff7df;
	color: #242828;
}

@media (max-width: 1199.98px) {
	.ntpanel-layout #main-navigation #entry_207155 {
		width: 100%;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
		justify-content: flex-start;
	}
}

@media (max-width: 767.98px) {
	.ntpanel-layout #main-navigation .entry-section {
		display: block !important;
		padding: 8px 12px;
	}

	.ntpanel-layout #main-navigation #entry_207152,
	.ntpanel-layout #main-navigation #entry_207155,
	.ntpanel-layout #main-navigation #entry_207156,
	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse {
		display: block !important;
		width: 100%;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse {
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse::-webkit-scrollbar {
		display: none;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
		width: max-content;
		max-width: none;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.ntpanel-layout #main-navigation #entry_207156 .nav-link {
		padding-right: .75rem !important;
		padding-left: .75rem !important;
		font-size: .8rem;
	}
}

/* Mega menu v2: an editorial dark panel with the visual card on the left. */
@media (min-width: 1200px) {
	.ntpanel-layout #main-navigation #entry_207154 .navbar {
		padding: 0 16px;
		border: 1px solid #ffb610;
		border-radius: 12px;
		background: #fff !important;
		box-shadow: 0 8px 18px rgba(36, 40, 40, .08);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand {
		color: #242828 !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand::before {
		color: #ffb610;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-toggler {
		display: none !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse {
		top: calc(100% + 10px);
		left: 0;
		width: min(960px, calc(100vw - 48px));
		min-height: 304px;
		padding: 22px 22px 22px 274px;
		border: 0;
		border-radius: 18px;
		background: #242828 !important;
		box-shadow: 0 25px 55px rgba(24, 28, 28, .28);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical {
		grid-template-rows: repeat(7, minmax(0, auto));
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5px 18px;
		align-content: start;
		background: transparent !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link {
		min-height: 36px;
		padding: 7px 10px !important;
		border: 1px solid transparent;
		border-radius: 8px;
		color: #f2f4f4 !important;
		font-size: .8rem;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link::before {
		flex-basis: 6px;
		width: 6px;
		height: 6px;
		margin-right: 10px;
		background: #ffb610;
		box-shadow: 0 0 0 4px rgba(255, 182, 16, .12);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:hover,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:focus-visible {
		border-color: rgba(255, 182, 16, .42);
		background: rgba(255, 182, 16, .12);
		color: #ffca45 !important;
		transform: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::before {
		top: 18px;
		left: 18px;
		right: auto;
		width: 236px;
		height: 268px;
		padding: 164px 16px 15px;
		border-radius: 13px;
		background:
			linear-gradient(180deg, rgba(36, 40, 40, .04) 25%, rgba(36, 40, 40, .92) 100%),
			url("../vendor/side-banner1-370x250.webp") center / cover no-repeat;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
		font-size: .94rem;
		line-height: 1.35;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::after {
		right: auto;
		left: 34px;
		bottom: 32px;
		color: #ffb610;
		font-size: .7rem;
	}
}

/* Mega menu v3: a bright catalog wall with a three-image category strip. */
@media (min-width: 1200px) {
	.ntpanel-layout #main-navigation #entry_207154 .navbar {
		padding: 0 18px;
		border: 0;
		border-radius: 10px;
		background: #ffb610 !important;
		box-shadow: 0 8px 18px rgba(255, 182, 16, .22);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand {
		color: #242828 !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand::before {
		color: #242828;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse {
		top: calc(100% + 10px);
		left: 0;
		width: min(1060px, calc(100vw - 48px));
		min-height: 392px;
		padding: 148px 24px 48px;
		border: 1px solid #e4e8eb;
		border-radius: 20px;
		background: #f7f9fa !important;
		box-shadow: 0 24px 52px rgba(36, 40, 40, .16);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical {
		grid-template-rows: repeat(5, minmax(0, auto));
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px 12px;
		align-content: start;
		background: transparent !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-item {
		min-width: 0;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link {
		display: flex;
		align-items: center;
		min-height: 45px;
		padding: 9px 12px !important;
		border: 1px solid #e2e7e9;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 3px 8px rgba(36, 40, 40, .035);
		color: #344047 !important;
		font-size: .78rem;
		font-weight: 800;
		line-height: 1.2;
		transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link::before {
		flex: 0 0 25px;
		width: 25px;
		height: 25px;
		margin-right: 9px;
		border-radius: 8px;
		background: #fff3cc;
		box-shadow: none;
		color: #d88b00;
		content: "↗";
		font-size: .82rem;
		font-weight: 900;
		line-height: 25px;
		text-align: center;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:hover,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:focus-visible {
		border-color: #ffb610;
		background: #fffdf5;
		box-shadow: 0 8px 16px rgba(255, 182, 16, .14);
		color: #242828 !important;
		transform: translateY(-2px);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::before {
		top: 18px;
		left: 18px;
		right: 18px;
		width: auto;
		height: 112px;
		padding: 25px 24px;
		border-radius: 14px;
		background-image:
			linear-gradient(90deg, rgba(36, 40, 40, .88) 0%, rgba(36, 40, 40, .34) 58%, rgba(36, 40, 40, .16) 100%),
			url("../vendor/cat-banner1-380x215.webp"),
			url("../vendor/cat-banner2-380x215.webp"),
			url("../vendor/cat-banner3-380x215.webp");
		background-position: 0 0, 0 0, 50% 0, 100% 0;
		background-size: 100% 100%, 33.333% 100%, 33.333% 100%, 33.333% 100%;
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48);
		color: #fff;
		content: "KHÁM PHÁ DANH MỤC\A Panel EPS  •  PU  •  Rockwool  •  PIR";
		font-size: 1.05rem;
		font-weight: 900;
		line-height: 1.45;
		white-space: pre-line;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::after {
		right: 34px;
		bottom: 20px;
		left: auto;
		color: #c17b00;
		content: "Xem toàn bộ sản phẩm  →";
		font-size: .72rem;
		font-weight: 900;
	}
}

/* Restore the compact navigation state used before the mega-menu experiments. */
@media (min-width: 1200px) {
	.ntpanel-layout #main-navigation {
		background: #f7f8f9 !important;
		border-bottom: 1px solid #e4e8eb;
	}

	.ntpanel-layout #main-navigation > div,
	.ntpanel-layout #main-navigation .entry-section {
		background: transparent !important;
	}

	.ntpanel-layout #main-navigation .entry-section {
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.ntpanel-layout #main-navigation #entry_207152 {
		padding: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.ntpanel-layout #main-navigation #entry_207153 {
		padding-right: 14px;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar {
		position: relative;
		min-height: 48px;
		padding: 0 14px;
		border: 0;
		border-radius: 12px;
		background: #242828 !important;
		box-shadow: 0 6px 16px rgba(36, 40, 40, .12);
		overflow: visible;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand {
		color: #fff !important;
		font-size: .83rem;
		font-weight: 800;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand::before {
		color: #ffb610;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-toggler {
		display: none !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse {
		display: none !important;
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		z-index: 50;
		width: 282px;
		min-height: 0;
		margin: 0;
		padding: 8px;
		border: 1px solid #e1e6ea;
		border-radius: 12px;
		background: #fff !important;
		box-shadow: 0 18px 32px rgba(36, 40, 40, .14);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar:hover .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154 .navbar:focus-within .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse.show {
		display: block !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical {
		display: flex !important;
		flex-direction: column !important;
		gap: 0;
		width: 100%;
		margin: 0 !important;
		background: transparent !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link {
		display: flex;
		align-items: center;
		min-height: 40px;
		padding: 9px 10px !important;
		border-bottom: 1px solid #eef1f2;
		border-radius: 7px;
		background: transparent;
		box-shadow: none;
		color: #4d585f !important;
		font-size: .79rem;
		font-weight: 700;
		transform: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-item:last-child .nav-link {
		border-bottom: 0;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link::before,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::before,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::after {
		content: none !important;
		display: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:hover,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:focus-visible {
		background: #fff7df;
		color: #242828 !important;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
		gap: 6px;
	}

	.ntpanel-layout #main-navigation #entry_207156 .nav-link {
		min-height: 40px;
		padding: .68rem .9rem !important;
		border-radius: 10px;
		color: #4d585f !important;
		font-size: .86rem;
		font-weight: 750;
	}

	.ntpanel-layout #main-navigation #entry_207156 .nav-link:hover,
	.ntpanel-layout #main-navigation #entry_207156 .nav-link:focus-visible {
		background: #fff;
		box-shadow: 0 4px 12px rgba(36, 40, 40, .08);
		color: #242828 !important;
		transform: translateY(-1px);
	}

	.ntpanel-layout #main-navigation #entry_207156 .nav-link.active {
		background: #ffb610 !important;
		box-shadow: 0 5px 12px rgba(255, 182, 16, .24);
		color: #242828 !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand:focus {
		outline: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand:focus-visible {
		outline: 2px solid #ffb610;
		outline-offset: 4px;
		border-radius: 7px;
	}
}

/* Restore the previous modern command header and catalog-wall menu. */
.ntpanel-layout .header {
	position: relative;
	z-index: 100;
	background: #f5f7f8;
}

.ntpanel-layout #top-header {
	background: #242828 !important;
	border-bottom: 0;
}

.ntpanel-layout #top-header #entry_207133 {
	min-height: 34px;
	padding-top: 0;
	padding-bottom: 0;
}

.ntpanel-layout #top-header #entry_207134 p {
	margin: 0;
	color: #fff;
	font-size: .72rem;
	font-weight: 800;
}

.ntpanel-layout #top-header #entry_207134 p::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 8px;
	border-radius: 50%;
	background: #ffb610;
	vertical-align: 1px;
}

.ntpanel-layout #main-header {
	background: transparent !important;
	border-bottom: 0;
}

.ntpanel-layout #main-header #entry_207137 > .entry-section {
	padding-top: 14px;
	padding-bottom: 14px;
}

.ntpanel-layout #main-header #entry_207138 {
	align-items: center;
	min-height: 66px;
	padding: 0 4px;
	border: 1px solid #e4e9eb;
	border-radius: 17px;
	background: #fff;
	box-shadow: 0 8px 25px rgba(36, 40, 40, .055);
}

.ntpanel-layout #main-header #entry_207139 {
	gap: 12px;
	padding-left: 10px;
}

.ntpanel-layout #main-header #entry_207140 a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 11px;
	background: #f4f6f7;
	color: #242828 !important;
}

.ntpanel-layout #main-header #entry_207140 svg {
	width: 20px;
	height: 20px;
}

.ntpanel-layout #main-header #entry_207141 figure,
.ntpanel-layout #main-header #entry_207141 img {
	margin-bottom: 0 !important;
}

.ntpanel-layout #main-header #entry_207141 img {
	width: 160px;
	height: auto;
}

.ntpanel-layout #main-header #entry_207144 {
	gap: 13px;
	min-width: 0;
	padding-right: 10px;
}

.ntpanel-layout #main-header #entry_207145 {
	flex: 1 1 auto;
	min-width: 280px;
}

.ntpanel-layout #main-header #entry_207145 .search-wrapper,
.ntpanel-layout #main-header #entry_207145 #search {
	width: 100%;
}

.ntpanel-layout #main-header #entry_207145 #search {
	min-height: 46px;
	border: 1px solid #e0e6e8;
	border-radius: 14px;
	background: #f8fafb;
	box-shadow: none;
}

.ntpanel-layout #main-header #entry_207145 #search:focus-within {
	border-color: #ffb610;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(255, 182, 16, .12);
}

.ntpanel-layout #main-header #entry_207145 .search-category {
	border-right: 1px solid #e0e6e8;
}

.ntpanel-layout #main-header #entry_207145 .search-category > .btn {
	min-height: 44px;
	border: 0;
	background: transparent;
	font-size: .75rem;
	font-weight: 800;
}

.ntpanel-layout #main-header #entry_207145 #search input {
	min-height: 44px;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: .78rem;
}

.ntpanel-layout #main-header #entry_207145 .search-button {
	padding: 4px;
}

.ntpanel-layout #main-header #entry_207145 .search-button button {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 11px;
	background: #ffb610;
	color: #242828;
}

.ntpanel-layout #main-header #entry_207146 .menu-items,
.ntpanel-layout #main-header #entry_207146 .nav {
	gap: 4px;
}

.ntpanel-layout #main-header #entry_207146 .nav-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 10px !important;
	border-radius: 10px;
	color: #4d585f !important;
	font-size: .72rem;
	font-weight: 800;
	white-space: nowrap;
}

.ntpanel-layout #main-header #entry_207146 .nav-link:hover,
.ntpanel-layout #main-header #entry_207146 .nav-link:focus-visible {
	background: #f4f6f7;
	color: #242828 !important;
}

.ntpanel-layout #main-header #entry_207147 {
	margin-left: 3px;
	padding-left: 11px;
	border-left: 1px solid #e4e9eb;
}

.ntpanel-layout #main-header #entry_207147 > a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 7px;
	border-radius: 11px;
	color: #242828 !important;
}

.ntpanel-layout #main-header #entry_207147 .cart-info {
	min-width: 102px;
}

.ntpanel-layout #main-header #entry_207147 .cart-title {
	font-size: .78rem;
	font-weight: 900;
}

.ntpanel-layout #main-header #entry_207147 .cart-items {
	color: #d88b00;
	font-size: .68rem;
	font-weight: 700;
}

.ntpanel-layout #main-navigation {
	padding-bottom: 3px;
	border: 0;
	background: transparent !important;
}

.ntpanel-layout #main-navigation #entry_207151 > .entry-section {
	padding-bottom: 12px;
}

.ntpanel-layout #main-navigation #entry_207152 {
	align-items: center;
	padding: 6px;
	border: 1px solid #e4e9eb;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 25px rgba(36, 40, 40, .055);
}

.ntpanel-layout #main-navigation #entry_207153 {
	padding-right: 8px;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar {
	min-height: 45px;
	border-radius: 11px;
	background: #242828 !important;
	box-shadow: none;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-brand {
	color: #fff !important;
	font-size: .76rem;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-brand::before {
	color: #ffb610;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-toggler {
	display: none !important;
}

.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
	gap: 3px;
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link {
	min-height: 39px;
	padding: 10px 13px !important;
	border-radius: 9px;
	color: #4d585f !important;
	font-size: .75rem;
	font-weight: 850;
	white-space: nowrap;
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link:hover,
.ntpanel-layout #main-navigation #entry_207156 .nav-link:focus-visible {
	background: #f4f6f7;
	box-shadow: none;
	color: #242828 !important;
	transform: none;
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link.active {
	background: #ffb610 !important;
	box-shadow: 0 5px 12px rgba(255, 182, 16, .2);
	color: #242828 !important;
}

@media (min-width: 1200px) {
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse {
		display: block !important;
		top: calc(100% + 10px);
		left: 0;
		width: min(1060px, calc(100vw - 48px));
		min-height: 392px;
		padding: 148px 24px 48px;
		border: 1px solid #e4e8eb;
		border-radius: 20px;
		background: #f7f9fa !important;
		box-shadow: 0 24px 52px rgba(36, 40, 40, .16);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(8px);
		transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
	}

	.ntpanel-layout #main-navigation #entry_207154:hover .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154:focus-within .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse.show {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical {
		display: grid !important;
		grid-template-rows: repeat(5, minmax(0, auto));
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px 12px;
		align-content: start;
		width: 100%;
		background: transparent !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link {
		display: flex;
		align-items: center;
		min-height: 45px;
		padding: 9px 12px !important;
		border: 1px solid #e2e7e9;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 3px 8px rgba(36, 40, 40, .035);
		color: #344047 !important;
		font-size: .78rem;
		font-weight: 800;
		transform: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link::before {
		content: "↗" !important;
		display: block !important;
		flex: 0 0 25px;
		width: 25px;
		height: 25px;
		margin-right: 9px;
		border-radius: 8px;
		background: #fff3cc;
		color: #d88b00;
		font-size: .82rem;
		font-weight: 900;
		line-height: 25px;
		text-align: center;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:hover,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:focus-visible {
		border-color: #ffb610;
		background: #fffdf5;
		box-shadow: 0 8px 16px rgba(255, 182, 16, .14);
		color: #242828 !important;
		transform: translateY(-2px);
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::before {
		display: block !important;
		top: 18px;
		left: 18px;
		right: 18px;
		width: auto;
		height: 112px;
		padding: 25px 24px;
		border-radius: 14px;
		background-image:
			linear-gradient(90deg, rgba(36, 40, 40, .88) 0%, rgba(36, 40, 40, .34) 58%, rgba(36, 40, 40, .16) 100%),
			url("../vendor/cat-banner1-380x215.webp"),
			url("../vendor/cat-banner2-380x215.webp"),
			url("../vendor/cat-banner3-380x215.webp");
		background-position: 0 0, 0 0, 50% 0, 100% 0;
		background-size: 100% 100%, 33.333% 100%, 33.333% 100%, 33.333% 100%;
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48);
		color: #fff;
		content: "KHÁM PHÁ DANH MỤC\A Panel EPS  •  PU  •  Rockwool  •  PIR" !important;
		font-size: 1.05rem;
		font-weight: 900;
		line-height: 1.45;
		white-space: pre-line;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::after {
		display: block !important;
		right: 34px;
		bottom: 20px;
		left: auto;
		color: #c17b00;
		content: "Xem toàn bộ sản phẩm  →" !important;
		font-size: .72rem;
		font-weight: 900;
	}
}

@media (max-width: 767.98px) {
	.ntpanel-layout #main-header #entry_207137 > .entry-section {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.ntpanel-layout #main-header #entry_207138 {
		min-height: 60px;
		padding: 4px 8px;
		border-radius: 14px;
	}

	.ntpanel-layout #main-header #entry_207139 {
		gap: 7px;
		padding-left: 0;
	}

	.ntpanel-layout #main-header #entry_207140 a {
		width: 34px;
		height: 34px;
		border-radius: 9px;
	}

	.ntpanel-layout #main-header #entry_207141 img {
		width: 128px;
	}

	.ntpanel-layout #main-header #entry_207145 {
		min-width: 0;
	}

	.ntpanel-layout #main-header #entry_207145 .search-category,
	.ntpanel-layout #main-header #entry_207146,
	.ntpanel-layout #main-header #entry_207147 {
		display: none !important;
	}

	.ntpanel-layout #main-header #entry_207145 #search {
		min-height: 40px;
		border-radius: 11px;
	}

	.ntpanel-layout #main-header #entry_207145 #search input {
		min-height: 38px;
		padding-left: 11px;
	}

	.ntpanel-layout #main-header #entry_207145 .search-button button {
		width: 32px;
		height: 32px;
		border-radius: 9px;
	}

	.ntpanel-layout #main-navigation #entry_207152 {
		display: block !important;
		min-height: 0;
		height: auto;
		padding: 5px;
		border-radius: 13px;
		overflow: hidden;
	}

	.ntpanel-layout #main-navigation #entry_207155,
	.ntpanel-layout #main-navigation #entry_207156,
	.ntpanel-layout #main-navigation #entry_207156 .navbar,
	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse {
		display: block !important;
		width: 100%;
		min-height: 0;
		height: auto;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse {
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse::-webkit-scrollbar {
		display: none;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center;
		justify-content: flex-start;
		width: max-content !important;
		max-width: none;
		gap: 3px;
	}
}

/* Poco reference header: flat white header with a full-width yellow menu rail. */
.ntpanel-layout .header {
	position: relative;
	z-index: 100;
	background: #fff;
}

.ntpanel-layout #top-header {
	background: #fff !important;
	border-bottom: 1px solid #d9dddf;
}

.ntpanel-layout #top-header #entry_207133 {
	min-height: 42px;
	padding-top: 0;
	padding-bottom: 0;
}

.ntpanel-layout #top-header #entry_207134 p {
	margin: 0;
	color: #5c666c;
	font-size: .78rem;
	font-weight: 500;
}

.ntpanel-layout #top-header #entry_207134 p::before {
	content: none;
}

.ntpanel-layout #top-header #entry_207135 .navbar-nav {
	gap: 0;
}

.ntpanel-layout #top-header #entry_207135 .nav-link {
	padding: 5px 12px !important;
	border-radius: 0;
	color: #242828 !important;
	font-size: .76rem;
	font-weight: 500;
}

.ntpanel-layout #top-header #entry_207135 .nav-link:hover,
.ntpanel-layout #top-header #entry_207135 .nav-link:focus-visible {
	background: transparent;
	color: #d88b00 !important;
}

.ntpanel-layout #top-header #entry_207135 .nav-link .info,
.ntpanel-layout #top-header #entry_207135 .nav-link .title {
	display: inline !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #242828 !important;
	font-size: .76rem !important;
}

.ntpanel-layout #top-header #entry_207135 .nav-item:last-child .nav-link {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.ntpanel-layout #main-header {
	background: #fff !important;
	border-bottom: 0;
}

.ntpanel-layout #main-header #entry_207137 > .entry-section {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ntpanel-layout #main-header #entry_207138 {
	align-items: center;
	min-height: 82px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.ntpanel-layout #main-header #entry_207139 {
	gap: 18px;
	padding-left: 0;
}

.ntpanel-layout #main-header #entry_207140 a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 0;
	background: transparent;
	color: #242828 !important;
}

.ntpanel-layout #main-header #entry_207140 a:hover,
.ntpanel-layout #main-header #entry_207140 a:focus-visible {
	background: transparent;
	transform: none;
}

.ntpanel-layout #main-header #entry_207140 svg {
	width: 25px;
	height: 25px;
}

.ntpanel-layout #main-header #entry_207141 img {
	width: 172px;
	height: auto;
}

.ntpanel-layout #main-header #entry_207144 {
	gap: 27px;
	min-width: 0;
	padding-right: 0;
}

.ntpanel-layout #main-header #entry_207145 {
	flex: 1 1 auto;
	min-width: 300px;
}

.ntpanel-layout #main-header #entry_207145 #search {
	min-height: 50px;
	border: 1px solid #d9dddf;
	border-radius: 26px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
}

.ntpanel-layout #main-header #entry_207145 #search:focus-within {
	border-color: #ffb610;
	box-shadow: 0 0 0 3px rgba(255, 182, 16, .12);
}

.ntpanel-layout #main-header #entry_207145 .search-category {
	border-right: 1px solid #d9dddf;
}

.ntpanel-layout #main-header #entry_207145 .search-category > .btn {
	min-height: 48px;
	padding-right: 18px;
	padding-left: 25px;
	border: 0;
	border-radius: 25px 0 0 25px;
	background: transparent;
	color: #242828;
	font-size: .78rem;
	font-weight: 500;
}

.ntpanel-layout #main-header #entry_207145 #search input {
	min-height: 48px;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: .74rem;
}

.ntpanel-layout #main-header #entry_207145 .search-button {
	padding: 4px;
}

.ntpanel-layout #main-header #entry_207145 .search-button button {
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: #ffb610;
	color: #242828;
}

.ntpanel-layout #main-header #entry_207146 .menu-items,
.ntpanel-layout #main-header #entry_207146 .nav {
	gap: 0;
}

.ntpanel-layout #main-header #entry_207146 .nav-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 8px !important;
	border-radius: 0;
	color: #242828 !important;
	font-size: .78rem;
	font-weight: 500;
	white-space: nowrap;
}

.ntpanel-layout #main-header #entry_207146 .nav-link:hover,
.ntpanel-layout #main-header #entry_207146 .nav-link:focus-visible {
	background: transparent;
	color: #d88b00 !important;
}

.ntpanel-layout #main-header #entry_207147 {
	margin-left: 8px;
	padding-left: 17px;
	border-left: 0;
}

.ntpanel-layout #main-header #entry_207147 > a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	border-radius: 0;
	color: #242828 !important;
}

.ntpanel-layout #main-header #entry_207147 > a:hover,
.ntpanel-layout #main-header #entry_207147 > a:focus-visible {
	background: transparent;
}

.ntpanel-layout #main-header #entry_207147 .cart-info {
	min-width: 135px;
}

.ntpanel-layout #main-header #entry_207147 .cart-title {
	font-size: .92rem;
	font-weight: 700;
}

.ntpanel-layout #main-header #entry_207147 .cart-items {
	color: #d88b00;
	font-size: .78rem;
	font-weight: 500;
}

.ntpanel-layout #main-navigation {
	padding-bottom: 0;
	border: 0;
	background: #ffb610 !important;
}

.ntpanel-layout #main-navigation > div,
.ntpanel-layout #main-navigation .entry-section,
.ntpanel-layout #main-navigation .entry-row {
	background: transparent !important;
}

.ntpanel-layout #main-navigation #entry_207151 > .entry-section {
	padding-top: 0;
	padding-bottom: 0;
}

.ntpanel-layout #main-navigation #entry_207152 {
	align-items: stretch;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.ntpanel-layout #main-navigation #entry_207153 {
	padding-right: 0;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar {
	position: relative;
	min-height: 61px;
	padding: 0 25px;
	border: 0;
	border-radius: 0;
	background: #242828 !important;
	box-shadow: none;
	overflow: visible;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-brand {
	color: #fff !important;
	font-size: .95rem;
	font-weight: 800;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-brand::before {
	content: none !important;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-toggler {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #242828;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-toggler i {
	display: none;
}

.ntpanel-layout #main-navigation #entry_207154 .navbar-toggler::after {
	content: "⌄";
	font-size: .9rem;
	font-weight: 900;
	line-height: 1;
}

.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
	gap: 0;
	width: 100%;
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 61px;
	padding: 0 25px !important;
	border-radius: 0;
	color: #242828 !important;
	font-size: 1rem;
	font-weight: 800;
	white-space: nowrap;
}

.ntpanel-layout #main-navigation #entry_207156 .nav-link:hover,
.ntpanel-layout #main-navigation #entry_207156 .nav-link:focus-visible,
.ntpanel-layout #main-navigation #entry_207156 .nav-link.active {
	background: #ffb610 !important;
	box-shadow: none;
	color: #242828 !important;
	transform: none;
}

@media (min-width: 1200px) {
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse {
		display: none !important;
		top: 100%;
		left: 0;
		width: 300px;
		min-height: 0;
		padding: 8px;
		border: 1px solid #e1e6ea;
		border-radius: 0;
		background: #fff !important;
		box-shadow: 0 18px 32px rgba(36, 40, 40, .14);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar:hover .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154 .navbar:focus-within .navbar-collapse,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse.show {
		display: block !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical {
		display: flex !important;
		flex-direction: column !important;
		gap: 0;
		width: 100%;
		margin: 0 !important;
		background: transparent !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link {
		display: flex;
		align-items: center;
		min-height: 40px;
		padding: 9px 12px !important;
		border-bottom: 1px solid #eef1f2;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		color: #242828 !important;
		font-size: .8rem;
		font-weight: 600;
		transform: none;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link::before,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::before,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-collapse::after {
		content: none !important;
		display: none !important;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:hover,
	.ntpanel-layout #main-navigation #entry_207154 .navbar-nav.vertical .nav-link:focus-visible {
		background: #fff7df;
		color: #242828 !important;
	}
}

@media (max-width: 767.98px) {
	.ntpanel-layout #main-header #entry_207137 > .entry-section {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.ntpanel-layout #main-header #entry_207138 {
		min-height: 60px;
		padding: 0 8px;
	}

	.ntpanel-layout #main-header #entry_207141 img {
		width: 128px;
	}

	.ntpanel-layout #main-header #entry_207145 {
		min-width: 0;
	}

	.ntpanel-layout #main-header #entry_207145 .search-category,
	.ntpanel-layout #main-header #entry_207146,
	.ntpanel-layout #main-header #entry_207147 {
		display: none !important;
	}

	.ntpanel-layout #main-header #entry_207145 #search {
		min-height: 40px;
		border-radius: 20px;
	}

	.ntpanel-layout #main-header #entry_207145 #search input {
		min-height: 38px;
		padding-left: 12px;
	}

	.ntpanel-layout #main-navigation #entry_207152 {
		display: block !important;
		height: auto;
		padding: 0;
		overflow: hidden;
	}

	.ntpanel-layout #main-navigation #entry_207155,
	.ntpanel-layout #main-navigation #entry_207156,
	.ntpanel-layout #main-navigation #entry_207156 .navbar,
	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse {
		display: block !important;
		width: 100%;
		height: auto;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse {
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-collapse::-webkit-scrollbar {
		display: none;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		width: max-content !important;
		max-width: none;
	}

	.ntpanel-layout #main-navigation #entry_207156 .nav-link {
		min-height: 52px;
		padding: 0 16px !important;
		font-size: .8rem;
	}
}

@media (min-width: 768px) {
	/* Source-aligned Poco rhythm: topbar 43px, main header 102px, nav 61px. */
	.ntpanel-layout #top-header {
		height: 43px;
		min-height: 43px;
		border-bottom: 0;
		font-size: .875em;
		color: #6c757d;
	}

	.ntpanel-layout #top-header #entry_207133 {
		height: 43px;
		min-height: 43px;
		border-bottom: 1px solid #ddd;
		padding-top: .0625rem;
		padding-bottom: .0625rem;
	}

	.ntpanel-layout #top-header #entry_207135 {
		margin-right: -.9375rem;
		margin-left: 0;
	}

	.ntpanel-layout #top-header #entry_207135 .navbar:not(.vertical) {
		padding: 0;
	}

	.ntpanel-layout #top-header #entry_207135 .nav-link {
		padding: .5rem 1rem !important;
		border: 0 !important;
		border-radius: 0;
		box-shadow: none !important;
		outline: 0 !important;
		color: #6c757d !important;
		font-size: 1em !important;
		font-weight: 400;
		white-space: nowrap;
	}

	.ntpanel-layout #top-header #entry_207134 p,
	.ntpanel-layout #top-header #entry_207135 .nav-link .info,
	.ntpanel-layout #top-header #entry_207135 .nav-link .title {
		font-size: 1em !important;
		color: #6c757d !important;
	}

	.ntpanel-layout #main-header .row {
		align-items: center;
	}

	.ntpanel-layout #main-header #entry_207137 {
		height: 102px;
		min-height: 102px;
		margin: 0 !important;
		padding-top: 1.375rem;
		padding-bottom: 1.375rem;
	}

	.ntpanel-layout #main-header #entry_207137 > .entry-section {
		height: 56px;
		min-height: 56px;
		margin: 0 auto !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.ntpanel-layout #main-header #entry_207138,
	.ntpanel-layout #main-header #entry_207139,
	.ntpanel-layout #main-header #entry_207144 {
		height: 56px;
		min-height: 56px;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.ntpanel-layout #main-header #entry_207139 {
		gap: 0;
		padding-left: 0 !important;
	}

	.ntpanel-layout #main-header #entry_207140 {
		margin-right: 1.25rem;
	}

	.ntpanel-layout #main-header #entry_207144 {
		gap: 0;
		padding-right: 0 !important;
	}

	.ntpanel-layout #main-header #entry_207145 #search {
		height: 50px;
		min-height: 50px;
		padding: .1875rem;
		border-radius: 62.5rem;
	}

	.ntpanel-layout #main-header #entry_207145 #search .search-input-group {
		padding: .4375rem;
	}

	.ntpanel-layout #main-header #entry_207145 #search input,
	.ntpanel-layout #main-header #entry_207145 .search-category > .btn {
		height: 100%;
		min-height: 0;
	}

	.ntpanel-layout #main-header #entry_207145 .search-category > .btn {
		padding: 0 .9375rem;
		border-right: 1px solid #ddd;
		border-radius: 0;
		font-size: .875rem;
	}

	.ntpanel-layout #main-header #entry_207145 .search-button {
		flex: 0 0 auto;
	}

	.ntpanel-layout #main-header #entry_207145 .search-button button {
		width: auto;
		height: auto;
		padding: .9375rem;
		border-radius: 62.5rem;
		font-size: .75em;
	}

	.ntpanel-layout #main-header #entry_207146 {
		margin-left: 1.875rem;
	}

	.ntpanel-layout #main-header #entry_207146 .nav-link {
		padding: 0 !important;
		font-size: .875em;
	}

	.ntpanel-layout #main-header #entry_207147 {
		margin-left: 1.875rem;
		padding-left: 0;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar {
		height: 61px;
		min-height: 61px;
		padding: 0 25px;
	}

	.ntpanel-layout #main-navigation #entry_207154 .navbar-brand-wrap {
		padding-right: 0;
		padding-left: 0;
	}

	.ntpanel-layout #main-navigation #entry_207156 .navbar-nav {
		justify-content: flex-start !important;
		flex-wrap: nowrap;
	}

	.ntpanel-layout #main-navigation #entry_207156 .nav-link {
		min-height: 61px;
		padding: 1.05rem 1.2495rem !important;
		font-size: 1.125em;
		font-weight: 700;
	}
}

/* Final product-card typography normalization.
 * Keep this block last so imported Poco rules and Blocksy typography cannot
 * give individual card elements a different face or synthetic weight. */
.ntpanel-layout .product-thumb,
.ntpanel-layout .product-thumb a,
.ntpanel-layout .product-thumb button,
.ntpanel-layout .product-thumb input,
.ntpanel-layout .product-thumb select,
.ntpanel-layout .product-thumb textarea {
	font-family: var(--ntpanel-font-family) !important;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: auto;
}

.ntpanel-layout .product-thumb .product-label > div,
.ntpanel-layout .product-thumb:has(.panel-card-caption) .product-thumb-top::after,
.ntpanel-layout .product-thumb .product-action .btn-cart span,
.ntpanel-layout .product-thumb .panel-card-head,
.ntpanel-layout .product-thumb .panel-card-caption .title,
.ntpanel-layout .product-thumb .panel-card-specs strong,
.ntpanel-layout .product-thumb .panel-card-foot .price-new,
.ntpanel-layout .product-thumb .panel-card-availability {
	font-weight: 700;
}

.ntpanel-layout .product-thumb .panel-card-caption .title {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0;
}

.ntpanel-layout .product-thumb .panel-card-head {
	font-size: 10px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .02em;
}

.ntpanel-layout .product-thumb .panel-card-use {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
}

.ntpanel-layout .product-thumb .panel-card-specs span {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}

.ntpanel-layout .product-thumb .panel-card-specs strong {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}

.ntpanel-layout .product-thumb .panel-card-price-label,
.ntpanel-layout .product-thumb .panel-card-foot .price-old {
	font-weight: 500;
}

.ntpanel-layout .product-thumb .panel-card-price-label {
	font-size: 12px;
}

.ntpanel-layout .product-thumb .panel-card-foot .price-new {
	font-size: 16px;
	line-height: 1.2;
}

.ntpanel-layout .product-thumb .panel-card-foot .price-new small {
	font-size: 12px;
}

.ntpanel-layout .product-thumb .panel-card-availability {
	font-size: 12px;
	line-height: 1.3;
}

/* Touch browsers can leave :hover/:focus-within active after a tap. That made
 * the desktop action tray sit over the image and its illustration label. */
@media (hover: none), (pointer: coarse) {
	.ntpanel-layout .product-thumb .product-action {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	.ntpanel-layout .product-thumb .panel-card-caption .title,
	.ntpanel-layout .ntpanel-product-card .panel-card-caption .title {
		font-size: 15px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
	}

	.ntpanel-layout .product-thumb .panel-card-head,
	.ntpanel-layout .panel-card-head {
		font-size: 10px !important;
		letter-spacing: .02em !important;
		line-height: 1.35 !important;
	}

	.ntpanel-layout .product-thumb .panel-card-use {
		font-size: 12px !important;
	}

	.ntpanel-layout .product-thumb .panel-card-specs span,
	.ntpanel-layout .panel-card-specs span {
		font-size: 12px !important;
		line-height: 1.4 !important;
	}

	.ntpanel-layout .product-thumb .panel-card-specs strong,
	.ntpanel-layout .panel-card-specs strong {
		font-size: 13px !important;
		line-height: 1.4 !important;
	}

	.ntpanel-layout .product-thumb .panel-card-price-label,
	.ntpanel-layout .panel-card-price-label {
		font-size: 12px !important;
	}

	.ntpanel-layout .product-thumb .panel-card-foot .price-new,
	.ntpanel-layout .panel-card-foot .price-new {
		font-size: 16px !important;
	}

	.ntpanel-layout .product-thumb .panel-card-foot .price-new small {
		font-size: 12px !important;
	}

	.ntpanel-layout .product-thumb .panel-card-availability,
	.ntpanel-layout .panel-card-availability {
		font-size: 12px !important;
	}
}