@media (min-width: 48rem) {
  .products__list--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.section-inline-link {
  color: var(--color-text);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.2rem;
  transition: text-decoration-color var(--transition-fast);
}

@media (hover: hover) {
  .section-inline-link:hover {
    text-decoration-color: currentColor;
  }
}