/* HHT quick quote → full quote form in 3 steps (fits the right-hand quote panel) */
.hqq{display:block;container-type:inline-size;font-family:'IBM Plex Sans',sans-serif}
.hqq .hqq-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hqq .hqq-steps li{display:flex;align-items:center;gap:7px;min-width:0;padding:0 0 7px;border-bottom:3px solid #E3E7ED;font-size:12.5px;font-weight:600;line-height:1.2;color:#8A93A3}
.hqq .hqq-steps i{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E3E7ED;color:#5A6475;font-style:normal;font-size:12px;font-weight:700}
.hqq .hqq-steps li.on{border-color:#C8201A;color:#13284B}
.hqq .hqq-steps li.on i{background:#C8201A;color:#FFFFFF}
.hqq .hqq-steps li.done{border-color:#13284B;color:#13284B}
.hqq .hqq-steps li.done i{background:#13284B;color:#FFFFFF}

/* the step panels (override the homepage-only .qg2/.qg6 rules) */
.hqq .qg2,.hqq .qg6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px 12px;align-content:start;padding:0 !important;border:0 !important;background:none !important}
.hqq .qg2 > *,.hqq .qg6 > *{grid-column:auto !important}
.hqq .qg2 > .full,.hqq .qg6 > .full,.hqq .qg2 > .hqq-nav,.hqq .qg6 > .hqq-nav,.hqq .qf-status,.hqq .scif > .full{grid-column:1/-1 !important}
.hqq .hqq-req{margin:0;justify-self:start;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#FFF4DC;color:#6B4E00;border:1px solid #EBD39A}

/* fields */
.hqq .field{min-width:0}
.hqq .field label{margin-bottom:4px;font-size:12.5px;line-height:1.3}
.hqq .field input,.hqq .field select{height:42px}
.hqq .field textarea{min-height:72px}
.hqq .field.file input{height:auto;padding:8px}
.hqq .qf-phone{display:grid;grid-template-columns:1fr 1fr 1.3fr .9fr;gap:6px;align-items:end}
.hqq .qf-phone input{padding:0 8px}
.hqq .qf-phone .field{display:block}
.hqq .radio-g{gap:2px}
.hqq .rg-l{font-size:12.5px;line-height:1.3}
.hqq .rg-o{gap:14px}
.hqq .rg-o label{min-height:30px}

/* State | City | ZIP on one row, the 4 measures on one row */
.hqq .hqq-trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) 92px;gap:10px}
.hqq .hqq-quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

/* Origin / Destination headers with the switch */
.hqq .hqq-loc{display:flex;align-items:center;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;margin-top:2px;padding-top:10px;border-top:1px solid #E3E7ED}
.hqq .qg6 > .hqq-loc:first-child{margin-top:0;padding-top:0;border-top:0}
.hqq .hqq-loc > span{font-weight:700;color:#13284B}
.hqq .hqq-loc .sw,.hqq .hqq-loc .sw.on{min-height:30px;font-size:12px;color:#4A5464 !important;background:none !important;box-shadow:none !important}
.hqq .hqq-hint{font-weight:400;color:#5A6475}
.hqq .qf-dist input{max-width:160px}

/* Back / Next / Submit */
.hqq .hqq-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.hqq .hqq-nav .btn{min-height:48px;padding-left:22px;padding-right:22px}
.hqq .hqq-nav .qf-submit{flex:1 1 auto;justify-content:center;max-width:320px;margin-left:auto}
.hqq .hqq-back{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;font:600 14.5px/1 'IBM Plex Sans',sans-serif;color:#13284B;cursor:pointer;border-radius:4px}
.hqq .hqq-back:hover{color:#C8201A}
.hqq .hqq-back:focus-visible{outline:2px solid #13284B;outline-offset:2px}

/* thank-you */
.hqq .qf-done{padding:22px 4px;text-align:center}
.hqq .qf-done h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:28px;line-height:1.1;font-weight:800;color:#13284B}
.hqq .qf-done p{margin:10px auto 0;max-width:460px;font-size:15px;line-height:1.6;color:#4A5464}
.hqq .qf-ref{font-size:13px;color:#5A6475}
.hqq .hqq-call{margin:12px 0 0}

/* narrow panels (phones) */
@container (max-width:420px){
  .hqq .hqq-trio{grid-template-columns:minmax(0,1fr) 96px}
  .hqq .hqq-trio > .field:first-child{grid-column:1/-1}
  .hqq .hqq-quad{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hqq .hqq-steps li{font-size:11.5px;gap:5px}
  .hqq .hqq-steps i{width:20px;height:20px;font-size:11px}
  .hqq .qg2 > .field:has(#f-email),.hqq .qg2 > .field:has(#f-ph1){grid-column:1/-1 !important}
}
@container (max-width:300px){
  .hqq .qg2,.hqq .qg6{grid-template-columns:minmax(0,1fr) !important}
  .hqq .qg2 > *,.hqq .qg6 > *,.hqq .scif > *{grid-column:1/-1 !important}
}