/* ==========================================================================
   WFR | وفر  ·  تخصيص ثيم ملاك على منصة سلة  ·  ملف CSS  ·  v1.0
   --------------------------------------------------------------------------
   مكان اللصق:
   تصميم المتجر ← ثيم ملاك (...) ← تخصيص النسخة ← تخصيص الثيم
   ← التخصيص باستخدام CSS ← الصق الكود كامل ← حفظ التغييرات

   الأقسام (كل قسم مستقل، تقدر تحذف أي قسم ما تبيه):
     1) ألوان الهوية             7) نظام الندرة (يشتغل مع ملف JS)
     2) الطبقة الداكنة            8) صفحة المنتج
     3) الهيدر والقائمة           9) الفوتر
     4) العناوين                 10) عناصر WFR المضافة بالـ JS
     5) الأزرار                  11) الحقول والنوافذ
     6) بطاقات المنتجات          12) الجوال وتقليل الحركة
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');


/* ── 1) ألوان الهوية ─────────────────────────────────────────────────────── */
html:root {
  color-scheme: dark;

  --wfr-bg: #0A0714;
  --wfr-bg-deep: #07050F;
  --wfr-surface: #130D24;
  --wfr-surface-2: #1B1333;
  --wfr-line: #2A2045;
  --wfr-line-strong: #3A2C5E;
  --wfr-text: #F4EEFF;
  --wfr-muted: #A79CC4;
  --wfr-dim: #6E6390;
  --wfr-gold: #FFB33A;
  --wfr-ink: #1A0F00;

  --wfr-mythic: #F7C948;
  --wfr-legendary: #FF8A1F;
  --wfr-epic: #B35CFF;
  --wfr-rare: #3AA0FF;

  --wfr-grad-gold: linear-gradient(135deg, #FFE7A3 0%, #FFB33A 45%, #E2590B 100%);
  --wfr-grad-btn: linear-gradient(135deg, #FFC765 0%, #FF9A2E 50%, #F06A0F 100%);
  --wfr-radius: 18px;
  --wfr-display: 'Lalezar', var(--font-main, sans-serif), system-ui, sans-serif;

  /* متغيرات سلة الأساسية: تلوّن الأزرار والروابط اللي يرسمها الثيم */
  --color-primary: #FF8A1F;
  --color-primary-dark: #E2590B;
  --color-primary-light: #FFB33A;
  --color-primary-reverse: #1A0F00;
}

/* متغيرات ثيم ملاك نفسه (الهيدر والقائمة والفوتر يقرون ألوانهم منها) */
html:root,
html body,
body .store-header,
body .header-inner,
body .store-footer,
body footer {
  --bg-color: #0A0714 !important;
  --header-bg: #0A0714 !important;
  --menu-bg: #130D24 !important;
  --footer-bg: #07050F !important;
  --theme-primary-color: #FF8A1F !important;
  --swiper-theme-color: #FFB33A !important;
}


/* ── 2) الطبقة الداكنة ───────────────────────────────────────────────────
   تحوّل الثيم الفاتح إلى داكن. إذا تبي متجرك فاتح احذف هذا القسم كامل.
   ──────────────────────────────────────────────────────────────────────── */
html body {
  background-color: var(--wfr-bg) !important;
  background-image:
    radial-gradient(1200px 520px at 85% -10%, rgba(179, 92, 255, .14), transparent 60%),
    radial-gradient(900px 480px at 0% 0%, rgba(255, 138, 31, .10), transparent 60%) !important;
  background-attachment: fixed !important;
  color: var(--wfr-text) !important;
}
body .app-inner,
body #main-content,
body main { background-color: transparent !important; }

body .bg-white,
body .bg-gray-50,
body .bg-gray-100,
body .bg-light,
body .bg-body { background-color: var(--wfr-surface) !important; }
body .bg-gray-200 { background-color: var(--wfr-surface-2) !important; }

body .text-black,
body .text-dark,
body .text-gray-900,
body .text-gray-800,
body .text-gray-700 { color: var(--wfr-text) !important; }
body .text-gray-600,
body .text-gray-500,
body .text-gray-400 { color: var(--wfr-muted) !important; }

body *,
body *::before,
body *::after { border-color: var(--wfr-line); }
body .border-gray-100,
body .border-gray-200,
body .border-gray-300 { border-color: var(--wfr-line) !important; }

body a:not([class*="s-button"]):hover { color: var(--wfr-gold); }
::selection { background: rgba(255, 179, 58, .35); color: #FFFFFF; }


/* ── 3) الهيدر والقائمة ─────────────────────────────────────────────────── */
body header,
body .store-header,
body .main-nav-container,
body .top-navbar {
  background-color: rgba(10, 7, 20, .96) !important;
  border-color: var(--wfr-line) !important;
  color: var(--wfr-text) !important;
}
body header { box-shadow: 0 1px 0 var(--wfr-line), 0 12px 30px -20px rgba(0, 0, 0, .8); }
body header a,
body header button,
body header i[class*="sicon-"] { color: var(--wfr-text); }
body header a:hover,
body header button:hover { color: var(--wfr-gold) !important; }

/* عداد السلة */
body .s-cart-summary-count {
  background: var(--wfr-grad-gold) !important;
  color: var(--wfr-ink) !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 2px var(--wfr-bg);
}


/* ── 4) العناوين ─────────────────────────────────────────────────────────── */
body main h1,
body main h2:not(.s-product-card-content-title),
body .s-slider-block__title h2,
body .s-block__title h2 {
  font-family: var(--wfr-display) !important;
  font-weight: 400 !important;           /* خط Lalezar وزنه واحد، لا تخليه bold */
  letter-spacing: 0 !important;
  color: var(--wfr-text) !important;
  text-shadow: 0 0 26px rgba(255, 138, 31, .28);
}
body .s-slider-block__display-all,
body .s-block__display-all { color: var(--wfr-gold) !important; font-weight: 700; }


/* ── 5) الأزرار ─────────────────────────────────────────────────────────── */
body .s-button-primary:not(.s-button-outline):not(.s-button-link),
body .btn--primary,
body .btn-primary {
  background: var(--wfr-grad-btn) !important;
  color: var(--wfr-ink) !important;
  border: 0 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px -12px rgba(255, 138, 31, .9), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
body .s-button-primary:not(.s-button-outline):not(.s-button-link) *,
body .btn--primary *,
body .btn-primary * { color: inherit !important; }
body .s-button-primary:not(.s-button-outline):not(.s-button-link):hover,
body .btn--primary:hover,
body .btn-primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
body .s-button-primary:active,
body .btn--primary:active,
body .btn-primary:active { transform: translateY(0) scale(.98); }

body .s-button-outline,
body .btn--outline {
  background: transparent !important;
  color: var(--wfr-gold) !important;
  border: 1px solid rgba(255, 179, 58, .5) !important;
}
body .s-button-outline:hover,
body .btn--outline:hover { background: rgba(255, 179, 58, .1) !important; }

body .s-button-element[disabled],
body .s-button-element.s-button-disabled { filter: grayscale(.6); opacity: .6; box-shadow: none !important; }

body .s-button-element:focus-visible,
body button:focus-visible,
body a:focus-visible { outline: 2px solid var(--wfr-gold) !important; outline-offset: 2px; }


/* ── 6) بطاقات المنتجات ─────────────────────────────────────────────────
   الكلاسات هنا هي كلاسات بطاقة المنتج الرسمية في سلة (s-product-card-*)
   ──────────────────────────────────────────────────────────────────────── */
body .s-product-card-entry {
  --wfr-c: var(--wfr-line-strong);
  --wfr-c-soft: rgba(124, 92, 255, .20);
  --wfr-c-line: rgba(124, 92, 255, .35);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(180deg, var(--wfr-surface-2) 0%, var(--wfr-surface) 100%) !important;
  border: 1px solid var(--wfr-line) !important;
  border-radius: var(--wfr-radius) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .35s ease;
}
body .s-product-card-entry:hover {
  border-color: var(--wfr-c) !important;
  box-shadow: 0 22px 46px -24px var(--wfr-c), 0 0 0 1px var(--wfr-c-line) !important;
  transform: perspective(900px) rotateX(var(--wfr-rx, 0deg)) rotateY(var(--wfr-ry, 0deg)) translateY(-4px);
}

body .s-product-card-image,
body .s-product-card-image-full {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(120% 85% at 50% 18%, var(--wfr-c-soft), transparent 70%),
    var(--wfr-surface-2) !important;
}
body .s-product-card-image img { transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
body .s-product-card-entry:hover .s-product-card-image img { transform: scale(1.06); }

body .s-product-card-content { background: transparent !important; }
body .s-product-card-content-title,
body .s-product-card-content-title a {
  color: var(--wfr-text) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
body .s-product-card-content-subtitle { color: var(--wfr-muted) !important; }

body .s-product-card-price,
body .s-product-card-sale-price h4,
body .s-product-card-starting-price h4 {
  color: var(--wfr-gold) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}
body .s-product-card-sale-price span {
  color: var(--wfr-dim) !important;
  text-decoration: line-through;
}
body .s-product-card-rating { color: var(--wfr-muted) !important; }

/* شارة العنوان الترويجي (مثل: خصم، جديد) */
body .s-product-card-promotion-title {
  background: var(--wfr-grad-gold) !important;
  color: var(--wfr-ink) !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px -6px rgba(255, 138, 31, .7);
}

/* زر المفضلة */
body .s-product-card-wishlist-btn {
  background: rgba(10, 7, 20, .6) !important;
  border: 1px solid var(--wfr-line) !important;
  color: var(--wfr-text) !important;
}
body .s-product-card-wishlist-btn.s-product-card-wishlist-added,
body .s-product-card-wishlist-added i { color: #FF4D6D !important; }

/* زر الإضافة للسلة داخل البطاقة */
body .s-product-card-content-footer .s-button-element {
  border-radius: 12px !important;
  min-height: 42px;
}

/* نفذت الكمية */
body .s-product-card-out-of-stock { filter: grayscale(.7); opacity: .72; }


/* ── 7) نظام الندرة ──────────────────────────────────────────────────────
   ملف JS يضيف كلاس الندرة للبطاقة إذا لقى كلمة (خرافي/أسطوري/ملحمي/نادر)
   في العنوان الترويجي للمنتج أو في اسمه.
   ──────────────────────────────────────────────────────────────────────── */
body .s-product-card-entry.wfr-r-mythic    { --wfr-c: var(--wfr-mythic);    --wfr-c-soft: rgba(247, 201, 72, .30); --wfr-c-line: rgba(247, 201, 72, .55); }
body .s-product-card-entry.wfr-r-legendary { --wfr-c: var(--wfr-legendary); --wfr-c-soft: rgba(255, 138, 31, .30); --wfr-c-line: rgba(255, 138, 31, .55); }
body .s-product-card-entry.wfr-r-epic      { --wfr-c: var(--wfr-epic);      --wfr-c-soft: rgba(179, 92, 255, .30); --wfr-c-line: rgba(179, 92, 255, .55); }
body .s-product-card-entry.wfr-r-rare      { --wfr-c: var(--wfr-rare);      --wfr-c-soft: rgba(58, 160, 255, .28); --wfr-c-line: rgba(58, 160, 255, .55); }

body .s-product-card-entry[class*="wfr-r-"] { border-color: var(--wfr-c-line) !important; }
body .s-product-card-entry.wfr-r-mythic { animation: wfr-pulse 3.2s ease-in-out infinite; }

/* شارة الندرة أسفل الصورة */
.wfr-chip {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  inset-inline-start: 10px;
  padding: 3px 10px 4px;
  border-radius: 999px;
  font: 800 11px/1.2 var(--font-main, sans-serif), sans-serif;
  letter-spacing: .02em;
  color: var(--wfr-ink);
  background: var(--wfr-c);
  box-shadow: 0 6px 16px -6px var(--wfr-c);
  pointer-events: none;
}
/* خط لون الندرة تحت الصورة */
.s-product-card-entry[class*="wfr-r-"] .s-product-card-image::after,
.s-product-card-entry[class*="wfr-r-"] .s-product-card-image-full::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: auto 0 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--wfr-c), transparent);
  pointer-events: none;
}
/* أشعة الضوء خلف المنتج */
.wfr-rays {
  position: absolute;
  z-index: 1;
  inset: -45%;
  background: repeating-conic-gradient(from 0deg, rgba(255, 255, 255, .09) 0deg 5deg, transparent 5deg 16deg);
  -webkit-mask-image: radial-gradient(circle, #000 0 18%, transparent 58%);
  mask-image: radial-gradient(circle, #000 0 18%, transparent 58%);
  mix-blend-mode: screen;
  opacity: .8;
  animation: wfr-spin 48s linear infinite;
  pointer-events: none;
}
/* لمعة تمر على البطاقات الخرافية والأسطورية */
.wfr-shine {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(115deg, transparent 35%, rgba(255, 240, 200, .30) 50%, transparent 65%);
  background-size: 250% 100%;
  mix-blend-mode: screen;
  animation: wfr-shine 3.8s ease-in-out infinite;
  pointer-events: none;
}
.wfr-hidden { display: none !important; }

@keyframes wfr-spin  { to { transform: rotate(360deg); } }
@keyframes wfr-shine { 0% { background-position: 150% 0; } 55%, 100% { background-position: -60% 0; } }
@keyframes wfr-pulse {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 0 0 0 rgba(247, 201, 72, 0); }
  50%      { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 0 26px -6px rgba(247, 201, 72, .55); }
}


/* ── 8) صفحة المنتج ─────────────────────────────────────────────────────
   أسماء الكلاسات هنا تختلف من ثيم لثيم. إذا ما تغيّر لون السعر عندك
   استخدم "فحص العنصر" وبدّل الكلاس (الطريقة في دليل التركيب).
   ──────────────────────────────────────────────────────────────────────── */
body .product-price,
body .total-price { color: var(--wfr-gold) !important; font-weight: 800 !important; }
body .before-price { color: var(--wfr-dim) !important; text-decoration: line-through; }
body salla-add-product-button .s-button-element { min-height: 50px; border-radius: 14px !important; font-size: 1rem; }


/* ── 9) الفوتر ──────────────────────────────────────────────────────────── */
body footer,
body .store-footer {
  position: relative;
  background-color: var(--wfr-bg-deep) !important;
  color: var(--wfr-muted) !important;
  border-top: 1px solid var(--wfr-line) !important;
}
body footer::before,
body .store-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--wfr-gold), transparent);
  opacity: .55;
  pointer-events: none;
}
body footer a,
body .store-footer a { color: var(--wfr-text) !important; }
body footer a:hover,
body .store-footer a:hover { color: var(--wfr-gold) !important; }


/* ── 10) عناصر WFR المضافة بالـ JS ──────────────────────────────────────── */
/* الشريط العلوي: عداد تجدد المتجر + كود الخصم */
.wfr-topbar {
  position: relative;
  z-index: 60;
  color: #FFE7C2;
  background: linear-gradient(90deg, #2A1408 0%, #3B1A06 30%, #2A1650 70%, #140A2A 100%);
  border-bottom: 1px solid rgba(255, 179, 58, .25);
  font: 600 13px/1.5 var(--font-main, sans-serif), sans-serif;
}
.wfr-topbar__in {
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 18px;
  text-align: center;
}
.wfr-topbar__item { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center; }
.wfr-topbar__item svg { width: 16px; height: 16px; color: var(--wfr-gold); flex: none; }
.wfr-topbar__sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 231, 194, .45); }
.wfr-countdown {
  direction: ltr;
  display: inline-block;
  min-width: 76px;
  padding: 1px 8px;
  border-radius: 8px;
  border: 1px solid rgba(255, 179, 58, .35);
  background: rgba(0, 0, 0, .35);
  color: #FFD27A;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
}
.wfr-coupon {
  font: inherit;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--wfr-ink);
  background: var(--wfr-grad-gold);
  border: 0;
  border-radius: 8px;
  padding: 2px 10px;
  cursor: pointer;
}
.wfr-coupon:hover { filter: brightness(1.08); }
.wfr-coupon:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }

/* شريط الثقة في الرئيسية */
.wfr-trust { max-width: 1280px; margin: 28px auto; padding: 0 16px; }
.wfr-trust__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.wfr-trust__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--wfr-surface);
  border: 1px solid var(--wfr-line);
}
.wfr-trust__icon {
  flex: none;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--wfr-gold);
  background: rgba(255, 179, 58, .12);
  border: 1px solid rgba(255, 179, 58, .22);
}
.wfr-trust__icon svg { width: 22px; height: 22px; }
.wfr-trust__txt { min-width: 0; }
.wfr-trust__txt b { display: block; color: var(--wfr-text); font-size: 14px; line-height: 1.4; }
.wfr-trust__txt span { display: block; color: var(--wfr-muted); font-size: 12px; line-height: 1.5; }

/* احتفال الإضافة للسلة */
.wfr-burst { position: fixed; z-index: 9999; width: 0; height: 0; pointer-events: none; }
.wfr-burst i {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--c);
  transform: translate(-50%, -50%);
  animation: wfr-burst .8s cubic-bezier(.2, .8, .2, 1) forwards;
}
@keyframes wfr-burst { to { transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)); opacity: 0; } }

/* تنبيه احتياطي إذا تنبيهات سلة غير متاحة */
.wfr-toast {
  position: fixed;
  z-index: 9999;
  left: 50%;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  padding: 10px 18px;
  border-radius: 12px;
  background: var(--wfr-surface-2);
  border: 1px solid var(--wfr-line-strong);
  color: var(--wfr-text);
  font: 600 14px/1.4 var(--font-main, sans-serif), sans-serif;
  box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .8);
}


/* ── 11) الحقول والنوافذ ───────────────────────────────────────────────── */
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body select,
body textarea,
body .s-form-control {
  background-color: var(--wfr-surface-2) !important;
  color: var(--wfr-text) !important;
  border-color: var(--wfr-line) !important;
}
body input::placeholder,
body textarea::placeholder { color: var(--wfr-dim) !important; }
body input:focus,
body select:focus,
body textarea:focus,
body .s-form-control:focus {
  border-color: var(--wfr-gold) !important;
  box-shadow: 0 0 0 3px rgba(255, 179, 58, .2) !important;
}
body .s-modal-body { background-color: var(--wfr-surface) !important; color: var(--wfr-text) !important; }

/* شريط التمرير */
html { scrollbar-color: var(--wfr-line-strong) var(--wfr-bg); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--wfr-bg); }
::-webkit-scrollbar-thumb { background: var(--wfr-line-strong); border-radius: 10px; border: 2px solid var(--wfr-bg); }


/* ── 12) الجوال وتقليل الحركة ──────────────────────────────────────────── */
@media (max-width: 900px) {
  .wfr-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .wfr-topbar { font-size: 12px; }
  .wfr-topbar__sep { display: none; }
  .wfr-trust { margin: 18px auto; }
  .wfr-trust__grid { gap: 8px; }
  .wfr-trust__item { padding: 12px; gap: 10px; flex-direction: column; align-items: flex-start; }
  body .s-product-card-entry { border-radius: 14px !important; }
  .wfr-chip { font-size: 10px; bottom: 8px; inset-inline-start: 8px; }
}
@media (hover: none) {
  body .s-product-card-entry:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .wfr-rays,
  .wfr-shine,
  body .s-product-card-entry.wfr-r-mythic { animation: none !important; }
  body .s-product-card-entry,
  body .s-product-card-image img { transition: none !important; }
  body .s-product-card-entry:hover,
  body .s-product-card-entry:hover .s-product-card-image img { transform: none !important; }
}

/* ── صفحة المنتج: خلفية داكنة لتبويب التفاصيل وصندوق الدفع (كان أبيض والنص ما يبين) ── */
.tabs-wrapper__product,.s-block--payment.details{background:#160F2B!important;border:1px solid rgba(255,255,255,.09)!important;color:#ECE6FA!important}
.tabs-wrapper__product .product__description,.tabs-wrapper__product .product__description p,.tabs-wrapper__product .product__description li,.tabs-wrapper__product .product__description span,.tabs-wrapper__product .product__description strong{color:#E6E0F5!important;opacity:1!important}
.tabs-wrapper__product .product__description h2,.tabs-wrapper__product .product__description h3,.tabs-wrapper__product .product__description h4{color:#FFC24A!important}
.tabs-wrapper__product .product__description a{color:#FFB547!important}
.tabs__product .tab-trigger{background:#221A3D!important;color:#D9D2EE!important;border:1px solid rgba(255,255,255,.08)!important}
.tabs__product .tab-trigger.is-active,.tabs__product .tab-trigger.active{background:linear-gradient(180deg,#FFC24A,#FF8A1F)!important;color:#1A0F00!important;border-color:transparent!important}
.tabs-wrapper__product .product__description::after{background:linear-gradient(transparent,#160F2B)!important}

/* ── صفحة المنتج: إخفاء شارة الترويج فوق الصورة (الصورة فيها الندرة أصلاً وكانت الشارة تغطي عليها) ── */
.sidebar > .relative > .promotion-title{display:none!important}
/* ── أداء الموقع: منع اهتزاز الصفحة أثناء التحميل (CLS) وتخفيف الحركة ── */
html body{padding-top:41px!important}
.wfr-topbar{position:absolute!important;top:0;left:0;right:0;height:41px;overflow:hidden;box-sizing:border-box}
.wfr-topbar__in{height:100%;box-sizing:border-box;align-content:center}
@media (max-width:520px){html body{padding-top:58px!important}.wfr-topbar{height:58px}}
section[component-id="2071204373"] .box-img img{aspect-ratio:4/5;height:auto!important}
section[component-id="2006018796"] .box-img img,section[component-id="1197882355"] .box-img img{aspect-ratio:1440/390;height:auto!important}
.wfr-rays{display:none!important}
body .s-product-card-entry.wfr-r-mythic{animation:none!important}
@media (max-width:900px),(hover:none){.wfr-shine{display:none!important}}

/* البنر الرئيسي: حجز ارتفاع الصورة قبل التحميل (يمنع نزول الصفحة فجأة) */
section[component-id="1174015872"] .swiper-lazy-wrap img.md\:\!block{aspect-ratio:1920/720;height:auto!important}
section[component-id="1174015872"] .swiper-lazy-wrap img.md\:\!hidden{aspect-ratio:4/5;height:auto!important}
/* ── الأسئلة الشائعة: نص السؤال كان أسود على خلفية داكنة ── */
.s-block--faqs .faqs-list__item label{color:#F4EEFF!important;font-weight:600}
.s-block--faqs .faqs-list__item i.faq-item{color:#FFC24A!important}
.s-block--faqs .faqs-list__item{border:1px solid rgba(255,255,255,.08)}
/* ── دخولية وفر WFR (شعار الدائرة): الصفحة الرئيسية فقط، أقل من ثانيتين، ما تمنع الضغط، وتنلغي لمن يفضّل تقليل الحركة ── */
body.index::before{content:"";position:fixed;inset:0;z-index:2147483646;pointer-events:none;
  background:radial-gradient(circle at 50% 46%,#2b1166 0%,#120a2b 45%,#07040f 78%);
  animation:wfrIntroBg 1.85s ease forwards}
body.index::after{content:"";position:fixed;left:50%;top:46%;z-index:2147483647;pointer-events:none;
  width:min(66vw,340px);aspect-ratio:1/1;background:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20640%20640%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cpath%20id%3D%22W%22%20d%3D%22M16%200%20H60%20L77%20104%20L104%2030%20H156%20L183%20104%20L200%200%20H244%20L260%2016%20L224%20200%20H170%20L130%2098%20L90%20200%20H36%20L0%2016%20Z%22%2F%3E%3Cpath%20id%3D%22F%22%20d%3D%22M16%200%20H176%20L164%2054%20H64%20V76%20H150%20L139%20126%20H64%20V184%20L48%20200%20H0%20V16%20Z%22%2F%3E%3Cpath%20id%3D%22R%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%200%20H150%20Q198%200%20202%2046%20V90%20Q200%20114%20172%20124%20L214%20200%20H142%20L106%20134%20H64%20V184%20L48%20200%20H0%20V16%20Z%20M64%2050%20V86%20H128%20Q140%2086%20140%2074%20V62%20Q140%2050%20128%2050%20Z%22%2F%3E%3Cg%20id%3D%22letters%22%3E%3Cuse%20href%3D%22%23W%22%2F%3E%3Cuse%20href%3D%22%23F%22%20x%3D%22278%22%2F%3E%3Cuse%20href%3D%22%23R%22%20x%3D%22466%22%2F%3E%3C%2Fg%3E%3ClinearGradient%20id%3D%22chrome%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22200%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFFFFF%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%23F3EBFF%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23BE98FF%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%23360B8A%22%2F%3E%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%235320C4%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%239C6EFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6D8FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22goldU%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22200%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFFFFF%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23E4D4FF%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23A57BFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236E36E8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22extr%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22200%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%233A1290%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2312043A%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22spec%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22200%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clipL%22%3E%3Cuse%20href%3D%22%23letters%22%2F%3E%3C%2FclipPath%3E%3Cfilter%20id%3D%22glow%22%20x%3D%22-20%25%22%20y%3D%22-40%25%22%20width%3D%22140%25%22%20height%3D%22180%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2218%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22disc%22%20cx%3D%2250%25%22%20cy%3D%2238%25%22%20r%3D%2262%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%233E1B8C%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%231A0D3D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230A0519%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22ring%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFFFFF%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23D9C6FF%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%238B57FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235420D0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ring2%22%20x1%3D%221%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23B48CFF%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236E36E8%22%20stop-opacity%3D%22.2%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22rglow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2214%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22320%22%20r%3D%22258%22%20fill%3D%22none%22%20stroke%3D%22%238F4DFF%22%20stroke-width%3D%2226%22%20filter%3D%22url%28%23rglow%29%22%20opacity%3D%220%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B.85%3B.6%22%20keyTimes%3D%220%3B.6%3B1%22%20begin%3D%22.15s%22%20dur%3D%22.7s%22%20fill%3D%22freeze%22%2F%3E%3C%2Fcircle%3E%3Cg%20transform%3D%22translate%28320%20320%29%22%3E%3Cg%20transform%3D%22scale%28.4%29%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20values%3D%22.4%3B1.06%3B1%22%20keyTimes%3D%220%3B.7%3B1%22%20dur%3D%22.42s%22%20fill%3D%22freeze%22%2F%3E%3Cg%20transform%3D%22translate%28-320%20-320%29%22%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22320%22%20r%3D%22256%22%20fill%3D%22url%28%23disc%29%22%2F%3E%3Cellipse%20cx%3D%22320%22%20cy%3D%22190%22%20rx%3D%22190%22%20ry%3D%2290%22%20fill%3D%22%23fff%22%20opacity%3D%22.05%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22320%22%20r%3D%22257%22%20fill%3D%22none%22%20stroke%3D%22%230B0222%22%20stroke-width%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22320%22%20r%3D%22254%22%20fill%3D%22none%22%20stroke%3D%22url%28%23ring%29%22%20stroke-width%3D%2211%22%20pathLength%3D%22100%22%20stroke-dasharray%3D%22100%22%20stroke-dashoffset%3D%22100%22%20transform%3D%22rotate%28-90%20320%20320%29%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20from%3D%22100%22%20to%3D%220%22%20begin%3D%22.12s%22%20dur%3D%22.5s%22%20fill%3D%22freeze%22%2F%3E%3C%2Fcircle%3E%3Cg%20opacity%3D%220%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22.45s%22%20dur%3D%22.3s%22%20fill%3D%22freeze%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22320%22%20r%3D%22226%22%20fill%3D%22none%22%20stroke%3D%22url%28%23ring2%29%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M%20320%2094%20A%20226%20226%200%200%201%20480%20160%22%20fill%3D%22none%22%20stroke%3D%22%23E4D4FF%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M%20320%20546%20A%20226%20226%200%200%201%20160%20480%22%20fill%3D%22none%22%20stroke%3D%22%23E4D4FF%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22320%22%20r%3D%22256%22%20fill%3D%22none%22%20stroke%3D%22%23D9C6FF%22%20stroke-width%3D%228%22%20opacity%3D%220%22%3E%3Canimate%20attributeName%3D%22r%22%20from%3D%22256%22%20to%3D%22345%22%20begin%3D%22.58s%22%20dur%3D%22.55s%22%20fill%3D%22freeze%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B.9%3B0%22%20keyTimes%3D%220%3B.1%3B1%22%20begin%3D%22.58s%22%20dur%3D%22.55s%22%20fill%3D%22freeze%22%2F%3E%3C%2Fcircle%3E%3Cg%20transform%3D%22translate%28320%20322%29%22%3E%3Cg%20opacity%3D%220%22%20transform%3D%22scale%281.7%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22.38s%22%20dur%3D%22.12s%22%20fill%3D%22freeze%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20values%3D%221.7%3B.8%3B.86%3B.84%22%20keyTimes%3D%220%3B.55%3B.8%3B1%22%20begin%3D%22.38s%22%20dur%3D%22.36s%22%20fill%3D%22freeze%22%2F%3E%3Cg%20transform%3D%22translate%28-326%20-111%29%22%3E%3Cg%20transform%3D%22skewX%28-14%29%22%3E%3Cuse%20href%3D%22%23letters%22%20fill%3D%22%238F4DFF%22%20opacity%3D%22.55%22%20filter%3D%22url%28%23glow%29%22%2F%3E%3Cg%20id%3D%22ext%22%3E%3Cuse%20href%3D%22%23letters%22%20transform%3D%22translate%289%2C22%29%22%20fill%3D%22%230A0120%22%20stroke%3D%22%230A0120%22%20stroke-width%3D%2220%22%20stroke-linejoin%3D%22miter%22%2F%3E%3Cuse%20href%3D%22%23letters%22%20transform%3D%22translate%287%2C17%29%22%20fill%3D%22url%28%23extr%29%22%2F%3E%3Cuse%20href%3D%22%23letters%22%20transform%3D%22translate%285%2C12%29%22%20fill%3D%22url%28%23extr%29%22%2F%3E%3Cuse%20href%3D%22%23letters%22%20transform%3D%22translate%283%2C7%29%22%20fill%3D%22url%28%23extr%29%22%2F%3E%3C%2Fg%3E%3Cuse%20href%3D%22%23letters%22%20fill%3D%22none%22%20stroke%3D%22%230B0222%22%20stroke-width%3D%2218%22%20stroke-linejoin%3D%22miter%22%2F%3E%3Cuse%20href%3D%22%23letters%22%20fill%3D%22none%22%20stroke%3D%22url%28%23goldU%29%22%20stroke-width%3D%227%22%20stroke-linejoin%3D%22miter%22%2F%3E%3Cuse%20href%3D%22%23letters%22%20fill%3D%22url%28%23chrome%29%22%2F%3E%3Cg%20clip-path%3D%22url%28%23clipL%29%22%3E%3Cuse%20href%3D%22%23letters%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%225%22%2F%3E%3Cuse%20href%3D%22%23letters%22%20transform%3D%22translate%280%2C4%29%22%20fill%3D%22none%22%20stroke%3D%22%232A0870%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%225%22%2F%3E%3Crect%20x%3D%22-40%22%20y%3D%220%22%20width%3D%22760%22%20height%3D%2264%22%20fill%3D%22url%28%23spec%29%22%2F%3E%3Cpolygon%20points%3D%22118%2C-10%20146%2C-10%2066%2C210%2038%2C210%22%20fill%3D%22%23fff%22%20opacity%3D%22.22%22%2F%3E%3Cpolygon%20points%3D%22402%2C-10%20416%2C-10%20336%2C210%20322%2C210%22%20fill%3D%22%23fff%22%20opacity%3D%22.16%22%2F%3E%3Cpolygon%20points%3D%22600%2C-10%20622%2C-10%20542%2C210%20520%2C210%22%20fill%3D%22%23fff%22%20opacity%3D%22.18%22%2F%3E%3Cpolygon%20points%3D%22-120%2C-20%20-60%2C-20%20-140%2C230%20-200%2C230%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%22.9%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%20from%3D%220%200%22%20to%3D%22980%200%22%20begin%3D%22.78s%22%20dur%3D%22.5s%22%20fill%3D%22freeze%22%2F%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
  transform:translate(-50%,-50%);animation:wfrIntroLogo 1.85s ease forwards}
@keyframes wfrIntroLogo{0%,74%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.14);visibility:hidden}}
@keyframes wfrIntroBg{0%,72%{opacity:1}100%{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){body.index::before,body.index::after{display:none!important}}
/* WFR footer copyright */
.copyrights p{font-size:0!important;line-height:0!important}
.copyrights p a{display:none!important}
.copyrights p::before{content:"جميع الحقوق محفوظة © 2026 وفر ستور | ";font-size:14px;line-height:1.7;color:#c4bdd9;font-weight:500}
.copyrights p::after{content:"WFR Store";font-size:14px;line-height:1.7;color:#a78bfa;font-weight:700;direction:ltr;unicode-bidi:isolate}
/* WFR footer contact */
footer .s-contacts-list-horizontal .s-contacts-item{background:rgba(124,58,237,.18)!important;border:1px solid rgba(167,139,250,.45)!important;border-radius:14px!important;width:auto!important;height:44px!important;padding:0 14px!important;gap:8px!important;display:inline-flex!important;align-items:center!important}
footer .s-contacts-item .s-contacts-icon{width:22px!important;height:22px!important}
footer .s-contacts-item .s-contacts-icon svg{fill:#a78bfa!important;width:20px!important;height:20px!important}
footer .s-contacts-item .unicode{display:inline!important;width:auto!important;height:auto!important;color:#efeaff!important;font-size:14px!important;font-weight:600;direction:ltr;unicode-bidi:isolate;overflow:visible!important;position:static!important;clip:auto!important;white-space:nowrap}