/* A product restriction is helper text, not another checkout field. */
#modalPurchase #promoRestriction {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 2px 10px;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #b5b4b4;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

#modalPurchase #promoRestriction::before {
  content: "";
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%239b9999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.4 3H5a2 2 0 0 0-2 2v5.4a2 2 0 0 0 .6 1.4l4.6 4.6a2 2 0 0 0 2.8 0l5.4-5.4a2 2 0 0 0 0-2.8l-4.6-4.6a2 2 0 0 0-1.4-.6Z'/%3E%3Ccircle cx='6.5' cy='6.5' r='.75' fill='%239b9999' stroke='none'/%3E%3Cpath d='m9 9 4 4m0-4-4 4'/%3E%3C/svg%3E") center / 17px 17px no-repeat;
}

#modalPurchase #promoRestriction p {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow-wrap: break-word;
}

@media (max-width: 380px) {
  #modalPurchase #promoRestriction {
    font-size: 12px;
    line-height: 18px;
  }
}