/* =====================================================================
   ناصع · CSS المخصص لثيم رائد · الإصدار 2.0
   ---------------------------------------------------------------------
   القواعد:
   1) كل الكلاسات والمتغيرات تبدأ بـ nas- (الـ id القديمة nase-* باقية للروابط).
   2) لا نعيد تعريف --color-primary* ولا --font-main (نقرأها فقط).
   3) لمسات مكوّنات سلة محصورة في الطبقة الأخيرة «جسر رائد».
   4) خصائص منطقية (inline/block) فقط، والحركة تحترم prefers-reduced-motion.
   5) كل قسم = شاشة آيفون: min-height = ارتفاع الشاشة المرئي − الهيدر الثابت.
   ===================================================================== */

/* ---------- 1. قياسات الشاشة (يحدّثها JS من الهيدر الفعلي) ---------- */
/* القيم الافتراضية = القيم الحقيقية لهيدر رائد (جوال 84 مثبّت، كمبيوتر 132 منها 84 مثبّت)،
   فلا يتغيّر ارتفاع الأقسام لما يقيس JS الهيدر بعد التحميل (يمنع قفز الصفحة) */
:root {
  --nas-header-h: 84px;  /* ارتفاع الهيدر كاملًا أعلى الصفحة */
  --nas-sticky-h: 84px;  /* ارتفاع الهيدر المثبّت أثناء التمرير (0 لو غير مثبّت) */
  --nas-dock-h: 0px;     /* مساحة الشريط السفلي الثابت (شريط الشراء/شريط المنتج) */
  --nas-vh: 100vh;
  --nas-dvh: 100vh;
}
@media (min-width: 1024px) {
  :root { --nas-header-h: 132px; }
}
@supports (height: 100svh) {
  :root { --nas-vh: 100svh; --nas-dvh: 100dvh; }
}

/* ---------- 2. الهوية داخل أقسام ناصع فقط ---------- */
.nas-salla-root,
.nas-fab,
.nas-menu,
.nas-dmenu,
.nas-upgrade,
#nas-golden {
  --nas-ink: #0B0B0B;
  --nas-white: #FFFFFF;
  --nas-paper: #F7F4ED;
  --nas-sand: #E8DDCC;
  --nas-muted: #5C5953;
  --nas-gold: #FFC700;
  --nas-wa: #25D366;
  --nas-success: #2D6A4F;
  --nas-error: #A63D36;
  --nas-line: rgb(92 89 83 / .14);
  --nas-line-dark: rgb(255 255 255 / .18);
  --nas-on-dark: #F7F4ED;
  --nas-on-dark-muted: rgb(247 244 237 / .74);
  --nas-glass: rgb(11 11 11 / .62);
  --nas-blur: blur(20px) saturate(160%);

  --nas-gutter: clamp(20px, 5.4vw, 48px);
  --nas-max: 1200px;
  --nas-r-control: 12px;
  --nas-r-card: 20px;
  --nas-r-feature: 28px;
  --nas-pill: 999px;

  --nas-ease: cubic-bezier(.22, 1, .36, 1);
  --nas-spring: cubic-bezier(.3, 1.4, .5, 1);
  --nas-fast: 160ms;
  --nas-std: 280ms;
  --nas-slow: 420ms;

  font-family: var(--font-main), "SF Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.nas-salla-root {
  display: block;
  background: var(--nas-paper);
  color: var(--nas-ink);
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0;
}
.nas-salla-root *,
.nas-salla-root *::before,
.nas-salla-root *::after { box-sizing: border-box; }
.nas-salla-root :where(h1, h2, h3, h4, p, figure, ul, ol, dl, blockquote) { margin: 0; }
/* كله داخل :where حتى لا يغلب padding أي مكوّن (كان يلغي هوامش القوائم ويلصقها بالحواف) */
.nas-salla-root :where(ul[role="list"], ol[role="list"]) { padding: 0; list-style: none; }
.nas-salla-root :where(img, video, canvas, svg) { display: block; max-inline-size: 100%; }
.nas-salla-root :where(button, input) { font: inherit; color: inherit; }
.nas-salla-root :where(button) { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.nas-salla-root :where(a) { color: inherit; -webkit-tap-highlight-color: transparent; }
.nas-salla-root [hidden] { display: none; }

/* نافذة الفيديو مفتوحة: لا تمرير للصفحة خلفها (iOS) */
html.nas-modal-open { overflow: hidden; }

/* أيقونات SVG المضمّنة */
.nas-ico {
  inline-size: 1.25em;
  block-size: 1.25em;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* إخفاء بصري مع بقاء النص لقارئ الشاشة */
.nas-sr {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.nas-skip {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  z-index: 50;
  min-block-size: 44px;
  padding: 10px 16px;
  border-radius: var(--nas-pill);
  background: var(--nas-white);
  color: var(--nas-ink);
  font-weight: 700;
  transform: translateY(-200%);
}
.nas-skip:focus { transform: none; outline: 2px solid currentColor; outline-offset: 3px; }

/* ---------- 3. نظام «القسم = شاشة» (إلغاء هوامش كتلة سلة: في جسر رائد) ---------- */
.nas-screen {
  --nas-screen-h: calc(var(--nas-vh) - var(--nas-sticky-h));
  --nas-pad-y: clamp(20px, calc(var(--nas-vh) * .04), 56px);
  --nas-reserve: 0px;
  --nas-content-h: calc(var(--nas-screen-h) - (var(--nas-pad-y) * 2) - var(--nas-reserve));
  position: relative;
  display: grid;
  align-items: center;
  /* مع الشريط العائم: القسم أقصر بارتفاع الشريط (بدل حشوة فاضية تحته)، فيبان كاملًا فوق الشريط
     ولا تظهر مسافة فارغة بين الأقسام أثناء التمرير */
  min-block-size: calc(var(--nas-screen-h) - var(--nas-reserve));
  padding-block: var(--nas-pad-y);
  scroll-margin-block-start: var(--nas-sticky-h);
  overflow: clip;
  isolation: isolate;
}
.nas-screen--first { --nas-screen-h: calc(var(--nas-vh) - var(--nas-header-h)); }
.nas-screen--dock { --nas-reserve: var(--nas-dock-h); }
/* أقسام النصوص والبطاقات (القيمة، قبل ما تطلب، الضمان، الأسئلة، وأقسام صفحة المنتج):
   بطول محتواها مع حشوة مريحة ثابتة، بدل شاشة كاملة يتوسطها المحتوى ويترك فراغًا كبيرًا */
.nas-screen--auto { min-block-size: 0; padding-block: var(--nas-sec-pad, clamp(48px, calc(var(--nas-vh) * .07), 80px)); }
.nas-screen--auto .nas-fill { min-block-size: 0; }

/* حاوية المحتوى: شبكة بارتفاع الشاشة؛ الصف المرن (1fr) يأخذ المساحة المتبقية للوسائط */
.nas-fill {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: clamp(12px, calc(var(--nas-vh) * .022), 24px);
  min-block-size: var(--nas-content-h);
  min-inline-size: 0;
}
.nas-fill > * { min-inline-size: 0; }

.nas-container {
  inline-size: min(100% - (var(--nas-gutter) * 2), var(--nas-max));
  margin-inline: auto;
}

.nas-ink { background: var(--nas-ink); color: var(--nas-white); }

/* ---------- 4. العناوين والنصوص (مقاسات HIG: 34/28/17/15/13) ---------- */
.nas-head { display: grid; gap: 6px; max-inline-size: 680px; }
.nas-kicker {
  color: var(--nas-muted);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nas-title {
  font-size: clamp(26px, 7vw, 34px);
  font-weight: 700;
  line-height: 1.2;
  text-wrap: balance;
  max-inline-size: 18ch;
}
.nas-title--display { font-size: clamp(30px, 8vw, 40px); }
.nas-sub {
  color: var(--nas-muted);
  font-size: 16px;
  line-height: 1.5;
  max-inline-size: 46ch;
  text-wrap: pretty;
}
.nas-note {
  color: var(--nas-muted);
  font-size: 14px;
  line-height: 1.55;
  text-align: center;
  max-inline-size: 54ch;
  margin-inline: auto;
}
.nas-ink .nas-kicker,
.nas-ink .nas-sub,
.nas-note--dark { color: var(--nas-on-dark-muted); }

@media (min-width: 768px) {
  .nas-head { gap: 10px; }
  .nas-kicker { font-size: 15px; }
  .nas-title { font-size: 40px; }
  .nas-title--display { font-size: 48px; }
  .nas-sub { font-size: 19px; }
}
@media (min-width: 1024px) {
  .nas-title { font-size: 48px; }
  .nas-title--display { font-size: 58px; }
}

/* =====================================================================
   مكوّنات مشتركة: الأزرار، الروابط، الشرائح، السعر، النقاط، البطاقة الختامية
   ===================================================================== */

/* ---------- الزر: حبة + دائرة في نهاية الزر ----------
   مقاس واحد لكل أزرار البيع في المتجر: ارتفاع 56، خط 17، دائرة 40 (لا تغيّره داخل الأقسام) */
.nas-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-block-size: 56px;
  padding-block: 8px;
  padding-inline: 20px 8px;
  border: 0;
  border-radius: var(--nas-pill);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform var(--nas-fast) var(--nas-ease), background-color var(--nas-fast) var(--nas-ease), opacity var(--nas-fast) var(--nas-ease);
}
.nas-btn__label { flex: 1 1 auto; min-inline-size: 0; }
.nas-btn__disc {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  inline-size: 40px;
  block-size: 40px;
  border-radius: 50%;
}
.nas-btn__disc .nas-ico { inline-size: 20px; block-size: 20px; stroke-width: 2; }
.nas-btn--cta .nas-btn__disc { background: var(--nas-gold); color: var(--nas-ink); }
.nas-btn--dark { background: var(--nas-ink); color: var(--nas-white); }
.nas-btn--light { background: var(--nas-white); color: var(--nas-ink); }
/* أزرار البيع فقط: ذهبي ناصع، النص أسود، والدائرة بيضاء بأيقونة سوداء */
.nas-btn--gold { background: var(--nas-gold); color: var(--nas-ink); }
.nas-btn--gold.nas-btn--cta .nas-btn__disc { background: var(--nas-white); color: var(--nas-ink); }
.nas-btn--block { inline-size: 100%; }
.nas-btn:active { transform: scale(.98); }
.nas-btn:focus-visible { outline: 3px solid var(--nas-gold); outline-offset: 3px; }
.nas-btn[disabled],
.nas-btn[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }

.nas-btn__check { display: none; }
.nas-btn.is-added .nas-btn__plus { display: none; }
.nas-btn.is-added .nas-btn__check { display: block; }
.nas-btn.is-loading { cursor: progress; }
.nas-btn.is-loading .nas-btn__disc .nas-ico { opacity: 0; }
.nas-btn.is-loading .nas-btn__disc::after {
  content: "";
  position: absolute;
  inset: 11px;
  border: 2px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: nas-spin .7s linear infinite;
}
@keyframes nas-spin { to { transform: rotate(360deg); } }

@media (hover: hover) {
  .nas-btn--dark:hover { background: #262626; }
  .nas-btn--light:hover { background: var(--nas-paper); }
  .nas-btn--gold:hover { background: #F2BC00; }
}

/* ---------- رابط نصي بسهم ---------- */
.nas-textlink {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  inline-size: fit-content;
  min-block-size: 44px;
  color: currentColor;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.nas-textlink span { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.nas-textlink .nas-ico { inline-size: 18px; block-size: 18px; }
.nas-textlink--light { color: var(--nas-white); }
.nas-textlink:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 8px; }

/* ---------- زر دائري 44×44 (حد Apple الأدنى للمس) ---------- */
.nas-round {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgb(255 255 255 / .14);
  color: var(--nas-white);
  transition: transform var(--nas-fast) var(--nas-ease), background-color var(--nas-fast) var(--nas-ease), opacity var(--nas-fast);
}
.nas-round .nas-ico { inline-size: 22px; block-size: 22px; }
.nas-round:active { transform: scale(.94); }
.nas-round:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.nas-round--ink { background: var(--nas-ink); color: var(--nas-white); }
.nas-round--paper { background: var(--nas-paper); color: var(--nas-ink); }
.nas-round--glass { background: rgb(255 255 255 / .16); }
.nas-round:disabled { opacity: .35; cursor: default; }

/* زر الإعجاب */
.nas-like__heart { position: relative; display: block; inline-size: 22px; block-size: 22px; }
.nas-like__heart .nas-ico { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; }
.nas-like__fill { opacity: 0; fill: currentColor; }
.nas-like[aria-pressed="true"] .nas-like__outline { opacity: 0; }
.nas-like[aria-pressed="true"] .nas-like__fill { opacity: 1; }
.nas-like.is-pop .nas-like__fill { animation: nas-pop .42s var(--nas-spring); }
@keyframes nas-pop { 50% { transform: scale(1.35); } }

/* ---------- شريحة زجاجية ---------- */
.nas-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-block-size: 40px;
  padding-inline: 14px;
  border-radius: var(--nas-pill);
  background: var(--nas-glass);
  -webkit-backdrop-filter: var(--nas-blur);
  backdrop-filter: var(--nas-blur);
  color: var(--nas-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}
.nas-chip .nas-ico { inline-size: 18px; block-size: 18px; }

/* ---------- السعر ---------- */
.nas-price { display: grid; gap: 2px; min-inline-size: 0; }
.nas-price__row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.nas-price__value {
  display: inline-block;
  min-inline-size: 4.2ch;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
/* السعر قبل وصوله من سلة: نبض بالشفافية فقط (يتحرك على كرت الشاشة بدون إعادة رسم) */
.nas-price__value[aria-busy="true"] {
  min-block-size: 1.1em;
  border-radius: 8px;
  background: rgb(92 89 83 / .14);
  animation: nas-busy .9s ease-in-out infinite alternate;
}
.nas-ink .nas-price__value[aria-busy="true"],
.nas-dock .nas-price__value[aria-busy="true"] { background-color: rgb(92 89 83 / .2); }
@keyframes nas-busy { from { opacity: .45; } to { opacity: 1; } }
.nas-price__value.is-unavailable { font-size: 14px; font-weight: 700; color: var(--nas-muted); }
.nas-price__old {
  position: relative;
  color: var(--nas-muted);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
/* الشطب بخط مرسوم: text-decoration لا يصل لداخل .nas-money (inline-flex) */
.nas-price__old:not([hidden]) { display: inline-block; }
.nas-price__old::after {
  content: "";
  position: absolute;
  inset-inline: -2px;
  inset-block-start: 50%;
  block-size: 1.5px;
  margin-block-start: -.75px;
  border-radius: 1px;
  background: currentColor;
  pointer-events: none;
}
.nas-price__hint { color: var(--nas-muted); font-size: 12px; line-height: 1.45; }
.nas-price__hint .nas-price__old { margin-inline-start: 8px; font-size: inherit; vertical-align: baseline; }
[data-nas-price-group]:not(.has-saving) [data-nas-saving-note] { display: none; }

/* المبلغ: أرقام لاتينية + أيقونة الريال من خط أيقونات سلة */
.nas-money { display: inline-flex; align-items: baseline; gap: .2em; direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.nas-money .sicon-sar { font-size: .9em; line-height: 1; }

/* ---------- الشرائح الأفقية (معارض/بطاقات) ---------- */
.nas-rail { display: grid; gap: 4px; min-inline-size: 0; }
.nas-rail__track {
  display: grid;
  grid-auto-flow: column;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden; /* التقليب أفقي فقط: الصور ما تنزل مع حركة الإصبع أو عجلة الماوس */
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.nas-rail__track::-webkit-scrollbar { display: none; }
.nas-rail__track > [data-nas-slide] { scroll-snap-align: center; scroll-snap-stop: always; }
.nas-rail__track img { -webkit-user-drag: none; }
/* السحب بالماوس على الكمبيوتر (اللمس يبقى تمرير المتصفح الأصلي) */
@media (hover: hover) and (pointer: fine) {
  .nas-rail__track.is-draggable { cursor: grab; }
}
.nas-rail__track.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; -webkit-user-select: none; user-select: none; }

/* نقاط التنقل: الهدف 44×44 (حد Apple الأدنى) والنقطة الظاهرة صغيرة */
.nas-dots { display: flex; justify-content: center; align-items: center; min-block-size: 44px; }
.nas-dot {
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.nas-dot::before {
  content: "";
  inline-size: 7px;
  block-size: 7px;
  border-radius: var(--nas-pill);
  background: currentColor;
  opacity: .35;
  transition: inline-size var(--nas-std) var(--nas-ease), opacity var(--nas-std) var(--nas-ease);
}
.nas-dot[aria-current="true"]::before { inline-size: 22px; opacity: 1; }
.nas-dot:focus-visible { outline: 2px solid currentColor; outline-offset: -6px; border-radius: 10px; }
.nas-dots--ink { color: var(--nas-ink); }

/* ---------- حاوية التجارب التفاعلية ---------- */
.nas-stagebox {
  position: relative;
  min-block-size: 240px;
  border-radius: var(--nas-r-feature);
  overflow: hidden;
  background: var(--nas-sand);
  isolation: isolate;
}
.nas-loading {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--nas-sand);
  color: var(--nas-muted);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: opacity var(--nas-slow) var(--nas-ease);
}
.nas-loading.is-done { opacity: 0; pointer-events: none; }

/* ---------- البطاقة الختامية (رحلة التنظيف + تجربة المسح) ---------- */
.nas-endcard {
  position: absolute;
  inset-inline: 12px;
  inset-block-end: 12px;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 2px 8px;
  max-inline-size: 420px;
  margin-inline: auto;
  padding: 14px;
  border-radius: 22px;
  background: rgb(11 11 11 / .66);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .12);
  color: var(--nas-white);
  opacity: 0;
  transform: translateY(calc(100% + 24px));
  transition: transform var(--nas-slow) var(--nas-ease), opacity var(--nas-std) var(--nas-ease);
}
.nas-endcard.is-visible { opacity: 1; transform: none; }
.nas-endcard__copy { grid-column: 1; grid-row: 1; min-inline-size: 0; }
.nas-endcard__title { font-size: 17px; font-weight: 700; line-height: 1.4; }
.nas-endcard__tag { font-size: 12px; line-height: 1.5; opacity: .9; }
.nas-endcard__actions { grid-column: 2; grid-row: 1; display: flex; gap: 6px; }
.nas-endcard__cta {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-block-size: 50px;
  margin-block-start: 10px;
  padding-inline: 18px 6px;
  border-radius: var(--nas-pill);
  background: var(--nas-white);
  color: var(--nas-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}
.nas-endcard__cta > span:first-child { flex: 1 1 auto; text-align: center; }
.nas-endcard__disc { display: grid; place-items: center; flex: 0 0 38px; block-size: 38px; border-radius: 50%; background: var(--nas-ink); color: var(--nas-white); }
.nas-endcard__disc .nas-ico { inline-size: 18px; block-size: 18px; stroke-width: 2; }
.nas-endcard__cta:focus-visible { outline: 2px solid var(--nas-white); outline-offset: 3px; }

/* ---------- ظهور تدريجي (يُطبّق فقط على ما هو أسفل الشاشة عند التحميل) ---------- */
.nas-reveal-pending { opacity: 0; transform: translateY(14px); }
.nas-reveal-in { transition: opacity var(--nas-slow) var(--nas-ease), transform var(--nas-slow) var(--nas-ease); }

/* =====================================================================
   أقسام الصفحة الرئيسية — كل قسم شاشة واحدة
   ===================================================================== */

/* ---------- 01 الواجهة ---------- */
.nas-hero { align-items: end; padding: 0; background: var(--nas-ink); }
.nas-hero__media,
.nas-hero__poster,
.nas-hero__video,
.nas-hero__scrim { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; }
.nas-hero__media { z-index: -1; overflow: hidden; }
.nas-hero__poster,
.nas-hero__video { object-fit: cover; object-position: 50% 54%; max-inline-size: none; }
.nas-hero__video { opacity: 0; transition: opacity var(--nas-slow) var(--nas-ease); }
.nas-hero__video.is-ready { opacity: 1; }
.nas-hero__scrim { background: linear-gradient(0deg, rgb(11 11 11 / .85), rgb(11 11 11 / .18) 80%); }
.nas-hero__inner {
  display: grid;
  align-content: end;
  gap: 20px;
  padding-block: 72px max(32px, calc(var(--nas-vh) * .05));
}
.nas-hero__copy { display: grid; gap: 12px; }
.nas-hero__title {
  font-size: clamp(34px, 9.4vw, 64px);
  font-weight: 900;
  line-height: 1.16;
  max-inline-size: 13ch;
  text-wrap: balance;
}
.nas-hero__lead { max-inline-size: 34ch; color: var(--nas-white); font-size: 17px; line-height: 1.55; }
.nas-hero__actions { display: grid; gap: 4px; justify-items: start; max-inline-size: 420px; }
.nas-hero__actions .nas-btn { inline-size: 100%; }
.nas-hero__actions .nas-textlink { justify-self: center; }
@media (min-width: 768px) {
  .nas-hero__lead { font-size: 20px; }
  .nas-hero__actions { grid-template-columns: auto auto; align-items: center; gap: 20px; }
  .nas-hero__actions .nas-btn { inline-size: auto; min-inline-size: 300px; }
}

/* ---------- 02 قبل / بعد ---------- */
.nas-compare-sec { background: var(--nas-paper); }
.nas-compare-sec .nas-fill,
.nas-wipe-sec .nas-fill {
  max-inline-size: 760px;
  margin-inline: auto;
  inline-size: min(100% - (var(--nas-gutter) * 2), 760px);
  grid-template-rows: auto minmax(240px, 1fr) auto;
  align-content: stretch;
}
@media (min-width: 768px) {
  .nas-compare-sec .nas-fill,
  .nas-wipe-sec .nas-fill { grid-template-rows: auto minmax(300px, min(600px, calc(var(--nas-content-h) - 190px))) auto; align-content: center; }
}
.nas-compare__stage {
  --nas-split: 50%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  cursor: ew-resize;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  outline: none;
}
.nas-compare__stage:focus-visible { box-shadow: inset 0 0 0 3px var(--nas-white), inset 0 0 0 5px var(--nas-ink); }
.nas-compare__img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-drag: none;
}
/* «بعد» يظهر من الحافة اليسرى في العربي (ومن اليمنى في الإنجليزي) */
.nas-compare__after { position: absolute; inset: 0; z-index: 1; clip-path: inset(0 calc(100% - var(--nas-split)) 0 0); }
.nas-salla-root[dir="ltr"] .nas-compare__after { clip-path: inset(0 0 0 var(--nas-split)); }
.nas-compare__label {
  position: absolute;
  inset-block-start: 14px;
  z-index: 3;
  display: grid;
  place-items: center;
  min-block-size: 36px;
  min-inline-size: 56px;
  padding-inline: 14px;
  border-radius: var(--nas-pill);
  background: var(--nas-white);
  color: var(--nas-ink);
  font-size: 14px;
  font-weight: 700;
  pointer-events: none;
}
.nas-compare__label--before { inset-inline-start: 14px; }
.nas-compare__label--after { inset-inline-end: 14px; }
/* الفاصل يتحرك أفقيًا فعليًا (قيمة JS فيزيائية من اليسار) */
.nas-compare__divider,
.nas-compare__handle { position: absolute; z-index: 4; left: var(--nas-split); pointer-events: none; }
.nas-compare__divider { inset-block: 0; inline-size: 2px; margin-left: -1px; background: var(--nas-white); box-shadow: 0 0 0 1px rgb(11 11 11 / .08); }
.nas-compare__handle {
  top: 50%;
  display: grid;
  place-items: center;
  inline-size: 48px;
  block-size: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  background: var(--nas-white);
  color: var(--nas-ink);
  box-shadow: 0 6px 18px rgb(11 11 11 / .2);
  transition: transform var(--nas-fast) var(--nas-ease);
}
.nas-compare__handle .nas-ico { inline-size: 22px; block-size: 22px; }
.nas-compare__stage.is-dragging .nas-compare__handle { transform: scale(.92); }
.nas-compare__hint,
.nas-journey-btn {
  position: absolute;
  inset-block-end: 14px;
  inset-inline: 0;
  z-index: 5;
  inline-size: fit-content;
  max-inline-size: calc(100% - 28px);
  margin-inline: auto;
}
.nas-compare__hint { transition: opacity var(--nas-std) var(--nas-ease), transform var(--nas-std) var(--nas-ease); }
.nas-compare__hint.is-hidden { opacity: 0; transform: translateY(8px); }
.nas-journey-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-block-size: 52px;
  padding-inline: 18px 6px;
  border: 0;
  border-radius: var(--nas-pill);
  background: var(--nas-glass);
  -webkit-backdrop-filter: var(--nas-blur);
  backdrop-filter: var(--nas-blur);
  color: var(--nas-white);
  font-size: 15px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity var(--nas-slow) var(--nas-ease), transform var(--nas-slow) var(--nas-ease), visibility 0s linear var(--nas-slow);
}
.nas-journey-btn strong { order: 1; }
.nas-journey-btn__icon { order: 2; display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: 50%; background: var(--nas-ink); }
.nas-journey-btn__icon .nas-ico { inline-size: 20px; block-size: 20px; }
.nas-journey-btn.is-visible { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.nas-journey-btn:focus-visible { outline: 2px solid var(--nas-white); outline-offset: 3px; }

/* نافذة رحلة التنظيف (dialog أصلي: يختفي بـ display:none عند الإغلاق) */
.nas-salla-root.nas-journey-host { display: contents; }
.nas-journey { padding: 0; border: 0; background: transparent; color: var(--nas-white); }
.nas-journey[open] {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: 100%;
  max-block-size: 100%;
  margin: 0;
  padding: 12px;
  overflow: hidden;
  overscroll-behavior: contain;
}
.nas-journey::backdrop { background: rgb(11 11 11 / .72); }
.nas-journey__sheet {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  inline-size: min(100%, 430px, calc((var(--nas-dvh) - 100px) * 9 / 16));
  max-block-size: calc(var(--nas-dvh) - 24px);
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / .18);
  border-radius: var(--nas-r-feature);
  background: var(--nas-ink);
  animation: nas-sheet-in var(--nas-slow) var(--nas-ease);
}
@keyframes nas-sheet-in { from { transform: translateY(16px); opacity: 0; } }
.nas-journey__video {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: var(--nas-ink);
  touch-action: none;
  cursor: pointer;
  outline: none;
}
.nas-journey__video:focus-visible { box-shadow: inset 0 0 0 2px var(--nas-white); }
.nas-journey__video video { inline-size: 100%; block-size: 100%; object-fit: cover; pointer-events: none; }
.nas-journey__grabber { position: absolute; inset-block-start: 10px; inset-inline: 0; z-index: 3; inline-size: 36px; block-size: 4px; margin-inline: auto; border-radius: var(--nas-pill); background: rgb(255 255 255 / .8); }
.nas-journey__sound,
.nas-journey__seekhint,
.nas-journey__speed { position: absolute; inset-inline: 0; z-index: 6; inline-size: fit-content; max-inline-size: calc(100% - 32px); margin-inline: auto; font-weight: 400; }
.nas-journey__sound,
.nas-journey__seekhint { white-space: normal; text-align: center; line-height: 1.35; padding-block: 8px; }
.nas-journey__sound { inset-block-end: 70px; transition: opacity var(--nas-std); }
.nas-journey__video.has-played .nas-journey__sound { opacity: 0; }
.nas-journey__seekhint { inset-block-end: 116px; opacity: 0; transform: translateY(8px); transition: opacity var(--nas-std), transform var(--nas-std); }
.nas-journey__seekhint.is-visible { opacity: 1; transform: none; }
.nas-journey__speed { inset-block-start: 28px; opacity: 0; transition: opacity var(--nas-fast); }
.nas-journey__speed.is-visible { opacity: 1; }
.nas-journey__toast { position: absolute; inset-block-start: 50%; z-index: 6; margin-block-start: -20px; opacity: 0; transition: opacity var(--nas-fast); }
.nas-journey__toast.is-visible { opacity: 1; }
.nas-journey__toast--back { inset-inline-end: 16px; }
.nas-journey__toast--fwd { inset-inline-start: 16px; }
.nas-journey__feedback {
  position: absolute;
  inset: 0;
  z-index: 6;
  inline-size: 64px;
  block-size: 64px;
  margin: auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgb(11 11 11 / .7);
  opacity: 0;
  transform: scale(.94);
  transition: opacity var(--nas-fast), transform var(--nas-fast);
  pointer-events: none;
}
.nas-journey__feedback.is-visible { opacity: 1; transform: none; }
.nas-journey__feedback .nas-ico { inline-size: 28px; block-size: 28px; }
.nas-journey__bar { display: flex; justify-content: center; align-items: center; min-block-size: 68px; padding-block-end: env(safe-area-inset-bottom, 0px); }

/* شريط الوقت يتجه LTR دائمًا (الوقت يتقدم يمينًا كما في مشغلات iOS) */
.nas-timeline { position: absolute; inset-inline: 12px; inset-block-end: 6px; z-index: 8; display: grid; gap: 2px; direction: ltr; transition: opacity var(--nas-fast); }
.nas-journey__video.is-ended .nas-timeline { opacity: 0; pointer-events: none; }
.nas-timeline__times { display: flex; justify-content: space-between; font-size: 13px; font-variant-numeric: tabular-nums; pointer-events: none; }
.nas-timeline__track { position: relative; display: flex; align-items: center; min-block-size: 44px; }
.nas-timeline__base,
.nas-timeline__buffer,
.nas-timeline__fill { position: absolute; left: 0; top: 50%; block-size: 4px; margin-block-start: -2px; border-radius: var(--nas-pill); pointer-events: none; }
.nas-timeline__base { right: 0; background: rgb(255 255 255 / .22); }
.nas-timeline__buffer { inline-size: 0; background: rgb(255 255 255 / .5); }
.nas-timeline__fill { inline-size: 0; background: var(--nas-white); }
.nas-timeline__range { position: absolute; inset: 0; inline-size: 100%; block-size: 44px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; touch-action: none; }
.nas-timeline__range::-webkit-slider-runnable-track { block-size: 44px; background: transparent; }
.nas-timeline__range::-webkit-slider-thumb { -webkit-appearance: none; inline-size: 16px; block-size: 16px; margin-block-start: 14px; border: 0; border-radius: 50%; background: var(--nas-white); }
.nas-timeline__range::-moz-range-track { block-size: 44px; background: transparent; }
.nas-timeline__range::-moz-range-thumb { inline-size: 16px; block-size: 16px; border: 0; border-radius: 50%; background: var(--nas-white); }
.nas-timeline__range:focus-visible { outline: 2px solid var(--nas-white); outline-offset: 0; border-radius: 10px; }

/* ---------- 03 اختر العناية ---------- */
.nas-decision { --nas-card-w: min(86vw, 400px); }
.nas-decision .nas-title { color: var(--nas-white); }
.nas-decision .nas-fill { grid-template-rows: auto minmax(360px, 1fr); align-content: stretch; }
/* الشاشات الأقصر: العنوان يكفي، والمساحة لصورة المنتج */
@media (max-height: 720px) { .nas-decision .nas-sub { display: none; } }
.nas-rail--picks { min-block-size: 0; grid-template-rows: minmax(0, 1fr) auto; }
.nas-rail--picks .nas-rail__track {
  grid-auto-columns: var(--nas-card-w);
  align-items: stretch;
  padding-inline: max(var(--nas-gutter), calc((100% - var(--nas-card-w)) / 2));
  scroll-padding-inline: max(var(--nas-gutter), calc((100% - var(--nas-card-w)) / 2));
  padding-block: 2px;
  min-block-size: 0;
}
.nas-pick {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  min-block-size: 0;
  overflow: hidden;
  border-radius: var(--nas-r-feature);
  background: var(--nas-white);
  color: var(--nas-ink);
}
.nas-pick__media { position: relative; flex: 1 1 0; min-block-size: 160px; max-block-size: 460px; background: var(--nas-paper); overflow: hidden; }
.nas-pick__media img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; padding: 2%; object-fit: contain; }
.nas-pick__body { display: grid; gap: 6px; padding: 14px 18px 16px; }
.nas-pick__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nas-pick__kicker { color: var(--nas-muted); font-size: 14px; font-weight: 700; }
.nas-pick__more {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-block-size: 44px;
  margin-block: -12px;
  padding-inline: 6px;
  margin-inline-end: -6px;
  color: var(--nas-ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
  white-space: nowrap;
}
.nas-pick__more .nas-ico { inline-size: 16px; block-size: 16px; }
.nas-pick__title { font-size: 21px; font-weight: 700; line-height: 1.3; }
.nas-pick__summary { color: var(--nas-muted); font-size: 15px; line-height: 1.5; }
.nas-pick__buy { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; margin-block-start: 4px; }
.nas-decision .nas-dots { color: var(--nas-on-dark); }
@media (min-width: 760px) {
  .nas-decision { --nas-card-w: min(40vw, 400px); }
}
@media (min-width: 1100px) {
  .nas-rail--picks .nas-rail__track {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    inline-size: min(100% - (var(--nas-gutter) * 2), var(--nas-max));
    margin-inline: auto;
    padding-inline: 0;
    overflow: visible;
    gap: 20px;
  }
  .nas-rail--picks .nas-dots { display: none; }
}

/* ---------- 04 تجربة المسح ---------- */
.nas-wipe-sec { background: var(--nas-white); }
.nas-wipe__stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  outline: none;
}
.nas-wipe__stage:focus-visible { box-shadow: inset 0 0 0 3px var(--nas-white), inset 0 0 0 5px var(--nas-ink); }
.nas-wipe__layer,
.nas-wipe__dirt { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; pointer-events: none; }
.nas-wipe__layer { object-fit: cover; -webkit-user-drag: none; }
.nas-wipe__status {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  z-index: 9;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  min-block-size: 40px;
  padding: 9px 16px;
  border-radius: var(--nas-pill);
  background: var(--nas-white);
  color: var(--nas-muted);
  font-size: 14px;
  line-height: 1;
}
.nas-wipe__status b { min-inline-size: 3ch; color: var(--nas-ink); font-size: 21px; text-align: center; font-variant-numeric: tabular-nums; }
/* الغلاف فوق المنديل (z 8 > 7) كما في الكود الأصلي: المنديل يطل من الغلاف ولا يغطيه */
.nas-wipe__pack { position: absolute; inset-inline-end: 4%; inset-block-end: 4%; z-index: 8; inline-size: 30%; pointer-events: none; -webkit-user-drag: none; }
/* المنديل والفقاعة يتحركان بـ transform بإحداثيات فيزيائية من JS، لذلك نقطة الأصل left/top */
.nas-wipe__cloth {
  --nas-hit: 14px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  inline-size: calc(min(26%, 132px) + (var(--nas-hit) * 2));
  max-inline-size: none;
  padding: var(--nas-hit);
  cursor: grab;
  touch-action: none;
  -webkit-user-drag: none;
  opacity: 0;
  transition: opacity var(--nas-slow) var(--nas-ease);
  will-change: transform;
}
.nas-wipe.is-ready .nas-wipe__cloth { opacity: 1; }
.nas-wipe__cloth.is-idle { animation: nas-breathe 3.6s ease-in-out infinite; }
.nas-wipe__cloth.is-dragging { cursor: grabbing; }
@keyframes nas-breathe { 50% { translate: 0 -6px; } }
.nas-wipe__bubble {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transition: opacity var(--nas-std) var(--nas-ease);
}
.nas-wipe__bubble strong { font-size: 15px; }
.nas-wipe__bubble.is-hidden,
.nas-wipe:not(.is-ready) .nas-wipe__bubble { opacity: 0; }
.nas-wipe.is-done .nas-wipe__cloth,
.nas-wipe.is-done .nas-wipe__pack { opacity: 0; transition: opacity var(--nas-std); }

/* ---------- 05/06 العناية السريعة والمتقنة ---------- */
.nas-care { --nas-pack-bg: var(--nas-white); --nas-pack-media: var(--nas-paper); background: var(--nas-paper); }
.nas-care--deep { --nas-pack-bg: var(--nas-paper); --nas-pack-media: var(--nas-white); background: var(--nas-white); }
.nas-care .nas-fill,
.nas-complete .nas-fill { inline-size: min(100% - (var(--nas-gutter) * 2), 680px); grid-template-rows: auto minmax(0, 1fr); align-content: stretch; }
.nas-pack {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: hidden;
  border-radius: var(--nas-r-feature);
  background: var(--nas-pack-bg);
}
.nas-pack__hero { position: relative; flex: 1 1 0; min-block-size: 140px; max-block-size: 460px; background: var(--nas-pack-bg); overflow: hidden; }
.nas-pack__hero img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; padding: 2%; object-fit: contain; }
/* خامتا المنديل: بلاطتان كبيرتان جنب بعض (بمسافة عن حافة البطاقة) */
.nas-tex { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 6px 16px 0; }
.nas-tex__item { display: grid; align-content: start; gap: 3px; min-inline-size: 0; }
.nas-tex__img { inline-size: 100%; block-size: clamp(76px, calc(var(--nas-vh) * .14), 150px); max-inline-size: none; margin-block-end: 5px; object-fit: cover; border-radius: 14px; background: var(--nas-pack-media); }
.nas-tex__item b { font-size: 15px; line-height: 1.35; }
.nas-tex__item span { color: var(--nas-muted); font-size: 13px; line-height: 1.45; }
.nas-care--pdp .nas-tex { padding-block-start: 16px; }
.nas-care--pdp .nas-tex__img { block-size: clamp(130px, calc(var(--nas-content-h) * .46), 240px); }
/* صورة الطقم الكامل (خلفيتها بيضاء والطقم يشغل ≈86٪ من عرضها و58٪ من ارتفاعها):
   - نفس خلفية الورق مثل صور البطاقات الأخرى (multiply يحوّل الأبيض إلى لون الإطار نفسه)
   - الطقم يملأ الإطار بنفس نسبة بقية الصور: ≤90٪ من العرض و≤86٪ من الارتفاع، بدون قص
     مهما تغيّر ارتفاع الإطار بين الجوالات (وحدات الحاوية cqw/cqh بدل تكبير ثابت) */
@supports (width: 1cqw) {
  .nas-fit { container-type: size; display: flex; align-items: center; justify-content: center; }
  .nas-fit > .nas-img--fit {
    --nas-fit-b: 0px;
    position: relative;
    inset: auto;
    flex: none;
    inline-size: min(104cqw, calc((100cqh - var(--nas-fit-b)) * 1.48));
    block-size: auto;
    aspect-ratio: 1 / 1;
    max-inline-size: none;
    padding: 0;
    object-fit: contain;
    translate: 0 calc(3% - var(--nas-fit-b) / 2);
  }
}
.nas-img--fit { mix-blend-mode: multiply; }
.nas-final__slide > .nas-img--fit { --nas-fit-b: 40px; }
/* أدوات الطقم: بطاقات أكبر تتقلب بالسحب */
.nas-tools { gap: 0; padding-block-start: 4px; min-inline-size: 0; }
.nas-tools__track { grid-auto-columns: min(82%, 320px); gap: 10px; padding-inline: 16px; scroll-padding-inline: 16px; }
.nas-tools__track > [data-nas-slide] { scroll-snap-align: start; }
.nas-tool { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; padding: 12px; border-radius: 20px; background: var(--nas-pack-media); }
.nas-tool__ph { position: relative; display: block; inline-size: clamp(84px, calc(var(--nas-vh) * .16), 128px); aspect-ratio: 1; overflow: hidden; border-radius: 14px; }
/* مطلقة داخل المربع: صورة المحلول طولية (512×683) فتظهر كاملة بدون قص */
.nas-tool__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: contain; }
.nas-tool__copy { display: grid; gap: 4px; min-inline-size: 0; }
.nas-tool__copy b { font-size: 17px; line-height: 1.35; }
.nas-tool__copy span { color: var(--nas-muted); font-size: 14px; line-height: 1.5; }
.nas-tools__dots { color: var(--nas-ink); }
.nas-pack__note { padding: 4px 18px 0; color: var(--nas-muted); font-size: 13px; line-height: 1.5; }
.nas-pack__actions { display: flex; align-items: center; gap: 12px; padding: 14px 18px 18px; }
.nas-pack__actions .nas-btn { flex: 1 1 auto; }
.nas-pack:not(:has(.nas-pack__actions)) { padding-block-end: 14px; }
/* صفحة المنتج: البطاقة بلا صورة كبيرة، فتأخذ طول محتواها وتتوسط الشاشة (بدون فراغ داخلي) */
.nas-care--pdp .nas-fill { grid-template-rows: auto auto; align-content: center; }
.nas-care--pdp .nas-pack { flex: none; }
/* صفحة المنتج: الصورة الكبيرة موجودة أعلى الصفحة، فبطاقات الأدوات والخامات أكبر هنا */
/* محتويات الطقم في صفحة المنتج: قائمة ثابتة بالأسلوب السابق (بدون تقليب) */
.nas-tlist { display: grid; padding-inline: 20px; }
.nas-tlist__item {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-block-size: 124px;
  padding-block: 20px;
  border-block-end: 1px solid var(--nas-sand);
}
.nas-tlist__ph { position: relative; display: block; inline-size: 86px; aspect-ratio: 1; }
.nas-tlist__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: contain; }
.nas-tlist__copy { display: grid; gap: 2px; min-inline-size: 0; }
.nas-tlist__copy b { font-size: 18px; line-height: 1.45; }
.nas-tlist__copy span { color: var(--nas-muted); font-size: 15px; line-height: 1.65; }
.nas-care--pdp .nas-tlist + .nas-pack__note { padding: 18px 20px 6px; color: var(--nas-ink); font-size: 14px; font-weight: 700; }
@media (min-width: 768px) {
  .nas-tlist { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .nas-tlist__item:nth-last-child(-n + 2) { border-block-end: 0; }
}

/* ---------- 07 العناية المتكاملة ---------- */
.nas-worth {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: hidden;
  border-radius: var(--nas-r-feature);
  background: var(--nas-white);
  color: var(--nas-ink);
}
.nas-worth__hero { position: relative; flex: 1 1 0; min-block-size: 150px; max-block-size: 460px; background: var(--nas-paper); overflow: hidden; }
.nas-worth__hero img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; padding: 2%; object-fit: contain; }
.nas-worth__body { display: grid; gap: 8px; padding: 6px 18px 18px; border-block-start: 1px solid var(--nas-line); }
/* معادلة السعر: المتقنة + السريعة = 164 (تنشطب) ← 139.
   بدون JS أو مع «تقليل الحركة» تظهر النتيجة النهائية مباشرة؛ الحركة تُشغَّل مرة واحدة عند ظهورها. */
.nas-sum { display: grid; gap: 0; padding-block-start: 4px; }
.nas-sum__eq { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 7px; color: var(--nas-muted); font-size: 14px; font-weight: 700; line-height: 1.6; }
.nas-sum__eq .nas-price__value { min-inline-size: 0; color: var(--nas-ink); font-size: 14px; font-weight: 800; }
.nas-sum__total { position: relative; color: var(--nas-muted); font-size: 15px; font-weight: 800; text-decoration: none; font-variant-numeric: tabular-nums; }
.nas-sum__total::after { content: ""; position: absolute; inset-inline: -3px; inset-block-start: 50%; block-size: 2px; margin-block-start: -1px; border-radius: 2px; background: var(--nas-ink); transform-origin: right center; }
[dir="ltr"] .nas-sum__total::after { transform-origin: left center; }
.nas-sum__op--eq:has(+ .nas-sum__total[hidden]) { display: none; }
.nas-sum__final { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.nas-sum__final .nas-price__value { font-size: clamp(32px, 9vw, 44px); }
.nas-sum__final small { color: var(--nas-muted); font-size: 12px; }
.nas-sum.is-armed .nas-sum__eq > *,
.nas-sum.is-armed .nas-sum__final { opacity: 0; }
.nas-sum.is-playing .nas-sum__eq > * { animation: nas-sum-in 360ms var(--nas-ease) both; }
.nas-sum.is-playing .nas-sum__eq > :nth-child(2) { animation-delay: 220ms; }
.nas-sum.is-playing .nas-sum__eq > :nth-child(3) { animation-delay: 360ms; }
.nas-sum.is-playing .nas-sum__eq > :nth-child(4) { animation-delay: 620ms; }
.nas-sum.is-playing .nas-sum__total { animation: nas-sum-total 1100ms var(--nas-ease) 760ms both; }
.nas-sum.is-playing .nas-sum__total::after { animation: nas-strike 420ms ease-out 1240ms both; }
.nas-sum.is-playing .nas-sum__final { animation: nas-sum-final 560ms var(--nas-spring) 1620ms both; }
@keyframes nas-sum-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes nas-sum-total { 0% { opacity: 0; transform: translateY(6px); color: var(--nas-ink); } 30%, 55% { opacity: 1; transform: none; color: var(--nas-ink); } 100% { opacity: 1; color: var(--nas-muted); } }
@keyframes nas-strike { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes nas-sum-final { from { opacity: 0; transform: translateY(10px) scale(.94); } to { opacity: 1; transform: none; } }
.nas-worth__perk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  inline-size: fit-content;
  min-block-size: 36px;
  padding-inline: 12px 14px;
  border-radius: var(--nas-pill);
  background: var(--nas-sand);
  font-size: 14px;
}
.nas-worth__perk .nas-ico { inline-size: 18px; block-size: 18px; }
.nas-worth__actions { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 6px; }
.nas-worth__actions .nas-btn { inline-size: 100%; }
.nas-worth__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nas-worth__actions .nas-textlink { font-size: 14px; }
@media (min-width: 768px) {
  .nas-worth__actions { grid-template-columns: minmax(0, 1fr) auto; gap: 16px; }
  .nas-worth__foot { gap: 16px; }
}

/* ---------- 08 كم تكفيك العبوة؟ ---------- */
.nas-value { background: var(--nas-sand); }
.nas-value .nas-fill { inline-size: min(100% - (var(--nas-gutter) * 2), 760px); }
.nas-value__card { display: grid; gap: 20px; padding: 26px 22px; border-radius: var(--nas-r-feature); background: var(--nas-white); text-align: center; }
.nas-value__number { display: flex; align-items: baseline; justify-content: center; gap: 8px; }
.nas-value__number span { color: var(--nas-muted); font-size: 16px; font-weight: 700; }
.nas-value__number strong { min-inline-size: 2ch; font-size: clamp(72px, 22vw, 96px); font-weight: 900; line-height: 1; letter-spacing: -2px; font-variant-numeric: tabular-nums; }
.nas-value__number b { font-size: 22px; }
.nas-value__detail { display: grid; gap: 6px; padding-block-start: 18px; border-block-start: 1px solid var(--nas-sand); }
.nas-value__detail strong { font-size: 20px; }
.nas-value__detail p { font-size: 16px; }
.nas-value__detail small { color: var(--nas-muted); font-size: 14px; line-height: 1.6; }
.nas-count-in { animation: nas-count-in 1.2s cubic-bezier(.16, 1, .3, 1) both; }
@keyframes nas-count-in { from { opacity: .35; transform: translateY(12px) scale(.96); } }
/* الجوال: البطاقة البيضاء تكبر قليلًا في المساحة الفاضية (حتى 336px) وتبقى بعيدة عن شريط الشراء؛
   في الشاشات القصيرة ما فيه مساحة فاضية فتبقى بحجمها */
@media (max-width: 767px) {
  .nas-value__card { align-content: center; min-block-size: min(336px, calc(var(--nas-content-h) - 124px)); }
}
@media (min-width: 768px) {
  .nas-value__card { grid-template-columns: 1fr 1fr; align-items: center; text-align: start; }
  .nas-value__detail { padding: 20px; border-block-start: 0; border-inline-start: 1px solid var(--nas-sand); }
}

/* ---------- 09 من الاستخدام الحقيقي ---------- */
.nas-realuse { background: var(--nas-paper); }
.nas-realuse .nas-fill { grid-template-rows: auto minmax(0, 1fr); align-content: stretch; }
.nas-realuse--out .nas-fill { grid-template-rows: minmax(0, 1fr); }
.nas-gallery { min-block-size: 0; grid-template-rows: auto minmax(220px, 1fr) auto; gap: 8px; }
.nas-gallery__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.nas-gallery__title { display: grid; gap: 2px; min-inline-size: 0; }
.nas-gallery__title :is(h2, h3) { font-size: 20px; font-weight: 700; line-height: 1.3; }
.nas-realuse--out .nas-gallery__title h2 { font-size: clamp(26px, 7vw, 34px); }
.nas-gallery__title small { color: var(--nas-muted); font-size: 14px; line-height: 1.4; }
.nas-gallery__nav { display: flex; gap: 8px; flex: 0 0 auto; }
.nas-gallery__track { grid-auto-columns: min(78vw, 340px); gap: 10px; min-block-size: 0; margin-inline: calc(var(--nas-gutter) * -1); padding-inline: var(--nas-gutter); scroll-padding-inline: var(--nas-gutter); }
.nas-gallery__track > [data-nas-slide] { scroll-snap-align: start; }
.nas-gallery__slide { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-block-size: 0; overflow: hidden; border-radius: var(--nas-r-card); background: var(--nas-white); }
.nas-gallery__track { grid-auto-rows: minmax(0, 1fr); }
.nas-gallery__ph { position: relative; min-block-size: 0; overflow: hidden; background: var(--nas-sand); }
.nas-gallery__ph img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; }
.nas-gallery__slide figcaption { display: flex; align-items: center; min-block-size: 44px; padding: 10px 14px; color: var(--nas-muted); font-size: 14px; line-height: 1.4; }
@media (min-width: 768px) {
  .nas-gallery__track { grid-auto-columns: 320px; }
  .nas-gallery { grid-template-rows: auto minmax(220px, min(460px, calc(var(--nas-content-h) - 220px))) auto; }
  .nas-realuse .nas-fill { align-content: center; }
}

/* ---------- صفحة المنتج: خطوات الاستخدام (خطوة تحت خطوة بالأسلوب السابق) ---------- */
.nas-use { background: #000000; }
.nas-use .nas-title { color: var(--nas-white); }
.nas-use .nas-container { display: grid; gap: 4px; }
.nas-steps { display: grid; }
.nas-steps__item { display: grid; gap: 22px; padding-block: 28px; border-block-end: 1px solid #242424; }
.nas-steps__item:last-child { border-block-end: 0; }
.nas-steps__img { display: block; inline-size: 100%; block-size: clamp(240px, calc(var(--nas-vh) * .42), 360px); max-inline-size: none; object-fit: contain; }
.nas-steps__copy { display: grid; }
.nas-steps__num { margin-block-end: 10px; color: #999999; font-size: 13px; letter-spacing: 2px; font-variant-numeric: tabular-nums; }
.nas-steps__copy h3 { margin-block-end: 10px; color: var(--nas-white); font-size: clamp(23px, 3vw, 32px); font-weight: 700; line-height: 1.5; }
.nas-steps__copy p { color: #BCBCBC; font-size: 16px; line-height: 1.9; }
.nas-steps__note { margin-block-start: 8px; color: #AAAAAA; font-size: 13px; line-height: 1.8; }
@media (min-width: 768px) {
  .nas-steps__item { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 40px; padding-block: 40px; }
  .nas-steps__img { block-size: clamp(260px, 35vw, 420px); }
}
.nas-dots--light { color: var(--nas-on-dark); }

/* ---------- 10 الفيديوهات ---------- */
/* ارتفاع البطاقة = المساحة المتبقية بعد العنوان (≈62) وأزرار التحكم (44) والفراغات */
.nas-videos { --nas-vcard-h: clamp(220px, calc(var(--nas-content-h) - 150px), 640px); --nas-vcard-w: min(78vw, calc(var(--nas-vcard-h) * 9 / 16)); }
.nas-videos .nas-title { color: var(--nas-white); }
.nas-videos__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--nas-vcard-w);
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
  padding-inline: max(var(--nas-gutter), calc((100% - var(--nas-vcard-w)) / 2));
  scroll-padding-inline: max(var(--nas-gutter), calc((100% - var(--nas-vcard-w)) / 2));
}
.nas-videos__track::-webkit-scrollbar { display: none; }
.nas-vcard {
  position: relative;
  isolation: isolate;
  block-size: var(--nas-vcard-h);
  overflow: hidden;
  border-radius: 24px;
  background: #1b1b1b;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.nas-vcard video { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; }
.nas-vcard__scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgb(11 11 11 / .78), rgb(11 11 11 / .18) 46%, transparent 68%); pointer-events: none; }
.nas-vcard__copy { position: absolute; inset-inline: 14px; inset-block-end: 14px; z-index: 2; display: grid; gap: 4px; pointer-events: none; }
.nas-vcard__copy b { font-size: 18px; line-height: 1.3; }
.nas-vcard__copy span { color: rgb(255 255 255 / .78); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.nas-videos__controls { display: flex; align-items: center; justify-content: center; gap: 10px; }
.nas-videos__toggle .nas-ico--pause,
.nas-videos__toggle.is-playing .nas-ico--play { display: none; }
.nas-videos__toggle.is-playing .nas-ico--pause { display: block; }
.nas-vprog { display: flex; align-items: center; justify-content: center; min-block-size: 44px; padding-inline: 6px; border-radius: var(--nas-pill); background: var(--nas-paper); }
.nas-vprog__btn { display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 0; background: transparent; }
.nas-vprog__line { position: relative; inline-size: 8px; block-size: 8px; overflow: hidden; border-radius: var(--nas-pill); background: var(--nas-muted); transition: inline-size var(--nas-std) var(--nas-ease); }
.nas-vprog__line i { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: var(--nas-progress, 0%); background: var(--nas-ink); }
.nas-vprog__btn[aria-current="true"] .nas-vprog__line { inline-size: 30px; background: rgb(11 11 11 / .2); }
.nas-vprog__btn:focus-visible { outline: 2px solid var(--nas-ink); outline-offset: -4px; border-radius: 10px; }
.nas-videos__live { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 767px) {
  .nas-videos .nas-kicker { display: none; }
}
@media (min-width: 768px) {
  .nas-videos { --nas-vcard-h: clamp(220px, calc(var(--nas-content-h) - 230px), 640px); --nas-vcard-w: min(30vw, calc(var(--nas-vcard-h) * 9 / 16)); }
}

/* ---------- 11 قبل ما تطلب + وسائل الدفع ---------- */
.nas-assure { background: var(--nas-paper); }
.nas-assure__list { display: grid; gap: 10px; }
.nas-assure__list li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--nas-line);
  border-radius: var(--nas-r-card);
  background: var(--nas-white);
}
.nas-assure__list .nas-ico { inline-size: 24px; block-size: 24px; }
.nas-assure__list span { display: grid; gap: 2px; }
.nas-assure__list b { font-size: 17px; line-height: 1.35; }
.nas-assure__list small { color: var(--nas-muted); font-size: 14px; line-height: 1.55; }
/* شريط الدفع: يتحرك تلقائيًا دائمًا، ولا يتأثر باللمس أو المرور (تجربة التمرير تبقى كما هي) */
.nas-marquee { overflow: hidden; direction: ltr; border: 1px solid var(--nas-line); border-radius: var(--nas-r-card); background: var(--nas-white); pointer-events: none; -webkit-user-select: none; user-select: none; }
.nas-marquee__track { display: flex; inline-size: max-content; animation: nas-marquee 30s linear infinite; }
.nas-marquee__set { display: flex; align-items: center; gap: 6px; padding: 8px 3px; }
.nas-marquee__logo { display: grid; place-items: center; inline-size: 92px; block-size: 44px; }
.nas-marquee__logo img { inline-size: auto; block-size: 26px; max-inline-size: 80px; object-fit: contain; }
@keyframes nas-marquee { from { transform: translate3d(-50%, 0, 0); } to { transform: translate3d(0, 0, 0); } }
@media (min-width: 768px) {
  .nas-assure__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nas-assure__list li { align-items: start; }
}

/* ---------- 12 الضمان الذهبي ---------- */
.nas-gold .nas-title { color: var(--nas-white); max-inline-size: 13ch; }
.nas-gold__top { display: grid; grid-template-columns: minmax(0, 1fr) 96px; align-items: center; gap: 14px; }
.nas-gold__copy { display: grid; gap: 6px; }
.nas-gold__media img { inline-size: 100%; block-size: auto; max-block-size: 180px; object-fit: contain; animation: nas-float 3.6s ease-in-out infinite; }
@keyframes nas-float { 50% { transform: translateY(-6px); } }
.nas-gold__stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.nas-gold__stages li { display: grid; gap: 3px; align-content: start; padding: 12px 8px; border-radius: var(--nas-r-control); background: var(--nas-paper); color: var(--nas-ink); text-align: center; }
.nas-gold__stages b { font-size: 13px; line-height: 1.3; }
.nas-gold__stages small { color: var(--nas-muted); font-size: 12px; line-height: 1.35; }
.nas-gold__btn { inline-size: 100%; }
@media (min-width: 768px) {
  .nas-gold .nas-fill {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    grid-template-areas: "copy media" "stages media" "btn media";
    column-gap: 48px;
  }
  .nas-gold__top { display: contents; }
  .nas-gold__copy { grid-area: copy; gap: 12px; }
  .nas-gold__media { grid-area: media; align-self: center; }
  .nas-gold__media img { max-block-size: min(60vh, 460px); margin-inline: auto; }
  .nas-gold__stages { grid-area: stages; }
  .nas-gold__btn { grid-area: btn; inline-size: auto; min-inline-size: 300px; justify-self: start; }
  .nas-gold__stages b { font-size: 15px; }
  .nas-gold__stages small { font-size: 13px; }
}

/* ---------- 13 الأسئلة + التقييمات ---------- */
.nas-faq { background: var(--nas-paper); }
.nas-faq .nas-fill { inline-size: min(100% - (var(--nas-gutter) * 2), 820px); }
.nas-faq__list { border-block-start: 1px solid var(--nas-line); }
.nas-faq__item { border-block-end: 1px solid var(--nas-line); }
.nas-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-block-size: clamp(56px, calc(var(--nas-vh) * .094), 70px);
  padding-block: clamp(15px, calc(var(--nas-vh) * .026), 19px);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nas-faq__item summary::-webkit-details-marker { display: none; }
.nas-faq__item summary .nas-ico { inline-size: 18px; block-size: 18px; color: var(--nas-muted); transition: transform var(--nas-std) var(--nas-ease); }
.nas-faq__item[open] summary .nas-ico { transform: rotate(180deg); color: var(--nas-ink); }
.nas-faq__item summary:focus-visible { outline: 2px solid var(--nas-ink); outline-offset: 4px; border-radius: 6px; }
.nas-faq__item p { padding-block-end: 18px; padding-inline-end: 12px; color: var(--nas-muted); font-size: 15px; line-height: 1.85; }
@media (min-width: 768px) {
  .nas-faq__item summary { min-block-size: 64px; font-size: 19px; }
  .nas-faq__item p { font-size: 17px; }
}
.nas-reviews { background: var(--nas-white); }
.nas-reviews salla-reviews { display: block; min-inline-size: 0; }
/* بلا تقييمات: القسم ينطوي إلى صفر لكنه يبقى قابلًا للقياس، فيرجع تلقائيًا لو وصلت التقييمات متأخرة */
.nas-reviews.is-empty { min-block-size: 0; block-size: 0; padding: 0; overflow: hidden; visibility: hidden; }

/* ---------- 14 الخطوة الأخيرة: صورة كبيرة تتنقل + التقييم + زر الطلب ---------- */
.nas-final .nas-fill { inline-size: min(100% - (var(--nas-gutter) * 2), 560px); grid-template-rows: auto minmax(0, 1fr); align-content: stretch; }
.nas-final__title { max-inline-size: none; color: var(--nas-white); }
.nas-final__card { display: grid; grid-template-rows: minmax(200px, 1fr) auto; min-block-size: 0; overflow: hidden; border-radius: var(--nas-r-feature); background: var(--nas-white); color: var(--nas-ink); }
.nas-final__gallery { position: relative; display: block; min-block-size: 0; background: var(--nas-paper); }
.nas-final__track { position: absolute; inset: 0; grid-auto-columns: 100%; grid-auto-rows: 100%; gap: 0; scroll-behavior: smooth; }
.nas-final__slide { position: relative; min-block-size: 0; overflow: hidden; } /* الصورة المكبّرة ما تطلع خارج شريحتها */
.nas-final__slide img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; padding: 3% 3% 40px; object-fit: contain; }
.nas-final__dots { position: absolute; inset-inline: 0; inset-block-end: 0; }
.nas-final__body { display: grid; gap: 8px; padding: 14px 18px 18px; }
.nas-final__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; }
.nas-final__name { font-size: 18px; font-weight: 700; line-height: 1.35; }
.nas-final__rating { display: inline-flex; align-items: center; gap: 6px; color: var(--nas-muted); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.nas-final__rating[hidden] { display: none; }
.nas-stars { position: relative; display: inline-block; color: #DAD4C8; font-size: 15px; line-height: 1; letter-spacing: 1px; white-space: nowrap; }
.nas-stars__on { position: absolute; inset-block: 0; inset-inline-start: 0; overflow: hidden; color: var(--nas-gold); }
.nas-final__amount { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.nas-final__amount .nas-price__value { font-size: 34px; }
.nas-final__amount small { color: var(--nas-muted); font-size: 12px; }
.nas-final__badge { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; min-block-size: 32px; padding-inline: 10px 12px; border-radius: var(--nas-pill); background: var(--nas-white); box-shadow: 0 2px 10px rgb(11 11 11 / .08); font-size: 13px; font-weight: 700; pointer-events: none; }
.nas-final__badge .nas-ico { inline-size: 17px; block-size: 17px; }
.nas-final__cta { margin-block-start: 4px; }

/* ---------- 15 التذييل ---------- */
.nas-footer { padding-block: 28px; border-block-start: 1px solid var(--nas-line-dark); color: var(--nas-on-dark); font-size: 14px; }
.nas-footer__inner { display: flex; flex-direction: column; gap: 6px; }
.nas-footer strong { color: var(--nas-white); }
@media (min-width: 768px) { .nas-footer__inner { flex-direction: row; justify-content: space-between; } }

/* ---------- 16 إشعار + شريط الشراء العائم ---------- */
.nas-toast {
  position: fixed;
  inset-block-start: 16px;
  inset-inline: 0;
  z-index: 2000;
  display: none;
  inline-size: fit-content;
  max-inline-size: calc(100% - 32px);
  margin-inline: auto;
  min-block-size: 48px;
  padding: 12px 18px;
  border-radius: var(--nas-pill);
  background: var(--nas-ink);
  color: var(--nas-white);
  font-size: 15px;
  font-weight: 700;
  opacity: 0;
  transform: translateY(-12px);
  transition: opacity var(--nas-std) var(--nas-ease), transform var(--nas-std) var(--nas-ease), display var(--nas-std) allow-discrete;
}
.nas-toast.is-visible { display: block; opacity: 1; transform: none; }
@starting-style { .nas-toast.is-visible { opacity: 0; transform: translateY(-12px); } }

.nas-dock {
  position: fixed;
  inset-inline: 0;
  inset-block-end: calc(10px + env(safe-area-inset-bottom, 0px));
  z-index: 90;
  display: none;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 1.15fr);
  align-items: center;
  gap: 12px;
  inline-size: calc(100% - 24px);
  max-inline-size: 620px;
  min-block-size: 72px;
  margin-inline: auto;
  padding: 8px 8px 8px 8px;
  padding-inline-start: 14px;
  border: 1px solid var(--nas-line);
  border-radius: 22px;
  background: var(--nas-white);
  color: var(--nas-ink);
  box-shadow: 0 14px 38px rgb(11 11 11 / .16);
  opacity: 0;
  transform: translateY(24px) scale(.97);
  transform-origin: center bottom;
  transition: opacity 280ms ease, transform 380ms cubic-bezier(.16, 1, .3, 1), display 380ms allow-discrete;
}
.nas-dock.is-visible { display: grid; opacity: 1; transform: none; }
@starting-style { .nas-dock.is-visible { opacity: 0; transform: translateY(24px) scale(.97); } }
.nas-dock__copy { display: grid; gap: 4px; min-inline-size: 0; }
.nas-dock__copy b { font-size: 13px; line-height: 1.35; }
.nas-dock__price .nas-price__value { font-size: 19px; }
/* مساحة الشريط في الأقسام التي يظهر فوقها (قيمة ثابتة = لا قفز في التخطيط) */
:root:has([data-nas-buybar]) { --nas-dock-h: calc(84px + env(safe-area-inset-bottom, 0px)); }

/* =====================================================================
   صفحات أخرى: المنتج، السلة، القائمة، الأزرار العائمة، صفحة الضمان
   ملاحظة: صفحة المنتج تبقى بعناصر رائد الأصلية في مكانها؛ هنا تنسيق فقط.
   ===================================================================== */

/* ---------- صفحة المنتج: عناصر ناصع المضافة ---------- */
.nas-desc-toggle {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: #0B0B0B;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.nas-pdp-perk { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; min-block-size: 28px; margin: 0; padding-inline: 9px 11px; border-radius: 999px; background: #F7F4ED; color: #0B0B0B; font-size: 13px; font-weight: 700; }
.nas-pdp-perk svg { inline-size: 18px; block-size: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.nas-pdp-was { color: #5C5953; font-size: 18px; font-weight: 700; }
/* نقاط صور المنتج على الجوال (بدل المصغّرات) */
.nas-pdp-dots { position: absolute; inset-inline: 0; inset-block-end: 0; display: flex; justify-content: center; align-items: center; gap: 2px; block-size: 28px; }
.nas-pdp-dots button { display: grid; place-items: center; inline-size: 26px; block-size: 26px; padding: 0; border: 0; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.nas-pdp-dots button::before { content: ""; inline-size: 6px; block-size: 6px; border-radius: 999px; background: #CFC9BD; transition: inline-size .25s ease, background-color .25s ease; }
.nas-pdp-dots button[aria-current="true"]::before { inline-size: 20px; background: #0B0B0B; }
.nas-pdp-dots button:focus-visible { outline: 2px solid #0B0B0B; outline-offset: -2px; border-radius: 8px; }
@media (min-width: 768px) { .nas-pdp-dots { display: none; } }
.nas-pdp-jump {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-block-size: 44px;
  margin-block-start: 6px;
  color: #0B0B0B;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}


/* أقسام ناصع المضافة أسفل المنتج */
.nas-pdp { background: var(--nas-paper); }

/* ---------- السلة ---------- */

/* عرض الترقية إلى المتكاملة (يظهر عندما تكون العناية السريعة وحدها في السلة) */
.nas-upgrade {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  align-items: center;
  gap: 10px 14px;
  margin-block: 0 20px;
  padding: 18px;
  border-radius: 24px;
  background: #FFFFFF;
  color: #0B0B0B;
}
.nas-upgrade__img { inline-size: 80px; block-size: 80px; object-fit: contain; border-radius: 16px; background: #F7F4ED; }
.nas-upgrade__copy h2 { margin: 6px 0 2px; font-size: 19px; line-height: 1.4; }
.nas-upgrade__copy p { margin: 0; color: #5C5953; font-size: 14px; }
.nas-upgrade__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #FFC700;
  font-size: 12px;
  font-weight: 700;
}
.nas-upgrade__badge .nas-ico { inline-size: 16px; block-size: 16px; }
.nas-upgrade__price { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; margin: 0; font-size: 15px; font-weight: 700; }
.nas-upgrade__price span { color: #5C5953; font-size: 13px; font-weight: 400; }
.nas-upgrade .nas-btn { grid-column: 1 / -1; }
.nas-upgrade__status { grid-column: 1 / -1; margin: 0; color: #5C5953; font-size: 13px; }
.nas-upgrade__status:empty { display: none; }

/* ---------- قائمة الجوال: بطاقات ناصع فوق قائمة سلة ---------- */
#mobile-menu li.nas-menu-li,
#mobile-menu li.nas-dmenu-li { position: relative; }
#mobile-menu li.nas-menu-li::before,
#mobile-menu li.nas-menu-li::after,
#mobile-menu li.nas-dmenu-li::before,
#mobile-menu li.nas-dmenu-li::after { content: none; display: none; }
#mobile-menu li.nas-dmenu-li { display: none; }
@media (min-width: 1024px) {
  #mobile-menu li.nas-menu-li { display: none; }
  #mobile-menu li.nas-dmenu-li { display: inline-block; vertical-align: middle; }
}
#mobile-menu .nas-menu { padding: 14px 16px 18px; background: #FAF8F3; color: #24231F; text-align: start; }
#mobile-menu .nas-menu a,
#mobile-menu .nas-menu span { display: revert; inline-size: auto; padding: 0; }
#mobile-menu .nas-menu a::after,
#mobile-menu .nas-menu a::before { content: none; }
#mobile-menu .nas-menu .nas-ico { inline-size: 22px; block-size: 22px; }
#mobile-menu .nas-menu__heading { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 4px; font-size: 16px; font-weight: 700; }
#mobile-menu .nas-menu .nas-menu__product,
.nas-dmenu .nas-menu__product {
  display: flex;
  align-items: center;
  gap: 12px;
  min-block-size: 76px;
  margin: 0 0 8px;
  padding: 12px 10px;
  border-radius: 14px;
  background: #FFFFFF;
  color: #24231F;
  text-decoration: none;
  line-height: 1.55;
}
#mobile-menu .nas-menu .nas-menu__product > span,
.nas-dmenu .nas-menu__product > span { display: block; flex: 1 1 auto; min-inline-size: 0; }
.nas-menu strong,
.nas-dmenu strong { display: block; font-size: 15px; font-weight: 700; }
.nas-menu small,
.nas-dmenu small { display: block; margin-block-start: 2px; color: #68655D; font-size: 12px; line-height: 1.6; }
#mobile-menu .nas-menu img.nas-menu__icon,
.nas-dmenu .nas-menu__icon { inline-size: 48px; block-size: 48px; flex: 0 0 48px; object-fit: contain; background: transparent; }
.nas-menu .nas-menu__chev,
.nas-dmenu .nas-menu__chev { inline-size: 15px; block-size: 15px; color: #7D776C; }
#mobile-menu .nas-menu__links { margin-block-start: 14px; border-block-start: 1px solid rgb(92 89 83 / .12); }
#mobile-menu .nas-menu .nas-menu__link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-block-size: 54px;
  padding-inline: 4px;
  border-block-end: 1px solid rgb(92 89 83 / .12);
  color: #24231F;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
#mobile-menu .nas-menu .nas-menu__link > span:nth-of-type(2) { flex: 1 1 auto; }
#mobile-menu .nas-menu__glyph { display: grid; place-items: center; inline-size: 36px; block-size: 36px; }
#mobile-menu .nas-menu__help { margin-block-start: 16px; text-align: center; }
#mobile-menu .nas-menu__help p { margin: 0 0 10px; color: #68655D; font-size: 13px; }
#mobile-menu .nas-menu .nas-menu__help a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-block-size: 50px;
  border-radius: 12px;
  background: #FFFFFF;
  color: #24231F;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
#mobile-menu .nas-menu__help .nas-ico { color: #25D366; }
#mobile-menu .nas-menu a:focus-visible,
.nas-dmenu :is(a, summary):focus-visible { outline: 3px solid #746335; outline-offset: 2px; }

/* قائمة الكمبيوتر: «تسوق المنتجات» */
.nas-dmenu { position: relative; }
.nas-dmenu > summary {
  display: flex;
  align-items: center;
  gap: 7px;
  min-block-size: 44px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  list-style: none;
  cursor: pointer;
  white-space: nowrap;
}
.nas-dmenu > summary::-webkit-details-marker { display: none; }
.nas-dmenu .nas-ico { inline-size: 20px; block-size: 20px; }
.nas-dmenu[open] .nas-dmenu__chev { transform: rotate(180deg); }
.nas-dmenu__panel {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  z-index: 60;
  inline-size: 340px;
  padding: 14px;
  border: 1px solid #E8E3D8;
  border-radius: 16px;
  background: #FAF8F3;
  box-shadow: 0 16px 35px rgb(0 0 0 / .13);
}

/* ---------- واتساب + الرجوع للأعلى: نفس الزرين في الكود السابق تمامًا ----------
   المقاسات والمواضع والألوان منقولة من الكود القديم كما هي (يسار الشاشة في المتجر العربي). */
.nas-fab {
  --nas-fab-obstruction: 0px;
  --nas-scroll-progress: 0%;
  position: fixed;
  left: max(12px, env(safe-area-inset-left));
  bottom: calc(16px + env(safe-area-inset-bottom) + var(--nas-fab-obstruction));
  z-index: 92;
  inline-size: 44px;
  block-size: 44px;
  pointer-events: none;
  font-family: "NaseShaheen", var(--font-main, system-ui, -apple-system, "Segoe UI", sans-serif);
  transition: bottom 180ms ease;
}
.nas-fab__btn {
  position: absolute;
  left: 0;
  inline-size: 44px;
  block-size: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 180ms ease, transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.nas-fab__wa {
  bottom: 0;
  border: 1px solid rgba(11, 11, 11, .11);
  background: rgba(255, 255, 255, .88);
  color: #25D366;
  box-shadow: 0 5px 14px rgba(11, 11, 11, .09);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(.94);
}
.nas-fab.is-whatsapp-visible .nas-fab__wa { opacity: .88; visibility: visible; transform: none; }
.nas-fab__wa .nas-ico { inline-size: 23px; block-size: 23px; flex: 0 0 auto; fill: currentColor; stroke: none; }
.nas-fab__wa::after {
  content: "واتساب";
  position: absolute;
  left: calc(100% + 9px);
  padding: 7px 10px;
  border-radius: 9px;
  background: rgba(11, 11, 11, .88);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-4px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}
.nas-fab__wa:hover { background: rgba(255, 255, 255, .98); opacity: 1; transform: translateY(-2px); box-shadow: 0 7px 17px rgba(11, 11, 11, .12); }
.nas-fab__wa:active,
.nas-fab__wa:focus-visible { opacity: 1; }
.nas-fab__wa:hover::after,
.nas-fab__wa:focus-visible::after { opacity: 1; visibility: visible; transform: none; }
.nas-fab__top {
  left: 2px;
  bottom: 50px;
  inline-size: 44px;
  block-size: 44px;
  border: 1px solid rgba(11, 11, 11, .1);
  background: rgba(255, 255, 255, .84);
  color: #0B0B0B;
  box-shadow: 0 4px 12px rgba(11, 11, 11, .09);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(9px) scale(.94);
}
.nas-fab__top::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(11, 11, 11, .48) var(--nas-scroll-progress), rgba(11, 11, 11, .08) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #0B0B0B 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #0B0B0B 0);
  pointer-events: none;
}
.nas-fab__top .nas-ico { position: relative; z-index: 1; inline-size: 18px; block-size: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.nas-fab__top.is-visible { opacity: .86; visibility: visible; transform: none; }
.nas-fab__top:hover { background: rgba(255, 255, 255, .96); opacity: 1; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(11, 11, 11, .12); }
.nas-fab__top:active,
.nas-fab__top:focus-visible { opacity: 1; }
.nas-fab__btn:focus-visible { outline: 3px solid #FFC700; outline-offset: 3px; }
@media (max-width: 767px) {
  .nas-fab { left: max(10px, env(safe-area-inset-left)); bottom: calc(14px + env(safe-area-inset-bottom) + var(--nas-fab-obstruction)); }
  .nas-fab__wa::after { display: none; }
}
/* يختفي مع فتح القائمة، وفوق قسم الفيديوهات */
body.menu-opened .nas-fab { display: none; }
body:is(.index, .product-single) .nas-fab.is-video-hidden { display: none; }
/* الرئيسية وصفحة المنتج: أزرار بيضاء صريحة كما في السابق */
body:is(.index, .product-single) .nas-fab__btn { background: #FFFFFF; border-color: rgba(92, 89, 83, .10); -webkit-backdrop-filter: none; backdrop-filter: none; }
body:is(.index, .product-single) .nas-fab__btn:hover { background: #FFFFFF; }
body:is(.index, .product-single) .nas-fab.is-whatsapp-visible .nas-fab__wa,
body:is(.index, .product-single) .nas-fab__top.is-visible { opacity: 1; }
body:is(.index, .product-single) .nas-fab__top::before { background: conic-gradient(from 0deg, #5C5953 var(--nas-scroll-progress), #F7F4ED 0); }

/* ---------- صفحة الضمان الذهبي ---------- */
#nas-golden { overflow: hidden; border-radius: 24px; background: var(--nas-paper); color: var(--nas-ink); line-height: 1.7; }
#nas-golden *,
#nas-golden *::before,
#nas-golden *::after { box-sizing: border-box; }
#nas-golden [hidden] { display: none; }
#nas-golden :is(h1, h2, h3, p) { margin: 0; }
#nas-golden :is(a, button) { font: inherit; color: inherit; }
#nas-golden button { cursor: pointer; }
#nas-golden :is(button, a, summary):focus-visible { outline: 2px solid #8B6A00; outline-offset: 4px; }
#nas-golden .nas-ico { inline-size: 22px; block-size: 22px; }
#nas-golden .nas-g-wrap { max-inline-size: 1040px; margin-inline: auto; padding-inline: 32px; }
#nas-golden .nas-g-hero { padding-block: 36px; background: var(--nas-ink); color: var(--nas-white); }
#nas-golden .nas-g-hero__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(100px, .7fr); align-items: center; gap: 24px; }
#nas-golden .nas-g-kicker { display: flex; align-items: center; gap: 8px; margin-block-end: 14px; color: #E5D5AD; font-size: 14px; font-weight: 700; }
#nas-golden h1 { margin-block-end: 14px; font-size: clamp(30px, 4vw, 48px); font-weight: 800; line-height: 1.4; }
#nas-golden .nas-g-lead { max-inline-size: 380px; color: #C3C0B9; font-size: 16px; }
#nas-golden .nas-g-art { display: flex; align-items: center; justify-content: center; block-size: 240px; }
#nas-golden .nas-g-art img { inline-size: 100%; block-size: 100%; object-fit: contain; }
#nas-golden h2 { margin-block-end: 12px; font-size: clamp(24px, 3vw, 32px); font-weight: 800; line-height: 1.45; }
#nas-golden .nas-g-section { padding-block: 34px; }
#nas-golden .nas-g-sub { margin-block-end: 22px; color: #5F5B54; font-size: 15px; }
#nas-golden .nas-g-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#nas-golden .nas-g-cat {
  display: flex;
  align-items: center;
  gap: 12px;
  min-block-size: 94px;
  padding: 18px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: #FFFFFF;
  color: #111111;
  text-align: start;
}
#nas-golden .nas-g-cat[aria-pressed="true"] { border-color: #111111; }
#nas-golden .nas-g-cat__icon { display: grid; place-items: center; flex: none; inline-size: 36px; block-size: 36px; color: #625E56; }
#nas-golden .nas-g-cat b { font-size: 17px; font-weight: 700; }
#nas-golden .nas-g-cat small { display: block; margin-block-start: 3px; color: #666666; font-size: 13px; line-height: 1.6; }
#nas-golden .nas-g-cat__arrow { margin-inline-start: auto; }
#nas-golden .nas-g-direct { display: grid; gap: 12px; margin-block-start: 22px; text-align: center; }
#nas-golden .nas-g-direct > span { color: #666666; font-size: 14px; }
#nas-golden .nas-g-wa {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-block-size: 56px;
  padding: 13px 18px;
  border: 1px solid #EFEBE3;
  border-radius: 16px;
  background: #FFFFFF;
  color: #111111;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
}
#nas-golden .nas-g-wa .nas-ico { inline-size: 28px; block-size: 28px; color: #25C965; }
#nas-golden .nas-g-issuebox { margin-block-start: 20px; padding: 24px; border: 1px solid #E4DFD5; border-radius: 20px; background: #FFFFFF; }
#nas-golden .nas-g-issuebox h3 { margin-block-end: 16px; font-size: 19px; }
#nas-golden .nas-g-issues { display: flex; flex-wrap: wrap; gap: 8px; }
#nas-golden .nas-g-issues button { min-block-size: 44px; padding: 10px 14px; border: 1px solid #DEDBD5; border-radius: 12px; background: #FFFFFF; color: #555555; font-size: 14px; }
#nas-golden .nas-g-issues button[aria-pressed="true"] { border-color: #111111; background: #111111; color: #FFFFFF; }
#nas-golden .nas-g-response { margin-block-start: 20px; padding-block-start: 18px; border-block-start: 1px solid #EEEEEE; }
#nas-golden .nas-g-response p { margin-block-end: 16px; color: #666666; font-size: 15px; }
#nas-golden .nas-g-uselinks { display: grid; gap: 8px; margin-block-start: 16px; }
#nas-golden .nas-g-uselinks a { padding: 12px; border-radius: 12px; background: var(--nas-paper); font-size: 14px; font-weight: 700; text-decoration: none; }
#nas-golden .nas-g-after { margin-block-end: 8px; padding: 28px; border-radius: 22px; background: #FFFFFF; }
#nas-golden .nas-g-after h2 { margin-block-end: 26px; font-size: 24px; }
#nas-golden .nas-g-journey { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 0; list-style: none; }
/* رائد يفرض list-style على قوائم .content-entry؛ عرض block يلغي العلامة بدون !important */
#nas-golden .nas-g-journey li { position: relative; display: block; }
#nas-golden .nas-g-journey i { display: grid; place-items: center; inline-size: 40px; block-size: 40px; margin-block-end: 14px; border-radius: 50%; background: var(--nas-paper); font-size: 14px; font-weight: 700; font-style: normal; }
#nas-golden .nas-g-journey b { font-size: 16px; }
#nas-golden .nas-g-journey p { margin-block-start: 6px; color: #666666; font-size: 14px; }
#nas-golden details { border-block-end: 1px solid #E5E0D7; }
#nas-golden summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 22px; font-size: clamp(17px, 2vw, 23px); font-weight: 700; line-height: 1.6; list-style: none; cursor: pointer; }
#nas-golden summary::-webkit-details-marker { display: none; }
#nas-golden summary .nas-ico { inline-size: 18px; block-size: 18px; color: #625E56; transition: transform var(--nas-std) var(--nas-ease); }
#nas-golden details[open] summary .nas-ico { transform: rotate(180deg); }
#nas-golden details p { padding-block-end: 22px; color: #625E56; font-size: 16px; line-height: 1.85; }
#nas-golden .nas-g-faq { padding-block-end: 0; }
#nas-golden .nas-g-foot { padding-block: 22px 30px; color: #625E56; font-size: 14px; }
#nas-golden .nas-g-foot a { text-underline-offset: 5px; }
@media (max-width: 600px) {
  #nas-golden { border-radius: 18px; }
  #nas-golden .nas-g-wrap { padding-inline: 20px; }
  #nas-golden .nas-g-hero { padding-block: 28px; }
  #nas-golden .nas-g-hero__grid { grid-template-columns: minmax(0, 1fr) 82px; gap: 10px; }
  #nas-golden h1 { font-size: 27px; line-height: 1.45; }
  #nas-golden .nas-g-art { block-size: 174px; }
  #nas-golden .nas-g-lead { font-size: 14px; }
  #nas-golden .nas-g-kicker { margin-block-end: 10px; font-size: 12px; }
  #nas-golden .nas-g-cats { gap: 10px; }
  #nas-golden .nas-g-cat { display: block; min-block-size: 140px; padding: 14px; }
  #nas-golden .nas-g-cat__icon { margin-block-end: 8px; }
  #nas-golden .nas-g-cat b { font-size: 16px; }
  #nas-golden .nas-g-cat small { font-size: 12px; }
  #nas-golden .nas-g-cat__arrow { display: none; }
  #nas-golden .nas-g-after { padding: 22px 18px; }
  #nas-golden .nas-g-after h2 { font-size: 22px; }
  #nas-golden .nas-g-journey { grid-template-columns: 1fr; gap: 22px; }
  #nas-golden .nas-g-journey li { min-block-size: 65px; padding-inline-start: 54px; }
  #nas-golden .nas-g-journey i { position: absolute; inset-inline-start: 0; inset-block-start: 0; margin: 0; }
  #nas-golden .nas-g-journey li:not(:last-child)::after { content: ""; position: absolute; inset-inline-start: 19px; inset-block: 47px -15px; inline-size: 1px; background: #E6E1D8; }
  #nas-golden .nas-g-issuebox { padding: 18px; }
  #nas-golden .nas-g-section { padding-block: 28px; }
}
@media (max-width: 360px) {
  #nas-golden .nas-g-hero__grid { grid-template-columns: 1fr 65px; }
  #nas-golden h1 { font-size: 24px; }
  #nas-golden .nas-g-wrap { padding-inline: 16px; }
}

/* =====================================================================
   جسر رائد — اللمسات الوحيدة على عناصر رائد ومكوّنات سلة
   كل ما يلمس كلاسات سلة الداخلية (.s-*) موجود هنا فقط، ومقيّد بالصفحة.
   لو حدّثت سلة مكوّناتها وتغيّر شكل شيء، احذف الكتلة المعنية من هنا فقط.
   ===================================================================== */

/* ---------- الهيدر ---------- */
/* البحث في الشريط العلوي مخفي، والشريط العلوي نفسه مخفي على الجوال (كما في التصميم الحالي) */
body.theme-raed .store-header .header-search { display: none; }
@media (max-width: 1023px) {
  body.theme-raed .store-header .top-navbar { display: none; }
}
/* عداد السلة بلون ناصع الذهبي */
body.theme-raed .store-header .s-cart-summary-count { background: #FFC700; color: #0B0B0B; }
body.theme-raed .store-header .navbar-brand img { inline-size: auto; max-block-size: 48px; object-fit: contain; }

/* ---------- التذييل الأصلي بلون الورق ---------- */
body.theme-raed .store-footer,
body.theme-raed .store-footer .store-footer__inner { background: #F7F4ED; color: #5C5953; }
body.theme-raed .store-footer :is(h3, .s-contacts-title) { color: #0B0B0B; }
body.theme-raed .store-footer .s-contacts-item .unicode { direction: ltr; unicode-bidi: isolate; }

/* ---------- أزرار البيع الأصلية في سلة: «إضافة للسلة» في صفحة المنتج و«إتمام الطلب» في السلة ----------
   نفس زر ناصع الموحّد في كل المتجر: ذهبي، ارتفاع 56، خط 17، دائرة بيضاء 40 بأيقونة سوداء في نهاية الزر،
   ويملأ عرض مكانه (كان الزر الأصلي يأخذ عرض نصه فقط فيظهر صغيرًا) */
body.product-single form.product-form .sticky-product-bar salla-add-product-button[product-status="sale"] salla-button,
body.cart #s-cart-summary-card-submit { display: block; inline-size: 100%; }
body.product-single form.product-form .sticky-product-bar salla-add-product-button[product-status="sale"] .s-button-element,
body.cart #s-cart-summary-card-submit > .s-button-element {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  min-block-size: 56px;
  padding-block: 8px;
  padding-inline: 20px 56px;
  border: 0;
  border-radius: 999px;
  background-color: #FFC700;
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 40px 40px;
  box-shadow: none;
  color: #0B0B0B;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}
body.product-single form.product-form .sticky-product-bar salla-add-product-button[product-status="sale"] .s-button-element { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FFFFFF'/%3E%3Csvg x='10' y='10' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E%3C/svg%3E"); }
body.cart #s-cart-summary-card-submit > .s-button-element { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FFFFFF'/%3E%3Csvg x='10' y='10' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E%3C/svg%3E"); }
html[dir="ltr"] body.product-single form.product-form .sticky-product-bar salla-add-product-button[product-status="sale"] .s-button-element,
html[dir="ltr"] body.cart #s-cart-summary-card-submit > .s-button-element { padding-inline: 56px 20px; background-position: right 8px center; }
html[dir="ltr"] body.cart #s-cart-summary-card-submit > .s-button-element { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FFFFFF'/%3E%3Csvg x='10' y='10' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 6 6 6-6 6'/%3E%3C/svg%3E%3C/svg%3E"); }
body.product-single form.product-form .sticky-product-bar salla-add-product-button[product-status="sale"] .s-button-text,
body.cart #s-cart-summary-card-submit > .s-button-element .s-button-text { color: inherit; font-size: inherit; }
body.cart #s-cart-summary-card-submit > .s-button-element:disabled { opacity: .55; }
@media (hover: hover) {
  body.product-single form.product-form .sticky-product-bar salla-add-product-button[product-status="sale"] .s-button-element:hover,
  body.cart #s-cart-summary-card-submit > .s-button-element:hover { background-color: #F2BC00; }
}

/* سطر طمأنينة فوق زر الإتمام (CSS فقط — لا حقن داخل مكوّن سلة) */
body.cart .s-cart-summary-card-action::before {
  content: "الضمان الذهبي · دفع آمن عبر سلة · توصيل لكل المملكة";
  display: block;
  margin-block-end: 8px;
  padding-inline-start: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 5 3 8 7 10 4-2 7-5 7-10V6l-7-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") no-repeat right center / 16px 16px;
  color: #0B0B0B;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
html[lang="en"] body.cart .s-cart-summary-card-action::before { content: "Golden warranty · Secure checkout · Delivery across KSA"; }
html[dir="ltr"] body.cart .s-cart-summary-card-action::before { background-position: left center; }

/* ---------- مُدخل الكمية: حبة واحدة هادئة (المنتج + السلة) ---------- */
:is(body.product-single, body.cart) salla-quantity-input {
  border: 1px solid rgb(92 89 83 / .16);
  border-radius: 999px;
  background: #F7F4ED;
  overflow: hidden;
}
:is(body.product-single, body.cart) salla-quantity-input .s-quantity-input-container { block-size: 54px; border: 0; background: transparent; box-shadow: none; }
:is(body.product-single, body.cart) salla-quantity-input .s-quantity-input-button { border: 0; background: transparent; color: #0B0B0B; }
:is(body.product-single, body.cart) salla-quantity-input .s-quantity-input-input { border: 0; background: transparent; color: #0B0B0B; font-size: 18px; font-weight: 700; text-align: center; }

/* ---------- زر الحذف في السلة: هادئ بدل الأحمر ---------- */
body.cart .cart-item .btn--delete { border: 0; background: transparent; color: #5C5953; box-shadow: none; }

/* ---------- زر Apple Pay (متغيرات Apple الرسمية للزر) ---------- */
body.theme-raed apple-pay-button { --apple-pay-button-border-radius: 999px; --apple-pay-button-height: 56px; }

/* ---------- قائمة الجوال: زر الإغلاق هادئ ---------- */
body.theme-raed button.close-mobile-menu { border: 1px solid #E8DDCC; background: #FFFFFF; color: #0B0B0B; }

/* ---------- كتل مكوّنات HTML في الرئيسية ----------
   سلة ترسم محتوى هذه الكتل في المتصفح بعد التحميل. نلغي هوامشها من البداية (مو بعد الرسم)،
   ونحجز للمحتوى ارتفاع شاشة، فلا يظهر التذييل أولًا ثم ينزل ولا تتغير المسافات بعد الرسم (CLS) */
body.index #main-content { min-block-size: 100vh; min-block-size: 100svh; }
body.index #main-content > .s-block--bundle-html-content,
body.index #main-content > .s-block--bundle-html-content > * { margin-block: 0; padding-block: 0; }
/* ---------- الشاشة الأولى في الرئيسية قبل ما ترسم سلة المكوّنات ----------
   سلة ترسم محتوى مكوّنات HTML بسكربت يتأخر لبعد تحميل الصفحة، فكانت:
   1) الواجهة تظهر متأخرة جدًا (أكبر عنصر مرئي LCP ≈ 9.5 ثانية في فحص الجوال)
   2) أشرطة التحميل الرمادية للمكوّنات الـ16 تظهر تحت الهيدر ثم تنزل مرة وحدة (CLS ≈ 0.38)
   الحل: كتلة الواجهة محجوزة بمقاسها النهائي من أول لحظة (فكل ما تحتها خارج الشاشة وقت التحميل)،
   وصورتها الأولى تظهر فورًا من CSS بنفس الرابط والقص والتدرج اللي في الواجهة نفسها،
   ثم يكتمل العنوان والأزرار فوقها لما ترسمها سلة. الكتلة تُعرف من محتواها (nase-main-hero) لا من ترتيبها. */
body.index #main-content > .s-block--bundle-html-content:is(:has(> [config*="nase-main-hero"]), :has(#nase-main-hero)) {
  min-block-size: calc(var(--nas-vh) - var(--nas-header-h));
  background:
    linear-gradient(0deg, rgb(11 11 11 / .85), rgb(11 11 11 / .18) 80%),
    url("https://res.cloudinary.com/dlrkhmwsl/video/upload/so_16.1,f_auto,q_auto,w_828/v1782206648/test_kimo_ltyams.jpg") 50% 54% / cover no-repeat,
    #0B0B0B;
}
@media (min-width: 768px) {
  body.index #main-content > .s-block--bundle-html-content:is(:has(> [config*="nase-main-hero"]), :has(#nase-main-hero)) {
    background-image:
      linear-gradient(0deg, rgb(11 11 11 / .85), rgb(11 11 11 / .18) 80%),
      url("https://res.cloudinary.com/dlrkhmwsl/video/upload/so_16.1,f_auto,q_auto,w_1080/v1782206648/test_kimo_ltyams.jpg");
  }
}
/* شريط التحميل الرمادي المؤقت فوق صورة الواجهة: مخفي (الكتلة محجوزة أصلًا) */
body.index #main-content > .s-block--bundle-html-content:has(> [config*="nase-main-hero"]) .twilight-skeleton { visibility: hidden; }

.s-block:has(> .nas-salla-root),
.s-block:has(> .s-block > .nas-salla-root),
.s-block:has(> .s-block-html-content > .nas-salla-root) {
  margin-block: 0;
  padding-block: 0;
}

/* ---------- تقييمات سلة داخل قسم «تجارب العملاء» ----------
   مكوّن سلة يعرض البطاقة النشطة بعرض 60٪ والصورة بجانب النص، فيضيق النص جدًا على الجوال.
   هنا: بطاقة بعرض الشاشة تقريبًا (والتالية تطل من الطرف)، النص كامل العرض، والاسم والنجوم تحته.
   (#nase-reviews لأن تنسيق المكوّن يُحقن وقت التشغيل وبعضه بأولوية عالية) */
#nase-reviews .s-reviews-header { display: none; } /* عنوان القسم من ناصع فوقه */
#nase-reviews .s-reviews-header-wrapper { justify-content: flex-end; margin-block-end: 8px; }
#nase-reviews .s-reviews-display-all { min-block-size: 44px; color: #0B0B0B; font-size: 14px; opacity: 1; }
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 14px;
  padding: 22px 20px 20px;
  border: 1px solid rgb(11 11 11 / .08);
  border-radius: 24px;
  background: #F7F4ED;
  box-shadow: none;
  opacity: 1;
}
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__icon { order: -1; line-height: 0; }
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__icon svg {
  position: static;
  inline-size: 26px;
  block-size: 26px;
  fill: #FFC700;
  transform: none;
}
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__inner {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-areas: "text text" "avatar name";
  align-items: center;
  gap: 16px 12px;
  inline-size: 100%;
  text-align: start;
}
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__text { display: contents; }
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__text p {
  grid-area: text;
  display: block;
  margin: 0;
  color: #0B0B0B;
  font-size: 16px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__avatar { grid-area: avatar; inline-size: 44px; block-size: 44px; margin: 0; }
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__name_wrapper {
  grid-area: name;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-inline-size: 0;
}
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__info { margin: 0; }
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__info h2 { font-size: 15px; line-height: 1.4; }
#nase-reviews .s-reviews-container .swiper-slide .s-reviews-testimonial__rating { display: block; margin: 0; font-size: 13px; }
@media (max-width: 1023px) {
  #nase-reviews .s-reviews-testimonials-slider .swiper { padding-inline: 0; }
  #nase-reviews .s-reviews-container .swiper-slide,
  #nase-reviews .s-reviews-container .swiper-slide-active { inline-size: 88%; padding-inline: 0 12px; }
  #nase-reviews :is(.s-slider-block__title, .s-slider--nav-arrow, .s-slider-nav-arrow, .s-slider-button-prev, .s-slider-button-next) { display: none; }
}

/* ---------- صفحة المنتج: بطاقة ناصع بعناصر رائد الأصلية (تنسيق وترتيب عرض فقط، بدون حذف أو نقل) ----------
   الصورة كاملة على خلفية بيضاء بمساحة حولها، نقاط بدل المصغّرات على الجوال، الاسم ثم الملخص ثم السعر بأرقام واضحة */
body.product-single {
  /* ارتفاع صورة المنتج على الجوال: ما يتبقى من الشاشة بعد الهيدر وشريط الشراء ومعلومات المنتج (≈262)،
     فيظهر الاسم والملخص والسعر في أول شاشة مع أكبر صورة ممكنة */
  --nas-pdp-img: clamp(210px, calc(var(--nas-vh) - var(--nas-header-h) - var(--nas-dock-h) - 262px), 440px);
}
body.product-single #main-content { min-block-size: 100vh; min-block-size: 100svh; background: #FFFFFF; } /* التذييل يبقى تحت الشاشة لين تكتمل الصفحة */
body.product-single .container--product-details > [id^="product-"] { gap: 0; }
body.product-single .container--product-details .sidebar { margin-block-end: 0; background: #FFFFFF; }
/* المعرض: بلا إطار رمادي ولا حلقة حول الشريحة */
body.product-single .details-slider > .swiper,
body.product-single .details-slider .s-slider-container { border: 0; border-radius: 0; background: #FFFFFF; }
body.product-single .details-slider > .swiper .swiper-slide { aspect-ratio: 1 / 1; border-radius: 0; background: #FFFFFF; box-shadow: none; }
body.product-single .details-slider > .swiper .swiper-slide img,
body.product-single .details-slider > [slot="items"] img { inline-size: 100%; block-size: 100%; padding: 4%; object-fit: contain; }
/* قبل ما يجهز مكوّن المعرض: نفس مقاس الشريحة الأولى (بدل صور مكدّسة فوق بعض تقفز بعد التحميل) */
body.product-single salla-slider.details-slider:not(.hydrated) { display: block; position: relative; }
body.product-single salla-slider.details-slider:not(.hydrated) > [slot="items"] { display: flex; margin: 0; padding: 0; overflow: hidden; }
body.product-single salla-slider.details-slider:not(.hydrated) > [slot="items"] > * { flex: 0 0 100%; aspect-ratio: 1 / 1; padding: 0; }
body.product-single salla-slider.details-slider:not(.hydrated) > [slot="thumbs"] { display: none; }
/* المصغّرات (الكمبيوتر): هادئة، والنشطة بإطار أسود */
body.product-single .details-slider > .s-slider-thumbs .swiper-slide { opacity: .6; transition: opacity .2s; }
body.product-single .details-slider > .s-slider-thumbs .swiper-slide-thumb-active { opacity: 1; }
body.product-single .details-slider > .s-slider-thumbs img { border: 1px solid rgb(11 11 11 / .08); border-radius: 14px; background: #F7F4ED; object-fit: contain; }
body.product-single .details-slider > .s-slider-thumbs .swiper-slide-thumb-active img { border-color: #0B0B0B; }

body.product-single .container--product-details .main-content { display: flex; flex-direction: column; padding: 16px 20px 20px; background: #FFFFFF; }
/* ترتيب العرض: الاسم والتقييم ← الملخص ← السعر ← الباقي */
body.product-single .main-content > * { order: 5; }
body.product-single .main-content > :is(h1, .product-entry__sub-title, salla-rating-stars) { order: 1; }
body.product-single .main-content > .product__description { order: 2; }
body.product-single .main-content > .nas-pdp-perk { order: 3; }
body.product-single .main-content > form.product-form { order: 4; }
body.product-single .main-content > .nas-pdp-jump { order: 6; }
/* شعار المتجر فوق الاسم، والسعر الثابت المكرر أعلى الوصف (السعر الحي داخل نموذج الشراء)، وأزرار المشاركة */
body.product-single .main-content > :is(.product-brand, [data-testid="store-product-price"], .flex.whitespace-nowrap, small.color-grey),
body.product-single .main-content > .flex:has(> salla-social-share) { display: none; }
body.product-single .main-content > h1 { margin: 0 0 4px; color: #0B0B0B; font-size: 26px; font-weight: 700; line-height: 1.35; }
body.product-single .main-content > .product-entry__sub-title { margin-block-end: 6px; color: #5C5953; font-size: 14px; }
body.product-single .main-content > salla-rating-stars { display: block; margin-block-end: 8px; font-size: 13px; }
/* الوصف: الملخص (أول فقرة) فقط، والتفاصيل بزر */
body.product-single .product__description { margin: 0 0 10px; padding: 0; color: #5C5953; font-size: 15px; line-height: 1.75; }
body.product-single .product__description :is(h2, h3) { margin-block: 14px 6px; color: #0B0B0B; font-size: 17px; line-height: 1.4; }
body.product-single .product__description article > p:first-child { margin: 0; color: #5C5953; font-size: 16px; line-height: 1.7; }
/* ---------- منتجات ناصع الثلاثة: شكل البطاقة النهائي من أول لحظة (CSS فقط) ----------
   سكربت ناصع في المتجر يشتغل متأخرًا مع باقي السكربتات، فأي شيء يغيّره بعد الظهور كان يحرك السعر وما تحته.
   هنا كل شيء محجوز مسبقًا بنفس مقاسه، والسكربت يكمّل بدون ما يتحرك شيء: */
/* الاسم: سطر واحد (السكربت يعرض الاسم المختصر في نفس السطر) */
body.product-single :is(#product-744817612, #product-327470538, #product-1667866329) .main-content > h1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
/* التقييم: ارتفاع ثابت قبل وبعد ما يجهز مكوّن سلة */
body.product-single :is(#product-744817612, #product-327470538, #product-1667866329) .main-content > salla-rating-stars { block-size: 24px; }
/* الوصف: الملخص فقط من البداية، ومكان «اقرأ المزيد» محجوز في نهاية سطره */
body.product-single :is(#product-744817612, #product-327470538, #product-1667866329) .product__description:not(.nas-desc-open):not(:has(#btn-show-more)) article:has(> :nth-child(2)) > :not(:first-child) { display: none; }
body.product-single :is(#product-744817612, #product-327470538, #product-1667866329) .product__description:not(.nas-desc-ready):not(:has(#btn-show-more)) article:has(> :nth-child(2)) > p:first-child::after { content: " اقرأ المزيد"; visibility: hidden; font-size: 14px; font-weight: 700; }
/* «شامل الضريبة» تحت السعر من CSS (بدل إضافته بالسكربت)، وسطره بارتفاع شارة «شحن مجاني» في المتكاملة */
body.product-single :is(#product-744817612, #product-327470538, #product-1667866329) .product-form > section:has(.price-wrapper)::after { content: "شامل الضريبة"; order: 1; display: inline-flex; align-items: center; color: #5C5953; font-size: 13px; line-height: 1.5; }
body.product-single #product-1667866329 .product-form > section:has(.price-wrapper)::after { min-block-size: 28px; }
body.product-single .product-form > section:has(.price-wrapper) > .nas-pdp-perk { order: 2; }
body.product-single .product__description article { padding-block: 0; }
/* «ما بيع» الأصلي: سطر هادئ بدل الأحمر */
body.product-single .main-content > div:has(> div > .sicon-fire) { padding: 0; background: transparent; color: #5C5953; font-size: 13px; }
body.product-single .main-content > div:has(> div > .sicon-fire) > div { padding-inline: 0; color: #5C5953 !important; }

/* السعر داخل نموذج الشراء: كبير وواضح، و«شامل الضريبة» تحته */
body.product-single .product-form > section:has(.price-wrapper) { flex-wrap: wrap; padding-inline: 0; padding-block: 2px 4px; background: transparent; }
body.product-single .product-form > section:has(.price-wrapper) { align-items: center; column-gap: 10px; }
body.product-single .product-form > section:has(.price-wrapper) > .center-between { flex: 1 0 100%; }
body.product-single .product-form > section:has(.price-wrapper) .form-label { display: none; }
body.product-single .product-form > section:has(.price-wrapper) .center-between { flex-wrap: wrap; justify-content: flex-start; align-items: baseline; gap: 4px 12px; }
body.product-single .price-wrapper .total-price { color: #0B0B0B; font-size: 34px; font-weight: 900; line-height: 1.15; }
body.product-single .price-wrapper .before-price { color: #5C5953; font-size: 18px; }
/* المتكاملة: مجموع السعرين مشطوب بجانب السعر (يختفي لو فعّلت سلة تخفيضًا خاصًا بها) */
body.product-single .price-wrapper:has(.price_is_on_sale:not(.hidden)) ~ .nas-pdp-was { display: none; }
body.product-single .product-form .sticky-product-bar { padding-inline: 0; background: transparent; }
body.product-single .sticky-product-bar__quantity .form-label { font-size: 14px; }

/* الجوال: بطاقة واحدة بإطار خفيف، بدون مسار التنقل، والصورة بارتفاع يُبقي الاسم والسعر في أول شاشة */
@media (max-width: 767px) {
  body.product-single .container--breadcrumbs { display: none; }
  body.product-single .container--product-details { margin-block-start: 12px; }
  body.product-single .container--product-details > [id^="product-"] { border: 1px solid rgb(11 11 11 / .08); border-radius: 28px; background: #FFFFFF; overflow: clip; }
  body.product-single .details-slider > .swiper .swiper-slide,
  body.product-single salla-slider.details-slider:not(.hydrated) > [slot="items"] > * { max-block-size: var(--nas-pdp-img); }
  body.product-single .details-slider > .s-slider-thumbs { display: none; }
  /* صورة المنتج الأولى موجودة في الصفحة من الخادم، لكن سلة تخفي المعرض كاملًا حتى يجهز سكربته.
     على الجوال تظهر الصورة الأولى مباشرة بنفس مكانها ومقاسها بعد التجهيز (المصغّرات والأسهم مخفية هنا أصلًا)،
     فيظهر أكبر عنصر في الشاشة مبكرًا بدون أي قفز. على الكمبيوتر يبقى سلوك سلة كما هو. */
  body.product-single salla-slider.details-slider:not(.hydrated) { visibility: visible; }
  /* شريط أسهم المعرض فارغ على الجوال (الأسهم مخفية) لكنه يضيف مسافة فوق الصورة بعد التجهيز فقط:
     نخفيه ونثبت نفس المسافة في الحالتين */
  body.product-single .details-slider > .s-slider-block__title { display: none; }
  body.product-single salla-slider.details-slider { padding-block-start: 16px; }
  /* مكان نقاط الصور محجوز تحت المعرض من البداية (النقاط يضيفها السكربت لاحقًا في نفس المكان) */
  body.product-single .container--product-details .sidebar:has(salla-slider.details-slider :is([slot="items"], .s-slider-container > .swiper-wrapper) > :nth-child(2)) { position: relative; inset-block-start: 0; padding-block-end: 28px; } /* top: 0 يلغي إزاحة top-24 الخاصة بالكمبيوتر */
}
/* الكمبيوتر: نفس البطاقة بعمودين */
@media (min-width: 768px) {
  body.product-single .container--product-details > [id^="product-"] { padding: 24px; border: 1px solid rgb(11 11 11 / .08); border-radius: 32px; background: #FFFFFF; }
  body.product-single .container--product-details .main-content { padding: 8px 4px 0; }
  body.product-single .main-content > h1 { font-size: 32px; }
}

/* شريط الشراء السفلي الأصلي في رائد (إعداد «تثبيت زر الإضافة») على الجوال: صف واحد */
@media (max-width: 640px) {
  body.product-single.is-sticky-product-bar { --nas-dock-h: calc(78px + env(safe-area-inset-bottom, 0px)); }
  body.product-single.is-sticky-product-bar .sticky-product-bar {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    border-block-start: 1px solid rgb(92 89 83 / .14);
    background: #FFFFFF;
    box-shadow: 0 -8px 28px rgb(11 11 11 / .06);
  }
  body.product-single.is-sticky-product-bar .sticky-product-bar__quantity { flex: 0 0 116px; inline-size: 116px; margin: 0; }
  body.product-single.is-sticky-product-bar .sticky-product-bar salla-add-product-button { flex: 1 1 auto; inline-size: auto; min-inline-size: 0; margin: 0; }
}

/* ---------- السلة: بطاقات رائد ---------- */
body.cart #main-content { background: #F7F4ED; }
body.cart .cart-item { border-radius: 24px; padding: 18px; }
body.cart .cart-item img { border: 0; border-radius: 16px; background: #F7F4ED; object-fit: contain; }
body.cart .cart-item h1 { padding-inline-end: 44px; overflow-wrap: anywhere; }
body.cart salla-basket-gap { display: none; }

/* ---------- صفحة الضمان الذهبي: حاوية الصفحة في رائد ---------- */
.content--single-page:has(#nas-golden) { inline-size: 100%; max-inline-size: 1100px; margin-block-start: 16px; padding: 0; background: transparent; border-radius: 0; }
.content--single-page:has(#nas-golden) > h1 { display: none; }
@media (max-width: 600px) {
  .content--single-page:has(#nas-golden) { margin-block-start: 0; }
}

/* =====================================================================
   تفضيلات المستخدم: تقليل الحركة، تقليل الشفافية، والتباين العالي
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
  .nas-salla-root *,
  .nas-salla-root *::before,
  .nas-salla-root *::after,
  .nas-fab,
  .nas-fab * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .nas-reveal-pending { opacity: 1; transform: none; }
  .nas-sum.is-armed .nas-sum__eq > *, .nas-sum.is-armed .nas-sum__final { opacity: 1; }
  .nas-fab, .nas-fab__btn, .nas-fab__wa::after { transition: none !important; }
  .nas-fab__wa:hover, .nas-fab__top:hover { transform: none; }
  .nas-hero__video { display: none; }
  .nas-pdp-dots button::before { transition: none; }
  /* بدون حركة: الشعارات ثابتة وملفوفة في سطور */
  .nas-marquee__track { flex-wrap: wrap; justify-content: center; inline-size: auto; animation: none !important; }
  .nas-marquee__set[aria-hidden="true"] { display: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .nas-chip,
  .nas-journey-btn,
  .nas-endcard { background: rgb(11 11 11 / .9); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .nas-chip,
  .nas-journey-btn,
  .nas-endcard { background: rgb(11 11 11 / .88); }
}

@media (prefers-contrast: more) {
  .nas-salla-root { --nas-muted: #3F3D39; --nas-line: rgb(11 11 11 / .32); }
  .nas-ink { --nas-on-dark-muted: #FFFFFF; }
}