/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
.s-comments.s-comments-product,body,section.s-block.s-block--logos-slider {
    background-color: #fff0e5;
}

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: var(--1);
    color: #fff;
    opacity: 1;
}

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

section.s-block.s-block--features.container .s-block--features__item .feature-icon i {
    color: #fff;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat
}

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

.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: #ef801500 !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: 69px;
    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,.header-btn__icon,i.sicon-menu.text-primary.text-2xl {
    /* background: var(--color-primary); */
    color: #000000;
    padding-bottom: 0;
}

 

@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: #ef80154a;
    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 {
    color: #ffffff;
}

body.index header.store-header {
    background: #e1eedb;
}

.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);
}

.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;
    }
}

.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background: #fff !important;
}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background: var(--1)
}

.s-add-product-button-mini-checkout-content,button.s-fast-checkout-button.outline,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    background: #70b99c !important;
    color: #fff !important;
    border-color: var(--1) :
}

.s-fast-checkout-button.rtl {
    padding: 22px
}

.s-add-product-button-mini-checkout-content,button.s-fast-checkout-button.outline,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    --color-primary: #70b99c !important;
    border-radius: 4px
}

:root {
    --color-primary: var(--1);
    --color-primary-dark: var(--2);
    --color-primary-light: var(--2);
    --color-primary-reverse: var(--3);
    --gr: linear-gradient(45deg,var(--color-primary) 0,var(--color-primary) 0,var(--color-primary) 39%,var(--color-primary-dark) 100%);
    --gr2: linear-gradient(45deg, var(--1) 0, var(--2) 100%);
    --1: #ff9e9f;
    --2: #e0edda;
    --3: #e0edda;
    --logo: url("https://cdn.salla.sa/form-builder/iKGwFuQISufKYsCmmNyTdLCuKp4iZkfhsYPMWHmJ.png");
}