/* VL: конфігуратор траси TRACK-3F */
#vltc{--ink:#1e1e1e;--soft:#4f5357;--mute:#80868b;--line:#e2e6e9;--panel:#f3f6f8;--bg:#fff;--accent:#2f7fb6;--earth:#d62f2f;--ok:#2f8a4e;--warn:#b26a00;--grid:#e6ebee;
  color:var(--ink);font-weight:300;font-size:15px;line-height:1.5;padding:24px 0 56px}
#vltc *{box-sizing:border-box}
#vltc h1{font-weight:500;font-size:clamp(26px,3.2vw,38px);line-height:1.1;margin:6px 0 0}
#vltc .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:500}
#vltc .sub{color:var(--soft);margin:8px 0 0;max-width:64ch}
#vltc .head{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}
#vltc .g{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:32px;align-items:start}
@media (max-width:991px){#vltc .g{grid-template-columns:minmax(0,1fr)}}
#vltc .steps{display:flex;flex-direction:column;gap:22px}
#vltc .st{display:flex;flex-direction:column;gap:10px}
#vltc .st h2{font-size:16px;font-weight:500;margin:0;display:flex;gap:10px;align-items:baseline}
#vltc .st h2 i{font-style:normal;font-size:12px;color:var(--mute);font-weight:400}
#vltc .hint{font-size:13px;color:var(--mute);margin:0}
#vltc .chips{display:flex;flex-wrap:wrap;gap:8px}
#vltc .chip{appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-weight:400;font-size:14px;padding:8px 12px;border-radius:0;cursor:pointer;display:inline-flex;gap:8px;align-items:center;line-height:1.3}
#vltc .chip:hover{border-color:var(--soft)}
#vltc .chip[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#vltc button:focus-visible,#vltc input:focus-visible,#vltc select:focus-visible,#vltc textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#vltc .sw{width:14px;height:14px;border-radius:50%;border:1px solid var(--soft);display:inline-block}
#vltc .shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#vltc .shape{appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:12px;padding:8px 4px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
#vltc .shape svg{width:44px;height:44px}
#vltc .shape[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#vltc .dims{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
#vltc label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--soft);font-weight:400;margin:0}
#vltc .inp{display:flex;align-items:center;border:1px solid var(--line);background:var(--bg)}
#vltc .inp input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:400;font-size:15px;padding:8px 10px;height:auto;box-shadow:none}
#vltc .inp span{padding-right:10px;color:var(--mute);font-size:13px}
#vltc select.s,#vltc .fld input,#vltc .fld textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-weight:400;padding:9px 10px;border-radius:0;height:auto;box-shadow:none}
#vltc .note{font-size:13px;background:var(--panel);padding:10px 12px;border-left:3px solid var(--earth);margin:0;color:var(--soft)}
#vltc .note b{color:var(--ink);font-weight:500}
#vltc .board{display:flex;flex-direction:column;gap:18px;min-width:0}
#vltc .cv{background:var(--panel);overflow-x:auto}
#vltc .cv svg{display:block;width:100%;height:auto;min-width:520px}
#vltc .lg{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--soft);padding:10px 14px;border-top:1px solid var(--line)}
#vltc .lg i{display:inline-block;vertical-align:middle;margin-right:6px}
#vltc .sum{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline}
#vltc .sum .big{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}
#vltc .sum .lbl{font-size:12px;color:var(--mute)}
#vltc .tbl{overflow-x:auto}
#vltc table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
#vltc th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:500;text-align:left;padding:8px;border-bottom:1px solid var(--ink)}
#vltc td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
#vltc .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#vltc .sku{font-size:13px;font-weight:400;letter-spacing:.01em}
#vltc .nm{color:var(--soft);font-size:13px}
#vltc a{color:var(--accent)}
#vltc .pill{font-size:11px;padding:2px 7px;border-radius:999px;white-space:nowrap;border:1px solid currentColor}
#vltc .pill.ok{color:var(--ok)}#vltc .pill.order{color:var(--warn)}
#vltc .acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#vltc .btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;font-weight:400;padding:12px 20px;cursor:pointer;border-radius:0}
#vltc .btn.gh{background:transparent;color:var(--ink)}
#vltc .btn[disabled]{opacity:.55;cursor:wait}
#vltc .warnl{color:var(--warn);font-size:13px;margin:0}
#vltc .msg{font-size:13px}
#vltc .msg.ok{color:var(--ok)}#vltc .msg.err{color:#b3261e}
#vltc .lead{background:var(--panel);padding:22px;display:flex;flex-direction:column;gap:14px;margin-top:8px}
#vltc .lead h2{font-size:20px;font-weight:500;margin:0}
#vltc .lead p{margin:0;color:var(--soft);font-size:14px}
#vltc .lf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:767px){#vltc .lf{grid-template-columns:minmax(0,1fr)}}
#vltc .fld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--soft);font-weight:400}
#vltc .fld .e{color:#b3261e;font-size:12px;min-height:0}
#vltc .fld.wide{grid-column:1/-1}
#vltc .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#vltc .contact{font-size:13px;color:var(--soft)}
#vltc .loading{padding:60px 0;color:var(--mute)}
/* 1.0.4: креслення зафіксоване праворуч, специфікація і форма нижче на всю ширину */
#vltc .stick{position:sticky;top:var(--vltc-top,130px);display:flex;flex-direction:column;gap:16px}
#vltc .stick .cv svg{max-height:calc(100vh - var(--vltc-top,130px) - 230px)}
#vltc .stick .sum .big{font-size:24px}
#vltc .below{margin-top:40px;display:flex;flex-direction:column;gap:18px}
#vltc .bh{font-size:22px;font-weight:500;margin:0;scroll-margin-top:var(--vltc-top,130px)}
#vltc .lead{scroll-margin-top:var(--vltc-top,130px)}
@media (max-width:991px){#vltc .stick{position:static}#vltc .stick .cv svg{max-height:none}}
#vltc .g>.board{align-self:stretch}
#vltc .cb{grid-column:1/-1;display:flex;flex-direction:column;gap:10px}#vltc .cbl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#vltc .cbl li{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:5px 6px 5px 10px;font-size:13px;background:var(--bg)}#vltc .cbl li.n{border-color:var(--accent);color:var(--accent)}
#vltc .cbl li button{appearance:none;border:0;background:none;color:var(--mute);font-size:16px;line-height:1;cursor:pointer;padding:0 2px}
#vltc .cbr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#vltc .cbr select.s{width:auto;min-width:120px}#vltc .cbx{border-color:#b3261e;color:#b3261e}
#vltc .cbg{border-left:2px solid transparent;padding-left:10px;margin:6px 0}#vltc .cbg.on{border-left-color:#1e1e1e}#vltc .cbg .cbg{border-left-color:#e3e3e3}#vltc .cbg .cbg.on{border-left-color:#1e1e1e}
#vltc .cbh{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#4a4a4a;margin:4px 0}#vltc .cbh b{font-weight:500;font-size:12px;color:#1e1e1e;text-transform:uppercase;letter-spacing:.08em}#vltc .cbh .chip{padding:5px 10px;font-size:12.5px}

#vltc .lcta{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel);padding:20px 24px;margin-top:8px}#vltc .lcta b{display:block;font-size:18px;font-weight:500;margin-bottom:4px}#vltc .lcta span{font-size:14px;color:var(--soft)}#vltc .lcta .btn{flex:none}@media (max-width:767px){#vltc .lcta{flex-direction:column;align-items:stretch}}#vltc .lm{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}#vltc .lm[hidden]{display:none}#vltc .lm-bg{position:absolute;inset:0;background:rgba(20,22,24,.55)}#vltc .lm-c{position:relative;background:#fff;width:100%;max-width:540px;max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}#vltc .lm .lead{margin:0;background:#fff;padding:30px 30px 24px}#vltc .lm .lead h2{font-size:24px;padding-right:30px}#vltc .lm .lf{grid-template-columns:1fr 1fr}#vltc .lm .acts .btn{width:100%;justify-content:center}#vltc .lm .acts{flex-direction:column;align-items:stretch}#vltc .lm-x{position:absolute;right:12px;top:10px;z-index:2;border:0;background:none;font-size:28px;line-height:1;color:var(--soft);cursor:pointer;padding:4px}@media (max-width:520px){#vltc .lm .lf{grid-template-columns:1fr}#vltc .lm .lead{padding:24px 18px}}