/* Add custom CSS styles below */ 
.hero-banner img {
  width: 1277px;
  height: 1536px;
  max-width: 100%;
  display: block;
  object-fit: contain;
}
.hero-banner {
  content-visibility: auto;
  contain-intrinsic-size: 1277px 1536px;
  animation: force-load 0.1s forwards;
}

@keyframes force-load {
  from { opacity: 1; }
  to { opacity: 1; }
}
section.is-sold.details::before {
  content: "* لطلب صورة للقطعة تواصل معنا على الواتس اب .\A * على كل طلب نتبرع نيابةً عن عملائنا، وسيصلك إشعار بذلك، جِعلها خالصة لوجهه الكريم .";
  display: block;
  background-color: rgba(166, 129, 106, 0.3); /* تغيير هنا */
  color: #000;
  padding: 10px 15px;
  margin-bottom: 10px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-line; /* يسمح بعرض السطر الجديد */
}


salla-tel-input::before {
  content: "*مهم : ضع رقم اتصال";
  display: block;
  font-size: 10px;
  color: red;

  position: relative;
  left: 30-px;   /* يتحرك لليسار */
  margin-bottom: 4px;
  position: relative;
  top: 8px;
  margin-top: -20px
}
.s-gifting-steps-wrapper.is-current-step-2::before {
  content: "يمكنك كتابة الإسم : مجهول";

  /* الخلفية حول النص فقط */
  display: block !important;      /* جعل العنصر block ليتصرف كصف كامل */
  width: fit-content;             /* العرض يكون حسب حجم النص فقط */
  margin: 0 auto;                 /* يجعل العنصر في الوسط تمامًا */
  
  background-color: #fff3cd !important; /* لون الخلفية */
  color: #000 !important;               /* لون النص */
  padding: 5px 12px !important;         /* مساحة حول النص */
  border-radius: 6px !important;        /* حواف مستديرة */

  /* التحكم بحجم النص */
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;

  /* رفع النص فوق السيكشن */
  position: relative;
  top: 10px;

  /* المسافة بين النص التالي */
  margin-bottom: 10px !important;

  text-align: center; /* للتأكيد داخل الصندوق */
}
.flex.flex-col.items-start.lg\:flex-row::before {
  content: "اختر خيار : ارسلها كهدية ، في حال كان الطلب هدية و مستلم آخر .";
  display: block !important;
  width: 100% !important;          /* هذا المهم */
  flex-basis: 100% !important;     /* هذا يحل مشكلة اللابتوب */
  background-color: #fff3cd !important;
  color: #000 !important;
  padding: 12px 15px !important;
  margin-bottom: 10px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}
.s-gifting-modal-uploader-title {
    color: #000;
    text-align: center;
}