/* Add custom CSS styles below */ 
.bg-inherit {
    background-color: #707070;
}
h2 {
  background-color: #707070;    
  color: white;                 
  padding: 12px 24px;           
  display: inline-block;        
  border-radius: 6px;           
  font-family: Arial, sans-serif;
  font-size: 28px;
  text-align: center;
  border: 2px solid #707070;    
}

.s-button-primary-outline {
  background-color: #707070;   
  color: white;                
  border: 2px solid #707070;   
  padding: 10px 20px;          
  border-radius: 6px;          
  font-family: Arial, sans-serif;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
} body{background-color: #707070!important;
}
 header {
     background-color:  #707070 !important;
     }
i.sicon-menu.text-gray-700.text-2xl.rtl\:ml-3.ltr\:mr-3{
color:white ;}
/* زر إضافة للسلة */
.btn-primary {
  background-color: #707070 !important; /* غير اللون هنا */
  color: #F8EAC5 !important; /* لون النص */
  border: none;
} /* زر إضافة للسلة */
.btn-primary,
.product-form__cart-submit,
.button--primary {
  background-color:  #707070 !important; /* لون الخلفية */
  color:  #F8EAC5 !important; /* لون النص */
  border: none;
}

/* زر إرسال التعليق */
button[type="submit"],
.btn-send {
  background-color:  #F8EAC5 !important; /* لون الخلفية */
  color:  #F8EAC5!important;
  border: none;
}

/* أيقونات التصنيفات */
.category-icon,
.collection-list__item-icon img {
  filter: brightness(0) invert(1); /* يعكس لون الأيقونة */
}

/* لو الأيقونة خط أو Font Icon */
.category-icon {
  color:  #F8EAC5 !important; /* لون الأيقونة */
} /* لو  خط أو Font Icon */
.category-icon {
  color:  #F8EAC5 !important; /* لون الأيقونة */
} /* تغيير لون السعر */
.product-price,
.price {#F8EAC5
  background: none !important;   /* يشيل الخلفية السوداء */
  color: #F8EAC5 !important;     /* اللون الذهبي الفاتح */
  font-size: 18px;               /* حجم مناسب */
  font-weight: bold;             /* خط عريض */
}.header-search,
.search-box,
.search-icon {
  display: none !important;