/*************** Genral ****************/
@import url('https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&display=swap');
* {
  font-family: "Beiruti", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-style: normal;
}
body {    
    background: #fff !important;
}
/*****************************************/
/*************** Gategory ****************/
a.slide--cat-entry {
    background:transparent;
    height:13rem;
    border:none
}
a.slide--cat-entry img{
    width:10rem;
    height:10rem;
}
.swiper-wrapper {
    justify-content:space-evenly;
}
.s-slider-block__title-nav {
    display:flex !important;
}
/*****************************************/
/*************** Banners ****************/
section.s-block.s-block--fixed-banner  .container {
    max-width: 100%;
}
section.s-block.s-block--fixed-banner:nth-of-type(1)  .container {
    padding: 0;
}
section.s-block:nth-of-type(1)  {
    margin-top:0px;
}
section.s-block img{
    background-color: transparent;
}
section.s-block:nth-of-type(1) img{
    border-radius:0px;
}
/*****************************************/
/*************** Footer ****************/
footer.store-footer {
    background-color: #3D4A47 !important;
}
.store-footer__inner {
    background: #3D4A47 !important;
    color : #F7EDE1;
}
footer.store-footer p {
    color : #F7EDE1;
}
.store-footer__inner {
    border: none;
}
.copyright-text p{
    color: #F7F9FB !important;
}
div#contact-slot:nth-of-type(1)  span.s-contacts-icon{
    background-color:	#25d366;
}
div#contact-slot:nth-of-type(2)  span.s-contacts-icon{
    background-color:	#000;
}
div#contact-slot:nth-of-type(3)  span.s-contacts-icon{
    background-color:#ff0000;
}
div#contact-slot:nth-of-type(4)  span.s-contacts-icon{
    background-color: #fff;
    color:#3F51A5;
}
span.s-contacts-icon{
    border: none;
    color: #fff
}
li.s-social-link a{
    border: none;
    color: #fff;
}
li.s-social-link a[title="instagram"]{
    background-image: linear-gradient(150deg,#f9ce34,#ee2a7b,#6228d7);
}
li.s-social-link a[title="tiktok"]{
    background-image: linear-gradient(150deg,#00f2ea,#000,#ff0050);
}
li.s-social-link a[title="snapchat"]{
    background: #fffc00!important;
    color:#000;
}
li.s-social-link a[title="facebook"]{
    background:#fff;
    color:#1878f3;
}
li.s-social-link a[title="youtube"]{
    background:#ff0000;
    color:#fff;
}
li.s-social-link a[title="twitter"]{
    background:#000;
    color:#fff;
}
/*****************************************/
/*************** Header ****************/
.sicon-user-circle:before {
    content: "\f078"
}
.top-navbar  {
    background: #3D4A47 !important;
    border-bottom: 1px solid #F7EDE1;
}
div#mainnav  , .fixed-header .inner {
    background: #3D4A47 !important;
}
.shadow-default{
    box-shadow: 0 0 transparent !important;
} 
div#mainnav i.sicon-shopping-bag ,
i.sicon-user-circle{
    background-color: #F7EDE1;
    color: #3D4A47 !important;
    border-color: #F7EDE1 !important;
    box-shadow: 1px 1px 5px #F7EDE1;
    border-radius: 6px;
}    
div#mainnav i.sicon-shopping-bag:hover ,
i.sicon-user-circle:hover{
    background-color: transparent;
    color: #F7EDE1 !important;
    border-color: #F7EDE1 !important;
}
b.s-cart-summary-total,
nav#mobile-menu{
    color:#F7EDE1;
}
ul.main-menu.mm-spn--open li:hover a {
    color:#000;
}
.top-navbar a{
    color: #F7EDE1 !important;
}
.s-search-container.s-search-inline {
    background-color: #fff;
    border-radius:6px;
    box-shadow:1px 1px 10px #3f51a552;
}
.sub-menu a {
    color: #000;
}
.s-user-menu-trigger {
    border-radius: 6px;
    width: 45px;
    height: 45px;
}
i.sicon-menu {
    color:#F7EDE1;
}
/*****************************************/
button.s-product-card-wishlist-btn.animated {
    background-color: #F44336 !important;
    color: #fff;
    border-color: #f44336 !important;
}
.s-product-card-content {
    text-align: center;
}
.s-product-card-content-sub {
    justify-content: center;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center  {
    background : #3D4A47 !important;
    border: 1px solid #F7EDE1 !important;
    color:#F7EDE1;
    border-radius:6px;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    background: #3D4A47 !important;
    border: 2px solid #F7EDE1 !important;
    color: #F7EDE1;
    opacity:0.7;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover i {
    color: #F7EDE1;
}
i.text-base.sicon-shopping-bag {
    color: #F7EDE1;
}
h3.s-product-card-content-title a {
    color: #333;
}
h3.s-product-card-content-title:hover a {
    color: #3D4A47;
}
.s-product-card-content-footer.gap-2 {
    padding-top:10px;
    border-top: 1px solid #3D4A47;
}
salla-add-product-button.hydrated[product-status=out] {
    background-color: #fff;
    border: 1px solid #000;
    color: #000 !important;
}
custom-salla-product-card ,
salla-product-card{
    border:1px solid #3D4A47;
    border-radius:6px !important;
}
h1#page-main-title , .main-content label , nav.breadcrumbs , a.text-primary{
    color: #3D4A47;
}
button.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    background-color: #3D4A47 !important;
    border: 2px solid #3D4A47 !important;
    color:#F7EDE1;
    border-radius:6px;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color: #3D4A47 !important;
    border: 2px solid #3D4A47 !important;
    color:#F7EDE1;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {
    background-color: transparent !important;
    border: 2px solid #3D4A47 !important;
    color: #3D4A47;
}
p.text-primary{
    color: #000;
}
.main-content  h1 {
    color: #000;
}
button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after {
    background-color: transparent;
    color: #3D4A47;
    border:2px solid  #3D4A47;
}
button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after:hover {
    background-color: #3D4A47;
    color: #F7EDE1;
}
@media only screen and (max-width: 600px) {
   .product-single div#scrollToTopWrapper {
        margin-bottom: 100px;
    }
    .sticky-product-bar__quantity.center-between.mb-5 {
        width: 30%;
    }
    .fixed-header .inner{
        padding-block: 10px;
     }
    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text {
        font-size: 0;
    }
    section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none,salla-add-product-button.mt-5.w-full.sticky-product-bar__btn.s-add-product-button-with-quick-buy.s-add-product-button-with-sticky-bar.hydrated {
        flex-direction: row-reverse !important;
    }
    .s-add-product-button-with-quick-buy salla-quick-buy:where([dir=rtl],[dir=rtl] *) {
        margin-left: .5rem;
        margin-right: 0;
    }
    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text svg {
        display: none;
    }

    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text::before {
        content: "اضافة للسلة" !important;
        font-size: 12px;
    }

    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
        padding: 6px !important;
    }

    .product-single footer {
        padding-bottom: 0px;
    }

    .app-inner.flex.flex-col.min-h-full {
        position: relative !important;
    }

    section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
        position: fixed !important;
        left: 0;
        bottom: 60px;
        width: 100%;
        z-index: 22;
    }
    .s-modal-body.s-modal-align-middle.s-modal-xs.s-modal-padding.s-modal-entering {
        z-index: 999999999 !important;
    }
    .s-search-container {
        width: 250px !important;
        margin-inline: auto;
    } 
  nav#mobile-menu{
    color:#3D4A47;
   }
}
.loader-init {
    display: none;
}
button.s-login-modal-enter-button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center ,
button.btn--wishlist.animated.hidden.sm\:inline-flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center ,
button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center{
    background-color: #3D4A47 !important;
    border: 2px solid #F7EDE1 !important;
    color: #F7EDE1;
    border-radius: 6px;
}
a.s-login-modal-link {
    color: #000;
}
.s-comments.s-comments-product {
    background-color: transparent;
}
.product__description a strong {
    color: #3D4A47;
}
.slide--cat-entry h2 , .s-slider-block__title h2{
  color :#3D4A47;
}
.marquee-container {
    height:30px;
}
.marquee-track {
    top:2px;
}
.s-slider-nav-arrow {
  border-color: #3D4A47 !important;
  background-color: #3D4A47 !important;
  border-radius:6px;
}
.s-slider-nav-arrow svg {
  fill: #F7EDE1;
}
.s-slider-nav-arrow:hover {
  background-color:transparent !important;
}
.s-block--features__item {
    background:#F7EDE1;
}
.feature-icon {
    background:#3D4A47 !important;
}
.feature-icon i {
    color:#F7EDE1 !important;
}
.s-block--features__item h2 {
    color:#3D4A47;
    font-size:20px;
}
.s-block--features__item p {
    color:#171918;
    font-weight:500;
}