Seu estoque de veículos online, profissional e pronto para vender.

				
					// ---------- mobile nav ----------
  const navToggle = document.getElementById('navToggle');
  const navLinks = document.getElementById('navLinks');
  navToggle.addEventListener('click', () => navLinks.classList.toggle('open'));
  navLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', () => navLinks.classList.remove('open')));

  // ---------- hero mini mockup ----------
  const heroCars = [
    {name:'Compass Sport', price:'R$ 118.900'},
    {name:'Onix Plus LT', price:'R$ 84.500'},
    {name:'Hilux SRX', price:'R$ 249.900'},
    {name:'HB20 Comfort', price:'R$ 79.900'},
  ];
  document.getElementById('heroMockGrid').innerHTML = heroCars.map(c => `
    <div class="mock-car">
      <div class="photo"></div>
      <div class="info">
        <div class="name">${c.name}</div>
        <div class="price">${c.price}</div>
      </div>
    </div>
  `).join('');

  // ---------- demo showcase data ----------
  const demoCars = [
    {name:'Compass Sport 2023', cat:'suv', meta:'2023 · 18.400 km · Flex', price:'R$ 118.900', icon:'🚙'},
    {name:'Corolla Altis 2022', cat:'sedan', meta:'2022 · 32.100 km · Híbrido', price:'R$ 149.900', icon:'🚗'},
    {name:'Onix Plus LT', cat:'sedan', meta:'2023 · 12.900 km · Flex', price:'R$ 84.500', icon:'🚗'},
    {name:'HB20 Comfort', cat:'hatch', meta:'2021 · 41.000 km · Flex', price:'R$ 68.900', icon:'🚘'},
    {name:'Hilux SRX 4x4', cat:'pickup', meta:'2022 · 28.500 km · Diesel', price:'R$ 249.900', icon:'🛻'},
    {name:'Renegade Trailhawk', cat:'suv', meta:'2023 · 9.800 km · Flex', price:'R$ 129.900', icon:'🚙'},
    {name:'Argo Drive', cat:'hatch', meta:'2022 · 22.300 km · Flex', price:'R$ 62.900', icon:'🚘'},
    {name:'Saveiro Robust', cat:'pickup', meta:'2021 · 55.000 km · Flex', price:'R$ 79.900', icon:'🛻'},
    {name:'Civic Touring', cat:'sedan', meta:'2023 · 14.200 km · Flex', price:'R$ 159.900', icon:'🚗'},
  ];

  const photoGrad = {
    suv:'linear-gradient(135deg,#bd0202,#7a0202)',
    sedan:'linear-gradient(135deg,#222222,#454545)',
    hatch:'linear-gradient(135deg,#fb9902,#c76e00)',
    pickup:'linear-gradient(135deg,#3a3a3a,#111111)'
  };

  function renderDemo(filter){
    const grid = document.getElementById('demoCars');
    const list = filter === 'todos' ? demoCars : demoCars.filter(c => c.cat === filter);
    grid.innerHTML = list.slice(0,6).map(c => `
      <div class="demo-car">
        <div class="photo" style="background:${photoGrad[c.cat]}">
          <span class="tag">${c.cat.toUpperCase()}</span>
          ${c.icon}
        </div>
        <div class="info">
          <div class="name">${c.name}</div>
          <div class="meta">${c.meta}</div>
          <div class="row">
            <span class="price">${c.price}</span>
            <span class="wa">💬 WhatsApp</span>
          </div>
        </div>
      </div>
    `).join('');
  }
  renderDemo('todos');

  document.getElementById('demoFilters').addEventListener('click', (e) => {
    const btn = e.target.closest('button');
    if(!btn) return;
    document.querySelectorAll('#demoFilters button').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    renderDemo(btn.dataset.filter);
  });

  // ---------- FAQ accordion ----------
  document.getElementById('faqList').addEventListener('click', (e) => {
    const q = e.target.closest('.faq-q');
    if(!q) return;
    const item = q.parentElement;
    const wasOpen = item.classList.contains('open');
    document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));
    if(!wasOpen) item.classList.add('open');
  });

  // ---------- scroll reveal ----------
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if(entry.isIntersecting){
        entry.target.classList.add('in');
        observer.unobserve(entry.target);
      }
    });
  }, {threshold:0.15});
  document.querySelectorAll('.reveal').forEach(el => observer.observe(el));

  // ---------- sticky nav shadow on scroll ----------
  const nav = document.querySelector('.site-nav');
  window.addEventListener('scroll', () => {
    nav.style.boxShadow = window.scrollY > 20 ? '0 6px 20px rgba(0,0,0,0.25)' : 'none';
  });