/* ============================================================
   Каталог услуг: поиск + четыре направления
   ============================================================ */
.search-results { margin-top: 22px; }
.search-count { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.res-list { display: grid; gap: 2px; background: var(--line); border: 1px solid var(--line); }
.res-item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 18px;
  background: var(--cream-50);
  padding: 15px 20px;
  transition: background .3s var(--ease);
}
.res-item:hover { background: #fff; }
.res-name { font-size: 15.5px; }
.res-name mark { background: rgba(201, 162, 39, .22); color: inherit; padding: 0 2px; }
.res-trail { font-size: 12px; color: var(--muted); letter-spacing: .04em; }
.res-cat { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-600); white-space: nowrap; }
.res-empty { padding: 26px 0; color: var(--muted); }

.cat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 2.6vw, 36px); }
@media (max-width: 860px) { .cat-grid { grid-template-columns: 1fr; } }
.cat-card {
  display: flex;
  flex-direction: column;
  background: var(--cream-50);
  border: 1px solid var(--line);
  padding: clamp(26px, 3.2vw, 42px);
  transition: border-color .4s var(--ease), box-shadow .4s var(--ease);
}
.cat-card:hover { border-color: var(--line-gold); box-shadow: var(--shadow-card); }
.cat-card h2 { margin-bottom: 12px; }
.cat-card h2 a:hover { color: var(--gold-600); }
.cat-card > .cat-card-top p { color: var(--muted); font-size: 15px; }
.cat-list { margin: 22px 0 28px; border-top: 1px solid var(--line); }
.cat-list li { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14.5px; color: var(--muted); }
.cat-card .link-more { margin-top: auto; align-self: flex-start; }