/* Add custom CSS styles below /* إبراز شارة الخصم وجعلها لافتة */
.product-card .discount-badge {
    background-color: #e53935 !important;
    color: #ffffff !important;
    font-weight: bold;
    border-radius: 4px;
}

/* تحسين بروز بطاقات المنتجات عند تمرير الماوس */
.product-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 10px;
    overflow: hidden;
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

/* تنسيق شريط المزايا التنافسية ليكون نظيفاً ومريحاً للعين */
.feature-item {
    border: 1px solid #f0f0f0;
    padding: 15px;
    border-radius: 8px;
    background: #fafafa;
}*/