/* One shared, responsive survey journey for every Kingsmere quote entry point. */
.km-booking{--km-booking-green:#176a3d;--km-booking-orange:#f28c28;box-sizing:border-box;display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;min-width:0;color:#173024;font-family:'Open Sans',Arial,sans-serif}
.km-booking *{box-sizing:border-box}
.km-booking-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:2px 0 15px}
.km-booking-marker{min-width:0;text-align:center;color:#8b9690;font-size:10px;line-height:1.3}
.km-booking-marker.is-active{color:#173024}
.km-booking-marker[aria-current=step]{font-weight:700}
.km-booking-bar{display:block;height:5px;margin-bottom:6px;background:#e2e8e3;border-radius:10px}
.km-booking-marker.is-active .km-booking-bar{background:var(--km-booking-green)}
.km-booking-content{flex:1;min-height:0}
.km-booking-heading{margin:0 0 9px!important;color:#173024!important;font:750 17px/1.25 Montserrat,Arial,sans-serif!important;letter-spacing:-.02em}
.km-booking-heading:focus{outline:none}
.km-booking-hint{margin:0 0 12px!important;font-size:12px!important;color:#65766b!important;line-height:1.45!important}
.km-booking-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.km-booking .km-booking-choice{min-height:44px;padding:8px 9px;border:1px solid #cbd7ce;border-radius:9px;background:#fff;color:#273f2e;font:700 11px/1.3 'Open Sans',Arial,sans-serif;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.km-booking .km-booking-choice.is-selected{background:#e6f3e8;border:2px solid var(--km-booking-green);padding:7px 8px}
.km-booking .km-booking-choice:hover,.km-booking .km-booking-time:hover{border-color:var(--km-booking-orange);background:#fff7ec}
.km-booking-label{display:block;margin:0 0 7px;color:#2e4435;font-size:12px;font-weight:700;line-height:1.35}
.km-booking-input{display:block;width:100%;height:45px;margin-top:5px;padding:9px 11px;border:1px solid #cad8ce;border-radius:8px;background:#fff;color:#173024;font:400 13px/1.3 'Open Sans',Arial,sans-serif}
.km-booking-input:focus{border-color:#176a3d;outline:2px solid #b3e4bd;outline-offset:1px}
.km-booking-note{margin:13px 0 0!important;color:#63756a;font-size:11px!important;line-height:1.45!important}
.km-booking-days{display:grid;gap:11px;margin:6px 0 18px}
.km-booking-day{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500;cursor:pointer}
.km-booking-day input{width:19px;height:19px;margin:0;accent-color:var(--km-booking-green);cursor:pointer}
.km-booking-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0 0}
.km-booking .km-booking-time{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 4px;border:1px solid #c8d8ce;border-radius:12px;background:#f8fbf9;color:#385643;font:700 12px/1.2 'Open Sans',Arial,sans-serif;text-align:center!important;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.km-booking .km-booking-time.is-selected{border-color:var(--km-booking-green);background:#e5f3e9;box-shadow:inset 0 0 0 1px var(--km-booking-green);color:#183927}
.km-booking-summary{display:flex;flex-direction:column;gap:2px;margin:0 0 9px;padding:9px 10px;border-radius:8px;background:#eaf5eb;font-size:11px;line-height:1.4}
.km-booking-summary span{color:#58705e}
.km-booking-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px}
.km-booking-details .km-booking-label{min-width:0;margin:0;font-size:11px}
.km-booking-details .km-booking-label:first-child{grid-column:1/-1}
.km-booking-details .km-booking-input{height:39px;margin-top:3px;padding:7px 9px;font-size:12px}
.km-booking-privacy{margin:8px 0 2px!important;color:#607166;font-size:10px!important;line-height:1.4!important}
.km-booking-privacy a{color:#176a3d;text-decoration:underline}
.km-booking-error{margin:8px 0 0;padding:7px 9px;border:1px solid #e8bcbc;border-radius:7px;background:#fff4f4;color:#8b2525;font:600 11px/1.4 'Open Sans',Arial,sans-serif}
.km-booking-error[hidden]{display:none!important}
.km-booking-actions{display:flex;gap:10px;margin-top:12px;align-items:stretch}
.km-booking .km-booking-back,.km-booking .km-booking-next{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:25px;font:800 13px/1.2 'Open Sans',Arial,sans-serif;cursor:pointer}
.km-booking .km-booking-back{padding:9px 16px;border:1px solid #cbd8d0;background:white;color:#4c5a51}
.km-booking .km-booking-next{flex:1;padding:10px 16px;border:1px solid var(--km-booking-green);background:var(--km-booking-green);color:white}
.km-booking .km-booking-next:hover{background:#df791e;border-color:#df791e;color:white}
.km-booking .km-booking-next:disabled{opacity:.7;cursor:wait}
.km-booking-success{display:flex;flex-direction:column;gap:13px;justify-content:center;min-height:180px;padding:20px 5px;font-size:13px;line-height:1.5}
.km-booking-success strong{font:800 19px/1.3 Montserrat,Arial,sans-serif;color:#176a3d}
.km-booking-success p{margin:0}
.km-booking-success a{color:#176a3d;font-weight:700}
.km-booking button:focus-visible,.km-booking input:focus-visible{outline:3px solid #f4a44a;outline-offset:2px}

/* Hero forms share identical card size and alignment on every product and locality page. */
.km-u-hero .km-hero-inline-quote.km-survey-card{height:430px!important;min-height:430px!important;padding:17px 19px 17px!important}
.km-u-hero .km-survey-card>h2{font-size:20px!important;line-height:1.2!important;margin-bottom:5px!important}
.km-u-hero .km-survey-card>.km-hero-form-intro{margin:0 0 12px!important;padding:0!important;background:transparent!important;color:#5c7262!important;font-size:12px!important;font-weight:500!important}
.km-u-hero .km-survey-card .km-booking{flex:1!important;min-height:0!important}
.km-u-hero .km-booking button{display:inline-flex!important;transform:none!important}
.km-u-hero .km-booking button.km-booking-choice{display:block!important}
.km-u-hero .km-booking .km-booking-days input{display:inline-block!important}

/* The same journey is used in existing popup, consultation page and paid-ad forms. */
#popupQuoteForm.km-booking,#quoteFormMain.km-booking,#lpLeadForm.km-booking{max-width:620px;min-height:360px;margin:0 auto}
#popupQuoteForm.km-booking .km-booking-choice,#quoteFormMain.km-booking .km-booking-choice,#lpLeadForm.km-booking .km-booking-choice{font-size:12px}
#popupQuoteForm.km-booking .km-booking-progress,#quoteFormMain.km-booking .km-booking-progress,#lpLeadForm.km-booking .km-booking-progress{margin-top:0;margin-bottom:21px}
.qp-body #popupQuoteForm.km-booking{margin-top:16px}
.lp-quote #lpLeadForm.km-booking label{display:flex;align-items:center}
.lp-quote #lpLeadForm.km-booking .km-booking-day{display:flex}
.lp-quote #lpLeadForm.km-booking .km-booking-label{display:block}
.lp-quote #lpLeadForm.km-booking .km-booking-input{width:100%;max-width:none}
.lp-quote #lpLeadForm.km-booking .km-booking-day input{display:inline-block;width:19px;height:19px;margin:0;padding:0;flex:none}
.lp-quote #lpLeadForm.km-booking button{width:auto;max-width:none}
.lp-quote #lpLeadForm.km-booking .km-booking-next{width:100%}

@media(max-width:800px){
  .km-u-hero .km-hero-inline-quote.km-survey-card{height:380px!important;min-height:380px!important;max-height:none!important;padding:13px 14px 14px!important}
  .km-u-hero .km-survey-card>h2{font-size:17px!important}
  .km-u-hero .km-survey-card>.km-hero-form-intro{font-size:11px!important;margin-bottom:7px!important}
  .km-booking-progress{margin-bottom:9px;gap:4px}
  .km-booking-marker{font-size:9px}
  .km-booking-heading{font-size:15px!important;margin-bottom:7px!important}
  .km-booking-hint{font-size:11px!important;margin-bottom:9px!important}
  .km-booking-products{gap:6px}
  .km-booking .km-booking-choice{min-height:37px;padding:6px 8px;font-size:10px}
  .km-booking .km-booking-choice.is-selected{padding:5px 7px}
  .km-booking-actions{margin-top:8px}
  .km-booking .km-booking-back,.km-booking .km-booking-next{min-height:42px}
  .km-booking-note{margin-top:9px!important}
  .km-booking-days{gap:9px;margin-bottom:13px}
  .km-booking-details{gap:5px 7px}
  .km-booking-details .km-booking-input{height:36px}
}
@media(max-width:480px){
  .km-u-hero .km-hero-inline-quote.km-survey-card{height:380px!important;min-height:380px!important;padding:12px 13px 13px!important}
  .km-booking .km-booking-choice{font-size:9.5px}
  .km-booking .km-booking-time{font-size:11px}
}