/* زر أضف للسلة - احترافي وخفيف للمنتجات الرقمية */
.s-product-card-entry .s-button-btn,
.s-product-card-entry .s-button-element,
.s-product-card-entry button[type="button"],
.s-product-card-entry button[type="submit"] {
  background: linear-gradient(135deg, #168BFF 0%, #38C7FF 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(120, 215, 255, 0.55) !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 10px rgba(56, 199, 255, 0.28),
    0 6px 16px rgba(0, 0, 0, 0.22) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  min-height: 44px !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

/* لمعان ناعم جدًا داخل الزر */
.s-product-card-entry .s-button-btn::before,
.s-product-card-entry .s-button-element::before,
.s-product-card-entry button[type="button"]::before,
.s-product-card-entry button[type="submit"]::before {
  content: "";
  position: absolute;
  top: 0;
  right: -80%;
  width: 45%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.28),
    transparent
  );
  transform: skewX(-18deg);
  animation: softButtonShine 3.8s ease-in-out infinite;
  pointer-events: none;
}

/* عند اللمس/المرور */
.s-product-card-entry .s-button-btn:hover,
.s-product-card-entry .s-button-element:hover,
.s-product-card-entry button[type="button"]:hover,
.s-product-card-entry button[type="submit"]:hover {
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #1E9BFF 0%, #55D8FF 100%) !important;
  box-shadow:
    0 0 14px rgba(56, 199, 255, 0.38),
    0 8px 18px rgba(0, 0, 0, 0.25) !important;
}

/* عند الضغط */
.s-product-card-entry .s-button-btn:active,
.s-product-card-entry .s-button-element:active,
.s-product-card-entry button[type="button"]:active,
.s-product-card-entry button[type="submit"]:active {
  transform: scale(0.98) !important;
  box-shadow:
    0 0 8px rgba(56, 199, 255, 0.25),
    0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

/* أيقونة السلة داخل الزر */
.s-product-card-entry .s-button-btn svg,
.s-product-card-entry .s-button-element svg,
.s-product-card-entry button svg {
  color: #ffffff !important;
  fill: none !important;
  stroke: #ffffff !important;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.35));
}

/* حركة اللمعة */
@keyframes softButtonShine {
  0% {
    right: -80%;
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  60% {
    right: 130%;
    opacity: 0;
  }
  100% {
    right: 130%;
    opacity: 0;
  }
}

/* تحسين للجوال */
@media (max-width: 768px) {
  .s-product-card-entry .s-button-btn,
  .s-product-card-entry .s-button-element,
  .s-product-card-entry button[type="button"],
  .s-product-card-entry button[type="submit"] {
    min-height: 42px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
    box-shadow:
      0 0 8px rgba(56, 199, 255, 0.25),
      0 5px 14px rgba(0, 0, 0, 0.22) !important;
  }
}
.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;
  text-align: right;
  margin: 0 0 0 16px;

  background: linear-gradient(
    120deg,
    #ffffff,
    #d8f5ff,
    #67d4ff,
    #1fa8ff,
    #67d4ff,
    #ffffff
  );

  background-size: 260% 260%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: crunchBlueTextFlow 5.5s ease-in-out infinite;
  font-weight: 800;
}

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

/* عناوين الأقسام */
.dark .s-block__title h2 {
  color: #1fa8ff;

  background: linear-gradient(
    120deg,
    #ffffff,
    #d8f5ff,
    #67d4ff,
    #1fa8ff,
    #67d4ff,
    #ffffff
  );

  background-size: 260% 260%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: crunchBlueTitleFlow 5.5s ease-in-out infinite;

  font-weight: 900;
  letter-spacing: .2px;
}

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

/* توهج خفيف وغير مزعج للنصوص والعناوين */
.dark .s-block__title h2,
.rtl .s-installment-mispay-content-text,
.rtl .s-installment-madfu-content-text,
.rtl .s-installment-emkan-content-text,
.rtl .s-installment-rajehi-content-text {
  filter:
    drop-shadow(0 0 5px rgba(31, 168, 255, .34))
    drop-shadow(0 0 12px rgba(31, 168, 255, .16));
}

/* ===============================
   BUTTON – CRUNCH BLUE NEON
   =============================== */

.btn-text {
  color: #ffffff !important;
}

.btn,
.btn-primary,
.s-button-primary {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex: 1 1 0%;
  font-family: var(--font-main);
  font-size: .875rem;
  line-height: 1.25rem;
  padding: .58rem 1.5rem .68rem;
  border-radius: .85rem;
  white-space: nowrap;

  color: #ffffff !important;
  border: 1px solid rgba(187, 237, 255, .42) !important;

  background: linear-gradient(
    135deg,
    #168ff0 0%,
    #1fa8ff 42%,
    #36c7ff 100%
  );

  background-size: 220% 220%;
  animation: crunchBtnBlueFlow 5s ease-in-out infinite;

  box-shadow:
    0 0 10px rgba(31, 168, 255, .30),
    0 0 22px rgba(54, 199, 255, .18),
    inset 0 1px 0 rgba(255, 255, 255, .24);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;

  position: relative;
  overflow: hidden;
}

/* حركة ناعمة للزر */
@keyframes crunchBtnBlueFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* لمعة خفيفة داخل الزر */
.btn::before,
.btn-primary::before,
.s-button-primary::before {
  content: "";
  position: absolute;
  top: 0;
  right: -70%;
  width: 55%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, .24),
    transparent
  );
  transform: skewX(-18deg);
  animation: crunchBtnShine 4.8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes crunchBtnShine {
  0% {
    right: -70%;
  }
  45% {
    right: 125%;
  }
  100% {
    right: 125%;
  }
}

/* Hover – توهج نيون مرتب */
.btn:hover,
.btn-primary:hover,
.s-button-primary:hover {
  box-shadow:
    0 0 12px rgba(31, 168, 255, .48),
    0 0 28px rgba(54, 199, 255, .34),
    0 0 44px rgba(31, 168, 255, .18),
    inset 0 1px 0 rgba(255, 255, 255, .30);

  transform: translateY(-2px);
  filter: brightness(1.04);
}

/* Active – ضغط */
.btn:active,
.btn-primary:active,
.s-button-primary:active {
  transform: scale(.97);
  box-shadow:
    0 0 8px rgba(31, 168, 255, .38),
    inset 0 2px 8px rgba(0, 0, 0, .18);
}

h3 {
  color: #ffffff !important;
}
/* ===============================
   Breadcrumb Text + Arrows
   Crunch Blue Neon
   =============================== */

.s-breadcrumb-wrapper,
.s-breadcrumb,
.breadcrumb,
ol.breadcrumb,
nav[aria-label="breadcrumb"] {
  color: #67D4FF !important;
}

/* النصوص والروابط */
.s-breadcrumb-wrapper a,
.s-breadcrumb-wrapper span,
.s-breadcrumb a,
.s-breadcrumb span,
.breadcrumb a,
.breadcrumb span,
.breadcrumb li,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item span,
ol.breadcrumb li,
ol.breadcrumb li a,
nav[aria-label="breadcrumb"] a,
nav[aria-label="breadcrumb"] span,
nav[aria-label="breadcrumb"] li {
  color: #67D4FF !important;
  -webkit-text-fill-color: #67D4FF !important;
  text-shadow:
    0 0 5px rgba(31, 168, 255, .45),
    0 0 12px rgba(31, 168, 255, .22) !important;
  font-weight: 800 !important;
}

/* الأسهم إذا كانت SVG */
.s-breadcrumb-wrapper svg,
.s-breadcrumb svg,
.breadcrumb svg,
.breadcrumb-item svg,
ol.breadcrumb svg,
nav[aria-label="breadcrumb"] svg {
  color: #67D4FF !important;
  fill: #67D4FF !important;
  stroke: #67D4FF !important;
  opacity: 1 !important;
  filter:
    drop-shadow(0 0 5px rgba(31, 168, 255, .45))
    drop-shadow(0 0 12px rgba(31, 168, 255, .22)) !important;
}

/* الأسهم إذا كانت pseudo element */
.s-breadcrumb-wrapper li::before,
.s-breadcrumb-wrapper li::after,
.s-breadcrumb li::before,
.s-breadcrumb li::after,
.breadcrumb li::before,
.breadcrumb li::after,
.breadcrumb-item::before,
.breadcrumb-item::after,
ol.breadcrumb li::before,
ol.breadcrumb li::after {
  color: #67D4FF !important;
  -webkit-text-fill-color: #67D4FF !important;
  opacity: 1 !important;
  text-shadow:
    0 0 5px rgba(31, 168, 255, .45),
    0 0 12px rgba(31, 168, 255, .22) !important;
}

/* في حال السهم له كلاس مستقل */
.s-breadcrumb__separator,
.breadcrumb__separator,
.breadcrumb-separator,
.separator,
.sicon-keyboard_arrow_left,
.sicon-keyboard_arrow_right,
.sicon-arrow-left,
.sicon-arrow-right {
  color: #67D4FF !important;
  -webkit-text-fill-color: #67D4FF !important;
  opacity: 1 !important;
  text-shadow:
    0 0 5px rgba(31, 168, 255, .45),
    0 0 12px rgba(31, 168, 255, .22) !important;
}

/* لو السهم مرسوم كـ border */
.breadcrumb-item + .breadcrumb-item::before,
.s-breadcrumb-item + .s-breadcrumb-item::before {
  color: #67D4FF !important;
  -webkit-text-fill-color: #67D4FF !important;
  opacity: 1 !important;
}


/* ===============================
   CRUNCH MENU - EXACT REFERENCE STYLE
   =============================== */

/* الخلفية الخارجية */
.mm-wrapper_opened,
.mm-wrapper,
.mm-menu,
.s-side-menu,
.s-menu-modal,
.s-drawer,
.s-drawer-wrapper,
.mobile-menu {
  background: #061121 !important;
  color: #ffffff !important;
}

/* صندوق القائمة نفسه مثل المرجع */
.mm-menu,
.s-side-menu,
.s-menu-modal,
.s-drawer-wrapper,
.mobile-menu {
  width: calc(100% - 36px) !important;
  max-width: 430px !important;
  height: calc(100% - 28px) !important;
  margin: 14px 18px !important;

  background:
    radial-gradient(circle at 14% 42%, rgba(31,168,255,.10), transparent 38%),
    radial-gradient(circle at 90% 88%, rgba(31,168,255,.07), transparent 42%),
    linear-gradient(180deg, #08182f 0%, #061121 100%) !important;

  border-radius: 22px !important;
  border: 1px solid rgba(103,212,255,.14) !important;

  box-shadow:
    0 0 28px rgba(0,0,0,.36),
    0 0 18px rgba(31,168,255,.08),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  overflow: hidden !important;
}

/* اللوحة الداخلية */
.mm-panel,
.s-side-menu .s-drawer-content,
.s-menu-modal .s-drawer-content,
.mobile-menu .menu-content {
  background: transparent !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

/* رأس القائمة */
.mm-navbar,
.s-side-menu .s-drawer-header,
.s-menu-modal .s-drawer-header,
.mobile-menu .menu-header {
  height: 74px !important;
  min-height: 74px !important;
  padding: 0 22px !important;

  background: rgba(6,17,33,.78) !important;
  border-bottom: 1px solid rgba(216,245,255,.14) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  color: #ffffff !important;
}

/* عنوان القائمة الرئيسية */
.mm-navbar *,
.s-side-menu .s-drawer-header *,
.s-menu-modal .s-drawer-header *,
.mobile-menu .menu-header * {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* زر الإغلاق */
.mm-btn_close,
.s-side-menu button,
.s-menu-modal button,
.mobile-menu button {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* القائمة */
.mm-listview,
.s-side-menu ul,
.s-menu-modal ul,
.mobile-menu ul {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  width: 100% !important;
}

/* صف القائمة */
.mm-listitem,
.s-side-menu li,
.s-menu-modal li,
.mobile-menu li {
  position: relative !important;
  min-height: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border-bottom: 1px solid rgba(216,245,255,.12) !important;

  overflow: visible !important;
}

/* النص */
.mm-listitem > a,
.mm-listitem > span,
.s-side-menu li > a,
.s-side-menu li > span,
.s-menu-modal li > a,
.s-menu-modal li > span,
.mobile-menu li > a,
.mobile-menu li > span {
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: 0 24px 0 74px !important;

  color: #ffffff !important;
  background: transparent !important;
  text-decoration: none !important;

  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-align: right !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  text-shadow:
    0 0 5px rgba(31,168,255,.12),
    0 0 10px rgba(31,168,255,.06) !important;

  transition:
    background .22s ease,
    color .22s ease,
    text-shadow .22s ease !important;
}

/* التب الأزرق يسار مثل البنفسجي بالمرجع */
.mm-listitem::before,
.s-side-menu li::before,
.s-menu-modal li::before,
.mobile-menu li::before {
  content: "";
  position: absolute !important;
  left: -1px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 28px !important;
  height: 52px !important;

  background: linear-gradient(135deg, #1FA8FF 0%, #36C7FF 100%) !important;
  border-radius: 0 12px 12px 0 !important;

  box-shadow:
    0 0 10px rgba(31,168,255,.35),
    0 0 22px rgba(54,199,255,.18) !important;

  opacity: .95 !important;
  z-index: 2 !important;

  transition:
    width .22s ease,
    box-shadow .22s ease !important;
}

/* عند الضغط يمتد التب شوي لليمين مثل المرجع */
.mm-listitem:hover::before,
.mm-listitem:active::before,
.mm-listitem:focus-within::before,
.mm-listitem.mm-listitem_selected::before,
.mm-listitem.mm-listitem_opened::before,
.s-side-menu li:hover::before,
.s-side-menu li:active::before,
.s-side-menu li:focus-within::before,
.s-side-menu li.active::before,
.s-menu-modal li:hover::before,
.s-menu-modal li:active::before,
.s-menu-modal li:focus-within::before,
.s-menu-modal li.active::before,
.mobile-menu li:hover::before,
.mobile-menu li:active::before,
.mobile-menu li:focus-within::before,
.mobile-menu li.active::before {
  width: 58px !important;
  box-shadow:
    0 0 14px rgba(31,168,255,.48),
    0 0 28px rgba(54,199,255,.25) !important;
}

/* تأثير الصف عند الضغط */
.mm-listitem:hover > a,
.mm-listitem:active > a,
.mm-listitem:focus-within > a,
.mm-listitem.mm-listitem_selected > a,
.mm-listitem.mm-listitem_opened > a,
.s-side-menu li:hover > a,
.s-side-menu li:active > a,
.s-side-menu li:focus-within > a,
.s-side-menu li.active > a,
.s-menu-modal li:hover > a,
.s-menu-modal li:active > a,
.s-menu-modal li:focus-within > a,
.s-menu-modal li.active > a,
.mobile-menu li:hover > a,
.mobile-menu li:active > a,
.mobile-menu li:focus-within > a,
.mobile-menu li.active > a {
  background:
    linear-gradient(
      90deg,
      rgba(31,168,255,.14),
      rgba(31,168,255,.05),
      transparent
    ) !important;

  color: #ffffff !important;

  text-shadow:
    0 0 7px rgba(31,168,255,.42),
    0 0 16px rgba(31,168,255,.16) !important;
}

/* السهم داخل التب */
.mm-btn_next,
.mm-listitem__btn,
.mm-listitem > a:not(:only-child)::after,
.s-side-menu li > a::after,
.s-menu-modal li > a::after,
.mobile-menu li > a::after {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;

  width: 9px !important;
  height: 9px !important;

  border: solid rgba(255,255,255,.78) !important;
  border-width: 0 2px 2px 0 !important;

  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  z-index: 5 !important;

  transform: translateY(-50%) rotate(135deg) !important;
}

/* إزالة خلفية أزرار الأسهم الافتراضية */
.mm-listitem__btn,
.mm-btn_next,
.mm-btn_prev {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* لو فيه شعار داخل القائمة */
.mm-panel img,
.s-side-menu img,
.s-menu-modal img,
.mobile-menu img {
  max-height: 68px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 18px auto !important;

  filter:
    drop-shadow(0 0 8px rgba(31,168,255,.18))
    drop-shadow(0 0 14px rgba(31,168,255,.08)) !important;
}

/* منع قص الصندوق والنصوص */
.mm-menu *,
.s-side-menu *,
.s-menu-modal *,
.mobile-menu * {
  box-sizing: border-box !important;
}

/* للجوال */
@media (max-width: 768px) {
  .mm-menu,
  .s-side-menu,
  .s-menu-modal,
  .s-drawer-wrapper,
  .mobile-menu {
    width: calc(100% - 32px) !important;
    height: calc(100% - 24px) !important;
    margin: 12px 16px !important;
    border-radius: 22px !important;
  }

  .mm-navbar,
  .s-side-menu .s-drawer-header,
  .s-menu-modal .s-drawer-header,
  .mobile-menu .menu-header {
    height: 72px !important;
    min-height: 72px !important;
  }

  .mm-listitem,
  .s-side-menu li,
  .s-menu-modal li,
  .mobile-menu li {
    height: 62px !important;
    min-height: 62px !important;
  }

  .mm-listitem > a,
  .mm-listitem > span,
  .s-side-menu li > a,
  .s-side-menu li > span,
  .s-menu-modal li > a,
  .s-menu-modal li > span,
  .mobile-menu li > a,
  .mobile-menu li > span {
    height: 62px !important;
    min-height: 62px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    padding: 0 22px 0 72px !important;
  }

  .mm-listitem::before,
  .s-side-menu li::before,
  .s-menu-modal li::before,
  .mobile-menu li::before {
    width: 28px !important;
    height: 50px !important;
  }

  .mm-listitem:hover::before,
  .mm-listitem:active::before,
  .mm-listitem:focus-within::before,
  .mm-listitem.mm-listitem_selected::before,
  .mm-listitem.mm-listitem_opened::before,
  .s-side-menu li:hover::before,
  .s-side-menu li:active::before,
  .s-side-menu li:focus-within::before,
  .s-side-menu li.active::before,
  .s-menu-modal li:hover::before,
  .s-menu-modal li:active::before,
  .s-menu-modal li:focus-within::before,
  .s-menu-modal li.active::before,
  .mobile-menu li:hover::before,
  .mobile-menu li:active::before,
  .mobile-menu li:focus-within::before,
  .mobile-menu li.active::before {
    width: 56px !important;
  }
}

/* ===============================
   CRUNCH PLUS FOOTER - CSS ONLY
   =============================== */

/* خلفية الفوتر بالكامل */
footer,
.s-footer,
.store-footer {
  background: #061121 !important;
  color: #ffffff !important;
  padding: 26px 12px 20px !important;
  overflow: hidden !important;
}

/* صندوق الفوتر الداخلي نفس فكرة المرجع */
footer .container,
.s-footer .container,
.store-footer .container,
.store-footer__inner,
.s-footer__inner,
.footer__inner {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 38px 18px 26px !important;
  border-radius: 34px !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;

  background:
    radial-gradient(circle at 16% 20%, rgba(31,168,255,.18), transparent 36%),
    radial-gradient(circle at 88% 82%, rgba(54,199,255,.10), transparent 42%),
    linear-gradient(180deg, rgba(8,29,55,.96), rgba(6,17,33,.98)) !important;

  border: 1px solid rgba(103,212,255,.24) !important;

  box-shadow:
    0 0 26px rgba(31,168,255,.10),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* الشريط العلوي الأزرق مثل المرجع */
footer .container::before,
.s-footer .container::before,
.store-footer .container::before,
.store-footer__inner::before,
.s-footer__inner::before,
.footer__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 48%;
  height: 26px;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(135deg, #1FA8FF, #36C7FF);
  box-shadow:
    0 0
  html,
body {
  overflow-x: hidden !important;
  overscroll-behavior-x: none !important;
}

.mm-menu,
.mm-panel,
.s-side-menu,
.s-menu-modal,
.s-drawer,
.s-drawer-wrapper,
.mobile-menu {
  overflow-x: hidden !important;
  touch-action: pan-y !important;
  overscroll-behavior-x: none !important;
}