Brands
document.getElementById('all_brands');
var searchTimer = null;
searchInput.addEventListener('keyup', function () {
clearTimeout(searchTimer);
searchTimer = setTimeout(function () {
var query = searchInput.value.toLowerCase();
var sections = document.getElementsByClassName("brand-section");
var totalCount = 0;
var sectionIdx = 0;
// Visual feedback: fade the list while filtering
if (brandContainer) brandContainer.style.opacity = '0.4';
// Process sections in chunks of 3 per animation frame to keep UI responsive
function processChunk() {
var end = Math.min(sectionIdx + 3, sections.length);
for (; sectionIdx < end; sectionIdx++) {
var section = sections[sectionIdx];
var brands = section.getElementsByClassName("brands");
var count = 0;
for (var j = 0; j < brands.length; j++) {
var brand = brands[j];
var vendor_name_container = brand.querySelector("a");
// Use title attribute (no reflow) instead of innerText (forces reflow)
var vendor_name = brand.getAttribute("title")
