/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 02 2026 | 06:16:32 */
.menu-sidebar{
	overflow-y: scroll;
	height: 100vh;
}

.menu-sidebar::-webkit-scrollbar{
  display: none;
}

.menu-items{
	display: flex;
	gap: 40px 2.5%;
	flex-wrap: wrap;
	color: #FFF;
}

.menu-item{
	width: 18%;
}

@media(max-width:960px){
	
	.menu-items{
		gap: 30px 4%;
	}

	.menu-item{
		width: 22%;
	}
}

@media(max-width:768px){
	
	.menu-items{
		gap: 30px 5%;
	}

	.menu-item{
		width: 30%;
	}
}

@media(max-width:480px){
	
	.menu-items{
		gap: 20px 6%;
	}

	.menu-item{
		width: 47%;
	}
}

.menu-item-body{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.menu-item-image{
	margin: 0 0 5px;
}

.menu-item-image img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
}

.menu-item-name{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

.menu-item-price{
	margin: 0;
	font-size: 13px;
}

.menu-item-price .tax{
	color: #999;
}

.menu-item-notes{
	margin: 0;
	line-height: 1.25;
	font-size: 12px;
	color: #CCC;
}