.section-pad{ padding-block: clamp(2rem, 6vw, 5rem); }

.nx-ecom{
  position: relative;
  overflow: clip;
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(40,120,255,.05), transparent 55%),
    radial-gradient(800px 420px at 10% -10%, rgba(210,60,140,.05), transparent 55%);
}

.nx-aurora{
  position:absolute; inset: -10% -5% auto -5%; height: 60%;
  background:
    radial-gradient(40% 60% at 80% 20%, rgba(40,120,255,.12), transparent 60%),
    radial-gradient(45% 55% at 20% 10%, rgba(210,60,140,.10), transparent 60%);
  filter: blur(24px) saturate(120%);
  z-index: 0;
}

/* Badge صغير */
.nx-badge{
  display:inline-block;
  padding:.4rem .8rem;
  border-radius:999px;
  font-weight:700;
  border:1px solid var(--color-border, rgba(0,0,0,.14));
  background: var(--color-bg, rgba(255,255,255,.6));
  backdrop-filter: saturate(120%) blur(4px);
}

/* العناوين */
.nx-title{
  font-weight: 800;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  line-height: 1.15;
  margin: .25rem 0 .6rem;
}
.nx-sub{ font-size: clamp(1rem, 2.2vw, 1.125rem); }

/* الأيقونات */
.nx-icons{
  --s: 84px;
  display:grid; gap:16px;
  grid-template-columns: repeat(2, var(--s));
  justify-content:center;
  align-content:center;
  margin-inline:auto;
  padding: 12px;
}
.nx-icons i{
  font-size: 30px;
  width: var(--s); height: var(--s);
  display:grid; place-items:center;
  border-radius:22px;
  border:1px solid var(--color-border, rgba(0,0,0,.12));
  background: var(--color-bg, #fff);
  box-shadow: 0 14px 36px rgba(0,0,0,.10);
  transition: transform .6s cubic-bezier(.22,.61,.36,1), box-shadow .6s;
}
.nx-icons i:hover{
  transform: translateY(-6px) rotate(-2deg);
  box-shadow: 0 26px 60px rgba(0,0,0,.16);
}

/* زر السهم */
.nx-scroll-down{
  margin-top: 14px;
  border: 1px solid var(--color-border, rgba(0,0,0,.12));
  background: transparent;
  color: var(--color-text, #111);
  width: 42px; height: 42px; border-radius: 999px;
  display:inline-grid; place-items:center;
  transition: transform .3s ease, background .3s ease;
}
.nx-scroll-down:hover{ transform: translateY(2px); background: rgba(0,0,0,.04); }

/* شبكة المزايا */
.nx-grid{
  display:grid; gap:16px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  position: relative; z-index: 1;
}
.nx-feature{
  display:flex; align-items:center; justify-content:space-between;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--color-bg, #fff);
  border:1px solid var(--color-border, rgba(0,0,0,.12));
  box-shadow: 0 12px 34px rgba(0,0,0,.10);
  transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s;
}
.nx-feature:hover{ transform: translateY(-4px); box-shadow: 0 20px 48px rgba(0,0,0,.14); }
.nx-feature__icon i{ font-size: 24px; }

/* ظهور متدرّج */
.reveal{ opacity:0; transform: translateY(14px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in-view{ opacity:1; transform: none; }
.reveal.up{ transform: translateY(24px); }

/* RTL دقيق */
:root[dir="rtl"] .nx-ecom{ direction: rtl; }