/* Add custom CSS styles below */ 
/* تحويل الأزرار إلى زوايا رياضية حادة وزيادة الفخامة */
.btn, .main-button, .button, [class*="btn-"], .s-button {
    border-radius: 0px !important;
    text-transform: uppercase;
    font-weight: bold !important;
    transition: all 0.3s ease-in-out !important;
}

/* تأثير حاد وجاذب عند تمرير الماوس فوق زر الشراء */
.btn:hover, .main-button:hover, .s-button:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 4px 15px rgba(5, 15, 44, 0.4) !important;
    filter: brightness(1.2);
}

/* إضافة نبض تفاعلي ذكي لزر إتمام الشراء لجذب العميل مباااشرة */
.cart-submit, .btn-primary, .s-button-primary {
    animation: pulse-sharp 2s infinite;
}

@keyframes pulse-sharp {
    0% {
        box-shadow: 0 0 0 0 rgba(5, 15, 44, 0.5);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(5, 15, 44, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(5, 15, 44, 0);
    }
}