/* Add custom CSS styles below */
@font-face {
	font-family: "GESSTextMedium";
	src: url("https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Regular.otf");
}

@font-face {
	font-family: "GESSTextMedium";
	src: url("https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Bold.otf");
	font-weight: 700;
}

body,
*:not(i) {
	font-family: "GESSTextMedium" !important;
}

.top-navbar .s-search-input {
	height: 36px !important;
	padding-bottom: 0;
	border-radius: 12px;
}

#app.header-is-dark .store-header {
	background-color: #0000;
}

.top-navbar {
	background: #0000;
	padding-bottom: 0;
}

.store-header,
.store-header .inner {
	border-radius: 0px 0px 20px 20px !important;
	/*margin-bottom: 15px;
    overflow: auto;*/
}

.header-is-dark #mainnav {
	border-radius: 20px;
	min-height: 80px;
}

.dark #app .top-navbar .s-search-input {
	background-color: var(--dm-bg-sec) !important;
}

/*      ======      BANNERS      ======      */
section#fullscreen-banner-0 {
	padding-inline: 15px;
	padding-top: 8px;
}

.s-block__title-right.dm-text-main {
	width: 100%;
}

@media (min-width: 1024px) {
	section#fullscreen-banner-0 {
		max-width: 1280px;
		margin-inline: auto;
		padding-inline: 10px;
		border-radius: 12px;
	}
}

.swiper-slide {
	border-radius: 12px;
	overflow: hidden;
}

.swiper {
	border-radius: 12px;
}

.banner--fixed img {
	border-radius: 12px;
}

.sq-awesome-banners.auto-size .banner_image_2,
.sq-awesome-banners.auto-size .banner-img {
	border-radius: 12px;
}

/*      ======      ICONS       ======      */
[dir="rtl"] .header-innerLeft salla-cart-summary {
	margin-right: 0;
}

.header-signInBtn .i-icon-user:before {
	font-size: 23px !important;
}

[dir="rtl"] .s-cart-summary-count {
	right: inherit;
	left: -8px;
}

.store-header .px-2 {
	padding-left: 0px;
	padding-right: 10px;
}

.sicon-moon:before,
.sicon-right:before,
.sicon-search:before,
.sicon-user:before,
.sicon-shopping:before,
.dm-toggler i svg,
.sicon-home:before,
.sicon-list:before {
	color: #0000;
	font-size: 22px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.sicon-home:before {
	background-image: url(https://cdn.salla.sa/form-builder/E5LhlGCdUC5gsmpzplK4mBiRM1ZswP2UWtPrz2px.png);
}

.sicon-moon:before {
	background-image: url(https://cdn.salla.sa/form-builder/tiFpLgwH2DVyKvzmk08AsaLYndpmFrju9uoOzGu5.png);
}

.sicon-right:before,
.sicon-list:before {
	background-image: url(https://cdn.salla.sa/form-builder/ifTrWVLY8J2CBBLoCyI2PapSu2pqCjIBljgxAn2n.png);
}

.sicon-search:before {
	background-image: url(https://cdn.salla.sa/form-builder/VrmKdEC9rCfjqhSxd9Lu777TosWQyK3A8Sovdwyo.png);
}

.sicon-user:before {
	background-image: url(https://cdn.salla.sa/form-builder/EYfBQbkymTksyoMR0GnP1HLQ5r3ObtffG8qYWhWC.png);
}

.sicon-shopping:before {
	background-image: url(https://cdn.salla.sa/form-builder/pQbauPZrEjZtT0wYDguXYYgJ3zusKLSzFWWpZRVd.png);
}

.store-header .sicon-shopping:before {
	font-size: 26px;
}

.dm-toggler i svg {
	fill: currentColor;
	color: #0000;
	background-image: url(https://cdn.salla.sa/form-builder/shxydXdBH9m51l1qwIBxkxnNQYNfDVsJVkZO0YrX.png);
}

.dm-toggler i.mode-sun svg {
	transform: scale(0.9);
}

/*      ======      PR      ======      */
body.atc-btn-bag .product-block .aaliicon-add-to-cart-outer .s-button-text:before {
	color: #0000 !important;
	font-size: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(https://cdn.salla.sa/form-builder/qOjgqmSlDyxtDBcIXIQz3WbiATbScRHUs43txiUm.png);
	margin: -1px 0px 0px 4px;
}

.dark .product-single salla-slider.details-slider .swiper-slide {
	background-color: var(--dm-bg-sec) !important;
}

.section-main-title h2,
div.s-slider-block__title > div.s-slider-block__title-right > h2 {
	background-color: var(--custom-color1);
	width: 100%;
	margin-inline: auto;
	color: #fff4ea;
	height: 32px;
	line-height: 35px;
	border-radius: 12px;
	font-size: 16px;
	padding-inline: 17px;
	text-align: center;
}

.s-products-list-wrapper {
	margin-bottom: 0rem;
	display: grid;
}

.s-product-options-wrapper {
	border-radius: 12px;
	background-color: var(--lm-bg-sec);
}

.btn--collapse {
	border-radius: 12px;
	background-color: #fff;
}

.rounded-md {
	border-radius: 12px !important;
}

@media (min-width: 1024px) {
	.s-products-list-vertical-cards {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

.action-btns-small:not(.cls-btn46) salla-add-product-button button[product-id] {
	height: 2rem;
	font-size: 14px;
	padding-bottom: 5px;
	font-weight: 100;
	color: #fff4ea !important;
}

html:not(.dark) #app .lm-bg-sec:not(.self-clr) {
	background-color: var(--custom-color2);
}

body#app.hide-img-btm-rad.p-border-on custom-salla-product-card.product-block .product-block__thumb:not(.s-product-card-image) img {
	border-radius: 12px;
}

.p-pay-m-wrapper.mt-4.mb-4 {
	background: var(--custom-color2);
	padding: 10px;
	justify-content: center;
	display: flex;
	border-radius: 12px;
}

.dark .p-pay-m-wrapper.mt-4.mb-4 {
	background: var(--dm-bg-sec);
}

.s-slider-nav-arrow {
	background: #fcf4e8;
	height: 32px;
	border-radius: 12px;
}

#app {
	--lm-bg-sec: #fff1e5b8;
}

.single-comment-wrapper {
	background: #ffffff;
	padding: 13px;
	border-radius: 12px;
	margin-bottom: 15px;
}

.dark .single-comment-wrapper {
	background: #15121c;
}

.nested-comment {
	background: #fef4e8;
	padding: 14px 64px 14px 14px;
	border-radius: 12px;
}

.dark .nested-comment {
	background: var(--dm-bg-sec);
}

salla-infinite-scroll.s-infinite-scroll-container.hydrated {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 15px;
}

.product-single .s-comments-product {
	background-color: #0000 !important;
}

.dark .product-single .s-comments-product {
	background-color: #0000 !important;
}

.s-comments-product .container {
	background: #000;
	background-color: var(--custom-color2);
	border-radius: 12px;
	padding: 20px;
}

.dark .s-comments-product .container {
	background-color: var(--dm-bg-sec);
}

/*      ======      BAR      ======      */ /*
.mobile-nav-outer.small-shape .mobile-nav span {
    font-size: 11px;
}*/

/*      ======      FEATURS      ======      */
.grid-cols-3 > .s-block--features__item {
	align-items: center;
	padding: 1rem;
	padding: 40px 7px 7px 7px;
}

.s-block--features__item p {
	font-size: 11px;
	line-height: 20px;
}

.dark .dm-text-main {
	color: var(--dm-text-sec) !important;
}

.s-block--features__item h4 {
	font-size: 15px;
}

@keyframes up-down {
	0% {
		transform: translateY(-7px);
	}
	50% {
		transform: translateY(7px);
	}
	100% {
		transform: translateY(-7px);
	}
}

/*      ======      FAQS      ======      */
.faqs1 .gap-4 {
	gap: 14px;
}

.faq-item input:checked + .faq-inner .answer-outer {
	font-size: 13px;
}

.faqs1 .pe-8 {
	padding: 6px 16px 6px 6px;
	font-weight: 700;
}

.faq-item .faq-inner .faq-icon {
	background-color: var(--text-color);
	color: var(--bg-color);
	padding: 6px;
}

.faqs-section .faq-item {
	border: 0px;
	border-radius: 12px;
}

.dark .question.dm-text-main {
	line-height: 24px;
	height: 20px;
	font-size: 14px;
	color: var(--dm-text-main) !important;
}

/*      ======      FOOTER      ======      */
@media only screen and (min-width: 1024px) {
	.new-container {
		order: 1;
		grid-column: span 3 !important;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	.new-container .max-w-sm {
		max-width: 100%;
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		line-height: 35px;
		color: #574879;
	}
	.dark .new-container .max-w-sm {
		color: #fcf4e8;
	}
	.footer_top {
		order: 2;
	}
	.footer-links {
		order: 3;
	}
	.footer-bottom {
		order: 4;
	}
	.footer-social-outer {
		width: fit-content;
		margin-inline: auto;
	}
	[dir="rtl"] .rtl\:lg\:pl-20 {
		padding-left: 0rem;
	}
	.footer-bottom .justify-start {
		justify-content: center;
	}
	.footer-list.flexx.flex-wrap.gap-1.lg\:gap-2.grid {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.lg\:grid-cols-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		display: grid;
	}
	.lg\:col-span-2 {
		grid-column: span 1 / span 2;
	}
	.col-span-2 {
		grid-column: span 1 / span 2;
	}
	.store-footer__inner {
		background-size: 23% !important;
	}
}

.payments-wrapper .p-1 {
	border-radius: 12px;
	border: #00000029 solid 1px;
}

.new-container {
	order: 1;
}

.s-block__title222 {
	order: 3;
	width: 100%;
}

.footer_logo {
	order: 1;
	display: flex;
	width: 168px;
	max-width: 100% !important;
	margin-inline: auto;
}

.footer_top .max-w-sm {
	order: 2;
	font-weight: 700;
	font-size: 17px;
	line-height: 28px;
}

.dark .footer_top .max-w-sm {
	color: #fcf4e8;
}

.footer-social-outer {
	order: 4;
}

.footer_top h3 {
	display: none;
}

.add1 .section-main-title h2,
.features--title-outer h3,
div.faqs-title.custom-s.s-block__title.flex.flex-col.section-main-title.dm-text-main > h3 {
	background-color: var(--custom-color1);
	width: calc(50% + 30px);
	margin-inline: auto;
	color: #fff4ea;
	height: 32px;
	line-height: 35px;
	border-radius: 12px;
	font-size: 16px;
	gap: 7px;
	text-align: center;
}

.dark .s-block__title .s-block__display-all {
	color: #574879 !important;
}

.s-block__display-all {
	background: var(--custom-color2);
	width: auto;
	color: var(--atc-text-color);
	height: 32px;
	line-height: 35px;
	padding-inline: 10px;
	border-radius: 12px;
	font-size: 16px;
	display: flex;
	gap: 6px;
	font-weight: 100;
	align-items: center;
}

.s-block__title {
	margin-bottom: 16px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.add1 .s-block__title {
	margin-bottom: 15px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.add1 .s-block__title p {
	margin-top: 0.5rem;
	overflow: hidden;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 0.875rem;
	line-height: 1.25rem;
	opacity: 0.6;
}

.add1 {
	margin-bottom: 3rem;
}

.footer-list .mb-4 {
	margin-bottom: 8px;
	text-align: center;
	margin-inline: auto;
}

.footer-hide-social-title .store-footer .footer-social-item a {
	height: 35px;
	width: 35px;
	background: #e2e8eb;
	border: 0;
	color: var(--custom-color1);
	margin-bottom: 14px;
	font-size: 18px;
}

.dark .footer-hide-social-title .store-footer .footer-social-item a {
	background: var(--dm-bg-main);
}

.footer-social-item svg {
	height: 20px;
	width: 20px;
}

.is-sticky-product-bar.product-single .store-footer {
	padding-bottom: 0px;
}

.store-footer h3,
.s-block__title222 h2 {
	margin-bottom: 18px;
	font-weight: 700;
	background-color: var(--custom-color1);
	width: 100%;
	color: #fff4ea;
	height: 32px;
	line-height: 35px;
	padding-inline: 10px;
	border-radius: 12px;
	font-size: 16px;
	text-align: center !important;
}

.footer-app-links .flex {
	justify-content: center;
}

.store-footer__inner {
	background: url(https://cdn.salla.sa/form-builder/xHukKU9yGFKxY7xFIhhVBY8hPtlcm4AXLJWGCkiD.png) no-repeat;
	background-size: 50%;
	border: 0;
	padding-bottom: 0rem;
}

#app
	> div.app-inner.flex.flex-col.min-h-full
	> footer
	> div
	> div
	> div.footer-bottom.col-span-2.items-center.justify-between.py-4.test-container.text-center.lg\:pt-0
	> div
	> div
	> a:nth-child(2)
	> img,
#app
	> div.app-inner.flex.flex-col.min-h-full
	> footer
	> div
	> div
	> div.footer-bottom.col-span-2.items-center.justify-between.py-4.test-container.text-center.lg\:pt-0
	> div
	> div
	> a:nth-child(1)
	> img {
	opacity: 0;
}

a[href="https://apps.apple.com/app/id1587587186"]:before
{
	content: "";
	background-image: url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExeGtra3NoZnNxNGwweGN2emZ1dWFoenZrbnA4cjYyZXh3Zjg0azBlayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/DbM0G5sefcoW9OdR2r/giphy.gif);
	background-size: cover;
	background-position: center;
	height: 85%;
	width: 85%;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	border-radius: 12px;
	border: #00000029 solid 1px;
}

a[href="https://play.google.com/store/apps/details?id=com.salla.ruhuc"]:before
{
	content: "";
	background-image: url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExdTY5ZXFqaTJ5eG0yNjFsZzllOGJsbGI2eWRpc2ZjMTdnYmx5aDhpdiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/OxwwVhTea3NMvHPSLd/giphy.gif);
	background-size: contain;
	height: 85%;
	width: 85%;
	display: block;
	position: absolute;
	background-position: bottom;
	background-repeat: no-repeat;
	right: 0;
	border-radius: 12px;
	border: #00000029 solid 1px;
}

a.mx-4.lg\:mx-0.lg\:rtl\:ml-4.lg\:ltr\:mr-4.leading-none.hover\:text-primary {
	position: relative;
	/* height: 50px; */
	margin-inline: 4px;
}

salla-trust-badges.flex.justify-start.gap-2.s-trust-badges-wrapper.hydrated {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.s-apps-icons-list {
	display: flex;
	gap: 1rem;
	justify-content: center;
}

.s-apps-icons-list img {
	opacity: 0;
}

.s-apps-icons-item {
	line-height: 1;
	position: relative;
}

body .s-design-before {
	display: none;
}
/*
#app {
    background-image: url(https://cdn.salla.sa/form-builder/K8jGJsmkVzlTcsQDoi8ixgCt8j2GfvPm3a6ZC4Mz.png)!important;
}*/
/* by jahmi.sa */
.hide-tamara tamara-widget {
	display: none !important;
}
.tabbi-tamara #tabbyPromoWrapper {
	display: none !important;
}
/* by jahmi.sa */