/* --- تخصيص متجر وصول الحجاز (الإصدار الحديث لسلة) --- */

/* 1. جعل الأزرار دائرية وناعمة */
.s-button-element, .btn--primary, .btn {
    border-radius: 30px !important;
    transition: all 0.3s ease-in-out !important;
}

/* 2. تأثير حركي عند مرور الماوس على الأزرار */
.s-button-element:hover, .btn--primary:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 15px rgba(26, 163, 217, 0.3) !important;
}

/* 3. تجميل بطاقات المنتجات (ظل خفيف وزوايا ناعمة) */
salla-product-card, .s-product-card-entry {
    border-radius: 15px !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    transition: transform 0.3s ease !important;
    background-color: #ffffff !important;
}

/* 4. بروز بطاقة المنتج للأعلى عند مرور الماوس */
salla-product-card:hover, .s-product-card-entry:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
}