/* كود التنسيق الاحترافي - قالب المثالي - متجر وِدان */

/* 1. تحسين بطاقات المنتجات (فخامة وترتيب) */
.product-card, .product-item {
    border: 1px solid #f5f5f5 !important;
    border-radius: 15px !important;
    padding: 10px !important;
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important;
    transition: all 0.4s ease !important;
}

.product-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
}

/* 2. إبراز زر "أضف للسلة" (لزيادة المبيعات) */
.add-to-cart-btn, .btn-buy {
    width: 100% !important;
    background: #000 !important; /* لونك الأسود الأنيق */
    color: #fff !important;
    border-radius: 5px !important;
    padding: 12px !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    border: none !important;
}

/* 3. توحيد عرض الصور (مربعة واحترافية) */
.product-card-image img {
    border-radius: 10px !important;
    aspect-ratio: 1 / 1 !important; /* إجبار الصور لتكون مربعة ومنظمة */
    object-fit: cover !important;
}

/* 4. تحسين الهيدر (بساطة وفخامة) */
header {
    border-bottom: 1px solid #eee !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}