/* صفحة «مواد تغليف الأثاث» الأم (2453): شكل صور الشغل اللي جوّه المحتوى + حركتها
   + مؤشر الكرتونة + رسم الطبقات الأربعة. منسوخ من naser-page-cranes.css (اللي ماتلمسش)
   والصور نفسها في المحتوى (build_pillar_materials.py + materials_photos.py).
   body.nsr-v2 .elementor[data-elementor-type="wp-page"] = body.nsr-v2 .elementor[data-elementor-type="wp-page"] (بيتفك في build_site_assets.py).
   كل الحركة مربوطة بالسكرول أو بالسحب — مفيش حاجة بتشتغل لوحدها بالوقت. */

/* ===== الهيرو: صورة الصالة المتغلّفة جنب العنوان ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero--photo .nsr-phero__media{width:100%;max-width:460px;align-self:center}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero__photo{margin:0;overflow:clip;border-radius:26px;border:4px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);box-shadow:0 26px 60px rgba(5,7,40,.38)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero__photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;cursor:zoom-in}
@media (min-width:1025px){
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero--photo .wrap{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:56px;row-gap:var(--s4);align-items:center;justify-items:start;text-align:start}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero--photo .wrap>*{grid-column:1;margin:0}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero--photo .wrap>.nsr-phero__media{grid-column:2;grid-row:1 / span 5;max-width:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero--photo :is(.nsr-phero__chips,.nsr-phero__meta){justify-content:flex-start}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero--photo .nsr-phero__sub .elementor-heading-title{margin-inline:0}
}
@media (max-width:1024px){
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero--photo .nsr-phero__media{max-width:640px;margin-top:var(--s2)}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero__photo img{aspect-ratio:16/10}
}

/* ===== صور الأقسام ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs-w{width:100%;align-self:stretch}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs{display:grid;gap:var(--s4);margin:var(--s4) 0 var(--s8)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--1{grid-template-columns:minmax(0,640px);justify-content:center}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig{position:relative;min-width:0;margin:0;overflow:clip;border-radius:22px;background:var(--mist);box-shadow:var(--sh-1);cursor:zoom-in;-webkit-tap-highlight-color:transparent}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .mist .nsr-fig{background:#fff}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--1 .nsr-fig img{aspect-ratio:16/10}
/* التدرّج على ::after مش على الكابشن: Elementor بيحط background-image:none!important على كل عناصر
   القسم لحد ما يدخل الشاشة (lazy-load) — والـpseudo-element مابيتأثرش بالقاعدة دي */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig figcaption{position:absolute;inset-inline:0;bottom:0;isolation:isolate;padding:44px 16px 13px;color:#fff;font-size:14.5px;font-weight:700;line-height:1.5;text-align:start;text-shadow:0 1px 3px rgba(0,0,0,.45);pointer-events:none}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig figcaption::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(13,16,64,0),rgba(13,16,64,.62) 45%,rgba(13,16,64,.92))}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig figcaption::before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:8px;border-radius:50%;background:var(--orange);vertical-align:2px}

/* الموبايل: الصورتين/التلاتة شريط بيتسحب بالصباع، والصورة اللي جاية باين طرفها */
@media (max-width:767px){
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs:is(.nsr-figs--2,.nsr-figs--3){display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 10px;scroll-padding-inline:var(--gutter);scrollbar-width:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs:is(.nsr-figs--2,.nsr-figs--3)::-webkit-scrollbar{display:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs:is(.nsr-figs--2,.nsr-figs--3) .nsr-fig{flex:0 0 82%;scroll-snap-align:center}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig figcaption{font-size:13.5px;padding:38px 14px 11px}
}

/* ===== مؤشر الخامة / الغرفة (JS بيعمله — مخفي من قارئ الشاشة لأنه تكرار للعناوين)
   الكرتونة بتتملى برتقالي من تحت لفوق مع السكرول، والشريط اللي في نصها = السيلوتيب ===== */
.nsr-meter{position:fixed;z-index:60;pointer-events:none;opacity:0;visibility:hidden;font-family:inherit;direction:rtl;transition:opacity .3s ease,visibility 0s linear .3s,translate .3s ease}
.nsr-meter.is-on{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s,translate .3s ease}
.nsr-meter__box{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:999px;background:#2E3192;color:#fff;box-shadow:0 10px 26px rgba(13,16,64,.28)}
.nsr-meter__rail{position:relative;flex:none;width:26px;height:24px;border-radius:4px;background:rgba(255,255,255,.18);overflow:clip;box-shadow:inset 0 3px 0 rgba(255,255,255,.28)}
.nsr-meter__rail i{position:absolute;inset:0;border-radius:inherit;background:#F7931E;transform-origin:50% 100%;scale:1 0}
.nsr-meter__rail::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.42) 40% 60%,transparent 60%),linear-gradient(transparent 3px,rgba(46,49,146,.5) 3px 4px,transparent 4px)}
.nsr-meter__txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.nsr-meter__txt :is(small,b){color:#fff;margin:0;padding:0;background:none}
.nsr-meter__txt small{font-size:10.5px;opacity:.75;font-weight:600}
.nsr-meter__txt b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 150px)}
.nsr-meter__n{flex:none;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.14);font-variant-numeric:tabular-nums}
/* الموبايل والشاشات الأصغر: كبسولة تحت الهيدر في النص.
   left:50% كان بيقصّر العرض المتاح لنص الشاشة (الاسم كان بيتقص) — فالتوسيط بـmargin auto */
.nsr-meter{top:var(--nsr-meter-top,96px);left:0;right:0;width:max-content;max-width:calc(100vw - 24px);margin-inline:auto;translate:0 -8px}
.nsr-meter.is-on{translate:0 0}
/* الشاشات الواسعة: كرتونة على جنب الصفحة بتتملى مع السكرول */
@media (min-width:1360px){
  .nsr-meter{top:50%;left:22px;right:auto;margin:0;translate:-8px -50%}
  .nsr-meter.is-on{translate:0 -50%}
  .nsr-meter__box{flex-direction:column;align-items:center;gap:8px;width:92px;padding:12px 8px;border-radius:22px;text-align:center}
  .nsr-meter__rail{width:62px;height:70px;border-radius:7px;box-shadow:inset 0 6px 0 rgba(255,255,255,.28)}
  .nsr-meter__rail::after{background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.42) 42% 58%,transparent 58%),linear-gradient(transparent 6px,rgba(46,49,146,.5) 6px 8px,transparent 8px)}
  .nsr-meter__txt{align-items:center}
  .nsr-meter__txt b{white-space:normal;max-width:none;font-size:13px}
}

/* ===== كروت المنتجات تحت كل خامة ([naser_products] — الكروت نفسها من كتالوج المتجر) =====
   مفيش سعر على الكارت. «أضف للسلة»/«شوف المنتج» بكود السلة العام، وطيران المنتج للسلة من naser-motion-core. */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods-w{width:100%;align-self:stretch}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods{margin-top:var(--s5);padding:14px;border:1px dashed rgba(46,49,146,.28);border-radius:18px;background:#F4F5FB;text-align:start}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .mist .nsr-mprods{background:#fff}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__head b{display:flex;align-items:center;gap:8px;color:#2E3192;font-size:15px;font-weight:800}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__head b::before{content:"";width:9px;height:9px;border-radius:50%;background:#F7931E}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__head a{color:#2E3192;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:center;min-width:0;margin:0;padding:8px;border:1px solid #E6E8F2;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(13,16,64,.06);text-align:start}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod__main{display:contents;color:inherit;text-decoration:none}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod img{grid-column:1;grid-row:1 / 3;width:72px;height:72px;margin:0;border-radius:10px;object-fit:cover;background:#F4F5FB}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod__name{grid-column:2;grid-row:1;align-self:end;display:block;min-height:0;margin:0;padding:0;color:#1B1E4B;font-size:14.5px;font-weight:800;line-height:1.4;text-align:start}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod__summary{grid-column:2;grid-row:2;align-self:start;min-height:0;margin:2px 0 0;padding:0;font-size:12.5px;text-align:start}
/* الزرارين صف كامل تحت الصورة والاسم — جنب الصورة كانوا بيتكسروا على سطرين */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod__actions{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0;padding:0;border:0}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod__actions .btn:not(.elementor-element){min-height:38px;padding:6px 8px;font-size:13px;line-height:1.2;white-space:nowrap}
/* «الأكثر طلبًا» من المتجر: شارة على ركن الصورة بدل ما تنزل سطر لوحدها */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod__popular{position:absolute;z-index:2;top:4px;inset-inline-start:4px;max-width:78px;padding:2px 6px;border-radius:999px;background:#F7931E;color:#1B1E4B;font-size:10px;font-weight:800;line-height:1.5;white-space:nowrap;pointer-events:none}
@media (max-width:767px){
  /* أكتر من منتج = شريط بيتسحب بالصباع زي الصور، والكارت اللي جاي باين طرفه */
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods{margin-inline:calc(var(--s3) * -1);padding:12px 0 12px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__head{padding-inline:12px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__list{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 12px 6px;scroll-padding-inline:12px;scrollbar-width:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__list::-webkit-scrollbar{display:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod{flex:0 0 86%;scroll-snap-align:center}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod:only-child{flex-basis:100%}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .prod__actions .btn:not(.elementor-element){min-height:44px}
}

/* ===== رسم الطبقات الأربعة (JS بيبنيه في قسم «ترتيب الطبقات» — زينة، مخفي من قارئ الشاشة)
   كل ما عنوان طبقة يعدّي خط القراءة، الطبقة دي بتتلف حوالين القطعة بلونها ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr{--lyr-top:96px;margin:var(--s4) 0}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__fig{position:sticky;top:var(--lyr-top);z-index:4;display:flex;align-items:center;gap:14px;margin:0 0 var(--s4);padding:10px 14px;border:1px solid #E6E8F2;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(13,16,64,.10);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__svg{flex:none;width:96px;height:auto;overflow:visible}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__now{display:flex;flex-direction:column;min-width:0;line-height:1.35}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__now small{color:#5C6B87;font-size:12px;font-weight:700}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__now b{color:#1B1E4B;font-size:16px;font-weight:800}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__list{display:none;margin:0;padding:0;list-style:none}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__dots{display:flex;gap:5px;margin-inline-start:auto}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__dots i{width:9px;height:9px;border-radius:50%;background:#E3E6F3;transition:background-color .4s ease}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr .nsr-lyr__ring{fill:none;stroke:#DDE1EF;stroke-width:2;stroke-dasharray:.012 .012}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr .nsr-lyr__on{fill:none;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr .nsr-lyr__bub{fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:0 .035;opacity:0;transition:opacity .4s ease .5s}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr .nsr-lyr__piece{transition:scale .5s ease;transform-box:fill-box;transform-origin:center}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="1"] .nsr-lyr__on--1,body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="2"] :is(.nsr-lyr__on--1,.nsr-lyr__on--2),
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="3"] :is(.nsr-lyr__on--1,.nsr-lyr__on--2,.nsr-lyr__on--3),body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="4"] .nsr-lyr__on{stroke-dashoffset:0}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr:is([data-on="2"],[data-on="3"],[data-on="4"]) .nsr-lyr__bub{opacity:.9}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="0"] .nsr-lyr__piece{scale:.94}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="1"] .nsr-lyr__dots i:nth-child(-n+1),body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="2"] .nsr-lyr__dots i:nth-child(-n+2),
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="3"] .nsr-lyr__dots i:nth-child(-n+3),body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr[data-on="4"] .nsr-lyr__dots i{background:#F7931E}
@media (min-width:1025px){
  /* الكمبيوتر: الرسم عمود ثابت جنب كلام الطبقات، وتحته أسماء الأربعة */
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr{display:grid;grid-template-columns:minmax(0,1fr) 290px;column-gap:44px;align-items:start}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__txt{grid-column:1;grid-row:1;min-width:0}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__fig{grid-column:2;grid-row:1;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:20px;top:calc(var(--lyr-top) + 8px)}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__svg{width:100%}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__now,body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__dots{display:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__list{display:grid;gap:6px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__list li{display:flex;align-items:center;gap:10px;margin:0;padding:7px 10px;border-radius:12px;color:#7A86A1;font-size:14.5px;font-weight:700;transition:background-color .35s ease,color .35s ease}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__list li span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#EEF0F7;color:#7A86A1;font-size:13px;font-weight:800;transition:background-color .35s ease,color .35s ease}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__list li.is-on{color:#1B1E4B}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__list li.is-on span{background:var(--c);color:#1B1E4B}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr__list li.is-cur{background:#F4F5FB}
}
@media (prefers-reduced-motion:reduce){body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-lyr *{transition:none!important}}

/* ===== التكبير ===== */
.nsr-mtlb{width:min(92vw,640px);max-width:none;max-height:none;padding:0;border:0;border-radius:22px;background:transparent;overflow:visible}
.nsr-mtlb::backdrop{background:rgba(8,10,40,.86)}
.nsr-mtlb figure{margin:0;overflow:clip;border-radius:22px;background:#0d1040}
.nsr-mtlb img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:opacity .2s ease}
.nsr-mtlb img.is-loading{opacity:0}
.nsr-mtlb figcaption{padding:12px 16px;color:#fff;font-weight:700;font-size:15px;text-align:start}
.nsr-mtlb button{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#2E3192;font-family:inherit;font-size:26px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.nsr-mtlb__x{top:-14px;left:-14px}
.nsr-mtlb__prev{top:calc(50% - 44px);right:-14px}
.nsr-mtlb__next{top:calc(50% - 44px);left:-14px}
@media (max-width:767px){.nsr-mtlb__x{top:-52px;left:0}.nsr-mtlb__prev{right:6px}.nsr-mtlb__next{left:6px}}

/* ===== الحركة ===== */
@media (prefers-reduced-motion:no-preference){
  /* الهيرو: الصورة بتقرب سنة وانت نازل (الكلام نفسه بيبهت من naser-motion-page) */
  @supports (animation-timeline:scroll()){
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-phero__photo img{animation:nsr-mt-hz linear both;animation-timeline:scroll(root);animation-range:0px 640px}
  }
  @supports (animation-timeline:view()){
    /* الصورة «بتترفع»: بتتكشف من تحت لفوق وهي طالعة، وجوّاها زووم بيهدى — على كل المقاسات */
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--1 .nsr-fig,body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs:is(.nsr-figs--2,.nsr-figs--3) .nsr-fig{animation:nsr-mt-lift linear both;animation-timeline:view();animation-range:entry 0% cover 38%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--3 .nsr-fig:nth-child(2){animation-range:entry 8% cover 44%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--3 .nsr-fig:nth-child(3),body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs--2 .nsr-fig:nth-child(2){animation-range:entry 14% cover 50%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig img{animation:nsr-mt-zoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
    /* خط العنوان بيترسم: النقط الأول وبعدين الخط البرتقالي (الصفحة اللي فيها الصور بس) */
    body.nsr-v2 .elementor[data-elementor-type="wp-page"]:has(.nsr-phero--photo) .shead__rule i{animation:nsr-mt-dot linear both;animation-timeline:view();animation-range:entry 20% entry 70%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"]:has(.nsr-phero--photo) .shead__rule i:nth-child(2){animation-range:entry 30% entry 80%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"]:has(.nsr-phero--photo) .shead__rule i:nth-child(3){animation-range:entry 40% entry 90%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"]:has(.nsr-phero--photo) .shead__rule u{transform-origin:100% 50%;animation:nsr-mt-rule linear both;animation-timeline:view();animation-range:entry 40% cover 30%}
  }
  @media (max-width:767px){
    @supports (animation-timeline:view()){
      /* جوّه الشريط اللي بيتسحب، الشريط نفسه scroll container: view() الرأسي مش هيتحرك جوّاه.
         فالشريط كله هو اللي بيطلع مع السكرول (السحب نفسه أصلي بالـsnap) */
      body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs:is(.nsr-figs--2,.nsr-figs--3){animation:nsr-mt-rise linear both;animation-timeline:view();animation-range:entry 0% entry 220px}
      body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-figs:is(.nsr-figs--2,.nsr-figs--3) :is(.nsr-fig,.nsr-fig img){animation:none}
    }
  }
  @supports (animation-timeline:view()){
    /* كروت المنتجات بتطلع ورا بعض وهي داخلة. لازم تغلب حركة .prod العامة من naser-motion-page:
       قوّتها (0,6,1) لأن :is() فيها «.faqs .e-n-accordion-item»، والملف بتاعها بعدنا — فهنا (0,7,1)+ */
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .nsr-mprods__list>.prod.prod{animation:nsr-mt-rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .nsr-mprods__list>.prod.prod:nth-child(2){animation-range:entry 8% entry 78%}
    body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .nsr-mprods__list>.prod.prod:nth-child(n+3){animation-range:entry 16% entry 86%}
  }
  @media (max-width:767px){
    @supports (animation-timeline:view()){
      /* الشريط scroll container — فالشريط كله اللي بيطلع، مش الكروت جوّاه */
      body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods__list{animation:nsr-mt-rise linear both;animation-timeline:view();animation-range:entry 0% entry 200px}
      body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-mprods .nsr-mprods__list>.prod.prod:nth-child(n){animation:none}
    }
  }
  .nsr-mtlb[open]{animation:nsr-mt-pop .35s cubic-bezier(.22,1,.36,1)}
  .nsr-mtlb[open]::backdrop{animation:nsr-mt-fade .3s ease}
}
@keyframes nsr-mt-hz{to{scale:1.1}}
@keyframes nsr-mt-lift{from{clip-path:inset(30% 0 0 0 round 22px);translate:0 56px;opacity:.15}to{clip-path:inset(0 0 0 0 round 22px);translate:0 0;opacity:1}}
@keyframes nsr-mt-zoom{from{scale:1.2}to{scale:1}}
@keyframes nsr-mt-dot{from{scale:0;opacity:0}}
@keyframes nsr-mt-rule{from{scale:0 1}}
@keyframes nsr-mt-rise{from{translate:0 48px;opacity:0}}
@keyframes nsr-mt-pop{from{scale:.92;opacity:0}}
@keyframes nsr-mt-fade{from{opacity:0}}
@media print{.nsr-meter,.nsr-mtlb,.nsr-lyr__fig{display:none!important}body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig,body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-fig img{animation:none!important;clip-path:none!important;opacity:1!important}}