/* Trang Thành viên: căn lại lưới, các mốc đổi quà và biểu mẫu. */
.nauda-page.nauda-membership-page .wrap {
	padding-inline: clamp(1.25rem, 3.5vw, 2.25rem);
}

.nauda-page.nauda-membership-page .ba > .col {
	border: 0;
}

.nauda-page.nauda-membership-page .ba > .col > .col-inner {
	height: 100%;
	padding: clamp(1rem, 1.8vw, 1.5rem);
	border: 1px solid rgba(240, 231, 212, .2);
	background: #342e28;
}

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

.nauda-page.nauda-membership-page .ba .member-reward-label {
	margin: 1.125rem 0 .5rem;
	padding-bottom: 0 !important;
}

.nauda-page.nauda-membership-page .ba h3 {
	color: var(--kem-nhat);
}

.nauda-page.nauda-membership-page .ba p:not(.member-reward-label) {
	color: #D9CEBA;
	line-height: 1.6;
	padding-bottom: 0 !important;
}

.nauda-page.nauda-membership-page .bac > .col > .col-inner {
    height: 100%;
    padding: 1rem;
    border-top: 2px solid var(--do);
    background: #F7F1E3;
}

.nauda-page.nauda-membership-page .toi .wpcf7 {
	max-width: 52rem;
	margin-top: 1.75rem;
}

.nauda-page.nauda-membership-page .toi .wpcf7 label {
	display: block;
	margin-bottom: .45rem;
	color: var(--kem);
	font-size: var(--text-sm);
	font-weight: 600;
}

.nauda-page.nauda-membership-page .toi .wpcf7 input[type='text'],
.nauda-page.nauda-membership-page .toi .wpcf7 input[type='tel'],
.nauda-page.nauda-membership-page .toi .wpcf7 textarea {
	width: 100%;
	margin: 0;
	padding: .75rem .875rem;
	border: 1px solid rgba(240, 231, 212, .4);
	border-radius: 2px;
	background: var(--kem-nhat);
	color: var(--than);
	font: inherit;
}

.nauda-page.nauda-membership-page .toi .wpcf7 input:focus,
.nauda-page.nauda-membership-page .toi .wpcf7 textarea:focus {
	outline: 2px solid var(--vang);
	outline-offset: 2px;
}

.nauda-page.nauda-membership-page .toi .wpcf7 textarea {
	min-height: 7rem;
	resize: vertical;
}

.nauda-page.nauda-membership-page .toi .wpcf7 .wpcf7-submit {
	min-height: 2.875rem;
	margin: .5rem 0 0;
	padding: .75rem 1.5rem;
	border-radius: 2px;
	background: var(--do);
	color: #fff;
	font-family: var(--font-body);
	font-size: var(--text-sm);
}

.nauda-page.nauda-membership-page .toi .wpcf7 .wpcf7-submit:hover {
	background: #87391f;
}