.stock-notification {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(128, 0, 128, .18);
  border-radius: 8px;
  background: rgba(128, 0, 128, .045);
}

.stock-notification h3 {
  margin: 0 0 8px;
  font-size: 18px;
  color: #5f136b;
}

.stock-notification h3 .fa {
  margin-right: 6px;
}

.stock-notification p {
  margin: 0 0 12px;
  line-height: 1.45;
}

.stock-notification-fields {
  display: flex;
  gap: 10px;
}

.stock-notification-fields .form-control {
  min-width: 0;
  height: 44px;
}

.stock-notification-submit {
  min-height: 44px;
  white-space: nowrap;
  background: #800080;
  border-color: #800080;
}

.stock-notification-submit:hover,
.stock-notification-submit:focus {
  background: #650069;
  border-color: #650069;
}

.stock-notification-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
}

.stock-notification-consent input {
  margin-top: 3px;
}

.stock-notification-message {
  display: none;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 5px;
}

.stock-notification-message.success,
.stock-notification-message.error {
  display: block;
}

.stock-notification-message.success {
  color: #1f5f31;
  background: #e8f7ed;
  border: 1px solid #b9e2c5;
}

.stock-notification-message.error {
  color: #8a1f2d;
  background: #fff0f2;
  border: 1px solid #f0c1c8;
}

.stock-notification-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 600px) {
  .stock-notification-fields {
    flex-direction: column;
  }

  .stock-notification-submit {
    width: 100%;
  }
}