/* Valuation page and its existing submission form. Scoped to .pg-valuation. */
.pg-valuation { color: #2b2e33; }
.pg-valuation *, .pg-valuation *::before, .pg-valuation *::after { box-sizing: border-box; }
.pg-valuation__section { padding: 88px 0; background: #009cde; }
.pg-valuation__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 48px;
  width: min(1280px, calc(100% - 64px));
  margin: 0 auto;
}
.pg-valuation__copy { flex: 1 1 320px; min-width: 0; }
.pg-valuation__eyebrow {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pg-valuation__copy h2 {
  margin: 0;
  color: #ffffff;
  font-family: inherit;
  font-size: clamp(28px, 3.4vw, 38px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.pg-valuation__copy p { max-width: 440px; margin: 16px 0 28px; color: #ffffff; font-size: 16px; line-height: 1.65; }
.pg-valuation__image { display: block; width: 100%; height: 300px; border-radius: 28px; background: #eaf5fb; object-fit: cover; }
.pg-valuation__form {
  display: flex;
  flex: 2 1 520px;
  flex-wrap: wrap;
  gap: 16px;
  min-width: 0;
  padding: 32px;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(6, 43, 67, 0.06);
}
.pg-valuation__field { display: flex; flex: 1 1 220px; flex-direction: column; gap: 6px; min-width: 0; }
.pg-valuation__field--wide { flex-basis: 100%; }
.pg-valuation__field label { color: #2b2e33; font-size: 13px; font-weight: 700; }
.pg-valuation__field input, .pg-valuation__field select, .pg-valuation__field textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid #d3e3ec;
  border-radius: 14px;
  background: #ffffff;
  color: #2b2e33;
  font: inherit;
  font-size: 15px;
}
.pg-valuation__field input, .pg-valuation__field select { height: 50px; min-height: 50px; padding: 0 16px; }
.pg-valuation .pg-valuation__field select.select-rounder { min-height: 50px !important; }
.pg-valuation__field textarea { min-height: 130px; padding: 14px 16px; resize: vertical; }
.pg-valuation .select2-container { width: 100% !important; min-width: 0; }
.pg-valuation .select2-container .select2-selection--single { height: 50px; border: 1px solid #d3e3ec; border-radius: 14px; background: #ffffff; }
.pg-valuation .select2-container--focus .select2-selection--single,
.pg-valuation .select2-container--open .select2-selection--single { border-color: #009cde; box-shadow: 0 0 0 3px rgba(0, 156, 222, 0.15); }
.pg-valuation .select2-container .select2-selection__rendered { padding: 0 36px 0 16px; color: #2b2e33; line-height: 48px; }
.pg-valuation .select2-container .select2-selection__arrow { top: 13px; right: 12px; }
.pg-valuation .select2-dropdown { overflow: hidden; border: 1px solid #c6d4dc; border-radius: 12px; background: #ffffff; box-shadow: 0 16px 36px rgba(20, 43, 55, 0.22), 0 3px 8px rgba(20, 43, 55, 0.08); z-index: 1080; }
.pg-valuation .select2-results__options { scrollbar-color: #9eafb7 transparent; scrollbar-width: thin; }
.pg-valuation .select2-results__option { position: relative; min-height: 38px; padding: 10px 34px 10px 12px; color: #344953; font-size: 13px; line-height: 1.35; transition: background-color 120ms ease, color 120ms ease; }
.pg-valuation .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: #e4f3f9; color: #175b75; }
.pg-valuation .select2-container--default .select2-results__option--selected { background: #eff3f5; color: #344953; font-weight: 600; }
.pg-valuation__submit {
  min-height: 52px;
  padding: 0 32px;
  border: 0;
  border-radius: 999px;
  background: #2b2e33;
  color: #ffffff;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.pg-valuation__submit:hover { opacity: 0.88; }
.pg-valuation__notice { flex-basis: 100%; padding: 16px; border: 1px solid #b8d8c8; border-radius: 14px; background: #f0faf4; color: #24513a; font-size: 14px; }
.pg-valuation__notice--error { border-color: #ebc8cb; background: #fff3f4; color: #8a2632; }
.pg-valuation__notice p { margin: 4px 0 0; color: inherit; }
.pg-valuation :where(a, button, input, select, textarea, .select2-selection):focus-visible { outline: 3px solid #009cde; outline-offset: 3px; }
@media (max-width: 575.98px) {
  .pg-valuation__section { padding: 48px 0; }
  .pg-valuation__inner { width: calc(100% - 32px); gap: 28px; }
  .pg-valuation__form { padding: 20px; }
}
