.hsi-context {
  margin: 0;
  border-left: 3px solid #f99221;
  background: #fff8ef;
  padding: 11px 13px;
  color: #463d34;
  font-size: 14px;
}
.hsi-quantities {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.hsi-quantities .hscq-field input {
  text-align: center;
}
.hsi-inline-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}
.hsi-conditional[hidden] {
  display: none !important;
}
.hsi-marketing {
  border: 1px solid #e7ded2;
  border-radius: 8px;
  background: #fffcf8;
  padding: 11px 13px;
}
@media (max-width: 760px) {
  .hsi-quantities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}