/* 1. تنسيق بطاقات المنتجات: زوايا دائرية ناعمة تتناسب مع طابع التوزيعات */
.product-card {
    border-radius: 18px !important;
    overflow: hidden !important;
    transition: all 0.4s ease-in-out !important;
    border: 1px solid #f2f2f2 !important; /* إطار خفيف جداً لتحديد المنتج */
    box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;
}

/* 2. تأثير الارتفاع والظل عند مرور الماوس على المنتج */
.product-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.07) !important;
}

/* 3. جعل صور المنتجات بحواف علوية مستديرة */
.product-card__image-wrapper {
    border-radius: 18px 18px 0 0 !important;
}

/* 4. تجميل أزرار "أضف للسلة" و "تعديل الطلب" */
.btn-add-to-cart, .product-card__button {
    border-radius: 30px !important; /* شكل بيضاوي ناعم */
    transition: 0.3s !important;
    font-size: 13px !important;
    text-transform: uppercase;
}

.btn-add-to-cart:hover {
    letter-spacing: 1px !important; /* تباعد بسيط في الأحرف عند التفاعل */
    background-color: #fce4ec !important; /* لون زهري خفيف جداً عند التمرير */
    color: #e91e63 !important;
}

/* 5. خلفية المتجر: إضافة عمق بسيط لجعل المنتجات تبرز */
body {
    background-color: #fafafa !important; /* أبيض مائل للرمادي لراحة العين */
}

/* 6. تنسيق قسم آراء العملاء أسفل الصفحة ليصبح بظلال ناعمة */
.testimonials-slider {
    background: white !important;
    border-radius: 25px !important;
    padding: 20px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;
}