.quote-wizard-card{max-width:900px}.quote-wizard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:8px}.quote-wizard-head h2{margin:0}.quote-progress-label{font-size:.75rem;color:#73ccef;font-weight:700}.quote-wizard-intro{color:var(--muted)}.quote-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;list-style:none;padding:0;margin:22px 0}.quote-progress li{height:4px;border-radius:999px;background:rgba(255,255,255,.12)}.quote-progress li.active{background:#25a9e0;box-shadow:0 0 10px rgba(37,169,224,.22)}.quote-wizard.quote-js .quote-step{display:none}.quote-wizard.quote-js .quote-step.active{display:block}.quote-step h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:500;margin-bottom:8px}.quote-step>p{color:var(--muted);font-size:.88rem}.quote-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.quote-service-option{position:relative}.quote-service-option input{position:absolute;opacity:0;pointer-events:none}.quote-service-option span{display:block;padding:14px 15px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0a1b2a;color:#d7e4ec;font-size:.8rem;font-weight:700;cursor:pointer}.quote-service-option input:checked+span{border-color:rgba(37,169,224,.7);background:rgba(20,113,159,.22);box-shadow:0 0 12px rgba(37,169,224,.08)}.quote-multi-note{margin-top:11px;color:#80cfee;font-size:.72rem}.quote-step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.quote-step-actions .btn{min-width:130px}.quote-window-fields{margin-bottom:22px}.quote-general-fields{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.quote-result p{margin:5px 0 0}.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}@media(max-width:780px){.quote-service-grid{grid-template-columns:1fr}.quote-step-actions{display:grid;grid-template-columns:1fr}.quote-step-actions .btn{width:100%}}

.quote-consent-field{border:1px solid transparent;border-radius:8px;padding:10px 12px;margin-inline:-12px}.quote-consent-field.quote-consent-invalid{border-color:#e86f6f;background:rgba(196,60,60,.10)}.quote-consent-error{margin:8px 0 0;color:#ffaaaa;font-size:.76rem;font-weight:700}

/* v3.6.0 — service-specific quote detail groups */
.quote-conservatory-fields,.quote-gutter-fields,.quote-solar-fields,.quote-patio-fields,.quote-fascia-fields{margin-bottom:22px;padding-top:4px}
.quote-conservatory-fields:not([hidden]),.quote-gutter-fields:not([hidden]),.quote-solar-fields:not([hidden]),.quote-patio-fields:not([hidden]),.quote-fascia-fields:not([hidden]){border-top:1px solid rgba(255,255,255,.08);padding-top:22px}
.quote-window-fields+.quote-conservatory-fields:not([hidden]),.quote-window-fields+.quote-gutter-fields:not([hidden]){margin-top:4px}

/* v3.8.2 — keep helper text from stretching neighbouring controls */
.quote-solar-fields .form-grid{align-items:start}
.quote-solar-fields .field{align-self:start}

/* v3.8.2 — stepped Bundle & save messaging */
.quote-multi-note strong,.quote-multi-note span,.quote-multi-note small{display:block}
.quote-multi-note strong{color:#fff;font-size:.8rem;margin-bottom:3px}
.quote-multi-note span{color:#cdeaf6;line-height:1.45}
.quote-multi-note small{margin-top:6px;color:#93bfd2;font-size:.68rem;line-height:1.4}

/* v3.8.3 — roofline conditional fields + unknown-length checkbox alignment */
.quote-fascia-fields .fascia-eaves-count-field[hidden]{display:none!important}
.quote-fascia-fields .quote-checkbox-field{align-self:start}
.quote-fascia-fields .quote-checkbox-field label{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:48px;
  margin-top:22px;
  cursor:pointer;
}
.quote-fascia-fields .quote-checkbox-field input[type="checkbox"]{
  width:18px;
  height:18px;
  min-width:18px;
  flex:0 0 18px;
  margin:0;
  padding:0;
  accent-color:#25a9e0;
}
.quote-fascia-fields .quote-checkbox-field span{line-height:1.35}
.quote-fascia-fields #fascia_length_m:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:780px){
  .quote-fascia-fields .quote-checkbox-field label{margin-top:0;min-height:auto;padding:4px 0 8px}
}

