/* Trang Sản phẩm: dùng hàng, cột và nội dung chỉnh sửa được trong UX Builder. */
.nauda-page .nauda-products-section {
	background: var(--kem);
	color: var(--than);
}

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

.nauda-page .nauda-products-section h2,
.nauda-page .nauda-products-section h3 {
	margin-bottom: .75rem;
}

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

.nauda-page .nauda-products-heading {
	margin-bottom: 2rem;
}

.nauda-page .nauda-products-heading .gian {
	margin-bottom: .75rem;
}

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

.nauda-page .nauda-products-card > .col-inner {
	display: flex;
	flex-direction: column;
	padding: clamp(1.25rem, 2.4vw, 2rem);
	border: 1px solid var(--vien);
	background: var(--kem-nhat);
}

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

.nauda-page .nauda-products-card .img {
	margin-bottom: 1.25rem;
}

.nauda-page .nauda-products-card-title .nhan {
	margin-bottom: .5rem;
	font-size: .6875rem;
	letter-spacing: .09em;
}

.nauda-page .nauda-products-card-title h3 {
	min-height: 2.5em;
}

.nauda-page .nauda-products-specs {
	flex: 1;
}

.nauda-page .nauda-products-specs dl {
	display: grid;
	grid-template-columns: 6rem minmax(0, 1fr);
	gap: .625rem 1rem;
	margin: 0;
	font-size: var(--text-sm);
}

.nauda-page .nauda-products-specs dt {
	color:#dcc5ae;
	font-size: .6875rem;
	line-height: 2;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.nauda-page .nauda-products-specs dd {
	margin: 0;
	font-weight: 500;
	text-transform: none;
}

.nauda-page .nauda-products-tagline {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid var(--vien);
	color: var(--do);
	font-size: var(--text-sm);
	font-weight: 700;
}

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

.nauda-page .nauda-products-criteria-heading {
	margin-bottom: 1.5rem;
}

.nauda-page .nauda-products-criteria > .col + .col {
	border-left: 1px solid var(--vien);
}

.nauda-page .nauda-products-criteria h3 {
	font-size: 1.25rem;
}

.nauda-page .nauda-products-criteria p {
	color: var(--phu);
	font-size: var(--text-sm);
}

.nauda-page .nauda-products-roast {
	position: relative;
	margin-top: 3rem;
	padding-top: 3rem;
}

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

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

.nauda-page .nauda-products-menu-title {
	margin-top: 1.75rem;
	padding-bottom: .5rem;
	border-bottom: 2px solid var(--do);
}

.nauda-page .nauda-products-menu-title:first-child {
	margin-top: 0;
}

.nauda-page .nauda-products-menu-title h3 {
	margin: 0;
}

.nauda-page .nauda-products-menu-item {
	align-items: baseline;
	padding-block: .75rem;
	border-bottom: 1px solid var(--vien);
	font-size: var(--text-sm);
}

.nauda-page .nauda-products-menu-item > .col {
	padding-inline: 0;
}

.nauda-page .nauda-products-menu-item > .nauda-products-menu-name {
	padding-right: 1rem;
}

.nauda-page .nauda-products-menu-price {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.nauda-page .nauda-products-menu-photo {
	margin-top: 1.75rem;
}

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

/* Hover menu: dịch tên món bằng transform để không tính lại bố cục hàng. */
.nauda-products-menu-item {
	transition: background-color .3s ease;
}

.nauda-products-menu-item .nauda-products-menu-name > .col-inner {
	transition: transform .3s ease;
}