/* --- كود التغيير الجذري الفاخر لمتجر قطع السيارات --- */

/* تحويل الهيدر العلوي لثيم رياضي غامق وفخم */
.main-header, .top-header {
    background: #111111 !important;
    border-bottom: 3px solid #ff5722 !important; /* خط برتقالي رياضي ممتد */
}

/* إبراز شريط البحث بشكل ضخم وواضح في المنتصف */
.header-search input {
    height: 50px !important;
    border: 3px solid #ff5722 !important; /* تحديد برتقالي قوي لمنع ضياع البحث */
    border-radius: 6px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
}

/* تحويل بطاقات الأقسام (الماركات) إلى شكل دائري احترافي مثل اللوقو الخاص بك */
.category-item img {
    border-radius: 50% !important;
    border: 2px solid #e0e0e0 !important;
    padding: 10px !important;
    background: #ffffff !important;
    transition: all 0.3s ease-in-out !important;
}

/* تأثير رهيب عند مرور الماوس على ماركة السيارة */
.category-item:hover img {
    border-color: #ff5722 !important;
    transform: scale(1.1) rotate(5deg) !important; /* تكبير ولف بسيط لليوحي بالحركة */
}

/* تكبير وتفخيم خطوط أسماء السيارات */
.category-item h3 {
    font-size: 19px !important;
    font-weight: bold !important;
    color: #111111 !important;
}

/* جعل أزرار "إضافة للسلة" و "شراء" عريضة وجاذبة للانتباه فوراً */
.btn-add-to-cart, .buy-now-btn, .submit-btn {
    background: linear-gradient(90deg, #ff5722, #ff7043) !important; /* لون برتقالي ناري ديناميكي */
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 15px rgba(255, 87, 34, 0.3) !important;
}