ul.theme-sub-menu.open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw; /* full screen width */
  z-index: 9999;
}

<script type="application/javascript">
/* Snippet to show stock, brand, and keep SKU + button in sync with selected variant */

function show_stock_available_and_brand() {
    var sort_column = {
        "popularity": "best_selling",
        "new": "created_time",
        "HtoL": "min_rate",
        "LtoH": "max_rate",
        "featured": "",
        "AtoZ": "name",
        "ZtoA": "name"
    };
    var sort_order = {
        "popularity": "A",
        "new": "D",
        "HtoL": "D",
        "LtoH": "A",
        "featured": "",
        "AtoZ": "A",
        "ZtoA": "D"
    };
    var per_page = 0,
        current_page_number = 0,
        flag_sorting = false,
        default_sortby = "",
        isNormalPage = false;

    /* ======================= HELPERS: STOCK & BRAND ELEMENTS ======================= */

    function addStockAvailableElement(elem, stock_available) {
        if (!elem || stock_available == null) {
            return null;
        }

        // Only show if stock > 0; change this if you want "Out of stock" text
        if (stock_available <= 0) {
            return null;
        }

        var paragraph_elem = document.createElement("P");
        paragraph_elem.style = "font-size:14px;";
        var innerHTML = "<b>Stock Available : </b>" + stock_available;
        paragraph_elem.setAttribute("stock_available", stock_available);
        paragraph_elem.innerHTML = innerHTML;
        elem.appendChild(paragraph_elem);
        return paragraph_elem;
    }

    function addBrandElement(elem, brand_name) {
        var brand_elem = document.createElement("div");
        brand_elem.classList.add("theme-product-name");
        brand_elem.innerHTML = "<b>Brand : </b>" + brand_name;
        brand_elem.setAttribute("brand", "");
        brand_elem.style = "font-size:14px;";
        elem.style.paddingBottom = "5px";
        elem.style.textDecoration = "none";
        elem.appendChild(brand_elem);
    }

    /* ======================= MINIMAL VARIANT HANDLING (SKU + BUTTON) ======================= */

    // Get currently selected variant ID from hidden select or product container
    function getSelectedVariantId() {
        var select = document.querySelector("select[data-zs-variants]");
        if (select && select.value) {
            return select.value;
        }
        var product = document.querySelector("[data-zs-product-id]");
        if (product && product.getAttribute("data-zs-selected-variant-id")) {
            return product.getAttribute("data-zs-selected-variant-id");
        }
        return null;
    }

    // Find variant object in window.zs_product.variants
    function getSelectedVariant() {
        if (!window.zs_product || !Array.isArray(window.zs_product.variants)) {
            console.log("TSI: window.zs_product.variants not available");
            return null;
        }
        var id = getSelectedVariantId();
        if (!id) {
            console.log("TSI: no selected variant id");
            return null;
        }
        var variants = window.zs_product.variants;
        for (var i = 0; i < variants.length; i++) {
            if (String(variants[i].variant_id) === String(id)) {
                return variants[i];
            }
        }
        console.log("TSI: no variant found with id", id);
        return null;
    }

    // Update SKU label + button text for the current variant
    function updateSkuAndButton() {
        var variant = getSelectedVariant();
        if (!variant) return;

        /* ---------- 1) SKU: <p class="tsi-sku-label"><b>SKU:</b> XXXXX</p> ---------- */

        var skuElem = document.querySelector(".tsi-sku-label");
        if (skuElem) {
            // Try some likely field names for the variant SKU
            var newSku =
                variant.sku ||
                variant.product_code ||
                variant.item_sku ||
                variant.item_code ||
                "";

            if (newSku) {
                skuElem.innerHTML = "<b>SKU:</b> " + newSku;
            } else {
                console.log("TSI: variant has no SKU-like field", variant);
            }
        }

        /* ---------- 2) STOCK + BUTTON TEXT ---------- */

        var stock =
            (typeof variant.available_sale_stock === "number") ? variant.available_sale_stock :
            (typeof variant.available_stock === "number")      ? variant.available_stock :
            (typeof variant.stock_available === "number")      ? variant.stock_available :
            null;

        var btn = document.querySelector("button.theme-cart-button[data-zs-add-to-cart]") ||
                  document.querySelector("[data-zs-add-to-cart]");
        if (!btn) {
            console.log("TSI: cart button not found");
            return;
        }
        var labelSpan = btn.querySelector("[data-theme-cart-button-text]");
        if (!labelSpan) {
            console.log("TSI: cart button text span not found");
            return;
        }

        if (stock === null) {
            console.log("TSI: stock is null for variant", variant);
            return;
        }

        if (stock > 0) {
            labelSpan.textContent = "Add to Cart";
            btn.removeAttribute("disabled");
            btn.setAttribute("data-zs-button-type", "add_to_cart");
        } else {
            labelSpan.textContent = "Backorder";
            btn.setAttribute("data-zs-button-type", "backorder");
            // If you want to DISABLE when out of stock, uncomment:
            // btn.setAttribute("disabled", "disabled");
        }
    }

    function bindVariantChangeHandlers() {
        var product = document.querySelector("[data-zs-product-id]");
        if (!product) return;

        // Hidden variants <select> that Zoho manages
        var variantSelect = document.querySelector("select[data-zs-variants]");
        if (variantSelect) {
            variantSelect.addEventListener("change", function () {
                setTimeout(updateSkuAndButton, 10);
            });
        }

        // Attribute radios (Size / Width / Length)
        var radios = product.querySelectorAll("[data-zs-attribute-option]");
        radios.forEach(function (input) {
            input.addEventListener("change", function () {
                setTimeout(updateSkuAndButton, 10);
            });
            input.addEventListener("click", function () {
                setTimeout(updateSkuAndButton, 10);
            });
        });
    }

    /* ======================= PRODUCT PAGE: STOCK & BRAND (STATIC) ======================= */

    function showAvailableStockAndBrandInProductPage() {
        var productContainer = document.querySelectorAll("[data-zs-product-id]");
        if (!productContainer.length || !window.zs_product || !window.zs_product.variants) {
            return;
        }

        var variants = window.zs_product.variants;

        // Add stock label for each variant pricing block (using per-variant stock)
        for (var i = 0; i < variants.length; i++) {
            var price_container = productContainer[0].querySelector(
                "[data-zs-pricings][data-zs-variant-id='" + variants[i].variant_id + "']"
            );

            var stock_available = (typeof variants[i].available_sale_stock !== "undefined")
                ? variants[i].available_sale_stock
                : variants[i].stock_available;

            addStockAvailableElement(price_container, stock_available);
        }

        // Add brand under each variant pricing
        var price_container_array = productContainer[0].querySelectorAll("[data-zs-pricings][data-zs-variant-id]");
        for (var j = 0; j < price_container_array.length; j++) {
            var brand = window.zs_product.brand;
            if (brand) {
                addBrandElement(price_container_array[j], brand);
            }
        }

        // For any additional product tiles on the same page (related/upsell/etc.)
        setTimeout(function () {
            var product_ids = [];
            var productContainer = document.querySelectorAll("[data-zs-product-id]");
            for (var k = 1; k < productContainer.length; k++) {
                var prd_id = productContainer[k].getAttribute("data-zs-product-id");
                if (!product_ids.includes(prd_id)) {
                    product_ids.push(prd_id);
                }
            }
            if (product_ids.length > 0) {
                getProductDetailsByIds(product_ids.toString(), false);
            }
        }, 2000);
    }

    /* ======================= LIST / COLLECTION / QUICK LOOK ======================= */

    function displayAvailableStockAndBrand(products, args) {
        var target_container;
        if (args.collection_id != null) {
            target_container = document.querySelector("[data-zs-collection-id='" + args.collection_id + "']");
        } else if (args.is_quick_look_page) {
            var quick_look_element = document.getElementById("product_quick_look");
            if (quick_look_element && quick_look_element.innerHTML != "") {
                target_container = quick_look_element;
            }
        } else {
            target_container = "null";
        }

        for (var i = 0; i < products.length; i++) {
            var product_containers = (target_container != "null")
                ? target_container.querySelectorAll("[data-zs-product-id='" + products[i].product_id + "']")
                : document.querySelectorAll("[data-zs-product-id='" + products[i].product_id + "']");

            product_containers.forEach(function (product) {
                if (product && product.querySelectorAll("[stock_available]").length == 0 && product.querySelectorAll("[brand]").length == 0) {
                    var product_id = product.getAttribute("data-zs-product-id");
                    if (product_id == products[i].product_id) {
                        var variants = products[i].variants;
                        var price_container_array = product.querySelectorAll("[data-zs-pricings][data-zs-variant-id]");

                        if (price_container_array.length > 0) {
                            for (var j = 0; j < price_container_array.length; j++) {
                                var variant_id = price_container_array[j].getAttribute("data-zs-variant-id");
                                for (var k = 0; k < variants.length; k++) {
                                    if (variants[k].variant_id == variant_id) {
                                        var list_stock = (typeof variants[k].available_sale_stock !== "undefined")
                                            ? variants[k].available_sale_stock
                                            : variants[k].stock_available;
                                        addStockAvailableElement(price_container_array[j], list_stock);
                                    }
                                }
                            }
                        } else {
                            price_container_array = product.querySelector("[data-zs-selling-price]");
                            if (!price_container_array) {
                                price_container_array = product.querySelector("[data-zs-label-price]");
                            }
                            if (price_container_array && variants.length == 1) {
                                var one_stock = (typeof variants[0].available_sale_stock !== "undefined")
                                    ? variants[0].available_sale_stock
                                    : variants[0].stock_available;

                                var stock_available_element = addStockAvailableElement(
                                    price_container_array.parentElement,
                                    one_stock
                                );
                                if (stock_available_element) {
                                    if (product.className.includes("theme-product-list-style-07")) {
                                        stock_available_element.style = "font-size: 14px;margin:auto;text-align:center";
                                    }
                                    price_container_array.parentElement.style.display = "block";
                                }
                            }
                        }

                        var brand = products[i].brand;
                        if (brand) {
                            var price_elm = product.querySelector("[data-zs-pricings][data-zs-variant-id]");
                            if (!price_elm) {
                                price_elm = (product.querySelector("[data-zs-selling-price]"))
                                    ? product.querySelector("[data-zs-selling-price]")
                                    : product.querySelector("[data-zs-label-price]");
                            }
                            var price_container = price_elm && price_elm.parentElement;
                            if (!price_container) {
                                return;
                            }
                            addBrandElement(price_container, brand);
                        }
                    }
                }
            });
        }
    }

    /* ======================= API CALLS ======================= */

    function getProductDetails(url, params, str, collection_id) {
        var productCount = document.querySelectorAll("[data-zs-product-id]").length;
        if (productCount == 0) {
            return;
        }
        current_page_number++;
        params += "&page=" + current_page_number + "&per_page=" + per_page;
        var sortcolumn = sort_column[default_sortby];
        var sortorder = sort_order[default_sortby];

        if (document.querySelector("[data-sort-by-products]")) {
            sortcolumn = sort_column[document.querySelector("[data-sort-by-products]").value];
            sortorder = sort_order[document.querySelector("[data-sort-by-products]").value];
        }
        if (flag_sorting && !isNormalPage) {
            params += "&sort_column=" + sortcolumn + "&sort_order=" + sortorder;
        }

        $X.get({
            url: url + "?" + params,
            args: {
                collection_id: collection_id,
                is_quick_look_page: false,
                str: str
            },
            handler: function (args) {
                var response = JSON.parse(this.responseText);
                if (response.code == 0) {
                    var products = (args.str != "") ? response[args.str].products : response.products;
                    displayAvailableStockAndBrand(products, args);
                }
            }
        });
    }

    function renderHomePage() {
        isNormalPage = true;
        var collections = document.querySelectorAll("[data-zs-collection-id]");
        for (var i = 0; i < collections.length; i++) {
            var products_count = collections[i].querySelectorAll("[data-zs-product-id]").length;
            current_page_number = 0;
            if (products_count > 0) {
                var collection_id = collections[i].getAttribute("data-zs-collection-id");
                renderCollections(collection_id);
            }
        }
        var storeproducts = document.querySelectorAll("[data-element-type='storeproduct']");
        var product_ids = [];
        for (var j = 0; j < storeproducts.length; j++) {
            var product = storeproducts[j].querySelector("[data-zs-product-id]");
            var prd_id = product.getAttribute("data-zs-product-id");
            if (!product_ids.includes(prd_id)) {
                product_ids.push(prd_id);
            }
        }
        for (var k = 0; k < product_ids.length; k = k + 20) {
            var temp = product_ids.slice(k, k + 20);
            getProductDetailsByIds(temp.toString(), false);
        }
    }

    function getProductDetailsByIds(product_ids, is_quick_look_page) {
        $X.get({
            url: window.origin + "/zos-api/products?product_ids=" + product_ids,
            args: {
                collection_id: null,
                is_quick_look_page: is_quick_look_page
            },
            handler: function (args) {
                var response = JSON.parse(this.responseText);
                if (response.code == 0) {
                    displayAvailableStockAndBrand(response.products, args);
                }
            }
        });
    }

    function getPerPageValue() {
        if (per_page == 0) {
            $X.get({
                url: window.origin + "/api/store-meta",
                handler: function (args) {
                    var response = JSON.parse(this.responseText);
                    if (response.status_code == "0") {
                        per_page = response.payload.settings.products_limit;
                        default_sortby = response.payload.settings.default_sortby;
                        flag_sorting = response.payload.settings.flag_sorting;
                        if (window.zs_view == "category") {
                            renderCategories();
                        } else if (window.zs_view == "collection") {
                            renderCollections();
                        } else if (window.zs_view == "search-products") {
                            renderSearchProducts();
                        } else {
                            renderHomePage();
                        }
                    }
                }
            });
        } else {
            if (window.zs_view == "category") {
                renderCategories();
            } else if (window.zs_view == "collection") {
                renderCollections();
            } else if (window.zs_view == "search-products") {
                renderSearchProducts();
            } else {
                renderHomePage();
            }
        }
    }

    function showAvailableStockAndBrandInQuickLook() {
        var quick_look_element = document.getElementById("product_quick_look");
        if (quick_look_element) {
            var product_container = quick_look_element.querySelector("[data-zs-product-id]");
            if (product_container) {
                var product_id = product_container.getAttribute("data-zs-product-id");
                var product_ids = [];
                product_ids[0] = product_id;
                getProductDetailsByIds(product_ids.toString(), true);
            }
        }
    }

    function renderCollections(collection_id) {
        if (collection_id == null) {
            collection_id = window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1);
        }
        var url = window.origin + "/zos-api/collections/" + collection_id;
        var str = "collection";
        if (window.zs_view == "collection") {
            collection_id = null;
        }
        var params = "include_products=true";
        getProductDetails(url, params, str, collection_id);
    }

    function renderCategories(category_id) {
        if (category_id == null) {
            category_id = window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1);
        }
        var url = window.origin + "/zos-api/categories/" + category_id;
        var str = "category";
        if (window.zs_view == "category") {
            category_id = null;
        }
        var params = "include_products=true";
        getProductDetails(url, params, str, category_id);
    }

    function renderSearchProducts() {
        var params = "search_text=" + window.location.search.substring(3);
        var url = window.origin + "/zos-api/products";
        var str = "";
        getProductDetails(url, params, str, null);
    }

    function searchProductSucess() {
        if (per_page == 0) {
            getPerPageValue();
        } else {
            setTimeout(renderSearchProducts, 200);
        }
        current_page_number = 0;
        if (document.querySelector("[data-sort-by-products]")) {
            var sort_by_products = document.querySelector("[data-sort-by-products]");
            sort_by_products.addEventListener("change", function () {
                current_page_number = 0;
            });
        }
    }

    function lazyloadproductlistsuccess() {
        if (per_page == 0) {
            getPerPageValue();
        } else {
            if (window.zs_view == "category") {
                setTimeout(renderCategories, 200);
            } else if (window.zs_view == "collection") {
                setTimeout(renderCollections, 200);
            } else if (window.zs_view == "search-products") {
                setTimeout(renderSearchProducts, 200);
            }
        }
    }

    function pageOnLoad() {
        if (window.zs_view == "product") {
            showAvailableStockAndBrandInProductPage();
            bindVariantChangeHandlers();      // hook into variant changes
            setTimeout(updateSkuAndButton, 500); // initial sync (handles ?variant=... in URL)
        } else if (window.zs_view != "search-products") {
            getPerPageValue();
        }

        if (document.querySelector("[data-sort-by-products]")) {
            var sort_by_products = document.querySelector("[data-sort-by-products]");
            sort_by_products.addEventListener("change", function () {
                current_page_number = 0;
            });
        }
    }

    /* ======================= EVENT HOOKS ======================= */

    document.addEventListener("zs-event-get-products-list-success", lazyloadproductlistsuccess, false);
    document.addEventListener("zp-event-search-success", searchProductSucess, false);
    document.addEventListener("quickview:opened", showAvailableStockAndBrandInQuickLook, false);
    window.addEventListener("load", pageOnLoad);
}

show_stock_available_and_brand();
</script>

<script type="text/javascript">var $zoho= $zoho ||  {};$zoho.salesiq = $zoho.salesiq || {widgetcode:"siq6a7948692e5b222949577000a714283b9ac3b90eaef4147d2612fdf2be84f929", values:{},ready:function(){$zoho.salesiq.floatbutton.visible("hide");}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zoho.com/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script>

<script type="text/javascript" id="zsiqchat">var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode: "siq6a7948692e5b222949577000a714283b9ac3b90eaef4147d2612fdf2be84f929", values:{},ready:function(){}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zoho.com/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script>