/* ta-usp-bar: up to six short selling points with icons. */

.ta-usp__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
}

.ta-usp--n1 .ta-usp__list {
  grid-template-columns: minmax(0, 1fr);
}

.ta-usp__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.ta-usp__icon {
  display: inline-flex;
  flex: none;
  color: var(--ta-accent);
}

.ta-usp__icon .ta-icon {
  width: 1.9em;
  height: 1.9em;
}

.ta-usp__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.ta-usp__title {
  color: var(--ta-fg);
  font-size: 0.98em;
  font-weight: 600;
  line-height: 1.3;
}

.ta-usp--stack .ta-usp__item {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.ta-usp--stack .ta-usp__text {
  align-items: center;
}

.ta-usp--boxed .ta-usp__item {
  padding: 18px 16px;
  border: 1px solid var(--ta-line);
  border-radius: var(--ta-r-card, 0);
  background: var(--ta-tint);
}

@media (min-width: 750px) {
  .ta-usp__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .ta-usp--n2 .ta-usp__list,
  .ta-usp--n4 .ta-usp__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 990px) {
  .ta-usp--n4 .ta-usp__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ta-usp--n5 .ta-usp__list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .ta-usp--n6 .ta-usp__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ta-usp--n5.ta-usp--row .ta-usp__item,
  .ta-usp--n6.ta-usp--row .ta-usp__item {
    flex-direction: column;
  }

  .ta-usp--divided .ta-usp__item + .ta-usp__item {
    padding-left: 24px;
    border-left: 1px solid var(--ta-line);
  }
}