.ufeb-injected-wrap {
  --ufeb-text-color: #372821;
  --ufeb-muted-color: #6f7783;
  --ufeb-border-color: #cfc7b9;
  --ufeb-error-color: #b42318;
  --ufeb-success-color: #027a48;
  --ufeb-gap: 24px;
  --ufeb-field-min-height: 58px;
  --ufeb-font-size: 16px;
  --ufeb-headline-size: 14px;
  --ufeb-field-radius: 0px;
  --ufeb-focus-border-width: 1px;
  --ufeb-stack-breakpoint: 767px;
  --ufeb-columns-desktop: 2;
  --ufeb-columns-tablet: 2;
  --ufeb-columns-mobile: 1;
  margin: 0 0 24px;
  color: var(--ufeb-text-color);
}

.ufeb-heading {
  margin: 0 0 12px;
  font-size: var(--ufeb-headline-size);
  font-weight: 700;
  line-height: 1.3;
}

.ufeb-grid {
  display: grid;
  grid-template-columns: repeat(var(--ufeb-columns-desktop), minmax(0, 1fr));
  gap: var(--ufeb-gap);
}

.ufeb-field label {
  display: block;
  margin: 0 0 8px;
  font-size: 0.95em;
  font-weight: 600;
}

.ufeb-field select {
  width: 100%;
  min-height: var(--ufeb-field-min-height);
  padding: 12px 16px;
  border: 1px solid var(--ufeb-border-color);
  border-radius: var(--ufeb-field-radius);
  background: #fff;
  color: var(--ufeb-text-color);
  font-size: var(--ufeb-font-size);
  box-sizing: border-box;
}

.ufeb-field select:focus {
  outline: none;
  border-width: var(--ufeb-focus-border-width);
  border-color: var(--ufeb-text-color);
}

.ufeb-note,
.ufeb-summary,
.ufeb-message {
  margin-top: 12px;
  font-size: 0.95em;
}

.ufeb-note,
.ufeb-summary {
  color: var(--ufeb-muted-color);
}

.ufeb-message.is-error {
  color: var(--ufeb-error-color);
}

.ufeb-message.is-success {
  color: var(--ufeb-success-color);
}

@media (max-width: 1024px) {
  .ufeb-grid {
    grid-template-columns: repeat(var(--ufeb-columns-tablet), minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ufeb-grid {
    grid-template-columns: repeat(var(--ufeb-columns-mobile), minmax(0, 1fr));
  }
}