.wq-haul-check { width:100%; padding:36px 28px; background:#f1f7f5; border-radius:8px; color:#243c35; }
.wq-haul-check > svg { width:76px; height:76px; color:#267962; margin:0 auto 20px; }
.wq-haul-check > strong { display:block; text-align:center; font-size:24px; margin-bottom:24px; }
.wq-haul-check > div { display:flex; align-items:center; gap:14px; padding:16px 0; border-top:1px solid #c9dcd5; font-size:16px; }
.wq-haul-check > div svg { width:22px; height:22px; flex-shrink:0; }
.wq-haul-check > div svg:last-child { margin-left:auto; color:#267962; width:17px; }
.wq-haul-calculator { padding:32px; background:#fff; border:1px solid #d6dddf; border-radius:8px; color:#20282a; }
.wq-haul-calculator h3 { display:flex; align-items:center; gap:12px; font-size:24px; line-height:1.4; margin:0 0 24px; }
.wq-haul-calculator h3 svg { width:26px; height:26px; }
.wq-haul-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.wq-haul-fields label:first-child { grid-column:1/-1; }
.wq-haul-fields label { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:14px; line-height:1.5; }
.wq-haul-fields label:not(:first-child) > span { min-height:42px; }
.wq-haul-fields input { width:100%; min-width:0; height:44px; padding:10px 12px; border:1px solid #bac9c5; border-radius:4px; font-size:16px; background:#f7faf9; color:#1b2925; }
.wq-haul-fields input:focus { outline:2px solid #2d806a; outline-offset:2px; }
.wq-haul-result { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center; margin-top:24px; padding-top:20px; border-top:1px solid #d6dddf; font-size:14px; }
.wq-haul-result output { font-size:24px; line-height:1.3; font-weight:600; color:#21664f; font-variant-numeric:tabular-nums; }
.wq-haul-result output[data-negative="true"] { color:#a03737; }
.wq-haul-calculator > p { font-size:12px; line-height:1.6; color:#64716c; margin-top:16px; }
.wq-haul-art { height:260px; display:flex; align-items:center; justify-content:center; gap:20px; background:#e9f3ef; overflow:hidden; }
.wq-haul-art > span { padding:18px; border:1px solid #a9c5b9; background:#fff; color:#25745b; transform:rotate(-9deg); }
.wq-haul-art > span:first-child { transform:rotate(-9deg) translateY(18px); }
.wq-haul-art > span:nth-child(2) { transform:rotate(5deg) translateY(-18px); }
.wq-haul-art > span:last-child { transform:rotate(12deg) translateY(20px); }
.wq-haul-art svg { width:36px; height:36px; }
.wq-haul-art-pricing { background:#e9eff7; }
.wq-haul-art-pricing > span { color:#38688d; border-color:#b3c8dc; }
.wq-haul-art-cost { background:#f4eff6; }
.wq-haul-art-cost > span { color:#78567f; border-color:#c7b7d0; }
.weswoo-haul-page [id] { scroll-margin-top:110px; }
.wq-haul-check { min-height:100%; }
.wq-haul-check > strong { line-height:1.3; }
.wq-haul-check > div { min-height:54px; }
@media(max-width:767px) {
  .wq-haul-calculator { padding:24px; }
  .wq-haul-fields { gap:16px 12px; }
  .wq-haul-art { height:220px; gap:14px; }
  .wq-haul-art > span { padding:14px; }
  .wq-haul-art svg { width:28px; height:28px; }
  .wq-haul-check { padding:28px 20px; }
  .wq-haul-check > strong { font-size:22px; }
  .wq-haul-check > div { font-size:15px; }
}