/* Add custom CSS styles below */ 
/* 1. إبراز بطاقات المنتجات بإضافة ظل أنيق وحواف ناعمة */
.product-box, .product-card {
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
}

/* حركة لمسية خفيفة عند مرور الماوس على المنتج */
.product-box:hover, .product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 25px rgba(26, 122, 133, 0.15) !important;
}

/* 2. تحسين شكل أزرار "إضافة للسلة" لجعلها أكثر جاذبية للضغط */
.btn-add-to-cart, .btn-primary {
    border-radius: 25px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

/* 3. إبراز وسام الخصم بشكل ملفت */
.promotion-title, .discount-tag, .badge-danger {
    border-radius: 8px !important;
    font-weight: bold !important;
    padding: 4px 10px !important;
    box-shadow: 0 2px 8px rgba(224, 122, 95, 0.3) !important;
}/* 1. إبراز السعر الجديد وتنسيقه بشكل واضح */
.product-price, .price-new {
    color: #1A7A85 !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
}

/* 2. شطب السعر القديم بلون رمادي واضح للمقارنة */
.price-old, .price-before {
    color: #A0AEC0 !important;
    text-decoration: line-through !important;
    margin-right: 6px !important;
}

/* 3. تحسين شكل القائمة العلوية والبحث */
.site-header {
    box-shadow: 0 2px 10px rgba(0,0,0,0.04) !important;
}

/* 4. إعطاء تأثير انسيابي للأيقونات والشريط العلوي */
.nav-link, .header-icon {
    transition: color 0.2s ease !important;
}
.nav-link:hover {
    color: #1A7A85 !important;
}