/* Б-25 Кому подходит / нет. Источник: новый макет (задача 6.3) */

.b-fit {
  padding-block: var(--space-section);
  background: var(--color-surface);
}

.b-fit__cols {
  display: grid;
  gap: var(--space-gutter);
}

.b-fit__col {
  display: grid;
  align-content: start;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-5);
  border-radius: var(--radius-lg);
}

.b-fit__col--yes {
  background: var(--color-success-soft);
}

.b-fit__col--no {
  background: var(--color-surface-muted);
}

.b-fit__title {
  font-size: var(--fs-h3);
}

.b-fit__list {
  display: grid;
  gap: var(--space-3);
  list-style: none;
}

.b-fit__item {
  position: relative;
  padding-left: 2.25rem;
  line-height: 1.45;
}

.b-fit__item::before,
.b-fit__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.b-fit__item::before {
  border-radius: 50%;
  background: var(--color-success);
}

.b-fit__item::after {
  background: var(--color-surface);
  clip-path: polygon(30% 50%, 22% 58%, 42% 76%, 78% 38%, 70% 30%, 42% 60%);
}

.b-fit__col--no .b-fit__item::before {
  background: var(--color-text-subtle);
}

.b-fit__col--no .b-fit__item::after {
  clip-path: polygon(32% 26%, 50% 44%, 68% 26%, 74% 32%, 56% 50%, 74% 68%, 68% 74%, 50% 56%, 32% 74%, 26% 68%, 44% 50%, 26% 32%);
}

@media (min-width: 768px) {
  .b-fit__cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .b-fit__col {
    padding: var(--space-8) var(--space-7);
  }
}