/* quickform.css — self-contained styles for the shared hero quick-form partial.
   Loaded site-wide so the partial renders correctly on ANY page, including the
   legacy service pages (res-hero/rs-hero, permanent-lights, commercial) that do
   NOT load design-system.css. All rules are scoped to .ds-quickform / .qf-embed
   so nothing leaks to the rest of the page. Values mirror the design system. */

/* Centering wrapper used when embedding the form inside a legacy (single-column) hero. */
.qf-embed{width:100%;max-width:460px;margin:1.8rem auto 0;text-align:left}
.qf-embed .ds-hero__form{position:relative;z-index:3}

.ds-quickform{background:#fff;color:#15181d;border-radius:14px;padding:clamp(1.3rem,3vw,1.9rem);
  box-shadow:0 24px 70px rgba(21,24,29,.28);max-width:none;
  font-family:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif}
.ds-quickform h3{margin:0 0 .3rem;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:700;color:#15181d;font-family:inherit;text-align:left}
.ds-quickform p.sub{margin:0 0 1.1rem;color:#6b7280;font-size:.9rem;text-align:left}
.ds-quickform .ds-field{margin-bottom:.9rem}
.ds-quickform .ds-field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:.3rem;color:#15181d;text-align:left}
.ds-quickform .ds-field input,.ds-quickform .ds-field select{width:100%;padding:.75rem .9rem;
  border:1px solid rgba(21,24,29,.14);border-radius:8px;font-family:inherit;font-size:.95rem;background:#f7f4ee;color:#15181d}
.ds-quickform .ds-field input:focus,.ds-quickform .ds-field select:focus{outline:2px solid #bfa06a;border-color:transparent}
.ds-quickform .ds-field--row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media(max-width:480px){.ds-quickform .ds-field--row{grid-template-columns:1fr}}
.ds-quickform .ds-req{color:#d6453b}
.ds-quickform .ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.85rem 1.6rem;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;
  font-family:inherit;font-weight:700;font-size:1rem;transition:transform .15s,box-shadow .15s,background .15s}
.ds-quickform .ds-btn-gold{background:#bfa06a;color:#15181d}
.ds-quickform .ds-btn-gold:hover{background:#9a7f44;transform:translateY(-2px);box-shadow:0 8px 24px rgba(191,160,106,.4)}
.ds-quickform .ds-quickform__pref{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.ds-quickform .ds-quickform__pref .ds-pref{display:flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;
  border:1.5px solid rgba(21,24,29,.14);border-radius:12px;padding:.6rem .5rem;font-size:.9rem;font-weight:600;
  color:#15181d;transition:border-color .15s,background .15s}
.ds-quickform .ds-quickform__pref .ds-pref input{position:absolute;opacity:0;width:0;height:0}
.ds-quickform .ds-quickform__pref .ds-pref--on{border-color:#bfa06a;background:rgba(191,160,106,.14)}
.ds-quickform .ds-quickform__sched[hidden]{display:none}
.ds-quickform .ds-quickform__note{margin:.7rem 0 0;font-size:.78rem;color:#6b7280;text-align:center}

/* Hero two-column layout — quick-form beside the headline (= step 1 of quote). Ported from MA2 design-system.css:354-372 */
.ds-hero__layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:2.6rem;align-items:center;width:100%}
.ds-hero__layout .ds-hero__inner{max-width:620px;padding-block:3rem}
@media(max-width:900px){
  .ds-hero__layout{grid-template-columns:1fr;gap:1.6rem}
  .ds-hero__layout .ds-hero__inner{max-width:none;padding-block:2rem 0}
  .ds-hero__form{max-width:520px;width:100%}
}