/* تنسيق متجر العملاق: أخضر وأبيض ومحاذاة جانبية */

:root {
    --primary-green: #2ecc71; /* درجة الأخضر - يمكنكِ تغييرها حسب رغبتك */
}

/* جعل النصوص والأسعار في الجانب (اليمين) */
.product-details__title, 
.product-details__price,
.product-details__description,
.product-card__title,
.product-card__price {
    text-align: right !important;
    display: block !important;
}

/* تغيير لون اسم المنتج والسعر للأخضر */
.product-details__title, 
.product-details__price,
.product-card__title,
.product-card__price {
    color: var(--primary-green) !important;
}

/* جعل الخلفية بيضاء بالكامل */
body, .main-content, .product-card {
    background-color: #ffffff !important;
}

/* تنسيق السعر تحت المنتج مباشرة في الجانب */
.product-details__price {
    margin-top: 10px !important;
    justify-content: flex-start !important;
}

/* إذا كان هناك أيقونات أو أزرار، نجعلها باللون الأخضر */
.btn-primary, .s-button-primary {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: #ffffff !important;