/* ==========================================================================
   Section: Other services — Figma 235:4178
   Centred headline, then 295x93 cards (71px image, 11px padding) that wrap
   in centred rows of four.
   ========================================================================== */

.trustav-slinks__title {
  margin: 0 0 70px; /* Figma 235:4124 — cards sit 122px below the 52px title */
  font-size: var(--fs-h2);
  text-align: center;
  color: var(--c-black);
}

ul.trustav-slinks__list[role="list"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* Figma 235:4124 */
  margin: 0;
  padding: 0;
}

.trustav-slinks__list > li {
  flex: 0 1 295px; /* Figma 235:4119 */
}

.trustav-slinks__card {
  display: flex;
  align-items: center;
  gap: 18px; /* Figma 235:4118 */
  height: 100%;
  padding: 11px;
  font-size: var(--fs-btn-sm);
  line-height: var(--lh-body);
  color: var(--c-neutral-1);
  background-color: var(--c-neutral-4);
  border: var(--border);
  transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease);
}

.trustav-slinks__card:hover,
.trustav-slinks__card:focus-visible {
  color: var(--c-accent);
  border-color: var(--c-accent);
}

.trustav-slinks__thumb {
  flex: 0 0 71px;
  width: 71px;
  height: 71px;
  overflow: hidden;
}

.trustav-slinks__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 640px) {
  .trustav-slinks__title {
    margin-bottom: var(--space-2xl);
  }

  .trustav-slinks__list > li {
    flex-basis: 100%;
  }
}