/* ================= catalog (v2) ================= */
.pp{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;direction:rtl}
[dir="ltr"] .pp{direction:ltr}
.pp .np{font-family:var(--mono);font-size:14px;color:var(--green2);font-weight:500}
.pp .np em{font-style:normal;font-size:11px;opacity:.8}
.pp s{font-family:var(--mono);font-size:12px;color:var(--muted)}
.item .pp .np{font-size:13px}
.dept .tags a{font-size:12.5px;border:1px solid var(--line);border-radius:99px;padding:3px 12px;color:var(--fg2);transition:border-color .25s,color .25s}
.dept .tags a:hover{border-color:var(--green2);color:var(--green2)}
.groups{display:grid;gap:22px;align-content:start}
.grp{border:1px solid var(--line);border-radius:24px;background:var(--card);padding:8px 8px 10px;scroll-margin-top:140px}
.grp h3{font-family:var(--display);font-size:clamp(22px,2.4vw,28px);display:flex;justify-content:space-between;align-items:center;padding:14px 16px 10px}
.grp h3 small{font-family:var(--mono);font-size:12px;color:var(--muted);font-weight:400;border:1px solid var(--line);border-radius:99px;padding:1px 10px}
.rows{display:grid}
.prow{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 16px;border-radius:14px;transition:background .25s}
.prow + .prow{border-top:1px solid var(--line)}
.prow:hover{background:var(--card2)}
.prow b{font-weight:500;font-size:15px;line-height:1.5}
.prow .ord{font-size:12.5px;font-weight:600;padding:5px 14px;border-radius:99px;border:1px solid var(--line);transition:background .25s,border-color .25s,color .25s}
.prow:hover .ord{background:var(--green);border-color:var(--green);color:var(--paper)}
@media (max-width:560px){.prow{grid-template-columns:1fr auto;row-gap:4px}.prow .ord{display:none}}
.custom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-radius:28px;padding:30px;margin-block:20px 80px;background:var(--green);color:var(--paper)}
.custom h3{font-size:clamp(28px,3vw,38px)}
.custom p{opacity:.88;margin-top:4px}
.custom .btn{background:var(--paper);color:var(--charcoal)}
.mx-old{font-family:var(--mono);font-size:13px;opacity:.8;text-align:end;position:relative;margin-top:6px}
[dir="ltr"] .mx-old{text-align:start}