/* Trang Giá trị theo đuổi: bố cục dùng hàng và cột của UX Builder. */
.nauda-page .nauda-values-section {
	--do: #A44629;
	background: var(--kem);
	color: var(--than);
}

.nauda-page .nauda-values-section .row > .col {
	padding-bottom: 0;
}

.nauda-page .nauda-values-section h2 {
	margin-bottom: 1rem;
}

.nauda-page .nauda-values-section h3 {
	margin-bottom: .625rem;
}

.nauda-page .nauda-values-section p:last-child {
	margin-bottom: 0;
}

.nauda-page .nauda-values-heading {
	margin-bottom: 2.25rem;
}

.nauda-page .nauda-values-section .gian {
	max-width: 40rem;
	margin-bottom: 1rem;
}

.nauda-page .nauda-values-section .gian::after {
	flex: 1;
	min-width: 2rem;
	height: 1px;
	background: var(--vien);
	content: '';
}

.nauda-page .nauda-values-cards > .col {
	display: flex;
}

.nauda-page .nauda-values-card + .nauda-values-card {
	border-left: 1px solid var(--vien);
}

.nauda-page .nauda-values-card > .col-inner {
	display: flex;
	flex-direction: column;
}

.nauda-page .nauda-values-image {
	margin-bottom: 1.25rem;
}

.nauda-page .nauda-values-image img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.nauda-page .nauda-values-copy {
	flex: 1;
	margin-bottom: 1rem;
}

.nauda-page .nauda-values-copy p,
.nauda-page .nauda-values-metric p,
.nauda-page .nauda-values-terms p {
	color: var(--phu);
	font-size: var(--text-sm);
}

.nauda-page .nauda-values-boundary {
	min-height: 5rem;
	padding-top: .75rem;
	border-top: 1px solid var(--vien);
	color: var(--phu);
	font-size: var(--text-xs);
}

.nauda-page .nauda-values-boundary .nhan {
	margin-bottom: .375rem;
	font-size: .6875rem;
	letter-spacing: .08em;
}

.nauda-page .nauda-values-filter {
	position: relative;
	margin-top: 3rem;
	padding-top: 3rem;
}

.nauda-page .nauda-values-filter::before {
	position: absolute;
	inset: 0 15px auto;
	border-top: 1px solid var(--vien);
	content: '';
}

.nauda-page .nauda-values-filter .tay {
	max-width: 20ch;
}

.nauda-page .nauda-values-proof {
	align-items: flex-start;
}

.nauda-page .nauda-values-metrics > .col-inner > .row {
	width: 100%;
	margin-inline: 0;
}

.nauda-page .nauda-values-metric {
	padding-block: 1.5rem;
	border-top: 1px solid var(--vien);
}

.nauda-page .nauda-values-metric > .col:first-child {
	padding-left: 0;
}

.nauda-page .nauda-values-metric > .col:last-child {
	padding-right: 0;
}

.nauda-page .nauda-values-metric-label p {
	color: var(--do);
	font-family: var(--font-display);
	font-size: var(--text-body);
}

.nauda-page .nauda-values-portrait img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

.nauda-page .nauda-values-caption {
	margin-top: .5rem;
	color: var(--phu);
	font-size: var(--text-xs);
}

.nauda-page .nauda-values-action {
	margin-top: 2rem;
}

.nauda-page .nauda-values-button {
	margin: 0;
	padding: .875rem 1.5rem;
	border-radius: 0;
	background: var(--do);
	color: var(--kem-nhat);
	font-family: var(--font-body);
	font-size: var(--text-xs);
	line-height: 1.5;
	letter-spacing: .06em;
}

.nauda-page .nauda-values-button:focus-visible {
	outline: 2px solid var(--than);
	outline-offset: 3px;
}

.nauda-page .nauda-values-section.toi {
	background: var(--nau);
	color: var(--kem);
}

.nauda-page .nauda-values-terms {
	row-gap: 1.5rem;
}

.nauda-page .nauda-values-closing {
	margin-top: 2rem;
}