Per CBM rate
$${lclLo.toLocaleString()} – $${lclHi.toLocaleString()}
Transit: ${d.transit.lcl} days
Port: ${d.ports.lcl}
Best for: under 15 CBM
`; if (recContainer) { const fc = FCL[recContainer]; modeHtml += `
FCL ${fc.name}${cbm>=15?' Recommended':''}
Flat container rate
$${fclLo.toLocaleString()} – $${fclHi.toLocaleString()}
Transit: ${d.transit.fcl} days
Port: ${d.ports.fcl}
Capacity: ${fc.cbm} CBM
`; } else { modeHtml += `
FCL
Not recommended
Need 15+ CBM
FCL becomes cost-effective above 15 CBM. Your current volume is ${cbm.toFixed(1)} CBM.
`; } document.getElementById('mode-grid').innerHTML = modeHtml; // Timeline const steps = isLcl ? [{l:"Yiwu
Warehouse",sub:"Day 1"},{l:"Ningbo
Port",sub:"Day 3–5"},{l:"Sea
Transit",sub:"Ongoing"},{l:"Dest
Port",sub:"Day "+d.transit.lcl.split('–')[1]},{l:"Your
Door",sub:"+5–10 days"}] : [{l:"Yiwu
Warehouse",sub:"Day 1"},{l:"Container
Loading",sub:"Day 2–4"},{l:"Sea
Transit",sub:"Ongoing"},{l:"Dest
Port",sub:"Day "+d.transit.fcl.split('–')[1]},{l:"Your
Door",sub:"+3–7 days"}]; document.getElementById('timeline-steps').innerHTML = steps.map((s,i)=>`
${s.l.replace('
',' ')}${s.sub}
`).join(''); document.getElementById('inco-detail').innerHTML = INCO_TEXT[activeInco]||INCO_TEXT.FOB; }