/* =========================================================
   blocks-trust-logos.min.css — блок «Нам доверяют».
   Стиль сайта: квадратные углы, акцент #b00a27.
   Эффекты: подъём при hover, логотипы проявляются цветом,
   красная тонкая полоса-акцент в углу.
   ========================================================= */

.c-trust { margin: 56px 0; }

/* ---------- Шапка ---------- */
.c-trust__head { margin: 0 0 36px; text-align: left; max-width: 780px; }
.c-trust__title { margin: 0 0 10px; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.25; font-weight: 700; color: var(--c-text); }
.c-trust__lead { margin: 10px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-text-mute); }

/* ---------- Сетка ---------- */
.c-trust__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1px;
  background: var(--c-border);
  border: 1px solid var(--c-border);
}
.c-trust--cols-3 .c-trust__list { grid-template-columns: repeat(3, 1fr); }
.c-trust--cols-4 .c-trust__list { grid-template-columns: repeat(4, 1fr); }
.c-trust--cols-5 .c-trust__list { grid-template-columns: repeat(5, 1fr); }
.c-trust--cols-6 .c-trust__list { grid-template-columns: repeat(6, 1fr); }

/* ---------- Ячейка ---------- */
.c-trust__item {
  position: relative;
  background: var(--c-bg);
  min-height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  transition:
    background-color var(--c-transition),
    transform var(--c-transition);
}

/* Красная точка-акцент в правом верхнем углу, растёт при hover */
.c-trust__item::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: var(--c-accent);
  transition: width 0.3s ease, height 0.3s ease;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.c-trust__item:hover::after {
  width: 18px;
  height: 18px;
}

/* Фоновый «луч» при hover */
.c-trust__item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 120%, rgba(176, 10, 39, 0.06), transparent 55%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.c-trust__item:hover::before { opacity: 1; }

/* ---------- Ссылка/обёртка ---------- */
.c-trust__link {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 28px 20px;
  text-decoration: none;
  color: var(--c-text-mute);
  transition: color var(--c-transition), transform var(--c-transition);
}
a.c-trust__link:hover {
  color: var(--c-accent);
  transform: scale(1.04);
}

/* ---------- Логотип-картинка ---------- */
.c-trust__img {
  display: block;
  max-width: 100%;
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: filter var(--c-transition), opacity var(--c-transition), transform var(--c-transition);
}

/* Grayscale: обесцвечивание до hover, потом цвет */
.c-trust--gray .c-trust__img {
  filter: grayscale(100%);
  opacity: 0.5;
}
.c-trust--gray .c-trust__item:hover .c-trust__img,
.c-trust--gray a.c-trust__link:hover .c-trust__img {
  filter: grayscale(0%);
  opacity: 1;
}

/* ---------- Текстовый плейсхолдер ---------- */
.c-trust__text {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0 8px;
}

.c-trust__item:hover .c-trust__text {
  color: var(--c-accent);
}

/* Лёгкая пунктирная подчёркивающая линия под текстом */
.c-trust__text::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  margin: 8px auto 0;
  background: var(--c-accent);
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.c-trust__item:hover .c-trust__text::after {
  width: 32px;
}

/* ---------- Адаптив ---------- */
@media (max-width: 900px) {
  .c-trust { margin: 40px 0; }
  .c-trust--cols-5 .c-trust__list,
  .c-trust--cols-6 .c-trust__list { grid-template-columns: repeat(3, 1fr); }
  .c-trust--cols-4 .c-trust__list { grid-template-columns: repeat(3, 1fr); }
  .c-trust__item { min-height: 108px; }
  .c-trust__img { max-height: 50px; }
}
@media (max-width: 600px) {
  .c-trust { margin: 32px 0; }
  .c-trust--cols-3 .c-trust__list,
  .c-trust--cols-4 .c-trust__list,
  .c-trust--cols-5 .c-trust__list,
  .c-trust--cols-6 .c-trust__list { grid-template-columns: repeat(2, 1fr); }
  .c-trust__item { min-height: 92px; }
  .c-trust__link { padding: 20px 14px; }
  .c-trust__img { max-height: 44px; }
  .c-trust__text { font-size: 12px; letter-spacing: 0.04em; }
}