html {
	--theme-flex-menu-button-width: 40px;
}

.itemContentWrapper {
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	min-height: 113px;
}

.figma-fooditem {
	box-sizing: border-box;
	padding: 0px 10px 0px 5px;
	background: #f8f9fc;
	border: 1px solid #F3F3F3;
	border-radius: 8px;
}

.figma-rectangle {
	border-radius: 8px;
}

.figma-fooditem-header {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: black;
}

.figma-line-3 {
	border: 1px solid #D7D7D7;
	width: 100%;
	height: 0px;
}

.figma-add-to-cart-button {
	border: 2px solid var(--theme-primary-color);
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.12));
	border-radius: 24px;
	box-sizing: unset;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	color: var(--theme-primary-color);
	background-color: transparent;
}

.item:HOVER {
	border: 1px solid var(--theme-primary-color);
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.itemButton {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	cursor: pointer;
}

.itemImage {
	overflow: hidden;
	margin-right: 0em;
	cursor: pointer;
	background-position: center;
	/*background-repeat: no-repeat;*/
	background-size: cover;
	width: 120px;
	height: 137px;
}

.itemImage .imageSize {
	height: 100%;
}

.textVerticalLayout {
	padding: 0;
    padding-top: 5px;
    padding-left: 8px;
}

.imageVerticalLayout {
    padding-top: 12px;
    margin-bottom: 12px;
}

.itemImageDialog {
	overflow: hidden;
	max-height: 35vh;
	width: auto;
	display: flex;
	margin: 0px auto 1rem auto;
	max-width: 420px;
}

@media screen and (max-width: 450px) {
	.itemImageDialog {
		max-width: 100% !important;
	}
	.banner-img {
		border-radius: 5px !important;
	}
}

.storeReviewImage {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-right: 0em;
	width: 100%;
	height: auto;
}

.itemImageDialog .imageSize {
	height: 100%;
}

.itemContentSection {
	padding: 10px 10px 0px 10px;
	cursor: pointer;
}

.itemTopSection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
}

.itemName {
	text-align: left;
	white-space: pre-line;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	padding-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.styleRight {
	
}

.styleDefault {
	/* font-family: 'DD-TTNorms', -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
		'Helvetica Neue', Helvetica, Arial, sans-serif; */
	font-family: DD-TTNorms, -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol";
}

.itemPrice {
	cursor: pointer;
	padding-top: 5px;
}

.styleSpacingRoot {
	/* letter-spacing: 0.015625em; */
}

.styleSemiBold {
	font-weight: 500;
}

.styleBold {
	font-weight: bold;
}

.itemDescription {
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	cursor: pointer;
}

.items {
	width: calc(100% - 80px);
	display: inline-flex;
	flex-flow: row wrap;
	margin-top: 10px;
	column-gap: 22px;
	row-gap: 22px;
	padding: 0 40px;
	padding-bottom: 30px;
}

.item {
	width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	position: relative;
	/* min-width: 320px; */
	float: left;
	cursor: pointer;
	/* margin: 16px 16px 0 0; */
	cursor: pointer;
	margin: 5px !important;
}

@media screen and (min-width: 800px) {
	.item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.navOpen .item {
		width: 100%;
	}
	.siiopa.app.shoppingCartIsExpanded .item {
		width: 100%;
	}
	.siiopa.app.shoppingCartIsExpanded.navOpen .item {
		width: 100%;
	}
	.custom-text-field {
		max-width: 250px;
	}
}

@media screen and (min-width: 1000px) {
	.item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded.navOpen .item {
		width: 100%;
	}
}

@media screen and (min-width: 1112px) {
	.siiopa.app.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded.navOpen .item {
		width: 100%;
	}
}

@media screen and (min-width: 1200px) {
	.siiopa.app.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
}

@media screen and (min-width: 1320px) {
	.siiopa.app.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
}

@media screen and (min-width: 1400px) {
	.siiopa.app.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
	.siiopa.app.shoppingCartIsExpanded.navOpen .item {
		width: calc(100%/ 2 - (var(--theme-flex-menu-button-width)) * 0.666666666666667);
	}
}

.pizaImageItem {
	text-align: center;
}

.notice-glasspane {
	background-color: rgba(255, 255, 255, .4) !important;
	cursor: auto !important;
}

.cursor-normal {
	cursor: auto !important;
}

.notice-board {
	background-color: #FAE4E6;
	border-radius: 5px;
	padding: 10px;
	margin: 5px;
	color: #A5646A;
}

.promo-offer {
	margin: 5px 0px 10px 0px !important;
	position: relative;
	border: 1px solid #ebebeb;
	border-left: none;
	border-right: none;
	display: block;
	color: black;
	padding: 0 30px;
	background-color: #fafafa;
}

.round-box {
	border-radius: 5px;
}

.promo-row {
	display: flex;
	flex-wrap: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;
}

.promo-content {
	padding-top: 6px;
}

.promo-icon {
	padding: 0px 10px;
	min-width: 20px;
}

.promo {
	font-weight: bold;
}

.promo-code {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.promo-description {
	padding: 5px;
}

.promo-tooltip {
	position: relative;
	display: inline-block;
}

.promo-tooltip .promo-tooltiptext {
	visibility: hidden;
	min-width: 140px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 100;
	top: 150%;
	font-weight: normal;
	left: 30%;
	margin-left: -60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.promo-tooltip .promo-tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}

.promo-tooltip:hover .promo-tooltiptext {
	visibility: visible;
}

.store-banner {
	max-width: 100%;
}

.banner-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-right: 0em;
	width: 100%;
	cursor: pointer;
	height: 220px;
	text-align: center;
}

.logo-layout {
	padding: 10px;
	width: 7em;
	cursor: pointer;
}

.banner-logo {
	width: 6em;
	height: 6em;
	cursor: pointer;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
	border-radius: 50%;
	overflow: hidden;
	object-fit: contain;
	background: #D9D9D9;
	border: 3px solid #FFFFFF;
}

.order-section {
	/*margin:auto;*/
	/*max-width: 1020px;*/
	/* width: 77vw; */
	
}

.disable-item {
	color: var(- -lumo-disabled-text-color) !important;
	-webkit-text-fill-color: var(- -lumo-disabled-text-color) !important;
	cursor: auto;
}

.disable-item:HOVER {
	border: 1px solid #cccccc !important;
}

.v-disable {
	color: var(- -lumo-disabled-text-color) !important;
	-webkit-text-fill-color: var(- -lumo-disabled-text-color) !important;
	cursor: auto;
}

.borderless-normal {
	padding: 0;
}

.cart-button-div {
	display: flex;
}

.empty-div {
	flex-grow: 1;
}

@media ( max-width :900px) and (max-width:900px) {
	/* expaded */
	.padding_right_300 .item {
		min-width: 420px !important;
	}
}
@media ( max-width :1100px) and (max-width:1100px) {
	/* expaded */
	.padding_right_300 .item {
		width: 100%;
		min-width: 100%;
	}
}