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

div#s-theme_edit_bar,salla-maintenance-alert.s-maintenance-alert-wrapper.hydrated {
    display: none !important;
}

body,section.section {
    background-image: url(https://cdn.salla.sa/Yxlom/Nvpq4ukC7Wiw925brB3VBTSKAalBNlLIMBGBtiUk.png)!important;
    background-size: 72%!important
}

.mm-spn.mm-spn--light ,.main-nav-container.fixed-header .inner,header.store-header .fixed-header,.main-nav-container,.top-navbar,salla-slider.photos-slider .swiper img {
    background: linear-gradient(to left,var(--1),var(--4))!important
}

.mm-spn.mm-spn--light,.mm-ocd--open .mm-ocd__content {
    background: linear-gradient(to left, var(--1) , #222127) !important;
}

.mm-spn.mm-spn--light {
    color: #fff;
}

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

section:nth-of-type(1).s-block.s-block--photos-slider {
    margin-top: 0
}

salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
    padding: 0;
}

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

salla-slider.photos-slider .swiper-slide {
    border-radius: 0 0 42px 42px !important;
}

@media (min-width: 767px) {
    .header-btn__icon,.s-cart-summary-total,.main-menu li>a:hover,div#mainnav {
        color: #fff;
        font-weight: 100;
    }
}

.top-navbar {
    display: none;
}

.logo a {
    background-image: background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    height: 41px;
    width: 129px;
    display: block;
    max-width: 198px;
    max-height: 66px;
    filter: brightness(78.5);
}

.navbar-brand img {
    height: 0px !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: 71px;
    width: 13rem;
    display: block;
    /* filter: brightness(14.5); */
}

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

    a.navbar-brand {
        right: 0px;
        position: relative;
    }

    footer.store-footer a.navbar-brand {
        right: 0px;
        width: 49vw;
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--4);
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: 3px;
    border-radius: 1rem 0 0 1rem;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-color: var(--4)
}

body:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to left,#f9f9f9,#f9f9f9)!important;
    position: fixed;
    z-index: 999999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 1s
}

@keyframes pupup {
    0% {
        transform: scale(1)
    }

    18% {
        transform: scale(1)
    }

    80% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

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

@keyframes pupup_logo {
    0% {
        transform: scale(0)
    }

    18% {
        transform: scale(1)
    }

    75% {
        transform: scale(1)
    }

    95% {
        transform: scale(0)
    }

    100% {
        transform: scale(0)
    }
}

button.header-btn ,.header-btn__icon {
    order: 1;
}

.s-cart-summary-total,button.header-btn ,.header-btn__icon,a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4,i.sicon-menu.text-primary.text-2xl {
    fill: #fff;
    color: #fff;
}

a[href="#mobile-menu"]::after {
    content: 'القائمة';
    position: absolute;
    width: 86px;
    height: 24px;
    color: var(--4);
    font-size: 10px;
    top: 72%;
    right: 0%;
    color: #fff;
}

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

.sub-menu.w-56 {
    background: var(--1);
}

section.s-block.s-block--photos-slider .swiper-wrapper * {
    border-radius: 0 0 42px 42px !important;
}

section.s-block.s-block--best-offers.container.overflow-hidden {
    background-color: #fff!important;
    padding-top: 1.5rem;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #e8e8e8;
    padding-bottom: 15px;
}

.s-slider-block__title h2,section.s-block.s-block--features.container:before {
    background: linear-gradient(to left,var(--1),var(--4)) !important;
    position: relative;
    right: 3px;
    /* top: 15px; */
    color: #fff;
    padding: 8px 10px 8px 10px;
    font-weight: 800 !important;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 2px 5px -3px rgb(0 0 0 / 61%);
    font-size: .9rem !important;
    border-radius: 7px !important;
    padding: 11px 19px 11px 19px;
}

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(--color-primary); */
    /* color: #fff; */
    display: block;
    text-align: center;
    font-weight: 700;
    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;
    padding: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.625rem;
    padding-top: 0.5rem;
}

@media (max-width: 380px) {
    button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
        font-size: .78rem;
    }
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--2)
    }

    100% {
        box-shadow: 0 0 0 6px #ffffff21
    }
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border-radius: 25px;
    background-color: var(--1);
    color: #fff;
    opacity: 1;
}

@keyframes tournemoi {
    0% {
        transform: rotate(-2deg)
    }

    40% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.s-products-slider-card.swiper-slide:hover {
    animation: tournemoi ease 1s
}

.s-product-card-content {
    text-align: center;
}

.s-product-card-content-sub {
    justify-content: center;
}

section.s-block.s-block--features.container:before {
    position: relative;
    content: "سبب اختيارك لنا";
    display: block;
    width: 156px;
    height: 44px;
    margin: 1px 0 6px 0;
    top: -12px !important;
    position: relative;
    right: 3px;
    /* top: 15px; */
    color: #fff;
    padding: 8px 10px 8px 10px;
    font-weight: 800!important;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 2px 5px -3px rgb(0 0 0 / 61%);
    font-size: .9rem!important;
    border-radius: 7px!important;
    padding: 11px 19px 11px 19px;
}

section.s-block.s-block--features.container {
}

.s-block--features__item .feature-icon {
    width: 100%!important;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 5rem 0!important
}

.s-block--features__item h2 {
    padding: .5rem;
    padding-bottom: .5rem;
    width: 100%!important;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    min-height: 60px;
    background: linear-gradient(to left,#09231f,#5b7571)!important;
    padding-bottom: 10px!important;
    border-radius: 0 5rem!important;
    color: #fff;
}

.s-block--features__item .feature-icon {
    margin-bottom: 0;
    border: none;
    position: relative;
    top: 0px;
    animation: float 4s ease-in-out infinite;
    transition: all .4s ease;
    perspective: 1000px;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(0px);
    }
}

.s-block--features__item p {
    color: #fff;
    position: relative;
    top: -25px;
}

@media (max-width: 767px) {
    .s-block--features__item {
        grid-column: span 2 / span 2;
        padding: 0;
    }

    .s-products-slider-card {
        width: 100%;
        max-width: 50%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.s-product-card-image {
    background: #fff;
}

.s-products-slider-card {
    border: 0 solid #eee;
    box-shadow: 0 2px 10px -3px #c8c8c8;
    border-radius: 15px;
    margin-top: 10px;
    background-color: #fff;
    margin-right: 15px;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    padding-bottom: 15px;
}

@media (max-width: 991px) {
    .mm-ocd__content {
        right: 0;
        width: 75%;
        height: 90%;
        text-align: right;
        overflow-y: scroll;
        -webkit-transition: all .7s ease;
        transition: all .7s ease;
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        border-radius: 8px 0 15px 10px;
        margin: 70px 20px 0 0;
    }
}

.main-menu li.root-level>a {
    color: #fff;
}

.header-btn__icon {
    border-color: var(--1);
}

.footer-is-light .store-footer .store-footer__inner {
    background: linear-gradient(360deg,var(--1),var(--4));
    /* background-color: var(--1) !important; */
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    animation: gradient 11s ease infinite !important;
    border: 0;
}

.store-footer {
    color: #fff !important;
}

.store-footer {
    /* background: linear-gradient(90deg,var(--1),var(--4)) !important; */
    font-size: 18px;
}

@media (max-width: 991px) {
    footer.store-footer {
        text-align: center;
    }

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

    div#contact-slot {
        align-self: center;
    }

    salla-social.s-social-list.hydrated {
        justify-content: center;
        /* display: flex; */
        /* flex-direction: column; */
    }

    .s-apps-icons-list {
        justify-content: center;
    }

    footer.store-footer {
        padding: 0 8px;
        width: 97%;
        align-self: center;
    }

    footer.store-footer , .footer-is-light .store-footer .store-footer__inner {
        border-radius: 18px 18px 0 0 !important;
    }
}

.copyright-text p {
    color: #fff;
}

footer.store-footer {
}

@media only screen and (max-width: 767px) {
    .product__description.p-2.px-5.sm\:p-1.leading-7.mb-3 * {
        font-size: 14px !important;
        line-height: 24px;
    }

    salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -11px;
    }
}

.product__description.p-2.px-5.sm\:p-1.leading-7.mb-3 {
}

h1.text-xl.md\:text-2xl.leading-10.font-bold.text-gray-800 {
    color: #154755 !important;
    /* font-size: 22px; */
    /* font-weight: 400; */
}

.product-brand.w-12 {
    width: 26%;
}

.new-product-header-moved-content.bg-white.p-5.rounded-md.mb-5 {
    padding: 0;
}

.promotion-title,.s-product-card-promotion-title {
    background: linear-gradient(to left,var(--1),var(--4))!important;
    color: #ffffff!important;
    font-size: 13px;
    /* font-weight: 400; */
    animation: pulse 5s infinite!important;
}

.mm-spn li {
    color: #fff !important;
    margin: 5px 5px 10px;
    border: #1f1a13 solid 0 !important;
    /* background: linear-gradient(to left,transparent,var(--4)) !important; */
    box-shadow: 2.5px 2.5px 5px #22232c94,-2.5px -2.5px 5px #21232e00;
}

.mm-spn li,a.text-gray-500 {
    border-radius: 10px 10px 10px 10px !important;
}

.main-menu>li>a[href*=offer] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}

/* .btn--close-sm {
    background: linear-gradient(to left,var(--1),var(--4))!important;
    border-radius: 50%;
} */
.s-product-card-vertical .s-product-card-wishlist-btn {
    display: none;
}

.store-footer__inner {
    /* background: var(--1) !important; */
}

.md\:flex.items-center.justify-between.py-4.container.text-center {
    background: var(--1);
    max-width: 100%;
}

footer.store-footer * {
    color: #ffffff;
}

.store-footer__inner::before {
    display: block;
    content: "";
    width: 160px;
    height: 108px;
    margin: 15px auto -10px auto;
    background: var(--logo) no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    margin-bottom: 20px;
    /* filter: brightness(0.5); */
}

.store-footer a.navbar-brand {
    display: none;
}

.store-footer .unicode {
    /* display: none; */
}

@media only screen and (max-width: 900px) {
    body > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(1) {
        /* grid-column: span 2/span 2; */ /* text-align: center; */ justify-self: center;
    }

    body > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) {
        /* grid-column: span 1/span 1; */
    }

    body > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) {
        /* grid-column: span 1/span 1; */
    }

    body > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(4) {
        grid-column: span 2/span 2;
    }

    body > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > salla-apps-icons {
        /* grid-column: span 2/span 2; */
    }

    .s-payments-list-item {
        display: flex;
        height: 2rem;
        width: 2.5rem;
    }
}

.navbar-brand {
    animation: wiggle 4s infinite;
    animation-direction: alternate;
}

@keyframes wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }

    15% {
        transform: rotateZ(-10deg);
    }

    20% {
        transform: rotateZ(10deg);
    }

    25% {
        transform: rotateZ(-10deg);
    }

    30% {
        transform: rotateZ(6deg);
    }

    40%, 100% {
        transform: rotateZ(0);
    }
}

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

#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-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 70%;
    height: 101px;
    margin: 0px auto;
    /* filter: brightness(15.5); */
}

.mm-ocd__content {
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end:before {
    content: "";
    width: 80px;
    height: 64px;
    display: block;
    background: transparent url(https://assets.zid.store/themes/24c59a15-58b7-4cac-a738-0498aaaf723b/img-vat.svg)0rem 0rem/100%no-repeat!important;
    background-size: contain !important;
    position: relative;
    top: 8px;
    right: -8px;
}

body:not(.cart) section.bg-white.p-5.rounded-md.mb-5 {
    display: none;
}

.main-content h1, .s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,#000000 0,var(--4) 29%,var(--1) 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;
    font-size: 21px;
    line-height: 1.5;
}

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

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

ul.s-social-list {
    justify-content: center;
}

.sicon-whatsapp2::after,a[href*="whatsapp"].s-contacts-item::after {
    content: 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 31.84 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.2,4.65C24.21,1.65,20.22,0,15.98,0,7.24,0,.13,7.11.13,15.86c0,2.79.73,5.53,2.12,7.93l-2.25,8.22,8.41-2.21c2.32,1.26,4.93,1.93,7.58,1.93h0c8.74,0,15.86-7.11,15.86-15.86,0-4.24-1.65-8.22-4.64-11.22h0ZM15.99,29.05h0c-2.37,0-4.69-.64-6.71-1.84l-.48-.29-4.99,1.31,1.33-4.86-.31-.5c-1.33-2.09-2.02-4.52-2.02-7.01,0-7.27,5.91-13.18,13.19-13.18,3.52,0,6.83,1.38,9.32,3.86,2.49,2.49,3.86,5.8,3.86,9.32,0,7.27-5.92,13.19-13.18,13.19ZM23.21,19.17c-.39-.2-2.34-1.16-2.71-1.29s-.62-.2-.89.2c-.26.39-1.02,1.29-1.26,1.56-.23.26-.46.3-.86.1s-1.68-.62-3.19-1.97c-1.18-1.05-1.98-2.35-2.21-2.74s-.02-.61.18-.81c.18-.18.39-.46.59-.69s.26-.39.39-.66c.13-.26.07-.49-.03-.69s-.89-2.15-1.22-2.94c-.32-.77-.65-.67-.89-.68-.23-.01-.49-.01-.76-.01s-.69.1-1.06.49c-.36.39-1.39,1.36-1.39,3.31s1.42,3.83,1.62,4.1c.2.26,2.79,4.27,6.77,5.98.94.41,1.68.65,2.26.84.95.3,1.81.26,2.49.16.76-.11,2.34-.96,2.67-1.88s.33-1.72.23-1.88c-.09-.17-.36-.27-.76-.48h0Z'/%3E%3C/svg%3E");
    text-align: center;
    cursor: pointer;
    background: #46a51e;
    z-index: 999;
    display: flex;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 0px;
    color: #fff;
    box-shadow: #00000022 1.5px 1.5px 5px;
    width: 58px;
    height: 58px;
    border-radius: 27.5px;
    position: fixed;
    bottom: 19px;
    right: 17px;
    transform: rotate(360);
    transition: all .2s ease-in-out;
}

@media only screen and (max-width: 700px) {
    body.product-single .sicon-whatsapp2::after,body.product-single a[href*="whatsapp"].s-contacts-item::after {
        bottom: 123px;
    }

    /*body:not(.index) .sicon-whatsapp2::after,body:not(.index) a[href*="whatsapp"].s-contacts-item::after {
    bottom: 131px;
}*/
}

body[style] a[href*="whatsapp"].s-contacts-item::after, body[cz-shortcut-listen="true"] a[href*="whatsapp"].s-contacts-item::after, a[href*="whatsapp"].s-contacts-item::after, 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,a[href*="whatsapp"].s-contacts-item:after:hover {
    border-radius: 0;
    border: 0;
    width: 180px;
    height: 60px;
}

.sicon-whatsapp2:hover::after,a[href*="whatsapp"].s-contacts-item:hover::after {
    content: "حاب نساعدك 😃؟ ";
    content: "     في خدمتك ؟ ";
    font-family: var(--font-main)!important;
    width: 260px !important;
    animation: trns 1s;
    font-size: 20px !important;
    color: #ffffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

    100% {
        color: #ffffff99;
    }
}

.banner--fixed img, .banner-entry {
    background: transparent !important;
}

custom-main-menu {
    background: var(--2);
    border-radius: 15rem;
}

:root {
    --color-primary: var(--1);
    --color-primary-dark: var(--4);
    --color-primary-light: var(--3);
    --color-primary-reverse: var(--2);
    --1: #cf2929;
    --1: #313131;
    --2: #f7da90;
    --2: #cf2929;
    --3: #ff7376;
    --4: #4b0204;
    --4: #141414;
    --logo: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/RAxGXz/nXDlFvAsQ0wWmYkvy2neAhwZivaVXZiLpvApBrr1.png");
}