:root {
	--font-body: "Lora", serif;
	--font-heading: "Lora", serif;
	--font-display: "Lora", serif;
}

html,
body,
button,
input,
select,
textarea {
	font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
}

nav,
button,
.brxe-button,
.header__nav-link,
.footer__nav-link {
	font-family: var(--font-display);
}

/* Header/footer dùng chung với trạng thái đang hiển thị trên trang chủ. */
.header__logo-main, .footer__logo {
	aspect-ratio: 1 / 1;
	border-radius: 0;
	overflow: hidden;
}

.footer__logo {
	width: 15rem;
}

.header__logo-main img,
.footer__logo img {
	height: 100%;
	object-fit: cover;
	object-position: center 51%;
	width: 100%;
}

.brxe-container { justify-content:center!important; }

.home-products__grid { max-width:1400px; }

.header__nav-menu .menu-item > a,
.header__contact-logo-wrap .header__nav-link,
.header__nav-menu-mob .menu-item > a,
.footer__nav-menu .menu-item > a {
	align-items: center;
	display: inline-flex;
	gap: 0.5rem;
}

.header__nav-menu .menu-item > a::before,
.header__contact-logo-wrap .header__nav-link::before,
.header__nav-menu-mob .menu-item > a::before,
.footer__nav-menu .menu-item > a::before {
	background-color: var(--clr-primary);
	content: "";
	flex: 0 0 1.25rem;
	height: 1.25rem;
	-webkit-mask: url("/images/menu-noodle-icon.svg") center / contain no-repeat;
	mask: url("/images/menu-noodle-icon.svg") center / contain no-repeat;
	width: 1.25rem;
}