.default_product_img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #fff;
  display: block;
}

div[id^="headlessui-tabs-panel-"] {
    display: inline-block !important;
  width: 100% !important;
  height: auto !important;
}



/* تعديل خلفية الصورة */
.bg-gray-300 {
  object-fit: contain !important; /* يخلي الصورة كاملة */
  background-color: #ffffff !important; /* لون الخلفية مكان الفراغ */
}

/* أو خلفية للـ div اللي جواه الصورة */
div:has(> img.bg-gray-300) {
  background-color: #ffffff !important;
  padding: 10px; /* اختياري */
  border-radius: 8px; /* اختياري */
}