/* ============================================================
   فنار شوب — Components
   كل المحددات محصورة داخل .fnr-site — لا اعتماد على معرّفات Elementor المولّدة.
   ============================================================ */

.fnr-site, .fnr-site *, .fnr-site *::before, .fnr-site *::after{ box-sizing: border-box; }

.fnr-site{
  font-family: var(--fnr-font-ui);
  font-size: var(--fnr-fs-body);
  line-height: var(--fnr-lh-body);
  color: var(--fnr-text);
  background: var(--fnr-paper);
  -webkit-font-smoothing: antialiased;
}

.fnr-site img{ max-width: 100%; height: auto; display: block; }

/* ---------- التركيز المرئي: قاعدة واحدة لكل العناصر التفاعلية ---------- */
.fnr-site :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible{
  outline: none;
  box-shadow: var(--fnr-focus);
  border-radius: var(--fnr-r-sm);
}

/* ---------- الغلاف والأقسام ---------- */
.fnr-site .fnr-shell{ width: 100%; max-width: var(--fnr-maxw); margin-inline: auto; padding-inline: var(--fnr-gutter); }
.fnr-site .fnr-shell--narrow{ max-width: var(--fnr-maxw-narrow); }

.fnr-site .fnr-section{ padding-block: var(--fnr-sp-8); }
.fnr-site .fnr-section--tight{ padding-block: var(--fnr-sp-6); }
.fnr-site .fnr-section--sand{ background: var(--fnr-sand); }
.fnr-site .fnr-section--first{ padding-block-start: var(--fnr-sp-6); }

.fnr-site .fnr-stack{ display: flex; flex-direction: column; gap: var(--fnr-sp-4); }
.fnr-site .fnr-row{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--fnr-sp-3); }

/* ---------- العناوين ---------- */
.fnr-site .fnr-heading{
  font-family: var(--fnr-font-display);
  font-weight: 700;
  line-height: var(--fnr-lh-tight);
  color: var(--fnr-sage-ink);
  margin: 0;
  letter-spacing: 0;
}
.fnr-site .fnr-heading--display{ font-size: var(--fnr-fs-display); }
.fnr-site .fnr-heading--page{ font-size: var(--fnr-fs-h1); }
.fnr-site .fnr-heading--section{ font-size: var(--fnr-fs-h2); }
.fnr-site .fnr-heading--sub{ font-size: var(--fnr-fs-h3); font-family: var(--fnr-font-ui); font-weight: 600; }

.fnr-site .fnr-text{ margin: 0; max-width: 62ch; color: var(--fnr-text-muted); }
.fnr-site .fnr-text--lead{ font-size: 1.06rem; color: var(--fnr-text); }
.fnr-site .fnr-text--fine{ font-size: var(--fnr-fs-sm); color: var(--fnr-text-faint); line-height: 1.65; }

/* ---------- ترويسة القسم: العنوان + خطوط المنارة ---------- */
.fnr-site .fnr-sectionhead{ display: flex; align-items: flex-end; justify-content: space-between; gap: var(--fnr-sp-4); flex-wrap: wrap; margin-block-end: var(--fnr-sp-6); }
.fnr-site .fnr-sectionhead__body{ display: flex; flex-direction: column; gap: var(--fnr-sp-2); }

/* شرائط الماء في اللوجو، مُعاد استخدامها كفاصل يحمل معنى الهوية */
.fnr-site .fnr-rays{ display: flex; flex-direction: column; gap: 3px; width: 62px; flex: 0 0 auto; padding-block-start: .55rem; }
.fnr-site .fnr-rays__line{ height: 2px; border-radius: 2px; background: var(--fnr-turquoise); opacity: .85; }
.fnr-site .fnr-rays__line:nth-child(1){ width: 100%; }
.fnr-site .fnr-rays__line:nth-child(2){ width: 74%; }
.fnr-site .fnr-rays__line:nth-child(3){ width: 48%; }
.fnr-site .fnr-rays__line:nth-child(4){ width: 26%; }

/* ---------- الأزرار ---------- */
.fnr-site .fnr-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: var(--fnr-sp-2);
  font-family: var(--fnr-font-ui); font-size: var(--fnr-fs-body); font-weight: 600; line-height: 1.2;
  padding: .85rem 1.6rem; min-height: 48px; border-radius: var(--fnr-r-pill);
  border: 1.5px solid transparent; cursor: pointer; text-decoration: none;
  transition: background-color var(--fnr-dur) var(--fnr-ease), color var(--fnr-dur) var(--fnr-ease), border-color var(--fnr-dur) var(--fnr-ease);
}
.fnr-site .fnr-btn--primary{ background: var(--fnr-sage-deep); color: var(--fnr-on-dark); }
.fnr-site .fnr-btn--primary:hover{ background: var(--fnr-sage-ink); }
.fnr-site .fnr-btn--secondary{ background: transparent; color: var(--fnr-sage-deep); border-color: var(--fnr-sage); }
.fnr-site .fnr-btn--secondary:hover{ background: var(--fnr-sand); }
.fnr-site .fnr-btn--quiet{ background: transparent; color: var(--fnr-text-muted); padding-inline: .6rem; min-height: 40px; }
.fnr-site .fnr-btn--quiet:hover{ color: var(--fnr-sage-deep); }
.fnr-site .fnr-btn--block{ width: 100%; }
.fnr-site .fnr-btn--lg{ padding: 1rem 2rem; min-height: 54px; font-size: 1.05rem; }
.fnr-site .fnr-btn[aria-disabled="true"], .fnr-site .fnr-btn:disabled{ opacity: .5; cursor: not-allowed; }

.fnr-site .fnr-link{ color: var(--fnr-sage-deep); text-underline-offset: .28em; text-decoration-thickness: 1px; }
.fnr-site .fnr-link:hover{ color: var(--fnr-turquoise); }

/* ---------- الشارات ---------- */
.fnr-site .fnr-badge{ display: inline-flex; align-items: center; gap: .35rem; font-size: var(--fnr-fs-xs); font-weight: 600; padding: .28rem .7rem; border-radius: var(--fnr-r-pill); }
.fnr-site .fnr-badge--personalized{ background: #E9F6F5; color: #1C6B66; }
.fnr-site .fnr-badge--sale{ background: var(--fnr-coral); color: #fff; }
.fnr-site .fnr-badge--soft{ background: var(--fnr-sand-deep); color: var(--fnr-text-muted); }

/* ---------- شبكة المنتجات: مصدر واحد يملك العرض والفجوة ---------- */
.fnr-site .fnr-grid{ display: flex; flex-wrap: wrap; gap: var(--fnr-grid-gap); align-items: stretch; list-style: none; margin: 0; padding: 0; }
.fnr-site .fnr-grid > *{ flex: 1 1 var(--fnr-card-min); min-width: 0; max-width: 100%; }
/* لا تمتد آخر بطاقة على عرض الشاشة: حاجز شبحي يوازن الصف الأخير */
.fnr-site .fnr-grid::after{ content: ""; flex: 999 1 var(--fnr-card-min); min-width: 0; }
.fnr-site .fnr-grid--cats{ --fnr-card-min: 190px; }
.fnr-site .fnr-grid--wide{ --fnr-card-min: 300px; }

/* ---------- بطاقة المنتج ---------- */
.fnr-site .fnr-card{
  display: flex; flex-direction: column; background: var(--fnr-paper);
  border: 1px solid var(--fnr-line); border-radius: var(--fnr-r-lg); overflow: hidden;
  transition: box-shadow var(--fnr-dur) var(--fnr-ease), border-color var(--fnr-dur) var(--fnr-ease);
}
.fnr-site .fnr-card:hover{ border-color: var(--fnr-sand-deep); box-shadow: var(--fnr-shadow-card); }
.fnr-site .fnr-card__media{ position: relative; display: block; aspect-ratio: 4 / 3; background: var(--fnr-sand); overflow: hidden; }
.fnr-site .fnr-card__media img{ width: 100%; height: 100%; object-fit: cover; }
.fnr-site .fnr-card__flags{ position: absolute; inset-block-start: .6rem; inset-inline-start: .6rem; display: flex; flex-direction: column; align-items: flex-start; gap: .3rem; }
.fnr-site .fnr-card__body{ display: flex; flex-direction: column; gap: var(--fnr-sp-2); padding: var(--fnr-sp-4); flex: 1 1 auto; }
.fnr-site .fnr-card__title{ font-family: var(--fnr-font-ui); font-size: .97rem; font-weight: 600; line-height: 1.55; margin: 0; color: var(--fnr-text); }
.fnr-site .fnr-card__title a{ color: inherit; text-decoration: none; }
.fnr-site .fnr-card__title a:hover{ color: var(--fnr-sage-deep); text-decoration: underline; text-underline-offset: .25em; }
.fnr-site .fnr-card__price{ display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-block-start: auto; }
.fnr-site .fnr-card__actions{ padding: 0 var(--fnr-sp-4) var(--fnr-sp-4); }

.fnr-site .fnr-price{ font-family: var(--fnr-font-ui); font-weight: 700; color: var(--fnr-sage-ink); font-size: 1.1rem; direction: ltr; unicode-bidi: isolate; }
.fnr-site .fnr-price--unit{ direction: rtl; }
.fnr-site .fnr-price--was{ font-weight: 400; font-size: .9rem; color: var(--fnr-text-faint); text-decoration: line-through; }
.fnr-site .fnr-price--unit{ font-size: var(--fnr-fs-xs); font-weight: 500; color: var(--fnr-text-muted); }
.fnr-site .fnr-price--total{ font-size: var(--fnr-fs-price); }

/* ---------- بطاقة التصنيف ---------- */
.fnr-site .fnr-cat{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 168px; padding: var(--fnr-sp-4); border-radius: var(--fnr-r-lg); overflow: hidden; text-decoration: none; background: var(--fnr-sand); border: 1px solid var(--fnr-line); }
.fnr-site .fnr-cat__img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fnr-site .fnr-cat__veil{ position: absolute; inset: 0; background: linear-gradient(to top, rgba(36,65,60,.82), rgba(36,65,60,.12) 62%); }
.fnr-site .fnr-cat__name{ position: relative; font-family: var(--fnr-font-display); font-size: 1.3rem; font-weight: 700; color: #fff; }
.fnr-site .fnr-cat__count{ position: relative; font-size: var(--fnr-fs-xs); color: rgba(255,255,255,.85); }
.fnr-site .fnr-cat:hover .fnr-cat__veil{ background: linear-gradient(to top, rgba(36,65,60,.88), rgba(65,193,186,.24) 70%); }

/* ---------- صندوق معلومة (بديل الأيقونات المفروضة) ---------- */
.fnr-site .fnr-fact{ display: flex; flex-direction: column; gap: .35rem; padding: var(--fnr-sp-4) 0; border-block-start: 2px solid var(--fnr-turquoise); }
.fnr-site .fnr-fact__title{ font-weight: 600; font-size: .98rem; color: var(--fnr-sage-ink); }
.fnr-site .fnr-fact__text{ font-size: var(--fnr-fs-sm); color: var(--fnr-text-muted); line-height: 1.65; margin: 0; }

/* ---------- الخطوات (تسلسل حقيقي، لذلك الترقيم مبرر) ---------- */
.fnr-site .fnr-step{ display: flex; gap: var(--fnr-sp-4); align-items: flex-start; }
.fnr-site .fnr-step__num{ flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--fnr-paper); border: 1.5px solid var(--fnr-sage); color: var(--fnr-sage-deep); font-weight: 700; font-size: .95rem; }
.fnr-site .fnr-step__body{ display: flex; flex-direction: column; gap: .3rem; }

/* ---------- الحقول والنماذج ---------- */
.fnr-site .fnr-field{ display: flex; flex-direction: column; gap: .4rem; }
.fnr-site .fnr-field__label{ font-size: var(--fnr-fs-sm); font-weight: 600; color: var(--fnr-sage-ink); }
.fnr-site .fnr-field__hint{ font-size: var(--fnr-fs-xs); color: var(--fnr-text-faint); line-height: 1.6; }
.fnr-site .fnr-field__error{ font-size: var(--fnr-fs-xs); color: var(--fnr-error); font-weight: 600; }
.fnr-site .fnr-input, .fnr-site .fnr-select, .fnr-site .fnr-textarea{
  font-family: var(--fnr-font-ui); font-size: 1rem; color: var(--fnr-text);
  background: var(--fnr-paper); border: 1.5px solid var(--fnr-line);
  border-radius: var(--fnr-r-md); padding: .75rem .9rem; min-height: 48px; width: 100%;
  transition: border-color var(--fnr-dur) var(--fnr-ease);
}
.fnr-site .fnr-input:hover, .fnr-site .fnr-select:hover{ border-color: var(--fnr-sand-deep); }
.fnr-site .fnr-input[aria-invalid="true"]{ border-color: var(--fnr-error); background: var(--fnr-error-bg); }
.fnr-site .fnr-textarea{ min-height: 110px; resize: vertical; }
.fnr-site .fnr-select{ appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--fnr-text-muted) 50%), linear-gradient(135deg, var(--fnr-text-muted) 50%, transparent 50%); background-position: left 1.1rem top 55%, left .75rem top 55%; background-size: 6px 6px; background-repeat: no-repeat; }

/* ---------- التنبيهات ---------- */
.fnr-site .fnr-alert{ display: flex; flex-direction: column; gap: .25rem; padding: var(--fnr-sp-3) var(--fnr-sp-4); border-radius: var(--fnr-r-md); font-size: var(--fnr-fs-sm); line-height: 1.65; border-inline-start: 3px solid transparent; }
.fnr-site .fnr-alert--error{ background: var(--fnr-error-bg); color: var(--fnr-error); border-inline-start-color: var(--fnr-error); }
.fnr-site .fnr-alert--success{ background: var(--fnr-success-bg); color: var(--fnr-success); border-inline-start-color: var(--fnr-success); }
.fnr-site .fnr-alert--notice{ background: var(--fnr-notice-bg); color: #6B5220; border-inline-start-color: var(--fnr-glow); }
.fnr-site .fnr-alert:empty{ display: none; }

/* ---------- حالات فارغة ---------- */
.fnr-site .fnr-empty{ display: flex; flex-direction: column; align-items: center; gap: var(--fnr-sp-4); text-align: center; padding: var(--fnr-sp-8) var(--fnr-sp-4); }

/* ---------- أدوات ---------- */
.fnr-site .fnr-visually-hidden{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.fnr-site .fnr-divider{ height: 1px; background: var(--fnr-line); border: 0; margin: 0; }
.fnr-site .fnr-tag-demo{ display: inline-flex; align-items: center; gap: .35rem; font-size: var(--fnr-fs-xs); font-weight: 700; color: #6B5220; background: var(--fnr-notice-bg); border: 1px dashed var(--fnr-glow); border-radius: var(--fnr-r-pill); padding: .2rem .7rem; }


/* ---------- اختيار عدد الأسماء ---------- */
.fnr-site .fnr-countpick{
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--fnr-space-3); margin-block: var(--fnr-space-3);
}
.fnr-site .fnr-countpick__quick{ display: flex; flex-wrap: wrap; gap: .4rem; }
.fnr-site .fnr-chip--count{
  min-inline-size: 2.85rem; min-block-size: 2.85rem;
  border: 1.5px solid var(--fnr-line);
  border-radius: var(--fnr-radius-sm);
  background: var(--fnr-paper);
  color: var(--fnr-sage-ink);
  font: 600 1.02rem/1 var(--fnr-font-ui);
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.fnr-site .fnr-chip--count:hover{ border-color: var(--fnr-sage); }
.fnr-site .fnr-chip--count[aria-pressed="true"]{
  background: var(--fnr-sage-deep);
  border-color: var(--fnr-sage-deep);
  color: #fff;
}
.fnr-site .fnr-stepper--count{
  display: inline-flex; align-items: stretch;
  border: 1.5px solid var(--fnr-line);
  border-radius: var(--fnr-radius-sm);
  overflow: hidden; background: var(--fnr-paper);
}
.fnr-site .fnr-stepper__btn{
  min-inline-size: 2.6rem; min-block-size: 2.85rem;
  border: 0; background: transparent; cursor: pointer;
  color: var(--fnr-sage-ink); font-size: 1.15rem;
}
.fnr-site .fnr-stepper__btn:hover:not(:disabled){ background: var(--fnr-sand); }
.fnr-site .fnr-stepper__btn:disabled{ opacity: .34; cursor: not-allowed; }
.fnr-site .fnr-stepper__input{
  inline-size: 3.2rem; border: 0; text-align: center;
  font: 600 1.02rem/1 var(--fnr-font-ui);
  color: var(--fnr-sage-ink); background: transparent;
  direction: ltr; unicode-bidi: isolate;
  -moz-appearance: textfield;
}
.fnr-site .fnr-stepper__input::-webkit-outer-spin-button, .fnr-site .fnr-stepper__input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }

/* صفوف الأسماء المولّدة */
.fnr-site .fnr-names{ display: grid; gap: .55rem; margin-block: var(--fnr-space-3); }
.fnr-site .fnr-namerow{ display: flex; align-items: center; gap: .6rem; }
.fnr-site .fnr-namerow__index{
  flex: 0 0 auto;
  inline-size: 1.9rem; block-size: 1.9rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--fnr-sand); color: var(--fnr-sage-deep);
  font: 600 .82rem/1 var(--fnr-font-ui);
  direction: ltr; unicode-bidi: isolate;
}
.fnr-site .fnr-namerow__field{ flex: 1 1 auto; }
.fnr-site .fnr-namerow__field .fnr-input{ inline-size: 100%; }

/* طريقة الحساب تُقرأ من اليسار */
.fnr-site .fnr-price--math{ direction: ltr; unicode-bidi: isolate; }

/* تسمية الحقل لا تُقطع في المساحات الضيقة */
.fnr-site .fnr-field__label{ white-space: nowrap; }
.fnr-site .fnr-field--qty{ flex: 0 0 auto; min-inline-size: 8.5rem; }

/* فصل بصري بين الاختيار السريع ودقيق العدد */
.fnr-site .fnr-countpick{
  padding: var(--fnr-space-3);
  background: var(--fnr-sand);
  border-radius: var(--fnr-radius-md);
  justify-content: space-between;
}
.fnr-site .fnr-countpick__quick{ flex: 1 1 auto; }
.fnr-site .fnr-stepper--count{
  position: relative;
  margin-inline-start: var(--fnr-space-3);
}
.fnr-site .fnr-stepper--count::before{
  content: "";
  position: absolute; inset-inline-start: calc(var(--fnr-space-3) * -.5);
  inset-block: .35rem;
  inline-size: 1px; background: var(--fnr-line);
}
.fnr-site .fnr-chip--count{ background: var(--fnr-paper); }

/* ---------- اختيار عدد الأسماء ---------- */
.fnr-site .fnr-countpick { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fnr-sp-3); margin-block: var(--fnr-sp-3); padding: var(--fnr-sp-3); background: var(--fnr-sand); border-radius: var(--fnr-r-md); justify-content: space-between; }
.fnr-site .fnr-countpick__quick { display: flex; flex-wrap: wrap; gap: .4rem; flex: 1 1 auto; }
.fnr-site .fnr-chip--count { min-inline-size: 2.85rem; min-block-size: 2.85rem; border: 1.5px solid var(--fnr-line); border-radius: 999px; background: var(--fnr-paper); color: var(--fnr-text); font: 600 1.02rem/1 var(--fnr-font-ui); cursor: pointer; transition: background .16s ease, border-color .16s ease, color .16s ease; }
.fnr-site .fnr-chip--count:hover { border-color: var(--fnr-sage); }
.fnr-site .fnr-chip--count[aria-pressed="true"] { background: var(--fnr-sage-deep); border-color: var(--fnr-sage-deep); color: #fff; }
.fnr-site .fnr-stepper--count { display: inline-flex; align-items: stretch; border: 1.5px solid var(--fnr-line); border-radius: 999px; overflow: hidden; background: var(--fnr-paper); margin-inline-start: var(--fnr-sp-3); }
.fnr-site .fnr-stepper__btn { min-inline-size: 2.6rem; min-block-size: 2.85rem; border: 0; background: transparent; cursor: pointer; color: var(--fnr-text); font-size: 1.15rem; }
.fnr-site .fnr-stepper__btn:hover:not(:disabled) { background: var(--fnr-sand); }
.fnr-site .fnr-stepper__btn:disabled { opacity: .34; cursor: not-allowed; }
.fnr-site .fnr-stepper__input { inline-size: 3.2rem; border: 0; text-align: center; font: 600 1.02rem/1 var(--fnr-font-ui); color: var(--fnr-text); background: transparent; direction: ltr; unicode-bidi: isolate; -moz-appearance: textfield; }
.fnr-site .fnr-stepper__input::-webkit-outer-spin-button, .fnr-site .fnr-stepper__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* ---------- صفوف الأسماء المولّدة ---------- */
.fnr-site .fnr-names { display: grid; gap: .55rem; margin-block: var(--fnr-sp-3); }
.fnr-site .fnr-namerow { display: flex; align-items: center; gap: .6rem; }
.fnr-site .fnr-namerow__index { flex: 0 0 auto; inline-size: 1.9rem; block-size: 1.9rem; display: grid; place-items: center; border-radius: 50%; background: var(--fnr-sand); color: var(--fnr-sage-deep); font: 600 .82rem/1 var(--fnr-font-ui); direction: ltr; unicode-bidi: isolate; }
.fnr-site .fnr-namerow__field { flex: 1 1 auto; }
.fnr-site .fnr-namerow__field .fnr-input { inline-size: 100%; }
.fnr-site .fnr-price--math { direction: ltr; unicode-bidi: isolate; }
.fnr-site .fnr-field__label { white-space: nowrap; }
.fnr-site .fnr-field--qty { flex: 0 0 auto; min-inline-size: 8.5rem; }

/* [hidden] يجب أن يتغلب على أي display داخل النطاق */
.fnr-site [hidden] { display: none !important; }

/* ---------- زر واتساب ---------- */
.fnr-site .fnr-whats { margin-block: var(--fnr-sp-4); }
.fnr-site .fnr-whats__btn {
  display: flex; align-items: center; gap: .85rem;
  padding: .8rem 1rem;
  border-radius: var(--fnr-r-lg);
  background: linear-gradient(135deg, #25D366 0%, #1DA851 100%);
  color: #fff; text-decoration: none;
  box-shadow: 0 6px 18px -8px rgba(29, 168, 81, .75);
  transition: transform .18s var(--fnr-ease), box-shadow .18s var(--fnr-ease), filter .18s var(--fnr-ease);
}
.fnr-site .fnr-whats__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px -10px rgba(29, 168, 81, .85);
  filter: saturate(1.06);
}
.fnr-site .fnr-whats__btn:active { transform: translateY(0); }
.fnr-site .fnr-whats__icon {
  flex: 0 0 auto;
  inline-size: 2.6rem; block-size: 2.6rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
}
.fnr-site .fnr-whats__copy { display: flex; flex-direction: column; gap: .1rem; flex: 1 1 auto; }
.fnr-site .fnr-whats__title { font-size: 1.02rem; font-weight: 700; line-height: 1.3; }
.fnr-site .fnr-whats__sub { font-size: .8rem; opacity: .9; line-height: 1.4; }
.fnr-site .fnr-whats__arrow { flex: 0 0 auto; font-size: 1.5rem; opacity: .75; }
.fnr-site .fnr-whats__note {
  margin-block-start: .5rem;
  font-size: var(--fnr-fs-sm); color: var(--fnr-muted); line-height: 1.7;
}

/* ---------- المعرض يتحرك مع التمرير ---------- */
@media (min-width: 900px) {
  .fnr-site .fnr-product__media--sticky {
    position: sticky;
    /* الهيدر اللاصق + هامش تنفّس */
    top: calc(var(--fnr-header-h, 72px) + var(--fnr-sp-4));
    align-self: start;
    max-block-size: calc(100vh - var(--fnr-header-h, 72px) - var(--fnr-sp-6));
    overflow: auto;
    scrollbar-width: thin;
  }
}
/* الاحترام الكامل لتفضيل تقليل الحركة: اللصق ثابت لا متحرك، فيبقى آمنًا */

/* ---------- حاوية عريضة: المحتوى ١٢٠٠ بكسل صافية ---------- */
.fnr-site .fnr-shell--wide { max-width: calc(var(--fnr-maxw) + var(--fnr-gutter) * 2); }