.productstock {
  background: #f1f1f1;
  clear: both;
  color: #666;
  font-size: 16px;
  font-weight: 300;
  margin: 10px 0;
  padding: 5px 5px 0;
}

.productstock__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 5px;
}

.productstock__availability {
  background: url('../img/available.png') no-repeat left center;
  color: #666;
  font-weight: 300;
  line-height: 30px;
  margin: 0;
  padding: 0 5px 0 30px;
}

.productstock__status {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  padding: 4px;
}

.productstock__bar,
.productstock-list__bar {
  display: inline-block;
  flex: 0 0 150px;
  height: 20px;
  width: 150px;
}

.productstock .full_stock,
.productstock-list .full_stock {
  background: url('../img/fullstock.png') no-repeat left center;
}

.productstock .medium_stock,
.productstock-list .medium_stock {
  background: url('../img/medium.png') no-repeat left center;
}

.productstock .low_stock,
.productstock-list .low_stock {
  background: url('../img/lowstock.png') no-repeat left center;
}

.productstock .empty_stock,
.productstock-list .empty_stock {
  background: url('../img/nostock.png') no-repeat left center;
}

.productstock__label {
  display: inline-block;
  font-weight: 700;
}

.productstock .fullstock-label {
  color: #38b5d0;
}

.productstock .mediumstock-label {
  color: #3abf79;
}

.productstock .lowstock-label {
  color: #ff8232;
}

.productstock .emptystock-label {
  color: #eb002c;
}

.productstock-list {
  line-height: 1.25;
  margin: 6px 0 0;
  min-height: 0;
}

.productstock-list__status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  justify-content: center;
}

.productstock-list__title,
.productstock-list__label {
  font-size: 12px;
}

.productstock-list__bar {
  flex-basis: 100px;
  width: 100px;
}

.productstock-admin__language {
  border-top: 1px solid #dbe1e5;
  margin-top: 20px;
  padding-top: 12px;
}

@media (max-width: 575px) {
  .productstock__inner,
  .productstock__status {
    align-items: flex-start;
    flex-direction: column;
  }
}