:root{--border:#e5e5e5;--text:#0c0c0c;--text-2:#4d4d4d;--bg:#fff}
@media (prefers-color-scheme:dark){:root{--border:#262626;--text:#f2f2f2;--text-2:#b3b3b3;--bg:#141414}}

.catalog-head{display:flex;gap:10px;align-items:center;margin:2px 2px 10px}
.catalog-head .brandmark{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#fff}

.prod-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 2px 12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-weight:600}
.chip[aria-current="true"]{background:#f9f9f9}
.sorter{margin-left:auto;display:inline-flex;gap:6px;align-items:center}
.sorter select{height:36px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:0 8px}

.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:460px){.prod-grid{grid-template-columns:1fr 1fr}}
.prod-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--bg);overflow:hidden}
.prod-thumb{width:100%;aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--border)}
.prod-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.prod-body{padding:10px;display:flex;flex-direction:column;gap:8px}
.prod-title{margin:0;font-weight:700;line-height:1.2}
.prod-title a,.prod-title a:visited{color:var(--text);text-decoration:none}
.prod-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}
.price{font-weight:600}
.order-btn{height:34px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);padding:0 10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

.pager{display:flex;gap:8px;justify-content:center;margin:12px 0}
.page-btn{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);text-decoration:none;font-weight:600}
.page-btn[aria-current="true"]{background:#f9f9f9}
.page-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}