// Locate the syncLayout function in your existing script and update it:
syncLayout: function() {
const header = document.querySelector('header.header');
const finder = document.getElementById('isp_product_finder');
const body = document.body;
if (header && finder) {
const hRect = header.getBoundingClientRect();
const fRect = finder.getBoundingClientRect();
// Force the bar to stay fixed and at a high Z-index
finder.style.position = "fixed";
finder.style.top = hRect.height + "px";
finder.style.zIndex = "99998";
// Push content down to prevent initial coverage
body.style.paddingTop = (hRect.height + fRect.height) + "px";
// Extra check: If the menu is open, make the finder lower so it doesn't block clicks
const menuOpen = document.querySelector('.is-open');
if (menuOpen) {
finder.style.zIndex = "1"; // Send to back when menu is open
} else {
finder.style.zIndex = "99998";
}
}
}
