/* NEXUS v441 — نوار ابزار صفحه محصولات (فیلتر | مرتب‌سازی | چیدمان) — یک بار، تمیز
   کلاس‌ها nxp2-* هستند تا هیچ‌کدام از CSSهای قدیمی (nx-filter-toolbar / nx-view-toggle / nx-cols-toggle) روی آن اثر نگذارند */
html body{--nxp-bg:#fff;--nxp-line:rgba(15,23,42,.10);--nxp-fg:#0f172a;--nxp-mut:#64748b;--nxp-seg:rgba(100,130,180,.12);--nxp-acc:#2f7dff;--nxp-acc2:#1d6fe0}
html[data-theme="dark"] body{--nxp-bg:rgba(14,26,46,.92);--nxp-line:rgba(140,185,255,.16);--nxp-fg:#e8f1ff;--nxp-mut:#93a6c2;--nxp-seg:rgba(120,160,230,.12)}

html body .nxp2-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;box-sizing:border-box;width:100%;margin:0 0 14px;padding:10px;border-radius:16px;border:1px solid var(--nxp-line);background:var(--nxp-bg);color:var(--nxp-fg);box-shadow:0 6px 22px rgba(20,40,90,.06)}
html body .nxp2-bar *{box-sizing:border-box}

html body .nxp2-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--nxp-line);background:var(--nxp-seg);color:var(--nxp-fg);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
html body .nxp2-btn:hover{border-color:var(--nxp-acc);transform:translateY(-1px)}
html body .nxp2-btn:active{transform:none}
html body .nxp2-badge{min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--nxp-acc),var(--nxp-acc2));color:#fff;font-size:11px;font-weight:800;font-style:normal;line-height:1}
html body .nxp2-clear{font-size:12.5px;font-weight:700;color:#e11d48;text-decoration:none;white-space:nowrap}
html body .nxp2-clear:hover{text-decoration:underline}
html body .nxp2-count{font-size:13px;font-weight:700;color:var(--nxp-mut);white-space:nowrap}

html body .nxp2-sort{margin:0 0 0 0;margin-inline-start:auto;display:flex;align-items:center;min-width:0}
html body .nxp2-sort select{height:40px;min-width:150px;padding:0 12px;border-radius:12px;border:1px solid var(--nxp-line);background-color:var(--nxp-seg);color:var(--nxp-fg);font:inherit;font-size:14px;font-weight:700;cursor:pointer;outline:0}
html body .nxp2-sort select:focus{border-color:var(--nxp-acc)}

html body .nxp2-layout{display:flex;align-items:center;gap:8px}
html body .nxp2-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--nxp-seg);border:1px solid var(--nxp-line)}
html body .nxp2-seg button{display:inline-grid;place-items:center;min-width:34px;height:32px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:var(--nxp-mut);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .18s,color .18s;-webkit-tap-highlight-color:transparent}
html body .nxp2-seg button:hover{color:var(--nxp-fg)}
html body .nxp2-seg button svg{width:17px;height:17px;display:block}
html body .nxp2-seg button.is-active{background:linear-gradient(135deg,var(--nxp-acc),var(--nxp-acc2));color:#fff;box-shadow:0 4px 12px rgba(47,125,255,.30)}
html body .nxp2-seg button:focus{outline:0}
html body .nxp2-seg button:focus-visible{box-shadow:0 0 0 2px var(--nxp-acc)}

/* دکمه‌های ستون: دسکتاپ ۳ تا ۶ — موبایل ۱ تا ۳؛ در حالت لیست پنهان */
html body .nxp2-cols button.m:not(.d){display:none}
html body .nxp2-bar.is-list .nxp2-cols{display:none}
@media (max-width:768px){
  html body .nxp2-cols button.m:not(.d){display:inline-grid}
  html body .nxp2-cols button.d:not(.m){display:none}
  html body .nxp2-bar{gap:8px;padding:8px}
  html body .nxp2-btn{height:38px;padding:0 12px}
  html body .nxp2-layout{order:3;margin-inline-start:auto}
  html body .nxp2-sort{order:5;flex:1 1 100%;width:100%;margin-inline-start:0}
  html body .nxp2-sort select{width:100%;font-size:16px}  /* ۱۶px: بدون زوم خودکار iOS */
}
@media (max-width:360px){html body .nxp2-count{display:none}}