.index-text-products {
  overflow-wrap: anywhere;
}

.text-products__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  --text-products-font-size: var(--text-products-font-size-desktop);
  margin-block: 8px;
  column-gap: 16px;
  row-gap: 10px;
}
@media only screen and (max-width: 749px) {
  .text-products__heading {
    --text-products-font-size: var(--text-products-font-size-mobile);
  }
}
.text-products__heading {
  font-size: var(--text-products-font-size);
}