.catalog{padding:10px 0 76px}
.catalog__head{margin:14px 0 26px}
.catalog__title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-.02em}
.catalog__lead{margin-top:12px;color:var(--muted);max-width:680px}
.catalog__count{margin-top:10px;color:var(--muted-2);font-size:14px}

/* Filter */
.filter{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:30px}
.filter__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.filter__field{display:flex;flex-direction:column;gap:7px}
.filter__field--search{grid-column:span 2}
.filter__label{font-size:12.5px;color:var(--muted-2);font-weight:600}
.filter__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239aa5b4' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}
.filter__actions{display:flex;align-items:center;gap:18px;margin-top:18px}
.filter__reset{color:var(--muted);font-size:14px}
.filter__reset:hover{color:var(--accent)}

/* Grid */
.catalog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* Pagination */
.catalog__pagination{margin-top:40px}
.catalog__pagination .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.catalog__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;color:var(--text);font-weight:600}
.catalog__pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}
.catalog__pagination .page-numbers:hover:not(.current){border-color:var(--accent);color:var(--accent)}

/* Empty */
.catalog__empty{text-align:center;padding:60px 20px;background:var(--bg-2);border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--muted)}
.catalog__empty p{margin-bottom:10px}
.catalog__empty .btn{margin-top:14px}

/* Bottom CTA */
.catalog__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;margin-top:50px;padding:36px 40px;background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);border-radius:20px}
.catalog__cta h2{font-size:24px;font-weight:800}
.catalog__cta p{margin-top:8px;color:var(--muted)}

/* Preview foot */
.catalog-preview__foot{text-align:center;margin-top:36px}

@media(max-width:1000px){
  .catalog__grid{grid-template-columns:repeat(2,1fr)}
  .filter__grid{grid-template-columns:repeat(2,1fr)}
  .filter__field--search{grid-column:span 2}
}
@media(max-width:600px){
  .catalog__grid{grid-template-columns:1fr}
  .filter__grid{grid-template-columns:1fr}
  .filter__field--search{grid-column:span 1}
  .catalog__cta{padding:26px 22px}
}