/* Add custom CSS styles below */ 

.prevent-close-modal {
  .s-modal-overlay,
  .s-modal-close {
    pointer-events: none!important;
  }
  .s-modal-close {display: none!important;}
  .modal-note-el {text-align: center;}
}
.modal-note-el {
  margin-bottom: 16px;
  margin-top: -10px;
  font-weight: bold;
  font-size: 12px; /*حجم خط الملاحظة يعدل من هنا */
  color: #676cff; /* لون الملاحظة يعدل من هنا */
  padding-inline-end: 15px;
}

@media (max-width: 639px) {
  .s-login-modal {
    .s-modal-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .s-modal-body {
      width: auto;
      position: static;
      border-radius: 0.75rem;
    }
  }
}

@media (min-width: 1025px) {
  #mobile-menu .root-level {display: none!important;}
}

.body {
    background-color: white;
}
.s-product-card-content-pie {
    display:none;
}
.tabs {
    display: none;
}
 s-products-list-wrapper s-products-list-vertical-cards{
    display: none;
}
.class-name {
    display: none;
}
.header-search,
.s-menu-topnav-list,
.s-contacts.s-contacts-header {
    display: none; /* إخفاء العناصر وعدم شغل حيز */
}
.top-navbar {
display: none
}
.sicon-cancel {
display: none
}
.s-cart-summary-content{
display: none
}
.navbar-brand {
    
    color: white; /* لون النص */
    display: flex;
    align-items: center; /* محاذاة النص عمودياً */
    justify-content: center; /* محاذاة النص أفقياً */
    transform: translate(-100px, 5px); /* إزاحة العنصر 50px لليسار و50px للأسفل */
}
.s-block--fixed-banner {
    margin: 0; /* إلغاء الهوامش */
 }
 .s-block.s-block--fixed-banner.wide-placeholder img {
    border-radius: 0; /* إزالة أي تقويس للحواف */
}
.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0; /* إزالة الهامش العلوي */
    padding-top: 0; /* إزالة الحشو العلوي */
}

.banner img {
    width: 100%; /* يجعل الصورة تملأ عرض البانر */
    height: auto; /* يحافظ على نسبة العرض إلى الارتفاع */
    display: block; /* إزالة الفراغات السفلية */
}
    .text-left {
    text-align: left; /* محاذاة النص لليسار */
}
.store-footer {
    padding: 0px; /* حشوة */
    text-align: center; /* توسيط النص */
}
/* الحاوية الرئيسية للإعلان */
.s-advertisement {
    background-color: rgb(69, 69, 69); /* لون الخلفية */
    color: rgb(255, 255, 255); /* لون النص */
    padding: 0px 0px; /* تقليل المسافة داخل الحاوية */
    position: relative;
    overflow: hidden; /* لإخفاء الأجزاء التي تكون خارج الحاوية */
}
.overflow-x-hidden.index.salla-1298199463.color-mode-light.rtl.font-pingarlt.footer-is-light.is-sticky-product-bar {
    background-color: white /* تغيير الخلفية */
}
.store-footer__inner {
    background-color:F0F0F0 !important;
}
.s-contacts-item {
    display: flex;
    align-items: center; /* محاذاة الأيقونة والنص عموديًا في المنتصف */
    justify-content: center; /* توسيط الأيقونة والنص أفقيًا */
    margin-bottom: 15px; /* المسافة بين العناصر */
    font-size: 16px; /* حجم الخط */
    color: #333; /* لون النص */
}

.s-contacts-item .s-contacts-icon {
    margin-right: 10px; /* المسافة بين الأيقونة والنص */
}
.s-social-list {
    display: flex;               /* تحويل الحاوية إلى Flexbox */
    justify-content: center;      /* توسيط الأيقونات أفقيًا */
    align-items: center;          /* توسيط الأيقونات عموديًا */
    list-style: none;             /* إزالة العلامات النقطية من القائمة */
    padding: 0;                   /* إزالة الهوامش الداخلية */
    margin: 0;                    /* إزالة الهوامش الخارجية */
}
.s-contacts-item[href="tel:+966551848972"] {
    display: none;
}
.parent-container {
    display: flex;
    justify-content: center; /* توسيط العنصر أفقيًا */
    align-items: center;     /* توسيط العنصر عموديًا */
    height: 100vh;           /* تأكد من أن الحاوية تغطي كامل الشاشة عموديًا */
}
/* تنسيق الشريط بشكل مرن */
.s-payments-list-wrap {
  display: flex;  /* استخدام Flexbox لترتيب الأيقونات بشكل أفقي */
  justify-content: center;  /* محاذاة الأيقونات في الوسط */
  align-items: center;  /* محاذاة الأيقونات عموديًا في المنتصف */
  flex-wrap: wrap;  /* يسمح بتوزيع الأيقونات على أكثر من سطر إذا كان العرض ضيقًا */
}

/* إزالة التعداد النقطي من العناصر */
.s-payments-list {
  list-style: none;  /* إزالة النقاط أو الأرقام الترتيبية */
  margin: 0;
  padding: 0;
  display: flex;  /* ترتيب العناصر في سطر واحد */
  gap: 20px;  /* المسافة بين الأيقونات */
}

/* تنسيق العناصر */
.s-payments-list-item {
  display: inline-block;
  padding: 5px;
}

/* تأثير التكبير عند التمرير */
.s-payments-list-item img {
  width: 58px;  /* العرض الثابت للصورة */
  height: 58px;  /* الارتفاع الثابت للصورة */
  object-fit: contain;  /* الحفاظ على نسبة الصورة الأصلية */
  transition: transform 0.3s ease;  /* تأثير التحول عند التمرير */
}

/* تأثير التكبير عند التمرير فوق الأيقونة */
.s-payments-list-item img:hover {
  transform: scale(1.2);  /* تكبير الصورة عند التمرير */
}

/* تخصيص الشهادة لتكون بحجم أكبر عند التمرير */
.sbc-item img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  transition: transform 0.3s ease, top 0.3s ease, left 0.3s ease;
}

/* تأثير عند التمرير فوق الشهادة */
.sbc-item:hover img {
  transform: scale(1.3);  /* تكبير الشهادة بنسبة أكبر عند التمرير */
  position: relative;
  top: -10px;  /* إزاحة الشهادة للأعلى */
  left: 10px;  /* إزاحة الشهادة لليمين */
}
.s-payments-list-wrap {
    display: flex;
    flex-direction: column;          /* ترتيب العناصر عموديًا */
    align-items: center;             /* محاذاة العناصر في المنتصف أفقيًا */
    justify-content: flex-start;     /* محاذاة العناصر من الأعلى */
    padding: 20px 0;                 /* إضافة حواف لتنسيق المسافة بين العناصر */
}

.s-payments-list {
    list-style-type: none;           /* إزالة النقاط من القائمة */
    padding: 0;
    margin: 0;
}

.s-payments-list-item {
    margin: 15px 0;                  /* إضافة مسافة بين الأيقونات */
}

.s-payments-list-item img {
    width: 80px;                     /* تغيير حجم الأيقونات */
    height: 80px;                    /* تغيير حجم الأيقونات */
    object-fit: contain;             /* ضبط صورة الأيقونة بشكل ملائم */
}
/* تنسيق حاوية المنتج */
.s-products-list-wrapper {
  display: flex;
  justify-content: center; /* وضع العناصر في المنتصف أفقيًا */
  align-items: center;     /* وضع العناصر في المنتصف عموديًا */
  margin: 0;               /* إزالة الهوامش */
  padding: 0;              /* إزالة الحشوات */
}

/* تنسيق بطاقة المنتج */
.s-product-card-entry {
  background-color: #fff;  /* خلفية بيضاء */
  border: 1px solid #000;  /* حواف سوداء */
  border-radius: 8px;      /* حواف مدورة */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* ظل خفيف للبطاقة */
  width: 300px;            /* تحديد عرض ثابت للبطاقة */
  padding:50px;           /* إضافة حشوة داخلية */
  text-align: center;      /* توسيط النص داخل البطاقة */
}

/* تنسيق الصورة داخل البطاقة */
.s-product-card-image a img {
  width: 100%;             /* جعل الصورة تأخذ عرض البطاقة بالكامل */
  height: auto;            /* الحفاظ على نسب الصورة */
  border-radius: 4px;      /* حواف مدورة للصورة */
}

/* تنسيق نص العنوان */
.s-product-card-content-title {
  font-size: 16px;         /* حجم خط العنوان */
  font-weight: bold;       /* جعل النص عريض */
  color: #333;             /* لون النص */
}

/* تنسيق السعر */
.s-product-card-price {
  font-size: 18px;         /* حجم خط السعر */
  color: #333;             /* لون النص */
  margin-top: 100px;         /* مسافة من العنوان */
}

/* تأثير الوميض */
@keyframes blink {
  0% {
    opacity: 5; /* النص مرئي بشكل كامل */
  }
  50% {
    opacity: 0.1; /* النص يصبح أقل وضوحًا ولكن لا يختفي تمامًا */
  }
  100% {
    opacity: 5; /* النص يعود ليصبح مرئيًا بشكل كامل */
  }
}

.product__description {
    padding-left: 0; /* إزالة الحشو من الجهة اليسرى */
    padding-right: 0; /* إزالة الحشو من الجهة اليمنى */
    padding-top: 1rem; /* يمكنك ضبط الحشو العلوي كما تريد */
    padding-bottom: 1rem; /* يمكنك ضبط الحشو السفلي كما تريد */
}
/* تطبيق تأثير الوميض على النص */
.s-advertisement-content-main {
  animation: blink 2s infinite; /* تأثير الوميض يستمر بلا توقف