/* Add custom CSS styles below */ 
/* Add custom CSS styles below */
/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
div#mainnav {
    background: #f6f6f6;
}.s-user-menu-trigger {

    background-color: #f6f6f6;

}
.s-block--tabs-produtcs .tab-trigger.is-active button {

    color: #ffffff;
}

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300&family=Open+Sans:wght@300&display=swap');
*:not(i) {
font-family: 'IBM Plex Sans Arabic', sans-serif;
}

body.dark-theme header.store-header * {
    color: var(--3);
}

body.dark-theme .main-menu .sub-menu {
    background: var(--4-4) !important;
}

body.dark-theme .slide--cat-entry {
    background: var(--4-4) !important;
    border: 1px solid var(--1);
    color: #fff;
}

.top-navbar {
    padding-top: 0;
    padding-bottom: 0;
    display: none;
}

body.dark-theme .slide--cat-entry i,
body.dark-theme .main-menu .has-children.root-level>a:after {
    color: #fff;
}

input.s-search-input {
    background: #0e0e0ead !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
    margin-top: 0;
}

.product-entry button.s-button-element {
    background: linear-gradient(223deg, var(--4), var(--4));
    background: linear-gradient(227deg, var(--4), var(--4));
    border: 0;
    position: absolute;
    width: 75%;
    margin: auto;
    left: 0;
    right: 0;
    color: var(--3);
}

.product-entry {
    border-radius: 30px;
    border: 3px solid var(--1);
    -webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%), 0 0px 15px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%), 0 0px 15px 0 rgb(0 0 0 / 10%);
    position: relative;
}

.product-entry .donating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-entry .donating-wrap .center-between.mb-5 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-entry .product-entry__image {
    border-radius: 30px 30px 0px 0px;
}

body.dark-theme .s-slider-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: linear-gradient(227deg, var(--4), var(--4));
    color: var(--3);
    border-radius: 10px;
    padding: 0px 10px;
}

.s-slider-block__title {
    height: 50px;
}

.s-slider-block__title h2 {
    padding: 0 !important;
}

body.dark-theme .s-slider-nav-arrow svg {
    fill: var(--3);
}

body.dark-theme .s-slider-nav-arrow {
    border: 0;
    background: #20201f;
}

body.dark-theme .s-slider-block__display-all {
    color: var(--3);
}

body.dark-theme .s-block--features__item .feature-icon * {
    color: var(--3) !important;
}

footer.store-footer {
    border-radius: 20px 20px 0 0;
    /* margin: 15px; */
    background-color: var(--1);
}

body.dark-theme footer.store-footer {
    background-color: var(--4);
    background-color: var(--1);
}

footer.store-footer {
    border-radius: 20px;
    margin: 15px;
}

.store-footer__inner {
    background: transparent;
}

@media (max-width: 600px) {
    footer.store-footer {
        padding-bottom: 50px;
    }
}

footer.store-footer * {
    text-align: center;
    justify-content: center;
}

footer.store-footer * {
    color: var(--3);
}

body.dark-theme footer.store-footer * {
    color: var(--3);
    text-align: center;
    justify-content: center;
}

.s-quantity-input-input {
    color: #f00;
}

header.store-header span.s-cart-summary-count {
    background: #f72e38 !important;
    color: var(--3);
}

button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    color: var(--3);
}

section#similar-slider {
    padding-bottom: 10px;
}

.swiper.s-slider-container.swiper-initialized.swiper-ios div.swiper-wrapper {
    padding-bottom: 30px;
}

@media(max-width: 992px) {
    salla-social-share {
        display: inline-flex !important
    }
}

.s-slider-block__title h2,
.main-content h1,
.s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #000000 0, var(--4) 29%, var(--2) 67%, var(--3) 100%);
    background-size: 200% auto;
    color: var(--3);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 4s linear infinite textclip;
    display: inline-block;
    font-weight: 600;
    border-bottom: 3px;
    line-height: 1.5;
}

@keyframes textclip {
    100% {
        background-position: 200% center;
    }
}

.s-button-primary-outline:hover {
    background-color: var(--2);
}

.s-product-card-entry:hover .s-product-card-content-title a {
    color: var(--color-primary);
}

.s-product-card-content-title a {
}

@media (max-width: 1024px) {
    .s-product-card-content-title a {
    }
    [dir=rtl] salla-slider[type]:not(.hydrated)>div,
    [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div,
    [dir=rtl] .carousel-slider .swiper {
        padding-left: 0;
    }
    div#mainnav[style="height: 106px;"] {
        height: 73px !important;
    }
}

.s-product-card-entry:hover img {
    scale: 1.05;
}

.s-product-card-entry {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)!important;
}

body.dark-theme .s-button-primary-outline:hover {
    color: #000000!important;
}

.s-product-card-content-title a {
}

.s-button-primary-outline {
    color: #000000;
}

.s-button-icon .s-button-text {
    color: #000;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 55px;
}

.s-block__title h2,
.s-slider-block__title h2 {
}

.s-product-card-content-subtitle {
    display: none;
}

.s-products-slider-card {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.s-product-card-promotion-title,
.promotion-title {
    background-color: var(--4);
    font-weight: 400;
}

.s-product-card-vertical .s-product-card-image {
    overflow: hidden;
}

.s-product-card-entry img {
    transition: 0.3s;
}

.s-block--features__item:hover h4 {
    color: var(--1)!important;
    transition: all .1s ease;
}

.s-block--features__item .feature-icon {
    transition: 0.3s;
}

.s-block--features__item:hover .feature-icon {
    scale: 1.1;
}

body.dark-theme .s-block--features__item .feature-icon i {
    color: var(--3)!important;
    transition: 0.3s;
}
.s-block--features__item .feature-icon i {
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #ff6767;
    color: #ffffff;
}
body.dark-theme .s-block--features__item:hover .feature-icon i {
    color: var(--2)!important;
}

body.dark-theme .s-block--features__item .feature-icon {
    background-color: transparent;
    border: 1px solid var(--4);
}

.store-footer__inner {
    border-top: 5px solid var(--1);
    border-radius: 24px;
    /*     text-align: center; */
    justify-content: center;
}

.store-footer h3 {
    font-size: 1.3rem;
    color: var(--3);
}

.border,
.store-footer .social-link {
    border-color: #fff!important;
}

.store-footer__inner .text-gray-400 {
    color: var(--3)!important;
}

@media (min-width: 1024px) {
    .store-footer__inner .container> div {
        grid-column: span 2/span 2;
    }
}

.border,
.store-footer .social-link {
    border-color: #fff!important;
}

.footer-is-light .store-footer .text-gray-400 {
    color: #000;
}



.store-footer__inner .container> div:nth-child(3)> div:nth-child(1) a {
    width: fit-content;
    margin: 0 !important;
    display: inline-block;
}

.store-footer__inner .hidden {
    display: block;
}

.store-footer__inner .lg\:hidden {
    display: none!important;
}

body.dark-theme .top-navbar,
body.dark-theme .main-nav-container {
    width: 100%;
    background: var(--4);
}

.s-search-inline {
    min-width: 220px;
    max-width: 700px;
    margin: auto;
}

.top-navbar .s-search-input {
    color: #9a837d!important;
    border: 1px solid var(--3) !important;
    background: var(--3);
}

.topnav-is-dark .top-navbar {
    Background-color: var(--4);
}

body.dark-theme .header-btn__icon {
    border-color: var(--3)!important;
    color: var(--3) !important;
}

@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover {
        color: #ac938e!important;
    }
    .main-menu li>a {
        color: #060606!important;
    }
}

.top-navbar .hidden {
    display: none!important;
}

body.dark-theme .store-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)!important;
}

.max-w-sm {
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    border-image: linear-gradient(244deg, var(--3), #var(--1)) 1;
    /* text-align: center; */
}

.s-search-modal {
    display: none;
}

body.dark-theme .btn--collapse,
body.dark-theme .shadow-default,
body.dark-theme,
body.dark-theme .bg-gray-50,
body.dark-theme .app-inner.flex.flex-col.min-h-full,
body.dark-theme .s-block,
body.dark-theme .s-modal-body {
    background: var(--4) !important;
    background-color: var(--4) !important;
}

body.dark-theme .shadow-default,
body.dark-theme .text-gray-900,
body.dark-theme section.bg-white.p-5.rounded-md.mb-5,
body.dark-theme article#more-content,
body.dark-theme .font-bold,
body.dark-theme .s-modal-title,
body.dark-theme .s-modal-close,
body.dark-theme h2.mb-4.mr-2.text-lg.font-bold.leading-\[1\.2\],
body.dark-theme .testimonials-slider .testimonial,
body.dark-theme .s-block--features__item p,
body.dark-theme .s-block--features__item h4,
body.dark-theme .s-product-card-entry,
body.dark-theme .s-product-card-content-title a {
    color: var(--3) !important;
}

body.dark-theme .s-login-modal-main-btn:hover,
body.dark-theme section.cart-item.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative,
body.dark-theme .s-comments-product,
body.dark-theme .s-modal-close,
body.dark-theme span.fix-align,
body.dark-theme .text-primary,
body.dark-theme .s-login-modal-main-btn,
body.dark-theme .s-block--features__item,
body.dark-theme .testimonials-slider .testimonial,
body.dark-theme .s-product-card-entry,
body.dark-theme .mm-spn.mm-spn--light,
body.dark-theme .s-block--testimonials .s-slider-block__title-nav button {
    background-color: var(--4-4);
    color: var(--3) !important;
}

body.dark-theme .s-button-primary-outline {
    fill: var(--1);
    background: linear-gradient(to right, var(--4), var(--1));
    color: transparent;
}

body.dark-theme .s-button-text {
    color: var(--3);
}

salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 0rem;
    margin-right: 0rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0.375rem;
}



.s-slider-has-notitle .s-slider-block__title {
    margin-bottom: -60px;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden {
    padding-left: 0;
}

body.dark-theme .s-login-modal-main-btn {
    border-color: var(--4);
}

body.dark-theme .form-label,
body.dark-theme .s-button-light,
body.dark-theme .s-button-icon,
body.dark-theme .s-button-icon .s-button-text {
    color: var(--3);
}

body.dark-theme section.bg-white.p-5.rounded-md.mb-5 {
    background-color: var(--4-4);
}

body.dark-theme section.bg-white.p-5.rounded-md.mb-5 {
    background-color: var(--4-4);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: #00000033;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 200px;
    background-color: var(--1);
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--3);
}

::-webkit-scrollbar-thumb:horizontal {
    width: 200px;
    background-color: #7d7d7db3;
    -webkit-border-radius: 0px;
}

.mode-toggler.header-btn.cursor-pointer {
    width: 25px;
    height: 25px;
    order: 1;
    position: relative;
    margin: 0 15px;
}

button.header-btn {
    order: 2;
}

salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
    order: 3;
}

body.dark-theme .mode-toggler.header-btn.cursor-pointer {
    content: url("data:image/svg+xml,%3Csvg class='mode light-mode' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'%3E%3C/circle%3E%3Cline x1='12' y1='1' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='23'%3E%3C/line%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'%3E%3C/line%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'%3E%3C/line%3E%3Cline x1='1' y1='12' x2='3' y2='12'%3E%3C/line%3E%3Cline x1='21' y1='12' x2='23' y2='12'%3E%3C/line%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'%3E%3C/line%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'%3E%3C/line%3E%3C/svg%3E%0A");
    display: block;
    filter: invert(1);
}

body.dark-theme .s-products-slider-card.swiper-slide {
    background: var(--4-4);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    box-shadow: 0 2px 10px 0 var(--2-2);
    border: 1px solid var(--4);
}

body.dark-theme .s-slider-v-centered .s-slider-block__title-nav button {
    box-shadow: 0 2px 10px 0 var(--2-2);
}

.topnav-is-dark .top-navbar {
    Background-color: var(--4);
    display: none;
}

body.dark-theme .link--primary {
    color: var(--3);
}

body.dark-theme .bg-white,
body.dark-theme .s-button-light-outline {
    background-color: var(--4-4);
}

.navbar-brand img {
    height: 0px;
}

body.dark-theme .s-product-card-vertical .s-product-card-wishlist-btn button {
    background-color: var(--1) !important;
}

.navbar-brand {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 66px;
    width: 7vw;
    display: block;
    animation-direction: alternate;
}



@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@media only screen and (max-width: 700px) {
    .navbar-brand {
        width: 15vw;
        margin: auto;
    }
}

#salla-modal> div.s-modal-wrapper> div> div.s-modal-header> div> span {
    visibility: hidden;
    display: none
}

#salla-modal> div.s-modal-wrapper> div> div.s-modal-header:before,
#app> div.mm-ocd.mm-ocd--right.mm-ocd--open> div.mm-ocd__content:before {
    display: block !important;
    content: '';
    /* border: none; 
    /* border-radius: 0; */
    background: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102px;
    margin: 15px auto;
}

body.dark-theme #app> div.mm-ocd.mm-ocd--right.mm-ocd--open> div.mm-ocd__content:before {
    background-color: var(--4);
}

body.dark-theme .btn-top,
.btn-top {
    margin: 15px auto 0px auto !important;
    color: var(--3) !important;
    font-weight: 600;
    font-size: 1rem;
    width: 100%;
}

.btn-top {
    color: var(--1) !important;
}

img.logo-light {
    margin-bottom: -0.5rem;
    max-height: 107px;
    max-width: 89%;
    width: auto;
}

body.dark-theme .s-slider-nav-arrow svg {
    fill: var(--1);
    fill: var(--3);
}

.s-block.s-block--banners> .grid {
    grid-template-columns: 1fr 1fr;
}

.s-block.s-block--banners> .grid .banner-entry {
    padding-top: 0%;
    height: 334px;
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

@media (max-width: 991px) {
    .s-block.s-block--banners> .grid {
        grid-template-columns: 1fr 1fr;
    }
    .s-block.s-block--banners> .grid .banner-entry {
        height: 101px;
    }
    body.index div.app-inner.flex.flex-col.min-h-full> section.s-block--banners:nth-child(n) div {
        background-size: contain;
    }
}

body.index div.app-inner.flex.flex-col.min-h-full> section.s-block--banners:nth-child(n) div div:hover {
    transform: translateY(-8px);
    box-shadow: 0 -10px 10px 10px rgb(0 0 0 / 1%) !important;
}

body.index div.app-inner.flex.flex-col.min-h-full> section.s-block--banners:nth-child(n) div {
    transition: transform 0.3s, box-shadow 0.3s;
}

.banner-entry {
    background-color: transparent;
}

body.dark-theme .s-slider-block__title-left {
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 22%);
    color: #ffffff;
    border-color: #3131301a;
    background: var(--4-4);
    padding: 7px;
    border-radius: 15px;
}

body.dark-theme .s-user-menu-dropdown,
body.dark-theme .s-slider-nav-arrow {
    border: 0;
    background: var(--4-4-4);
}

body.dark-theme label.hidden.sm\:block.rtl\:ml-3.ltr\:mr-3.whitespace-nowrap,
body.dark-theme i.sicon-keyboard_arrow_left.arrow.mx-2 {
    color: var(--3);
}

body.dark-theme .form-input {
    color: var(--3);
    background: var(--4-4);
    border-color: var(--4-4-4);
}

body.dark-theme .s-login-modal-currentEmail {
    color: var(--3);
}

body.dark-theme .s-user-menu-trigger {
    background: transparent;
}

body.dark-theme .s-product-card-price {
    color: var(--3);
}


/* ul.flex.mb-6 {
    justify-content: center;
}

.flex.rtl\:space-x-reverse.space-x-2.items-end {
    justify-content: center;
} 

a.flex.items-center.m-0 {
      justify-content: center;  
}*/


/* ألبنر العريض بكل الشاشة */

section:nth-of-type(1000).s-block.s-block--fixed-banner.wide-placeholder .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container:hover {
    transform: translateY(-8px);
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    transition: transform 0.3s, box-shadow 0.3s;
}

@media (max-width: 991px) {
    section.s-block.s-block--fixed-banner.wide-placeholder .container {
        padding: 0;
    }
}

.banner--fixed img {
    background-color: transparent;
}

body.dark-theme .banner--fixed img {
    background-color: var(--3);
}

section.s-block.s-block--fixed-banner.wide-placeholder {
    margin: 10px;
}

section.s-block.s-block--banners.container {
    margin-top: 23px;
}

li.w-12.h-8.bg-white.rounded.flex.items-center.p-1 {
    display: flex;
    box-shadow: inset 0px -2px 5px 1px rgba(0, 0, 0, .1), inset 0px 0px 0px 0px rgba(0, 0, 0, .1);
}

body.dark-theme .s-table thead,
body.dark-theme .s-table tbody tr,
.lg\:shadow-default {
    background: var(--4-4);
    color: var(--3);
}

body.dark-theme span.w-40.inline-block.font-normal,
body.dark-theme section.border-t.mt-10.pt-8 p,
body.dark-theme .w-full.flex.justify-between.text-sm.py-2\.5 b,
body.dark-theme .flex.justify-between.text-sm.py-2\.5,
body.dark-theme body,
body.dark-theme section.border-t.mt-10.pt-8,
body.dark-theme .text-gray-600,
body.dark-theme dd.font-medium,
body.dark-theme .py-5.center-between,
body.dark-theme a.block.leading-5.mb-1\.5.md\:text-base.font-semibold.transition-colors.text-gray-500.hover\:text-primary,
body.dark-theme .flex.rtl\:space-x-reverse.space-x-5.mb-4,
body.dark-theme .rtl\:ml-2.ltr\:mr-2.font-normal.text-gray-400,
body.dark-theme td.single-order-header-item.w-full.md\:w-auto.px-3.md\:px-6.py-2.md\:py-4.md\:h-20.whitespace-nowrap.text-sm,
body.dark-theme section.bg-white.p-5.rounded-md,
body.dark-theme span.s-user-menu-dropdown-item-title,
body.dark-theme .flex.items-center.space-x-2.rtl\:space-x-reverse {
    color: var(--3);
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 1rem;
    background-color: var(--1);
    color: var(--3);
    display: block;
    text-align: center;
    font-weight: bold;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 4px, rgb(0 0 0 / 0%) 0px 7px 13px -3px, rgb(255 255 255 / 66%)0px -3px 0px inset;
    animation: signal 1200ms infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--1);
    }
    100% {
        box-shadow: 0 0 0 6px #ffffff21;
    }
}

body.index:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f5f5f529;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    z-index: 999999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 3s;
}

@keyframes pupup {
    0% {
        transform: scale(1);
    }
    18% {
        transform: scale(1);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

body.index:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: var(--logo);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    transform: scale(0);
    animation-name: pupup_logo;
    animation-duration: 3s;
}

@keyframes pupup_logo {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
    100% {
        transform: scale(0);
    }
}

body.dark-theme .store-footer__inner {
    background: transparent !important;
}


/* 
.sicon-whatsapp2::after {
    content: "\e917";
    text-align: center;
    cursor: pointer;
    background: #46a51e;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0px;
    color: #fff;
    box-shadow: #00000022 1.5px 1.5px 5px;
    width: 0px;
    height: 0px;
    border-radius: 27.5px;
    position: fixed;
    bottom: 7px;
    right: 20px;
    transform: rotate(360);
    transition: all .2s ease-in-out;
}

body.product-showwithslug .sicon-whatsapp2::after {
    bottom: 73px;
}

body[style] .sicon-whatsapp2::after, body[cz-shortcut-listen="true"] .sicon-whatsapp2::after,i.sicon-whatsapp2::after {
    width: 56px;
    height: 56px;
    border-radius: 32.5px;
    font-size: 32px;
    box-shadow: #0000006b 2px 2px 8px;
}

.sicon-whatsapp2:after:hover {
    border-radius: 0;
    border: 0;
    width: 180px;
    height: 60px;
}

.sicon-whatsapp2:hover::after {
    content: "    ❤️ هلا وغلا بالنـور  " ;
    width: 200px !important;
    animation: trns 1s;
    font-size: 17px !important;
    color: #ffffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes trns {
    0% {
        color: #ffffff00;
    }

    100% {
        color: #ffffff99;
    }
}
 */

@media (max-width: 750px) {
    .s-products-slider-card {
        max-width: 190px;
    }
}

body.dark-theme .text-gray-400,
body.dark-theme .flex.items-center,
body.dark-theme .text-unicode {
    color: #fff !important;
}

.footer-list.store-links-items {
    column-count: 2;
}

.salla-advertisement {
    background: var(--1) !important;
    color: #fff !important;
}

footer.store-footer {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2526.6 1640.65'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23246d36; %7D .cls-1, .cls-2, .cls-3 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23246d36; %7D .cls-3 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-3' x='609.92' y='602.08' width='1440' height='560'/%3E%3Cpath class='cls-1' d='m609.92,1139.24c118.89,15.98,249.69,73.14,352.4,11.18,102.69-61.95,119.22-202.24,154.4-316.9,31.14-101.5,52.51-204.6,37.86-309.76-14.69-105.48-59.82-201.59-121.21-288.62C966.69,140.6,900.84,17.54,786.25,1.55c-116.01-16.19-204.74,98.76-306.77,156.31-77.35,43.63-149.02,87.12-219.82,140.72-90.3,68.35-221.51,107.92-252.55,216.83-30.92,108.51,45.64,217.49,100.73,315.96,51.48,92.03,115.83,176.71,205.72,231.84,88.74,54.41,193.19,62.17,296.35,76.04'/%3E%3Cpath class='cls-2' d='m2049.92,1638.39c94.91-2.47,198.87,8.28,274.78-48.76,74.76-56.17,84.33-160.86,119.52-247.49,33.52-82.5,87.42-159.67,82.01-248.55-5.61-92.14-43.4-185.47-112.17-247.04-66.03-59.12-161.34-63.71-249.06-76.38-76.8-11.09-152.73-11.55-227.95,7.49-77.58,19.64-151.08,50.77-211.13,103.66-66.23,58.33-121.1,128.88-148.26,212.85-30.42,94.05-48.67,197.44-14.45,290.18,35.2,95.42,112.45,172.74,202.61,219.8,86.31,45.05,186.78,36.76,284.11,34.23'/%3E%3C/svg%3E");
    background-size: cover;
    background: #eca526 !important;
    background-position: 1rem;
}
.s-product-card-promotion-title {
    background-color: #f87171!important;
    font-size: 11px!important;
}

body.dark-theme footer.store-footer {
    background: transparent !important;
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: transparent;
}

@media (max-width: 600px) {
    footer.store-footer {
        background-position: 38rem 18rem;
    }
}



.footer-is-light .store-footer {
    background-color: var(--1);
}

@media (max-width: 767px) {
    body> div.app-inner.flex.flex-col.min-h-full> section.s-block.s-block--categories.merge-with-top-component> div> salla-slider .swiper .swiper-wrapper.s-slider-swiper-wrapper {
        /*     display: flex;
    flex-direction: column; */
        display: grid;
        grid-template-columns: 1fr 1fr !important;
    }
    body> div.app-inner.flex.flex-col.min-h-full> section.s-block.s-block--categories.merge-with-top-component> div> salla-slider .swiper .swiper-wrapper.s-slider-swiper-wrapper div {
        width: calc(100%/1) !important;
    }
}


/* .s-product-card-image-contain {
   object-fit: cover;
    object-fit: unset;
} */

body.dark-theme .s-product-options-wrapper,
body.dark-theme .s-product-options-option-label b {
    background: transparent;
    color: #fff !important;
}

body.dark-theme .mm-ocd__content {
    background: var(--4);
}

body.dark-theme .product__description ul,
body.dark-theme .product__description li,
body.dark-theme .product__description.p-2.sm\:p-1.leading-7.mb-3,
body.dark-theme {
    color: #fff !important;
}


body.dark-theme .testimonials-slider .testimonial {
    background-color: transparent;
}

body.dark-theme> div.app-inner.flex.flex-col.min-h-full> div> div> div.main-content.w-full.md\:w-2\/4.md\:pb-16> div.product__description * {
    color: #fff !important;
}
span.coupon-text {
    color: #fff;
}
.navbar-brand {
    width: 15vw;
    margin: auto;
    border-radius: 52px;
}
:root {
    --color-primary: #eca526 !important;
    --color-primary-dark: #eca526;
    --color-primary-light: #eca526;
    --color-primary-reverse: #eca526;
    --1: #eca526;
    --1-1: #face17;
    --1-1: #246d36;
    --2: #eca526;
    --2-2: #ebb51c6e;
    --3: #edf5ff;
    --4: #3b3b39;
    --4-4-4: #20201f;
    --4-4: #3131309c;
    --logo: url("https://cdn.salla.sa/QmlwY/9ENunskkDglEnoUNSxhQEeEPzMjOMQb8ELdXERtC.png");
}