/* ----------------------- / / الخلفيات الأساسية / / ----------------------- / body, .site-wrapper { background-color: #FAF3E1; / لون المتجر: عاجي فاتح / color: #453025; / نص أساسي بني غامق */ font-family: Arial, sans-serif; } 
/* أقسام المحتوى / .main-content, .section, .page-section { background-color: #FFFFFF; / أبيض */ } 
/* الفواصل الرمادية / .section-divider, .sidebar-divider { background-color: #EDEDED; / رمادي فاتح */ } 
/* ----------------------- / / النصوص / / ----------------------- / h1, h2, h3, h4, h5, h6 { color: #453025; / نص أساسي */ } 
p, span, li, .sub-text { color: #296374; /* نص فرعي أزرق داكن */ }
a, .link, .menu-link { color: #296374; /* أزرق داكن */ text-decoration: none; } 

a:hover, .link:hover, .menu-link:hover { color: #4D2FB2; /* بنفسجي غامق عند المرور */ } 

/* ----------------------- / / الأزرار / / ----------------------- / button, .btn, .add-to-cart, .checkout-btn, .subscribe-btn { background-color: #629FAD; / أزرق متوسط / color: #FFFFFF; / نص أبيض */ border: none; border-radius: 6px; padding: 10px 20px; cursor: pointer; font-weight: bold; transition: background 0.3s, transform 0.3s; } 

button:hover, .btn:hover, .add-to-cart:hover, .checkout-btn:hover{ background-color: #4A7B8A; /* أزرق أغمق عند المرور */ transform: translateY(-2px); } 

/* ----------------------- / / شريط الإعلان / / ----------------------- / .announcement-bar, .promo-bar { background-color: #FFCE99; / برتقالي فاتح / color: #453025; / نص بني داكن */ padding: 10px; text-align: center; font-weight: bold; } 

/* ----------------------- / / الهيدر والقائمة العليا / / ----------------------- / header, .top-bar, .navbar { background-color: #FFFFFF; / أبيض */ color: #453025; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } 

/* القائمة الجانبية / .sidebar, .menu-sidebar, .filter-sidebar { background-color: #EDEDED; / رمادي فاتح */ color: #453025; }/* ----------------------- / / الفوتر / / ----------------------- / footer, .footer { background-color: #FFD8DF; / وردي فاتح مشبع */ color: #453025; padding: 20px; } 
/* ----------------------- / / بطاقات المنتجات / / ----------------------- / .product-card, .product-item, .featured-product { background-color: #FFFFFF; / أبيض / border: 2px solid #296374; / إطار أزرق داكن */ border-radius: 10px; padding: 15px; margin: 10px; transition: transform 0.3s, box-shadow 0.3s; } 
.product-card:hover, .product-item:hover, .featured-product:hover { transform: translateY(-5px); box-shadow: 0 4px 10px rgba(0,0,0