/* Alexa, 23.10.2026: same compact scale, eight services at a glance,
   four across on desktop; small images replace the numbered squares.
   All copy, typography, surfaces and interaction inherit the existing cards. */
.svc-catalog .cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
/* Override the shared catalogue's special spans for an incomplete third row. */
.svc-catalog .cat-grid > li:nth-child(n):nth-last-child(n) { grid-column: auto; }
.svc-catalog .cat-item { grid-template-columns: 64px minmax(0, 1fr); min-height: 144px; }
.svc-catalog-thumb {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 12px;
  background: #323235;
  color: var(--ink);
}
.svc-catalog-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.svc-catalog-thumb svg { display: block; width: 100%; height: 100%; }
.svc-catalog .cat-meta { color: #a8a8ab; }
.svc-catalog-billing { white-space: nowrap; }
@media (min-width: 768.02px) and (max-width: 1100px) {
  .svc-catalog .cat-item { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; padding-inline: 12px; }
  .svc-catalog-thumb { width: 48px; height: 48px; }
}
@media (max-width: 1023.98px) {
  .svc-catalog .cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 519.98px) {
  .svc-catalog .cat-grid { grid-template-columns: minmax(0, 1fr); }
  .svc-catalog .cat-item { grid-template-columns: 56px minmax(0, 1fr); min-height: 108px; }
  .svc-catalog-thumb { width: 56px; height: 56px; }
}