.section-news {
  grid-template-columns: var(--section-products--gtc, 1fr 1fr);
  gap: .75rem;
  margin-top: .25rem;
  display: grid;
}

@container app (width >= 538px) {
  .section-news {
    --section-products--gtc: 1fr 1fr 1fr;
  }
}

@container app (width >= 716px) {
  .section-news {
    --section-products--gtc: 1fr 1fr 1fr 1fr;
  }
}