/* Б-03 «Капли» с цифрами. Источник: по вёрстке verter.me/wms/, перерисован */

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

.b-facts__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  list-style: none;
}

.b-facts__drop {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-height: 10rem;
  padding: var(--space-4);
  border-radius: var(--radius-drop);
  background: var(--color-accent-soft);
  color: var(--color-text);
  font-size: var(--fs-small);
  line-height: 1.4;
}

.b-facts__value {
  display: block;
  font-size: clamp(1.375rem, 0.9rem + 2vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.b-facts__drop--accent {
  background: var(--color-accent);
  color: var(--color-text-inverse);
}

.b-facts__drop--deep {
  background: var(--color-accent-deep);
  color: var(--color-text-inverse);
}


.b-facts__drop--accent .b-facts__value {
  margin-top: auto;
}

.b-facts__note {
  margin-top: var(--space-4);
}

@media (min-width: 768px) {
  .b-facts__list {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: var(--space-gutter);
  }

  .b-facts__drop {
    padding: var(--space-5);
    font-size: var(--fs-body);
  }
}

@media (min-width: 1024px) {
  .b-facts__drop {
    min-height: 13.5rem;
    padding: var(--space-6);
  }
}