/* Add custom CSS styles below */ 
/* 1. تنعيم حواف البطاقات والأزرار لإعطاء مظهر عصري */
.product-card, 
.btn, 
.main-sidebar, 
.card {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* 2. إضافة ظل خفيف للبطاقات عند التمرير عليها */
.product-card {
    transition: all 0.3s ease-in-out !important;
    border: 1px solid #f0f0f0 !important;
}

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

/* 3. تحسين شكل زر "إضافة للسلة" */
.btn-add-to-cart, 
.product-card .btn {
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    transition: background-color 0.2s ease !important;
}

/* 4. إبراز السعر والتخفيض */
.product-price {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

/* 5. تحسين مظهر الهيدر والشريط العلوي */
.site-header {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}/* 1. تنعيم حواف البطاقات والبنرات */
.product-card,
.site-main-slider, /* لتنعيم حواف البنر الرئيسي */
.card,
.main-sidebar {
    border-radius: 18px !important; /* حواف أنعم */
    overflow: hidden !important;
}

/* 2. تحسين مظهر البنر المتحرك وضمان ظهوره بشكل كامل */
.site-main-slider {
    background-color: transparent !important;
    overflow: hidden;
}
.site-main-slider .slider-item img {
    border-radius: 18px; /* تنعيم حواف البنر */
}

/* 3. تنعيم وتحسين الأزرار */
.btn, .btn-primary, .btn-add-to-cart {
    border-radius: 25px !important; /* أزرار أكثر دائرية */
    transition: all 0.2s ease-in-out !important;
}
.btn:hover {
    transform: scale(1.03) !important; /* تكبير بسيط عند التمرير */
}

/* 4. تحسين السعر والخصم */
.product-price {
    font-weight: bold;
    color: #4a4a4a;
}
.product-price-before {
    color: #a0a0a0;
}