@layer page {
  main.index section.products {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 768px;
    margin-inline: auto;

    header {
      text-align:center;
    }

    ul {
      list-style:none;
      padding-left:0;
      margin-top: 3rem;
      display:grid;
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }

    li {
      display:flex;
      gap: 1rem;
      align-items:flex-start;
    }

    .icon{
      width: 4rem;
      border-radius: 0;
      flex: 0 0 auto;
    }

    h3 {
      margin-top: 0;
      font-size: 1.125rem;
      font-weight: 800;
    }

    .description {
      font-size: 1rem;
      line-height: 1.625;
    }

    a {
      color: var(--color-elk-blue-500);
      &:hover {
        text-decoration: underline;
      }
    }


  }

  @media (width >= 1024px){
    main.index section.products {
      ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
      }
    }
  }
}