.footer__payment {
    display: none !important; 
}
.lang-currencies {
    display: none !important; 
}

.navbar-brand {
    display: none !important; 
}

/* تصميم البطاقة ليكون التخطيط عموديًا */
.s-product-card {
    display: flex !important;
    flex-direction: column !important; /* يضع المحتوى تحت الصورة */
    align-items: center !important; /* يضمن المحاذاة الصحيحة */
    width: 100% !important; /* يمتد عبر عرض العنصر */
    max-width: 300px !important; /* يمكن تعديل الحجم حسب الحاجة */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1) !important; /* ظل خفيف لإبراز العنصر */
    overflow: hidden !important; /* يمنع أي عنصر داخلي من تجاوز حدود البطاقة */
}

/* ضبط صورة المنتج بحيث تمتد بعرض العنصر وتكون بحواف دائرية */
.s-product-card-image {
    width: 100% !important; /* يمتد العنصر بالكامل داخل البطاقة */

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px !important; /* يضيف مسافة داخلية لمنع التصاق الصورة بالحواف */
}

.s-product-card-image img {
    width: 100% !important; /* يجعل الصورة تمتد بالكامل داخل العنصر */
    height: 100% !important; /* يحافظ على التناسق */
    object-fit: cover !important; /* يجعل الصورة تحتفظ بجودتها بدون تشويه */
    border-radius: 10px  !important; /* يجعل الصورة ذات زوايا دائرية */
}

/* جعل جميع العناصر النصية تحت الصورة بشكل منظم */
.s-product-card-content {
    width: 100% !important; /* يجعل المحتوى يأخذ عرض البطاقة بالكامل */
    padding: 10px !important; /* مسافة داخلية للمحتوى */
    text-align: center !important; /* محاذاة النص */
}

/* التأكد من أن كل جزء من المحتوى النصي يظهر تحت الصورة */
.s-product-card-content-main,
.s-product-card-content-sub,
.s-product-card-content-footer {
    display: block !important; /* يضمن أنها تظهر تحت بعضها */
    width: 100% !important; /* يجعلها تأخذ عرض العنصر بالكامل */


}

.s-button-wrap.hydrated {
  margin: 6px; /* غيّر القيمة حسب الحاجة */
  display: block !important;
}