.product-list {
    margin: 1.75rem 0 2.75rem;
  }
  @media (min-width: 992px) {
    .product-list {
      margin: 2.25rem 0 2.5rem;
    }
  }
  .product-list h1,
  .product-list h2 {
    margin-bottom: 1.25rem;
  }
  @media (min-width: 992px) {
    .product-list h1,
  .product-list h2 {
      margin-bottom: 2.375rem;
    }
  }
  .product-list__top {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.625rem;
  }
  @media (min-width: 992px) {
    .product-list__top {
      margin-bottom: 2.125rem;
    }
  }
  .product-list__view-modes {
    display: grid;
    grid-template-columns: 1.5rem 1.5rem;
    gap: 0.5rem;
  }
  .product-list__toggle-view {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (hover: hover) {
    .product-list__toggle-view {
      cursor: pointer;
    }
    .product-list__toggle-view:hover rect {
      fill: #2874bb;
    }
  }
  .product-list__toggle-view.active rect {
    fill: #2874bb;
  }
  .product-list__toggle-view rect {
    will-change: fill;
    transition: fill 300ms ease-in-out 0ms;
  }
  .product-list__count {
    font-size: 1rem;
    line-height: 1.1666666667;
    font-weight: 400;
    color: #2874bb;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 0.5rem;
  }
  .product-list__count a {
    margin-left: 1rem;
  }
  @media (min-width: 1200px) {
    .product-list__count {
      font-size: 1.25rem;
      line-height: 1.2;
      flex-direction: row;
      align-items: center;
    }
  }
  .product-list__items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
  }
  @media (min-width: 768px) {
    .product-list__items:not(.product-list__items--details) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 992px) {
    .product-list__items:not(.product-list__items--details) {
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem 1.375rem;
    }
  }