/* زر أضف إلى السلة - هوية البنر */
.s-button-element {
    width: 100%;
    height: 52px;

    border: 1px solid #6A4328 !important;
    border-radius: 12px !important;

    background: #F7EFE4 !important;
    color: #5A351E !important;

    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .2px;

    transition: all .3s ease !important;
    box-shadow: 0 3px 12px rgba(90, 53, 30, .08);
}

/* أيقونة السلة */
.s-button-element svg {
    width: 19px !important;
    height: 19px !important;
    color: #6A4328 !important;
    transition: transform .3s ease, color .3s ease;
}

/* عند تمرير الماوس */
.s-button-element:hover {
    background: #6A4328 !important;
    color: #F7EFE4 !important;
    border-color: #6A4328 !important;

    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(90, 53, 30, .16);
}

.s-button-element:hover svg {
    color: #F7EFE4 !important;
    transform: translateX(-3px);
}

/* عند الضغط */
.s-button-element:active {
    transform: translateY(0);
}