/* Add custom CSS styles below */ 
.video-iframe {
    width: 100%;
    max-height: 500px;
  }
  .coffee-bean {
  position: absolute;
  width: 60px; /* حجم الحبة */
  opacity: 1; /* شفافية بسيطة */
  pointer-events: none; /* لا تؤثر على النقر */
  z-index: -5; /* خلف كل العناصر */
  user-select: none;
  animation: float 6s ease-in-out infinite alternate;
}

@keyframes float {
  from { transform: translateY(0px) rotate(0deg); }
  to { transform: translateY(-15px) rotate(10deg); }
}
.faq-section {
    background-color: #f5f2ea;
}

/* 🔹 تنسيق قسم المبيعات */
.sales-section .flex-container.relative.flex.flex-col.md\:flex-row {
  padding: 15px;
  border-radius: 15px;
  background: var(--color-primary);
}

/* 🔹 إعدادات السلايدر */
.sales-section #sales-slider {
  height: 100%;
  max-height: 350px;
}

.sales-section .s-slider-container {
  height: 100%;
}

/* 🔹 إخفاء أزرار أو عناصر معينة */
.sales-section .btn-sales {
  display: none;
}

.sales-section .discount-badge-sales {
  display: none;
}

/* 🔹 تنسيق الصور داخل السلايدر */
.sales-section salla-slider .swiper-slide img {
  border-radius: 15px !important;
}

/* 🔹 تعديلات قسم العلامات التجارية */
.brands-3 {
  margin-bottom: 0px;
}

.brands-3 .loop-slide .slider {
  height: 0 !important;
}

/* 🔹 إجابة الأسئلة */
.faq-answer {
  text-align: start;
}

/* 🔹 العنوان داخل البانر */
.mainbaner-slide-content h4 {
  padding: 0 10px;
}

/* 🔹 زر إغلاق القائمة الجانبية */
.ltr button.btn--close-sm.close-mobile-menu.sicon-cancel.hidden.z-\[11000\] {
  rotate: 180deg;
  right: 3px;
  left: unset;
}
.sales-section .s-slider-container {
    padding: 0px !important;
}
.sales-section .flex-container.relative.flex.flex-col.md\:flex-row{
margin: 0 10px;
}

body {
    background-color: #F5F2EA;
}
.s-product-card-entry {
    background: #fff;
   
}

/* ========================
   🔸 استعلام الشاشات الكبيرة
   ======================== */
@media (min-width: 767px) {


  /* تعديل محاذاة النص في اللغة العربية */
  .rtl .fixed-content.relative.z-10.p-6.md\:p-14.w-full.text-center.md\:text-right.md\:w-\[60\%\].sal-animate {
    padding-right: 10px;
    text-align: start;
  }

  /* تعديل محاذاة النص في اللغة الإنجليزية */
  .ltr .fixed-content.relative.z-10.p-6.md\:p-14.w-full.text-center.md\:text-right.md\:w-\[60\%\].sal-animate {
    padding-left: 10px;
    text-align: start;
  }

  /* تعديل عرض السلايدر */
  .sales-section .slider-container {
    width: 50%;
    padding: 0;
  }

  .sales-section .s-slider-container {
    padding: 0px !important;
  }

  /* تنسيق قسم الاشتراك */
  .subscribe {
    margin: 0;
    text-align: start;
  }

  .newsllater-form {
    justify-content: center;
  }
}