.ess-productList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 10px;
  row-gap: 20px;
}
.ess-productItem {
  color: #000;
  word-break: break-all;
  position: relative;
}
.ess-productItem a {
  color: #000;
  letter-spacing: 1px;
}
.ess-productItem__image {
  margin-bottom: 12px;
  height: calc(50vw - 15px);
}
.ess-productItem img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.ess-productItem__brand {
  font-size: 12px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ess-productItem__name {
  font-weight: bold;
  font-size: 16px;
}
.ess-productItem__code {
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 0;
}
.ess-productItem__desc {
  margin-bottom: 10px;
}
.ess-productItem__price-tax {
  font-size: 12px;
}
.ess-productItem__price-default {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0 !important;
}
.regular-price .ess-productItem__price-default {
  margin-left: -6px;
  font-size: 16px;
  font-weight: 500;
}
.ess-productItem__price-icon {
  font-size: 14px;
  font-weight: bold;
  margin-left: 1px;
}
.regular-price .ess-productItem__price-icon {
  font-size: 12px;
  font-weight: 500;
}
.price-sale {
  color: #DD0000;
  margin-top: 5px;
}
.price-sale .ess-productItem__price-note {
  font-size: 9px;
}
.delivery-role {
  font-size: 12px;
  color: #FFFFFF;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.delivery-role__tag {
  display: flex;
}
.delivery-role .has-fee, .delivery-role .no-fee {
  background-color: #DD0000;
  color: #FFFFFF;
  font-family: sans-serif;
}
.delivery-role > span {
  display: flex;
}
.delivery-role label {
  padding: 5px 4px 4px;
  margin-right: 4px;
  line-height: 1;
  font-weight: normal;
}
.delivery-role .included-fee {
  background-color: #00A63C;
  color: #FFFFFF;
}
.delivery-role .normal {
  background-color: #FFFFFF;
  color: #383838;
  border: 1px solid #383838;
  padding: 4px;
}
.delivery-role .normal.fee-border-red {
  border: 1px solid #dd0000;
  font-weight: bold;
  color: #dd0000;
}
.delivery-role .high-quality {
  background-color: #742198;
  color: #FFFFFF;
}
.delivery-role .cold {
  background-color: #FFFFFF;
  color: #009FE8;
  border: 1px solid #009FE8;
  padding: 4px;
}
.delivery-role .has-fee + .cold,
.delivery-role .included-fee + .cold {
  margin-left: -4px;
}
.delivery-role .frozen {
  background-color: #0054A6;
  color: #FFFFFF;
}
.delivery-role .has-fee + .frozen,
.delivery-role .included-fee + .frozen {
  margin-left: -4px;
}
.visible-inline-block {
  display: inline-block;
}

@media (min-width: 768px) {
  .ess-productList {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ess-productItem__image {
    height: calc(25vw - 12.5px);
  }
}

@media (min-width: 1200px) {
  .ess-productList {
    column-gap: 15px;
    row-gap: 30px;
  }
  .ess-productItem__image {
    height: 201.25px;
  }
  .ess-productItem__code {
    font-size: 14px;
  }
}