// Can this be deleted?

//
// Icons
// --------------------------------------------------

// Wishlist heart
.wishlist-heart {
  .opacity(.9);
  .translate3d(0,0,0); // Transform hack to avoid unwanted clipping
  .transition(opacity .2s ease);
  .animation(wishlist-heart-inactive .7s ease-out 1);
  // .active-scale(); // Not merged yet
  &:hover,
  &:focus {
    .opacity(1);
  }
  // Class to apply when item is added to wishlist
  &.active {
    .opacity(1);
    .transition(none);
    .animation(wishlist-heart-active .7s ease-out 1);
    .fa-heart {
      color: @brand-danger;
      .opacity(1);
    }
  }
}
// Heart spring animation when removed or loaded
.keyframes(wishlist-heart-inactive, {
  0%   { .scale(0); }
  50%  { .scale(1.2); }
  70%  { .scale(.9); }
  100% { .scale(1); }
});
// Heart spring animation when added
.keyframes(wishlist-heart-active, {
  20%  { .scale(1.8); }
  40%  { .scale(.75); }
  50%  { .scale(1.2); }
  70%  { .scale(.9); }
  100% { .scale(1); }
});

@media only screen and (max-width: 375px) {
  .product-item {
    a {
      .fa-star {
        font-size: 14px !important;
      }
    }
  }
}