.sell-wine-intro {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 2rem 0 3rem;
}
.sell-wine-intro > div {
  padding: 1.5rem;
  border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  border-radius: 1rem;
}
.sell-wine-intro span {
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  color: var(--color-primary);
}
.sell-wine-intro h2 {
  font-size: 1.4rem;
  margin: 0.5rem 0;
}
.onboarding-chat {
  max-width: 850px;
  padding: clamp(1.2rem, 4vw, 2.5rem);
  margin: 0 auto 2rem;
  background: var(--color-base-200, #eee9df);
  border-radius: 1.4rem;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}
.onboarding-chat[hidden] {
  display: none;
}
.onboarding-chat h2 {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  line-height: 1.15;
  margin: 0.5rem 0 1rem;
}
.onboarding-messages {
  max-height: 320px;
  overflow: auto;
  padding: 0.5rem 0;
  margin: 1.5rem 0;
  overscroll-behavior: contain;
}
.onboarding-message {
  padding: 1rem 1.2rem;
  border-radius: 1rem;
  max-width: 90%;
  overflow-wrap: anywhere;
  background: var(--color-base-100, #fff);
  line-height: 1.6;
  margin: 0.65rem 0;
}
.onboarding-winery {
  margin-left: auto;
  background: var(--color-primary, #632e40);
  color: var(--color-primary-content, #fff);
}
.onboarding-chat label {
  display: block;
  font-weight: 600;
  margin: 1rem 0 0.5rem;
}
.onboarding-chat input {
  width: 100%;
  max-width: none;
  font-size: 1rem;
  min-height: 48px;
}
.onboarding-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.onboarding-chat > p {
  font-size: 0.875rem;
  line-height: 1.6;
}
.intake-form {
  scroll-margin-top: 120px;
}
.intake-form input,
.intake-form textarea {
  font-size: 1rem;
  max-width: 100%;
}
@media (max-width: 650px) {
  .sell-wine-intro {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .sell-wine-intro > div {
    padding: 1rem;
  }
  .onboarding-message {
    max-width: 96%;
  }
  .onboarding-chat {
    border-radius: 1rem;
  }
  .onboarding-actions > * {
    flex: 1;
  }
}