/* تصغير عناصر الفوتر */
.mb-2\.5 {
    padding: 0.5rem 0; /* قلل المسافة حول الفوتر */
    gap: 0.5rem; /* قلل المسافة بين العناصر */
}

.footer-logo {
    width: 80px !important;  /* قلل عرض الشعار */
    height: 80px !important; /* قلل ارتفاع الشعار */
}

.mb-2\.5 p {
    font-size: 0.75rem; /* تصغير النصوص */
    line-height: 1rem;  /* تقليل ارتفاع السطر */
    margin: 0.25rem 0;  /* تقليل المسافات بين الفقرات */
}

.mb-2\.5 .saji_anime {
    max-width: 90%; /* تصغير مساحة النصوص */
}



/* ===============================
   تصغير زر (أضف للسلة) بالكامل
   =============================== */

/* الحاوية */
.btn--add-to-cart,
.btn--add-to-cart > div {
  width: 100%;
  overflow: visible;
}

/* الزر نفسه */
.s-button-btn.s-button-wide {
  width: 100% !important;
  min-height: 36px !important;     /* ارتفاع أصغر */
  padding: 6px 10px !important;    /* تقليل الحواف */
  font-size: 13px !important;      /* حجم النص */
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

/* النص والأيقونة داخل الزر */
.s-button-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;                        /* مسافة أصغر بين الأيقونة والنص */
}

/* أيقونة السلة */
.s-button-btn .sicon-cart {
  font-size: 14px !important;
}

/* ===============================
   للجوال – أصغر وأكثر تناسق
   =============================== */
@media (max-width: 640px) {
  .s-button-btn.s-button-wide {
    min-height: 32px !important;
    font-size: 12px !important;
    padding: 5px 8px !important;
  }

  .s-button-btn .sicon-cart {
    font-size: 13px !important;
  }
}