/* ===============================
   MISTA - Modern Product Offers
   =============================== */

salla-offer {
  display: block !important;
  max-width: 980px !important;
  margin: 55px auto 90px !important;
  padding: 0 18px !important;
  direction: rtl !important;
}

/* عنوان القسم */
salla-offer .s-slider-block__title {
  text-align: center !important;
  margin-bottom: 26px !important;
}

salla-offer .s-slider-block__title h2,
salla-offer h2 {
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  color: #111 !important;
  margin: 0 0 8px !important;
}

salla-offer .s-slider-block__title p {
  font-size: 14px !important;
  color: #777 !important;
  margin: 0 !important;
}

/* إخفاء أسهم السلايدر */
salla-offer .swiper-button-next,
salla-offer .swiper-button-prev,
salla-offer .s-slider-nav-arrow,
salla-offer .s-slider-nav-arrow-prev,
salla-offer .s-slider-nav-arrow-next {
  display: none !important;
}

/* تحويل العروض لقائمة Premium */
salla-offer .swiper,
salla-offer .s-offer-slider {
  overflow: visible !important;
}

salla-offer .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  transform: none !important;
}

salla-offer .swiper-slide {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* الكرت العصري */
salla-offer .swiper-slide > * {
  position: relative !important;
  height: 100% !important;
  padding: 26px 24px 24px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,244,237,0.92)) !important;
  border: 1px solid rgba(210, 190, 160, 0.45) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,0.055),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;
  overflow: hidden !important;
  text-align: right !important;
}

/* لمعة خفيفة */
salla-offer .swiper-slide > *::before {
  content: "" !important;
  position: absolute !important;
  top: -70px !important;
  left: -70px !important;
  width: 150px !important;
  height: 150px !important;
  background: radial-gradient(circle, rgba(196,154,91,0.18), transparent 65%) !important;
  pointer-events: none !important;
}

/* Badge */
salla-offer .swiper-slide:nth-child(1) > *::after {
  content: "الأكثر طلبًا" !important;
}

salla-offer .swiper-slide:nth-child(2) > *::after {
  content: "وفر أكثر" !important;
}

salla-offer .swiper-slide > *::after {
  position: absolute !important;
  top: 16px !important;
  left: 18px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* الأيقونة */
salla-offer .swiper-slide svg,
salla-offer .swiper-slide i {
  width: 34px !important;
  height: 34px !important;
  color: #111 !important;
  opacity: 0.8 !important;
  margin-bottom: 16px !important;
}

/* منع القص */
salla-offer .swiper-slide * {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* عنوان العرض */
salla-offer .swiper-slide h3,
salla-offer .swiper-slide h4,
salla-offer .swiper-slide strong {
  display: block !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  color: #111 !important;
  margin: 0 0 8px !important;
}

/* وصف العرض */
salla-offer .swiper-slide p,
salla-offer .swiper-slide span {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #666 !important;
  margin: 0 0 10px !important;
}

/* روابط العرض تتحول كأنها زر */
salla-offer .swiper-slide a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Hover للديسكتوب */
@media (hover: hover) {
  salla-offer .swiper-slide > * {
    transition: transform .25s ease, box-shadow .25s ease !important;
  }

  salla-offer .swiper-slide > *:hover {
    transform: translateY(-4px) !important;
    box-shadow:
      0 24px 60px rgba(0,0,0,0.09),
      inset 0 1px 0 rgba(255,255,255,0.9) !important;
  }
}

/* ===============================
   Mobile
   =============================== */

@media (max-width: 768px) {
  salla-offer {
    margin: 34px auto 95px !important;
    padding: 0 18px !important;
  }

  salla-offer .s-slider-block__title {
    margin-bottom: 20px !important;
  }

  salla-offer .s-slider-block__title h2,
  salla-offer h2 {
    font-size: 24px !important;
  }

  salla-offer .s-slider-block__title p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  salla-offer .swiper-wrapper {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  salla-offer .swiper-slide > * {
    padding: 22px 20px !important;
    border-radius: 22px !important;
  }

  salla-offer .swiper-slide > *::after {
    top: 14px !important;
    left: 14px !important;
    font-size: 10.5px !important;
    padding: 6px 10px !important;
  }

  salla-offer .swiper-slide svg,
  salla-offer .swiper-slide i {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 12px !important;
  }

  salla-offer .swiper-slide h3,
  salla-offer .swiper-slide h4,
  salla-offer .swiper-slide strong {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  salla-offer .swiper-slide p,
  salla-offer .swiper-slide span {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  salla-offer .swiper-slide a {
    font-size: 12.5px !important;
    padding: 9px 16px !important;
  }

  body {
    padding-bottom: 120px !important;
  }
}