/* Add custom CSS styles below */ 
.bg-white {
    --tw-bg-opacity: 1;
   background-color: rgb(219 203 161);
    
   /* القائمة السفلية للاصناف  */ 
  @media (min-width: 640px) {
    .s-product-card-content {
        padding: 1.25rem;
        background-color: rgb(159 129 81); } }
        
       /* القائمة الرئيسية الكلام الذي في النص */    
        @media (min-width: 768px) {
    .s-block__title .center-side {
        background-color: rgb(159 129 81);}}
        
     /* الاكثر مبيعا */   
        .hide-scroll .tab-trigger.is-active button {
    
    background-color: rgb(159 129 81);
    color: #000000;
}
/* مميزات المتجر  */ 
.card-effect .card-border {
    background-color: rgb(159 129 81);
    
}

/* تابي */ 
/*.styles__tabbyPromoSnippet--ed9ac.styles__tabbyPromoSnippetFontInherit--bb9df {
    background-color: rgb(159 129 81);
}*/
.tab-accordion .accordion {

border-color:rgb(255 255 255);
background-color: rgb(219 203 161);
}
/*  من نحن */ 
.text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0); }
/*  الفوتر  */     
.store-footer {
        background-color: rgb(219 203 161);
    
    }
   
   
.product-fixed-bar {
       position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-radius: 0px;
    padding: 0.75rem;
    --tw-shadow: -1px -2px 9px 0 rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: -1px -2px 9px 0 var(--tw-shadow-color);
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   
       background-color: rgb(219 203 161);
}

/*  من نحن */ 

.product-card{
box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;

--tw-shadow:rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important ;
{