.page-width.list-width {
  padding: 0;
}

.list-container {
  .grid__item {
    border: 1px solid #dbd7d1;
    border-radius: 2px;

    .card {
      display: grid;
      grid-template-columns: 1fr;

      .card__item--container {
        padding: 1rem;

        .satisfaction-level-wrapper {
          border: 1px solid #dbd7d1;
          margin-top: 1rem;
          display: flex;
          align-items: center;

          .sl-title {
            padding: .5rem 1rem;
            text-transform: uppercase;
          }

          .sl-value {
            margin-left: auto;
            font-weight: 700;
            background: #edebe8;
            padding: .5rem 1rem;
          }
        }

        &.card-item--second {
          .card__description {
            margin-bottom: 1rem;
          }

          .card-information {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;

            .product-attributes {
              margin-top: auto;
            }
          }
        }

        &.card__item--third {
          display: flex;
          flex-direction: column;

          .delivery-icon-wrapper {
            margin-bottom: 1rem;
          }

          .price > * {
            width: 100%;
          }

          .price {
            .price__regular {
              text-align: right;

              .price-item--regular {
                font-weight: 700;
                font-size: 2rem;
              }
            }

            &.price--on-sale {
              .price__sale {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;

                .price-item {
                  flex-basis: 100%;
                  margin-right: 0;
                  text-align: right;
                }

                .price-item--sale {
                  font-weight: 700;
                  font-size: 2rem;
                }
              }
            }
          }
        }

        .card__information {
          padding: 0;

          .card__heading {
            font-size: calc(var(--font-heading-scale) * 1.625rem);
            font-weight: 700;
            margin-bottom: 1rem;

            & a::after {
              content: none;
            }
          }
        }

        .select .svg-wrapper,
        .customer select + .svg-wrapper {
          right: 10px;
        }
      }

      .variants-container {
        flex-basis: 100%;
        margin: 1rem 0;

        .product-form__input {
          margin-bottom: 1rem;
        }
      }

      .show-product-container {
        flex-basis: 100%;
        max-height: fit-content;
        margin-top: auto;

        .show-product-btn {
          width: 100%;
          padding: 1rem;
          text-decoration: none;
          display: block;
          text-align: center;
        }
      }

      .no-text .attribute-value {
        margin-right: 0;
      }
    }
  }
}

@media screen and (min-width: 990px) {
  .list-container {
    .grid__item {
      .card {
        display: grid;
        grid-template-columns: 2fr 2fr 1fr;
      }
    }
  }
}