/* Inline styles of legacy view component/2/optional-extas-list-2025.cshtml, copied verbatim. */
.extras-list > .container
{
	overflow: visible;
	position: relative;
	padding: 0px;
	width: calc(100% - 40px);
	max-width: 1360px;
}

.extras-list > .container > ul
{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	gap:20px;
	margin:0px;
	padding:0px;
	list-style:none;
}

.extras-list > .container > ul > li
{
	position:relative;
	padding: 20px 20px 60px 20px;
	width:calc((100% - 20px * 3) / 4);
	line-height: 150%;
	font-size: 13px;
	text-align:center;
	box-sizing: border-box;
	box-shadow: #00000026 0px 0px 5px;
	border-radius: 20px;
}

.extras-list > .container > ul > li > h3
{
	margin:0px 0px 0px 0px;
	padding:0px;
	line-height: 115%;
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 600;
}

.extras-list > .container > ul > li > img
{
	object-fit:contain;
}

.extras-list > .container > ul > li ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.extras-list > .container > ul > li ul > li::before
{
	display:inline;
	content:'\2022 ';
}

.extras-list > .container > ul > li .price
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	line-height: 130%;
	font-size: 16px;
	color: #000000E5;
}

@media screen and (min-width:1024px) and (max-width:1399.98px)
{
	.extras-list > .container > ul > li
	{
		width:calc((100% - 20px * 2) / 3);
	}
}

@media screen and (min-width:768px) and (max-width:1023.98px)
{
	.extras-list > .container > ul > li
	{
		width:calc((100% - 20px) / 2);
	}
}

@media screen and (max-width:767.98px)
{
	.extras-list > .container > ul > li
	{
		width:100%;
	}	
}