.s-product-options-multiple-options-wrapper label {
  position: relative;
  display: flex;
  flex-direction: row; /* توزيع أفقي */
  justify-content: space-between; /* توزيع النص بالتساوي */
  align-items: center; /* محاذاة أفقية وعمودية للنصوص */
  padding: 1.5rem; /* تقليل الهوامش */
  background-color: ##545454; /* خلفية داكنة */
  border: 5px solid #444; /* حدود بارزة */
  border-radius: 2rem; /* زوايا مستديرة */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* ظلال خفيفة */
  text-align: center; /* محاذاة النصوص في المنتصف */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.s-product-options-multiple-options-wrapper label:hover {
  transform: scale(1.05); /* تكبير بسيط عند التمرير */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* ظلال أكثر وضوحًا */
  border-color: #888; /* تغيير لون الحدود عند التمرير */
}

.s-product-options-multiple-options-wrapper span {
  display: inline-block; /* توزيع النصوص أفقيًا */
  font-size: 1.6rem; /* حجم النص */
  font-weight: bold; /* خط عريض */
  text-align: center; /* محاذاة النص */
  color: #f9f9f9; /* لون النص فاتح */
  margin: 0 2rem; /* مسافة بين النصوص */
}

.s-product-options-multiple-options-wrapper input {
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 50%; /* جعل العنصر دائريًا */
  border: 2px solid #666; /* حدود بارزة للمدخل */
  background-color: #28a745; /* خلفية خضراء */
  margin-left: 0rem; /* مسافة بين النص والدائرة */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* إضافة ظل خفيف */
}

.s-product-options-multiple-options-wrapper input:checked {
  background-color: #1e7e34; /* لون أخضر داكن عند التحديد */
  border-color: #155724;
}