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

.inoby-featured-product {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  &::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba($color: $black, $alpha: 0.5);
  }
  .content {
    padding: (5rem * 1.6);
    @include bp("md") {
      padding: (2rem * 1.6);
    }
    position: relative;
    color: $white;
    z-index: 5;
    .title {
      color: $white;
    }
    .stock {
      margin-bottom: (1rem * 1.6);
    }
  }
}
