${car.acceleration}0–100 km/h

${car.inclusions}

`).join(''); root.querySelectorAll('[data-car]').forEach(b=>b.addEventListener('click',()=>openCarRoute(b.dataset.car))); } function showCar(id){ const car=state.cars.find(c=>c.id===id); if(!car)return false; state.view='detail'; document.getElementById('mainContent').style.display='none'; document.getElementById('vehicleDetail').classList.add('active'); document.getElementById('detailContent').innerHTML=`

${car.category}

${car.title}

From ${money(car.price)} per day

${car.summary}

Power${car.horsepower}

Top speed${car.speed}

0–100 km/h${car.acceleration}

IncludedInsurance + mileage

Enquire about this car

`; window.scrollTo({top:0,behavior:'smooth'}); return true; } function closeDetail(scrollToFleet){ state.view='home'; document.getElementById('vehicleDetail').classList.remove('active'); document.getElementById('mainContent').style.display='block'; if(scrollToFleet)document.getElementById('fleet').scrollIntoView({behavior:'smooth'}); } /*#endregion rendering*/ /*#region routing*/ function carIdFromHash(){ const match=location.hash.match(/^#\/cars\/([^/]+)$/); return match?decodeURIComponent(match[1]):null; } function routeFromHash(){ const carId=carIdFromHash(); if(carId){ if(!showCar(carId))closeDetail(false); }else{ closeDetail(false); } } function openCarRoute(id){ const nextHash='#/cars/'+encodeURIComponent(id); if(location.hash===nextHash)routeFromHash(); else location.hash=nextHash; } function homeRoute(){ if(location.hash==='#/'||!location.hash)routeFromHash(); else location.hash='#/'; } window.addEventListener('hashchange',routeFromHash); /*#endregion routing*/ /*#region navigation*/ function scrollToSection(id){ const wasDetail=state.view==='detail'; if(wasDetail)homeRoute(); setTimeout(()=>document.getElementById(id)?.scrollIntoView({behavior:'smooth'}),wasDetail?260:0); document.getElementById('header').classList.remove('open'); } document.querySelectorAll('[data-scroll]').forEach(el=>el.addEventListener('click',e=>{e.preventDefault();scrollToSection(el.dataset.scroll)})); document.getElementById('homeBrand').addEventListener('click',e=>{e.preventDefault();homeRoute();setTimeout(()=>scrollToSection('top'),0)}); document.getElementById('footerBrand').addEventListener('click',e=>{e.preventDefault();homeRoute();setTimeout(()=>scrollToSection('top'),0)}); document.getElementById('backToFleet').addEventListener('click',homeRoute); document.getElementById('menuButton').addEventListener('click',()=>document.getElementById('header').classList.toggle('open')); let ticking=false; window.addEventListener('scroll',()=>{if(!ticking){requestAnimationFrame(()=>{document.getElementById('header').classList.toggle('solid',window.scrollY>80);ticking=false});ticking=true}},{passive:true}); /*#endregion navigation*/ /*#region theme*/ function themeIcon(mode){return mode==='light'?'