.catalog-head{background:var(--light);padding:38px 0;border-bottom:1px solid var(--border)}.catalog-head h1{font-size:40px;margin:0}.breadcrumbs{padding:17px 0;font-size:12px;color:var(--muted)}.breadcrumbs a:hover{color:var(--red)}
.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:28px}.filters{border:1px solid var(--border);border-radius:12px;padding:17px;align-self:start;position:sticky;top:105px}.filter{padding:15px 0;border-bottom:1px solid #eee}.filter:last-child{border:0}.filter summary{font-weight:800;cursor:pointer}.filter-options{display:grid;gap:8px;margin-top:12px;font-size:13px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.sort{border:1px solid #d0d5dd;border-radius:8px;padding:10px;background:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pages{display:flex;justify-content:center;gap:6px;margin-top:30px}.pages a,.pages span{width:36px;height:36px;border:1px solid var(--border);border-radius:7px;display:grid;place-items:center}.pages .current{background:var(--ink);color:#fff}@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.filters{display:none}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.catalog-head h1{font-size:31px}.catalog-grid{gap:10px}}