/**
Include icons in scss/css.
Usage: 
 @include icon(close);
*/
/*
Media query mixin.
Usage: 
@include media($bp-l, min)
*/
/*
Mixin to add loading spinner to button/element.
Usage: 
@include loading()
*/
product-card:last-of-type .shop-the-look-product {
  border: none;
}

.shop-the-look-product {
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .shop-the-look-product {
    gap: 1.5rem;
  }
}

.shop-the-look-product__media {
  height: 9rem;
  background-color: #f2f2f2;
  flex: 0 0 6.75rem;
}
@media only screen and (min-width: 992px) {
  .shop-the-look-product__media {
    flex: 0 0 10rem;
    height: 13.125rem;
  }
  .shop-the-look-product__media::before {
    float: left;
    padding-top: 131.25%;
    content: "";
  }
  .shop-the-look-product__media::after {
    display: block;
    content: "";
    clear: both;
  }
}
@media only screen and (max-width: 991px) {
  .shop-the-look-product__media {
    width: 8.4375rem;
  }
}
.shop-the-look-product__media::before {
  float: left;
  padding-top: 133.3333333333%;
  content: "";
}
.shop-the-look-product__media::after {
  display: block;
  content: "";
  clear: both;
}
.shop-the-look-product__media media-loader {
  display: inline;
}
.shop-the-look-product__media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.shop-the-look-product__info {
  font-size: 0.75rem;
  line-height: 160%;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.shop-the-look-product__title {
  margin-top: 0.25rem;
  margin-bottom: 0.375rem;
}
@media only screen and (min-width: 992px) {
  .shop-the-look-product__title {
    margin-top: 0.5rem;
  }
}
.shop-the-look-product__title a {
  font-size: 1.5rem;
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.025rem;
  text-decoration: none;
  color: #054040;
}
.shop-the-look-product__title a:hover {
  text-decoration: none;
}

.shop-the-look-product__price {
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 500;
  color: #1a1a1a;
}

.shop-the-look-product__color-swatches {
  margin-top: 6px;
}

.shop-the-look-product__color-swatches .color-swatches {
  gap: 6px 12px;
}

.shop-the-look-product__color-swatches .color-swatches__swatch {
  height: 21px;
  min-width: 21px;
  line-height: 21px;
  padding: 0;
}
.shop-the-look-product__color-swatches .color-swatches__swatch:not([href])::before, .shop-the-look-product__color-swatches .color-swatches__swatch--active::before {
  inset: -3px;
}

.shop-the-look-product__button {
  margin-top: auto;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 992px) {
  .shop-the-look-product__button {
    margin-bottom: 0.5rem;
  }
}
.shop-the-look-product__button .primary-button {
  font-size: 0.75rem;
  line-height: 140%;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.2px;
  width: auto;
  display: inline-block;
  padding: 0.4375rem 1rem;
  margin-top: 0.5rem;
}