/* xb cards */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap");

[lang="en"] body#app {
	font-family: "Noto Sans", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}

[lang="en"] body#app .showPreviewBtn,
[lang="en"] body#app .s-comments-product,
[lang="en"] body#app .btn--add-to-cart,
[lang="en"] body#app .s-block--testimonials {
	font-family: "Noto Kufi Arabic", "DINNextLTArabic", -apple-system, BlinkMacSystemFont;
}

.dark #app salla-products-slider .color-danger {
	color: var(--custom-color1, red);
}

.enhanced-features.z-2 {
	position: relative;
	z-index: 2;
}

/* tempo: cuz of loyalti */
.dark .cart .shadow-default.mb-5.rounded-md.p-3.xs\:p-7 {
	background-color: var(--dm-bg-sec) !important;
	color: var(--dm-text-main) !important;
}
.dark .cart salla-modal .s-loyalty-prize-item,
.dark .cart salla-modal salla-list-tile .s-list-tile-item,
.dark .cart .shadow-default.mb-5.rounded-md.p-3.xs\:p-7 .s-list-tile-item {
	background-color: transparent !important;
	color: var(--dm-text-main) !important;
}
.dark .cart salla-modal .s-loyalty-prize-item .s-loyalty-prize-item-subtitle {
	color: var(--dm-text-sec) !important;
}

.dark .s-loyalty-header-subtitle {
	color: var(--dm-text-main) !important;
}

.dark .s-modal-wrapper .s-tabs-header-item:not(.s-tabs-active) {
	background-color: var(--color-primary-d) !important;
}
/* tempo: cuz of loyalti */

.s-block .brand-item {
	background-color: transparent;
}

body.switch1_on #mobile-menu .menu__bg,
body.switch1_on.product-index .categ-entry .img-outer {
	background-color: transparent !important;
}

@media only screen and (min-width: 767px) {
	.before-after-wrapper {
		width: 66vmin;
		margin: auto;
	}
}

body custom-salla-product-card .product-block__thumb .product-subtitle {
	bottom: 0;
	top: auto;
	border-radius: 0 !important;
	background-color: #46b26ec7;
	color: #ffffff !important;
	width: 100%;
	width: calc(100% - var(--img-x-space));
	margin: auto;
	left: 50% !important;
	transform: translateX(-50%);
	right: unset;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0.1rem 0.5rem;
	font-size: 0.8rem;
	text-align: center;
}

.product-block .badge {
	top: 1.25rem;
	background: #46b26ebf !important;
	border-radius: 10rem !important;
}