/**
 * MEERASE layout fixes — white content areas, valid document structure
 */

html {
	scrollbar-gutter: stable;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

#content {
	background-color: #fff;
	float: left;
	width: 100%;
}

#content > div[id],
#content .py-5,
#expert_guidance,
#hot_products,
#hair_care_section,
#proven-skincare,
#skin_products,
section.dds,
.consult-section,
.custom-icon-section {
	background-color: #fff;
}

#treatment-plans,
#baby_care_section {
	background-color: #faf6ff !important;
}

section.dds {
	padding: 8px 0 24px;
}

.consult-section {
	background-color: #fff !important;
}

/* Do not let legacy theme footer rule override MEERASE footer */
footer.meerase-footer {
	background: linear-gradient(180deg, #12121a 0%, #181820 100%) !important;
}