@font-face {
	font-family: "Estedad";
	src: url("../../fonts/Estedad.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

body {
	--dm-page-bg: #FBF7EF;
	--dm-surface: #FFFFFF;
	--dm-surface-glass: rgba(255, 255, 255, .68);
	--dm-surface-2: #F3EEE0;
	--dm-border: #E7DFC9;
	--dm-border-glass: rgba(255, 255, 255, .5);
	--dm-text: #2C2A21;
	--dm-text-secondary: #6B6754;
	--dm-text-muted: #9B9680;
	--dm-accent: #F2762E;
	--dm-accent-hover: #D45F1E;
	--dm-on-accent: #1A0F08;
	--dm-brand: #F2762E;
	--dm-brand-dark: #D45F1E;
	--dm-success: #4C7A46;
	--dm-success-bg: #E7F0E2;
	--dm-danger: #B5453A;
	--dm-danger-bg: #FBEAE7;
	--dm-warning: #B9822E;
	--dm-warning-bg: #FBF0DD;
	--dm-blur: 14px;

	--dm-rail-width: clamp(200px, 28%, 340px);

	--dm-space-1: 4px;
	--dm-space-2: 8px;
	--dm-space-3: 12px;
	--dm-space-4: 16px;
	--dm-space-5: 24px;
	--dm-space-6: 32px;

	--dm-radius-sm: 10px;
	--dm-radius-md: 16px;
	--dm-radius-lg: 22px;
	--dm-radius-pill: 999px;

	--dm-shadow-sm: 0 2px 8px rgba(60, 50, 20, .07);
	--dm-shadow-md: 0 12px 32px -10px rgba(60, 50, 20, .2);
	--dm-shadow-lg: 0 24px 56px -16px rgba(60, 50, 20, .28);

	--dm-font-size-base: 15px;

	--dm-color-bg: var(--dm-page-bg);
	--dm-color-header: var(--dm-surface-glass);
	--dm-color-text: var(--dm-text);
	--dm-color-title: var(--dm-text);
	--dm-color-desc: var(--dm-text-secondary);
	--dm-color-price: var(--dm-brand);
	--dm-color-discount: var(--dm-accent);
	--dm-color-add-btn: var(--dm-brand);
	--dm-color-qty-btn: var(--dm-brand);
	--dm-color-badge: var(--dm-accent);
	--dm-color-active-cat: var(--dm-brand);
	--dm-color-inactive-cat: var(--dm-surface);
	--dm-color-cart: var(--dm-brand);
	--dm-color-border: #E7DFC9;
	--dm-color-card-bg: var(--dm-surface);
	--dm-color-hover: var(--dm-accent);
	--dm-color-modal: var(--dm-surface-glass);
	--dm-color-footer: var(--dm-text-muted);
}

body[data-menufa-theme="dark"] {
	--dm-page-bg: #121214;
	--dm-surface: #1C1C1F;
	--dm-surface-glass: rgba(28, 28, 31, .72);
	--dm-surface-2: #232326;
	--dm-border: #2A2A2E;
	--dm-border-glass: rgba(255, 255, 255, .1);
	--dm-text: #F5F4F2;
	--dm-text-secondary: #B4B2AE;
	--dm-text-muted: #86837E;
	--dm-accent: #F2762E;
	--dm-accent-hover: #FF8E4D;
	--dm-on-accent: #17100A;
	--dm-brand: #F2762E;
	--dm-brand-dark: #D45F1E;
	--dm-success: #5FC17E;
	--dm-success-bg: rgba(95, 193, 126, .16);
	--dm-danger: #EF5657;
	--dm-danger-bg: rgba(239, 86, 87, .16);
	--dm-warning: #F0C349;
	--dm-warning-bg: rgba(240, 195, 73, .16);
	--dm-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);
	--dm-shadow-md: 0 12px 32px -10px rgba(0, 0, 0, .5);
	--dm-shadow-lg: 0 24px 56px -16px rgba(0, 0, 0, .6);
}

body.menufa-fullscreen-body {
	margin: 0 !important;
	padding: 0 !important;
	background: var(--dm-color-bg) !important;
}

.menufa-app {
	direction: rtl !important;
	font-family: "Estedad", Tahoma, sans-serif !important;
	font-size: var(--dm-font-size-base) !important;
	line-height: 1.7 !important;
	color: var(--dm-color-text) !important;
	background: var(--dm-color-bg) !important;
	display: block !important;
	padding-bottom: 96px !important;
	min-height: 60vh !important;
}

.menufa-app,
.menufa-app * {
	box-sizing: border-box !important;
}

.menufa-app *,
.menufa-app *::before,
.menufa-app *::after {
	font-family: inherit !important;
}

.menufa-app img {
	max-width: 100% !important;
	display: block !important;
}

.menufa-app svg,
.menufa-auth-modal svg,
.menufa-closed-modal svg {
	flex-shrink: 0 !important;
	display: inline-block !important;
}

.menufa-app svg[width="14"],
.menufa-auth-modal svg[width="14"],
.menufa-closed-modal svg[width="14"] {
	width: 14px !important;
	height: 14px !important;
}

.menufa-app svg[width="16"],
.menufa-auth-modal svg[width="16"],
.menufa-closed-modal svg[width="16"] {
	width: 16px !important;
	height: 16px !important;
}

.menufa-app svg[width="17"],
.menufa-auth-modal svg[width="17"] {
	width: 17px !important;
	height: 17px !important;
}

.menufa-app svg[width="18"],
.menufa-auth-modal svg[width="18"],
.menufa-closed-modal svg[width="18"] {
	width: 18px !important;
	height: 18px !important;
}

.menufa-app svg[width="20"],
.menufa-auth-modal svg[width="20"] {
	width: 20px !important;
	height: 20px !important;
}

.menufa-app button {
	font-family: inherit !important;
	cursor: pointer !important;
	background: none;
	border: none;
	color: inherit;
}

.menufa-app a {
	color: inherit;
	text-decoration: none !important;
}

.menufa-app input {
	font-family: inherit !important;
}


.menufa-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 20 !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-4) !important;
	flex-wrap: wrap !important;
	background: var(--dm-color-header) !important;
	backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	-webkit-backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	border-bottom: 1px solid var(--dm-border-glass) !important;
	box-shadow: var(--dm-shadow-sm) !important;
	padding: var(--dm-space-3) var(--dm-space-4) !important;
}

.menufa-header__logo {
	font-weight: 700 !important;
	font-size: 18px !important;
	color: var(--dm-color-title) !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
}

.menufa-header__logo img {
	height: 38px !important;
	width: auto !important;
	max-width: none !important;
	object-fit: contain !important;
	border-radius: var(--dm-radius-sm) !important;
	display: block !important;
}

.menufa-header__menu {
	flex: 1 !important;
	min-width: 0 !important;
}

.menufa-header__menu ul {
	display: flex !important;
	gap: var(--dm-space-4) !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: auto !important;
}

.menufa-header__menu a {
	font-size: 14px !important;
	color: var(--dm-color-desc) !important;
	white-space: nowrap !important;
	transition: color .15s ease !important;
}

.menufa-header__menu a:hover {
	color: var(--dm-color-hover) !important;
}

.menufa-header__actions {
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-2) !important;
	margin-right: auto !important;
}

.menufa-header__icon-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-width: 38px !important;
	min-height: 38px !important;
	color: var(--dm-color-desc) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 9px 12px !important;
	background: var(--dm-color-card-bg) !important;
	border: 1px solid var(--dm-color-border) !important;
	border-radius: var(--dm-radius-pill) !important;
	box-shadow: var(--dm-shadow-sm) !important;
	transition: background .15s ease, color .15s ease, border-color .15s ease, transform .12s ease !important;
}

.menufa-header__icon-link:hover {
	background: var(--dm-color-hover) !important;
	color: var(--dm-on-accent) !important;
	border-color: var(--dm-color-hover) !important;
	transform: translateY(-1px) !important;
}

.menufa-header__icon-link[data-menufa-search-trigger],
.menufa-header__icon-link[data-menufa-auth-trigger] {
	padding: 9px !important;
}

@media (max-width: 640px) {
	.menufa-header {
		padding: var(--dm-space-2) var(--dm-space-3) !important;
		gap: var(--dm-space-2) !important;
	}

	.menufa-header__logo {
		font-size: 15px !important;
	}

	.menufa-header__logo img {
		height: 30px !important;
	}

	.menufa-header__icon-link span {
		display: none !important;
	}

	.menufa-header__icon-link {
		padding: 8px !important;
	}
}


.menufa-hero-status {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: var(--dm-space-3) !important;
	margin: var(--dm-space-3) var(--dm-space-4) 0 !important;
	padding: 10px var(--dm-space-4) !important;
	border-radius: var(--dm-radius-md) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

.menufa-hero-status--open {
	background: var(--dm-success-bg) !important;
	color: var(--dm-success) !important;
}

.menufa-hero-status--closed {
	background: var(--dm-danger-bg) !important;
	color: var(--dm-danger) !important;
}

.menufa-hero-status__lamp {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	flex-shrink: 0 !important;
	background: currentColor !important;
}

.menufa-hero-status--open .menufa-hero-status__lamp {
	animation: menufa-lamp-pulse 1.8s ease-in-out infinite !important;
}

@keyframes menufa-lamp-pulse {
	0%, 100% { box-shadow: 0 0 0 0 currentColor; opacity: 1; }
	50% { box-shadow: 0 0 0 5px transparent; opacity: .65; }
}

.menufa-slider {
	position: relative !important;
	margin: var(--dm-space-3) var(--dm-space-4) 0 !important;
	border-radius: var(--dm-radius-lg) !important;
	overflow: hidden !important;
	box-shadow: var(--dm-shadow-sm) !important;
}

.menufa-slider__track {
	display: flex !important;
	overflow-x: auto !important;
	scroll-snap-type: x mandatory !important;
	scrollbar-width: none !important;
}

.menufa-slider__track::-webkit-scrollbar {
	display: none !important;
}

.menufa-slider__slide {
	position: relative !important;
	flex: 0 0 100% !important;
	scroll-snap-align: start !important;
	aspect-ratio: 16 / 7 !important;
	background: var(--dm-color-card-bg) !important;
}

@media (min-width: 900px) {
	.menufa-slider__slide {
		aspect-ratio: 21 / 5 !important;
		max-height: 280px !important;
	}
}

.menufa-slider__slide--clickable {
	cursor: pointer !important;
}

.menufa-slider__slide picture {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.menufa-slider__slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

@media (max-width: 767px) {
	.menufa-slider__slide[data-show-mobile="0"],
	.menufa-slider__dot[data-show-mobile="0"] {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.menufa-slider__slide[data-show-tablet="0"],
	.menufa-slider__dot[data-show-tablet="0"] {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	.menufa-slider__slide[data-show-desktop="0"],
	.menufa-slider__dot[data-show-desktop="0"] {
		display: none !important;
	}
}

.menufa-slider__caption {
	position: absolute !important;
	inset-inline: 0 !important;
	bottom: 0 !important;
	padding: var(--dm-space-4) !important;
	background: linear-gradient(to top, rgba(0, 0, 0, .65), transparent) !important;
	color: #fff !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

.menufa-slider__caption strong {
	font-size: 15px !important;
	font-weight: 700 !important;
}

.menufa-slider__caption span {
	font-size: 12.5px !important;
	opacity: .9 !important;
}

.menufa-slider__dots {
	position: absolute !important;
	bottom: 10px !important;
	inset-inline: 0 !important;
	display: flex !important;
	justify-content: center !important;
	gap: 6px !important;
	pointer-events: none !important;
}

.menufa-slider__dot {
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, .5) !important;
	border: none !important;
	padding: 0 !important;
	pointer-events: auto !important;
	transition: background .2s ease, transform .2s ease !important;
}

.menufa-slider__dot[data-active="true"] {
	background: #fff !important;
	transform: scale(1.3) !important;
}

.menufa-products-title {
	margin: var(--dm-space-4) var(--dm-space-3) var(--dm-space-3) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--dm-color-title) !important;
	position: relative !important;
	padding-inline-start: 10px !important;
}

.menufa-products-title::before {
	content: "" !important;
	position: absolute !important;
	inset-inline-start: 0 !important;
	top: 2px !important;
	bottom: 2px !important;
	width: 4px !important;
	border-radius: 2px !important;
	background: var(--dm-color-hover) !important;
}

.menufa-categories {
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-2) !important;
	padding: var(--dm-space-4) !important;
	overflow-x: auto !important;
	scrollbar-width: thin !important;
}

.menufa-categories button {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 40px !important;
	background: var(--dm-color-inactive-cat) !important;
	border: 1px solid var(--dm-color-border) !important;
	color: var(--dm-color-desc) !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	padding: 9px 18px !important;
	border-radius: var(--dm-radius-pill) !important;
	box-shadow: var(--dm-shadow-sm) !important;
	transition: background .15s ease, color .15s ease, border-color .15s ease, transform .12s ease !important;
}

.menufa-categories button:hover {
	border-color: var(--dm-color-hover) !important;
	transform: translateY(-1px) !important;
}

.menufa-categories button img {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	display: block !important;
	flex-shrink: 0 !important;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) !important;
}

body[data-menufa-theme="dark"] .menufa-categories button img {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .08) !important;
}

.menufa-categories button[data-active="true"] {
	background: var(--dm-color-active-cat) !important;
	border-color: var(--dm-color-active-cat) !important;
	color: var(--dm-on-accent) !important;
}


.menufa-products {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: var(--dm-space-4) !important;
	padding: 0 var(--dm-space-4) var(--dm-space-4) !important;
}

@media (min-width: 560px) {
	.menufa-products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (min-width: 900px) {
	.menufa-products {
		grid-template-columns: repeat(var(--menufa-category-columns, 3), 1fr) !important;
	}
}

.menufa-product-card {
	background: var(--dm-color-card-bg) !important;
	border: 1px solid var(--dm-color-border) !important;
	border-radius: var(--dm-radius-md) !important;
	overflow: hidden !important;
	box-shadow: var(--dm-shadow-sm) !important;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease !important;
	display: flex !important;
	flex-direction: column !important;
}

.menufa-product-card:hover {
	box-shadow: var(--dm-shadow-md) !important;
	transform: translateY(-3px) !important;
	border-color: var(--dm-color-hover) !important;
}

.menufa-product-card__body {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	flex: 1 !important;
}

.menufa-product-card img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3 !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	flex-shrink: 0 !important;
	cursor: pointer !important;
	transition: transform .3s ease !important;
}

.menufa-product-card:hover img {
	transform: scale(1.03) !important;
}

.menufa-product-card h3 {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--dm-color-title) !important;
	margin: var(--dm-space-3) var(--dm-space-3) 2px !important;
	cursor: pointer !important;
}

.menufa-product-card p {
	font-size: 12.5px !important;
	color: var(--dm-color-desc) !important;
	margin: 0 var(--dm-space-3) var(--dm-space-2) !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

.menufa-product-card__footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: var(--dm-space-2) !important;
	margin: auto var(--dm-space-3) var(--dm-space-3) var(--dm-space-3) !important;
}

.menufa-product-card__price {
	margin: 0 !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	color: var(--dm-color-price) !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
	min-width: 0 !important;
}

.menufa-product-card__price del {
	color: var(--dm-color-desc) !important;
	font-weight: 400 !important;
	margin-left: 6px !important;
	opacity: .8 !important;
}

.menufa-product-card__price ins {
	text-decoration: none !important;
	color: var(--dm-color-discount) !important;
}

.menufa-product-card [data-menufa-controls] {
	margin: 0 !important;
	flex-shrink: 0 !important;
}

.menufa-product-card [data-menufa-controls] > button {
	background: var(--dm-color-add-btn) !important;
	color: var(--dm-on-accent) !important;
	border: none !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 9px 22px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	box-shadow: 0 6px 16px -6px rgba(63, 81, 66, .5) !important;
	transition: background .15s ease, transform .12s ease !important;
}

.menufa-product-card [data-menufa-controls] > button:hover {
	background: var(--dm-color-hover) !important;
	transform: translateY(-1px) !important;
}

.menufa-qty-stepper {
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-3) !important;
	background: var(--dm-color-card-bg) !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 4px 6px !important;
	width: fit-content !important;
}

.menufa-qty-stepper button {
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	border-radius: 50% !important;
	background: var(--dm-color-card-bg) !important;
	border: 1px solid var(--dm-color-border) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--dm-color-qty-btn) !important;
	font-size: 15px !important;
	line-height: 1 !important;
	transition: background .15s ease, color .15s ease !important;
}

.menufa-qty-stepper button:hover {
	background: var(--dm-color-qty-btn) !important;
	color: var(--dm-on-accent) !important;
	border-color: var(--dm-color-qty-btn) !important;
}

.menufa-qty-stepper button[data-remove] {
	color: var(--dm-danger) !important;
}

.menufa-qty-stepper button[data-remove]:hover {
	background: var(--dm-danger) !important;
	color: #fff !important;
	border-color: var(--dm-danger) !important;
}

.menufa-qty-stepper span {
	font-variant-numeric: tabular-nums !important;
	font-weight: 700 !important;
	min-width: 16px !important;
	text-align: center !important;
}

.menufa-out-of-stock {
	color: var(--dm-danger) !important;
	background: var(--dm-danger-bg) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	padding: 6px 14px !important;
	border-radius: var(--dm-radius-pill) !important;
}

.menufa-product-card--unavailable {
	position: relative !important;
}

.menufa-product-card--unavailable img {
	filter: grayscale(70%) blur(1.5px) brightness(.9) !important;
	cursor: default !important;
}

.menufa-product-card--unavailable:hover img {
	transform: none !important;
}

.menufa-product-card--unavailable::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none !important;
	border-radius: var(--dm-radius-md) !important;
	box-shadow: inset 0 0 0 1px var(--dm-color-border) !important;
}


.menufa-app[data-category-layout="right-vertical"],
.menufa-app[data-category-layout="left-vertical"] {
	display: grid !important;
	gap: 0 var(--dm-space-4) !important;
	align-items: start !important;
}

.menufa-app[data-category-layout="right-vertical"] {
	grid-template-columns: var(--dm-rail-width) 1fr !important;
	grid-template-areas:
		"header header"
		"hero hero"
		"slider slider"
		"categories products-title"
		"categories products"
		"footer footer" !important;
}

.menufa-app[data-category-layout="left-vertical"] {
	grid-template-columns: 1fr var(--dm-rail-width) !important;
	grid-template-areas:
		"header header"
		"hero hero"
		"slider slider"
		"products-title categories"
		"products categories"
		"footer footer" !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-header,
.menufa-app[data-category-layout="left-vertical"] .menufa-header {
	grid-area: header !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-hero-status,
.menufa-app[data-category-layout="left-vertical"] .menufa-hero-status {
	grid-area: hero !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-slider,
.menufa-app[data-category-layout="left-vertical"] .menufa-slider {
	grid-area: slider !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-products-title,
.menufa-app[data-category-layout="left-vertical"] .menufa-products-title {
	grid-area: products-title !important;
	margin-top: var(--dm-space-4) !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-categories,
.menufa-app[data-category-layout="left-vertical"] .menufa-categories {
	grid-area: categories !important;
	flex-direction: column !important;
	align-items: stretch !important;
	overflow-x: visible !important;
	position: sticky !important;
	top: 74px !important;
	max-height: calc(100vh - 96px) !important;
	overflow-y: auto !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-categories button,
.menufa-app[data-category-layout="left-vertical"] .menufa-categories button {
	justify-content: flex-start !important;
	border-radius: var(--dm-radius-sm) !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-products,
.menufa-app[data-category-layout="left-vertical"] .menufa-products {
	grid-area: products !important;
	padding-right: 0 !important;
	grid-template-columns: repeat(2, 1fr) !important;
}

.menufa-app[data-category-layout="right-vertical"] .menufa-footer,
.menufa-app[data-category-layout="left-vertical"] .menufa-footer {
	grid-area: footer !important;
}

@media (max-width: 780px) {
	body {
		--dm-rail-width: clamp(84px, 28%, 130px) !important;
	}

	.menufa-app[data-category-layout="right-vertical"] {
		grid-template-columns: var(--dm-rail-width) 1fr !important;
	}

	.menufa-app[data-category-layout="left-vertical"] {
		grid-template-columns: 1fr var(--dm-rail-width) !important;
	}

	.menufa-app[data-category-layout="right-vertical"] .menufa-categories,
	.menufa-app[data-category-layout="left-vertical"] .menufa-categories {
		top: 64px !important;
		max-height: calc(100vh - 80px) !important;
		padding: var(--dm-space-2) !important;
	}

	.menufa-app[data-category-layout="right-vertical"] .menufa-categories button,
	.menufa-app[data-category-layout="left-vertical"] .menufa-categories button {
		flex-direction: column !important;
		gap: 4px !important;
		text-align: center !important;
		font-size: 10.5px !important;
		padding: 8px 4px !important;
	}

	.menufa-app[data-category-layout="right-vertical"] .menufa-categories button img,
	.menufa-app[data-category-layout="left-vertical"] .menufa-categories button img {
		width: 40px !important;
		height: 40px !important;
	}

	.menufa-app[data-category-layout="right-vertical"] .menufa-products,
	.menufa-app[data-category-layout="left-vertical"] .menufa-products {
		grid-template-columns: 1fr !important;
		padding-left: var(--dm-space-2) !important;
	}
}


.menufa-product-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 100 !important;
	background: rgba(30, 26, 15, .45) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: center !important;
}

.menufa-product-modal[hidden] {
	display: none !important;
}

.menufa-product-modal__panel {
	position: relative !important;
	background: var(--dm-color-modal) !important;
	backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	-webkit-backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	width: 100% !important;
	max-width: 480px !important;
	max-height: 88vh !important;
	display: flex !important;
	flex-direction: column !important;
	border: 1px solid var(--dm-border-glass) !important;
	border-radius: var(--dm-radius-lg) var(--dm-radius-lg) 0 0 !important;
	box-shadow: var(--dm-shadow-lg) !important;
	overflow: hidden !important;
}

.menufa-product-modal__handle {
	position: absolute !important;
	top: var(--dm-space-2) !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 40px !important;
	height: 4px !important;
	border-radius: var(--dm-radius-pill) !important;
	background: rgba(0, 0, 0, .15) !important;
	z-index: 1 !important;
}

body[data-menufa-theme="dark"] .menufa-product-modal__handle {
	background: rgba(255, 255, 255, .2) !important;
}

@media (min-width: 620px) {
	.menufa-product-modal {
		align-items: center !important;
	}

	.menufa-product-modal__panel {
		border-radius: var(--dm-radius-lg) !important;
	}

	.menufa-product-modal__handle {
		display: none !important;
	}
}

.menufa-modal-close {
	position: absolute !important;
	top: var(--dm-space-3) !important;
	left: var(--dm-space-3) !important;
	z-index: 1 !important;
	background: rgba(255, 255, 255, .85) !important;
	border: none !important;
	border-radius: 50% !important;
	width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--dm-color-desc) !important;
	box-shadow: var(--dm-shadow-sm) !important;
	transition: background .15s ease !important;
}

.menufa-modal-close:hover {
	background: #fff !important;
}

.menufa-modal-close--inline {
	position: static !important;
	top: auto !important;
	left: auto !important;
}

.menufa-product-modal__panel > img {
	width: 100% !important;
	aspect-ratio: 16 / 10 !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	flex-shrink: 0 !important;
}

.menufa-product-modal__body {
	flex: 1 !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	padding: var(--dm-space-4) !important;
}

.menufa-product-modal__panel h2 {
	font-size: 19px !important;
	font-weight: 700 !important;
	color: var(--dm-color-text) !important;
	margin: 0 0 var(--dm-space-2) !important;
}

.menufa-product-modal__description {
	font-size: 13.5px !important;
	line-height: 1.8 !important;
	color: var(--dm-color-desc) !important;
}

.menufa-product-modal__description p:last-child {
	margin-bottom: 0 !important;
}

.menufa-product-modal__footer {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: var(--dm-space-3) !important;
	padding: var(--dm-space-3) var(--dm-space-4) !important;
	border-top: 1px solid var(--dm-border-glass) !important;
	background: var(--dm-color-modal) !important;
}

.menufa-product-modal__footer .menufa-product-card__price {
	margin: 0 !important;
	font-size: 17px !important;
}

.menufa-product-modal__footer [data-menufa-controls] {
	margin: 0 !important;
}


.menufa-search-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 150 !important;
	background: var(--dm-page-bg) !important;
	display: flex !important;
	justify-content: center !important;
}

.menufa-search-modal[hidden] {
	display: none !important;
}

.menufa-search-modal__panel {
	direction: rtl !important;
	width: 100% !important;
	max-width: 720px !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	background: var(--dm-color-modal) !important;
	overflow: hidden !important;
}

@media (min-width: 620px) {
	.menufa-search-modal__panel {
		height: min(80vh, 640px) !important;
		margin: var(--dm-space-6) 0 !important;
		border: 1px solid var(--dm-border-glass) !important;
		border-radius: var(--dm-radius-lg) !important;
		box-shadow: var(--dm-shadow-lg) !important;
	}
}

.menufa-search-modal__bar {
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-2) !important;
	padding: var(--dm-space-3) var(--dm-space-4) !important;
	border-bottom: 1px solid var(--dm-border-glass) !important;
	flex-shrink: 0 !important;
}

.menufa-search-modal__bar svg {
	color: var(--dm-color-desc) !important;
	flex-shrink: 0 !important;
}

.menufa-search-modal__bar input {
	flex: 1 !important;
	min-width: 0 !important;
	background: none !important;
	border: none !important;
	font-size: 16px !important;
	color: var(--dm-color-text) !important;
	padding: var(--dm-space-2) 0 !important;
}

.menufa-search-modal__bar input:focus {
	outline: none !important;
}

.menufa-search-modal__results {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
	gap: var(--dm-space-3) !important;
	padding: var(--dm-space-4) !important;
	overflow-y: auto !important;
}

.menufa-search-modal__results:empty::before {
	content: attr(data-hint) !important;
	grid-column: 1 / -1 !important;
	text-align: center !important;
	color: var(--dm-color-desc) !important;
	padding: var(--dm-space-5) 0 !important;
	font-size: 13.5px !important;
}


.menufa-orders-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 160 !important;
	background: var(--dm-page-bg) !important;
	display: flex !important;
	justify-content: center !important;
}

.menufa-orders-modal[hidden] {
	display: none !important;
}

.menufa-orders-modal__panel {
	direction: rtl !important;
	width: 100% !important;
	max-width: 560px !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	background: var(--dm-color-modal) !important;
	overflow: hidden !important;
}

@media (min-width: 620px) {
	.menufa-orders-modal__panel {
		height: min(84vh, 680px) !important;
		margin: var(--dm-space-6) 0 !important;
		border: 1px solid var(--dm-border-glass) !important;
		border-radius: var(--dm-radius-lg) !important;
		box-shadow: var(--dm-shadow-lg) !important;
	}
}

.menufa-orders-modal__header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: var(--dm-space-4) !important;
	border-bottom: 1px solid var(--dm-border-glass) !important;
	flex-shrink: 0 !important;
}

.menufa-orders-modal__header h2 {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: var(--dm-color-text) !important;
	margin: 0 !important;
}

.menufa-orders-modal__list {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--dm-space-3) !important;
	padding: var(--dm-space-4) !important;
	overflow-y: auto !important;
}

.menufa-order-card {
	background: var(--dm-color-card-bg) !important;
	border: 1px solid var(--dm-color-border) !important;
	border-radius: var(--dm-radius-md) !important;
	box-shadow: var(--dm-shadow-sm) !important;
	padding: var(--dm-space-3) var(--dm-space-4) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--dm-space-2) !important;
	transition: border-color .3s ease, box-shadow .3s ease !important;
}

.menufa-order-card--highlighted {
	border-color: var(--dm-color-hover) !important;
	box-shadow: 0 0 0 3px rgba(63, 81, 66, .18) !important;
}

.menufa-order-card__header {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	font-size: 13px !important;
}

.menufa-order-card__number {
	font-weight: 700 !important;
	color: var(--dm-color-text) !important;
}

.menufa-order-card__date {
	color: var(--dm-color-desc) !important;
	font-variant-numeric: tabular-nums !important;
}

.menufa-order-card__thumbs {
	display: flex !important;
	align-items: center !important;
}

.menufa-order-card__thumbs img {
	width: 40px !important;
	height: 40px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	border: 2px solid var(--dm-color-card-bg) !important;
	box-shadow: var(--dm-shadow-sm) !important;
	margin-inline-start: -12px !important;
	display: block !important;
}

.menufa-order-card__thumbs img:first-child {
	margin-inline-start: 0 !important;
}

.menufa-order-card__footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.menufa-order-card__status {
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 4px 12px !important;
	border-radius: var(--dm-radius-pill) !important;
	background: var(--dm-color-card-bg) !important;
	color: var(--dm-color-desc) !important;
}

.menufa-order-card__status[data-status="completed"] {
	background: var(--dm-success-bg) !important;
	color: var(--dm-success) !important;
}

.menufa-order-card__status[data-status="processing"],
.menufa-order-card__status[data-status="on-hold"] {
	background: var(--dm-warning-bg) !important;
	color: var(--dm-warning) !important;
}

.menufa-order-card__status[data-status="cancelled"],
.menufa-order-card__status[data-status="failed"],
.menufa-order-card__status[data-status="refunded"] {
	background: var(--dm-danger-bg) !important;
	color: var(--dm-danger) !important;
}

.menufa-order-card__total {
	font-weight: 700 !important;
	color: var(--dm-color-price) !important;
	font-size: 14.5px !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

.menufa-order-card__link {
	align-self: flex-start !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: var(--dm-color-hover) !important;
	text-decoration: underline !important;
}


.menufa-checkout-overlay {
	position: fixed !important;
	inset: 0 !important;
	z-index: 300 !important;
	background: var(--dm-page-bg) !important;
	overflow: hidden !important;
	pointer-events: none !important;
	transform: translateX(100%) !important;
	transition: transform .32s ease !important;
}

.menufa-checkout-overlay[hidden] {
	display: none !important;
}

.menufa-checkout-overlay--open {
	transform: translateX(0) !important;
	pointer-events: auto !important;
}

.menufa-checkout-overlay__loading {
	padding: var(--dm-space-4) !important;
	height: 100vh !important;
}


.menufa-floating-cart {
	position: fixed !important;
	bottom: var(--dm-space-4) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 50 !important;
	display: flex !important;
	justify-content: center !important;
	pointer-events: none !important;
}

.menufa-floating-cart[hidden] {
	display: none !important;
}

.menufa-app[data-ordering-disabled="1"] .menufa-floating-cart {
	display: none !important;
}

.menufa-floating-cart__toggle {
	pointer-events: auto !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-3) !important;
	background: var(--dm-color-cart) !important;
	color: var(--dm-on-accent) !important;
	border: 1px solid rgba(255, 255, 255, .15) !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 13px 24px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	box-shadow: var(--dm-shadow-lg) !important;
	transition: transform .15s ease !important;
}

.menufa-floating-cart__toggle:hover {
	transform: translateY(-2px) !important;
}

.menufa-floating-cart__count {
	background: var(--dm-color-badge) !important;
	color: var(--dm-on-accent) !important;
	border-radius: 50% !important;
	width: 22px !important;
	height: 22px !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 12px !important;
	font-variant-numeric: tabular-nums !important;
}

.menufa-floating-cart__backdrop {
	position: fixed !important;
	inset: 0 !important;
	z-index: 55 !important;
	background: rgba(30, 26, 15, .45) !important;
	backdrop-filter: blur(2px) !important;
	-webkit-backdrop-filter: blur(2px) !important;
	pointer-events: none !important;
	opacity: 0 !important;
	transition: opacity .28s ease !important;
}

.menufa-floating-cart__backdrop[hidden] {
	display: none !important;
}

.menufa-floating-cart--drawer-open .menufa-floating-cart__backdrop {
	opacity: 1 !important;
	pointer-events: auto !important;
}

.menufa-floating-cart__drawer {
	pointer-events: none !important;
	position: fixed !important;
	inset: 0 0 0 auto !important;
	z-index: 56 !important;
	width: min(420px, 92vw) !important;
	display: flex !important;
	flex-direction: column !important;
	background: var(--dm-surface-glass) !important;
	backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	-webkit-backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	border-left: 1px solid var(--dm-border-glass) !important;
	box-shadow: var(--dm-shadow-lg) !important;
	padding: var(--dm-space-4) !important;
	transform: translateX(100%) !important;
	transition: transform .28s ease !important;
}

@media (max-width: 619px) {
	.menufa-floating-cart__drawer {
		width: 100vw !important;
		background: var(--dm-page-bg) !important;
		border-left: none !important;
	}

	.menufa-floating-cart__backdrop {
		display: none !important;
	}
}

.menufa-floating-cart--drawer-open .menufa-floating-cart__drawer {
	transform: translateX(0) !important;
	pointer-events: auto !important;
}

.menufa-floating-cart__drawer[hidden] {
	display: none !important;
}

.menufa-floating-cart__drawer-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-shrink: 0 !important;
	margin: calc(var(--dm-space-4) * -1) calc(var(--dm-space-4) * -1) var(--dm-space-3) !important;
	padding: var(--dm-space-4) !important;
	border-bottom: 1px solid var(--dm-border-glass) !important;
}

.menufa-floating-cart__drawer-header h2 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--dm-color-text) !important;
	margin: 0 !important;
}

.menufa-floating-cart__items {
	flex: 1 !important;
	overflow-y: auto !important;
	min-height: 0 !important;
}

.menufa-cart-item {
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-2) !important;
	padding: var(--dm-space-2) 0 !important;
	border-bottom: 1px solid var(--dm-color-border) !important;
	font-size: 13.5px !important;
}

.menufa-cart-item img {
	width: 42px !important;
	height: 42px !important;
	object-fit: cover !important;
	border-radius: var(--dm-radius-sm) !important;
	flex-shrink: 0 !important;
	display: block !important;
}

.menufa-cart-item__info {
	flex: 1 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

.menufa-cart-item__name {
	color: var(--dm-color-text) !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.menufa-cart-item__total {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: var(--dm-color-price) !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

.menufa-cart-item .menufa-qty-stepper {
	flex-shrink: 0 !important;
}

.menufa-floating-cart__summary {
	font-weight: 700 !important;
	color: var(--dm-color-price) !important;
	padding: var(--dm-space-3) 0 !important;
	text-align: left !important;
	font-size: 16px !important;
	flex-shrink: 0 !important;
	border-top: 1px solid var(--dm-border-glass) !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

.menufa-floating-cart__checkout {
	display: block !important;
	flex-shrink: 0 !important;
	text-align: center !important;
	background: var(--dm-color-add-btn) !important;
	color: var(--dm-on-accent) !important;
	border: 1px solid var(--dm-color-add-btn) !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 13px !important;
	font-weight: 700 !important;
	box-shadow: 0 8px 20px -8px rgba(193, 127, 74, .6) !important;
	transition: opacity .15s ease, transform .12s ease !important;
}

.menufa-floating-cart__checkout:hover {
	opacity: .88 !important;
	transform: translateY(-1px) !important;
}


.menufa-footer {
	text-align: center !important;
	padding: var(--dm-space-5) var(--dm-space-4) !important;
	color: var(--dm-color-footer) !important;
	font-size: 12.5px !important;
}


.menufa-login-required,
.menufa-login-required * {
	box-sizing: border-box !important;
}

.menufa-login-required {
	direction: rtl !important;
	font-family: "Estedad", Tahoma, sans-serif !important;
	color: var(--dm-color-text) !important;
	max-width: 360px !important;
	margin: var(--dm-space-6) auto !important;
	text-align: center !important;
	padding: var(--dm-space-5) !important;
	background: var(--dm-color-card-bg) !important;
	border: 1px solid var(--dm-color-border) !important;
	border-radius: var(--dm-radius-md) !important;
	box-shadow: var(--dm-shadow-sm) !important;
}

.menufa-login-required a,
.menufa-login-required__button {
	display: inline-block !important;
	margin-top: var(--dm-space-3) !important;
	background: var(--dm-color-add-btn) !important;
	color: var(--dm-on-accent) !important;
	border: 1px solid var(--dm-color-add-btn) !important;
	padding: 11px 26px !important;
	border-radius: var(--dm-radius-pill) !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	transition: opacity .15s ease !important;
}

.menufa-login-required a:hover,
.menufa-login-required__button:hover {
	opacity: .88 !important;
}


.menufa-empty-state {
	grid-column: 1 / -1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	color: var(--dm-color-desc) !important;
	padding: var(--dm-space-6) var(--dm-space-4) !important;
}

.menufa-empty-state__icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 72px !important;
	height: 72px !important;
	margin-bottom: var(--dm-space-3) !important;
	border-radius: 50% !important;
	background: var(--dm-color-card-bg) !important;
	color: var(--dm-color-desc) !important;
	opacity: .75 !important;
}

.menufa-empty-state__icon svg {
	width: 32px !important;
	height: 32px !important;
}

.menufa-empty-state p {
	margin: 0 !important;
}

.menufa-empty-state__retry {
	background: var(--dm-color-add-btn) !important;
	color: var(--dm-on-accent) !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 9px 22px !important;
	font-weight: 600 !important;
	font-size: 13.5px !important;
	margin-top: var(--dm-space-2) !important;
}

.menufa-empty-state__retry:hover {
	background: var(--dm-color-hover) !important;
}

.menufa-order-success {
	direction: rtl !important;
	font-family: "Estedad", Tahoma, sans-serif !important;
	max-width: 480px !important;
	margin: var(--dm-space-6) auto !important;
	background: var(--dm-color-card-bg) !important;
	border: 1px solid var(--dm-color-border) !important;
	border-radius: var(--dm-radius-md) !important;
	padding: var(--dm-space-5) !important;
	text-align: center !important;
}

.menufa-order-success p {
	margin: 0 0 var(--dm-space-2) !important;
	color: var(--dm-color-text) !important;
}


.menufa-skeleton {
	background: linear-gradient(90deg, var(--dm-color-card-bg) 25%, var(--dm-color-border) 37%, var(--dm-color-card-bg) 63%) !important;
	background-size: 400% 100% !important;
	animation: menufa-shimmer 1.4s ease infinite !important;
	border-radius: var(--dm-radius-sm) !important;
}

.menufa-product-card--skeleton {
	box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.menufa-skeleton {
		animation: none !important;
	}

	.menufa-product-card,
	.menufa-product-card img,
	.menufa-floating-cart__toggle,
	.menufa-categories button {
		transition: none !important;
	}

	.menufa-hero-status--open .menufa-hero-status__lamp {
		animation: none !important;
	}

	.menufa-slider__track {
		scroll-behavior: auto !important;
	}
}

@keyframes menufa-shimmer {
	0% { background-position: 100% 50% !important; }
	100% { background-position: 0 50% !important; }
}


.menufa-auth-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 200 !important;
	background: rgba(30, 26, 15, .5) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: center !important;
}

.menufa-auth-modal[hidden] {
	display: none !important;
}

.menufa-auth-modal__panel {
	direction: rtl !important;
	font-family: "Estedad", Tahoma, sans-serif !important;
	position: relative !important;
	width: 100% !important;
	max-width: 440px !important;
	max-height: 62vh !important;
	overflow-y: auto !important;
	background: var(--dm-color-modal) !important;
	backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	-webkit-backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	border: 1px solid var(--dm-border-glass) !important;
	border-radius: var(--dm-radius-lg) var(--dm-radius-lg) 0 0 !important;
	box-shadow: var(--dm-shadow-lg) !important;
	padding: var(--dm-space-5) !important;
	padding-top: calc(var(--dm-space-5) + 14px) !important;
	transition: transform .25s ease !important;
}

.menufa-auth-modal__handle {
	position: absolute !important;
	top: var(--dm-space-2) !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 40px !important;
	height: 4px !important;
	border-radius: var(--dm-radius-pill) !important;
	background: rgba(0, 0, 0, .15) !important;
	z-index: 2 !important;
	touch-action: none !important;
	cursor: grab !important;
}

body[data-menufa-theme="dark"] .menufa-auth-modal__handle {
	background: rgba(255, 255, 255, .2) !important;
}

.menufa-auth-modal__brand {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: var(--dm-space-4) !important;
}

.menufa-auth-modal__brand img {
	width: auto !important;
	height: auto !important;
	max-width: 160px !important;
	max-height: 64px !important;
	object-fit: contain !important;
	border-radius: var(--dm-radius-sm) !important;
}

.menufa-auth-modal__brand-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 56px !important;
	height: 56px !important;
	border-radius: 50% !important;
	background: var(--dm-color-hover) !important;
	color: var(--dm-on-accent) !important;
}

@media (min-width: 620px) {
	.menufa-auth-modal {
		align-items: center !important;
		padding: var(--dm-space-4) !important;
	}

	.menufa-auth-modal__panel {
		max-height: 85vh !important;
		border-radius: var(--dm-radius-lg) !important;
	}

	.menufa-auth-modal__handle {
		display: none !important;
	}
}

.menufa-auth-modal h2 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--dm-color-text) !important;
	margin: 0 0 var(--dm-space-2) !important;
	text-align: center !important;
}

.menufa-auth-modal p {
	font-size: 13px !important;
	color: var(--dm-color-desc) !important;
	text-align: center !important;
	margin: 0 0 var(--dm-space-4) !important;
}

.menufa-auth-modal label {
	display: block !important;
	font-size: 13px !important;
	color: var(--dm-color-desc) !important;
	margin-bottom: 6px !important;
}

.menufa-auth-modal input {
	width: 100% !important;
	background: rgba(255, 255, 255, .7) !important;
	border: 1px solid var(--dm-color-border) !important;
	border-radius: var(--dm-radius-sm) !important;
	padding: 11px 14px !important;
	font-size: 14px !important;
	color: var(--dm-color-text) !important;
	margin-bottom: var(--dm-space-3) !important;
}

.menufa-auth-modal input:focus {
	outline: none !important;
	border-color: var(--dm-color-hover) !important;
	background: #fff !important;
}


.menufa-auth-step[hidden] {
	display: none !important;
}

.menufa-otp-boxes {
	display: flex !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-bottom: var(--dm-space-3) !important;
	direction: ltr !important;
	transition: filter .2s ease, opacity .2s ease !important;
}

.menufa-otp-boxes .menufa-otp-box {
	width: auto !important;
	min-width: 0 !important;
	max-width: 42px !important;
	height: 50px !important;
	flex: 1 1 0 !important;
	padding: 0 !important;
	text-align: center !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums !important;
	margin-bottom: 0 !important;
}

.menufa-auth-step.is-checking .menufa-otp-boxes {
	filter: blur(2px) !important;
	opacity: .5 !important;
	pointer-events: none !important;
}

.menufa-otp-timer {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 20px !important;
	margin: calc(var(--dm-space-2) * -1) 0 var(--dm-space-3) !important;
	font-size: 12.5px !important;
	color: var(--dm-color-desc) !important;
	font-variant-numeric: tabular-nums !important;
}

.menufa-otp-timer.is-expired {
	color: var(--dm-danger) !important;
}

.menufa-otp-resend {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: var(--dm-color-hover) !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

.menufa-auth-step__checking {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-top: calc(var(--dm-space-2) * -1) !important;
	margin-bottom: var(--dm-space-3) !important;
	font-size: 13px !important;
	color: var(--dm-color-desc) !important;
}

.menufa-auth-step__checking[hidden] {
	display: none !important;
}

.menufa-spinner {
	width: 15px !important;
	height: 15px !important;
	flex-shrink: 0 !important;
	border: 2px solid var(--dm-color-border) !important;
	border-top-color: var(--dm-color-hover) !important;
	border-radius: 50% !important;
	animation: menufa-otp-spin .7s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
	.menufa-spinner {
		animation: none !important;
	}
}

@keyframes menufa-otp-spin {
	to {
		transform: rotate(360deg) !important;
	}
}

.menufa-auth-modal button[type="submit"],
.menufa-auth-modal .menufa-auth-submit {
	width: 100% !important;
	background: var(--dm-color-add-btn) !important;
	color: var(--dm-on-accent) !important;
	border: 1px solid var(--dm-color-add-btn) !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 12px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	margin-top: var(--dm-space-1) !important;
	transition: opacity .15s ease !important;
}

.menufa-auth-modal button[type="submit"]:hover,
.menufa-auth-modal .menufa-auth-submit:hover {
	opacity: .88 !important;
}

.menufa-auth-modal__switch {
	text-align: center !important;
	margin-top: var(--dm-space-4) !important;
	font-size: 13px !important;
	color: var(--dm-color-desc) !important;
}

.menufa-auth-modal__switch button {
	color: var(--dm-color-hover) !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}

.menufa-auth-modal__error {
	background: var(--dm-danger-bg) !important;
	color: var(--dm-danger) !important;
	font-size: 12.5px !important;
	padding: 8px 12px !important;
	border-radius: var(--dm-radius-sm) !important;
	margin-bottom: var(--dm-space-3) !important;
	text-align: center !important;
}

.menufa-auth-modal__error[hidden] {
	display: none !important;
}

.menufa-auth-modal__close {
	position: absolute !important;
	top: var(--dm-space-3) !important;
	left: var(--dm-space-3) !important;
	background: rgba(0, 0, 0, .06) !important;
	border: none !important;
	border-radius: 50% !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--dm-color-desc) !important;
}

.menufa-auth-modal__close:hover {
	background: rgba(0, 0, 0, .12) !important;
}


.menufa-closed-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 210 !important;
	background: rgba(30, 26, 15, .55) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: var(--dm-space-4) !important;
}

.menufa-closed-modal[hidden] {
	display: none !important;
}

.menufa-closed-modal__panel {
	direction: rtl !important;
	font-family: "Estedad", Tahoma, sans-serif !important;
	position: relative !important;
	width: 100% !important;
	max-width: 400px !important;
	max-height: 90vh !important;
	overflow-y: auto !important;
	text-align: center !important;
	background: var(--dm-color-closed-modal-bg, var(--dm-color-modal)) !important;
	backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	-webkit-backdrop-filter: blur(var(--dm-blur)) saturate(130%) !important;
	border: 1px solid var(--dm-border-glass) !important;
	border-radius: var(--dm-radius-lg) !important;
	box-shadow: var(--dm-shadow-lg) !important;
	padding: var(--dm-space-5) !important;
}

.menufa-closed-modal__close {
	position: absolute !important;
	top: var(--dm-space-3) !important;
	left: var(--dm-space-3) !important;
	background: rgba(0, 0, 0, .06) !important;
	border: none !important;
	border-radius: 50% !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--dm-color-desc) !important;
}

.menufa-closed-modal__close:hover {
	background: rgba(0, 0, 0, .12) !important;
}

.menufa-closed-modal__logo {
	width: 72px !important;
	height: 72px !important;
	margin: 0 auto var(--dm-space-3) !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #fff !important;
	border: 2px solid var(--dm-color-closed-modal-accent, var(--dm-color-hover)) !important;
	flex-shrink: 0 !important;
}

.menufa-closed-modal__logo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.menufa-closed-modal__logo svg {
	color: var(--dm-color-closed-modal-accent, var(--dm-color-hover)) !important;
}

.menufa-closed-modal__title {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--dm-color-text) !important;
	margin: 0 0 var(--dm-space-2) !important;
}

.menufa-closed-modal__badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: var(--dm-danger-bg) !important;
	color: var(--dm-danger) !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	padding: 5px 12px !important;
	border-radius: var(--dm-radius-pill) !important;
	margin-bottom: var(--dm-space-3) !important;
}

.menufa-closed-modal__message {
	font-size: 13.5px !important;
	color: var(--dm-color-desc) !important;
	line-height: 1.8 !important;
	margin: 0 0 var(--dm-space-4) !important;
}

.menufa-closed-modal__row {
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-2) !important;
	background: rgba(0, 0, 0, .035) !important;
	border-radius: var(--dm-radius-sm) !important;
	padding: 10px 14px !important;
	margin-bottom: var(--dm-space-2) !important;
	font-size: 13px !important;
	color: var(--dm-color-text) !important;
	text-align: right !important;
}

.menufa-closed-modal__row svg {
	color: var(--dm-color-closed-modal-accent, var(--dm-color-hover)) !important;
}

.menufa-closed-modal__accordion {
	margin: var(--dm-space-3) 0 !important;
	border: 1px solid var(--dm-color-border) !important;
	border-radius: var(--dm-radius-sm) !important;
	overflow: hidden !important;
	text-align: right !important;
}

.menufa-closed-modal__accordion-trigger {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--dm-space-2) !important;
	background: rgba(0, 0, 0, .035) !important;
	border: none !important;
	padding: 12px 14px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: var(--dm-color-text) !important;
	cursor: pointer !important;
}

.menufa-closed-modal__accordion-trigger svg:first-child {
	color: var(--dm-color-closed-modal-accent, var(--dm-color-hover)) !important;
}

.menufa-closed-modal__accordion-trigger span {
	flex: 1 !important;
}

.menufa-closed-modal__chevron {
	display: inline-flex !important;
	transition: transform .2s ease !important;
}

.menufa-closed-modal__accordion-trigger[aria-expanded="true"] .menufa-closed-modal__chevron {
	transform: rotate(180deg) !important;
}

.menufa-closed-modal__accordion-panel {
	padding: 6px 14px 12px !important;
}

.menufa-closed-modal__accordion-panel[hidden] {
	display: none !important;
}

.menufa-closed-modal__hours-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 6px 0 !important;
	font-size: 12.5px !important;
	color: var(--dm-color-desc) !important;
	border-bottom: 1px solid var(--dm-color-border) !important;
}

.menufa-closed-modal__hours-row:last-child {
	border-bottom: none !important;
}

.menufa-closed-modal__hours-row span:first-child {
	color: var(--dm-color-text) !important;
	font-weight: 600 !important;
}

.menufa-closed-modal__dismiss {
	width: 100% !important;
	background: var(--dm-color-closed-modal-accent, var(--dm-brand)) !important;
	color: var(--dm-on-accent) !important;
	border: none !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 12px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	margin-top: var(--dm-space-2) !important;
	transition: opacity .15s ease !important;
}

.menufa-closed-modal__dismiss:hover {
	opacity: .9 !important;
}

.menufa-auth-modal__avatar {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: var(--dm-space-2) !important;
	margin-bottom: var(--dm-space-4) !important;
}

.menufa-auth-modal__avatar img {
	width: 64px !important;
	height: 64px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	border: 2px solid var(--dm-color-card-bg) !important;
	box-shadow: var(--dm-shadow-sm) !important;
	display: block !important;
}

.menufa-auth-modal__avatar strong {
	font-size: 15px !important;
	color: var(--dm-color-text) !important;
}

.menufa-auth-modal__account-link,
.menufa-auth-modal__logout {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	border: none !important;
	cursor: pointer !important;
	font-family: inherit !important;
}

.menufa-auth-modal__account-link {
	text-align: center !important;
	background: var(--dm-color-card-bg) !important;
	color: var(--dm-color-text) !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 12px !important;
	margin-bottom: var(--dm-space-2) !important;
	font-weight: 500 !important;
	font-size: 13.5px !important;
	transition: background .15s ease !important;
}

.menufa-auth-modal__account-link:hover {
	background: var(--dm-color-border) !important;
}

.menufa-auth-modal__logout {
	text-align: center !important;
	background: var(--dm-danger-bg) !important;
	color: var(--dm-danger) !important;
	border-radius: var(--dm-radius-pill) !important;
	padding: 12px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	transition: background .15s ease, color .15s ease !important;
}

.menufa-auth-modal__logout:hover {
	background: var(--dm-danger) !important;
	color: #fff !important;
}


@media (max-width: 767px) {
	.menufa-app[data-product-layout-mobile="list"] .menufa-products {
		grid-template-columns: 1fr !important;
	}

	.menufa-app[data-product-layout-mobile="list"] .menufa-product-card {
		flex-direction: row !important;
		align-items: stretch !important;
	}

	.menufa-app[data-product-layout-mobile="list"] .menufa-product-card img {
		width: 92px !important;
		height: 92px !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: var(--dm-radius-sm) !important;
		margin: var(--dm-space-3) !important;
		flex-shrink: 0 !important;
	}

	.menufa-app[data-product-layout-mobile="list"] .menufa-product-card h3 {
		margin: var(--dm-space-3) var(--dm-space-3) 2px 0 !important;
	}

	.menufa-app[data-product-layout-mobile="list"] .menufa-product-card p {
		margin: 0 var(--dm-space-3) var(--dm-space-2) 0 !important;
		-webkit-line-clamp: 1 !important;
	}

	.menufa-app[data-product-layout-mobile="list"] .menufa-product-card__footer {
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-end !important;
		gap: 6px !important;
		margin: auto var(--dm-space-3) var(--dm-space-3) 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.menufa-app[data-product-layout-tablet="list"] .menufa-products {
		grid-template-columns: 1fr !important;
	}

	.menufa-app[data-product-layout-tablet="list"] .menufa-product-card {
		flex-direction: row !important;
		align-items: stretch !important;
	}

	.menufa-app[data-product-layout-tablet="list"] .menufa-product-card img {
		width: 108px !important;
		height: 108px !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: var(--dm-radius-sm) !important;
		margin: var(--dm-space-3) !important;
		flex-shrink: 0 !important;
	}

	.menufa-app[data-product-layout-tablet="list"] .menufa-product-card h3 {
		margin: var(--dm-space-3) var(--dm-space-3) 2px 0 !important;
	}

	.menufa-app[data-product-layout-tablet="list"] .menufa-product-card p {
		margin: 0 var(--dm-space-3) var(--dm-space-2) 0 !important;
		-webkit-line-clamp: 1 !important;
	}

	.menufa-app[data-product-layout-tablet="list"] .menufa-product-card__footer {
		margin: auto var(--dm-space-3) var(--dm-space-3) 0 !important;
	}
}

@media (min-width: 1024px) {
	.menufa-app[data-product-layout-desktop="list"] .menufa-products {
		grid-template-columns: 1fr !important;
	}

	.menufa-app[data-product-layout-desktop="list"] .menufa-product-card {
		flex-direction: row !important;
		align-items: stretch !important;
	}

	.menufa-app[data-product-layout-desktop="list"] .menufa-product-card img {
		width: 128px !important;
		height: 128px !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: var(--dm-radius-sm) !important;
		margin: var(--dm-space-3) !important;
		flex-shrink: 0 !important;
	}

	.menufa-app[data-product-layout-desktop="list"] .menufa-product-card h3 {
		margin: var(--dm-space-3) var(--dm-space-3) 2px 0 !important;
	}

	.menufa-app[data-product-layout-desktop="list"] .menufa-product-card p {
		margin: 0 var(--dm-space-3) var(--dm-space-2) 0 !important;
		-webkit-line-clamp: 1 !important;
	}

	.menufa-app[data-product-layout-desktop="list"] .menufa-product-card__footer {
		margin: auto var(--dm-space-3) var(--dm-space-3) 0 !important;
	}
}