@import "variables";
@import "mixins";

section.wishlist {
  padding: $space-md 0 $space-lg;
  h1 {
    text-align: center;
  }
  .wishlist-wrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    max-width: 800px;
    margin: 0 auto;
    .wishlist-card {
      display: grid;
      grid-template-columns: 80px 1fr 100px 40px;
      grid-template-rows: 1fr;
      grid-column-gap: 3rem;
      grid-row-gap: 1.6rem;
      margin-bottom: 1.6rem;
      align-items: center;
      * {
        margin: 0;
      }
      a.remove-from-wishlist {
        text-decoration: none;
      }
      p.price {
        text-align: right;
      }
    }
  }
}
