/* Native select remains the fallback when enhancement is unavailable. */
body.quote-page #quote [data-service-picker][hidden],
body.quote-page #quote [data-service-native][hidden] { display: none !important; }
body.quote-page #quote .service-choices {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
body.quote-page #quote .service-choices legend {
  margin-bottom: 8px;
  color: #5b5c5d;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.quote-page #quote .service-choices__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body.quote-page #quote .service-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 48px;
  padding: 10px;
  color: #0b0d0f;
  background: #fffdf9;
  border: 1px solid #c8bfae;
  cursor: pointer;
  font-size: .86rem;
  font-weight: 650;
  line-height: 1.35;
}
body.quote-page #quote .service-choice input {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #8a641f;
}
body.quote-page #quote .service-choice span { overflow-wrap: anywhere; }
body.quote-page #quote .service-choice:has(input:checked) {
  color: #0b0d0f;
  background: #e7cd91;
  border-color: #8a641f;
}
body.quote-page #quote .service-choice:focus-within { outline: 2px solid #8a641f; outline-offset: 2px; }
body.quote-page #quote .service-choices__error { margin: 8px 0 0; color: #9c3d35; font-size: .8rem; }
body.quote-page #quote .field select { color-scheme: light; }
body.quote-page #quote .field select option { color: #0b0d0f; background: #fffdf9; }