.menu-page {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.menu-page [hidden] {
	display: none !important;
}

.menu-page::before,
.menu-page::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset-inline: -8%;
	pointer-events: none;
	background-image: var(--menu-rose);
	background-repeat: repeat-y;
}

.menu-page::before {
	inset-block: 2% 0;
	background-position: 12% 2%;
	background-size: clamp(280px, 38vw, 590px) auto;
	opacity: .055;
}

.menu-page::after {
	inset-block: 20% 0;
	background-position: 88% 8%;
	background-size: clamp(240px, 32vw, 500px) auto;
	opacity: .035;
}

@media (max-width: 600px) {
	.menu-page::before {
		background-position: -80px 3%;
		background-size: 320px auto;
		opacity: .045;
	}

	.menu-page::after {
		background-position: calc(100% + 90px) 12%;
		background-size: 280px auto;
		opacity: .03;
	}
}