.wf-generation-brand { margin: 14px 0; max-width: 420px; text-align: left; }
.wf-generation-brand label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; }
.wf-generation-brand select { width: 100%; }
.wf-generation-brand small { display: block; margin-top: 5px; color: var(--muted, #675b5c); }

/* Keep the optional brand choice separate from the form actions. */
.wf-brand-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 220px));
  justify-content: center;
  align-items: start;
  gap: 12px;
  margin: 24px auto 0;
}
.wf-brand-actions > .wf-generation-brand {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 6px;
}
.wf-brand-actions > .btn {
  width: 100%;
  min-width: 0 !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 10px 18px;
  text-align: center;
}
.wf-brand-actions > button[type="submit"] {
  grid-column: 1;
  grid-row: 2;
  background: #fff !important;
  color: var(--accent, #851b20) !important;
  border: 1px solid var(--border-strong, #e2c9c5) !important;
  box-shadow: none !important;
}
.wf-brand-actions > button[type="submit"]:hover {
  background: var(--accent-soft, #fff5f3) !important;
  box-shadow: 0 4px 12px rgba(95, 26, 30, .08) !important;
}
.wf-brand-actions > button[type="button"].btn-primary {
  grid-column: 2;
  grid-row: 2;
}
.wf-brand-actions > button.btn-outline-primary {
  grid-column: 1 / -1;
  grid-row: 3;
  justify-self: center;
  max-width: 220px;
}
.wf-brand-actions > .btn[hidden] { display: none !important; }

@media (max-width: 560px) {
  .wf-brand-actions { grid-template-columns: minmax(0, 1fr); }
  .wf-brand-actions > .wf-generation-brand,
  .wf-brand-actions > button[type="submit"],
  .wf-brand-actions > button[type="button"].btn-primary,
  .wf-brand-actions > button.btn-outline-primary { grid-column: 1; }
  .wf-brand-actions > button[type="button"].btn-primary { grid-row: 3; }
  .wf-brand-actions > button.btn-outline-primary { grid-row: 4; }
}