/* Add custom CSS styles below */
/* إخفاء نسبة الخصم فقط من بطاقة المنتج */
.discount-amount {
  display: none !important;
}
/* ===== بطاقة المنتج ===== */
.product-entry--vertical {
  border: 1px solid #ececec !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
  overflow: hidden !important;
}
.product-entry--vertical:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px) !important;
}
/* ===== حد خفيف فاصل تحت الصورة ===== */
.product-entry__image-wrap {
  border-bottom: 1px solid #f0f0f0 !important;
  display: block !important;
}
/* ===== توسيط الاسم والسعر ===== */
.product-entry__title {
  text-align: center !important;
}
.product-entry__title a {
  display: inline-block !important;
}
.product-entry__content {
  text-align: center !important;
  align-items: center !important;
  padding: 14px 12px !important;
  gap: 10px !important;
}
.price-wrapper {
  justify-content: center !important;
}
/* ===== مسافة قبل زر الإضافة للسلة ===== */
.add-to-cart-conatiner {
  margin-top: 6px !important;
}
/* ===== إخفاء نسبة الخصم ===== */
.discount-amount {
  display: none !important;
}
/* === قسم آراء العملاء === */
.s-block--testimonials .container {
  max-width: 1280px !important;
}
/* بطاقة الرأي */
.s-block--testimonials figure.swiper-slide {
  background: #ffffff !important;
  border: 1px solid #ececec !important;
  border-radius: 16px !important;
  padding: 28px 24px 24px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 240px !important;
  height: auto !important;
  box-sizing: border-box !important;
}
/* علامة الاقتباس في الزاوية */
.s-block--testimonials figure.swiper-slide::before {
  content: '”' !important;
  position: absolute !important;
  top: 14px !important;
  right: 22px !important;
  font-size: 56px !important;
  line-height: 1 !important;
  color: #d9d9d9 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: bold !important;
  pointer-events: none !important;
}
/* نص الرأي */
.s-block--testimonials blockquote {
  text-align: center !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding-top: 24px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  max-width: none !important;
}
.s-block--testimonials blockquote p {
  margin: 0 !important;
  color: #333 !important;
}
/* إخفاء النجوم العلوية */
.s-block--testimonials blockquote > div.text-sm.mb-3 {
  display: none !important;
}
/* الاسم والصورة في الأسفل */
.s-block--testimonials figcaption {
  margin-top: 16px !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
.s-block--testimonials figcaption img {
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}
.s-block--testimonials figcaption > div {
  margin-top: 0 !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  color: #222 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
/* عرض عدة بطاقات بجانب بعضها */
.s-block--testimonials .swiper-wrapper {
  padding-bottom: 30px !important;
  align-items: stretch !important;
}
.s-block--testimonials .swiper-slide {
  height: auto !important;
  width: calc((100% - 60px) / 3) !important;
  margin-left: 30px !important;
}
@media (max-width: 1024px) {
  .s-block--testimonials .swiper-slide {
    width: calc((100% - 30px) / 2) !important;
  }
}
@media (max-width: 640px) {
  .s-block--testimonials .swiper-slide {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
/* === قسم آراء العملاء === */
/* اسم القسم  بداية*/
.s-block__title .right-side h2 {
  border-right: 4px solid #c9a961;
  padding-right: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.s-block__display-all {
  border: 1px solid #e5d5b8;
  color: #8a6d3b;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all .3s ease;
}
.s-block__display-all:hover {
  background: #c9a961;
  color: #fff;
  border-color: #c9a961;
}
/* اسم القسم نهاية */

/* === بداية: تصميم بطاقة الإهداء بنمط الخطوط === */
.s-product-options-textarea .mt-1 > input.s-form-control,
.s-product-options-textarea .mt-1 > textarea.s-form-control {
  border: 0 !important;
  border-bottom: 2px solid #f0f0f0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 12px 4px !important;
  margin: 0 0 6px 0 !important;
  outline: none !important;
  font-size: 0.95rem !important;
  width: 100% !important;
}
.s-product-options-textarea .mt-1 > input.s-form-control:focus,
.s-product-options-textarea .mt-1 > textarea.s-form-control:focus {
  border-bottom-color: #c9a961 !important;
  box-shadow: none !important;
  outline: none !important;
}
.s-product-options-textarea .mt-1 > textarea.s-form-control {
  resize: none !important;
  min-height: 48px !important;
  line-height: 1.6 !important;
}
/* === نهاية: تصميم بطاقة الإهداء بنمط الخطوط === */

/* === بداية: ترتيب 01 — قائمة عمودية لخيارات التوصيل === */
.delivery-pills-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 10px !important;
  align-items: stretch !important;
}
.delivery-pill {
  background: #fff !important;
  border: 1px solid #ece5d5 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #333 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-family: inherit !important;
  text-align: right !important;
  width: 100% !important;
}
.delivery-pill:hover {
  border-color: #c9a961 !important;
  background: #fbf7ec !important;
}
.delivery-pill.is-active {
  background: #334647 !important;
  border-color: #334647 !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.delivery-pill.is-active:hover {
  background: #233435 !important;
  border-color: #233435 !important;
  color: #fff !important;
}
/* === نهاية: ترتيب 01 === */

/* === بداية: إخفاء بنر تفاصيل المنتج الفاضي === */
.middle-product-details-banner:has(img[src*="s-empty.png"]),
.middle-product-details-banner:has(img[data-src=""]) {
  display: none !important;
}
.middle-product-details-banner img.lazy[data-src=""] {
  display: none !important;
}
/* === نهاية: إخفاء بنر تفاصيل المنتج الفاضي === */

/* === بطاقة الإهداء — Backdrop شفاف داكن (نسخة أصغر + مسافة من الأعلى) === */
.s-block--main-slider-1 p.opacity-80 {
  opacity: 1 !important;
  display: inline-block !important;
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  padding: 3px 12px !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  margin-top: 16px !important;
}

/*   توسيط اللوقو  === */


@media (max-width: 1024px) {
  .header--mini-center-logo .main-nav__content {
    position: relative;
  }
  .header--mini-center-logo .short-menu-items {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto !important;
    flex-grow: 0 !important;
    max-width: none !important;
  }
  .header--mini-center-logo .right-side {
    flex-grow: 1;
  }
}

@media (min-width: 1024px) {
  /* الحل الأنظف: زيادة الحشو السفلي للحاوية وإبعاد الـ scrollbar */
  salla-slider.main-links-slider .s-slider-container {
    padding-bottom: 56px !important;  /* بدلاً من 24px */
  }

  salla-slider.main-links-slider .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 8px !important;           /* إبعاده عن النص */
  }

  /* ضمان line-height مريحة للنص العربي */
  salla-slider.main-links-slider .swiper-slide h2 {
    line-height: 1.7;
    padding-bottom: 4px;
  }
}