/* كلاود بلس — CSS كامل ونظيف */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");

:root {
  --cld-bg: #05090b;
  --cld-bg-soft: #0c1619;
  --cld-bg-deep: #081215;
  --cld-card: #0d1b1f;
  --cld-purple: #1d4a50;
  --cld-pink: #337179;
  --cld-rose: #52a0a7;
  --cld-peach: #8fd3d8;
  --cld-white: #ffffff;
  --cld-muted: #a3bfc2;
  --cld-card-radius: 22px;
  --cld-card-border: 1.35px;
  --cld-btn-radius: 14px;
}

/* الفوتر */
footer.store-footer::before,
footer.store-footer::after,
.store-footer::before,
.store-footer::after,
.store-footer .footer-top::before,
.store-footer .footer-top::after,
.store-footer .footer-middle::before,
.store-footer .footer-middle::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

footer.store-footer .footer-middle,
.store-footer .footer-middle {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1.5px solid transparent !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(12,22,25,.985), rgba(5,9,11,.995)) padding-box,
    linear-gradient(90deg,#1d4a50 0%,#337179 18%,#52a0a7 35%,#8fd3d8 50%,rgba(82,160,167,.18) 63%,#52a0a7 78%,#337179 90%,#1d4a50 100%) border-box !important;
  background-size: 100% 100%, 320% 100% !important;
  background-position: 0 0, 0% 50% !important;
  animation: cldReferenceBorderTravel 5s linear infinite !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.32),0 0 20px rgba(82,160,167,.07),inset 0 1px 0 rgba(255,255,255,.045) !important;
}

@keyframes cldReferenceBorderTravel {
  0% { background-position: 0 0, 0% 50%; }
  100% { background-position: 0 0, 320% 50%; }
}

.store-footer .footer-middle > *,
.store-footer .footer-middle .footer-container > * {
  position: relative !important;
  z-index: 1 !important;
}

.store-footer a,
.store-footer button,
.store-footer [role="button"],
.store-footer input,
.store-footer select,
.store-footer textarea {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

/* صفحة التصنيف */
body.product-index .nav-header {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  align-self: stretch !important;
  margin: 0 12px 24px !important;
  padding: 18px 14px 20px !important;
  border: 1.5px solid transparent !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(82,160,167,.11), transparent 34%) padding-box,
    linear-gradient(160deg, rgba(13,27,31,.985), rgba(5,9,11,.995)) padding-box,
    linear-gradient(90deg,#1d4a50,#337179 30%,#52a0a7 52%,#8fd3d8 72%,#337179 88%,#1d4a50) border-box !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.28),0 0 19px rgba(82,160,167,.07),inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}

body.product-index .nav-header > *,
body.product-index .nav-header .nav-title,
body.product-index .nav-header .sub-nav-header {
  width: 100% !important;
  max-width: none !important;
}

body.product-index .nav-header .nav-title {
  padding: 0 !important;
  margin: 0 0 14px !important;
  background: transparent !important;
}

body.product-index .sub-nav-header {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.product-index .sub-nav-header .sub-only,
body.product-index .sub-nav-header .sub-cat-slider {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.product-index .sub-nav-header .sub-cat-icon {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.product-index .sub-nav-header a.sub-categories {
  width: 100% !important;
  min-height: auto !important;
  padding: 3px 0 !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  text-align: right !important;
  text-decoration: none !important;
  transform: none !important;
}

body.product-index .sub-nav-header a.sub-categories::before,
body.product-index .sub-nav-header a.sub-categories::after,
body.product-index .sub-nav-header a.sub-categories .icon-wrapper {
  display: none !important;
  content: none !important;
}

body.product-index .sub-nav-header a.sub-categories .sub-title {
  margin: 0 !important;
  color: #fff !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.6 !important;
  text-align: right !important;
  transition: color .2s ease, transform .2s ease !important;
}

body.product-index .sub-nav-header a.sub-categories:hover .sub-title,
body.product-index .sub-nav-header a.sub-categories:focus-visible .sub-title {
  color: var(--cld-peach) !important;
  transform: translateX(-2px) !important;
}

/* تقييمات صفحة التصنيف */
body.product-index .s-block-testimonials {
  margin-top: 34px !important;
  padding: 38px 10px 44px !important;
  background: radial-gradient(circle at 50% 12%,rgba(82,160,167,.07),transparent 30%),linear-gradient(180deg,#05090b 0%,#081215 50%,#05090b 100%) !important;
  overflow: hidden !important;
  font-family: "Cairo", sans-serif !important;
}

body.product-index #testimonials-slider,
body.product-index .testimonials-slider { overflow: visible !important; }

body.product-index #testimonials-slider .s-slider-wrapper,
body.product-index .testimonials-slider .s-slider-wrapper {
  align-items: stretch !important;
  gap: 14px !important;
}

body.product-index #testimonials-slider .swiper-slide,
body.product-index .testimonials-slider .swiper-slide {
  height: auto !important;
  padding: 12px 4px 18px !important;
}

body.product-index #testimonials-slider .swiper-slide > *,
body.product-index .testimonials-slider .swiper-slide > * {
  height: 100% !important;
  min-height: 270px !important;
  padding: 58px 22px 24px !important;
  border-radius: 24px !important;
  position: relative !important;
  overflow: visible !important;
  text-align: center !important;
  color: #fff !important;
  background: radial-gradient(circle at 18% 18%,rgba(82,160,167,.1),transparent 34%),linear-gradient(155deg,rgba(13,27,31,.97),rgba(5,9,11,.99)) !important;
  border: 1px solid rgba(82,160,167,.34) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.3),0 0 18px rgba(82,160,167,.08),inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.product-index #testimonials-slider .swiper-slide > *::before,
body.product-index .testimonials-slider .swiper-slide > *::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 18px !important;
  left: 18px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,transparent,#1d4a50,#337179,#52a0a7,#8fd3d8,transparent) !important;
  box-shadow: 0 0 12px rgba(82,160,167,.34) !important;
  pointer-events: none !important;
}

body.product-index #testimonials-slider .swiper-slide > *::after,
body.product-index .testimonials-slider .swiper-slide > *::after {
  content: "“" !important;
  position: absolute !important;
  top: 10px !important;
  inset-inline-start: 18px !important;
  color: rgba(255,255,255,.12) !important;
  font-family: Arial,sans-serif !important;
  font-size: 62px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

body.product-index .s-block-testimonials img {
  width: 82px !important;
  height: 82px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 4px solid #fff !important;
  box-shadow: 0 0 0 2px rgba(82,160,167,.52),0 12px 28px rgba(0,0,0,.3) !important;
}

body.product-index .s-block-testimonials h3,
body.product-index .s-block-testimonials h4,
body.product-index .s-block-testimonials [class*="name"] {
  color: #fff !important;
  font-weight: 950 !important;
}

body.product-index .s-block-testimonials p,
body.product-index .s-block-testimonials [class*="content"] {
  color: rgba(255,255,255,.78) !important;
  line-height: 1.9 !important;
  font-weight: 700 !important;
}

body.product-index .s-block-testimonials .sicon-star2,
body.product-index .s-block-testimonials [class*="star"],
body.product-index .s-block-testimonials svg[class*="star"] {
  color: var(--cld-peach) !important;
  fill: var(--cld-peach) !important;
}

body.product-index .s-block-testimonials .swiper-scrollbar {
  height: 3px !important;
  background: rgba(255,255,255,.06) !important;
}

body.product-index .s-block-testimonials .swiper-scrollbar-drag {
  background: linear-gradient(90deg,#1d4a50,#337179,#52a0a7,#8fd3d8) !important;
  border-radius: 999px !important;
}

/* تنظيف أغلفة المنتجات */
section#best-offers-2-slider,
section#best-offers-2-slider.s-block,
section#best-offers-2-slider .container,
section#best-offers-2-slider salla-products-slider,
section#best-offers-2-slider salla-products-slider.s-products-slider-wrapper,
salla-products-slider.s-products-slider-wrapper {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

section#best-offers-2-slider::before,
section#best-offers-2-slider::after,
section#best-offers-2-slider .container::before,
section#best-offers-2-slider .container::after,
section#best-offers-2-slider salla-products-slider::before,
section#best-offers-2-slider salla-products-slider::after,
salla-products-slider.s-products-slider-wrapper::before,
salla-products-slider.s-products-slider-wrapper::after {
  content: none !important;
  display: none !important;
}

/* بطاقة المنتج */
.s-product-card-entry {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--cld-card-radius) !important;
  border: 0 !important;
  outline: 0 !important;
  background: radial-gradient(circle at 50% 0%,rgba(82,160,167,.075),transparent 36%),linear-gradient(180deg,rgba(13,27,31,.98),rgba(5,9,11,.98)) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.24) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.3),0 0 16px rgba(82,160,167,.12) !important;
}

.s-product-card-entry .s-product-card-vertical,
.s-product-card-entry .s-product-card-bordered,
.s-product-card-entry .s-product-card,
.s-product-card-entry .s-product-card-content,
.s-product-card-entry .s-product-card-image,
.s-product-card-entry .s-product-card-image img {
  border-radius: var(--cld-card-radius) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.s-product-card-entry .s-product-card-vertical::before,
.s-product-card-entry .s-product-card-vertical::after,
.s-product-card-entry .s-product-card-bordered::before,
.s-product-card-entry .s-product-card-bordered::after,
.s-product-card-entry .s-product-card::before,
.s-product-card-entry .s-product-card::after,
.s-product-card-entry .s-product-card-content::before,
.s-product-card-entry .s-product-card-content::after,
.s-product-card-entry .s-product-card-image::before,
.s-product-card-entry .s-product-card-image::after,
.s-product-card-entry::before {
  content: none !important;
  display: none !important;
}

.s-product-card-entry::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  padding: var(--cld-card-border) !important;
  border-radius: var(--cld-card-radius) !important;
  pointer-events: none !important;
  background: linear-gradient(115deg,rgba(29,74,80,.86) 0%,rgba(51,113,121,.96) 24%,rgba(82,160,167,.82) 43%,rgba(143,211,216,.65) 58%,rgba(82,160,167,.82) 74%,rgba(51,113,121,.96) 100%) !important;
  background-size: 260% 100% !important;
  animation: cldProductBorderMatched 4.6s linear infinite !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

@keyframes cldProductBorderMatched {
  0% { background-position: 260% 0; }
  100% { background-position: -260% 0; }
}

.s-product-card-entry > * {
  position: relative !important;
  z-index: 2 !important;
}

/* أزرار المنتجات */
.s-product-card-entry .s-add-to-cart-button,
.s-product-card-entry .s-product-card-entry__button,
.s-product-card-entry .s-button-element,
.s-product-card-entry salla-button .s-button-element,
.s-product-card-entry salla-button button,
.s-product-card-entry button.s-button-element,
.s-product-card-entry button.s-button-primary {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--cld-btn-radius) !important;
  border: 1px solid rgba(143,211,216,.58) !important;
  background: linear-gradient(110deg,#1d4a50,#337179 30%,#52a0a7 62%,#8fd3d8 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 0 28px rgba(82,160,167,.22),0 0 14px rgba(143,211,216,.1),inset 0 1px 0 rgba(255,255,255,.18) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.32) !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
  cursor: pointer !important;
  animation: none !important;
}

.s-product-card-entry .s-add-to-cart-button *,
.s-product-card-entry .s-product-card-entry__button *,
.s-product-card-entry .s-button-element *,
.s-product-card-entry salla-button .s-button-element *,
.s-product-card-entry salla-button button *,
.s-product-card-entry button.s-button-element *,
.s-product-card-entry button.s-button-primary * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  position: relative !important;
  z-index: 2 !important;
}

.s-product-card-entry .s-add-to-cart-button:hover,
.s-product-card-entry .s-product-card-entry__button:hover,
.s-product-card-entry .s-button-element:hover,
.s-product-card-entry salla-button .s-button-element:hover,
.s-product-card-entry salla-button button:hover,
.s-product-card-entry button.s-button-element:hover,
.s-product-card-entry button.s-button-primary:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 0 14px rgba(51,113,121,.38),0 0 22px rgba(143,211,216,.24),inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: brightness(1.055) saturate(1.04) !important;
}

.s-product-card-entry .s-add-to-cart-button:active,
.s-product-card-entry .s-product-card-entry__button:active,
.s-product-card-entry .s-button-element:active,
.s-product-card-entry salla-button .s-button-element:active,
.s-product-card-entry salla-button button:active,
.s-product-card-entry button.s-button-element:active,
.s-product-card-entry button.s-button-primary:active {
  transform: scale(.97) !important;
}

/* أزرار صفحة المنتج */
main .product-single .s-add-to-cart-button,
main .product-single .s-button-primary,
main .product-single .s-button-element,
.product-single .s-add-to-cart-button,
.product-single .s-button-primary,
.product-single .s-button-element,
.is-sticky-product-bar .s-add-to-cart-button,
.is-sticky-product-bar .s-button-primary,
.is-sticky-product-bar .s-button-element,
.sticky-product-bar .s-add-to-cart-button,
.sticky-product-bar .s-button-primary,
.sticky-product-bar .s-button-element {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--cld-btn-radius) !important;
  border: 1px solid rgba(143,211,216,.58) !important;
  background: linear-gradient(110deg,#1d4a50,#337179 30%,#52a0a7 62%,#8fd3d8 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.32) !important;
  box-shadow: 0 0 30px rgba(82,160,167,.22),0 0 14px rgba(143,211,216,.1),inset 0 1px 0 rgba(255,255,255,.18) !important;
  animation: cldProductPageCTAMove 3s ease-in-out infinite !important;
}

@keyframes cldProductPageCTAMove {
  0%,32%,100% { transform: translateY(0); }
  16% { transform: translateY(-3px); }
}

main .product-single .s-buy-now-button,
main .product-single .s-button-outline,
.product-single .s-buy-now-button,
.product-single .s-button-outline,
.is-sticky-product-bar .s-buy-now-button,
.is-sticky-product-bar .s-button-outline,
.sticky-product-bar .s-buy-now-button,
.sticky-product-bar .s-button-outline {
  border: 1px solid rgba(82,160,167,.78) !important;
  color: var(--cld-rose) !important;
  -webkit-text-fill-color: var(--cld-rose) !important;
  background: rgba(51,113,121,.055) !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

input#copydiscountCode {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  min-height: 52px !important;
  background: linear-gradient(110deg,#1d4a50,#337179 30%,#52a0a7 62%,#8fd3d8 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(143,211,216,.58) !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  box-shadow: 0 0 30px rgba(82,160,167,.22),0 0 14px rgba(143,211,216,.1),inset 0 1px 0 rgba(255,255,255,.2) !important;
  cursor: pointer !important;
}

input#copydiscountCode[disabled],
input#copydiscountCode:disabled { opacity: 1 !important; }

/* الهدايا */
salla-gifting,
.salla-gifting,
.salla-gifting.mt-5,
.salla-gifting.hydrated {
  position: relative !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 18px 0 !important;
  padding: 24px 20px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 86% 16%,rgba(82,160,167,.11),transparent 34%),radial-gradient(circle at 14% 86%,rgba(29,74,80,.09),transparent 32%),linear-gradient(135deg,rgba(51,113,121,.08),rgba(143,211,216,.055)),rgba(13,27,31,.5) !important;
  border: 1px solid rgba(82,160,167,.25) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04) !important;
}

salla-gifting::before,
.salla-gifting::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(120deg,transparent 0%,rgba(255,255,255,.028) 42%,transparent 68%) !important;
}

salla-gifting > *,
.salla-gifting > * {
  position: relative !important;
  z-index: 2 !important;
}

salla-gifting h1,
salla-gifting h2,
salla-gifting h3,
salla-gifting .title,
.salla-gifting h1,
.salla-gifting h2,
.salla-gifting h3,
.salla-gifting .title {
  color: var(--cld-peach) !important;
  font-weight: 800 !important;
}

salla-gifting p,
salla-gifting span,
.salla-gifting p,
.salla-gifting span { color: #e6edf7 !important; }

salla-gifting button,
salla-gifting .btn,
salla-gifting a,
.salla-gifting button,
.salla-gifting .btn,
.salla-gifting a {
  border-radius: 15px !important;
  border: 1px solid rgba(82,160,167,.35) !important;
  background: linear-gradient(135deg,rgba(29,74,80,.18),rgba(82,160,167,.12)),rgba(255,255,255,.025) !important;
  color: #fff !important;
}

/* العرض الشرطي */
salla-conditional-offer.s-conditional-offer-container,
salla-conditional-offer.hydrated.s-conditional-offer-container {
  direction: rtl !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 22px auto !important;
  padding: 30px 34px 34px !important;
  border-radius: 26px !important;
  background: radial-gradient(circle at 90% 8%,rgba(82,160,167,.13),transparent 34%),radial-gradient(circle at 12% 100%,rgba(29,74,80,.12),transparent 40%),linear-gradient(135deg,#0d1b1f 0%,#0c1619 52%,#05090b 100%) !important;
  border: 1px solid rgba(82,160,167,.24) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.055) !important;
  color: #fff !important;
}

.s-conditional-offer-title-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto 24px !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,rgba(29,74,80,.2),rgba(82,160,167,.12)),rgba(13,27,31,.55) !important;
  border: 1px solid rgba(82,160,167,.24) !important;
  text-align: center !important;
}

.s-conditional-offer-title-wrapper,
.s-conditional-offer-title-wrapper * {
  color: #fff !important;
  font-family: "Cairo",sans-serif !important;
  font-size: 21px !important;
  font-weight: 900 !important;
}

.s-conditional-offer-progress-container {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 38px 34px 42px !important;
  min-height: 132px !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 18% 18%,rgba(143,211,216,.12),transparent 38%),radial-gradient(circle at 88% 18%,rgba(51,113,121,.16),transparent 34%),linear-gradient(135deg,rgba(16,36,40,.8),rgba(9,20,23,.74)) !important;
  border: 1px solid rgba(82,160,167,.28) !important;
  overflow: hidden !important;
}

.s-conditional-offer-progress-container hr,
.s-conditional-offer-progress-container [class*="line"],
.s-conditional-offer-progress-container [class*="bar"] {
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#1d4a50,#337179,#52a0a7,#8fd3d8) !important;
  border-color: rgba(82,160,167,.45) !important;
}

.s-conditional-offer-progress-container [class*="circle"],
.s-conditional-offer-progress-container [class*="step"],
.s-conditional-offer-progress-container [class*="discount"],
.s-conditional-offer-progress-container [class*="percent"],
.s-conditional-offer-progress-container [class*="percentage"] {
  position: relative !important;
  z-index: 5 !important;
  background: linear-gradient(135deg,rgba(7,16,18,.98),rgba(24,58,63,.98)) !important;
  border: 1px solid rgba(143,211,216,.62) !important;
  color: var(--cld-peach) !important;
  box-shadow: 0 0 0 6px rgba(12,26,29,.92),0 0 0 7px rgba(82,160,167,.16),0 0 14px rgba(51,113,121,.16) !important;
}

/* الكاش باك */
s-cashback-banner-value {
  padding-inline-start: 0 !important;
  margin-inline-start: 2px !important;
  border-inline-start: 0 !important;
}

salla-cashback-banner .s-cashback-banner-container {
  background: rgba(13,27,31,.74) !important;
  border: 1px solid rgba(82,160,167,.24) !important;
  border-radius: 16px !important;
}

salla-cashback-banner .s-cashback-banner-container p,
salla-cashback-banner .s-cashback-banner-label {
  color: rgba(255,255,255,.9) !important;
}

salla-cashback-banner .s-cashback-banner-value {
  color: var(--cld-peach) !important;
  font-weight: 900 !important;
}

salla-cashback-banner .s-cashback-banner-icon {
  background: linear-gradient(135deg,#1d4a50,#337179,#52a0a7,#8fd3d8) !important;
}

/* صفحة السياسات */
.content.content--single-page.opt-text.da-bgg {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  padding: 34px 28px !important;
  background: radial-gradient(circle at 80% 10%,rgba(143,211,216,.11),transparent 34%),radial-gradient(circle at 15% 85%,rgba(29,74,80,.13),transparent 32%),linear-gradient(180deg,rgba(13,27,31,.8),rgba(5,9,11,.88)) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06),0 0 24px rgba(82,160,167,.08) !important;
  backdrop-filter: blur(14px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.15) !important;
}

.content.content--single-page.opt-text.da-bgg::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 24px !important;
  left: 24px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,transparent,#1d4a50,#337179,#52a0a7,#8fd3d8,transparent) !important;
  opacity: .78 !important;
  z-index: 2 !important;
}

.content.content--single-page.opt-text.da-bgg .content-entry {
  position: relative !important;
  z-index: 3 !important;
}

.content.content--single-page.opt-text.da-bgg .content-entry,
.content.content--single-page.opt-text.da-bgg .content-entry p,
.content.content--single-page.opt-text.da-bgg .content-entry li {
  color: rgba(255,255,255,.76) !important;
  line-height: 1.95 !important;
}

/* القائمة الجانبية */
.mm-ocd { background: rgba(0,0,0,.54) !important; }

.mm-ocd__content {
  width: min(84vw,430px) !important;
  max-width: 430px !important;
  min-width: 300px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: linear-gradient(180deg,#05090b 0%,#0c1619 52%,#05090b 100%) !important;
  border-left: 1px solid rgba(82,160,167,.34) !important;
  box-shadow: -12px 0 30px rgba(0,0,0,.38) !important;
}

nav#mobile-menu.mm-spn {
  --cld-menu-header-h: 88px;
  --cld-menu-list-gap: 42px;
  --cld-menu-card-x: 16px;
  --cld-menu-card-gap: 12px;
  --cld-menu-card-h: 60px;
  --cld-menu-card-radius: 18px;
  width: 100% !important;
  max-width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
  color: #fff !important;
  font-family: "Cairo",sans-serif !important;
  overflow-x: hidden !important;
  background: radial-gradient(circle at 0% 20%,rgba(143,211,216,.14),transparent 32%),radial-gradient(circle at 100% 10%,rgba(51,113,121,.14),transparent 30%),linear-gradient(180deg,#05090b 0%,#0c1619 100%) !important;
}

nav#mobile-menu.mm-spn *,
nav#mobile-menu.mm-spn *::before,
nav#mobile-menu.mm-spn *::after { box-sizing: border-box !important; }

nav#mobile-menu.mm-spn.mm-spn--navbar { padding-top: 0 !important; }

nav#mobile-menu.mm-spn.mm-spn--navbar::after {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: var(--cld-menu-header-h) !important;
  line-height: var(--cld-menu-header-h) !important;
  padding: 0 64px !important;
  margin: 0 !important;
  background: linear-gradient(180deg,rgba(5,9,11,.99),rgba(12,22,25,.95)) !important;
  color: #fff !important;
  font-size: clamp(20px,5vw,24px) !important;
  font-weight: 900 !important;
  letter-spacing: -.35px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  z-index: 30 !important;
  text-shadow: 0 0 14px rgba(82,160,167,.18) !important;
  border-bottom: 2px solid transparent !important;
  border-image: linear-gradient(90deg,transparent 0%,rgba(29,74,80,.52) 18%,rgba(82,160,167,.68) 50%,rgba(143,211,216,.58) 82%,transparent 100%) 1 !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar > ul::before,
nav#mobile-menu.mm-spn.mm-spn--navbar .main-menu::before,
nav#mobile-menu.mm-spn hr {
  display: none !important;
  content: none !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar:not(.mm-spn--main)::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  top: 33px !important;
  right: 23px !important;
  left: auto !important;
  width: 15px !important;
  height: 15px !important;
  border-color: var(--cld-rose) !important;
  opacity: 1 !important;
  z-index: 90 !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar.mm-spn--main::before { display: none !important; }

.mm-ocd__content button,
.mm-ocd__content .close,
.mm-ocd__content [aria-label="Close"],
.mm-ocd__content [aria-label="close"] {
  position: absolute !important;
  top: 29px !important;
  left: 22px !important;
  right: auto !important;
  z-index: 100 !important;
  color: #fff !important;
}

nav#mobile-menu .mobile-menu-slider,
nav#mobile-menu .salla-slider,
nav#mobile-menu salla-slider,
nav#mobile-menu .swiper,
nav#mobile-menu .swiper-wrapper,
nav#mobile-menu .swiper-notification {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar ul { top: var(--cld-menu-header-h) !important; }

nav#mobile-menu.mm-spn ul {
  width: 130% !important;
  min-width: 130% !important;
  max-width: 130% !important;
  padding-top: var(--cld-menu-list-gap) !important;
  padding-bottom: 34px !important;
  padding-right: 30% !important;
  padding-left: 0 !important;
  margin: 0 !important;
  overflow-x: visible !important;
  background: radial-gradient(circle at 0% 20%,rgba(143,211,216,.1),transparent 34%),linear-gradient(180deg,#05090b 0%,#0c1619 100%) !important;
}

nav#mobile-menu.mm-spn ul.main-menu.mm-spn--open,
nav#mobile-menu.mm-spn ul.main-menu.mm-spn--open.mm-spn--parent,
nav#mobile-menu.mm-spn ul ul {
  background: radial-gradient(circle at 100% 12%,rgba(51,113,121,.12),transparent 32%),linear-gradient(180deg,#05090b 0%,#0c1619 100%) !important;
}

nav#mobile-menu.mm-spn li {
  position: relative !important;
  width: auto !important;
  max-width: none !important;
  min-height: unset !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

nav#mobile-menu.mm-spn li::before,
nav#mobile-menu.mm-spn li::after {
  display: none !important;
  content: none !important;
}

nav#mobile-menu.mm-spn li > a,
nav#mobile-menu.mm-spn li > span {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row-reverse !important;
  gap: 8px !important;
  width: auto !important;
  max-width: none !important;
  min-height: var(--cld-menu-card-h) !important;
  padding: 0 44px !important;
  margin: 0 var(--cld-menu-card-x) var(--cld-menu-card-gap) !important;
  border-radius: var(--cld-menu-card-radius) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.05),rgba(51,113,121,.1)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.18) !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -.2px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  transition: transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
}

nav#mobile-menu.mm-spn li > a::after,
nav#mobile-menu.mm-spn li > span::after {
  content: "" !important;
  position: absolute !important;
  top: 14px !important;
  bottom: 14px !important;
  right: 0 !important;
  width: 4px !important;
  border-radius: 14px 0 0 14px !important;
  background: linear-gradient(180deg,#337179,#52a0a7,#8fd3d8) !important;
  opacity: .92 !important;
  display: block !important;
}

nav#mobile-menu.mm-spn li > a:not(:only-child)::before,
nav#mobile-menu.mm-spn li > span:not(:only-child)::before {
  display: block !important;
  content: "‹" !important;
  position: absolute !important;
  left: 19px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255,255,255,.55) !important;
  font-size: 29px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  background: none !important;
  opacity: 1 !important;
  z-index: 5 !important;
}

nav#mobile-menu.mm-spn li > a:only-child::before,
nav#mobile-menu.mm-spn li > span:only-child::before {
  display: none !important;
  content: none !important;
}

nav#mobile-menu.mm-spn ul ul li > a,
nav#mobile-menu.mm-spn ul ul li > span {
  min-height: 58px !important;
  font-size: 15.5px !important;
  font-weight: 760 !important;
  background: linear-gradient(135deg,rgba(255,255,255,.045),rgba(82,160,167,.075)) !important;
}

nav#mobile-menu.mm-spn ul.mm-spn--open > li:first-child > a,
nav#mobile-menu.mm-spn ul.mm-spn--open > li:first-child > span {
  border-color: rgba(82,160,167,.32) !important;
  background: linear-gradient(135deg,rgba(51,113,121,.16),rgba(143,211,216,.1)) !important;
}

nav#mobile-menu.mm-spn li > a:hover,
nav#mobile-menu.mm-spn li > span:hover,
nav#mobile-menu.mm-spn li > a:active,
nav#mobile-menu.mm-spn li > span:active {
  transform: translateY(-1px) !important;
  border-color: rgba(82,160,167,.38) !important;
  background: linear-gradient(135deg,rgba(51,113,121,.18),rgba(143,211,216,.11)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.2) !important;
}

nav#mobile-menu.mm-spn li svg,
nav#mobile-menu.mm-spn li i {
  flex: 0 0 auto !important;
  width: 21px !important;
  height: 21px !important;
  color: var(--cld-peach) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: .95 !important;
  margin: 0 !important;
  filter: none !important;
}

nav#mobile-menu.mm-spn li img {
  flex: 0 0 auto !important;
  max-width: 30px !important;
  max-height: 26px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 0 0 7px !important;
}

.mm-ocd__content::-webkit-scrollbar,
nav#mobile-menu.mm-spn::-webkit-scrollbar { width: 4px !important; }

.mm-ocd__content::-webkit-scrollbar-track,
nav#mobile-menu.mm-spn::-webkit-scrollbar-track { background: rgba(255,255,255,.04) !important; }

.mm-ocd__content::-webkit-scrollbar-thumb,
nav#mobile-menu.mm-spn::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,#337179,#52a0a7,#8fd3d8) !important;
  border-radius: 20px !important;
}

/* صفحة السلة */
body#app.cart .nav-header,
body.cart .nav-header {
  width: calc(100% - 28px) !important;
  max-width: 1180px !important;
  margin: 18px auto 24px !important;
  padding: 18px 14px 20px !important;
  border: 1.5px solid transparent !important;
  border-radius: 24px !important;
  background: radial-gradient(circle at 84% 18%,rgba(82,160,167,.11),transparent 34%) padding-box,linear-gradient(160deg,rgba(13,27,31,.985),rgba(5,9,11,.995)) padding-box,linear-gradient(90deg,#1d4a50,#337179 30%,#52a0a7 52%,#8fd3d8 72%,#337179 88%,#1d4a50) border-box !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body#app.cart .nav-header::before,
body#app.cart .nav-header::after,
body.cart .nav-header::before,
body.cart .nav-header::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

body#app.cart .nav-header .nav-title,
body.cart .nav-header .nav-title {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body#app.cart .nav-header .nav-title h1,
body#app.cart .nav-header .nav-title h2,
body.cart .nav-header .nav-title h1,
body.cart .nav-header .nav-title h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  animation: none !important;
}

body#app.cart .nav-header salla-breadcrumb,
body.cart .nav-header salla-breadcrumb {
  position: relative !important;
  z-index: 2 !important;
}

/* الجوال */
@media (max-width:768px) {
  footer.store-footer .footer-middle,
  .store-footer .footer-middle {
    border-width: 1px !important;
    border-radius: 24px !important;
    background-size: 100% 100%,360% 100% !important;
    animation-duration: 4.2s !important;
  }

  body.product-index .nav-header {
    width: calc(100% - 20px) !important;
    margin-inline: 10px !important;
    padding: 16px 14px 18px !important;
    border-radius: 22px !important;
  }

  body.product-index .sub-nav-header .sub-only,
  body.product-index .sub-nav-header .sub-cat-slider {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px 16px !important;
  }

  body.product-index .sub-nav-header a.sub-categories .sub-title { font-size: 14px !important; }

  body.product-index #testimonials-slider .swiper-slide,
  body.product-index .testimonials-slider .swiper-slide { width: 84% !important; }

  .s-product-card-entry,
  .s-product-card-entry:hover { box-shadow: 0 8px 18px rgba(0,0,0,.24) !important; }

  salla-conditional-offer.s-conditional-offer-container,
  salla-conditional-offer.hydrated.s-conditional-offer-container {
    margin: 18px 12px !important;
    padding: 24px 20px 28px !important;
    border-radius: 22px !important;
  }

  .content.content--single-page.opt-text.da-bgg {
    border-radius: 20px !important;
    padding: 26px 18px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }

  .mm-ocd__content {
    width: 84vw !important;
    max-width: 390px !important;
  }

  nav#mobile-menu.mm-spn {
    --cld-menu-header-h: 88px;
    --cld-menu-list-gap: 42px;
    --cld-menu-card-x: 14px;
    --cld-menu-card-gap: 12px;
    --cld-menu-card-h: 60px;
    --cld-menu-card-radius: 18px;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar::after {
    padding: 0 60px !important;
    font-size: clamp(19px,5vw,23px) !important;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar:not(.mm-spn--main)::before {
    top: 33px !important;
    right: 22px !important;
  }

  .mm-ocd__content button,
  .mm-ocd__content .close,
  .mm-ocd__content [aria-label="Close"],
  .mm-ocd__content [aria-label="close"] {
    top: 29px !important;
    left: 21px !important;
  }

  nav#mobile-menu.mm-spn li > a,
  nav#mobile-menu.mm-spn li > span {
    font-size: 15.8px !important;
    padding: 0 42px !important;
  }

  nav#mobile-menu.mm-spn li > a:not(:only-child)::before,
  nav#mobile-menu.mm-spn li > span:not(:only-child)::before {
    left: 17px !important;
    font-size: 28px !important;
  }

  body#app.cart .nav-header,
  body.cart .nav-header {
    width: calc(100% - 18px) !important;
    margin: 14px auto 22px !important;
    padding: 18px 14px 20px !important;
    border-radius: 22px !important;
  }
}

@media (max-width:430px) {
  .mm-ocd__content {
    width: 82vw !important;
    max-width: 360px !important;
  }

  nav#mobile-menu.mm-spn {
    --cld-menu-header-h: 84px;
    --cld-menu-list-gap: 40px;
    --cld-menu-card-x: 12px;
    --cld-menu-card-gap: 11px;
    --cld-menu-card-h: 58px;
    --cld-menu-card-radius: 17px;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar::after {
    padding: 0 54px !important;
    font-size: clamp(18px,5vw,22px) !important;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar:not(.mm-spn--main)::before {
    top: 32px !important;
    right: 21px !important;
    width: 14px !important;
    height: 14px !important;
  }

  .mm-ocd__content button,
  .mm-ocd__content .close,
  .mm-ocd__content [aria-label="Close"],
  .mm-ocd__content [aria-label="close"] {
    top: 28px !important;
    left: 20px !important;
  }

  nav#mobile-menu.mm-spn li > a,
  nav#mobile-menu.mm-spn li > span {
    font-size: 15.2px !important;
    padding: 0 40px !important;
  }

  nav#mobile-menu.mm-spn ul ul li > a,
  nav#mobile-menu.mm-spn ul ul li > span { font-size: 15px !important; }

  nav#mobile-menu.mm-spn li svg,
  nav#mobile-menu.mm-spn li i {
    width: 20px !important;
    height: 20px !important;
  }

  nav#mobile-menu.mm-spn li img {
    max-width: 28px !important;
    max-height: 25px !important;
  }
}

@media (max-width:390px) {
  body.product-index .sub-nav-header .sub-only,
  body.product-index .sub-nav-header .sub-cat-slider { gap: 7px 12px !important; }

  body.product-index .sub-nav-header a.sub-categories .sub-title { font-size: 13px !important; }

  body.product-index #testimonials-slider .swiper-slide,
  body.product-index .testimonials-slider .swiper-slide { width: 88% !important; }
}

@media (min-width:1025px) {
  .mm-ocd__content {
    width: min(38vw,430px) !important;
    max-width: 430px !important;
  }

  nav#mobile-menu.mm-spn {
    --cld-menu-header-h: 92px;
    --cld-menu-list-gap: 44px;
    --cld-menu-card-x: 20px;
    --cld-menu-card-h: 64px;
    --cld-menu-card-radius: 20px;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar::after { font-size: 28px !important; }

  nav#mobile-menu.mm-spn li > a,
  nav#mobile-menu.mm-spn li > span { font-size: 17px !important; }
}

@media (prefers-reduced-motion:reduce) {
  footer.store-footer .footer-middle,
  .store-footer .footer-middle,
  .s-product-card-entry::after,
  main .product-single .s-add-to-cart-button,
  main .product-single .s-button-primary,
  main .product-single .s-button-element,
  .product-single .s-add-to-cart-button,
  .product-single .s-button-primary,
  .product-single .s-button-element,
  .is-sticky-product-bar .s-add-to-cart-button,
  .is-sticky-product-bar .s-button-primary,
  .is-sticky-product-bar .s-button-element,
  .sticky-product-bar .s-add-to-cart-button,
  .sticky-product-bar .s-button-primary,
  .sticky-product-bar .s-button-element {
    animation: none !important;
  }
}

/* لا توجد أي أكواد هنا تغيّر ألوان عناوين المتجر الرئيسية أو نصوصها */