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

.s-comments.s-comments-product,body,section.s-block.s-block--logos-slider {
    background-color: var(--3);
}

input.s-search-input {
    background: #fff!important;
    border-radius: 5px!important;
    border: 1px solid #38423b2b!important
}

.s-block.s-block--categories .s-slider-block__title-nav .s-slider-nav-arrow,.s-slider-nav-arrow,span.s-search-icon-wrap {
    background-color: #000
}

span.s-search-icon-wrap {
    padding: 10px;
    right: -1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #000!important;
    border-color: #000
}

.s-search-icon svg,.s-slider-nav-arrow svg {
    fill: #fff
}

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

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    /* max-width: 95% */
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type .container {
    max-width: 100%;
    padding: 0
}

.right-side h2,.s-slider-block__title h2 {
    font-size: 22px
}

.right-side h2,.s-slider-block__title h2,h1.s-reviews-header {
    color: #000!important;
    padding: 0
}

.s-block__title h2:after,.s-slider-block__title h2:after,h1.s-reviews-header:after {
    content: "";
    display: block;
    border-bottom: 2px solid var(--1);
    width: 50%;
    padding-bottom: 10px
}

.s-slider-nav-arrow {
    opacity: 1;
    box-shadow: rgb(0 0 0 / .24) 0 3px 8px
}

.s-slider-nav-arrow:hover {
    background-color: #fdfdfd;
    border: 1px solid #000
}

.s-slider-nav-arrow:hover svg {
    fill: #000!important
}

.s-product-card-entry.s-product-card-horizontal,.s-product-card-entry.s-product-card-vertical {
    border: 1px solid var(--1);
}

.s-products-list-wrapper.s-products-list-vertical-cards,.s-products-slider-card.swiper-slide {
    padding-bottom: 9px;
    padding-right: 9px
}

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

.s-product-card-price {
    color: var(--1)
}

.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: #000;
    color: #fff;
    opacity: 1
}

a.banner-entry.square-photos {
    height: 395px
}

section.s-block.s-block--features.container .s-block--features__item {
    box-shadow: none!important;
    border: 1px solid var(--1);
    position: relative;
    height: 110px;
    border-radius: 15px;
}

section.s-block.s-block--features.container .s-block--features__item .feature-icon i {
    color: #fff0;
    background-size: contain;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -35%;
    background-repeat: no-repeat
}

.s-block--features__item .feature-icon {
    color: #fff0;
    background-color: #fff0
}

section.s-block.s-block--features.container .s-block--features__item:nth-of-type(3) .feature-icon i {
    background-image: url(https://cdn.salla.sa/form-builder/BpOjE9e8WBDP7NzdQKjfR31wL6nbIo6fWC8w0bZZ.png)
}

section.s-block.s-block--features.container .s-block--features__item:nth-of-type(1) .feature-icon i {
    background-image: url(https://cdn.salla.sa/form-builder/GqDmYVpBp2IDR52PDsL0DMPsUobrvMsFJFyOQOAW.png)
}

section.s-block.s-block--features.container .s-block--features__item:nth-of-type(2) .feature-icon i {
    background-image: url(https://cdn.salla.sa/form-builder/LYDmuv6cmGP0utC5nPKsokyiQmDSdawbtrY4NCtX.png)
}

.s-block--features__item h2 {
    font-size: 19px;
    margin-top: 5px
}

section.s-block.s-block--logos-slider .container .grid {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

section.s-block.s-block--logos-slider .container .grid a:first-of-type,section.s-block.s-block--logos-slider .container .grid a:nth-of-type(4) {
    grid-row: span 1/span 2
}

.brands-nav__item.is-selected {
    background-color: #000!important;
    color: #fff!important
}

a.brand-item {
    transition: .5s
}

a.brand-item:hover {
    box-shadow: 0 10px 15px 5px rgb(0 0 0 / .04),inset 0 0 0 1px #eee;
    transform: translateY(-5px);
    transition: .8s
}

.store-footer__inner {
    /* color: #fff; */
    background-color: #fff0;
}

.store-footer__inner .grid>div h3:after {
    content: "";
    border-bottom: 3px solid var(--1);
    display: block;
    width: 10%;
    left: 0;
    right: 0;
    margin: 10px auto auto;
}

.store-footer__inner .grid>div:first-of-type a h3,b.s-cart-summary-total {
    display: none
}

.store-footer__inner .container.grid {
    grid-template-columns: repeat(3,minmax(0,1fr))!important;
    /* margin-top: 30px */
}

.store-footer__inner * {
    text-align: center!important;
    justify-content: center!important
}

.store-footer__inner .grid>div {
    padding-left: 0;
    grid-column: span 1/span 2
}

span.text-sm.copyright-text p {
    color: #fff!important;
}

[product-status=out] {
    cursor: no-drop
}

.content.content--single-page,section.cart-item {
    box-shadow: #00000059 0 2px 8px 0
}

.product-single .s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text,.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center,button.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    color: #fff
}

.s-block.s-block--categories .s-slider-block__title-nav .s-slider-nav-arrow:hover {
    background-color: #fff
}

a.slide--cat-entry {
    height: unset;
    border: none!important
}

a.banner-entry.square-photos,a.slide--cat-entry {
    transition: 1s;
    background-color: transparent!important
}

a.banner-entry.square-photos:hover,a.slide--cat-entry:hover {
    box-shadow: none;
    transform: scale(.9);
    transition: 1s;
    background: 0 0!important
}

a.slide--cat-entry img {
    height: 100%;
    width: 100%;
    border-radius: 0
}

@media (max-width: 992px) {
    .store-footer__inner .container.grid {
        /* padding-top:50px; */ grid-template-columns: repeat(1,minmax(0,1fr))!important;
    }

    .store-footer__inner p {
        max-width: 48rem
    }

    a.banner-entry.square-photos {
        height: 30vw
    }

    .s-block.s-block--categories .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
        padding: 0
    }
}

@media(max-width: 600px) {
    section.s-block.s-block--banners.container .grid,section.s-block.s-block--logos-slider .container .grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    a.banner-entry.square-photos {
        height: 30vw
    }

    .s-block--features__item {
        padding: 24px 11px 11px
    }

    section.s-block.s-block--features.container .grid {
        row-gap: 40px
    }

    .s-block--features__item h2,.s-block--features__item p {
        font-size: 14px;
    }

    .s-block--features__item p {
        font-size: 9px;
    }

    section.s-block.s-block--features.container {
        margin-top: 4rem
    }

    .right-side h2,.s-slider-block__title h2 {
        font-size: 18px
    }

    .s-block.s-block--categories .swiper-slide.slide--one-sixth {
        width: 43%
    }
}

.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 2
}

.s-slider-block__title-nav {
    display: none!important
}

@media(max-width: 600px) {
    .s-products-slider-card.swiper-slide {
        width:38%
    }

    button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center i {
        display: none
    }

    .s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
        padding: 5px
    }

    .s-product-card-content-title a,.s-product-card-sale-price {
        font-size: 12px
    }

    .s-product-card-content {
        padding: 1px
    }

    .s-product-card-content-sub {
        margin-bottom: 1px
    }
}

@media(min-width: 992px) {
    section.s-block.s-block--categories .swiper-wrapper.s-slider-swiper-wrapper {
        justify-content:space-around
    }

    .swiper-slide.slide--one-sixth {
        width: 22%
    }
}

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

.s-product-card-image {
    background-color: rgb(255 255 255);
}

section:nth-of-type(1) salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: .375rem;
    padding: 0
}

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

section:nth-of-type(1) .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden {
    padding-left: 0
}

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

.bg-white,.s-product-options-wrapper,#tabbyPromoWrapper {
    background: var(--1)1c !important;
}

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

.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: 35px;
    width: 10rem;
    display: block;
    filter: brightness(18.5);
}

.main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header .navbar-brand {
    filter: none;
}

.main-nav-container.fixed-header .navbar-brand {
    height: 75px;
    width: 3rem;
}

@media only screen and (max-width: 700px) {
    .navbar-brand {
        width: 11rem;
    }
}

.s-login-modal-wrapper:before {
    content: '';
    display: block;
    width: 100%;
    height: 70px;
    background-image: var(--logo);
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    background-position: center;
    margin-bottom: 2rem;
}

.s-modal-header-inner, .s-login-modal-sub-title {
    /* display: none; */
}

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 > p.max-w-sm.leading-6.mb-6:before {
    content: '';
    width: 100%;
    height: 43px;
    display: block;
    background-image: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 1rem;
    filter: brightness(18.5);
}

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

.footer-is-light .store-footer,.store-footer__inner,.footer-is-light .store-footer .store-footer__inner {
    background: var(--color-primary);
    color: #ffffff;
    border-top-left-radius: 20rem 1rem;
    border-top-right-radius: 20rem 1rem;
    padding-bottom: 0;
}

.top-navbar,.main-nav-container.shadow-default.bg-white {
    background: var(--color-primary) !important;
    color: #ffffff;
    padding-bottom: 0;
}

.header-btn__icon {
    color: #fff;
}

i.sicon-menu.text-primary.text-2xl {
    color: #fff;
}

@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover,.main-menu>.has-children:hover>a {
        color: #fedebf;
        text-decoration-line: none;
    }
}

.main-menu li:hover>.sub-menu {
    background: var(--1);
}

section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none,section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    background: var(--1)4a;
    border: 1px solid var(--1);
}

section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    border-bottom: 0;
}

section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    border-top: 0;
}

.s-button-primary {
    border-color: #343434;
    background-color: #414042;
    background-color: #1e1e1e;
    color: #ffffff;
}

header.store-header {
    background: var(--1);
}

.flex-1.border-t.border-b.border-gray-200.py-3.md\:p-0.md\:border-none.mt-5.md\:mt-0.flex.justify-between.items-center.md\:items-start {
    background: var(--1);
    padding: 15px;
    border-radius: 15px;
    /* color: #fff; */
}

p.text-primary.flex-none.font-bold.text-sm.rtl\:md\:pl-12.ltr\:md\:pr-12 {
    color: #fff;
}

.s-quantity-input-button {
    fill: #fff;
}

.s-quantity-input-button:hover {
    fill: #2f2c2c;
}

.s-quantity-input-container * {
    fill: #000 !important;
}

.s-quantity-input-container {
    border-color: var(--1);
}

.s-product-card-promotion-title {
    background: var(--1);
}

.discount-badge {
    background: #f24949;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 9px;
    color: #fff;
}

.s-product-card-sale-price h4 {
    color: var(--1) !important;
}

.s-product-card-overlay {
    background: 0;
}

.s-product-card-full-image img {
    position: relative;
    height: 100%;
    width: 48%;
    overflow: hidden;
    border-radius: .75rem;
    top: -72px;
    right: 25%;
}

@media (max-width: 767px) {
    .s-product-card-full-image img {
        position: relative;
        height: 100%;
        width: 35%;
        top: -72px;
        right: 31%;
    }
}

.s-product-card-full-image .s-product-card-sale-price span,.s-product-card-full-image .s-product-card-content-title a ,.s-product-card-full-image .s-product-card-content-subtitle {
    color: #000;
}

.bg-gray-100 {
    background: transparent;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    color: #ffffff;
}
.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[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;
    }
}
:root {
    --1: #ef8015;
    --color-primary: var(--1);
    --color-primary-dark: color-mix(in srgb, var(--1), black 30%);
    --color-primary-light: color-mix(in srgb, var(--1), white 40%);
    --color-primary-reverse: color-mix(in srgb, var(--1), red 60%);
    --3: color-mix(in srgb, var(--1), #ffffff 94%);
    --logo: url("https://cdn.salla.sa/form-builder/wopMX1brVORZDvCY68FuUmYlPiW5teTO7YZ0Nqb9.png");
}


