/* Double Z quote wizard (cards like Join Us) */
.dzq{max-width:none;scroll-margin-top:110px}
.dzq .rfq-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 26px;padding:0;list-style:none;counter-reset:s}
.dzq .rfq-progress li{counter-increment:s;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5c6168;border-top:4px solid rgba(12,13,15,.12);padding-top:9px}
.dzq .rfq-progress li::before{content:counter(s) ". "}
.dzq .rfq-progress li.is-on{border-color:var(--red);color:var(--ink)}
.dzq .rfq-progress li.is-now{color:var(--red)}
.dzq-group{border:0;margin:0 0 22px;padding:0;min-width:0}
.dzq-group>legend{font-family:var(--f-mono,monospace);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5a5f66;margin:0 0 10px;padding:0}
.dzq-group>legend em{font-style:normal;text-transform:none;letter-spacing:0;opacity:.75}
.dzq-cards--containers{grid-template-columns:repeat(3,minmax(0,1fr))}
.dzq-cards--truckload{grid-template-columns:repeat(2,minmax(0,1fr))}
.dzq-cards--project{grid-template-columns:repeat(4,minmax(0,1fr))}
.dzq-cards--warehouse{grid-template-columns:minmax(0,1fr)}
.dzq-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dzq-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dzq-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dzq-cards--cont{grid-template-columns:repeat(4,minmax(0,1fr))}
.dzq-cards--trailer{grid-template-columns:repeat(5,minmax(0,1fr))}
.dzq-cards--svc .dzf-card__in{min-height:150px}
.dzq-card .dzf-card__ico svg{width:40px;height:40px}
.dzq-card[data-wide-ico] .dzf-card__ico svg,.dzq-cards--trailer .dzf-card__ico svg,.dzq-cards--cont .dzf-card__ico svg{width:100%;max-width:220px;height:auto;aspect-ratio:240/64}
.dzq-cards--cont .dzf-card__ico,.dzq-cards--trailer .dzf-card__ico{color:inherit}
.dzq-cards--cont .dzf-card__in,.dzq-cards--trailer .dzf-card__in{padding:14px 12px 12px;gap:8px}
.dzq-cards--cont b,.dzq-cards--trailer b{font-size:14.5px;padding-right:16px}
.dzq-card .dzf-card__in{box-shadow:0 1px 0 rgba(12,13,15,.04)}
.dzq-card:hover .dzf-card__in{box-shadow:0 10px 24px rgba(12,13,15,.1)}
/* "Need help deciding?" */
.dzq-help .dzf-card__in{flex-direction:row;align-items:center;gap:16px;min-height:0;border-style:dashed;border-color:rgba(12,13,15,.35);background:linear-gradient(90deg,#fff,#faf7f2)}
.dzq-help .dzf-card__in b{font-size:18px}
.dzq-help .dzf-card__in small{margin-left:auto;padding-right:30px}
.dzq-help{margin:0 0 18px}
/* emergency toggle */
.dzq-urgent{display:block;cursor:pointer;margin:0 0 6px}
.dzq-urgent input{position:absolute;opacity:0;width:1px;height:1px}
.dzq-urgent__in{position:relative;display:flex;align-items:center;gap:16px;padding:16px 50px 16px 16px;border:1.5px solid rgba(207,42,24,.45);border-radius:6px;background:#fff6f4;transition:background .15s,border-color .15s}
.dzq-urgent__ico{flex:none;width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px}
.dzq-urgent b{display:block;font-size:17px}
.dzq-urgent small{display:block;font-size:13.5px;color:#5a5f66}
.dzq-urgent .dzf-card__tick{top:50%;margin-top:-10px;right:16px}
.dzq-urgent input:checked+.dzq-urgent__in{background:var(--red);border-color:var(--red);color:#fff}
.dzq-urgent input:checked+.dzq-urgent__in small{color:#ffe1dc}
.dzq-urgent input:checked+.dzq-urgent__in .dzq-urgent__ico{background:#fff;color:var(--red);animation:urgentPulse 1.8s ease-in-out infinite}
.dzq-urgent input:checked+.dzq-urgent__in .dzf-card__tick{background:#fff;border-color:#fff}
.dzq-urgent input:checked+.dzq-urgent__in .dzf-card__tick::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:9px;border:solid var(--red);border-width:0 2px 2px 0;transform:rotate(45deg)}
.dzq-urgent input:focus-visible+.dzq-urgent__in{outline:2px solid var(--red);outline-offset:2px}
/* step 2 */
.dzq-svc__head{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:12px 16px;background:var(--ink);color:#fff;border-radius:6px}
.dzq-svc__ico{display:block;color:#fff}
.dzq-svc__ico svg{display:block;width:36px;height:36px}
.dzq-svc[data-svc="flatbed"] .dzq-svc__ico svg,.dzq-svc[data-svc="dry_van"] .dzq-svc__ico svg{width:110px;height:auto}
.dzq-svc__head b{font-size:19px}
.dzq-svc__head .rfq-link{margin-left:auto;color:#fff;opacity:.85}
.dzq-tris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0 0 18px}
.dzq-tri{border:0;margin:0;padding:0;min-width:0}
.dzq-tri legend{font-size:14.5px;font-weight:700;margin:0 0 8px;padding:0}
.dzq-tri>div{display:inline-flex;border:1.5px solid rgba(12,13,15,.2);border-radius:6px;overflow:hidden;background:#fff}
.dzq-tri label{cursor:pointer;position:relative}
.dzq-tri input{position:absolute;opacity:0;width:1px;height:1px}
.dzq-tri span{display:block;padding:9px 14px;font-size:14px;font-weight:600;border-left:1px solid rgba(12,13,15,.12)}
.dzq-tri label:first-child span{border-left:0}
.dzq-tri input:checked+span{background:var(--ink);color:#fff}
.dzq-tri input[value=unknown]:checked+span{background:#e9e6e0;color:var(--ink)}
.dzq-tri input:focus-visible+span{outline:2px solid var(--red);outline-offset:-2px}
.dzq-sub{margin:0 0 16px}
.dzq-sub[hidden]{display:none}
.dzq-suggest{margin:0 0 18px;padding:16px 18px;border-radius:6px;background:#fff6f4;border:1.5px solid rgba(207,42,24,.4);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dzq-suggest p{margin:0;font-size:17px}
.dzq-suggest[hidden]{display:none}
.dzq-talk{padding:16px 18px;border-radius:6px;background:var(--concrete,#f2f0eb)}
.dzq-talk p{margin:0 0 8px}
.dzq-talk__btns{display:flex;gap:18px;flex-wrap:wrap;margin:0!important}
.dzq-talk__btns a{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none}
/* step 3: calculator */
.dzq-lead{margin:-8px 0 16px;color:#5a5f66}
.dzq-units{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:10px 12px;background:var(--ink);border-radius:6px;color:#c7ccd1;font-size:13.5px;font-weight:600}
.dzq-units>span{margin-right:4px}
.dzq-units__gap{flex:0 0 14px}
.dzq-units label{cursor:pointer;position:relative}
.dzq-units input{position:absolute;opacity:0;width:1px;height:1px}
.dzq-units label span{display:block;padding:7px 12px;border-radius:4px;color:#fff;border:1px solid rgba(255,255,255,.22)}
.dzq-units input:checked+span{background:var(--red);border-color:var(--red)}
.dzq-units input:focus-visible+span{outline:2px solid #fff}
.dzq-piece{position:relative;padding:16px 16px 6px;margin:0 0 12px;background:#fff;border:1.5px solid rgba(12,13,15,.16);border-radius:8px}
.dzq-piece__head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.dzq-piece__head strong{font-size:15px}
.dzq-piece__grid{display:grid;grid-template-columns:.6fr 1fr 1fr 1fr 1fr 1fr;gap:10px}
.dzq-piece__grid .rfq-f{margin:0}
.dzq-piece__grid input,.dzq-piece__grid select{font-size:17px!important;font-weight:700}
.dzq-conv{display:none}
.dzq-piece.has-conv .dzq-conv{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:12px 0 4px;padding:12px 14px;border-radius:6px;background:#0c0d0f;color:#fff}
.dzq-conv__big{font-size:clamp(18px,2vw,23px);font-weight:900;letter-spacing:.01em}
.dzq-conv__big i{font-style:normal;color:var(--red);padding:0 2px}
.dzq-conv__small{font-size:13px;color:#aab0b7}
.dzq-conv__wt{margin-left:auto}
.dzq-conv__wt b{font-size:clamp(18px,2vw,23px);font-weight:900}
.dzq-conv__wt small{color:#aab0b7;font-size:13px;margin-left:6px}
.dzq-piece.is-bad .dzq-conv{background:#5b1a12}
.dzq-piece__desc{margin-top:8px}
.dzq-add{margin:4px 0 16px}
.dzq .dzq-add::before{content:none!important}
.dzq-total{margin:0 0 16px;padding:16px 18px;border-radius:8px;background:var(--red);color:#fff}
.dzq-total__row{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
.dzq-total__row span{font-family:var(--f-mono,monospace);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.dzq-total__row b{font-size:22px}
.dzq-total__wt{margin-left:auto;font-size:26px!important}
.dzq-warn{margin:12px 0 0;padding:12px 14px 12px 32px;background:rgba(0,0,0,.18);border-radius:6px;font-size:14.5px;line-height:1.45}
.dzq-warn__note{list-style:none;margin:6px 0 0 -18px;opacity:.85;font-size:13px}
/* step 4 */
.dzq-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end}
.dzq-route__arrow{font-size:28px;font-weight:900;color:var(--red);padding-bottom:22px}
/* step 5 */
.dzq-summary dl{margin:0 0 22px;padding:6px 18px;background:var(--concrete,#f2f0eb);border-radius:8px;border-left:4px solid var(--red)}
.dzq-summary dl div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid rgba(12,13,15,.08)}
.dzq-summary dl div:last-child{border-bottom:0}
.dzq-summary dt{font-weight:800;font-size:14px}
.dzq-summary dd{margin:0;font-size:14.5px}
.dzq-summary .rfq-link{font-size:13px;margin-left:6px}
.dzq-tag{display:inline-block;background:var(--red);color:#fff;font-size:12px;letter-spacing:.06em;padding:2px 8px;border-radius:3px}
.dzq-send{min-height:60px;font-size:17px!important;padding-inline:34px!important}
/* done */
.dzq .rfq-done{text-align:center;padding:30px 10px}
.dzq-done__ico{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;background:#1f8a4c;color:#fff;display:grid;place-items:center;font-size:40px;font-weight:900}
.dzq-done__urgent a{display:inline-block;margin-top:6px;padding:12px 18px;border-radius:6px;background:var(--red);color:#fff;font-weight:800;text-decoration:none}
/* urgent state */
.dzq.is-urgent .rfq-progress li.is-on{border-color:var(--red)}
/* responsive */
@media (max-width:1100px){.dzq-cards--project{grid-template-columns:repeat(2,minmax(0,1fr))}.dzq-cards--trailer{grid-template-columns:repeat(3,minmax(0,1fr))}.dzq-cards--cont{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.dzq-cards--containers,.dzq-cards--3,.dzq-cards--4,.dzq-cards--cont,.dzq-cards--trailer{grid-template-columns:repeat(2,minmax(0,1fr))}.dzq-piece__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dzq-tris{grid-template-columns:1fr}.dzq .rfq-progress li{font-size:0;letter-spacing:0}.dzq .rfq-progress li::before{font-size:12px}.dzq-help .dzf-card__in small{display:none}}
@media (max-width:560px){.dzq-cards--svc{grid-template-columns:1fr!important}.dzq-cards--svc .dzf-card__in{min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 12px;padding:14px 40px 14px 14px}.dzq-cards--svc .dzf-card__ico{grid-row:1/3}.dzq-card[data-wide-ico] .dzf-card__ico svg{width:44px;aspect-ratio:auto;height:30px}.dzq-cards--2{grid-template-columns:1fr 1fr}.dzq-route{grid-template-columns:1fr}.dzq-route__arrow{display:none}.dzq-summary dl div{grid-template-columns:1fr;gap:2px}.dzq-conv__wt{margin-left:0}}

.dzq .btn--line::after,.dzq .dzq-add::after{content:none!important}
/* documents */
.dzq-docs{border:0;margin:6px 0 20px;padding:16px;border-radius:8px;background:var(--concrete,#f2f0eb);display:grid;gap:10px}
.dzq-docs legend{float:left;width:100%;margin:0 0 4px;padding:0;font-family:var(--f-mono,monospace);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5a5f66}
.dzq-docs legend em{font-style:normal;text-transform:none;letter-spacing:0;font-family:inherit;opacity:.8}
.dzq-doc{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1.5px dashed rgba(12,13,15,.3);border-radius:8px;cursor:pointer;transition:border-color .15s,transform .15s}
.dzq-doc:hover{border-color:var(--ink);transform:translateY(-1px)}
.dzq-doc input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.dzq-doc input:focus-visible~.dzq-doc__btn{outline:2px solid var(--red);outline-offset:2px}
.dzq-doc__ico{color:var(--red)}.dzq-doc__ico svg{width:40px;height:40px;display:block}
.dzq-doc__t b{display:block;font-size:16px}
.dzq-doc__t small{display:block;font-size:13.5px;color:#5a5f66}
.dzq-doc__t em{display:block;font-style:normal;font-size:13px;color:#1f8a4c;font-weight:700;margin-top:2px;word-break:break-word}
.dzq-doc__btn{padding:9px 16px;border-radius:6px;background:var(--ink);color:#fff;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.dzq-doc.has-files{border-style:solid;border-color:#1f8a4c;background:#f2fbf5}
.dzq-doc.has-files .dzq-doc__btn{background:#1f8a4c}
/* dangerous goods */
.dzq-dg{margin:4px 0 18px;padding:14px 16px;border-radius:8px;border:1.5px solid #e2b000;background:#fff9e3}
.dzq-dg .dzq-tri legend::before{content:"⚠ ";color:#b07d00}
.dzq-dg__more{margin-top:12px}.dzq-dg__more[hidden]{display:none}
/* dry van size cards */
.dzq-cards--size .dzf-card__ico svg{width:auto;height:44px;max-width:180px}
/* quick dimensions */
.dzq-quick{display:flex;gap:8px;margin:0 0 12px}
.dzq-quick input{flex:1;min-width:0;font-size:15px;padding:11px 12px;border:1.5px solid rgba(12,13,15,.25);border-radius:6px;background:#faf9f6}
.dzq-quick__btn{flex:none;padding:0 18px;border:0;border-radius:6px;background:var(--ink);color:#fff;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.dzq-quick__btn:hover{background:var(--red)}
/* urgent banner */
.dzq-urgentbar{display:none;align-items:center;gap:12px;margin:0 0 18px;padding:12px 16px;border-radius:8px;background:var(--red);color:#fff;font-size:15px;letter-spacing:.04em}
.dzq-urgentbar span{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-weight:900;animation:urgentPulse 1.8s ease-in-out infinite}
.dzq.is-urgent .dzq-urgentbar{display:flex}
@media (max-width:560px){.dzq-doc{grid-template-columns:40px minmax(0,1fr)}.dzq-doc__btn{grid-column:1/-1;text-align:center}.dzq-quick{flex-direction:column}.dzq-quick__btn{padding:10px}}
/* service pictures (2026-11-07) */
.dzq-card .dzf-card__ico svg.dzq-ico-wide{width:64px;height:48px}
.dzq-svc__ico svg.dzq-ico-wide{width:48px;height:36px}
.dzq-svc__ico.is-trailer svg{width:110px!important;height:auto!important}
.dzq-cards--project .dzq-card[data-wide-ico] .dzf-card__ico svg{max-width:150px}
@media (max-width:560px){.dzq-cards--svc .dzf-card__ico svg.dzq-ico-wide{width:44px;height:33px}}
.dzq-cards--svc .dzq-card[data-wide-ico] .dzf-card__ico svg{max-width:calc(100% - 34px)}
.dzq-card .dzf-card__ico svg.dzq-ico-wide{width:84px;height:63px}
.dzq-cards--containers .dzq-card[data-wide-ico] .dzf-card__ico svg{width:100%;max-width:230px;height:auto;aspect-ratio:240/80}
@media (max-width:560px){
.dzq-cards--svc .dzf-card__in{grid-template-columns:78px minmax(0,1fr)!important;align-items:center}
.dzq-cards--svc .dzf-card__ico{display:flex;align-items:center;justify-content:center}
.dzq-cards--svc .dzq-card .dzf-card__ico svg,.dzq-cards--svc .dzq-card .dzf-card__ico svg.dzq-ico-wide,.dzq-cards--svc .dzq-card[data-wide-ico] .dzf-card__ico svg{width:78px!important;max-width:78px!important;height:auto!important;aspect-ratio:auto}
}
/* full-colour service pictures: same size on every card */
.dzq-cards--svc .dzq-card[data-wide-ico] .dzf-card__ico{display:flex;align-items:flex-end;min-height:76px;padding-right:30px}
.dzq-cards--svc .dzq-card[data-wide-ico] .dzf-card__ico svg{width:100%;max-width:230px;height:auto;aspect-ratio:auto}
.dzq-cards--project{grid-template-columns:repeat(2,minmax(0,1fr))}
.dzq-cards--warehouse .dzq-card[data-wide-ico] .dzf-card__ico svg{max-width:300px}
.dzq-cards--svc .dzq-card[data-wide-ico] .dzf-card__ico{min-height:84px}
@media (max-width:560px){
.dzq-cards--svc .dzq-card .dzf-card__in{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;padding:16px 16px 14px!important}
.dzq-cards--svc .dzq-card[data-wide-ico] .dzf-card__ico{min-height:0;padding-right:34px;display:block}
.dzq-cards--svc .dzq-card[data-wide-ico] .dzf-card__ico svg{width:100%!important;max-width:260px!important;height:auto!important}
}
/* step 1: one even grid, three per row, same picture height everywhere (2026-11-07) */
.dzq-grid3{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px}
.dzq-grid3 .dzf-card__in{min-height:0}
.dzq-grid3 .dzq-card[data-wide-ico] .dzf-card__ico{height:72px;min-height:0;display:flex;align-items:flex-end;padding-right:30px}
.dzq-grid3 .dzq-card[data-wide-ico] .dzf-card__ico svg{width:auto!important;max-width:100%!important;height:auto!important;max-height:72px}
.dzq-cards--kind .dzf-card__ico svg{width:auto;max-width:180px;height:44px}
.dzq-sub[data-when-kind]{margin-top:4px}
@media (max-width:900px){.dzq-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dzq-grid3{grid-template-columns:1fr}.dzq-grid3 .dzq-card[data-wide-ico] .dzf-card__ico{height:auto}.dzq-grid3 .dzq-card[data-wide-ico] .dzf-card__ico svg{max-height:96px}}
.dzq-conv__unit{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;padding:8px 10px;border-radius:8px;background:#fff4d6;color:#5a3d00;font-size:14px;font-weight:600}
.dzq-unit-ft{border:0;border-radius:999px;padding:6px 12px;background:#cf2a18;color:#fff;font-weight:700;cursor:pointer}

.dzq-conv__unit--bad{border-color:#cf2a18;background:#fff1ef}
.dzq-unit-set{border:0;border-radius:999px;padding:6px 12px;background:#cf2a18;color:#fff;font-weight:700;cursor:pointer}
.dzq-conv__unit--bad{color:#7d1709}
