/* Val-haul-la Material Calculator 1.0.0 */
.vhmc{--vh-red:#B71C1C;--vh-red-dark:#8E1B1B;--vh-black:#111111;--vh-text:#333333;--vh-tan:#F3EDE2;--vh-line:#D9D2C3;
display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;font-family:"Barlow",Arial,sans-serif;color:var(--vh-text);text-align:left}
.vhmc *,.vhmc *::before,.vhmc *::after{box-sizing:border-box}
.vhmc__panel{background:#fff;border:1px solid var(--vh-line);border-radius:10px;padding:28px}
.vhmc__result{background:var(--vh-black);border-color:var(--vh-black);color:#fff;display:flex;flex-direction:column}
.vhmc__group{border:0;margin:0 0 22px;padding:0;min-width:0}
.vhmc__label{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:20px;color:var(--vh-black);margin-bottom:10px;padding:0}
.vhmc__chips{display:flex;flex-wrap:wrap;gap:8px}
.vhmc__chip input,.vhmc__toggle input{position:absolute;opacity:0;width:1px;height:1px}
.vhmc__chip span,.vhmc__toggle span{display:inline-block;padding:9px 16px;border:2px solid var(--vh-line);border-radius:25px;font-weight:600;font-size:16px;color:var(--vh-black);cursor:pointer;background:#fff;transition:border-color .15s,background-color .15s,color .15s}
.vhmc__chip input:checked+span,.vhmc__toggle input:checked+span{background:var(--vh-red);border-color:var(--vh-red);color:#fff}
.vhmc__chip input:focus-visible+span,.vhmc__toggle input:focus-visible+span{outline:3px solid var(--vh-black);outline-offset:2px}
.vhmc__toggle{display:flex;gap:8px}
.vhmc__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.vhmc__field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px;color:var(--vh-black)}
.vhmc__field[hidden]{display:none}
.vhmc__field input{width:100%;padding:12px;border:1px solid var(--vh-line);border-radius:6px;font:inherit;font-size:18px;font-weight:600;color:var(--vh-black);background:#fff}
.vhmc__field input:focus{outline:3px solid var(--vh-red);outline-offset:1px;border-color:var(--vh-red)}
.vhmc__check{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer;color:var(--vh-black)}
.vhmc__check[hidden]{display:none}
.vhmc__check input{width:20px;height:20px;accent-color:var(--vh-red)}
.vhmc__tip{margin:14px 0 0;padding:12px 14px;background:var(--vh-tan);border-radius:6px;font-size:15px;line-height:1.5}
.vhmc__empty{font-size:18px;line-height:1.5;color:#E8E3D9;margin:0 0 24px}
.vhmc__big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.vhmc__value{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:72px;line-height:1;color:#fff}
.vhmc__unit{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:600;font-size:26px;color:#fff}
.vhmc__trucks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:16px 0 20px;min-height:8px}
.vhmc__truck svg{width:44px;height:26px;display:block;fill:var(--vh-red)}
.vhmc__truck--part svg{fill:none;stroke:var(--vh-red);stroke-width:2}
.vhmc__more{font-weight:700;color:#fff;margin-left:4px}
.vhmc__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
.vhmc__stats div[hidden]{display:none}
.vhmc__stats dt{font-size:14px;color:#E8E3D9;margin:0}
.vhmc__stats dd{margin:2px 0 0;font-size:26px;font-weight:700;color:#fff}
.vhmc__note{font-size:14px;color:#E8E3D9;margin:0 0 20px}
.vhmc__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.vhmc__btn{display:inline-block;padding:13px 24px;border-radius:25px;font-weight:700;font-size:17px;text-decoration:none;text-align:center;border:2px solid transparent;transition:background-color .15s,color .15s,border-color .15s}
.vhmc__btn--primary{background:var(--vh-red);color:#fff}
.vhmc__btn--primary:hover,.vhmc__btn--primary:focus-visible{background:var(--vh-red-dark);color:#fff}
.vhmc__btn--secondary{background:#fff;color:var(--vh-black);border-color:#fff}
.vhmc__btn--secondary:hover,.vhmc__btn--secondary:focus-visible{background:var(--vh-red);border-color:var(--vh-red);color:#fff}
.vhmc__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.vhmc__fine{font-size:13px;color:#BDB6A8;margin:16px 0 0;line-height:1.45}
@media (max-width:900px){.vhmc{grid-template-columns:1fr}}
@media (max-width:560px){.vhmc__panel{padding:20px}.vhmc__fields{grid-template-columns:1fr 1fr}.vhmc__value{font-size:56px}.vhmc__actions .vhmc__btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.vhmc *{transition:none!important}}