Premium Oil Seeds Collection<\/title>\r\n\r\n <style>\r\n :root {\r\n --green: #0b6b21;\r\n --green-dark: #064f17;\r\n --gold: #c7952b;\r\n --gold-dark: #a97b1f;\r\n --cream: #f7f2e9;\r\n --white: #ffffff;\r\n --text: #202820;\r\n --muted: #687068;\r\n --border: #e8dfcf;\r\n --shadow: 0 18px 45px rgba(16, 73, 27, 0.13);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n min-height: 100vh;\r\n background:\r\n radial-gradient(circle at 8% 0%, rgba(199, 149, 43, 0.16), transparent 28%),\r\n linear-gradient(180deg, #fbf8f2 0%, var(--cream) 100%);\r\n color: var(--text);\r\n font-family: Arial, Helvetica, sans-serif;\r\n line-height: 1.6;\r\n }\r\n\r\n button,\r\n input {\r\n font: inherit;\r\n }\r\n\r\n .oil-seeds-section {\r\n padding: 74px 20px 95px;\r\n }\r\n\r\n .container {\r\n width: min(1280px, 100%);\r\n margin: 0 auto;\r\n }\r\n\r\n .hero {\r\n max-width: 850px;\r\n margin: 0 auto 38px;\r\n text-align: center;\r\n }\r\n\r\n .eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n color: var(--green);\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 2.2px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .eyebrow::before,\r\n .eyebrow::after {\r\n width: 36px;\r\n height: 1px;\r\n content: \"\";\r\n background: var(--gold);\r\n }\r\n\r\n .hero h1 {\r\n margin-bottom: 14px;\r\n color: var(--green-dark);\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n font-size: clamp(40px, 5vw, 66px);\r\n line-height: 1.05;\r\n }\r\n\r\n .hero p {\r\n max-width: 720px;\r\n margin: 0 auto;\r\n color: var(--muted);\r\n font-size: 17px;\r\n line-height: 1.75;\r\n }\r\n\r\n .hero-contact {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: 22px;\r\n padding: 12px 19px;\r\n border-radius: 999px;\r\n background: linear-gradient(135deg, var(--green), var(--green-dark));\r\n color: #fff;\r\n font-weight: 800;\r\n text-decoration: none;\r\n box-shadow: 0 12px 26px rgba(11, 107, 33, 0.2);\r\n }\r\n\r\n .toolbar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 18px;\r\n margin-bottom: 30px;\r\n padding: 14px;\r\n border: 1px solid rgba(11, 107, 33, 0.11);\r\n border-radius: 18px;\r\n background: rgba(255,255,255,0.92);\r\n box-shadow: 0 11px 32px rgba(16,73,27,0.08);\r\n }\r\n\r\n .search-box {\r\n position: relative;\r\n flex: 1;\r\n max-width: 470px;\r\n }\r\n\r\n .search-box svg {\r\n position: absolute;\r\n top: 50%;\r\n left: 15px;\r\n width: 19px;\r\n transform: translateY(-50%);\r\n color: var(--muted);\r\n }\r\n\r\n .search-box input {\r\n width: 100%;\r\n height: 49px;\r\n padding: 0 17px 0 46px;\r\n border: 1px solid var(--border);\r\n border-radius: 13px;\r\n outline: none;\r\n background: #fff;\r\n color: var(--text);\r\n }\r\n\r\n .search-box input:focus {\r\n border-color: var(--gold);\r\n box-shadow: 0 0 0 4px rgba(199,149,43,0.14);\r\n }\r\n\r\n .filter-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-end;\r\n gap: 8px;\r\n }\r\n\r\n .filter-button {\r\n min-height: 42px;\r\n padding: 9px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 999px;\r\n background: #fff;\r\n color: var(--muted);\r\n cursor: pointer;\r\n transition: 0.25s ease;\r\n }\r\n\r\n .filter-button:hover,\r\n .filter-button.active {\r\n border-color: var(--green);\r\n background: var(--green);\r\n color: #fff;\r\n }\r\n\r\n .oil-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .oil-card {\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n border-radius: 22px;\r\n background: var(--white);\r\n box-shadow: 0 8px 26px rgba(16,73,27,0.07);\r\n transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .oil-card:hover {\r\n transform: translateY(-7px);\r\n border-color: rgba(199,149,43,0.75);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .oil-card.hidden {\r\n display: none;\r\n }\r\n\r\n \/*\r\n * IMPORTANT:\r\n * Every product image has exactly the same box dimensions.\r\n *\/\r\n .product-image-box {\r\n position: relative;\r\n width: 100%;\r\n height: 285px;\r\n overflow: hidden;\r\n background: #edf2e9;\r\n }\r\n\r\n .product-image {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .oil-card:hover .product-image {\r\n transform: scale(1.06);\r\n }\r\n\r\n .product-image-box::after {\r\n position: absolute;\r\n inset: auto 0 0;\r\n height: 42%;\r\n content: \"\";\r\n background: linear-gradient(to top, rgba(0,42,12,0.34), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n .image-fallback {\r\n position: absolute;\r\n inset: 0;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 30px;\r\n background:\r\n radial-gradient(circle at top right, rgba(199,149,43,.28), transparent 35%),\r\n linear-gradient(135deg, #e8f0e5, #d7e4d3);\r\n color: var(--green-dark);\r\n font-family: Georgia, serif;\r\n font-size: 25px;\r\n font-weight: 700;\r\n text-align: center;\r\n }\r\n\r\n .image-error .image-fallback {\r\n display: flex;\r\n }\r\n\r\n .product-name-poster {\r\n display: flex !important;\r\n background:\r\n radial-gradient(circle at top right, rgba(199,149,43,.32), transparent 35%),\r\n linear-gradient(135deg, #edf5e9 0%, #d9e8d4 55%, #f3ead6 100%);\r\n color: var(--green-dark);\r\n font-size: clamp(24px, 3vw, 34px);\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .product-name-poster::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 115px;\r\n height: 115px;\r\n border: 1px solid rgba(199,149,43,.45);\r\n border-radius: 50%;\r\n }\r\n\r\n .product-name-poster span {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 85%;\r\n }\r\n\r\n .category-badge {\r\n position: absolute;\r\n top: 14px;\r\n left: 14px;\r\n z-index: 3;\r\n padding: 7px 11px;\r\n border: 1px solid rgba(255,255,255,.42);\r\n border-radius: 999px;\r\n background: rgba(6,79,23,0.9);\r\n color: #fff;\r\n font-size: 10px;\r\n font-weight: 800;\r\n letter-spacing: .75px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .product-number {\r\n position: absolute;\r\n right: 14px;\r\n bottom: 11px;\r\n z-index: 3;\r\n color: rgba(255,255,255,.94);\r\n font-family: Georgia, serif;\r\n font-size: 29px;\r\n font-weight: 700;\r\n line-height: 1;\r\n }\r\n\r\n .product-content {\r\n display: flex;\r\n min-height: 305px;\r\n flex-direction: column;\r\n padding: 22px 21px 20px;\r\n }\r\n\r\n .product-content h3 {\r\n min-height: 50px;\r\n margin-bottom: 10px;\r\n color: var(--green-dark);\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n font-size: 21px;\r\n line-height: 1.22;\r\n }\r\n\r\n .product-content p {\r\n margin-bottom: 18px;\r\n color: var(--muted);\r\n font-size: 14px;\r\n line-height: 1.67;\r\n }\r\n\r\n .card-actions {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: auto;\r\n }\r\n\r\n .inquiry-button {\r\n display: flex;\r\n width: 100%;\r\n min-height: 46px;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: 0;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, var(--green), var(--green-dark));\r\n color: #fff;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: 0.25s ease;\r\n }\r\n\r\n .inquiry-button:hover {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n box-shadow: 0 10px 22px rgba(199,149,43,0.24);\r\n }\r\n\r\n .source-link {\r\n color: var(--gold-dark);\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-align: center;\r\n text-decoration: none;\r\n }\r\n\r\n .source-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .empty-state {\r\n display: none;\r\n padding: 55px 20px;\r\n border: 1px dashed var(--border);\r\n border-radius: 20px;\r\n background: #fff;\r\n color: var(--muted);\r\n text-align: center;\r\n }\r\n\r\n .empty-state.show {\r\n display: block;\r\n }\r\n\r\n .floating-whatsapp {\r\n position: fixed;\r\n right: 20px;\r\n bottom: 20px;\r\n z-index: 80;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 14px 18px;\r\n border-radius: 999px;\r\n background: linear-gradient(135deg, var(--green), var(--green-dark));\r\n color: #fff;\r\n font-weight: 800;\r\n text-decoration: none;\r\n box-shadow: 0 14px 30px rgba(11,107,33,.26);\r\n }\r\n\r\n @media (max-width: 950px) {\r\n .oil-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .toolbar {\r\n align-items: stretch;\r\n flex-direction: column;\r\n }\r\n\r\n .search-box {\r\n max-width: none;\r\n }\r\n\r\n .filter-list {\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .oil-seeds-section {\r\n padding: 58px 15px 78px;\r\n }\r\n\r\n .oil-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .product-image-box {\r\n height: 270px;\r\n }\r\n\r\n .product-content {\r\n min-height: auto;\r\n }\r\n\r\n .filter-list {\r\n flex-wrap: nowrap;\r\n overflow-x: auto;\r\n padding-bottom: 4px;\r\n }\r\n\r\n .filter-button {\r\n flex: 0 0 auto;\r\n }\r\n\r\n .floating-whatsapp {\r\n right: 14px;\r\n bottom: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <section class=\"oil-seeds-section\">\r\n <div class=\"container\">\r\n <header class=\"hero\">\r\n <span class=\"eyebrow\">Premium Product Range<\/span>\r\n <h1>Oil Seeds Collection<\/h1>\r\n <p>\r\n Explore our selected range of sesame seeds, groundnuts and\r\n whole or powdered mustard products for food and oil-processing applications.\r\n <\/p>\r\n\r\n \r\n <\/header>\r\n\r\n <div class=\"toolbar\">\r\n <label class=\"search-box\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n <path d=\"m20 20-3.8-3.8\"><\/path>\r\n <\/svg>\r\n <input type=\"search\"\r\n id=\"productSearch\"\r\n placeholder=\"Search oil seed product...\"\r\n aria-label=\"Search oil seed products\">\r\n <\/label>\r\n\r\n <div class=\"filter-list\">\r\n <button type=\"button\" class=\"filter-button active\" data-filter=\"all\">All<\/button>\r\n <button type=\"button\" class=\"filter-button\" data-filter=\"oil seeds\">Oil Seeds<\/button>\r\n <button type=\"button\" class=\"filter-button\" data-filter=\"whole seeds\">Whole Seeds<\/button>\r\n <button type=\"button\" class=\"filter-button\" data-filter=\"powder\">Powders<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <main class=\"oil-grid\" id=\"oilGrid\">\r\n \r\n <article class=\"oil-card\"\r\n data-name=\"sesame seeds\"\r\n data-category=\"oil seeds\">\r\n <div class=\"product-image-box\">\r\n<div class=\"\">\r\n \r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.onegreenplanet.org\/wp-content\/uploads\/2013\/10\/Sesame-Seeds-Health-Benefits-Tips-and-Recipes.jpg\"\r\n alt=\"Yellow Mustard Whole\"\r\n class=\"product-image\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer\"\r\n onerror=\"this.closest('.product-image-box').classList.add('image-error'); this.style.display='none';\"\r\n >\r\n <\/div>\r\n <span class=\"category-badge\">Oil Seeds<\/span>\r\n <span class=\"product-number\">01<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-content\">\r\n <h3>SESAME SEEDS<\/h3>\r\n <p>Clean and carefully selected sesame seeds with a mild nutty flavour. Suitable for bakery, confectionery, tahini, seasoning and edible-oil processing.<\/p>\r\n\r\n <div class=\"card-actions\">\r\n <button type=\"button\"\r\n class=\"inquiry-button\"\r\n data-product=\"SESAME SEEDS\">\r\n WhatsApp Inquiry\r\n <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/button>\r\n<\/div>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"oil-card\"\r\n data-name=\"ground nuts\"\r\n data-category=\"oil seeds\">\r\n <div class=\"product-image-box\">\r\n<div class=\"\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/spicesofkollihills.in\/wp-content\/uploads\/2024\/07\/4f72d765-groundnut-representation-1080x675-1.jpg\">\r\n <\/div>\r\n <span class=\"category-badge\">Oil Seeds<\/span>\r\n <span class=\"product-number\">02<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-content\">\r\n <h3>GROUND NUTS<\/h3>\r\n <p>Premium-quality groundnuts selected for snack manufacturing, peanut butter, confectionery, roasting and edible-oil extraction applications.<\/p>\r\n\r\n <div class=\"card-actions\">\r\n <button type=\"button\"\r\n class=\"inquiry-button\"\r\n data-product=\"GROUND NUTS\">\r\n WhatsApp Inquiry\r\n <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/button>\r\n<\/div>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"oil-card\"\r\n data-name=\"yellow mustard whole\"\r\n data-category=\"whole seeds\">\r\n <div class=\"product-image-box\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Sa%20yellow%20mustard.jpg?width=1200\"\r\n alt=\"Yellow Mustard Whole\"\r\n class=\"product-image\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer\"\r\n onerror=\"this.closest('.product-image-box').classList.add('image-error'); this.style.display='none';\"\r\n >\r\n <div class=\"image-fallback\">\r\n <span>YELLOW MUSTARD WHOLE<\/span>\r\n <\/div>\r\n <span class=\"category-badge\">Whole Seeds<\/span>\r\n <span class=\"product-number\">03<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-content\">\r\n <h3>YELLOW MUSTARD WHOLE<\/h3>\r\n <p>Whole yellow mustard seeds with a clean appearance and mild pungency. Ideal for pickles, sauces, seasoning blends and mustard-oil processing.<\/p>\r\n\r\n <div class=\"card-actions\">\r\n <button type=\"button\"\r\n class=\"inquiry-button\"\r\n data-product=\"YELLOW MUSTARD WHOLE\">\r\n WhatsApp Inquiry\r\n <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/button>\r\n\r\n <a class=\"source-link\"\r\n href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Sa_yellow_mustard.jpg\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n View image source\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"oil-card\"\r\n data-name=\"yellow mustard powder\"\r\n data-category=\"powder\">\r\n <div class=\"product-image-box\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.spicejungle.com\/media\/catalog\/product\/m\/u\/mustard-powder.jpg\"\r\n alt=\"Yellow Mustard Powder\"\r\n class=\"product-image\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer\"\r\n onerror=\"this.closest('.product-image-box').classList.add('image-error'); this.style.display='none';\"\r\n >\r\n <div class=\"image-fallback\">\r\n <span>YELLOW MUSTARD POWDER<\/span>\r\n <\/div>\r\n <span class=\"category-badge\">Powder<\/span>\r\n <span class=\"product-number\">04<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-content\">\r\n <h3>YELLOW MUSTARD POWDER<\/h3>\r\n <p>Finely ground yellow mustard powder offering a sharp, tangy flavour. Suitable for sauces, marinades, dressings, pickles and food seasoning formulations.<\/p>\r\n\r\n <div class=\"card-actions\">\r\n <button type=\"button\"\r\n class=\"inquiry-button\"\r\n data-product=\"YELLOW MUSTARD POWDER\">\r\n WhatsApp Inquiry\r\n <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/button>\r\n\r\n <a class=\"source-link\"\r\n href=\"https:\/\/www.spicejungle.com\/mustard-powder\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n View image source\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"oil-card\"\r\n data-name=\"black mustard whole\"\r\n data-category=\"whole seeds\">\r\n <div class=\"product-image-box\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Black%20mustard%20seeds.jpg?width=1200\"\r\n alt=\"Black Mustard Whole\"\r\n class=\"product-image\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer\"\r\n onerror=\"this.closest('.product-image-box').classList.add('image-error'); this.style.display='none';\"\r\n >\r\n <div class=\"image-fallback\">\r\n <span>BLACK MUSTARD WHOLE<\/span>\r\n <\/div>\r\n <span class=\"category-badge\">Whole Seeds<\/span>\r\n <span class=\"product-number\">05<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-content\">\r\n <h3>BLACK MUSTARD WHOLE<\/h3>\r\n <p>Small whole black mustard seeds with a strong aroma and bold pungency. Widely used for tempering, pickling, spice blends and oil extraction.<\/p>\r\n\r\n <div class=\"card-actions\">\r\n <button type=\"button\"\r\n class=\"inquiry-button\"\r\n data-product=\"BLACK MUSTARD WHOLE\">\r\n WhatsApp Inquiry\r\n <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/button>\r\n\r\n <a class=\"source-link\"\r\n href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Black_mustard_seeds.jpg\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n View image source\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"oil-card\"\r\n data-name=\"black mustard powder\"\r\n data-category=\"powder\">\r\n <div class=\"product-image-box\">\r\n<div class=\"\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcS24Q78DQ--w8boPrrw0KOOq3Z6ly91JM51OZUwUy_53Q&s=10\">\r\n <\/div>\r\n <span class=\"category-badge\">Powder<\/span>\r\n <span class=\"product-number\">06<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-content\">\r\n <h3>BLACK MUSTARD POWDER<\/h3>\r\n <p>Finely processed black mustard powder with a deeper, stronger flavour profile. Suitable for curries, chutneys, sauces, marinades and seasoning blends.<\/p>\r\n\r\n <div class=\"card-actions\">\r\n <button type=\"button\"\r\n class=\"inquiry-button\"\r\n data-product=\"BLACK MUSTARD POWDER\">\r\n WhatsApp Inquiry\r\n <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/button>\r\n<\/div>\r\n <\/div>\r\n <\/article>\r\n \r\n <\/main>\r\n\r\n <div class=\"empty-state\" id=\"emptyState\">\r\n No matching oil seed product found.\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <a class=\"floating-whatsapp\"\r\n href=\"https:\/\/wa.me\/919724400277?text=Hello%2C%20I%20want%20to%20inquire%20about%20your%20oil%20seed%20products.\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n WhatsApp Now\r\n <\/a>\r\n\r\n <script>\r\n const whatsappNumber = \"919724400277\";\r\n const productCards = [...document.querySelectorAll(\".oil-card\")];\r\n const searchInput = document.getElementById(\"productSearch\");\r\n const filterButtons = [...document.querySelectorAll(\".filter-button\")];\r\n const emptyState = document.getElementById(\"emptyState\");\r\n\r\n let activeFilter = \"all\";\r\n\r\n function updateProducts() {\r\n const searchValue = searchInput.value.trim().toLowerCase();\r\n let visibleCount = 0;\r\n\r\n productCards.forEach(card => {\r\n const matchesSearch = card.dataset.name.includes(searchValue);\r\n const matchesFilter =\r\n activeFilter === \"all\" ||\r\n card.dataset.category === activeFilter;\r\n\r\n const visible = matchesSearch && matchesFilter;\r\n card.classList.toggle(\"hidden\", !visible);\r\n\r\n if (visible) visibleCount++;\r\n });\r\n\r\n emptyState.classList.toggle(\"show\", visibleCount === 0);\r\n }\r\n\r\n searchInput.addEventListener(\"input\", updateProducts);\r\n\r\n filterButtons.forEach(button => {\r\n button.addEventListener(\"click\", () => {\r\n filterButtons.forEach(item => item.classList.remove(\"active\"));\r\n button.classList.add(\"active\");\r\n activeFilter = button.dataset.filter;\r\n updateProducts();\r\n });\r\n });\r\n\r\n document.querySelectorAll(\".inquiry-button\").forEach(button => {\r\n button.addEventListener(\"click\", () => {\r\n const product = button.dataset.product;\r\n const message = encodeURIComponent(\r\n \"Hello, I want to inquire about \" + product + \".\"\r\n );\r\n\r\n window.open(\r\n \"https:\/\/wa.me\/\" + whatsappNumber + \"?text=\" + message,\r\n \"_blank\",\r\n \"noopener\"\r\n );\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Oil Seeds Collection Premium Product Range Oil Seeds Collection Explore our selected range of sesame seeds, groundnuts and whole or powdered mustard products for food and oil-processing applications. All Oil Seeds Whole Seeds Powders Oil Seeds 01 SESAME SEEDS Clean and carefully selected sesame seeds with a mild nutty flavour. Suitable for bakery, confectionery, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1369","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=\/wp\/v2\/pages\/1369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1369"}],"version-history":[{"count":16,"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=\/wp\/v2\/pages\/1369\/revisions"}],"predecessor-version":[{"id":1615,"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=\/wp\/v2\/pages\/1369\/revisions\/1615"}],"wp:attachment":[{"href":"https:\/\/nafraoverseas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}