/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
@import url(https://raw.githack.com/elwa2/cssres/main/s.css); div#s-theme_edit_bar,salla-maintenance-alert.s-maintenance-alert-wrapper.hydrated {
    display: none !important;
}

:root {
    --color-primary: var(--1);
    --color-primary-dark: var(--2);
    --color-primary-light: var(--3);
    --color-primary-reverse: var(--5);
    --dark-bg-sec: var(--2);
    --1: #156dd3;
    --2: #77aded;
    --3: #5a952a;
    --4: #184d3b;
    --5: #604e5a38;
    --ff: #ffffff12;
    --logo: url("https://cdn.salla.sa/form-builder/FT1PvbdDaLralvgVzTtCh9BtQSg3c6jALICb4DB1.png");
    --bg-f: linear-gradient(134deg,transparent -183%,var(--1) 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/8NVc0JzZYOLPNdcTdzcQwwnvSLe58B3xI89yasbO.jpg)-61rem -13rem/196% no-repeat;
}

a.flex-center.pb-2.pt-4.gap-2.w-max.h-full,h2.da-tm,.dark .da-tm,.dark .da-cp,.store-footer h3,.dark .footer-bottom .copyrights p {
    color: #fff !important
}

body,#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(56) {
    overflow-x: hidden;
    background-color: #e9e9e9!important ;
    background-color: #fff !important;
}

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

#mainnav>div,.main-nav-container.fixed-header .inner,.store-footer__inner {
    background: var(--1);
    /* background: #16aab6; */
}

.dark .product-entry salla-add-product-button .s-button-wrap .s-button-element,.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    background: linear-gradient(to left,var(--1),rgb(34,33,39));
    color: #fff!important
}

.dark .product-entry salla-add-product-button .s-button-wrap .s-button-element:hover,.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover {
    background: #000
}

.store-footer .store-links-items * {
    text-align: right!important
}

.is_large .header-btn,#mainnav .is_large .header-btn,#mainnav .s-cart-summary-total,#mainnav [class^=sicon-],#mainnav [class*=" sicon-"] {
    color: #fff
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(55)>div>div {
    flex-direction: row-reverse
}

@media(max-width: 667px) {
    .s-block--hero-slider .-translate-x-1\/2 {
        top:75%!important
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(55)>div>div {
        flex-direction: column-reverse
    }

    .mob\:bottom-24 {
        bottom: 2rem
    }

    .breadcrumbs {
        /* display: none */
    }

    .s-block--full-bg+.merge-with-top-component {
        margin-top: -4rem
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section>div>div.grid.grid-cols-3.items-baseline.gap-2.sm\:gap-6.lg\:gap-4>div>div.flex-center.h-14.w-14.md\:h-20.md\:w-20>i {
        margin: 1.5rem 0
    }
}

@media(min-width: 1024px) {
    [dir=rtl] .main-menu li:not(.menu-user-login).root-level.has-children>a {
        padding-left:.3em
    }

    #app>div.app-inner.flex.flex-col.min-h-full>div.container.px-2\.5.ms\:px-5>div>div>salla-infinite-scroll,#app>div.app-inner.flex.flex-col.min-h-full>section>div.grid.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-6.gap-2.sm\:gap-6.lg\:gap-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))!important
    }

    salla-slider .slide--one-sixth {
        width: 25%!important
    }
}

.mm-spn.mm-spn--navbar.mm-spn--main ul.main-menu>li>a>.lazy__bg.lazy_menu {
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 0
}

.s-block--features {
    background: transparent;
}

#app>div.app-inner.flex.flex-col.min-h-full>div.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative>div.nav-title.container.flex.items-center.gap-2.md\:gap-4 {
    justify-content: start
}

#app>div.app-inner.flex.flex-col.min-h-full>div.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative>div.sub-nav-header.md\:container>div div>a>img {
    border-radius: 0
}

div.swiper-lazy-wrap.w-full.relative.swiper-slide.swiper-slide-visible.swiper-slide-active>div {
    justify-content: start
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .slide--cat-entry {
    background: 0 0
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .lazy__bg.lazy_avatar {
    width: 12rem!important;
    height: 12rem!important
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .lazy__bg.lazy_avatar:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(0,-1rem)
}

.product-footer {
    flex-direction: column-reverse;
    align-items: end
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    border-radius: 0!important;
    border: 0;
    padding: .75rem .25rem!important;
    font-size: 1rem!important
}

.navbar-brand {
    margin: 0!important
}

.product-entry>div {
    padding: 0!important
}

.price-wrapper,.title-wrapper {
    padding: .75rem!important
}

.product-entry--vertical salla-button.btn--wishlist {
    margin-left: 9px
}

section:nth-child(6) a {
    background: 0 0!important
}

#app>div.app-inner.flex.flex-col.min-h-full>section>div>div>div>div.flex-center.h-14.w-14.md\:h-20.md\:w-20>i::before {
    content: ""
}

#app>div.app-inner.flex.flex-col.min-h-full>div>div>div.flex.flex-col.p-2.gap-1 {
    flex-direction: row;
    align-items: center
}

#app>div.app-inner.flex.flex-col.min-h-full>div>div {
    justify-content: center
}

.mm-spn a {
    align-items: center
}

@media(min-width: 900px) {
    .main-menu .sub-menu .lazy__bg.lazy_menu {
        height:5.25rem;
        width: 5.25rem;
        border-radius: 0
    }
}

.mm-spn a.has-max {
    width: calc(100% - 2rem)
}

.store-footer .footer-container .footer-list a {
    margin-bottom: .75rem;
    background: #00000040;
    padding: .5rem;
    border-radius: 5px;
}

[dir=rtl] .footer-middle h3 {
    text-align: center
}

.menu-silde.lazy_bg.lazy.bg-cover.bg-center.swiper-slide.swiper-slide-visible.swiper-slide-active.entered {
    display: none
}

.mode-toggler.header-btn.cursor-pointer {
    color: #fff!important
}

.dark .mode-toggler .light-mode {
    stroke: #fff
}

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

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

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

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

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

button.search-btn.header-btn {
    border: 1px solid #545454;
    border-radius: 100px;
    width: 50%;
    min-width: 70px;
    background: #f1f1f1;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 10px;
    margin: 0 0 0 10px
}

.is_large .header-btn .sicon-search {
    border-radius: 10px 0 10px 10px;
    border: 2px solid #2a272700;
    padding: 4px;
    margin: 1px -7px 0 0
}

.is_large .header-btn .sicon-search {
    color: #000!important
}

.is_large .header-btn i.sicon-user.text-base.text-black.da-tm,.is_large .header-btn .sicon-search {
    /*     border-radius: 10px 0 10px 10px;
border: 2px solid #fff; */
    padding: 4px;
    margin: -8px -7px 0 0;
}

.dark .s-cart-summary-total,.currency-btn.ms-2,p.da-tm.hidden.text-xl.md\:block.ms-1,.is_large .header-btn .sicon-search,.is_large .header-btn .sicon-user {
    color: #fff!important
}

.s-product-card-promotion-title,.s-product-card-discount {
    background-color: var(--1)!important;
}

i.flex-center.shrink-0.sicon-phone {
}

i.flex-center.shrink-0.sicon-paper-plane-o {
}

.is_large .header-btn .sicon-search {
    padding: 13px 4px;
}

.is_large .header-btn .sicon-search:before {
    position: relative;
    top: -10px;
}

.navbar-brand img,.store-footer .footer-container .logo-footer .foo {
    height: 0px !important
}

.flex.items-center.flex-col.justify-center .navbar-brand,.store-footer .footer-container .logo-footer {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 78px;
    width: 11rem;
    display: block;
    filter: invert(1) brightness(69.5);
}

.dark .da-bgm .flex.items-center.flex-col.justify-center .navbar-brand {
    filter: none;
    filter: invert(1) contrast(0.5) hue-rotate(170deg);
}

.store-footer .footer-container .logo-footer {
    width: 87%;
    background-position: center;
}

@media (max-width: 700px) {
    .navbar-brand,.store-footer .footer-container .logo-footer {
        width: 100%;
    }

    .flex.items-center.flex-col.justify-center .navbar-brand {
        width: 8rem;
    }

    .store-footer .footer-container .logo-footer {
        width: 100%;
        filter: invert(1) brightness(69.5);
    }
}

.s-login-modal-header-icon {
    display: none;
}

.s-login-modal-wrapper:before {
    display: block !important;
    content: '';
    background: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 153px;
}

@media (max-width: 700px) {
    .product__description.overflow-hidden.opt-text.text-light.sm\:p-1.leading-7.mb-3 strong {
        font-weight: 300 !important;
    }
}

.store-header .s-user-menu-trigger .s-user-menu-avatar-wrap {
    height: 3rem;
    width: 3rem;
    padding: 0.375rem;
}

.dark .form-input, .dark input, .dark textarea, .dark select, .dark .tel-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .s-comment-form-input {
    color: #ffffff;
    background-color: #ffffff;
}

.s-modal-container {
    z-index: 999999999999999999999999999999;
}

.tabs .tab-trigger.is-active,.tabs__product .tab-trigger {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.tabs .tab-trigger.is-active {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #414042;
    background-color: var(--color-primary);
    padding: 0.5rem;
    color: var(--text-btn);
}

.price .total-price,h2.da-tm {
    font-size: 1.5rem;
    color: var(--1) !important;
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: var(--1-1) !important;
    padding: 0;
}

.product__description ul {
    list-style-type: decimal !important;
}

small.color-grey.da-tm.mb-2 {
    color: #000 !important;
}

body.product-single #wa-nera-widget-send-button {
    bottom: 113px;
}

@media (max-width: 479px) {
    section.s-block.s-block--best-offers.container.overflow-hidden .carousel-slider .s-slider-block__title-nav {
        display: block;
        margin: 0 !important;
    }

    salla-slider .s-slider-block__title-nav button {
        opacity: .8;
        height: 20px;
        width: 28px;
        margin: 0px 1px !important;
    }
}

custom-salla-product-card {
    border-color: transparent !important;
}

custom-salla-product-card {
    background: #00000000 !important;
}

.sbc-certificate.flex-center.gap-2.text-gray-400.da-tm {
    color: #ffffff;
}

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

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

.s-product-card-content-footer salla-add-product-button .s-button-outline {
    background: linear-gradient( -225deg,var(--1) 0%,var(--1) 29%,var(--2) 67%,var(--2) 100% );
    display: block;
    text-align: center;
    border: 0;
    border-radius: 25px!important;
    font-size: 15px;
    line-height: 1.5;
    left: 0;
    bottom: 0;
    color: #fff;
    order: 2!important;
}

@media (min-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width: 23.666667%;
    }
}

footer.store-footer, .dark .da-bgm {
    border-radius: 20px 20px 0px 0px;
    background: var(--bg-f) !important;
}

footer.store-footer, .footer-is-light .store-footer .store-footer__inner, .store-footer__inner {
    color: rgb(255, 255, 255);
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
    box-shadow: rgba(64, 60, 67, 0.16) 0px 2px 5px 1px;
    background-color: var(--1-1) !important;
}

.lazy__bg.lazy_avatar.lazy.hover\:scale-110.\!bg-transparent.entered.loaded {
    /* filter: sepia(30%) saturate(200%) hue-rotate(-328deg) contrast(110%) brightness(95%); */
}

@media (max-width: 767px) {
    footer.store-footer, .dark .da-bgm {
        background-size: 418% !important;
        background-position: -2rem -2rem !important;
    }
}

.text-gray-400 {
    color: rgb(255 255 255);
}