/* ==================================================
   TAZ PLUS — نفس الفاصل المعتمد مع لون داخلي مطابق للهوية
   ضعه في آخر CSS المخصص بالكامل
   الحركة على إطار الكرت نفسه بدون pseudo-elements
================================================== */

/* إلغاء أي فواصل أو أشعة قديمة متعارضة */
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(11, 17, 28, 0.98), rgba(5, 10, 18, 0.99)) padding-box,
    linear-gradient(
      90deg,
      #ff5f00 0%,
      #ff8a13 18%,
      #ffd08a 34%,
      rgba(255, 138, 19, 0.16) 50%,
      #ffb14a 66%,
      #ff6a00 82%,
      #ff5f00 100%
    ) border-box !important;

  background-size:
    100% 100%,
    320% 100% !important;

  background-position:
    0 0,
    0% 50% !important;

  animation: tazReferenceBorderTravel 5s linear infinite !important;

  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.32),
    0 0 20px rgba(255, 138, 19, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

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

@media (prefers-reduced-motion: reduce) {
  footer.store-footer .footer-middle,
  .store-footer .footer-middle {
    animation: tazReferenceBorderTravel 5s linear infinite !important;
  }
}

.store-footer .footer-middle > *,
.store-footer .footer-middle .footer-container > * {
  position: relative !important;
  z-index: 1 !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;
  }
}

.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;
}

.store-footer::before,
.store-footer::after,
.store-footer .footer-middle::before,
.store-footer .footer-middle::after,
.store-footer .footer-container::before,
.store-footer .footer-container::after {
  pointer-events: none !important;
}

/* =========================================================
   TAZ PLUS — صفحة التصنيف مثل المرجع
   مستقل عن الفوتر
========================================================= */

body.product-index .nav-header {
  margin: 0 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(255, 138, 19, 0.10), transparent 34%) padding-box,
    linear-gradient(160deg, rgba(19, 22, 40, 0.98), rgba(7, 12, 22, 0.99)) padding-box,
    linear-gradient(90deg, #ff5f00, #ff8a13 32%, #ffd08a 52%, #ff8a13 74%, #ff5f00) border-box !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !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: #ffffff !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: #ffffff !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: #ff9b32 !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(255, 138, 19, 0.07), transparent 30%),
    linear-gradient(180deg, #050a12 0%, #07101d 50%, #050a12 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: #ffffff !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 138, 19, 0.10), transparent 34%),
    linear-gradient(155deg, rgba(25, 27, 44, 0.96), rgba(11, 15, 27, 0.98)) !important;
  border: 1px solid rgba(255, 138, 19, 0.34) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.30),
    0 0 18px rgba(255, 138, 19, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.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, #ff5f00, #ffd08a, #ff8a13, transparent) !important;
  box-shadow: 0 0 12px rgba(255, 138, 19, 0.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, 0.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 #ffffff !important;
  box-shadow:
    0 0 0 2px rgba(255, 138, 19, 0.52),
    0 12px 28px rgba(0, 0, 0, 0.30) !important;
}

body.product-index .s-block-testimonials h3,
body.product-index .s-block-testimonials h4,
body.product-index .s-block-testimonials [class*="name"] {
  color: #ffffff !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, 0.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: #ffb000 !important;
  fill: #ffb000 !important;
}

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

body.product-index .s-block-testimonials .swiper-scrollbar-drag {
  background: linear-gradient(90deg, #ff5f00, #ffb14a) !important;
  border-radius: 999px !important;
}

@media (max-width: 768px) {
  body.product-index .nav-header {
    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;
  }
}

@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;
  }
}

/* =========================================================
   اعتماد عرض بانر التصنيفات على كامل عرض الصفحة
   تعديل العرض فقط بدون تغيير التصميم أو الفوتر
========================================================= */
body.product-index .nav-header {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  align-self: stretch !important;
  margin-inline: 12px !important;
  box-sizing: border-box !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;
}

@media (max-width: 768px) {
  body.product-index .nav-header {
    width: calc(100% - 20px) !important;
    margin-inline: 10px !important;
  }
}


/* =========================================================
   TAZ PLUS — إضافات المتجر الداخلية
   محفوظة بالكامل:
   1) الفوتر المعتمد
   2) هيدر/تصنيفات الصفحات المعتمد
   3) الأسئلة الشائعة المعتمدة
   4) تقييمات الصفحات المعتمدة
========================================================= */

:root {
  --taz-bg: #050A12;
  --taz-bg-soft: #0B111C;
  --taz-bg-deep: #07101D;
  --taz-card: #111827;
  --taz-card-glass: rgba(17, 24, 39, .68);
  --taz-orange: #FF5F00;
  --taz-orange-2: #FF8A13;
  --taz-gold: #FFB14A;
  --taz-gold-soft: #FFD08A;
  --taz-white: #FFFFFF;
  --taz-muted: #B8C2CC;
  --taz-card-radius: 22px;
  --taz-card-border: 1.35px;
  --taz-btn-radius: 14px;
}

/* عناوين أقسام سلة — باستثناء FAQ والتقييمات والتصنيفات المحمية */
body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .s-block__title {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .s-block__title h2,
body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .section-title {
  display: inline-block !important;
  margin-inline: auto !important;
  text-align: center !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  line-height: 1.25 !important;
  background: linear-gradient(
    120deg,
    #FFFFFF 0%,
    #FFD08A 24%,
    #FF8A13 48%,
    #FF5F00 72%,
    #FFFFFF 100%
  ) !important;
  background-size: 260% 260% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: tazSectionTitleFlow 5.5s ease-in-out infinite !important;
}

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

/* نصوص التقسيط */
.rtl .s-installment-mispay-content-text,
.rtl .s-installment-madfu-content-text,
.rtl .s-installment-emkan-content-text,
.rtl .s-installment-rajehi-content-text {
  right: 14px !important;
  text-align: right !important;
  margin: 0 0 0 16px !important;
  background: linear-gradient(120deg, #FFD08A 0%, #FF8A13 38%, #FF5F00 68%, #FFB14A 100%) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: tazSoftOrangeText 4.4s ease-in-out infinite !important;
  font-weight: 700 !important;
}

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

/* تنظيف أغلفة سلايدر المنتجات */
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(--taz-card-radius) !important;
  border: 0 !important;
  outline: 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 138, 19, 0.065), transparent 36%),
    linear-gradient(180deg, rgba(17, 24, 39, 0.97), rgba(7, 14, 26, 0.96)) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.30),
    0 0 14px rgba(255, 138, 19, 0.10) !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(--taz-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;
  border-radius: var(--taz-card-radius) !important;
  pointer-events: none !important;
  z-index: 20 !important;
  padding: var(--taz-card-border) !important;
  background: linear-gradient(
    115deg,
    rgba(255, 95, 0, 0.76) 0%,
    rgba(255, 138, 19, 0.96) 24%,
    rgba(255, 208, 138, 0.58) 42%,
    rgba(255, 177, 74, 0.38) 56%,
    rgba(255, 95, 0, 0.78) 74%,
    rgba(255, 138, 19, 0.96) 100%
  ) !important;
  background-size: 260% 100% !important;
  animation: tazProductBorderMatched 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 tazProductBorderMatched {
  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(--taz-btn-radius) !important;
  border: 1px solid rgba(255, 208, 138, 0.68) !important;
  background: linear-gradient(135deg, #FF5F00, #FF8A13 58%, #FFB14A) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow:
    0 0 28px rgba(255, 95, 0, 0.22),
    0 0 14px rgba(255, 177, 74, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.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: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !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 12px rgba(255, 95, 0, 0.40),
    0 0 20px rgba(255, 177, 74, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.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(0.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(--taz-btn-radius) !important;
  border: 1px solid rgba(255, 208, 138, 0.66) !important;
  background: linear-gradient(135deg, #FF5F00, #FF8A13 58%, #FFB14A) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.32) !important;
  box-shadow:
    0 0 30px rgba(255, 95, 0, 0.22),
    0 0 14px rgba(255, 177, 74, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  animation: tazProductPageCTAMove 3s ease-in-out infinite !important;
}

@keyframes tazProductPageCTAMove {
  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(255, 138, 19, 0.78) !important;
  color: #FF8A13 !important;
  -webkit-text-fill-color: #FF8A13 !important;
  background: rgba(255, 95, 0, 0.045) !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(135deg, #FF5F00, #FF8A13 58%, #FFB14A) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(255, 208, 138, 0.66) !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  box-shadow:
    0 0 30px rgba(255, 95, 0, 0.22),
    0 0 14px rgba(255, 177, 74, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.20) !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(255, 138, 19, 0.10), transparent 34%),
    radial-gradient(circle at 14% 86%, rgba(255, 95, 0, 0.06), transparent 32%),
    linear-gradient(135deg, rgba(255, 95, 0, 0.07), rgba(255, 177, 74, 0.055)),
    rgba(17, 24, 39, 0.48) !important;
  border: 1px solid rgba(255, 138, 19, 0.24) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.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, 0.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: #FF9B32 !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(255, 138, 19, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(255, 95, 0, 0.14), rgba(255, 177, 74, 0.10)),
    rgba(255, 255, 255, 0.025) !important;
  color: #FFFFFF !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(255, 138, 19, 0.12), transparent 34%),
    radial-gradient(circle at 12% 100%, rgba(255, 95, 0, 0.10), transparent 40%),
    linear-gradient(135deg, #15100C 0%, #10131F 52%, #050A12 100%) !important;
  border: 1px solid rgba(255, 138, 19, 0.22) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  color: #FFFFFF !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(255, 95, 0, 0.16), rgba(255, 177, 74, 0.10)),
    rgba(17, 24, 39, 0.52) !important;
  border: 1px solid rgba(255, 138, 19, 0.22) !important;
  text-align: center !important;
}

.s-conditional-offer-title-wrapper,
.s-conditional-offer-title-wrapper * {
  color: #FFFFFF !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(255, 177, 74, 0.12), transparent 38%),
    radial-gradient(circle at 88% 18%, rgba(255, 95, 0, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(64, 34, 18, 0.78), rgba(28, 22, 26, 0.72)) !important;
  border: 1px solid rgba(255, 138, 19, 0.26) !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, #FF5F00, #FF8A13, #FFB14A) !important;
  border-color: rgba(255, 138, 19, 0.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(22, 16, 13, 0.98), rgba(44, 27, 18, 0.98)) !important;
  border: 1px solid rgba(255, 177, 74, 0.62) !important;
  color: #FFB14A !important;
  box-shadow:
    0 0 0 6px rgba(38, 25, 18, 0.92),
    0 0 0 7px rgba(255, 138, 19, 0.16),
    0 0 14px rgba(255, 95, 0, 0.14) !important;
}

/* نصوص وصف المنتج */
.product__description strong {
  background: linear-gradient(90deg, #FF5F00 0%, #FF8A13 55%, #FFD08A 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-weight: 900 !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(17, 24, 39, 0.74) !important;
  border: 1px solid rgba(255, 138, 19, 0.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, 0.90) !important;
}

salla-cashback-banner .s-cashback-banner-value {
  color: #FFB14A !important;
  font-weight: 900 !important;
}

salla-cashback-banner .s-cashback-banner-icon {
  background: linear-gradient(135deg, #FF5F00, #FF8A13, #FFB14A) !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(255, 177, 74, 0.11), transparent 34%),
    radial-gradient(circle at 15% 85%, rgba(255, 95, 0, 0.13), transparent 32%),
    linear-gradient(180deg, rgba(17, 24, 39, 0.78), rgba(5, 10, 18, 0.86)) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 24px rgba(255, 95, 0, 0.07) !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, #FF5F00, #FF8A13, #FFD08A, transparent) !important;
  opacity: 0.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, 0.76) !important;
  line-height: 1.95 !important;
}

/* استجابة الجوال للعناصر الجديدة فقط */
@media (max-width: 768px) {
  body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .s-block__title h2,
  body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .section-title {
    font-size: 26px !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;
  }

  .mm-ocd__content {
    width: 84vw !important;
    max-width: 390px !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;
  }
}

@media (max-width: 430px) {
  .mm-ocd__content {
    width: 82vw !important;
    max-width: 360px !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, #070A12 0%, #08111F 52%, #070A12 100%) !important;
  border-left: 1px solid rgba(255, 106, 0, .34) !important;
  box-shadow: -12px 0 30px rgba(0, 0, 0, .38) !important;
}

nav#mobile-menu.mm-spn {
  --cr-header-h: 88px;
  --cr-list-gap: 42px;
  --cr-card-x: 16px;
  --cr-card-gap: 12px;
  --cr-card-h: 60px;
  --cr-card-radius: 18px;
  width: 100% !important;
  max-width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
  color: #ffffff !important;
  font-family: "Cairo", sans-serif !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 0% 20%, rgba(255, 177, 74, .14), transparent 32%),
    radial-gradient(circle at 100% 10%, rgba(255, 106, 0, .12), transparent 30%),
    linear-gradient(180deg, #070A12 0%, #08111F 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(--cr-header-h) !important;
  line-height: var(--cr-header-h) !important;
  padding: 0 64px !important;
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(7, 10, 18, .98), rgba(7, 10, 18, .93)) !important;
  color: #ffffff !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(255, 106, 0, .18) !important;
  border-bottom: 2px solid transparent !important;
  border-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(34, 211, 238, .36) 18%,
    rgba(255, 177, 74, .62) 50%,
    rgba(255, 106, 0, .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: #FF5F00 !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: #ffffff !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(--cr-header-h) !important;
}

nav#mobile-menu.mm-spn ul {
  width: 130% !important;
  min-width: 130% !important;
  max-width: 130% !important;
  padding-top: var(--cr-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(255, 177, 74, .10), transparent 34%),
    linear-gradient(180deg, #070A12 0%, #08111F 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(255, 106, 0, .10), transparent 32%),
    linear-gradient(180deg, #070A12 0%, #08111F 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(--cr-card-h) !important;
  padding: 0 44px !important;
  margin: 0 var(--cr-card-x) var(--cr-card-gap) !important;
  border-radius: var(--cr-card-radius) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 106, 0, .075)) !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::before,
nav#mobile-menu.mm-spn li > span::before {
  display: none !important;
  content: none !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, #FF5F00, #FFB14A) !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, .048), rgba(255, 177, 74, .065)) !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(255, 106, 0, .32) !important;
  background: linear-gradient(135deg, rgba(255, 106, 0, .13), rgba(255, 177, 74, .09)) !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(255, 106, 0, .38) !important;
  background: linear-gradient(135deg, rgba(255, 106, 0, .14), rgba(255, 177, 74, .10)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 10px 20px rgba(0, 0, 0, .20) !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: #FFD08A !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, #FF5F00, #FFB14A) !important;
  border-radius: 20px !important;
}

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

  nav#mobile-menu.mm-spn {
    --cr-header-h: 92px;
    --cr-list-gap: 44px;
    --cr-card-x: 20px;
    --cr-card-h: 64px;
    --cr-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 (max-width: 768px) {
  .mm-ocd__content {
    width: 84vw !important;
    max-width: 390px !important;
  }

  nav#mobile-menu.mm-spn {
    --cr-header-h: 88px;
    --cr-list-gap: 42px;
    --cr-card-x: 14px;
    --cr-card-gap: 12px;
    --cr-card-h: 60px;
    --cr-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;
  }
}

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

  nav#mobile-menu.mm-spn {
    --cr-header-h: 84px;
    --cr-list-gap: 40px;
    --cr-card-x: 12px;
    --cr-card-gap: 11px;
    --cr-card-h: 58px;
    --cr-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;
  }
}

/* =========================================================
   TAZ PLUS — صفحة سلة المشتريات مثل المرجع بهوية تاز
   تعديل السلة فقط — لا يلمس أي قسم آخر
========================================================= */

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(255, 138, 19, 0.10), transparent 34%) padding-box,
    linear-gradient(160deg, rgba(19, 22, 40, 0.98), rgba(7, 12, 22, 0.99)) padding-box,
    linear-gradient(
      90deg,
      #ff5f00 0%,
      #ff8a13 32%,
      #ffd08a 52%,
      #ff8a13 74%,
      #ff5f00 100%
    ) border-box !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.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: #ffffff !important;
  -webkit-text-fill-color: #ffffff !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) {
  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;
  }
}