.large-menu-img .itemsList .itemGrid .picture {
	padding-bottom: 100%;
}

:root {
	--main-color: #ffb500;
	--highlighted-color: #ffb500;

	--lvl1-main-color: #ffb500;
	--lvl1-highlighted-color: #ffb500;

	--lvl2-main-color: #ffb20d;
	--lvl2-highlighted-color: #ffb20d;

	--lvl3-main-color: #b90845;
	--lvl3-highlighted-color: #b90845;

	--lvl4-main-color: #36b0c9;
	--lvl4-highlighted-color: #36b0c9;
}

html:has(.loyaltylvl1) {
	--main-color: var(--lvl1-main-color);
	--highlighted-color: var(--lvl1-highlighted-color);
}

html:has(.loyaltylvl2) {
	--main-color: var(--lvl2-main-color);
	--highlighted-color: var(--lvl2-highlighted-color);
}

.is-navOpen .cb-wrapper,
.is-navOpen .footermenu {
	display: none !important;
}

html:has(.loyaltylvl3) {
	--main-color: var(--lvl3-main-color);
	--highlighted-color: var(--lvl3-highlighted-color);
}

html:has(.loyaltylvl4) {
	--main-color: var(--lvl4-main-color);
	--highlighted-color: var(--lvl4-highlighted-color);
}

:root {
	--tracking-color: var(--main-color);
}

body.scanqrcode {
	background-color: transparent !important;
}

@keyframes filler {
	0% {
		width: 0% !important;
	}

	100% {
		width: [data-p] !important;
	}
}

.lvl-two {
	--main-color: var(--lvl2-main-color);
	--highlighted-color: var(--lvl2-highlighted-color);
}

.lvl-three {
	--main-color: var(--lvl3-main-color);
	--highlighted-color: var(--lvl3-highlighted-color);
}

.lvl-four {
	--main-color: var(--lvl4-main-color);
	--highlighted-color: var(--lvl4-highlighted-color);
}

.scantopayinstore .content,
.scanqrcode .content {
	background-color: transparent;
}

body.checkoutID .MenuParts .parts .bot {
	background: #000 !important;
}

body.checkoutID .MenuParts .parts .bot .accname {
	display: block;
	margin-top: 3px;
}

.flmenubtn {
	display: none !important;
}

.accname {
	transition: all 0.2s;
}

body.myAccountPid .accname,
body.orderdetails .accname,
body.offers .accname,
body.challenges .accname {
	display: block;
	/* top: 37px; */
}

body.scanqrcode #wrapper,
body.scannerenabled #wrapper {
	background: transparent;
}

body.scanqrcode {
	background-color: transparent;
}

@media (max-width: 768px) {
	.landingfixedlayout body.homePid[act-as="landing-page"].fixSearch:before {
		background: #ccc;
		backdrop-filter: blur(30px);
	}

	#wrapper {
		padding-top: 69px;
	}

	.homePid #wrapper {
		padding-top: 0px;
	}

	.fnb .categoryPid div#wrapper:has(.top-categories) {
		padding-top: 69px;
	}

	.homeFilter .filter {
		display: none !important;
	}

	.homeFilter {
		background-color: transparent;
		height: 0;
	}

	.receiptPid #wrapper {
		background: #f3f3f3;
	}

	.MenuParts {
		height: 62px;
	}

	body.homePid[act-as="home-page"] #wrapper {
		padding-top: 122px;
	}
	.cordova body.homePid[act-as="home-page"] #wrapper {
		padding-top: 120px;
	}

	.MenuParts .parts {
		min-height: 62px;
	}

	.MenuParts .parts .bot {
		height: 71px;
	}

	.cordova .user-branches-opened {
		background: 439px !important;
	}

	.show-footer-menu main {
		padding-bottom: 80px !important;
	}

	.show-footer-menu body.scanqrcode main {
		padding-bottom: 0px !important;
	}

	main.content.orderdetailsp .case > div {
		animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running fadeInUp2;
	}

	main.content.orderdetailsp .case > div {
		animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running fadeInUp2;
	}

	.orderdetails .content {
		background: #fff;
		padding-bottom: 0px !important;
	}

	.show-footer-menu .loyalty-w {
		padding-bottom: 99px !important;
	}
}

/* #region Header */
.accname img {
	height: 41px;
	/* margin-top: 7px; */
}

.header-loyalty-value {
	background-color: transparent !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: auto;
	min-width: auto;
	margin-right: 0;
	right: 68px;
}

.header-loyalty-value::before {
	content: none;
}

.header-loyalty-value span {
	position: relative;
	bottom: auto;
	left: auto;
	font-size: 17px;
	width: auto;
	margin-left: 6px;
	margin-top: 2px;
}

.header-loyalty-value .loyalty-icon {
	margin-top: 0;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-size: 14px;
}

.header-loyalty-value .loyalty-icon::before {
	content: "\f005";
}

.MenuParts .bag {
	background-color: transparent;
	padding-right: 0;
}

.receiptPid .bag {
	display: none;
}

.MenuParts .bag::before {
	content: "\f290" !important;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-size: 18px !important;
	color: #fff;
	top: 0;
	margin-right: 5px;
	width: auto;
}

.MenuParts .nbHolding {
	background-color: var(--highlighted-color);
	margin-left: -3px;
	margin-right: -1px;
	zoom: 0.9;
}

.MenuParts .nbHolding span {
	color: #000;
	line-height: 26px;
}

.MenuParts .nbHolding span {
	color: #fff;
}

/* #endregion */

/* #region Menu */
.menuhead::after {
	content: none;
}

.mobileMenuWrap .socials .social.zmdi {
	/* color: #fff; */
	/* font-weight: 400; */
	/* font-family: "Font Awesome 6 Brands"; */
	/* -webkit-font-smoothing: antialiased; */
	/* display: var(--fa-display, inline-block); */
	/* font-style: normal; */
	/* font-variant: normal; */
	/* line-height: 1; */
	/* text-rendering: auto; */
	/* font-size: 21px; */
	zoom: 0.8;
	margin-top: 22px;
}

.mobileMenuWrap:has(.usermenu.show) .userainfo {
	filter: invert();
	transition: all 0.4s;
}

.mobileMenuWrap .userainfo::after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	content: "\f0de";
	color: rgba(255, 255, 255, 0.89);
	top: 30px;
}

.yellow-menubar {
	color: #ffb200;
	font-size: 22px;
	padding-left: 25px;
	margin-bottom: 1px;
	font-family: "titlefont";
	width: 100%;
}

.white-menubar {
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	padding-left: 25px;
	margin-bottom: -13px;
	font-family: "textfont";
	width: 100%;
}

div#white-menubar .menubar-item {
	margin-bottom: 7px;
}

.white-menubar .menubar-item ~ .menubar-item {
	margin-top: 2px;
}

.mobileMenuWrap .scan-action {
	border: 1px solid #707070;
	margin: 0 25px;
	padding: 17px;
	border-radius: 7px;
	width: 100%;
	max-width: 211px;
	color: rgba(255, 255, 255, 0.73);
	font-size: 15px;
	line-height: 15px;
	display: flex;
	padding-bottom: 8px;
	height: 43px;
	margin-bottom: 22px;
}

.mobileMenuWrap .scan-action-icon {
	margin-right: 13px;
}

.mobileMenuWrap .scan-action-icon svg {
	width: 30px;
	height: auto;
}

.mobileMenuWrap .scan-action .highlighted {
	font-weight: bold;
}

.mobileMenuWrap .lineLink .text {
	font-size: 15px;
	/* line-height: 24px; */
	/* height: auto; */
	letter-spacing: 0.5px;
}

.mobileMenuWrap .menulogo {
	margin-bottom: 48px;
	/* margin-bottom: 31px; */
	/* height: 29px; */
	margin-top: 47px;
}

.mobileMenuWrap .menulogo .logo img {
	max-width: 231px;
	/* max-height: 40px; */
}

/* #endregion */

/* #region Footer Menu */
.show-footer-menu .footermenu {
	background-color: rgb(255 255 255 / 71%);
	display: flex;
	align-items: center;
	padding: 0 24px;
	width: calc(100% - 48px);
	height: 99px;
	border: 0 none;
	animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running fadeInUp2;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	justify-content: space-around;
	border-top: 1px solid #eee;
}

/* body.scrolld.fixSearch .footermenu {
	bottom: -42px;
} */

body.user-branches-opened-first-level.scrolld.fixSearch .footermenu {
	bottom: 0px;
}

body.user-branches-opened.scrolld.fixSearch .footermenu {
	bottom: 0px;
}

/* .scrolld.fixSearch .footermenu .footer-menu-item .footer-menu-item-icon {
	margin-top: -8px;
} */

/* .scrolld.fixSearch .footermenu .footer-menu-item .footer-menu-item-title {
	opacity: 0;
} */

body.user-branches-opened-first-level.scrolld.fixSearch .footermenu .footer-menu-item .footer-menu-item-icon {
	margin-top: 0px;
}

body.user-branches-opened.scrolld.fixSearch .footermenu .footer-menu-item .footer-menu-item-icon {
	margin-top: 0px;
}

#wrapper .footermenu {
	display: none;
}

.orderdetails .footermenu {
	transform: translateY(118px) !important;
}

.receiptPid .footermenu {
	transform: translateY(118px) !important;
}

.footermenu {
	transition: all 0.3s linear;
}

.receiptPid .footermenu {
	display: none;
}

.footermenu .footer-menu-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-basis: calc(100% / 5);
	/* animation: .3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running fadeInUp2; */
	direction: rtl;
}

.footermenu .footer-menu-item:not([data-for="order"]) {
	animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running fadeInUp2;
}

.footermenu a.footer-menu-item {
	padding-top: 0;
}

.scrolld.fixSearch .footermenu a.footer-menu-item-icon {
	top: -3px !important;
}

.footermenu .footer-menu-item .footer-menu-item-icon {
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	/* width: 33px;
    height: 33px;
    background-image: url("../../config/images/footer-menu-rewards-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; */
	transition: all 0.2s;
	zoom: 1.3;
}

.footermenu .footer-menu-item .footer-menu-item-icon path {
	fill: #fff;
	stroke: black; /* outline color */
	stroke-width: 1px; /* thickness */
}

.titleAndLegend .title {
	color: var(--main-color);
}

.footermenu .footer-menu-item .footer-menu-item-icon svg {
	max-width: 100%;
	/* max-height: calc(100% - 20px); */
	width: 24.5px;
	height: 26px;
}

.footermenu .footer-menu-item[data-for="challenges"] .footer-menu-item-icon {
	padding-top: 3px;
	margin-bottom: 14px;
}

.footermenu .footer-menu-item .footer-menu-item-title {
	/* color: rgba(255, 255, 255, 0.45); */
	font-size: 12px;
	transition: opacity 0.2s;
	margin-top: -10px;
}

/* #region Active */

/* #region Loyalty */
body.homePid[act-as="landing-page"]:not(.user-branches-opened) .footermenu .footer-menu-item[data-for="home"] .footer-menu-item-icon path {
	/* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
	fill: var(--main-color);
}

body.loyalty .footermenu .footer-menu-item[data-for="rewards"] .footer-menu-item-icon path {
	/* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
	fill: var(--main-color);
}

body.loyalty .footermenu .footer-menu-item[data-for="rewards"] .footer-menu-item-title {
	color: var(--main-color);
	/* opacity: 0.45; */
}

/* #endregion */

/* #region Challenges */
body.challenges .footermenu .footer-menu-item[data-for="challenges"] .footer-menu-item-icon path {
	/* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
	fill: var(--main-color);
}

body.challenges .footermenu .footer-menu-item[data-for="challenges"] .footer-menu-item-title {
	color: var(--main-color);
	/* opacity: 0.45; */
}

/* #endregion */

/* #region scan */
body.scantopayinstore .footermenu .footer-menu-item[data-for="scan"] .footer-menu-item-icon path {
	/* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
	fill: var(--main-color);
}

body.scantopayinstore .footermenu .footer-menu-item[data-for="scan"] .footer-menu-item-title {
	color: var(--main-color);
	/* opacity: 0.45; */
}

/* #endregion */

/* #region Offers */
body.offers .footermenu .footer-menu-item[data-for="offers"] .footer-menu-item-icon path {
	/* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
	fill: var(--main-color);
}

body:has(.orders.normal) .footermenu .footer-menu-item[data-for="orders"] .footer-menu-item-icon path {
	fill: var(--main-color);
}

body.offers .footermenu .footer-menu-item[data-for="offers"] .footer-menu-item-title {
	color: var(--main-color);
	/* opacity: 0.45; */
}

body.homePid[act-as="landing-page"]:not(.user-branches-opened) .footermenu .footer-menu-item[data-for="home"] .footer-menu-item-title {
	color: var(--main-color);
	/* opacity: 0.45; */
}

/* #endregion */

/* #endregion */

/* #endregion */

/* #region Home */
.header .swiper-pagination.main-swiper-pagination {
	top: calc(100vw - 110px) !important;
	padding-left: 30px;
	height: 19px;
	padding-bottom: 10px;
	width: auto;
	top: auto;
	left: -17px;
}

.fixSearch .header .swiper-pagination.main-swiper-pagination {
	opacity: 0;
}

.header .swiper-pagination.main-swiper-pagination .swiper-pagination-bullet {
	border: 1px solid #707070;
	border-radius: 5px;
	opacity: 0.49;
	margin: 0 1.5px;
	background-color: #fff;

	transition: opacity 0.5s, background-color 0.5s, width 0.5s;
	transition-delay: 0.5s, 0.5s, 0s;
}

.header .swiper-pagination.main-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
	width: 30px;
	transition-delay: 0s;
}

@media (max-width: 768px) {
	.offerslist {
		height: 110px !important;
	}

	.homePid .offerslist {
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		margin-left: 15px;
		/* margin-right: 15px; */
		margin-right: 0;
		width: calc(100% - 30px);
		padding-right: 15px;
		/* padding-top: 36px; */
	}

	.aoffer {
		width: 100%;
	}

	.subPage .catpagetop .free-cat-title {
		color: #fff;
		font-size: 20px;

		/* text-transform: uppercase; */
		padding: 10px;
		text-align: center;
	}
}

.homePid .aoffer {
	scroll-snap-align: start;
	border: 0 none;
	width: calc(100% - 91px);
}

.homePid .aoffer .title {
	color: #acacac;
	margin-top: 10px;
	line-height: 17px;
	font-weight: normal;
}

.homePid .aoffer .subject {
	background-color: var(--main-color);
	color: #fff;
	padding: 2px 12px !important;
	border-radius: 5px;
	font-size: 15px;
	line-height: 19px;
	border: 0 none;
}

.homePid .aoffer .subject.processing {
	opacity: 0.4;
	/* color:#000; */
}

.homePid .aoffer.on .subject,
.homePid .auto-apply .subject {
	background-color: #000;
	font-weight: normal;
}

.homePid .aoffer:last-child {
	margin-right: 0;
}

.homePid .categories ul {
	padding-left: 9px;
	/* padding-right: 5px; */
	width: calc(100% - 0px);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: auto;
	box-sizing: border-box;
}

.homePid .categories ul > li {
	width: calc((100% - 40px) / 3) !important;
	height: auto;
	margin-top: 14px;
	background: #fff;
}

.homePid .categories ul > li a.picture {
	background-color: transparent;
	padding-bottom: 100%;
	border-bottom: 2px solid #ffb500;
}

.homePid .categories ul > li img {
	border-radius: 11px;
	transform: none;
	top: 0;
	left: 0;
	height: 68%;
	margin-top: 23px;
}

.homePid .categories ul > li .table .cell {
	height: auto;
}

.homePid .categories .titleWrp {
	margin: 0;
	margin-top: 10px;
}

.homePid .categories ul > li a.title {
	/* color: #fff; */
	/* font-size: 21px; */
	line-height: 20px;
	padding-top: 0;
	margin: 0;
	font-family: "titlefont";
}

@media (max-width: 768px) {
	body {
		visibility: visible;
	}
	.aoffer:last-child:first-child {
		width: 100%;
	}
	.homePid .header .image {
		align-items: center;
		justify-content: center;
		width: 100vw;
	}
	.home-collection .itemsList {
		width: calc(100% - 30px) !important;
		margin-left: 15px !important;
		margin-right: 15px !important;
	}
}

.homePid .main-swiper img {
	/* border-radius: 11px; */
	width: calc(100% - 22px);
}

/* #region Collections */

/* #region Layout 1 */
.home-collection.layout1 > .title {
	color: var(--highlighted-color);
	font-size: 35px;
	line-height: 20px;
	font-family: "titlefont";
	font-weight: normal;
	padding-left: 23px;
}

@media (max-width: 768px) {
  .deskmenu .logo {
    margin-top: -4px;
  }
}

.home-collection .swiper-container .swiper-wrapper {
	background-color: transparent !important;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap {
	display: flex;
	flex-direction: column;
	padding: 0;
	padding-left: 8px;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .picture {
	width: 100%;
	height: 188px;
	background-color: transparent;
	position: relative;
	margin: 0;
	overflow: visible;
	/* padding-bottom: inherit; */
	border: 1px solid var(--highlighted-color);
	box-sizing: border-box;
	border-radius: 14px;
	overflow: hidden;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .picture:before {
	/* content: ""; */
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--highlighted-color);
	left: -8px;
	top: 8px;
	border-radius: 11px;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .picture img {
	border-radius: 11px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: auto;
	transform: none;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .d-w {
	margin-top: 30px;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .d-w .brand:empty {
	display: none;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .d-w .brand:empty + .title {
	margin-top: 0;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .d-w .title {
	/* color: #fff; */
	font-size: 17px;
	line-height: 16px;
	text-transform: uppercase;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .d-w .description {
	font-size: 14px;
	line-height: 19px;
	min-height: auto;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .priceWrap .wrap .genBtn.quickadd {
	background-color: var(--main-color);
	/* font-size: 18px; */
	line-height: 31px;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .priceWrap .wrap .genBtn.customize {
	background-color: #171717;
	color: var(--main-color);
	/* font-size: 18px; */
	line-height: 19px;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .priceWrap .wrap .price {
	color: #fff;

	font-size: 12px;
	line-height: 16px;
	display: flex;
	align-items: center;
	padding-right: 0px;
}

.home-collection .swiper-container .swiper-wrapper .itemGrid .heart {
	top: 351px;
	bottom: auto;
}

/* #endregion */

/* #endregion */

/* #endregion */

/* #region Products */
.categoryPid .top-categories {
	display: block;
	background-color: #000;
	height: 32px;
	top: 69px !important;
	box-shadow: none;
	padding-left: 15px;
}

.categoryPid .top-categories .link {
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}

.categoryPid .top-categories .link li {
	padding-right: 20px;
	scroll-snap-align: start;
}

.categoryPid .top-categories .link li a {
	color: #fff;
	font-size: 17px;
	line-height: 20px;
	font-family: "titlefont";
}

.categoryPid .top-categories .link li.selected a,
.categoryPid .top-categories .link li.is-current a {
	border-bottom: 4px solid var(--highlighted-color);
}

.categoryPid .content {
	padding-top: 50px;
}

.itemGrid {
	background-color: transparent !important;
}

.itemGrid .descBlock .wrap .d-w .title {
	color: #000;
	font-size: 17px;
	line-height: 16px;
	text-transform: uppercase;
}

.itemGrid .descBlock .wrap .d-w .description {
	font-size: 14px;
	line-height: 19px;
	min-height: auto;
	margin-top: 12px;
	/* padding-right: 115px; */
	/* color: #999; */
}

html:not(.large-menu-img) .categoryPid .itemGrid .descBlock .wrap .d-w .description {
	padding-right: 120px;
}

.itemGrid .priceWrap .wrap .genBtn.quickadd {
	background-color: var(--main-color);
	/* font-size: 18px; */
	line-height: 33px;
}

.itemGrid .priceWrap .wrap .genBtn.customize {
	background-color: #171717;
	color: var(--main-color);
	/* font-size: 18px; */
	line-height: 19px;
}

.itemGrid .priceWrap .wrap .price {
	/* color: #fff; */
	font-size: 15px;
	line-height: 16px;
	display: flex;
	align-items: center;
	float: right;
}

.fnb .itemsList .itemGrid .heart, .rtl.fnb .itemsList .itemGrid .heart {
	bottom: 33px !important;
}

.itemGrid .heart .zmdi {
	font-family: "Font Awesome 6 Free";
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	color: #000 !important;
	width: 19px;
	height: 19px;
	font-size: 19px;
}

.itemGrid .heart .zmdi.zmdi-star::before {
	content: "\f004" !important;
	font-weight: 900;
}

.itemGrid .heart .zmdi.zmdi-star-outline::before {
	content: "\f004" !important;
	font-weight: 400;
}

.itemList .generalMainTitle {
	color: var(--highlighted-color);
}

html:not(.large-menu-img) .itemGrid .descBlock .wrap .picture {
	width: 109px;
	height: 76px;
	background-color: transparent;
	position: relative;
	margin: 0;
	overflow: visible;
}

html:not(.large-menu-img) .itemGrid .descBlock .wrap .picture:before {
	/* content: ""; */
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 3px);
	/* background-color: var(--highlighted-color); */
	left: -1px;
	top: -1px;
	border-radius: 11px;
}

html:not(.large-menu-img) .itemGrid .descBlock .wrap .picture {
	border-radius: 0px;
	margin-bottom: 4px;
	margin-left: 6px;
	margin-top: 11px;
	border: 2px solid var(--highlighted-color);
	border-radius: 12px;
	overflow: hidden;
}

.large-menu-img .categoryPid .itemGrid .descBlock .wrap .picture:before {
	display: none;
}

.large-menu-img .categoryPid .itemGrid .descBlock .wrap .picture img,
.large-menu-img .categoryPid .itemGrid .descBlock .wrap .picture {
	border-radius: 0px !important;
	margin-bottom: 17px;
	width: calc(100% - -3px);
	border-radius: 15px !important;
	margin: auto;
	margin-bottom: 21px;
	border: 1px solid #ddd;
	overflow: hidden;
}

.itemGrid .descBlock .wrap .picture img {
	border-radius: 11px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: auto;
	transform: none;
}

.large-menu-img .itemGrid .descBlock .wrap .picture img {
	border-radius: 0px;
	/* margin-top: -70px; */
}

.enablesorting .categoryPid .catpagetop {
	padding: 0 10px;
	margin-top: 9px;
	margin-bottom: 7px;
}

.enablesorting .categoryPid .catpagetop .sorter.subempty select {
	/* background-color: rgba(255, 255, 255, 0.12); */
	/* border: 0 none; */
	/* border-radius: 7px; */
	/* color: #acacac; */
	font-size: 14px;
	padding-left: 17px;
	padding-right: 36px;
	width: auto;
}

.enablesorting .categoryPid .catpagetop .sorter .sort::after {
	/* content: ""; */
	width: 19px;
	height: 16px;
	background-image: url("../../config/images/products-listing-sorting-icon.svg");
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	margin: auto;
}

.itemGrid .product-labels-container {
	top: -10px;
	right: 10px;
	left: auto;
	justify-content: center;
	align-items: center;
}

.itemGrid .product-labels-container .product-labels {
	margin-right: 0;
	background-color: var(--highlighted-color) !important;
	font-family: "titlefont";
	color: #000;
	font-size: 15px !important;
	margin-top: 0 !important;
	line-height: normal !important;
}

@media (max-width: 768px) {
	.enablesorting .categoryPid .catpagetop .sorter.subempty {
		position: relative;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		display: inline-block;
	}
	body[act-as="landing-page"].homePid.fixSearch .MenuParts .parts .bot,
	body.cordova[act-as="landing-page"].homePid.fixSearch .MenuParts .parts .bot {
		height: 91px !important;
		opacity: 0;
		pointer-events: none;
	}
	.fnb .customizedID .cont{
		    padding-bottom: 80px;
	}
	#customizedModalID .addToFav {
	/* position: fixed; */
	/* z-index: 1; */
	/* height: 39px!important; */
	/* width: 39px !important; */
	/* border-radius: 50%; */
	/* right: 22px; */
	/* top: 114px; */
	margin-top: -160px;
}
}

/* #endregion */

/* #region Product Details */

.customizedID .head .data {
	padding-top: 27px;
	padding-bottom: 0;
	/* border-bottom: 3px solid #eee; */
	margin-bottom: 29px;
}

.customizedID .data .title {
	color: var(--main-color);
	font-size: 24px;
	text-transform: uppercase;
	text-align: left;
	margin-top: 0;
	margin-bottom: 11px;
	line-height: 32px;
	letter-spacing: -1px;
}

.customizedID .data .description {
	font-size: 15px;
	line-height: 19px;
	text-align: left;
	color: #171717;
	text-align: left !important;
}

.customizedID .data .price {
	margin-top: 20px;
	margin-bottom: 18px;
	text-align: left;
	color: #000000;
	font-size: 17px;
}
.wrapCustom .column_cust .cBox .size-guide-container .bSmallTitle {
	text-transform: none;
	font-size: 12px;
}
div#customizedModalID .formPart .input .label {
	/* color: #000000; */
	font-size: 16px;

	/* text-transform: none; */
	/* line-height: 14px; */
	/* font-weight: normal; */
	/* line-height: 20px; */
	text-transform: capitalize;
}
div#customizedModalID .check .zmdi {
	color: #707070;
}

div#customizedModalID .checked .zmdi {
	color: var(--main-color);
}

div#customizedModalID .input .zmdi:not(.zmdi-tune) {
	font-family: "Font Awesome 6 Free";
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-size: 20px;
}

div#customizedModalID .checked .zmdi {
	color: var(--main-color);
}

div#customizedModalID .input .zmdi.zmdi-dot-circle::before {
	content: "\f192";
}

div#customizedModalID .input .zmdi.zmdi-check-square::before {
	content: "\f14a";
}

div#customizedModalID .input .zmdi.zmdi-square-o::before {
	content: "\f0c8";
}

div#customizedModalID .input .zmdi.zmdi-circle-o::before {
	content: "\f111";
}

div#customizedModalID .tinyselect {
	border-color: var(--main-color);
	border-radius: 6px;
}

div#customizedModalID .tinyselect::before {
	left: auto;
	right: 6px;
	color: var(--main-color);
}

div#customizedModalID .tinyselect select {
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center;

	color: var(--main-color);
	width: calc(100% - 16px);
	text-align-last: center;
}

body.showModal.inproduct .addtobagbtn {
	margin-bottom: 34px;
	box-sizing: border-box;
	padding-bottom: 0px;
}

body.showModal.inproduct .addtobagbtn[translate="choose ordering method"],
body.showModal.inproduct .addtobagbtn[translate="login to order"] {
	width: calc(100% - 30px);
	/* text-align: center; */
	justify-content: center;
	padding-right: 0px;
}

.addtobagbtn {
	width: calc(100% - 134px);
	left: auto;
	right: 16px;
	background-color: var(--main-color);
	box-shadow: -40px 4975px 0 5000px #000;
	border-radius: 11px;
	height: 45px;
	font-family: "titlefont";
	font-size: 18px;
	justify-content: flex-end;
	padding-right: 23px;
	line-height: 19px;
	font-size: 13px;
}

@media (max-width: 768px) {
	.addtobagbtn {
		transform: translateY(260%);
	}
	.customizedID .cont {
		/* padding-top: 30px; */
		padding-top: 0px;
	}
}

.bigPrice.overbtn {
	right: auto !important;
	left: 138px;
	bottom: 49px !important;

	font-size: 15px;
	line-height: 14px;
}

#customizedModalID .atf.onimg {
	/* display: none; */

	.customizedID.modal.closeNew .share-product .zmdi {
		content: url("../../config/images/product-details-share.svg");
	}
}

.customizedID .product-labels-container {
	margin-top: 0;
	top: auto;
	bottom: 15px;
}

.customizedID .product-labels-container .product-labels {
	background-color: var(--highlighted-color) !important;
	color: #000;
	font-size: 15px;
	font-family: "titlefont";
	padding-left: 14px;
	padding-right: 14px;
	margin-right: 0;
}

.customizedID .addRemoveWrap {
	display: none;
}

@media (max-width: 768px) {
	html:not(.innerProductOpened) .manage-qty-fixed-pos.show {
		display: flex !important;
		opacity: 1;
		transform: translateY(0px);
	}
}

.manage-qty-fixed-pos {
	position: fixed;
	height: 45px;
	z-index: 9999;
	left: 19px;
	bottom: 34px;
	color: #fff;
	font-family: "textfont";
	font-weight: bold;
	font-size: 14px;
	width: 80px;
	justify-content: space-between;
	align-items: center;
	transform: translateY(100px);
	transition: all 0.5s linear 0s;
	opacity: 0;
}

.manage-qty-fixed-pos .max-qty-tooltip {
	display: none;
}

/* #endregion */

/* #region Checkout */
.reviewBox .myBagModule .itemBags .itemBag {
	box-shadow: 0px 3px 6px #00000008;
	border-radius: 10px;
}

.reviewBox .rBox .genBtn.full {
	background-color: var(--main-color);
}

body.checkoutID .footermenu,
body.orderdetails .footermenu {
	transform: translateY(174px) !important;
	opacity: 0 !important;
	pointer-events: none;
	bottom: -100px !important;
}

.reviewBox .itemBag .part .customized .textCustom {
	background-color: var(--highlighted-color);
	/* position: relative; */
	/* color: #fff; */
	/* border-radius: 5px; */
	font-family: inherit;
	bottom: auto;
	/* width: auto; */
	/* min-width: 50px; */
}

.myBagModule .itemBags .itemBag .title {
	/* font-weight: bold; */
	text-transform: uppercase;
	/* padding-top: 12px; */
}

.reviewBox .myBagModule .nb.neartitle {
	color: var(--main-color);
	font-size: 28px;
	margin-top: -5px;
}

/* #endregion */

/* #region Choose Branch */
.cb-wrapper {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	border-radius: 11px;
	box-shadow: none;
	border-bottom: 0;
	padding-bottom: 0;
	transition: transform 0.3s;
}

@media (max-width: 768px) {
	.cb-wrapper {
		left: 8px;
		transform: translateY(100vh);
		width: calc(100vw - 16px);
	}

	.cb-wrapper.show {
		top: auto !important;
		height: calc(100vh - 170px);
		transform: translateY(0);
		opacity: 1;
		left: 8px;
		width: calc(100vw - 16px);
		bottom: 108px;
		/* box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); */
	}

	.checkoutID .cb-wrapper.show {
		top: 83px;
		height: calc(100vh - 100px);
		top: 50% !important;
		transform: translateY(-50%);
	}
}

.cb-wrapper .cb-header {
	color: #000000;
	font-size: 23px;
	padding-left: 20px;
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 16px;
	font-weight: bold;
	opacity: 0 !important;
	height: 1px !important;
}

.cb-current-location .pickup-branches-filter {
	padding-left: 9px;
}

.cb-wrapper .order-methods {
	justify-content: space-between;
	padding-left: 30px;
	padding-right: 20px;
	width: 100%;
	padding-top: 14px;
	transition: all 0.3s;
	padding-bottom: 8px;
	box-sizing: border-box;
	margin-bottom: 16px;
}
.cb-wrapper .cb-map-container {
	width: calc(100% - 40px);
	margin-left: 20px;
	border-radius: 11px;
}

.cb-wrapper .cb-branches {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
	height: calc(100vh - 433px);
}

.cb-wrapper .order-methods .order-method-wrap {
	font-family: "titlefont";
	font-size: 17px;
	line-height: 44px;
	color: #000;
	/* padding-top: 9px; */
	position: relative;
	margin-left: 0;
	padding-left: 0;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
}

.cb-wrapper .order-methods .order-method-wrap:nth-child(2) {
	margin-left: -8px;
}

.cb-wrapper .order-methods .order-method-wrap.checked::before {
	content: "";
	width: 100%;
	height: 4px;
	background-color: var(--main-color);
	display: block;
	position: absolute;
	left: 0;
	bottom: -11px;
}

body.user-branches-opened-first-level:not(.user-branches-opened) .cb-wrapper .order-methods .order-method-wrap.checked::before {
	display: none;
}

.cb-wrapper .order-methods .order-method-wrap .fa-regular {
	display: none;
}

.cb-wrapper .cb-branches .cb-branches-item .cb-item-button {
	background-color: var(--main-color);
	font-family: "titlefont";
	/* font-size: 18px; */
	line-height: 41px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cb-wrapper .addresses-wrapper {
	/* background-color: #fff; */
	margin-top: 48px;
	position: relative;
	padding-bottom: 19px;
}

.addresses-wrapper:before {
	content: "Select an address";
	height: 62px;
	display: block;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	top: -46px;
}
.cb-wrapper .addresses-wrapper .addresses-list .address-item .title {
	text-transform: none;
}

.cb-wrapper .addresses-wrapper .addresses-list .address-item .fa-circle-dot {
	color: var(--main-color);
}

.cb-wrapper .addresses-wrapper .cb-header {
	display: none;
}

.cb-wrapper .addresses-wrapper .addAddress {
	/* margin-top: 15px; */
	font-family: "titlefont";
	color: var(--main-color);
	font-size: 18px;
	font-weight: normal;
}

.cb-wrapper .addresses-wrapper .start-ordering {
	background-color: var(--main-color);
	border-radius: 11px;
	height: 43px;
	font-family: "titlefont";
	font-size: 18px;
	font-weight: normal;
}

.footer-menu-item[data-for="order"]::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(../../config/images/footer-order-selected-bg.png);
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	/* top: -67px; */
	top: -66px;
	/* background-size: cover; */
	width: calc(100% - 40px);
	height: 130px;
	transition: all 0.3s ease 0s;
	transform: translateY(100vh);
	pointer-events: none;
}

body:not(.user-branches-opened) .footer-menu-item[data-for="order"]::before,
body:not(.user-branches-opened-first-level) .footer-menu-item[data-for="order"]::before {
	transform: translateY(100vh);
}

body.user-branches-opened .footer-menu-item[data-for="order"]::before,
body.user-branches-opened-first-level .footer-menu-item[data-for="order"]::before {
	transform: translateY(0);
}

body.user-branches-opened .footer-menu-item[data-for="order"] .footer-menu-item-title,
body.user-branches-opened-first-level .footer-menu-item[data-for="order"] .footer-menu-item-title {
	color: #fbb617;
}

body.user-branches-opened .footermenu .footer-menu-item[data-for="order"] .footer-menu-item-icon path,
body.user-branches-opened-first-level .footermenu .footer-menu-item[data-for="order"] .footer-menu-item-icon path {
	fill: #fbb617;
}

.cb-wrapper .cb-map-container .cb-map-buttons .cb-map-b-big,
.cb-wrapper .cb-map-container .cb-map-buttons .cb-map-b-small {
	border-radius: 11px;
	color: #000000;
}

@keyframes blink1 {
	0% {
		color: var(--main-color);
	}

	50% {
		color: #fff;
	}

	100% {
		color: var(--main-color);
	}
}

.cb-wrapper .cb-map-container .cb-map-buttons .cb-map-b-big {
	/* font-size: 19px; */
	padding: 0 14px;
	min-width: 0;
	color: var(--main-color);
	animation-name: blink1;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#promotionId .btn-ctn .genBtn {
	background-color: #fdbd00;
}
@media (max-width: 768px) {
	body.user-branches-opened-first-level:not(.user-branches-opened) .cb-wrapper {
		top: auto;
		height: 71px !important;
		transform: translateY(0);
		opacity: 1;
		bottom: 109px;
		top: auto !important;
		transition: all 0.3s, height 0s;
		border: 2px solid #fbbe30;
	}

	body.user-branches-opened-first-level:not(.user-branches-opened) .cb-wrapper .order-methods {
		margin-top: -5px;
	}

	body.user-branches-opened-first-level:not(.user-branches-opened) .cb-wrapper .landing-cards {
		display: none !important;
	}
}

body.user-branches-opened-first-level:not(.user-branches-opened) .cb-wrapper > *:not(.order-methods) {
	display: none;
}

.editAddAddress .mainTitle {
	font-size: 23px;
	text-align: left;
}

.addAddressID.editAddAddress .genBtn {
	font-family: "titlefont";
	font-size: 18px;
	background-color: var(--main-color);
}
@media(max-width: 768px){
  body[act-as="home-page"] .homeFilter .filter{
    background: #000;
  }
  body[act-as="home-page"]:has(.offerslist) .homeFilter .filter {
    display: block !important;
    position: absolute;
    top: -10px;
    opacity: 1;
    transform: translateY(0);
  }
}
body[act-as="home-page"] .homeFilter .filter {
	transition: all 0.1s, opacity 0.1s;
	opacity: 1 !important;
}

body[act-as="home-page"].fixSearch .homeFilter .filter {
	opacity: 0;
	transform: translateY(-100px);
	transition: all 0.1s, opacity 0.1s;
	/* transition-delay: 0s, 0.5s; */
}

body[act-as="home-page"] .errorpopupoverlay {
	/* height: 50%; */
	top: 0;
	bottom: auto;
}

@media (max-width: 768px) {
	div#AddAddressModalID {
		width: calc(100vw - 22px) !important;
		padding-top: 86px;
	}

	body[act-as="home-page"] .homeFilter {
		height: 48px;
		/* overflow: hidden; */
	}

	body[act-as="landing-page"]:not(.checkoutID) .content .offerslist,
	body[act-as="landing-page"] .content .categories,
	body[act-as="landing-page"] .content .ymliketitle,
	body[act-as="landing-page"] .content .home-collection {
		display: none;
	}

	body[act-as="home-page"] .content .header,
	body[act-as="home-page"] .content .user-greeting-wrapper,
	body[act-as="home-page"] .content .landing-cards {
		display: none !important;
	}

	.landing-card .highlighted {
		color: var(--main-color);
		font-weight: bold;
		text-transform: uppercase;
	}

	.landing-card[card-for="track-delivery"] .highlighted:before {
		display: none;
	}

	.categoryPid .homeFilter.ontop .filter {
		top: 48px !important;
		background: #000;
		transition: all 0.2s;
		position: fixed;
		height: 43px;
		display: block !important;
	}

	.landing-card-info.tracking-wrapper {
		display: block;
	}

	.categoryPid:not(.sfocused) .homeFilter.ontop .filter {
		width: 61px !important;
		left: auto;
		min-width: auto;
		top: 53px !important;
		right: 8px;
		display: block !important;
		height: 43px;
		border-radius: 42px;
	}

	.categoryPid.scrolld.fixSearch:not(.sfocused) .homeFilter.ontop .filter {
		opacity: 0 !important;
		transition: all 0.2s;
	}

	.categoryPid .homeFilter.ontop input {
		opacity: 0;
		padding-left: 0px;
		width: 60px;
	}

	.sfocused.categoryPid .homeFilter.ontop input {
		opacity: 1;
		height: 50px;
		width: 100%;
		padding-left: 12px;
	}

	.sfocused.categoryPid .homeFilter.ontop input::placeholder {
		opacity: 0.5;
	}

	div#AddAddressModalID.modal {
		/* min-height: 100vh; */
		z-index: 999999999999999999999999999;
		width: calc(100% - 17px) !important;
	}

	body:has(.editAddAddress.show) .footermenu {
		transform: translateY(193%) !important;
	}

	body:has(.cb-current-location.ng-hide) .footer-menu-item[data-for="order"]::before {
		display: none !important;
	}

	body:has(.editAddAddress.show) .backgroundModal {
		height: calc(100vh) !important;
	}

	.editAddAddress .parts {
		border-radius: 11px;
		top: -27px;
		/* height: calc(100vh - 92px); */
		min-height: 0;
	}

	body.showModal.user-branches-opened .backgroundModal {
		/* opacity: 0; */
		height: calc(100vh - 90px);
	}
}

/* #endregion */

/* #region My addresses */
.myAccountPid .whiteBox .boxes.deliverBoxID .box .googleMap {
	border-radius: 11px;
}

/* #endregion */

/* #region Receipt */
.receiptPid .content {
	background-color: #f3f3f3;
}

@media (max-width: 768px) {

	.receiptPid {
		background: #f3f3f3 !important;
	}
}

:root {
	--okicon-color: var(--main-color);
}

/* #endregion */

/* #region Offers */
body.offers .offers-wrap > ul {
	display: flex;
	flex-wrap: wrap;
}

body.offers .offers-wrap .offer {
	width: calc(100% - 22px);
	display: flex !important;
	align-items: flex-start;
	flex-direction: column;
	background: #212121 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000008;
	border: 2px dashed #212121;
	border-radius: 9px;
	min-height: 109px;
	padding: 16px;
	box-sizing: border-box;
	margin: auto;
	margin-bottom: 18px;
}

body.offers .offers-wrap .offer .picture {
	width: 89px;
	min-height: auto;
	border-radius: 6px;
	position: absolute;
	right: 9px;
	background: transparent;
	top: 7px;
}

body.offers .offers-wrap .offer .picture img {
	border-radius: 6px;
}

body.offers .offers-wrap .offer .title {
	width: calc(100% - 79px);
	/* box-sizing: border-box; */
	/* text-align: left; */
	/* place-content: flex-start; */
	padding: 0;
	color: #fff;
	min-height: 14px;
	/* margin-bottom: 10px; */
	/* margin-top: 0; */
	font-size: 17px;
	display: block;
}

body.offers .offers-wrap .offer .rules {
	display: block !important;
	/* width: calc(100% - 79px); */
	/* box-sizing: border-box; */
	/* color: #888888; */
	/* font-size: 14px; */
	/* line-height: 19px; */
	/* text-align: left; */
}

.modal.online-voucher-popup {
	opacity: 1;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.modal.online-voucher-popup.show {
	/* transform: translate3d(-50%, -50%, 0px); */
	/* top: 50%; */
	min-height: calc(100vh - 82px);
}

#offerId.modal.online-voucher-popup .cont {
	background: #212121 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000008;
	border: 2px dashed #212121;
	border-radius: 10px !important;
	min-height: 500px;
	width: calc(100% - 40px);
	margin-left: 20px;
	padding: 15px 15px 25px;
	/* position: absolute; */
}

#offerId.modal.online-voucher-popup .cont .offer .picture {
	box-shadow: none;
}

#offerId.modal.online-voucher-popup .cont .offer .picture img {
	margin-bottom: 0;
}

#offerId.modal.online-voucher-popup .cont .offer .picture .title {
	color: #fff;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#offerId.modal.online-voucher-popup .cont .offer .right-side-container .desc {
	margin-top: 6px;
	color: #979797;
	text-align: left;
	padding-left: 0;
	margin-bottom: 20px;
}

#offerId.modal.online-voucher-popup .cont .offer .right-side-container .genBtn {
	height: 37px;
	background-color: var(--main-color);
	width: auto;
	width: 120px;
	margin-left: 0;
	box-sizing: border-box;
	min-width: 0;
}

#offerId.modal.online-voucher-popup .cont .offer .right-side-container .terms {
	margin-top: 20px;
	margin-bottom: 0;
	text-align: left;
	font-size: 15px;
	color: rgba(151, 151, 151, 0.66);
}

body.offers .offers-wrap .offer.offer-is-active {
	border-color: var(--highlighted-color);
}

body.offers .offers-wrap .offer .claimed {
	position: relative;
	top: auto;
	left: auto;
	background-color: transparent;
	/* margin-top: 20px; */
}

body.offers .offers-wrap .offer .claimed span {
	position: relative;
	top: auto;
	right: auto;
	background-color: var(--highlighted-color);
	color: #000;
	text-transform: uppercase;
	font-family: "titlefont";
	font-size: 15px;
	min-width: 75px;
}

body.offers .offers-wrap .offer .claimed span::before {
	/* content: "\f00c"; */
	-moz-osx-font-smoothing: grayscale;
	/* -webkit-font-smoothing: antialiased; */
	/* display: var(--fa-display, inline-block); */
	/* font-style: normal; */
	/* font-variant: normal; */
	/* line-height: 1; */
	/* text-rendering: auto; */
	/* font-family: "Font Awesome 6 Free"; */
	/* font-weight: 900; */
}

body.offers .offers-wrap .offer.offer-is-processing::after {
	content: "Processing";
	position: relative;
	top: auto;
	right: auto;
	background-color: var(--main-color);
	color: #fff;
	text-transform: uppercase;
	font-family: "titlefont";
	font-size: 15px;
	padding: 6px 10px;
	border-radius: 7px;
	margin-top: 20px;
	min-width: 75px;
	opacity: 0.4;
}

.online-vouchers-title,
.in-store-coupons-title {
	font-family: "titlefont";
	/* color: #fff; */
	font-size: 26px;
	margin-top: 2px;
	line-height: 27px;
}

.online-vouchers-title::before,
.in-store-coupons-title::before {
	content: "\f145";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: block;
	/* color: rgba(255, 255, 255, 0.89); */
	margin-bottom: 17px;
	font-size: 49px;
	-webkit-text-stroke: 1.5px black;
	color: transparent;
}

.online-vouchers-title::after,
.in-store-coupons-title::after {
	/* content: "Claim a voucher below to use it on your next order"; */
	color: #979797;
	display: block;
	font-family: "textfont";
	font-size: 16px;
	line-height: 18px;
	width: 188px;
	margin: auto;
	margin-top: 7px;
	margin-bottom: 42px;
}

/* #endregion */

/* #region Rewards */

body.loyalty .loyalty-w {
	margin-top: 0;
}

body.loyalty .MenuParts .parts .bot {
	background-color: transparent;
}

body.loyalty .current-level {
	position: absolute;
	top: -20px;
	left: 0;
	display: block;
	background-color: var(--main-color);
	background-image: url("../../config/images/rewards-mask.svg");
	border-radius: 0;
	width: 100%;
	height: 285px;
	animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal forwards running fadeInUp2;
}

body.loyalty .current-level::before,
body.loyalty .current-level::after {
	display: none;
}

body.loyalty .current-level-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.loyalty .current-level-unit .point-name {
	color: #fff;
	font-size: 39px;
	order: 1;
}

body.loyalty .current-level-unit .point-name::before {
	content: "YOU ARE A";
	color: #fff;
	font-size: 22px;
	display: block;
	opacity: 0.7;
}

body.loyalty .lvl1 .current-level-unit .point-name::before,
body.loyalty .lvl2 .current-level-unit .point-name::before {
	content: "YOU ARE A";
}

body.loyalty .current-level-unit .nb-point {
	background: #272727 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 8px #00000094;
	border-radius: 12px;
	width: 137px;
	height: 98px;
	order: 2;
	color: #fff;
	font-size: 47px;
	font-family: "titlefont";
	padding: 10px;
	box-sizing: border-box;
	margin-top: 51px;
	line-height: 55px;
	padding-top: 15px;
	animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0.5s 1 normal both running fadeInUp2;
}

body.loyalty .current-level-unit .nb-point::after {
	content: "WALLET STARS";
	display: block;
	font-family: "textfont";
	font-weight: bold;
	font-size: 11px;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	bottom: -4px;
	left: 0px;
}

body.loyalty .p2next {
	position: relative;
	margin-top: -151px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	opacity: 0.7;
	color: #fff;
	margin-bottom: 167px;
}

body.loyalty .p2nexti .l1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	animation: 0.8s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running fadeInUp2;
}

body.loyalty .p2nexti .l1 li {
	opacity: 1 !important;
	margin-bottom: 10px;
}

body.loyalty .p2nexti .l1 li:not([class^="bar"]) {
	width: auto;
}

body.loyalty .p2nexti .name {
	color: #fff;
	font-size: 23px;
	line-height: 28px;
	width: auto;
	position: relative;
}

body.loyalty .p2nexti .name:after {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	display: block;
	font-family: "textfont";
	line-height: 19px;
	opacity: 0.5;
}

body.loyalty .p2nexti .zmdi-star-circle {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 35px;
	margin-top: 0;
	animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 1s 1 normal both running zoomOut;
}

body.loyalty .p2nexti .zmdi-star-circle:before {
	content: "\f005";
}

body.loyalty .p2nexti .l1 li[class*="bar"] {
	margin-left: 0;
	margin-right: 0;
	transform: rotate(90deg);
	height: 5px;
	background-image: url("../../config/images/loyalty-bar-bg.png");
}

body.loyalty .p2nexti .l1 li[class*="bar"] .bfiller {
	height: 5px;
	position: relative;
	animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 1s 1 normal both running filler;
}

body.loyalty .p2nexti .l1 li[class*="bar"]:after {
	position: absolute;
	content: "";
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 22px;
	box-sizing: border-box;
	height: 50px;
	width: 146px;
	background-color: #fff;
	border-radius: 12px;
	border: 1px solid #707070;
	top: 71px;
	transform: rotate(-90deg);
	text-align: left;
	display: none;
}

.loyalty-w.lvl2 li[class*="bar1"]:after,
.loyalty-w.lvl2 li[class*="bar1"]:before {
	filter: brightness(0.4);
}

.loyalty-w.lvl3 li[class*="bar2"]:after,
.loyalty-w.lvl3 li[class*="bar2"]:before,
.loyalty-w.lvl3 li[class*="bar1"]:after,
.loyalty-w.lvl3 li[class*="bar1"]:before {
	filter: brightness(0.4);
}

.loyalty-w.lvl4 li[class*="bar3"]:after,
.loyalty-w.lvl4 li[class*="bar3"]:before,
.loyalty-w.lvl4 li[class*="bar2"]:after,
.loyalty-w.lvl4 li[class*="bar2"]:before,
.loyalty-w.lvl4 li[class*="bar1"]:after,
.loyalty-w.lvl4 li[class*="bar1"]:before {
	filter: brightness(0.4);
}

body.loyalty .p2nexti .l1 li[class*="bar"]::before {
	content: "";
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 15px solid white;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	top: -1px;
	right: 0;
	transform: rotate(180deg);
	left: 0;
	margin: auto;
	z-index: 2;
	display: none;
}

body.loyalty .loyalty-w.lvl1 .bar1 .bfiller::before,
body.loyalty .loyalty-w.lvl2 .bar2 .bfiller::before,
body.loyalty .loyalty-w.lvl3 .bar3 .bfiller::before {
	content: "";
	width: 14px;
	height: 1px;
	position: absolute;
	background-color: #707070;
	transform: rotate(-90deg);
	bottom: 18px !important;
	right: -7px;
}

body.loyalty .loyalty-w.lvl2 .bar2 .bfiller::before {
	bottom: 0 !important;
	top: 18px !important;
}

body.loyalty .loyalty-w.lvl1 .bar1 .bfiller::after,
body.loyalty .loyalty-w.lvl2 .bar2 .bfiller::after,
body.loyalty .loyalty-w.lvl3 .bar3 .bfiller::after {
	content: attr(data-total-points) " stars";
	min-width: 120px;
	height: 31px;
	color: var(--main-color);
	font-size: 23px;
	font-weight: bold;
	line-height: 36px;
	position: absolute;
	transform: rotate(-90deg);
	bottom: 78px !important;
	right: -119px;
	margin-right: 60px;
	text-align: left;
}

body.loyalty .loyalty-w.lvl2 .bar2 .bfiller::after {
	bottom: 0 !important;
	top: 72px !important;
}

#loyaltyDetailsModalID .ph-main-title,
#loyaltyDetailsModalID .points-history {
	display: none !important;
}

/* #region Level 1 */
body.loyalty .p2nexti .lvl-1 .zmdi-star-circle {
	color: var(--lvl1-main-color);
}

body.loyalty .p2nexti .lvl-1 .name::after {
	content: "1 STAR every 1$ spent";
}

body.loyalty .p2nexti .bar1 {
	/* background-color: rgba(39, 112, 71, 0.41); */
	background-color: var(--lvl1-main-color);
	width: 65px;
	margin-top: 30px;
	margin-bottom: 50px !important;
}

body.loyalty .p2nexti .bar1 .bfiller {
	background-color: var(--lvl1-highlighted-color);
}

body.loyalty .p2nexti .bar1::after {
	content: "10% DISCOUNT 1 ORDER" !important;
	left: -40px;
}

/* #endregion */

/* #region Level 2 */
body.loyalty .p2nexti .lvl-2 .zmdi-star-circle {
	color: var(--lvl2-main-color);
}

body.loyalty .p2nexti .lvl-2 .name::after {
	content: "2 STARS every 1$ spent";
}

body.loyalty .p2nexti .bar2 {
	background-color: var(--lvl2-main-color);
	width: 87px;
	margin-top: 40px;
	margin-bottom: 60px !important;
}

body.loyalty .p2nexti .bar2 .bfiller {
	background-color: var(--lvl2-highlighted-color);
}

body.loyalty .p2nexti .bar2::after {
	content: "Free Potato Dippers" !important;
	left: -30px;
	top: auto !important;
	bottom: 71px !important;
}

body.loyalty .p2nexti .bar2::before {
	top: auto !important;
	bottom: -1px !important;
	transform: rotate(-180deg) scale(-1, -1) !important;
}

/* #endregion */

/* #region Level 3 */
body.loyalty .p2nexti .lvl-3 .zmdi-star-circle {
	color: var(--lvl3-main-color);
}

body.loyalty .p2nexti .lvl-3 .name::after {
	content: "4 STARS every 1$ spent";
}

body.loyalty .p2nexti .bar3 {
	background-color: var(--lvl3-main-color);
	width: 108px;
	margin-top: 50px;
	margin-bottom: 70px !important;
}

body.loyalty .p2nexti .bar3 .bfiller {
	background-color: var(--lvl3-highlighted-color);
}

body.loyalty .p2nexti .bar3::after {
	content: "10% DISCOUNT 2 ORDERS" !important;
	left: -20px;
}

/* #endregion */

/* #region Level 4 */
body.loyalty .p2nexti .lvl-4 {
	display: flex !important;
	flex-direction: column;
	align-items: center;
}

body.loyalty .p2nexti .lvl-4 .zmdi-star-circle {
	width: 86px;
	height: 86px;
	background-image: url("../../config/images/loyalty-legend-star.png");
	order: 2;
	background-size: 100%;
	filter: drop-shadow(1px 3px 20px rgba(255, 255, 255, 0.25));
}

body.loyalty .p2nexti .lvl-4 .name::after {
	content: "5 STARS every 1$ spent";
}

body.loyalty .p2nexti .lvl-4 .zmdi-star-circle::before {
	content: none;
}

/* #endregion */

body.loyalty .rd-how-it-works {
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	font-family: "textfont";
	font-weight: bold;
}

body.loyalty .rd-how-it-works:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f05a";
	display: block;
	margin-bottom: 12px;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.89);
}

body.loyalty .rd-title,
body.loyalty .rd-amount {
	display: none;
}

body.loyalty .rd-how-it-works:after {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #707070;
	margin-top: 5px;
}

body.loyalty .ph-main-title {
	display: block !important;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	/* padding-left: 15px; */
	text-transform: uppercase;
	font-family: "titlefont";
	font-size: 29px;
	color: var(--highlighted-color);
}

body.loyalty .points-history {
	color: #fff;
	margin-bottom: 20px;
	display: block !important;
}

body.loyalty .point-details {
	display: block;
	background: #202020 0% 0% no-repeat padding-box;
	/* border: 1px solid #343434; */
	border-radius: 9px;
	margin: 0 15px;
	padding: 15px 20px;
	text-align: left;
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* flex-direction: row; */
	position: relative;
	padding-bottom: 6px;
}

body.loyalty .point-details ~ .point-details {
	margin-top: 10px;
}

body.loyalty .point-details .points-number.amount-number {
	width: 100%;
	order: 2;
	text-align: right;
	line-height: 26px;
	font-size: 14px;
	display: none;
}

body.loyalty .point-details .points-number {
	width: 50%;
	order: 1;
	text-align: left;
	font-size: 14px;
	/* line-height: 13px; */
	font-weight: bold;
	margin-top: -4px;
}

body.loyalty .point-details .status {
	order: 3;
	width: 100%;
	text-align: left;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	margin-top: 3px;
	opacity: 0.5;
}

body.loyalty .point-details .date {
	color: rgba(255, 255, 255, 0.41);
	font-size: 11px;
	line-height: 13px;
	width: auto;
	/* order: 2; */
	text-align: right;
	/* display: none; */
	position: absolute;
	top: 12px;
	right: 16px;
}

body.loyalty .point-details .expiry-date {
	color: rgba(255, 255, 255, 0.41);
	font-size: 11px;
	line-height: 13px;
	width: auto;
	/* order: 2; */
	text-align: right;
	/* display: none; */
	position: absolute;
	top: 28px;
	right: 16px;
}

body.loyalty .point-details .date:before {
	content: "Date: ";
}

body.loyalty .point-details .expiry-date:before {
	content: "Expiry: ";
}

body.loyalty .l-footer {
	display: none;
}

@media (max-width: 768px) {
	body.loyalty .accname {
		display: none;
	}
}

/* #endregion */

.layout1 .itemsList .products-listing .itemGrid {
	box-shadow: none;
}

.fnb .withBagOnRight .gridSystem ul,
.fnb .withBagOnRight .gridSystem.nearBag ul {
	grid-gap: 15px !important;
}

@media (min-width: 769px) {
	.homePid .offerslist {
		margin-top: 7px;
	}
	body {
		visibility: visible;
	}
	header {
		background: #111 !important;
	}

	.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap {
		padding-left: 0px;
	}

	.user-greeting-wrapper {
		display: none !important;
	}
	.tabled::-webkit-scrollbar-thumb {
		background-color: rgb(53 53 53);
		border-radius: 16px;
		border: 9px solid #000000;
		border-top: 150px solid #000000;
	}

	.tabled::-webkit-scrollbar-track {
		background: rgb(0 0 0);
	}

	.tabled::-webkit-scrollbar {
		background-color: #000;
		width: 22px;
	}

	.home-collection.layout1 > .title {
		padding-left: 0px;
		padding-top: 22px;
	}

	.home-collection .swiper-container .swiper-wrapper .itemGrid .heart {
		display: none;
	}

	.categoryPid .content {
		padding-top: 10px;
	}

	body.loyalty .p2next {
		width: 100% !important;
		text-align: center;
		position: absolute;
		top: 195px;
	}

	body.loyalty .current-level {
		position: relative;
		margin-bottom: -182px;
		margin-top: -62px;
	}

	body.orderdetails .content {
		background: #f6f6f6;
	}

	.subPage .userbar {
		border-bottom-color: #666 !important;
	}
	.orderdetails .userbar {
		background-color: #eee;
	}

	.orderdetails .box_feedback .feed {
		border-radius: 0px;
	}

	.orders.normal .order {
		background: #eee;
	}

	.header-loyalty-value {
		width: 72px;
		right: auto;
		position: absolute;
		left: auto;
		right: 192px;
	}
	body[act-as="landing-page"] .content .header .swiper-pagination {
		top: 175px;
		bottom: auto;
	}
	.accname {
		display: none !important;
	}

	.checkoutID .content {
		padding-bottom: 27px !important;
		background-color: #eeeeee !important;
	}
	.cb-wrapper {
		width: 430px;
		padding-bottom: 50px !important;
	}

	.cb-wrapper .order-methods {
		order: 1;
		padding-left: 13px;
		padding-right: 13px;
		justify-content: stretch;
		align-content: unset;
		flex-wrap: inherit;
	}

	.cb-wrapper .order-methods .order-method-wrap {
		padding-left: 19px !important;
		text-align: center;
		width: inherit;
	}

	li.order-method-wrap.dine-in-method.ng-binding.ng-scope {
		display: none;
	}

	body:not(.checkoutID) .for-free .customized .textCustom,
	body:not(.checkoutID) .customized.offer .textCustom {
		filter: invert(1);
	}

	.cb-wrapper.choose-location-first.location-detected:has(.order-methods):before {
		content: "Choose Ordering Method";
		width: 100%;
		text-align: center;
		/* padding-top: 16px; */
		position: absolute;
		font-size: 21px;
		font-family: "titlefont";
    left: 0;
	}
	.cb-current-location .cb-wrapper .close-btn {
		display: block !important;
	}
}

.go-back {
	margin-left: -6px;
}

.cb-current-location .cb-wrapper .close-btn {
	display: none;
}

main.content.order-from-table-section {
	background: #fff;
	padding-top: 22px;
}

.oft-title b {
	color: var(--main-color);
	font-family: "titlefont";
	font-size: 45px;
	font-weight: normal;
}

.cordova .categoryPid div#wrapper:has(.top-categories) {
	padding-top: 68px;
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 812px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 2) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px) {
	body {
		visibility: visible;
	}

	.cordova .errorCustomization {
		bottom: 104px;
	}

	.cordova.ios.fnb .categoryPid div#wrapper:has(.top-categories) {
		padding-top: 138px;
	}
/* 
	body.scrolld.fixSearch .footermenu {
		padding-bottom: 12px;
	} */

	.cordova .landing-cards {
		padding-top: 0px;
	}

	.cordova .menuhead .zmdi.zmdi-sort-amount-desc {
		top: 63px;
	}

	.cordova.ios.enablesorting .categoryPid .catpagetop {
		padding-top: 20px !important;
		margin-top: -63px;
	}

	.cordova.ios .top-categories.ng-scope {
		top: 91px !important;
	}

	.cordova body.homePid[act-as="home-page"] .content .offerslist {
		margin-top: -46px !important;
	}

	.cordova #customizedModalID .addToFav {
		top: 55px !important;
	}

	.cordova body[act-as="landing-page"] .content .user-greeting-wrapper {
		top: calc(99vw + 44px);
	}

	.cordova.ios.landingfixedlayout body[act-as="landing-page"] .content .header .swiper-container {
		top: 112px;
	}

	.cordova.ios .homePid .MenuParts .parts .bot {
		height: 92px !important;
	}

	.cordova .cb-wrapper {
		height: calc(100vh - 155px) !important;
	}

	.cordova body.loyalty .MenuParts.fix::before {
		display: none;
	}
}

span.ptnl.ng-scope {
	margin-top: 0px;
	display: block;
	text-transform: uppercase;
}

.scannerenabled div#wrapper {
	margin-top: 5px !important;
}

.itemsList .products-listing .itemGrid {
	box-shadow: none;
}

.usermenu {
	background: #000;
	border-color: #333;
}

.mobileMenuWrap ul li a {
	color: #999;
	text-transform: uppercase;

	font-weight: bold;
	font-size: 13px;
}

.mobileMenuWrap ul li a.selected {
	color: #333 !important;
}

body:has(div#loginRegisterModalID.show) .footermenu {
	transform: translateY(100%) !important;
}

.referrals-section .rf-top-part .rf-buttons-container .rf-share-btn {
	background: var(--main-color);
}

.referrals-section .rf-top-part .rf-description-container {
	color: #ccc;
	font-size: 15px;
}

.referrals-section .rf-top-part .rf-icon-container {
	color: #fff;
}

.giftcards .gc-title {
	font-size: 24px;

	color: var(--main-color);
}

.cordova .giftcards .content {
	background: #fff;
	padding-bottom: 138px;
	height: auto !important;
}

.cordova .giftcards .gc-top-part {
	padding-top: 20px;
}

.giftcards .gc-bottom-part .gc-button {
	background: var(--main-color);
}

.mobileMenuWrap .lineLink.selected .ico,
.mobileMenuWrap .lineLink.selected .text {
	color: #f9c819;
	font-family: "titlefont";
	font-size: 18px;
}

.customizedID .input.checked .label {
	color: var(--main-color) !important;
}

.moreResults {
	border-color: #333;
	margin-bottom: 31px !important;
}

li.add-tofav-guideline::before {
	content: "\f004";
	font-family: "FontAwesome";
}

.favoritePid .MenuParts .parts .bot {
	height: 81px !important;
}

.MenuParts .parts .bot {
	transition: all 0.3s;
}

.views {
	display: block !important;
	/* background: #1f1f1f; */
	/* border: 0px; */
	/* color: #b0b0b0; */
}

.views .th {
	background: #b0b0b0;
}

body:has(.cb-wrapper.show) .errorpopupoverlay.show {
	height: calc(100% - 100px);
	top: 0px;
}

body.checkoutID:has(.cb-wrapper.show) .errorpopupoverlay.show {
	height: 100%;
}

.cb-wrapper.closing > *,
.cb-wrapper.closing {
	opacity: 0 !important;
	transition: transform 0.3s;
}

.newsCtrl .itemsList .descBlock {
	background: #222 !important;
}

.newsCtrl .itemsList .itemGrid {
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
}

.news-section .itemsList .itemGrid .descBlock .title {
	color: #fff;
	font-weight: normal;
	font-size: 20px;
}

.news-section .itemsList .itemGrid .descBlock .description {
	color: #eee;
	/* font-size: 16px; */
}

.lpr-amount-container .lpr-minus {
	margin-top: -30px;
}

.checkoutID .content {
	padding-bottom: 27px !important;
	background-color: #f6f6f6;
}

.fullThankyou .titleThanks {
	font-weight: normal;
	font-size: 40px;
}

.scannerenabled .cb-current-location:after {
	height: 160px;
	bottom: 98px;
	border-radius: 0px 0px 6px 6px;
}

.scannerenabled .cb-current-location:before {
	height: 75px;
	top: 8px;
	border-radius: 6px 6px 0px 0px;
}

.scannerenabled .cb-wrapper.show:before {
	height: calc(100vh - 120px);
	top: 12px;
}

.scannerenabled .cb-wrapper.show:after {
	height: calc(100vh - 120px);
	top: 12px;
}

.card-stack {
	margin-bottom: 16px;
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 812px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 2) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px) {
	.cordova.ios .categoryPid .MenuParts .parts .bot {
		height: 94px;
	}

	.scannerenabled .cb-current-location:before {
		height: 90px;
		top: 35px;
	}

	.scannerenabled .cb-wrapper.show:before {
		top: 0;
		height: calc(100vh - 160px);
	}

	.scannerenabled .cb-wrapper.show:after {
		top: 0;
		height: calc(100vh - 160px);
	}

	.scannerenabled .cb-current-location:after {
		height: 154px;
		bottom: 119px;
	}
}
@media(min-width: 769px){
  .isSearching .homeFilter .filter {
    position: fixed !important;
    top: 0px !important;
  }
}

html:not(cordova) .isSearching:not(.categoryPid) ul.case.products-listing {
	padding-top: 42px;
}

.box_feedback .feed textarea {
	border-top: 2px solid var(--main-color);
}

.sendchat::after {
	color: var(--main-color);
}

.orderdetails .withTitle.ordernum {
	font-size: 38px !important;
}

.fullThankyou .orderProc {
	font-weight: normal;
}

.loyalty-details .cont p {
	font-family: "textfont";
	font-weight: normal;
	line-height: 18px !important;
	color: #666 !important;
	margin-bottom: 22px;
}

.l-description h2,
.l-description h1 {
	font-family: "titlefont";
}

.l-description h1 {
	font-size: 34px;
}

.loyalty-details .l-description h2:nth-of-type(1) {
	color: #168044;
}

.loyalty-details .l-description h2:nth-of-type(2) {
	color: #ffb200;
}

.loyalty-details .l-description h2:nth-of-type(3) {
	color: #9a1a46;
}

.loyalty-details .l-description h2:nth-of-type(4) {
	color: #655d53;
}

.loyalty-details .loyalty-w h3 {
	font-family: "textfont";
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
	margin-top: auto !important;
	margin-bottom: auto;
	padding-bottom: 0px !important;
	display: block;
	line-height: 18px;
}

.menuMob {
	top: -3px;
}

.offers-category-wrap {
	margin-bottom: -24px !important;
}

.categoriesSlider.swiper-container .swiper-wrapper .swiper-slide {
	max-height: calc(100vh - 277px);
}

@media screen and (max-width: 38px), screen and (max-height: 700px) {
	body {
		visibility: visible;
	}

	body[act-as="landing-page"] .content .user-greeting-wrapper {
		top: calc(81vw + 11vh);
	}

	body[act-as="landing-page"] .content .header .swiper-pagination {
		top: 90vw;
	}
}

.wrapCustom .column_cust .block {
	padding-left: 8px;
}

.customnote .blcWrap {
	width: calc(100% - 15px) !important;
}

.tracking-wrapper .order-progress.ot-progress-1 .part-1:after,
.tracking-wrapper .order-progress.ot-progress-2 .part-2:after,
.tracking-wrapper .order-progress.ot-progress-3 .part-3:after {
	background-color: var(--main-color);
}

.mobileMenuWrap {
	z-index: 9999;
}

body.sfocused .sorter {
	opacity: 0;
	pointer-events: none;
	transition: all 0.2s;
}

i.zmdi.shared.zmdi-search {
	pointer-events: none;
}

.sfocused i.zmdi.shared.zmdi-search {
	pointer-events: all;
}

.sfocused i.zmdi.shared.zmdi-search:before {
	content: "\f136";
}

.categoriesSlider.swiper-container .swiper-wrapper .swiper-slide.no-products {
	background: #000;
}

.pay-in-store-page .reward-wrapper {
	position: relative;
	width: 100%;
	padding: 0 16px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pay-in-store-page .reward-wrapper .reward-page-title {
	font-family: "titlefont";
	color: #fff;
	font-size: 52px;
	line-height: 63px;
	text-align: center;
	margin-bottom: 14px;
}

.pay-in-store-page .reward-wrapper .reward-page-title:after {
	content: "COLLECTED";
	display: block;
	color: var(--highlighted-color);
	margin-top: -17px;
}

.pay-in-store-page .reward-wrapper .reward-image-wrapper {
	border-radius: 9px;
	height: 220px;
	max-width: 300px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 13px;
	pointer-events: none;
	overflow: hidden;
	border: 3px solid var(--highlighted-color);
}

.pay-in-store-page .reward-wrapper .reward-image-wrapper .reward-img {
	border-radius: 9px;
	object-fit: contain;
	width: 100%;
}

.pay-in-store-page .reward-wrapper .reward-image-wrapper .reward-title {
	font-weight: bold;
	color: #000000;
	font-size: 22px;
	line-height: 30px;
	margin-top: 13px;
	position: relative;
	display: block;
}

.pay-in-store-page .reward-wrapper .reward-page-instructions {
	color: #a8a8a8;
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	max-width: 254px;
	margin-top: 23px;
}

.pay-in-store-page .reward-wrapper .reward-page-instructions .reward-page-instructions-icon {
	color: #fff;
	display: block;
	margin-bottom: 16px;
}

.pay-in-store-page .pis-button.for-prize {
	background-color: var(--highlighted-color);
	/* bottom: 115px; */
}

.pay-in-store-page .pis-button.for-prize .pis-button-text {
	color: #ffffff;
}

.rpis-wrapper .pisc-footer.prize-collected {
	margin-top: 30px;
}

.rpis-wrapper .pisc-footer.prize-collected .fa-lock-open {
	margin-bottom: 7px;
	font-size: 18px;
}

.rpis-wrapper .pisc-footer.has-prize {
	margin-top: 30px;
}

.spinthewheel .homeFilter.ontop {
	display: none !important;
}

.pay-in-store-page .pis-body .pis-button {
	background-color: var(--main-color);
}

.pay-in-store-page .pis-header .pis-title {
	color: #fff;
}

.menubar-item {
	margin-bottom: 10px;
}

.sm-pages {
	margin-bottom: -29px;
}

.spin-page-instructions {
	color: #a8a8a8;
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	max-width: 254px;
	margin-top: 30px;
}

.filter.normal input {
	padding-left: 23px;
}

@media screen and (max-width: 380px) {
	.spin-the-wheel-wrapper .page-title {
		font-size: 45px;
		line-height: 58px;
		margin-bottom: 21px;
	}

	.spin-the-wheel-wrapper .reward-image-wrapper {
		max-height: 240px;
	}
}

.offerclaim .title::before {
	font-family: "Font Awesome 6 Free" !important;
	content: "\f091" !important;
	color: var(--main-color) !important;
}

.sumhead {
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	margin-right: 8px;
	margin-left: 8px;
}

.sumhead div.inner-delivery-fees-amount:before,
.sumhead div.inner-extra-charge-amount:before,
.sumhead div.inner-vat-amount:before {
	content: "";
}
.sumhead div.inner-subtotal:before {
	content: "SUBTOTAL";
	color: #000;
	font-weight: normal;
	font-size: 13px;
	position: absolute;
	left: 0;
}
.rtl .sumhead div.inner-subtotal:before{
	content: "المجموع الأولي";
	right: 10px;
	left: auto;
}
.sumhead div.inner-delivery-fees:before {
	content: "DELIVERY FEE";
	color: #000;
	font-weight: normal;
	font-size: 13px;
	position: absolute;
	left: 0;
}

.rtl .sumhead div.inner-delivery-fees:before{
	content: "رسوم التوصيل";
	right: 10px;
	left: auto;
}
@media (max-width: 360px) {
	.show-footer-menu main {
		padding-bottom: 100px !important;
		min-height: calc(100vh - 70px) !important;
	}

	.order-from-table-section .oft-title {
		padding-top: 40px;
	}

	.order-from-table-section .oft-button-cancel {
		margin-top: 28px;
	}
}
@media (max-width: 380px) {
	.home-collection .swiper-container .swiper-wrapper .itemGrid .priceWrap .wrap .price {
		font-size: 10px;
	}
	.home-collection .swiper-container .swiper-wrapper .itemGrid .priceWrap .wrap .genBtn.quickadd {
		font-size: 15px;
		height: 28px;
		width: 60px;
	}
	.home-collection .swiper-container .swiper-wrapper .itemGrid .priceWrap .wrap .genBtn.customize {
		font-size: 15px;
		height: 28px;
		width: 92px;
	}
}

.cordova.spin-the-wheel-wrapper {
	height: calc(100vh - 136px);
}
.cordova.ios.spin-the-wheel-wrapper {
	height: calc(100vh - 160px);
}

.add-tofav-guideline {
	font-size: 18px;

	/* margin-top: 52%; */
	opacity: 0.4;
}

.qttyinbag {
	background-color: var(--highlighted-color) !important;
}

.errorCustomization {
	bottom: 104px;
}

.lvl3 .p2next {
	display: block;
}

.lvl4 .p2next {
	display: none;
}

.whiteBox .boxes.deliverBoxID .box .top .desc {
	max-height: 50px;
	overflow: hidden;
}

.column_cust.customnote.ng-scope .bTitle {
	display: block !important;
	padding-left: 22px;
	padding-top: 26px !important;
	margin-bottom: 7px;
}

.myBagModule .itemBags .customPart .type {
	word-break: unset;
}

.landing-card-action {
	/* display: none; */
	border: 1px solid #fbb617;
	border-radius: 10px;
	overflow: hidden;
	width: 148px;
}

.landing-card:after {
	content: "";
	position: absolute;
	right: 2px;
	/* top: 0px; */
	/* background-size: contain; */
	height: 100%;
	width: 84px;
	/* background-repeat: no-repeat; */
}

html:has(.loyaltylvl1) .landing-card:after {
	filter: hue-rotate(68deg) saturate(0.65);
}

.landing-card:before {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: var(--main-color);
	height: 100%;
	width: 84px;
	background-repeat: no-repeat;
	z-index: 1;
	mix-blend-mode: hue;
	border-radius: 10px;
	overflow: hidden;
}

html:has(.loyaltylvl2) .landing-card:after {
	filter: unset;
}

html:has(.loyaltylvl3) .landing-card:after {
	filter: hue-rotate(105deg) saturate(500%) brightness(0.6);
}

html:has(.loyaltylvl4) .landing-card:after {
	filter: hue-rotate(68deg) saturate(0.6);
}

[card-for="continue-delivery"]:after {
	background-image: url(images/deliverywidget.png);
}

[card-for="continue-pickup"]:after {
	background-image: url(images/pickupwidget.png);
}

[card-for="continue-dine-in"]:after {
	background-image: url(images/dineinwidget.png);
}

[card-for="pay-dine-in"]:after {
	background-image: url(images/paydineinorderwidget.png);
}

[card-for="spin-the-wheel"]:after {
	background-image: url(images/spinwidget.png);
}

[card-for="scan-receipt"]:after {
	background-image: url(images/scanwidget.png);
}

[card-for="join"]:after {
	background-image: url(images/accountwidget.png);
}

[card-for="scanbill"]:after {
	background-image: url(images/scanwidget.png);
}

[card-for="menu"]:after {
	background-image: url(images/menuwidget.png);
}

[card-for="takeaway"]:after {
	background-image: url(images/pickupwidget.png);
}

[card-for="wedeliver"]:after {
	background-image: url(images/deliverywidget.png);
}

[card-for="start-delivery"]:after {
	background-image: url(images/deliverywidget.png);
}

[card-for="track-delivery"]:after {
	background-image: url(images/deliverywidget.png);
}

[card-for="start-curbside"]:after {
	background-image: url(images/curbsidewidget.png);
}

[card-for="start-table-order"]:after {
	background-image: url(images/dineinwidget.png);
}

[card-for="instoresuggest2"]:after {
	background-image: url(images/scanwidget.png);
}

[card-for="challenges"]:after {
	background-image: url(images/challengewidget.png);
}

[card-for="loyalty"]:after {
	background-image: url(images/congratswidget.png);
}

body.orderdetails #wrapper {
	background-color: #eee !important;
}

body:has(.free-cat-title) .sorter,
body.categoryPid:has(.free-cat-title) .homeFilter.ontop .filter {
	display: none !important;
}

@media (max-width: 768px) {
	.home-collection .swiper-container .swiper-wrapper {
		padding-bottom: 20px !important;
	}

	.fnb .home-collection .itemsList .products-listing .itemGrid {
		padding-bottom: 90px;
	}

	.fnb .home-collection .itemsList .itemGrid .priceWrap {
		min-height: 90px !important;
		height: auto !important;
	}
}
/* 
.landing-card[card-for="continue-dine-in"],
.landing-card[card-for="challenges"],
.landing-card[card-for="instoresuggest2"],
.landing-card[card-for="start-table-order"],
.landing-card[card-for="start-curbside"],
.white-menubar .menubar-item[data-for="giftCards"],
.white-menubar .menubar-item[data-for="boostYourStars"],
.footermenu .footer-menu-item[data-for="challenges"] 
{
    display: none;
} */
.footermenu .footer-menu-item[data-for="scan"] {
	display: none;
}
.spin-the-wheel-wrapper .wheel-canvas:before,
.loyaltylvl1.spin-the-wheel-wrapper .wheel-canvas:before {
	background-image: url(images/wheel-marker-1.svg);
	/* background-size: cover; */
	width: 43px;
	height: 31px;
	left: calc(50% - 22px);
	top: -5px;
}

.loyaltylvl2.spin-the-wheel-wrapper .wheel-canvas:before {
	background-image: url(images/wheel-marker-2.svg);
}

.loyaltylvl3.spin-the-wheel-wrapper .wheel-canvas:before {
	background-image: url(images/wheel-marker-3.svg);
}

.loyaltylvl4.spin-the-wheel-wrapper .wheel-canvas:before {
	background-image: url(images/wheel-marker-4.svg);
}

.spin-the-wheel-wrapper .wheel-center,
.loyaltylvl1.spin-the-wheel-wrapper .wheel-center {
	background-image: url(images/spin-the-wheel-center-1.svg);
}

.loyaltylvl2.spin-the-wheel-wrapper .wheel-center {
	background-image: url(images/spin-the-wheel-center-2.svg);
}

.loyaltylvl3.spin-the-wheel-wrapper .wheel-center {
	background-image: url(images/spin-the-wheel-center-3.svg);
}

.loyaltylvl4.spin-the-wheel-wrapper .wheel-center {
	background-image: url(images/spin-the-wheel-center-4.svg);
}

.orderdetails .withTitle.ordernum {
	color: var(--main-color) !important;
}
.orders .order .orderNb,
a.mapdir,
.telEmail .lineType .type,
.reachLocations .service-type .service .zmdi,
.reachLocations .working-hours {
	color: var(--main-color);
}

.orderdetails .orders .order .withTitle .highlight {
	color: var(--main-color) !important;
	font-weight: bold;
}

.orderdetails .orders .order .withTitle.ordernum {
	font-size: 18px !important;
	margin-bottom: 0;
}
.errorpopup .title,
.rateit .rateit-selected,
.rateit .rateit-hover {
	color: var(--main-color);
}
.errorpopup .sub-title {
	display: none;
}

.checkoutID .auto-apply .inner-aoffer,
.checkoutID .auto-apply .aoffer {
	/* background: #ffecc4; */
	/* box-shadow: none; */
	margin-bottom: 14px;
}

.checkoutID .aoffer:not(.enabled) .inner-aoffer .title {
	opacity: 0.4;
	color: #fff;
}

.checkoutID .checkout-offer.auto-apply .aoffer img {
	/* display: none; */
	margin-top: 6px;
	margin-left: 9px;
}

.checkoutID .aoffer.enabled::before {
	color: #000;
	top: 50px;
	left: 41px;
	display: none;
}

.checkout-offer .minimumOrderChargeAlert {
	text-align: center;
	color: #e6a739;
}

@media (max-width: 768px) {
	.checkoutID .offerslist {
		/* margin-top: -43px; */
		margin-left: -2px;
	}
	.checkoutID .aoffer .inner-aoffer {
		padding: 8px;
	}
	.checkoutID .aoffer .inner-aoffer .title:before {
		/* content: 'Promo '; */
		position: relative;
	}
}

.loyaltylvl1.spin-the-wheel-wrapper .wheel-center:before {
	background-color: #7eb564 !important;
}

.loyaltylvl2.spin-the-wheel-wrapper .wheel-center:before {
	background-color: #ffb20d !important;
}

.loyaltylvl3.spin-the-wheel-wrapper .wheel-center:before {
	background-color: #b90845 !important;
}

.loyaltylvl4.spin-the-wheel-wrapper .wheel-center:before {
	background-color: #36b0c9 !important;
}

.spin-the-wheel-wrapper.loyaltylvl1 .wheel-frame {
	background-color: #7eb564 !important;
}

.spin-the-wheel-wrapper.loyaltylvl2 .wheel-frame {
	background-color: #bba224 !important;
}

.spin-the-wheel-wrapper.loyaltylvl3 .wheel-frame {
	background-color: #d08488 !important;
}

.spin-the-wheel-wrapper.loyaltylvl4 .wheel-frame {
	background-color: #59baad !important;
}

.split-title {
	font-weight: normal;
}

.home-collection .itemsList .itemGrid .priceWrap .wrap {
	padding-left: 6px;
}
.tracking-wrapper.ispickup .tracking-wrapper .order-eta {
	display: none;
}
/* 
.tracking-wrapper .order-progress.ot-progress-3 .part-3 span {
    display: none;
}
.tracking-wrapper .order-progress.ot-progress-3 .part-3:after {
    background-color: var(--main-color);
}
.tracking-wrapper .order-progress.ot-progress-3 .part-3:after {
    content: '';
    height: 100%;
    width: 10px;
    position: relative;
    display: block;
    border-radius: 5px;

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(100%, 0px, 0px)
        }

        70% {
            opacity: 0;
            transform: translate3d(100%, 0px, 0px)
        }

        100% {
            opacity: 1;
            transform: translate3d(0px, 0px, 0px)
        }
    }

    ;
    animation: backnforth 0.5s ease-in-out alternate infinite;
    background: var(--tracking-color);
} */

.column_cust .block .textarea textarea::placeholder {
	color: #4d4c4ce3;
}

.reachLocations li.has-delivery:not(.has-dinein):not(.has-pickup) {
	display: none;
}

.landing-cards {
	z-index: 2;
	display: block !important;
	position: relative;
}

.tracking-wrapper .order-progress.ot-progress-2 .part-1:after,
.tracking-wrapper .order-progress.ot-progress-3 .part-2:after {
	background-color: var(--main-color);
}
.rd-expiry-notice {
	color: #fff;
	background: #333;
	padding: 17px;
	display: block;
	width: 241px;
	border-radius: 7px;
	color: #999;
}
.home-collection a.title.noprod {
	display: none;
}

.enablesorting .categoryPid .catpagetop .sorter:not(.subempty) select {
	background-color: rgba(255, 255, 255, 0.12);
	border: 0 none;
	border-radius: 7px;
	color: #acacac;
	font-size: 14px;
	padding-left: 17px;
	padding-right: 36px;
	width: auto;
}
@media (max-width: 768px) {
	.enablesorting .categoryPid .catpagetop .sorter:not(.subempty) {
		position: relative;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		display: inline-block;
		margin-top: 0px;
	}
	.referrals #wrapper {
		background-color: #fff !important;
	}
	.categoryPid .subcats.has-main-categories {
		margin-top: 0;
		background-color: #000;
		box-shadow: NONE;
	}
	.subcats a,
	.subcats li.selected a {
		color: #fff;
	}
	.subcats li.selected a {
		border-bottom: 2px solid var(--highlighted-color);
	}
	.cat-1817.categoryPid:not(.sfocused) .homeFilter.ontop .filter {
		top: 105px !important;
	}
	.cat-1817.categoryPid .homeFilter.ontop .filter {
		top: 105px !important;
	}
}

@media (max-width: 768px) {
	.home-collection .swiper-container .swiper-wrapper .itemGrid .heart {
		right: 0;
	}
	.home-collection .swiper-container .swiper-wrapper .itemGrid .descBlock .wrap .d-w .brand:empty + .title {
		letter-spacing: -0.2px;
	}
	.home-collection .swiper-container {
		padding-right: 11px;
	}

	div#customizedModalID {
		/* padding-bottom: 104px; */
	}
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 812px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 2) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px) {
	.cordova .top-categories {
		top: 68px !important;
	}
	.cordova .categoryPid .subcats {
		top: 118px;
	}
}

.far-distance-notice {
	background-color: #515151;
	color: #fff;
	border-bottom: none !important;
}

.far-distance-notice .fa-circle-xmark {
	color: #fff;
}

.far-distance-notice.show-on-bottom:before {
	border-color: transparent transparent #515151 transparent;
}

.accname img {
	height: 38px;
}

.order-from-table-section.error-page .oft-button:not(.oft-button-cancel) {
	display: none;
}

.order-from-table-section .oft-button-cancel {
	font-size: 16px;
	width: 75px;
}

/* _________________________________________________________________________________________ */

.rf-icon-container .zmdi::before {
	content: none;
}

.rf-icon-container .zmdi {
	width: 69px;
	height: 85px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/boshare.png);
}

html.loyaltylvl1 .rf-icon-container .zmdi {
	background-image: url("images/share-icon-lvl1.png");
}

html.loyaltylvl2 .rf-icon-container .zmdi {
	background-image: url("images/share-icon-lvl2.png");
}

html.loyaltylvl3 .rf-icon-container .zmdi {
	background-image: url("images/share-icon-lvl3.png");
}

html.loyaltylvl4 .rf-icon-container .zmdi {
	background-image: url("images/share-icon-lvl4.png");
}

.add-tofav-guideline {
	opacity: 1;
	color: #a79e9e;
}

li.add-tofav-guideline::before {
	content: "" !important;
	width: 86px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

html.lvl-one li.add-tofav-guideline::before {
	background-image: url("images/fav-icon-lvl1.png");
}

html.lvl-two li.add-tofav-guideline::before {
	background-image: url("images/fav-icon-lvl2.png");
}

html.lvl-three li.add-tofav-guideline::before {
	background-image: url("images/fav-icon-lvl3.png");
}

html.lvl-four li.add-tofav-guideline::before {
	background-image: url("images/fav-icon-lvl4.png");
}

.locationName-chosen-branch {
	display: inline !important;
}

.previous-added-items:after {
	content: none;
}

#loginFormID .verifyOTPmobilewrap .verify-mobile {
	border-radius: 0;
}

@media (max-width: 768px) {
	.favoritePid.subPage .content .case .titleAndLegend,
	.subPage .titleAndLegend .title {
		display: block !important;
		font-family: "titlefont";
		font-size: 29px;
	}
}

.challenge-item .challenge-img img {
	/* max-width: 66px; */
	/* max-height: 106px; */
	object-fit: contain;
	object-position: center;
}

.challenge-item:not(.challenge-completed) .challenge-img {
	opacity: 1;
	width: 94px;
}

.reviewBox .rBox .genBtn.full {
	color: #fff;
	border: 0 none;
}

.landingfixedlayout body[act-as="landing-page"] .content .user-greeting-wrapper {
	top: calc(98vw + -52px);
}

.cordova.ios.landingfixedlayout body[act-as="landing-page"] .content .user-greeting-wrapper {
	top: calc(98vw + -22px);
}

.fnb .subTotalBox .totalPrice:nth-child(2) {
	margin-bottom: 4px;
}

.orderdetails .location.editM {
	padding-right: 30px;
}

@media (max-width: 768px) {
	.cordova .categoryPid .subcats.has-main-categories {
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.cordova.enablesorting .categoryPid .content.has-subcategories {
		padding-top: 113px;
	}
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 812px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 2) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px) {
	.enablesorting .categoryPid .content.has-subcategories {
		padding-top: 110px;
	}
}

@media (max-width: 768px) {
	.cordova .categoryPid:not(.sfocused) .homeFilter.ontop .filter {
		top: 55px !important;
	}
}
.deiveringfrom .dinein-close {
	color: #fff;
	position: absolute;
	right: 0;
	top: 3px;
}

.spin-the-wheel-wrapper .page-close {
	padding-top: 11px;
}

.spin-the-wheel-wrapper .reward-page-title.reward-page-title-highlighted {
	position: relative;
}

.spin-the-wheel-wrapper .reward-page-title.reward-page-title-highlighted:after {
	bottom: -20px;
	top: auto;
	left: 0;
	right: 0;
}

.checkoutID .offerslist.checkout-offer:not(.auto-apply) .aoffer {
	background: #fff !important;
}

.checkoutID .offerslist.checkout-offer:not(.auto-apply) .aoffer .inner-aoffer {
	padding: 5px;
}

.checkoutID .offerslist.checkout-offer:not(.auto-apply) .aoffer img {
	margin-bottom: 0;
}

.user-greeting-wrapper .user-greeting .static-greeting {
	color: var(--main-color);
	font-size: 35px;
	letter-spacing: -1.5px;
	font-weight: bold;
}

.user-greeting-wrapper .user-greeting .dynamic-greeting {
	/* color: #fff; */
	font-size: 35px;
	letter-spacing: -1.5px;
}

.user-greeting-wrapper .user-loyalty {
	color: #fff;
	display: none;
}

body:has(.oft-title) .footermenu {
	transform: translateY(200%) !important;
}

.pickup-branches-filter-wrap.pickup-in-store .zmdi-info {
	display: block !important;
}
.cb-current-location .pickup-branches-filter .pickup-branches-filter-wrap.pickup-in-store {
	margin-right: 25px;
}
.gift-cards-link {
	display: none;
}
.hasGiftCards .gift-cards-link {
	display: block;
}

.fnb .subTotalBox .totalPrice.sub {
	display: none;
}
.fnb .subTotalBox .totalPrice.discount-price {
	display: none;
}
.fnb .subTotalBox .totalPrice.promo-discount-price {
	display: block;
	padding-right: 9px;
}
.fnb .subTotalBox .totalPrice.promo-discount-price:before {
	left: -1px;
}
.oft-description li.oft-description-s-3 {
	display: none;
}
.order-from-table-section .oft-description:after {
	content: "Keep adding items. Because why not?";
	display: block;
	font-size: 15px;
	margin-top: 43px;
	text-align: center;
	margin-bottom: -17px;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}
.orders .orderdate {
	padding-left: 0;
	font-size: 16px;
}
.orders .order .withTitle .order-description {
	display: block;
}
.rpis-wrapper .pisc-body .pisc-receipt-wrapper:after {
	display: none;
}
.rpis-wrapper .pisc-body .pisc-receipt-wrapper {
	border-radius: 10px;
	padding-bottom: 25px;
	background-color: var(--main-color);
	box-shadow: 0px 0px 24px rgb(0 0 0 / 15%);
}
.rpis-wrapper .pisc-body .pisc-receipt-wrapper:before {
	display: none;
}
.rpis-wrapper .pisc-body {
	padding-bottom: 0px;
}
.rpis-wrapper .pisc-footer .fa-star {
	color: var(--main-color);
	font-size: 30px;
}
.rpis-wrapper .pisc-body .pisc-receipt-wrapper .pisc-line-wrapepr.pisc-total .pisc-line-title,
.rpis-wrapper .pisc-body .pisc-receipt-wrapper .pisc-line-wrapepr.pisc-total .pisc-line-amount {
	color: #fff;
}
.rpis-wrapper .pisc-body .pisc-receipt-wrapper .pisc-line-wrapepr.pisc-total .pisc-line-amount {
	font-size: 41px;
}
.rpis-wrapper .pisc-body .pisc-receipt-wrapper .pisc-line-wrapepr {
	flex-direction: column;
}
.rpis-wrapper .pisc-footer .pisc-underline {
	color: var(--main-color);
	font-size: 17px;
}
@media (min-width: 769px) {
	.landing-cards,
	.hybrid-home-page .landing-cards {
		display: none !important;
	}
}
.orders .ordering-channel-asap {
	display: none;
}
.challenge-item .challenge-subtitle {
	/* color: #fff; */
	/* font-family: 'titlefont'; */
	font-size: 15px;
}
.challenges-wrapper .page-title::before {
	/* color: #fff; */
	-webkit-text-stroke: 1.5px #000;
	color: transparent;
	font-size: 45px;
}
.challenge-item {
	background: transparent;
	/* border-bottom: inherit; */
}
.landing-cards::before {
	background-color: #ccc;
	height: 3px;
}
@media (max-width: 768px) {
}
/* #endregion */

/* #region Menu */
.mobileMenuWrap {
	left: 17px;
	top: 20px;
	height: calc(100% - 40px) !important;
	border-radius: 19px;
	overflow: visible;
}

.mobileMenuWrap .holder {
	border-radius: 19px;
	box-shadow: 0px 3px 6px #00000029;
}

.menuhead {
	height: 54px;
}

.menuhead::after {
	display: none;
}

.mobileMenuWrap .scroll-menu {
	overflow: visible;
}

.menulogo {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 75px;
}

.menuqlinks::before {
	content: "";
	background-image: url("../../config/images/menu_bg.svg");
	position: absolute;
	height: 361px;
	width: 100%;
	top: -54px;
	left: 0;
	pointer-events: none;
	background-size: cover;
	background-position: bottom left;
}

.menuqlinks {
	border: 0 none;
	background-color: #fff;
	display: flex;
	margin-bottom: 60px;
}

.mobileMenuWrap .menuqlinks .lineLink {
	float: none;
	display: flex;
	flex-direction: column;
	height: auto;
	align-items: center;
}

.mobileMenuWrap .menuqlinks .lineLink .zmdi {
	position: relative;
	left: auto;
	transform: none;
	top: auto;
}

.mobileMenuWrap .menuqlinks .lineLink .text {
	font-size: 10px !important;
	font-weight: normal !important;
	color: #000 !important;
	line-height: normal !important;
	margin-top: 17px;
}

.menuqlinks .lineLink:nth-child(1) {
	order: 2;
}

.menuqlinks .lineLink:nth-child(1) .zmdi::before {
	background-image: url("../../config/images/bofav.png");
	content: "";
	width: 46px;
	height: 46px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.menuqlinks .lineLink:nth-child(2) {
	order: 3;
}

.menuqlinks .lineLink:nth-child(2) .zmdi::before {
	background-image: url("../../config/images/boorders.png");
	content: "";
	width: 46px;
	height: 46px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.menuqlinks .lineLink:nth-child(3) {
	order: 1;
}

.menuqlinks .lineLink:nth-child(3) .zmdi::before {
	background-image: url("../../config/images/boreorder.png");
	content: "";
	width: 46px;
	height: 46px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.menuqlinks .lineLink:nth-child(4) {
	display: none;
}

.menuqlinks + .swiper-container1 .catinmenu {
	display: none;
}

.menuqlinks + .swiper-container1 .zmdi-facebook::before {
	/* background-image: url("../../config/images/icon-facebook.svg"); */
	/* content: ""; */
	/* width: 30px; */
	/* height: 30px; */
	/* display: inline-block; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
	/* background-size: auto; */
	filter: invert(1);
}

.mobileMenuWrap .lineLink .text {
	font-weight: normal;
	color: #000;
	font-family: "titlefont";
}

.menuhead .zmdi.zmdi-sort-amount-desc {
	font-family: "Font Awesome 6 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	color: #000;
	font-weight: 900;
	font-size: 27px;
	padding-top: 25px;
	padding-top: 0;
}

.menuhead .zmdi.zmdi-sort-amount-desc::before {
	content: "\f142";
}

.ref-button {
	border: 0 none;
	width: 160px;
	margin-left: 15px;
	line-height: 14px;
	margin-top: 40px;
	margin-bottom: 23px;
	font-size: 15px;
	font-weight: bold;
}

.ref-button::before {
	background-image: url("../../config/images/boshare.png");
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.userainfo {
	border: 0 none;
}

html.is-navOpen .ssm-overlay {
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	background-color: transparent;
}

@media (max-width: 768px) {
	.menulogo .logo img {
		max-width: 70px;
	}

	.sm-pages {
		display: none;
	}
}
/* #endregion */

.menuMob .zmdi {
	font-family: "Font Awesome 6 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	color: #000;
	font-weight: 900;
	font-size: 27px;
	/* padding-top: 28px; */
}
.menuMob .zmdi::before {
	content: "\f142";
	color: #fff;
}
.menuList.bag::before {
	background-image: url("../../config/images/bag-icon.svg?");
	content: "" !important;
	width: 31px;
	display: inline-block;
	height: 36px;
	background-repeat: no-repeat;
	filter: invert(1);
}
.nbHolding {
	color: #fff;
	margin-right: 0;
	position: absolute;
	right: 0;
	top: 12px;
}
.nbHolding span {
	font-size: 12px;
}
.landing-card .action-btn {
	width: 100%;
}
.addtobagbtn.show::before {
	right: 0px;
	left: auto;
	top: 31px;
	font-size: 12px;
	opacity: 0.7 !important;
}
.kangaroo-loyalty-points {
	display: none;
}
.cb-wrapper .addresses-wrapper .addresses-list .address-item .fa-circle-dot {
	left: unset;
	right: 0;
}
.large-menu-img .itemsList .itemGrid .picture {
	padding-bottom: 100%;
}
.challenge-progress .pending-amount {
	background-color: #fee097;
}
@media (max-width: 769px) {
	.cordova.ios.landingfixedlayout body[act-as="landing-page"] .content .header {
		height: calc(85vw + 54px);
	}
	.cordova.ios body.homePid[act-as="home-page"] #wrapper {
		padding-top: 180px;
	}
}
@media (max-width: 768px) {
	.subPage .catpagetop .free-cat-title {
		color: #000;
	}
}
.offers-section:not(.online-vouchers-page) .online-vouchers-title {
	display: block;
}
.cb-wrapper .addresses-wrapper .addresses-list .address-item .fa-circle,
.cb-wrapper .addresses-wrapper .addresses-list .address-item .fa-circle-dot {
	right: unset;
	left: 0;
}
.pickup-identifier-container .input-wrapper input::placeholder {
	direction: rtl !important;
}
.customnote .blcWrap * {
	transform: none !important;
	direction: ltr !important;
	text-transform: none !important;
}
.cordova.header .swiper-pagination.main-swiper-pagination {
	top: calc(110vw - 110px) !important;
}
.cordova.landingfixedlayout body[act-as="landing-page"] .content .user-greeting-wrapper {
	top: calc(98vw + -22px);
}

/* #region GTM */
@media (max-width: 768px) {
	.cb-wrapper.show {
		overflow: auto;
	}
}
@media only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 812px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 2) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px), only screen and (-webkit-device-pixel-ratio: 3) and (min-device-height: 896px) and (min-device-width: 414px) and (max-device-width: 700px), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3), only screen and (device-width: 320px) and (device-height: 693px) and (-webkit-device-pixel-ratio: 3) {
	.cordova.ios.visible-footer body[act-as="landing-page"] .MenuParts.fix::before {
		content: none;
	}
}
body.offers .offers-wrap .offer .title {
	width: calc(100% - 89px);
}
.subPage .catpagetop .free-cat-title {
	color: #000 !important;
}
.minimumOrderChargeAlert.minimumOrderCouponChargeAlert {
	height: unset !important;
	text-align: left;
}
.offers-wrap .offer .title {
	text-align: left;
}
.homePid .aoffer .inner-aoffer .choose-change-product {
	margin-left: 83px !important;
}
@media (max-width: 768px) {
	.offerslist {
		height: 131px !important;
	}
}
.holder.ssm-nav-visible .scroll-menu {
	overflow: auto;
}
.itemGrid .heart .zmdi.zmdi-star-outline::before {
	content: "\f27c" !important;
	font-weight: 400;
	font-size: 22px;
	font-family: "Material-Design-Iconic-Font";
}
.itemGrid .heart .zmdi.zmdi-star::before {
	content: "\f27d" !important;
	font-weight: 900;
	font-size: 22px;
	font-family: "Material-Design-Iconic-Font";
}
.homePid .categories ul > li a.picture{
  background-color: #000;
}
.homePid .categories ul > li img{
  margin-top: 0;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  bottom: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 769px) {
  /* .cb-current-location.cb-wrapper .cb-header,
  .choose-location-first.cb-wrapper .cb-header{
    padding: 0;
    margin: 0;
  } */
  .cb-current-location.cb-wrapper .order-methods .order-method-wrap,
  .choose-location-first.cb-wrapper .order-methods .order-method-wrap{
    padding-bottom: 0;
  }
  .rtl .cb-wrapper.choose-location-first.location-detected:has(.order-methods):before{
    content: "اختر طريقة الطلب";
  }
}
/* #endregion */
#cat-title-Size{
	display: none;
}
.challenge-item .challenge-action{
  line-height: 39px;
  margin-top:8px;
  margin-left: auto;
}
.rtl .challenge-item .challenge-action{
  margin-right: auto;
  margin-left: 0;
}
.cb-wrapper .cb-header{
  display:none
}
.itemGrid .priceWrap .wrap .genBtn.customize{
  display: none;
}
body.showModal.inproduct .addtobagbtn.innerProductBtn{
  font-size: 18px;
}
.rtl #addressFormId .inputWrap .label{
	margin-right: 0 !important;
}
.myBagModule .itemBags .customPart .line[data-type="Size"] {
	display: none;
  }

  .aoffer .inner-aoffer{
	min-height: 80px;
  }

.customizedID .inner-customization-wrapper .listing-nutrition-facts-wrapper {
	justify-content: flex-start;
}
.rtl .customizedID .inner-customization-wrapper .listing-nutrition-facts-wrapper {
	justify-content: flex-end;
}
.customizedID .listing-nutrition-facts-wrapper .ingredients-container{
	pointer-events: none;
}

.rtl .box_date.pickordel .order-method .order-method-deliveryspan {
    padding-top: 5px;
}

.cb-wrapper .order-methods .order-method-wrap.delivery-order-method {
	background-image: url(../../config/images/delivery-popup.png);
	background-position: center 8px;
	background-size: 31px;
	background-repeat: no-repeat;
	padding-top: 28px;
	padding-right: 0;
	padding-left: 0;
	height: 35px;
	padding-top: 34px;
}
.cb-wrapper .order-methods .order-method-wrap.pickup-order-method {
	background-image: url(../../config/images/pickup-popup.png);
	background-position: center 8px;
	background-size: 31px;
	background-repeat: no-repeat;
	padding-top: 28px;
	padding-right: 0;
	padding-left: 0;
	height: 35px;
	padding-top: 35px;
}

.cb-wrapper .order-methods .order-method-wrap.checked {
    font-weight: bold;
    color: #fbb617;
}
/* 
.cb-wrapper .order-methods .order-method-wrap.delivery-order-method {
	background-image: url(../../config/images/delivery-popup.png);
	background-position: 105px 12px;
	background-size: 31px auto;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 16px;
	padding-left: 0;
	height: 40px;
}
.cb-wrapper .order-methods .order-method-wrap.pickup-order-method {
	background-image: url(../../config/images/pickup-popup.png);
	background-position: 102px 14px;
	background-size: 31px auto;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 16px;
	padding-left: 0;
	height: 40px;
} */

html.large-menu-img .itemsList .itemGrid .priceWrap .wrap {
    margin-top: 0px;
}

.rtl .paymentMethods .dateForm .input {
    margin-right: -5px!important;
    width: calc(100% - 0px);
}
.challenge-item .challenge-action{
    margin-top: 15px !important;
}
.challenge-item .challenge-section:nth-child(2) {
    padding: 0 15px;
}
.category-title{
  padding: 0 13px 13px 13px;
  font-family: "titlefont";
}
.top-categories div {
  color: #333;
  text-decoration: none;
  font-size: 14px;
  transition: all .2s linear 0.5s;
  height: 25px;
  display: inline-block;
}
.categoryPid .top-categories .link li div {
  color: #fff;
  font-size: 17px;
  line-height: 20px;
  font-family: "titlefont";
}
body.categoryPid .footermenu .footer-menu-item[data-for="order"] .footer-menu-item-icon path,
body.homePid[act-as="home-page"] .footermenu .footer-menu-item[data-for="order"] .footer-menu-item-icon path {
	fill: var(--main-color);
}
body.categoryPid .footermenu .footer-menu-item[data-for="order"] .footer-menu-item-title,
body.homePid[act-as="home-page"] .footermenu .footer-menu-item[data-for="order"] .footer-menu-item-title {
	color: var(--main-color);
}
.large-menu-img .categoryPid .itemGrid .descBlock .wrap .picture img, 
.large-menu-img .categoryPid .itemGrid .descBlock .wrap .picture{
  border: 0 none;
}
.itemsList .products-listing:not(.swiper-wrapper) .itemGrid{
  background-color: #FFF !important;
  border-radius: 15px;
  margin-left: 15px !important;
  margin-right: 15px !important;
  width: calc(100% - 30px) !important;
}
.large-menu-img .itemsList .itemGrid .picture{
  padding-bottom: 60%;
}
.large-menu-img .categoryPid .itemGrid .descBlock .wrap .picture img, .large-menu-img .categoryPid .itemGrid .descBlock .wrap .picture{
  object-fit: contain;
}
.itemsList .itemGrid .picture{
  background-color: #FFF;
}
.inner-customization-inline{
  position: relative;
  transform: none;
  bottom: auto;
}