/* ══════════════════════════════════════════
   PRODUCTS PAGE
══════════════════════════════════════════ */
.prod-hero{
  background:var(--n-white);
  padding:56px 40px 32px;
  border-bottom:1px solid var(--n-line);
}
.prod-title{
  font-family:var(--f-title,'Tajawal',sans-serif);
  font-size:clamp(28px,4vw,46px);
  font-weight:900;color:var(--n-black);
  letter-spacing:-0.5px;margin-top:8px;
}
.prod-toolbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  margin-bottom:32px;padding-bottom:20px;
  border-bottom:1px solid var(--n-line);
}
.cat-tabs{display:flex;gap:8px;flex-wrap:wrap}
.cat-tab{
  font-family:var(--f-ar);font-size:13px;font-weight:600;
  color:var(--n-black);background:none;
  border:1.5px solid var(--n-line);
  padding:8px 18px;border-radius:2px;
  transition:all .2s;
}
.cat-tab:hover{border-color:var(--n-black)}
.cat-tab.on{background:var(--n-black);color:#fff;border-color:var(--n-black)}

.prod-toolbar-right{display:flex;align-items:center;gap:12px}
.prod-ct{font-family:var(--f-en);font-size:11px;letter-spacing:1px;color:var(--n-gray);text-transform:uppercase}
.sort-sel{
  font-family:var(--f-ar);font-size:12.5px;font-weight:600;
  color:var(--n-black);background:transparent;
  border:1.5px solid var(--n-line);
  padding:8px 14px;border-radius:2px;
  outline:none;transition:border-color .2s;
  cursor:pointer;
}
.sort-sel:focus{border-color:var(--n-gold)}