/* Add custom CSS styles below */ 
/* خلفية المتجر: بيضاء مع نقاط رمادية صغيرة ومتباعدة */
body, 
.salla-header, 
header {
    background-color: #ffffff !important;
    background-image: radial-gradient(#cccccc 1.2px, transparent 1.2px) !important;
    background-size: 32px 32px !important; /* مسافة التباعد بين النقاط (كلما زاد الرقم زاد التباعد) */
    background-position: 0 0 !important;
    background-attachment: fixed !important;
}

/* تثبيت لون خلفية بطاقات المنتجات والهيدر لتكون واضحة ونظيفة فوق النقاط */
.product-card, 
.salla-product-card, 
.card,
.box,
div[class*="product"],
div[class*="card"] {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px;
}