.nw-productitem-container {
  position: relative;
  padding: 10px;
}

.nw-productitem-loadercontainer {
  @extend %nwc-centeralign-items;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nw-productitem-oostext {
  font-size: $shopallstyles-productitem-oosfontsize;
  font-family: $shopallstyles-productitem-oosfontfamily;
  color: $shopallstyles-productitem-color;
}

.nw-productitem-toggle {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 0 20px 20px 0;
  cursor: pointer;
}

.nw-productitem-image {
  width: 100%;
}

.nw-productitem-toggleinput {
  background: $shopallstyles-productitem-togglebackground;
  
  &.nwc-inp-checkbox.is-checked {
    &::before {
      content: $icomoon-check;
      top: 0;
      bottom: initial;
      left: 0;
      right: initial;
      transform: translate(0, -2px);
      border: 0;
      background: $shopallstyles-productitem-togglecontentbackground;
      font-size: $shopallstyles-productitem-togglefontsize;
      color: $shopallstyles-productitem-toggleiconcolor;
    }
  }
}

.nw-productitem-items {
  transition: border 500ms linear;
  margin-bottom: 20px;
  border: 1px solid $transparent;
  border-bottom: $shopallstyles-productitem-bottomborder;
  padding: 0;
  padding-bottom: 20px;

  &.is-highlighted {
    border: $shopallstyles-productitem-highlightedborder;
  }
}

.nw-productitem-brandname {
  margin: 0;
  padding: 5px;
  font-size: $shopallstyles-productitem-brandfontsize;
  font-family: $shopallstyles-productitem-brandfontfamily;
  text-align: center;
}

.nw-productitem-productname {
  @include nw-product-name($shopallstyles-productitem-namefontsize);
  margin: 0;
  padding: 5px;
  font-family: $shopallstyles-productitem-namefontfamily;
  font-weight: $shopallstyles-productitem-namefontweight;
  line-height: 15px;
  text-align: center;
}

.nw-productitem-price {
  padding: 5px 0 20px;

  .nw-priceblock-container {
    @extend %nwc-centeralign-items;
  }

  .nw-priceblock-amt {
    font-size: $shopallstyles-productitem-pricefont;
    color: $shopallstyles-productitem-pricecolor;
  }

  .nw-priceblock-discount {
    font-size: $shopallstyles-productitem-pricefont;
  }
}

.nw-productitem-skuselectcontainer {
  padding: 0 10px 0 7.5px;
}

.nw-productitem-qtyselectcontainer {
  padding: 0 7.5px 0 10px;
}

.nw-productitem-selecttitle {
  margin-bottom: 10px;
  font-size: $shopallstyles-productitem-selecttitlefontsize;
  font-weight: 600;
}

.nw-productitem-qtyselect {
  width: 100%;
}

.nw-productitem-skuli {
  padding: 5px 10px;
  cursor: pointer;

  &:hover {
    background: $shopallstyles-productitem-selecthoverbackground;
  }
}

.nw-productitem-qtyli {
  padding: 5px 10px;
  cursor: pointer;

  &:hover {
    background: $shopallstyles-productitem-selecthoverbackground;
  }
}

.nw-productitem-colorscontainer {
  padding-top: 20px;

  .nw-color-title {
    font-family: $shopallstyles-productitem-colortitlefontfamily;
    text-transform: capitalize;
  }

  .nw-color-block {
    margin-bottom: 0;
  }
}