Visual Excellence

document.addEventListener('DOMContentLoaded', function () { const buttons = [ document.querySelector('#button-Id-56JUWSiL'), document.querySelector('#button-pz8IOPbRgX'), document.querySelector('#button-IfxmIKiBNu'), document.querySelector('#button-Y5nbNAqHut') ]; const rows = [ document.querySelector('#row-1W1Ba8g1qU'), document.querySelector('#row-64MMwRGL9a'), document.querySelector('#row-t02720Dt-L'), document.querySelector('#row-4u-iEnhAU3') ]; // Hide all rows except first rows.forEach((row,i)=>{ if(row) row.style.display = i === 0 ? 'block' : 'none'; }); function activate(btn,row){ buttons.forEach(b=>{ if(!b) return; b.classList.remove('active-button-new'); }); rows.forEach(r=>{ if(!r) return; r.style.display = 'none'; }); btn.classList.add('active-button-new'); row.style.display = 'block'; } buttons.forEach((btn,i)=>{ if(!btn) return; btn.addEventListener('click',function(e){ // HARD override e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); activate(btn,rows[i]); },true); // capture phase so it runs BEFORE other scripts }); // first button active if(buttons[0]) buttons[0].classList.add('active-button-new'); }); .active-button-new *{ color: white !important; } .active-button-new .bbb{ background-color: #C08552; }