/* منع أي تغيير عند hover أو focus أو active */
.s-button-element.s-button-btn:hover,
.s-button-element.s-button-btn:focus,
.s-button-element.s-button-btn:active {
    background-color: #d7d2be !important;
    color: #d7d2be !important;
    border-color: #d7d2be !important;
}
/* زر إضافة إلى السلة - حجم أصغر وتجربة مستخدم أفضل */
.s-button-element.s-button-btn {
    background-color: #d7d2be !important; /* خلفية سوداء */
    color: #000 !important;           /* نص أبيض */
    border-color: #d7d2be !important;

    /* التحكم بالحجم */
    padding: 8px 16px !important;     /* ارتفاع وعرض الزر */
    font-size: 14px !important;       /* حجم الخط */
    min-height: auto !important;
    line-height: 1.4 !important;

    border-radius: 6px;               /* حواف ناعمة */
}

/* تثبيت اللون في جميع الحالات */
.s-button-element.s-button-btn:hover,
.s-button-element.s-button-btn:focus,
.s-button-element.s-button-btn:active {
    background-color: #d7d2be !important;
    color: #000 !important;
    border-color: #d7d2be !important;
}