/* ==========================================================================
   Song Long Vĩnh Phát — hệ thống thiết kế
   Palette: xanh da trời tươi + xanh lá mát (fresh)
   ========================================================================== */

:root {
	/* Brand — sky + leaf */
	--sky: #7dd3fc;
	--sky-600: #38bdf8;
	--sky-700: #0ea5e9;
	--navy: #0e7490;
	--navy-800: #155e75;
	--navy-050: #ecfeff;

	/* Primary = xanh trời; accent = xanh lá */
	--blue: var(--sky-600);
	--blue-600: var(--sky-600);
	--blue-700: var(--navy);
	--blue-800: var(--navy-800);
	--blue-050: #f0f9ff;
	--blue-100: #e0f2fe;
	--accent: #22c55e;
	--green: #16a34a;

	/* Trung tính */
	--ink: #0f172a;
	--ink-2: #334155;
	--muted: #64748b;
	--line: #cce7f0;
	--bg: #f0fdfa;
	--surface: #ffffff;
	--red: #b91c1c;

	--r-card: 16px;
	--r-lg: 24px;
	--r-sm: 8px;
	--r-pill: 9999px;

	--shadow-sm: 0 2px 8px rgba(14, 116, 144, .06);
	--shadow: 0 4px 20px rgba(56, 189, 248, 0.16);
	--shadow-lg: 0 8px 30px rgba(14, 116, 144, 0.14);

	--maxw: 1200px;
	--header-offset: 200px;
}

.nbgd-home,
.nbgd-home * { box-sizing: border-box; }

body {
	color: var(--ink);
	background: var(--bg);
	font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Vẫn cho gõ / chọn trong form (tìm kiếm, checkout, liên hệ…) */
input,
textarea,
select,
[contenteditable="true"],
.wp-editor-area {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.nbgd-home {
	font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--ink);
	line-height: 1.6;
}
.nbgd-home h1, .nbgd-home h2, .nbgd-home h3 {
	color: var(--ink);
	line-height: 1.2;
	letter-spacing: -0.02em;
	margin: 0;
}
.nbgd-home p { margin: 0; }

.home #content > .ast-container,
.home .site-content > .ast-container {
	display: block;
	max-width: 100%;
	padding: 0;
}
.home #primary { margin: 0; padding: 0; width: 100%; float: none; }
.home #content .ast-container > #primary { max-width: 100%; }

.nbgd-container { max-width: var(--maxw); margin: 0 auto; padding: 0 20px; }
.nbgd-section { padding: 72px 0; }
.nbgd-section--tint { background: linear-gradient(180deg, #ecfdf5 0%, #e0f2fe 100%); }

.nbgd-eyebrow {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: .82rem; font-weight: 600; color: var(--navy);
	background: rgba(34, 197, 94, .12); padding: 6px 12px; border-radius: var(--r-pill);
}
.nbgd-head { margin-bottom: 40px; text-align: center; }
.nbgd-head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; text-align: left; }
.nbgd-head__title { font-size: clamp(1.7rem, 3.2vw, 2.4rem); font-weight: 800; letter-spacing: -0.02em; color: var(--navy); }
.nbgd-head__sub { color: var(--muted); margin-top: 10px; font-size: 1.05rem; }
.nbgd-flourish { display: block; color: var(--accent); margin: 14px auto 0; width: 78px; }
.nbgd-head--row .nbgd-flourish { margin-left: 0; }
.nbgd-link { color: var(--sky-700); font-weight: 600; text-decoration: none; white-space: nowrap; }
.nbgd-link:hover { color: var(--navy); text-decoration: underline; }
.nbgd-ic { flex: none; vertical-align: middle; }

.screen-reader-text {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0); border: 0;
}

/* Buttons */
.nbgd-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	font-weight: 700; font-size: .98rem; line-height: 1;
	padding: 14px 24px; border-radius: var(--r-pill);
	text-decoration: none; cursor: pointer; border: 1.5px solid transparent;
	transition: transform .15s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.nbgd-btn:active { transform: translateY(1px); }
.nbgd-btn--primary { background: linear-gradient(135deg, var(--sky-600), var(--accent)); color: #fff; box-shadow: var(--shadow-sm); }
.nbgd-btn--primary:hover { background: linear-gradient(135deg, var(--sky-700), var(--green)); color: #fff; box-shadow: var(--shadow); }
.nbgd-btn--ghost { background: #fff; color: var(--navy); border-color: rgba(14, 116, 144, 0.25); }
.nbgd-btn--ghost:hover { border-color: var(--sky-600); color: var(--sky-700); }
.nbgd-btn--light { background: #fff; color: var(--navy); }
.nbgd-btn--light:hover { background: var(--blue-050); }
.nbgd-btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
.nbgd-btn--ghost-light:hover { background: rgba(255,255,255,.12); color: #fff; }
.nbgd-btn--block { width: 100%; }
.nbgd-btn--nav { padding: 10px 18px; font-size: .9rem; }

/* Promo + topbar + header — màu chủ đạo brand */
.nbgd-promo {
	background: linear-gradient(90deg, var(--navy), var(--accent));
	color: #fff;
	text-align: center;
	padding: 8px 16px;
	font-size: .9rem;
	font-weight: 600;
}
.nbgd-promo a { color: #fff; text-decoration: underline; }

.nbgd-site-header {
	background: var(--surface);
}
.nbgd-site-header__primary {
	background: var(--surface);
}
/* Desktop: cả topbar + header-bar + brandbar sticky sát nhau */
@media (min-width: 961px) {
	.nbgd-site-header {
		position: sticky;
		top: 0;
		z-index: 9999;
		box-shadow: 0 4px 18px rgba(14, 116, 144, 0.1);
	}
	body.admin-bar .nbgd-site-header {
		top: 32px;
	}
}
/* Mobile: chỉ topbar + header-bar sticky; brandbar scroll (display:contents) */
@media (max-width: 960px) {
	.nbgd-site-header {
		display: contents;
	}
	.nbgd-site-header__primary {
		position: sticky;
		top: 0;
		z-index: 9999;
		box-shadow: 0 4px 18px rgba(14, 116, 144, 0.1);
	}
	body.admin-bar .nbgd-site-header__primary {
		top: 32px;
	}
}
@media screen and (max-width: 782px) {
	body.admin-bar .nbgd-site-header__primary {
		top: 46px;
	}
}

.nbgd-topbar {
	background: var(--navy-050);
	border-bottom: 1px solid var(--line);
	font-size: .82rem;
}
.nbgd-topbar__inner {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 8px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.nbgd-topbar__contact {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
	min-width: 0;
	flex-shrink: 1;
}
.nbgd-topbar__item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--ink-2);
	text-decoration: none;
	padding: 2px 8px;
	white-space: nowrap;
}
.nbgd-topbar__phone { color: var(--navy); font-weight: 700; }
.nbgd-topbar__item .nbgd-ic { color: var(--accent); font-size: 16px; }
.nbgd-topbar__sep {
	display: inline-block;
	width: 1px;
	height: 14px;
	background: var(--line);
	flex-shrink: 0;
}

/* Menu trên hàng topbar (bên phải) — luôn 1 hàng */
.nbgd-menu-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
	margin-left: auto;
}
.nbgd-menu-link {
	font-size: 0.84rem;
	font-weight: 600;
	color: var(--ink-2);
	text-decoration: none;
	padding: 4px 0;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
	white-space: nowrap;
}
.nbgd-menu-link:hover,
.nbgd-menu-link.nbgd-menu-active {
	color: var(--navy);
	border-color: var(--sky-600);
}

/* Main header — logo + USP + actions */
.nbgd-header-bar {
	position: relative;
	width: 100%;
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--line);
}
.nbgd-header-bar__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 72px;
}
.nbgd-nav-logo a {
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}
.nbgd-logo-img {
	height: 52px !important;
	width: auto !important;
	max-width: 220px;
	object-fit: contain;
	display: block;
	flex-shrink: 0;
}
.nbgd-logo-img--footer { height: 64px !important; max-width: 260px; }
.nbgd-footer__logo a {
	display: inline-block;
	text-decoration: none;
}

.nbgd-header-usps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(20px, 4vw, 48px);
	flex: 1;
	min-width: 0;
}
.nbgd-header-usp {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: inherit;
}
.nbgd-header-usp__icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--blue-050);
	color: var(--accent);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
}
.nbgd-header-usp__text {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
	font-size: .82rem;
	color: var(--muted);
}
.nbgd-header-usp__text strong {
	font-size: .92rem;
	font-weight: 700;
	color: var(--ink);
}
.nbgd-header-usp__hotline {
	color: var(--sky-600) !important;
	font-weight: 700;
	font-size: .95rem;
}

.nbgd-nav-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.nbgd-search {
	display: flex;
	align-items: center;
	background: var(--blue-050);
	border: 1px solid var(--line);
	border-radius: var(--r-pill);
	overflow: hidden;
}
.nbgd-search input {
	border: 0;
	background: transparent;
	padding: 8px 12px;
	width: 140px;
	font-size: .88rem;
	outline: none;
	color: var(--ink);
}
.nbgd-search button {
	border: 0;
	background: transparent;
	color: var(--navy);
	padding: 6px 10px;
	cursor: pointer;
	display: inline-flex;
}
.nbgd-cart-trigger {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: var(--navy);
	text-decoration: none;
	transition: background-color 0.2s ease;
}
.nbgd-cart-trigger:hover { background: var(--blue-050); }
.nbgd-cart-badge {
	position: absolute;
	top: 4px;
	right: 4px;
	background: var(--green);
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	min-width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
}
.nbgd-mobile-menu-btn {
	display: none;
	background: transparent;
	border: none;
	color: var(--ink);
	cursor: pointer;
	padding: 8px;
}
.nbgd-mobile-panel {
	display: none;
	flex-direction: column;
	gap: 0;
	background: #fff;
	border-top: 1px solid var(--line);
	padding: 8px 16px 16px;
}
.nbgd-mobile-panel[hidden] { display: none !important; }
.nbgd-mobile-panel.is-open { display: flex !important; }
.nbgd-mobile-panel a {
	display: block;
	padding: 12px 8px;
	color: var(--ink);
	text-decoration: none;
	font-weight: 600;
	border-bottom: 1px solid var(--line);
}
.nbgd-mobile-panel a:last-child { border-bottom: 0; }
.nbgd-mobile-panel a:hover { color: var(--sky-600); }

/* Brand category strip — style cũ */
.nbgd-brandbar {
	background: var(--navy-050);
	border-bottom: 1px solid var(--line);
}
.nbgd-brandbar__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	justify-content: center;
}
.nbgd-brandbar a {
	position: relative;
	z-index: 1;
	font-size: .88rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ink-2);
	text-decoration: none;
	white-space: nowrap;
	padding: 6px 12px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	isolation: isolate;
	transform: translateY(0);
	transition:
		color .35s cubic-bezier(.4, 0, .2, 1),
		transform .35s cubic-bezier(.4, 0, .2, 1),
		box-shadow .35s cubic-bezier(.4, 0, .2, 1);
}
.nbgd-brandbar a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(135deg, var(--sky-600), var(--accent));
	opacity: 0;
	transform: scale(.94);
	transition:
		opacity .35s cubic-bezier(.4, 0, .2, 1),
		transform .35s cubic-bezier(.4, 0, .2, 1);
	pointer-events: none;
}
.nbgd-brandbar a:hover,
.nbgd-brandbar a:focus-visible {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(14, 116, 144, .14);
	outline: none;
}
.nbgd-brandbar a:hover::before,
.nbgd-brandbar a:focus-visible::before {
	opacity: 1;
	transform: scale(1);
}
.nbgd-brandbar a:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(14, 116, 144, .1);
}
.nbgd-brandbar a:active::before {
	opacity: 1;
	transform: scale(.98);
}
@media (prefers-reduced-motion: reduce) {
	.nbgd-brandbar a,
	.nbgd-brandbar a::before {
		transition-duration: .01ms;
	}
	.nbgd-brandbar a:hover,
	.nbgd-brandbar a:focus-visible {
		transform: none;
		box-shadow: none;
	}
	.nbgd-brandbar a:hover::before,
	.nbgd-brandbar a:focus-visible::before {
		transform: none;
	}
}

.site-content { padding-top: 0; }

/* Hero — chữ cố định, nền xoay */
.nbgd-hero {
	position: relative;
	overflow: hidden;
	min-height: min(78vh, 720px);
	display: flex;
	align-items: center;
	padding: clamp(48px, 8vw, 120px) 0;
	background: linear-gradient(180deg, #e0f2fe 0%, #ecfdf5 45%, var(--bg) 100%);
	border-bottom: 1px solid var(--line);
}
.nbgd-hero__bgs {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.nbgd-hero__bg {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .7s ease;
	background:
		var(--nbgd-hero-bg, none) center / cover no-repeat,
		linear-gradient(180deg, #e0f2fe 0%, #ecfdf5 45%, var(--bg) 100%);
}
@media (max-width: 768px) {
	.nbgd-hero__bg {
		background-image:
			var(--nbgd-hero-bg-mobile, var(--nbgd-hero-bg, none)),
			linear-gradient(180deg, #e0f2fe 0%, #ecfdf5 45%, var(--bg) 100%);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}
.nbgd-hero__bg.is-active {
	opacity: 1;
	z-index: 1;
}
.nbgd-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(90deg,
			rgba(15, 50, 70, 0.28) 0%,
			rgba(15, 50, 70, 0.14) 42%,
			rgba(255, 255, 255, 0.04) 70%,
			transparent 100%
		);
}
.nbgd-hero__brand {
	font-size: clamp(1.35rem, 2.8vw, 2.35rem);
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	color: #fff !important;
	text-shadow:
		0 1px 2px rgba(0,0,0,.25),
		0 4px 16px rgba(0,0,0,.28);
	margin: 0 0 10px;
	line-height: 1.1;
}
.nbgd-hero__copy {
	color: #fff;
	position: relative;
	z-index: 2;
	max-width: min(42rem, 100%);
	padding: 8px 0;
	min-width: 0;
}
.nbgd-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 48px;
	align-items: center;
	position: relative;
	z-index: 2;
	width: 100%;
}
.nbgd-hero__title {
	font-size: clamp(1.55rem, 3.4vw, 2.35rem);
	font-weight: 700;
	font-style: italic;
	margin: 0 0 18px;
	color: #fff !important;
	text-shadow:
		0 1px 2px rgba(0,0,0,.25),
		0 4px 14px rgba(0,0,0,.28);
	letter-spacing: -0.01em;
	line-height: 1.25;
}
.nbgd-hero__lead {
	font-size: 1.1rem;
	font-weight: 600;
	color: #fff !important;
	text-shadow:
		0 1px 2px rgba(0,0,0,.28),
		0 3px 12px rgba(0,0,0,.3);
	max-width: 38rem;
	line-height: 1.6;
	margin: 0;
	opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
	.nbgd-hero__bg {
		transition: none;
	}
}

.nbgd-quickcard {
	position: relative;
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: var(--r-lg);
	padding: 28px;
	box-shadow: var(--shadow);
	z-index: 2;
}
.nbgd-quickcard--chart {
	padding: 10px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(8px);
	box-shadow: 0 12px 36px rgba(8, 22, 48, .22);
}
.nbgd-quickcard__chart {
	display: block;
	width: 100%;
	height: auto;
	border-radius: calc(var(--r-lg) - 6px);
	object-fit: cover;
}

/* Feature bar */
.nbgd-featurebar {
	background: linear-gradient(90deg, var(--sky-700), var(--accent));
	color: #eaf1ff; padding: 40px 0;
}
.nbgd-featurebar__grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 0 20px;
}
.nbgd-featurebar__item { display: flex; align-items: center; gap: 14px; }
.nbgd-featurebar__icon { flex: none; color: #fff; }
.nbgd-featurebar__item h3 { font-size: 1.05rem; font-weight: 700; color: #fff; margin: 0; }
.nbgd-featurebar__item p { font-size: .85rem; color: rgba(255,255,255,.85); margin-top: 4px; }

/* Category cards */
.nbgd-catcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

.nbgd-reasons {
	display: grid;
	/* Số cột theo đúng số ảnh khách chọn (1-5), gán qua inline style
	   --nbgd-reasons-cols trong front-page.php. 3 là fallback nếu thiếu var. */
	grid-template-columns: repeat(var(--nbgd-reasons-cols, 3), 1fr);
	gap: 28px;
	align-items: start;
}
.nbgd-reason {
	margin: 0;
	padding: 0;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(14, 116, 144, 0.08);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.nbgd-reason:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 36px rgba(14, 116, 144, 0.14);
}
.nbgd-reason img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: contain;
	background: #fff;
}
.nbgd-catcard {
	position: relative; display: flex; flex-direction: column; justify-content: flex-end;
	height: 300px; overflow: hidden;
	background-color: var(--blue-050); background-size: cover; background-position: center;
	border: 1px solid var(--line); border-radius: var(--r-lg);
	text-decoration: none; color: #fff !important;
	box-shadow: var(--shadow-sm);
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}
.nbgd-catcard::before {
	content: ""; position: absolute; inset: 0;
	background-size: cover; background-position: center; background-image: inherit;
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.nbgd-catcard:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.nbgd-catcard:hover::before { transform: scale(1.08); }
.nbgd-catcard__overlay {
	position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(to top, rgba(14, 116, 144, 0.88) 0%, rgba(34, 197, 94, 0.35) 55%, transparent 100%);
}
.nbgd-catcard__content { position: relative; padding: 28px 22px; z-index: 2; }
.nbgd-catcard__content h3 { font-size: 1.3rem; font-weight: 800; color: #fff !important; margin: 0 0 6px; }
.nbgd-catcard__content p { color: rgba(255,255,255,.88); margin: 0 0 14px; font-size: 0.92rem; line-height: 1.4; }
.nbgd-catcard__link {
	display: inline-flex; align-items: center; gap: 6px;
	color: #dbeafe !important; font-weight: 700; font-size: 0.92rem;
}
.nbgd-catcard:hover .nbgd-catcard__link { color: #fff !important; }
.nbgd-catcard__link .nbgd-ic { transition: transform 0.2s ease; }
.nbgd-catcard:hover .nbgd-catcard__link .nbgd-ic { transform: translateX(4px); }

/* Nature photo section backgrounds */
.nbgd-nature-bg {
	position: relative;
	background: var(--nbgd-nature-bg, none) center / cover no-repeat fixed;
	color: #fff;
}
@media (max-width: 768px) {
	.nbgd-nature-bg {
		background-image: var(--nbgd-nature-bg-mobile, var(--nbgd-nature-bg, none));
		background-attachment: scroll;
	}
}
.nbgd-nature-bg__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 116, 144, 0.45), rgba(34, 197, 94, 0.4));
	z-index: 1;
}
.nbgd-head__title--light { color: #fff !important; text-shadow: 0 2px 16px rgba(0,0,0,.25); }
.nbgd-head__sub--light { color: rgba(255,255,255,.9) !important; }
.nbgd-nature-bg .nbgd-flourish { color: #a7f3d0; }

/* Partners */

/* Lưới tĩnh: dùng khi số logo < NBGD_PARTNERS_MARQUEE_MIN (xem
   nbgd_partners_is_marquee) — vòng lặp marquee sẽ quá ngắn nên hiển thị
   tĩnh thay vì cuộn. */
.nbgd-partners__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
.nbgd-partner {
	display: flex; align-items: center; justify-content: center;
	padding: 8px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.nbgd-partner--glass {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: var(--r-lg);
}
.nbgd-partner__logo {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: calc(var(--r-lg) - 6px);
	overflow: hidden;
}

/* Marquee: mỗi hàng cuộn vô hạn bằng CSS animation, không JS/thư viện.
   Track chứa danh sách logo lặp 2 lần (xem front-page.php); animation
   translateX(-50%) chạy hết bản gốc là khớp liền sang bản lặp -> vòng lặp
   liền mạch, không giật. Mask 2 mép để logo mờ dần ra/vào thay vì cắt cụt. */
.nbgd-partners-marquee {
	display: flex;
	flex-direction: column;
	gap: 16px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}
.nbgd-partners-marquee__row {
	overflow: hidden;
}
.nbgd-partners-marquee__track {
	display: flex;
	gap: 16px;
	width: max-content;
	animation: nbgd-marquee-left var(--nbgd-marquee-duration, 30s) linear infinite;
}
.nbgd-partners-marquee__item {
	flex: 0 0 auto;
	width: 160px;
	height: 80px;
}
@keyframes nbgd-marquee-left {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.nbgd-partners-marquee__track {
		animation: none;
	}
}
@media (max-width: 600px) {
	.nbgd-partners-marquee__item {
		width: 120px;
		height: 64px;
	}
}

/* Testimonials */
.nbgd-testimonials {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.nbgd-testimonial {
	margin: 0; padding: 28px 24px;
	background: #fff; border-radius: var(--r-card);
	border: 1px solid var(--line); box-shadow: var(--shadow-sm);
}
.nbgd-testimonial p {
	font-size: 1rem; color: var(--ink-2); line-height: 1.55; margin: 0 0 18px;
}
.nbgd-testimonial footer { font-size: .9rem; color: var(--muted); }
.nbgd-testimonial strong { color: var(--navy); }

/* Blog cards */
.nbgd-posts {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;
}
.nbgd-postcard {
	background: #fff; border: 1px solid var(--line); border-radius: var(--r-card);
	padding: 0; overflow: hidden; box-shadow: var(--shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease;
}
.nbgd-postcard:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.nbgd-postcard a { text-decoration: none; color: inherit; display: block; padding: 0 0 18px; }
.nbgd-postcard__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--blue-050); }
.nbgd-postcard__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nbgd-postcard h3 {
	font-size: 1.1rem; font-weight: 700; color: var(--navy); margin: 14px 18px 8px; line-height: 1.35;
}
.nbgd-postcard p { color: var(--muted); font-size: .95rem; margin: 0 18px 12px; }
.nbgd-postcard .nbgd-blog-card__btn { margin-left: 18px; }

/* Branches */
.nbgd-branches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.nbgd-branches__item {
	background: #fff; border: 1px solid var(--line); border-radius: var(--r-card);
	padding: 28px 24px; box-shadow: var(--shadow-sm);
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.nbgd-branches__item:hover {
	border-color: var(--sky-600); box-shadow: var(--shadow); transform: translateY(-2px);
}
.nbgd-branches__item h4 {
	color: var(--ink); font-size: 1.2rem; font-weight: 700; margin: 0 0 12px;
	display: flex; align-items: center; gap: 10px;
}
.nbgd-branches__item h4 .nbgd-ic { color: var(--accent); }
.nbgd-branches__addr { color: var(--ink-2); margin-bottom: 16px; font-size: 0.95rem; line-height: 1.5; }
.nbgd-branches__meta { display: flex; align-items: center; gap: 16px; margin-top: 12px; }
.nbgd-branches__phone,
.nbgd-branches__map {
	display: inline-flex; align-items: center; gap: 6px;
	font-weight: 700; font-size: 0.95rem; text-decoration: none; color: var(--sky-700);
}
.nbgd-branches__phone:hover,
.nbgd-branches__map:hover { color: var(--navy); text-decoration: underline; }

/* CTA */
.nbgd-cta { padding: 0 20px 72px; }
.nbgd-cta--photo {
	padding: 0;
	margin-bottom: 72px;
	min-height: min(42vh, 360px);
	display: flex;
	align-items: flex-end;
	background: var(--nbgd-cta-bg, none) center / cover no-repeat;
}
@media (max-width: 768px) {
	.nbgd-cta--photo {
		min-height: min(48vh, 320px);
		background-image: var(--nbgd-cta-bg-mobile, var(--nbgd-cta-bg, none));
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}
.nbgd-cta--photo .nbgd-cta__inner {
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
	/* Lề trái khớp header; padding-bottom để nút không đè chữ dưới banner */
	padding: 24px 20px clamp(56px, 9%, 88px);
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
}
.nbgd-cta--photo .nbgd-cta__inner::before,
.nbgd-cta--photo .nbgd-cta__inner::after {
	display: none;
}
.nbgd-cta--plain {
	padding: 0 20px 72px;
}
.nbgd-cta__inner {
	position: relative;
	background: linear-gradient(135deg, var(--sky-700), var(--accent) 55%, var(--green));
	border-radius: 24px; padding: 52px 44px;
	display: flex; align-items: center; justify-content: space-between;
	gap: 28px; flex-wrap: wrap; overflow: hidden; box-shadow: var(--shadow-lg);
}
.nbgd-cta__inner > * { position: relative; z-index: 2; }
.nbgd-cta h2 { color: #fff; font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 800; letter-spacing: -0.02em; }
.nbgd-cta p { color: rgba(255,255,255,.92); margin-top: 8px; font-size: 1.05rem; max-width: 30rem; }
.nbgd-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.nbgd-cta__inner::before,
.nbgd-cta__inner::after {
	content: ""; position: absolute; border-radius: 50%; background: #fff; opacity: 0.07; pointer-events: none;
}
.nbgd-cta__inner::before { width: 280px; height: 280px; top: -100px; right: -100px; filter: blur(40px); }
.nbgd-cta__inner::after { width: 180px; height: 180px; bottom: -60px; left: -60px; filter: blur(20px); }

/* Price table */
.nbgd-pricetable { display: grid; gap: 30px; position: relative; overflow: hidden; padding: 12px 0; }
.nbgd-pricetable__brand { color: var(--navy); font-size: 1.2rem; font-weight: 800; margin: 0 0 12px; }
.nbgd-pricetable__table {
	width: 100%; border-collapse: separate; border-spacing: 0;
	background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden;
	box-shadow: var(--shadow-sm);
}
.nbgd-pricetable__table th {
	background: var(--navy); color: #fff; padding: 13px 16px; text-align: left; font-weight: 600; font-size: .92rem;
}
.nbgd-pricetable__table td { padding: 13px 16px; border-top: 1px solid var(--line); }
.nbgd-pricetable__table tbody tr:first-child td { border-top: none; }
.nbgd-pricetable__table a { color: var(--ink); text-decoration: none; font-weight: 600; }
.nbgd-pricetable__table a:hover { color: var(--sky-700); }
.nbgd-pricetable__price { text-align: right; white-space: nowrap; font-weight: 800; color: var(--navy); }
.nbgd-pricetable__table .button {
	background: var(--accent); color: #fff; padding: 8px 16px; border-radius: var(--r-pill);
	text-decoration: none; font-size: .85rem; font-weight: 700; white-space: nowrap;
}
.nbgd-pricetable__table .button:hover { background: var(--green); }

/* WooCommerce product cards */
.nbgd-home ul.products li.product,
.woocommerce ul.products li.product {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	background: var(--surface);
	padding: 16px;
	box-shadow: var(--shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	overflow: hidden;
}
.nbgd-home ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow);
	border-color: transparent;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
	position: relative;
	margin: 0 0 12px;
}
.woocommerce ul.products li.product a img {
	background: var(--blue-050);
	border-radius: var(--r-sm);
	padding: 12px;
	margin: 0 !important;
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.03); }

/* Ẩn nút giỏ nổi của Astra trên ảnh (gây lệch layout) */
.woocommerce ul.products li.product .ast-on-card-button,
.woocommerce ul.products li.product a.ast-on-card-button,
.nbgd-home ul.products li.product .ast-on-card-button {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--navy);
	margin: 0 0 8px;
	line-height: 1.4;
}

/* Bestsellers subsections */
.nbgd-bestsellers {
	display: grid;
	gap: 40px;
}
.nbgd-bestsellers__block + .nbgd-bestsellers__block {
	padding-top: 8px;
}
.nbgd-bestsellers__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}
.nbgd-bestsellers__title {
	margin: 0;
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	font-weight: 800;
	color: var(--navy);
}
.woocommerce ul.products li.product .astra-shop-summary-wrap {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
	z-index: 1;
}
.woocommerce ul.products li.product .price {
	color: var(--navy);
	font-weight: 800;
	font-size: 1.15rem;
	margin: 0 0 6px !important;
	display: block;
}
.nbgd-product-subtitle {
	margin: 0 0 8px;
	font-size: .88rem;
	color: var(--muted);
	line-height: 1.4;
}
.nbgd-product-deal {
	margin: 0 0 4px;
	font-size: .82rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--accent);
}
.woocommerce ul.products li.product a.nbgd-buy-now {
	margin-top: auto !important;
}
/* Nút Mua ngay: pill full-width dưới giá */
.nbgd-home ul.products li.product .astra-shop-summary-wrap a.button,
.nbgd-home ul.products li.product .astra-shop-summary-wrap .button.add_to_cart_button,
.woocommerce ul.products li.product .astra-shop-summary-wrap a.button,
.woocommerce ul.products li.product .astra-shop-summary-wrap .button.add_to_cart_button,
.woocommerce ul.products li.product a.button:not(.ast-on-card-button),
.woocommerce ul.products li.product .button.add_to_cart_button:not(.ast-on-card-button),
.woocommerce ul.products li.product a.nbgd-buy-now {
	position: static !important;
	inset: auto !important;
	bottom: auto !important;
	right: auto !important;
	left: auto !important;
	top: auto !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 42px !important;
	margin: 8px 0 0 !important;
	padding: 12px 16px !important;
	border-radius: 9999px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: .92rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-indent: 0 !important;
	text-transform: none !important;
	white-space: normal !important;
	background: var(--accent) !important;
	color: #fff !important;
	box-shadow: var(--shadow-sm);
	overflow: visible !important;
	z-index: 2;
	text-decoration: none !important;
}
.nbgd-home ul.products li.product .astra-shop-summary-wrap a.button::before,
.woocommerce ul.products li.product .astra-shop-summary-wrap a.button::before,
.woocommerce ul.products li.product a.button:not(.ast-on-card-button)::before,
.woocommerce ul.products li.product .button.add_to_cart_button:not(.ast-on-card-button)::before,
.woocommerce ul.products li.product a.nbgd-buy-now::before {
	content: "shopping_bag";
	font-family: 'Material Symbols Outlined';
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	line-height: 1;
	margin: 0;
}
/* Ẩn nút add-to-cart nếu theme vẫn render */
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button {
	display: none !important;
}
.woocommerce ul.products li.product a.nbgd-buy-now {
	display: inline-flex !important;
}
.nbgd-home ul.products li.product .astra-shop-summary-wrap a.button:hover,
.woocommerce ul.products li.product .astra-shop-summary-wrap a.button:hover,
.woocommerce ul.products li.product a.button:not(.ast-on-card-button):hover,
.woocommerce ul.products li.product .button.add_to_cart_button:not(.ast-on-card-button):hover,
.woocommerce ul.products li.product a.nbgd-buy-now:hover {
	background: var(--green) !important;
	transform: none !important;
	color: #fff !important;
}

/* Floating */
.nbgd-floating { position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 10px; z-index: 9990; }
.nbgd-floating__btn {
	display: inline-flex; align-items: center; gap: 8px; color: #fff !important;
	padding: 11px 16px; border-radius: var(--r-pill); text-decoration: none;
	box-shadow: var(--shadow); font-weight: 700; font-size: .9rem; opacity: 0.92;
	transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
}
.nbgd-floating__btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); opacity: 1; }
.nbgd-floating__btn--zalo { background: #0068ff; }
.nbgd-floating__btn--call { background: var(--green); }
.nbgd-floating__btn--mess { background: #0ea5e9; }
.nbgd-floating__btn--whatsapp { background: #25d366; }

/* Footer */
.nbgd-footer {
	background: linear-gradient(180deg, #e0f2fe, #d1fae5);
	color: var(--ink); padding: 64px 0 0; border-top: 1px solid var(--line);
}
.nbgd-footer__grid {
	display: grid; grid-template-columns: 1.2fr 0.8fr 0.8fr 1.2fr;
	gap: 40px; padding-bottom: 48px;
}
.nbgd-footer__col h4 {
	font-size: 1rem; font-weight: 700; color: var(--navy);
	margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.04em;
}
.nbgd-footer__logo { margin-bottom: 16px; }
.nbgd-footer__desc { font-size: 0.92rem; color: var(--ink-2); line-height: 1.6; margin-bottom: 18px; }
.nbgd-footer__social { display: flex; gap: 12px; }
.nbgd-social-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; border-radius: 50%;
	background: var(--surface); color: var(--navy); text-decoration: none;
	box-shadow: var(--shadow-sm); transition: background-color 0.2s ease, color 0.2s ease;
}
.nbgd-social-icon:hover { background: var(--accent); color: #fff; }
.nbgd-footer__links { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.nbgd-footer__links a { font-size: 0.92rem; color: var(--ink-2); text-decoration: none; }
.nbgd-footer__links a:hover { color: var(--accent); }
.nbgd-footer__info { font-size: 0.92rem; color: var(--ink-2); line-height: 1.6; margin-bottom: 10px; }
.nbgd-footer__mst { font-size: 0.92rem; font-weight: 700; color: var(--navy); }
.nbgd-footer__bottom {
	border-top: 1px solid rgba(14, 116, 144, 0.12); padding: 22px 0; text-align: center;
}
.nbgd-footer__bottom p { font-size: 0.88rem; color: var(--muted); margin: 0; }

.glass-card {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: var(--r-lg);
}
.nbgd-hero__decor-1 {
	position: absolute; bottom: -96px; right: -96px; width: 384px; height: 384px;
	background: var(--sky-600); opacity: 0.12; border-radius: 50%; filter: blur(64px);
	pointer-events: none; z-index: 1;
}
.nbgd-hero__decor-2 {
	position: absolute; top: 40px; left: -40px; width: 256px; height: 256px;
	background: var(--accent); opacity: 0.1; border-radius: 50%; filter: blur(40px);
	pointer-events: none; z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
	.nbgd-section, .nbgd-cta {
		animation: nbgd-fade-up .6s cubic-bezier(.16,1,.3,1) both;
		animation-timeline: view();
		animation-range: entry 0% cover 22%;
	}
	@keyframes nbgd-fade-up {
		from { opacity: 0; transform: translateY(18px); }
		to { opacity: 1; transform: none; }
	}
}

@media (max-width: 1280px) {
	.nbgd-menu-list { gap: 12px; }
	.nbgd-menu-link { font-size: .8rem; }
	.nbgd-header-usps { gap: 16px; }
}
@media (max-width: 1100px) {
	.nbgd-reasons { gap: 18px; }
	.nbgd-topbar__item--hours,
	.nbgd-topbar__contact > .nbgd-topbar__sep:nth-child(6) { display: none; }
	.nbgd-menu-list { gap: 10px; }
	.nbgd-menu-link { font-size: .76rem; }
}
@media (max-width: 960px) {
	.nbgd-hero__grid { grid-template-columns: 1fr; gap: 28px; }
	.nbgd-featurebar__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
	.nbgd-catcards { grid-template-columns: 1fr; max-width: 440px; margin: 0 auto; }
	.nbgd-reasons { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
	.nbgd-branches, .nbgd-testimonials { grid-template-columns: 1fr; }
	.nbgd-partners__list { grid-template-columns: repeat(2, 1fr); }
	.nbgd-posts { grid-template-columns: 1fr; }
	.nbgd-menu-list { display: none; }
	.nbgd-search { display: none; }
	.nbgd-btn--nav { display: none; }
	.nbgd-header-usps { display: none; }
	.nbgd-mobile-menu-btn { display: inline-flex; }
	.nbgd-topbar__inner { justify-content: center; }
	.nbgd-topbar__contact { justify-content: center; width: 100%; }
	.nbgd-topbar__item { padding: 2px 6px; font-size: .75rem; }
	.nbgd-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
	.nbgd-nature-bg { background-attachment: scroll; }
}
@media (max-width: 560px) {
	.nbgd-section { padding: 48px 0; }
	.nbgd-featurebar__grid { grid-template-columns: 1fr; }
	.nbgd-head--row { flex-direction: column; align-items: flex-start; }
	.nbgd-cta__inner { flex-direction: column; align-items: flex-start; }
	.nbgd-floating__label { display: none; }
	.nbgd-floating__btn { padding: 12px; }
	.nbgd-footer__grid { grid-template-columns: 1fr; gap: 22px; }
	.nbgd-footer { padding: 44px 0 0; }
	.nbgd-promo { font-size: .8rem; }
	.nbgd-logo-img { height: 44px !important; max-width: 160px; }
	.nbgd-motifs__leaf--tl,
	.nbgd-motifs__leaf--br { width: 90px; height: 90px; opacity: .18; }
}

/* ==========================================================================
   Họa tiết nước & thiên nhiên (sections + pages)
   ========================================================================== */
.nbgd-section--motif,
.nbgd-section--ripples,
.nbgd-section--leaves {
	position: relative;
	overflow: hidden;
}
.nbgd-section--motif > .nbgd-container,
.nbgd-section--ripples > .nbgd-container,
.nbgd-section--leaves > .nbgd-container,
.nbgd-section--motif > .nbgd-motifs + .nbgd-container {
	position: relative;
	z-index: 2;
}
.nbgd-section--ripples::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--nbgd-motif-ripples);
	background-size: cover;
	background-position: center;
	opacity: 0.18;
	pointer-events: none;
	z-index: 0;
}
.nbgd-section--leaves::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--nbgd-motif-leaves);
	background-size: cover;
	background-position: center;
	opacity: 0.16;
	pointer-events: none;
	z-index: 0;
}
.nbgd-section--motif::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--nbgd-motif-ripples);
	background-size: 720px auto;
	background-repeat: repeat;
	opacity: 0.12;
	pointer-events: none;
	z-index: 0;
}

.nbgd-motifs {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	overflow: hidden;
}
.nbgd-motifs__leaf {
	position: absolute;
	width: 140px;
	height: 140px;
	background-image: var(--nbgd-motif-leaves);
	background-size: cover;
	background-position: center;
	opacity: 0.28;
	filter: saturate(1.1);
}
.nbgd-motifs__leaf--tl { top: -20px; left: -10px; transform: rotate(-8deg); }
.nbgd-motifs__leaf--br { right: -16px; bottom: -24px; transform: rotate(168deg); }

.nbgd-motifs__drop {
	position: absolute;
	width: 56px;
	height: 56px;
	background-image: var(--nbgd-motif-droplets);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.35;
	animation: nbgd-float 6s ease-in-out infinite;
}
.nbgd-motifs__drop--1 { top: 18%; right: 8%; animation-delay: 0s; }
.nbgd-motifs__drop--2 { bottom: 22%; left: 6%; width: 42px; height: 42px; animation-delay: 1.2s; }
.nbgd-motifs__drop--3 { top: 42%; left: 14%; width: 34px; height: 34px; opacity: 0.22; animation-delay: 2.4s; }

@keyframes nbgd-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) {
	.nbgd-motifs__drop { animation: none; }
}

/* Inner pages: nền thiên nhiên + họa tiết */
.nbgd-inner-page #content {
	position: relative;
	background:
		linear-gradient(180deg, rgba(240, 249, 255, 0.92), rgba(236, 253, 245, 0.9)),
		var(--nbgd-bg-page) center top / cover no-repeat;
	min-height: 50vh;
}
.nbgd-inner-page #content::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--nbgd-motif-ripples);
	background-size: 640px auto;
	background-repeat: repeat;
	opacity: 0.1;
	pointer-events: none;
	z-index: 0;
}
.nbgd-inner-page #content > .ast-container {
	position: relative;
	z-index: 1;
	max-width: var(--maxw);
	margin-left: auto;
	margin-right: auto;
	padding: 28px 20px 48px;
	box-sizing: border-box;
	width: 100%;
}

/* Chỉ bọc card trắng cho trang đơn — WooCommerce có style riêng bên dưới */
.nbgd-inner-page:not(.blog):not(.archive):not(.woocommerce):not(.woocommerce-page) .entry-content,
.nbgd-inner-page:not(.blog):not(.archive):not(.woocommerce):not(.woocommerce-page) .ast-article-single {
	background: rgba(255,255,255,.88);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(203, 213, 225, 0.7);
	border-radius: var(--r-lg);
	padding: 28px 24px;
	box-shadow: var(--shadow-sm);
}
.nbgd-inner-page:not(.blog):not(.archive):not(.woocommerce):not(.woocommerce-page) .entry-header {
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 14px;
}
/* Gạch trang trí dưới tiêu đề — không dùng ảnh motif (trông như ảnh lỗi) */
.nbgd-inner-page:not(.blog):not(.archive):not(.woocommerce):not(.woocommerce-page) .entry-header::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin-top: 12px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--sky-600), var(--accent));
	opacity: 1;
}

/* Blog listing / single — layout riêng, không dùng Astra cards */
.nbgd-blog .nbgd-container { position: relative; z-index: 2; }
.nbgd-blog__hero { padding: 48px 0 24px; position: relative; overflow: hidden; }
.nbgd-blog__list { padding-top: 24px; }
.nbgd-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.nbgd-blog-card,
.nbgd-blog-grid .ast-article-post {
	display: flex !important;
	flex-direction: column;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-lg) !important;
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease;
	height: auto !important;
}
.nbgd-blog-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow);
}
.nbgd-blog-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--blue-050);
}
.nbgd-blog-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}
.nbgd-blog-card:hover .nbgd-blog-card__media img { transform: scale(1.05); }
.nbgd-blog-card__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 20px 22px;
	flex: 1;
}
.nbgd-blog-card__cat {
	display: inline-flex;
	align-self: flex-start;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--accent);
	background: rgba(56, 189, 248, .14);
	padding: 4px 10px;
	border-radius: var(--r-pill);
}
.nbgd-blog-card__title {
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.35;
	margin: 0;
	color: var(--navy);
}
.nbgd-blog-card__title a {
	color: inherit;
	text-decoration: none;
}
.nbgd-blog-card__title a:hover { color: var(--sky-700); }
.nbgd-blog-card__meta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: .88rem;
	color: var(--muted);
}
.nbgd-blog-card__meta .nbgd-ic { color: var(--sky-600); }
.nbgd-blog-card__excerpt {
	margin: 0;
	color: var(--ink-2);
	font-size: .95rem;
	line-height: 1.55;
	flex: 1;
}
.nbgd-blog-card__btn {
	align-self: flex-start;
	margin-top: 6px;
	padding: 10px 18px;
	font-size: .9rem;
}
.nbgd-blog__pagination {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.nbgd-blog__pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.nbgd-blog__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: var(--r-pill);
	border: 1px solid var(--line);
	background: #fff;
	color: var(--navy);
	text-decoration: none;
	font-weight: 600;
}
.nbgd-blog__pagination .page-numbers.current,
.nbgd-blog__pagination .page-numbers:hover {
	background: var(--accent);
	border-color: var(--accent);
	color: #fff;
}

.nbgd-single__hero { padding: 48px 0 28px; position: relative; overflow: hidden; }
.nbgd-single__wrap { max-width: 820px; }
.nbgd-single__thumb {
	margin: 0 0 28px;
	border-radius: var(--r-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
}
.nbgd-single__thumb img { width: 100%; height: auto; display: block; }
.nbgd-single__content {
	background: rgba(255,255,255,.92);
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: 28px 26px;
	box-shadow: var(--shadow-sm);
	line-height: 1.7;
	color: var(--ink-2);
}
.nbgd-single__content p { margin: 0 0 1em; }
.nbgd-single__back { margin-top: 28px; }

@media (max-width: 960px) {
	.nbgd-blog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.nbgd-blog-grid { grid-template-columns: 1fr; }
}

/* Blog/single full-bleed — KHÔNG áp cho WooCommerce shop/archive sản phẩm */
body.blog .site-content > .ast-container,
body.archive:not(.woocommerce):not(.woocommerce-page) .site-content > .ast-container,
body.single-post .site-content > .ast-container {
	display: block !important;
	max-width: 100% !important;
	padding: 0 !important;
	flex-direction: unset !important;
}
body.blog #primary,
body.archive:not(.woocommerce):not(.woocommerce-page) #primary,
body.single-post #primary,
body.blog #content,
body.archive:not(.woocommerce):not(.woocommerce-page) #content,
body.single-post #content {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important;
	max-width: none !important;
}
/* Ẩn khung Astra thừa nếu còn sót (chỉ blog) */
body.blog .ast-row,
body.archive:not(.woocommerce):not(.woocommerce-page) .ast-row,
body.blog .ast-article-inner,
body.archive:not(.woocommerce):not(.woocommerce-page) .ast-article-inner {
	display: contents;
}

/* WooCommerce shop / category — giữ container căn giữa */
body.woocommerce #content.site-content,
body.woocommerce-page #content.site-content,
body.ast-woo-shop-archive #content.site-content {
	padding-top: 0 !important;
}
body.woocommerce .site-content > .ast-container,
body.woocommerce-page .site-content > .ast-container,
body.ast-woo-shop-archive .site-content > .ast-container,
body.woocommerce #content > .ast-container,
body.woocommerce-page #content > .ast-container {
	display: block !important;
	max-width: var(--maxw) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 28px 20px 56px !important;
	box-sizing: border-box !important;
	float: none !important;
}
body.woocommerce #primary,
body.woocommerce-page #primary,
body.ast-woo-shop-archive #primary {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.woocommerce .ast-woocommerce-container,
body.woocommerce-page .ast-woocommerce-container {
	max-width: 100%;
	padding: 0 !important;
	background: transparent !important;
}
body.woocommerce .woocommerce,
body.woocommerce-page .woocommerce {
	background: rgba(255,255,255,.94);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(203, 213, 225, 0.7);
	border-radius: var(--r-lg);
	padding: 28px 24px;
	box-shadow: var(--shadow-sm);
	max-width: 100%;
	box-sizing: border-box;
}
body.woocommerce .woocommerce-products-header,
body.woocommerce-page .woocommerce-products-header {
	margin-bottom: 20px;
}
body.woocommerce .woocommerce-result-count,
body.woocommerce .woocommerce-ordering {
	margin-bottom: 20px;
}
body.woocommerce ul.products,
body.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin: 0 0 28px !important;
	padding: 0 !important;
	list-style: none;
	width: 100% !important;
}
body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after {
	display: none !important;
	content: none !important;
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
	padding: 16px !important;
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0 0 12px !important;
}
body.woocommerce ul.products li.product a.button:not(.ast-on-card-button),
body.woocommerce-page ul.products li.product a.button:not(.ast-on-card-button) {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 9999px !important;
	font-size: .92rem !important;
	z-index: 3;
}

/* Astra đặt subtitle nhầm trong ảnh — ẩn; giữ title/giá/nút rõ ràng */
.astra-shop-thumbnail-wrap .nbgd-product-subtitle { display: none !important; }
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
	display: block !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--navy) !important;
	margin: 0 0 8px !important;
	line-height: 1.35 !important;
}
body.woocommerce .astra-shop-summary-wrap,
body.woocommerce-page .astra-shop-summary-wrap {
	display: flex !important;
	flex-direction: column;
	flex: 1;
	padding: 0;
	gap: 4px;
}
body.woocommerce nav.woocommerce-pagination,
body.woocommerce-page nav.woocommerce-pagination {
	text-align: center;
	margin-top: 8px;
}

@media (max-width: 960px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 560px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: 1fr;
	}
	body.woocommerce .site-content > .ast-container,
	body.woocommerce-page .site-content > .ast-container,
	body.woocommerce #content > .ast-container,
	body.woocommerce-page #content > .ast-container {
		padding: 20px 14px 40px !important;
	}
	body.woocommerce .woocommerce,
	body.woocommerce-page .woocommerce {
		padding: 18px 14px;
	}
}

/* Brand bar + promo subtle water sheen */
.nbgd-brandbar {
	position: relative;
	overflow: visible;
}
.nbgd-brandbar::after {
	display: none;
}

/* Footer motif */
.nbgd-footer { position: relative; overflow: hidden; }
.nbgd-footer__motif {
	position: absolute;
	inset: 0;
	background-image: var(--nbgd-motif-leaves);
	background-size: cover;
	background-position: center;
	opacity: 0.14;
	pointer-events: none;
}
.nbgd-footer__grid,
.nbgd-footer__bottom { position: relative; z-index: 1; }

/* Feature bar water shimmer */
.nbgd-featurebar { position: relative; overflow: hidden; }
.nbgd-featurebar::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--nbgd-motif-ripples);
	background-size: cover;
	opacity: 0.12;
	pointer-events: none;
}
.nbgd-featurebar__grid { position: relative; z-index: 1; }

/* Testimonial droplet accent */
.nbgd-testimonial {
	position: relative;
	overflow: hidden;
}
.nbgd-testimonial::before {
	content: "";
	position: absolute;
	top: 12px;
	right: 14px;
	width: 36px;
	height: 36px;
	background-image: var(--nbgd-motif-droplets);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.28;
}

/* Product card soft water wash — không che nút/giá */
.woocommerce ul.products li.product::after {
	content: none !important;
	display: none !important;
}

/* ==========================================================================
   Trang FAQ / Liên hệ — hero ảnh + layout trực quan
   ========================================================================== */
.nbgd-page-visual #content > .ast-container,
.nbgd-page-visual .site-content > .ast-container {
	display: block !important;
	max-width: 100% !important;
	padding: 0 !important;
	width: 100% !important;
}
.nbgd-page-visual #primary {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important;
	max-width: none !important;
}
.nbgd-page-visual.nbgd-inner-page #content {
	background: var(--bg);
	min-height: 0;
}
.nbgd-page-visual.nbgd-inner-page #content::before {
	display: none;
}

.nbgd-page-hero {
	position: relative;
	min-height: min(52vh, 420px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background:
		linear-gradient(180deg, rgba(14, 116, 144, 0.22), rgba(14, 116, 144, 0.5)),
		var(--nbgd-page-hero-bg) center / cover no-repeat;
	color: #fff;
	overflow: hidden;
}
@media (max-width: 768px) {
	.nbgd-page-hero {
		background-image:
			linear-gradient(180deg, rgba(14, 116, 144, 0.22), rgba(14, 116, 144, 0.5)),
			var(--nbgd-page-hero-bg-mobile, var(--nbgd-page-hero-bg));
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}
.nbgd-page-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(14, 116, 144, 0.28) 0%, rgba(34, 197, 94, 0.2) 50%, rgba(14, 116, 144, 0.4) 100%);
	pointer-events: none;
}
.nbgd-page-hero__inner {
	position: relative;
	z-index: 1;
	padding: 72px 20px 48px;
	max-width: var(--maxw);
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.nbgd-page-hero__brand {
	font-size: clamp(1.35rem, 3vw, 1.85rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0 0 8px;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}
.nbgd-page-hero__title {
	font-size: clamp(2rem, 4.5vw, 3rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	margin: 0 0 12px;
	line-height: 1.15;
	color: #fff;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
.nbgd-page-hero__sub {
	margin: 0 auto;
	max-width: 36rem;
	font-size: 1.05rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.92);
}

.nbgd-head--left { text-align: left; margin-bottom: 28px; }
.nbgd-head--left .nbgd-flourish { margin-left: 0; }

/* FAQ */
.nbgd-faq-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 36px;
	align-items: start;
}
.nbgd-faq-visual {
	position: relative;
	top: auto;
	align-self: start;
	margin: 0;
	border-radius: var(--r-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
}
.nbgd-faq-visual img {
	display: block;
	width: 100%;
	height: min(70vh, 560px);
	object-fit: cover;
	object-position: top center;
}
.nbgd-faq-visual__card {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: var(--r-card);
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(8px);
	box-shadow: var(--shadow-sm);
	color: var(--ink);
}
.nbgd-faq-visual__card .material-symbols-outlined {
	color: var(--accent);
	font-size: 28px;
}
.nbgd-faq-visual__card strong {
	display: block;
	font-size: 0.85rem;
	color: var(--muted);
	font-weight: 600;
}
.nbgd-faq-visual__card a {
	color: var(--navy);
	font-weight: 800;
	font-size: 1.15rem;
	text-decoration: none;
}
.nbgd-faq-visual__card a:hover { color: var(--sky-700); }

.nbgd-faq-list { display: flex; flex-direction: column; gap: 12px; }
.nbgd-faq-item {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	box-shadow: var(--shadow-sm);
	overflow: hidden;
}
.nbgd-faq-item summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	cursor: pointer;
	list-style: none;
	font-weight: 700;
	color: var(--navy);
	line-height: 1.35;
}
.nbgd-faq-item summary::-webkit-details-marker { display: none; }
.nbgd-faq-item__icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #e0f2fe, #ccfbf1);
	color: var(--sky-700);
	font-size: 22px;
}
.nbgd-faq-item__q { flex: 1; }
.nbgd-faq-item__chev {
	color: var(--muted);
	transition: transform 0.2s ease;
}
.nbgd-faq-item[open] .nbgd-faq-item__chev { transform: rotate(180deg); }
.nbgd-faq-item__a {
	padding: 0 18px 18px 70px;
	color: var(--ink-2);
	line-height: 1.6;
}
.nbgd-faq-item__a p { margin: 0; }

/* Contact */
.nbgd-contact-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 36px;
	align-items: start;
}
.nbgd-contact-photo {
	border-radius: var(--r-lg);
	overflow: hidden;
	margin-bottom: 16px;
	box-shadow: var(--shadow);
}
.nbgd-contact-photo img {
	display: block;
	width: 100%;
	height: 240px;
	object-fit: cover;
}
.nbgd-contact-cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.nbgd-contact-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	border-radius: var(--r-card);
	background: var(--surface);
	border: 1px solid var(--line);
	text-decoration: none;
	color: inherit;
	box-shadow: var(--shadow-sm);
	transition: border-color 0.2s ease, transform 0.2s ease;
}
a.nbgd-contact-card:hover {
	border-color: var(--sky-600);
	transform: translateY(-2px);
}
.nbgd-contact-card__icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #e0f2fe, #ccfbf1);
	color: var(--navy);
	font-size: 22px;
}
.nbgd-contact-card__label {
	display: block;
	font-size: 0.8rem;
	color: var(--muted);
	font-weight: 600;
	margin-bottom: 2px;
}
.nbgd-contact-card strong {
	font-size: 0.95rem;
	color: var(--navy);
	font-weight: 700;
	line-height: 1.35;
	word-break: break-word;
}
.nbgd-contact-form-wrap {
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(203, 213, 225, 0.7);
	border-radius: var(--r-lg);
	padding: 28px 24px;
	box-shadow: var(--shadow-sm);
}
.nbgd-contact-form .wpcf7-form p { margin: 0 0 16px; }
.nbgd-contact-form label,
.nbgd-contact-form .wpcf7-form > p {
	font-weight: 600;
	color: var(--ink-2);
	font-size: 0.92rem;
}
.nbgd-contact-form input[type="text"],
.nbgd-contact-form input[type="email"],
.nbgd-contact-form input[type="tel"],
.nbgd-contact-form textarea {
	width: 100%;
	margin-top: 6px;
	padding: 12px 14px;
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	font: inherit;
	background: #fff;
	box-sizing: border-box;
}
.nbgd-contact-form textarea { min-height: 120px; resize: vertical; }
.nbgd-contact-form input[type="submit"],
.nbgd-contact-form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	border: none;
	border-radius: var(--r-pill);
	background: var(--sky-600);
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	transition: background 0.2s ease;
}
.nbgd-contact-form input[type="submit"]:hover,
.nbgd-contact-form .wpcf7-submit:hover {
	background: var(--navy);
}

@media (max-width: 900px) {
	.nbgd-faq-layout,
	.nbgd-contact-layout {
		grid-template-columns: 1fr;
	}
	.nbgd-faq-visual {
		position: relative;
		top: auto;
	}
	.nbgd-faq-visual img { height: 280px; }
	.nbgd-faq-item__a { padding-left: 18px; }
	.nbgd-contact-cards { grid-template-columns: 1fr; }
	.nbgd-page-hero { min-height: 280px; }
	.nbgd-page-hero__inner { padding: 56px 20px 36px; }
}

/* Sale badge + trang khuyến mãi */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	background: var(--accent) !important;
	color: #fff !important;
	font-weight: 800;
	min-height: 2.4em;
	line-height: 2.4em;
	border-radius: var(--r-pill);
	padding: 0 10px;
}

/* Hết hàng — cùng style pill như Giảm giá!, góc phải dưới ảnh */
.woocommerce ul.products li.product .ast-shop-product-out-of-stock,
.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock,
.nbgd-home ul.products li.product .ast-shop-product-out-of-stock {
	position: absolute !important;
	top: auto !important;
	left: auto !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 3;
	display: inline-block;
	width: auto !important;
	max-width: calc(100% - 20px);
	margin: 0 -.5em -.5em 0 !important;
	padding: 0 10px !important;
	min-height: 2.4em;
	line-height: 2.4em;
	border-radius: var(--r-pill);
	background: var(--accent) !important;
	color: #fff !important;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	text-align: center;
	box-shadow: none;
	pointer-events: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock {
	background: var(--accent) !important;
	color: #fff !important;
}
.woocommerce ul.products li.product .price del {
	opacity: 0.55;
	font-size: 0.85em;
	margin-right: 6px;
}
.woocommerce ul.products li.product .price ins {
	text-decoration: none;
	color: var(--accent);
	font-weight: 800;
}
.nbgd-promo-empty {
	text-align: center;
	padding: 48px 24px;
	background: rgba(255,255,255,.92);
	border-radius: var(--r-lg);
	border: 1px solid var(--line);
}
.nbgd-promo-empty p { margin: 0 0 20px; color: var(--ink-2); }
.nbgd-faq-visual__card a { display: block; }
.nbgd-footer__info a { color: var(--navy); font-weight: 700; text-decoration: none; }
.nbgd-footer__info a:hover { color: var(--sky-700); }