body {
    background-color: #f8f8f8; /* لون الخلفية أوف وايت */
    font-family: Arial, sans-serif;}

.cart {
    background-color: #4a7c2a; /* اللون الزيتي */
    color: white; /* لون النص */
    padding: 20px;
    border-radius: 8px;
    width: 300px;
    margin: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}

.cart h1 {
    font-size: 24px;
    margin-bottom: 15px;}

.cart-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 0;}

.cart-item:last-child {
    border-bottom: none; /* إزالة الحدود عن آخر عنصر */}

.cart-total {
    font-weight: bold;
    margin-top: 15px;}

.button {
    background-color: #f0c14b; /* لون زر الشراء */
    color: #111; /* لون النص في الزر */
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;}

.button:hover {
    background-color: #ddb347; /* لون الزر عند التمرير *}