#cart-panel {
  background-color: hsla(221deg, 14%, 100%, 1);
  border-radius: 0;
  box-shadow: none;
  margin-left: -1rem;
  margin-right: -1rem;

  .line-item {
    display: flex;
    gap: 0.75rem;
    position: relative;
    margin-bottom: 2.5rem;

    .garbage {
      position: absolute;
      top: 4px;
      right: 0;
    }
  }
  .line-item:last-child {
    margin-bottom: 0;
  }

  .item {
    flex-grow: 1;
    display: grid;
    grid-template-columns: minmax(110px, 145px) 1fr;
    grid-column-gap: 0.75rem;
  }

  .item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .item-info {
    font-size: 0.9375rem;
    .product-price {
      margin-bottom: 0.75rem;
    }
  }
  
  .item-price-strike {
    color: gray;
    text-decoration: line-through;
    font-size: 0.875rem;
  }

  @media screen and (min-width: 650px) {
    margin-left: 0; 
    margin-right: 0;
    border-radius: 8px;
    box-shadow: 1px 1px 6px -4px #0000009c;

    .item img {
      height: 94px;
    }

    .line-item {
      margin-bottom: 2rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid var(--bulma-light-base);
    }

    .item-info {
      font-size: 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr;

      div:first-child {
        grid-column: 1 / -1;
      }
      .product-price, form {
        margin-bottom: 0;
        align-self: end;
      }
    }
  }
}