All Products | Saundaryam Gems<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<div id=\"sg-all-products\">\r\n <style>\r\n #sg-all-products{\r\n --maroon:#5C0F1E;\r\n --maroon-deep:#3D0A15;\r\n --gold:#C9A24B;\r\n --gold-soft:#E4CE93;\r\n --cream:#FBF5E9;\r\n --paper:#FFFDF8;\r\n --ink:#2B2118;\r\n --ink-soft:#6b5c4d;\r\n --emerald:#245C43;\r\n\r\n background:var(--cream);\r\n color:var(--ink);\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:17px;\r\n line-height:1.5;\r\n box-sizing:border-box;\r\n position:relative !important;\r\n left:50% !important;\r\n right:50% !important;\r\n width:100vw !important;\r\n max-width:100vw !important;\r\n margin-left:-50vw !important;\r\n margin-right:-50vw !important;\r\n padding:36px 0 70px !important;\r\n }\r\n #sg-all-products .sg-inner{\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:0 32px;\r\n box-sizing:border-box;\r\n }\r\n #sg-all-products *{box-sizing:border-box;}\r\n #sg-all-products h1,#sg-all-products h2,#sg-all-products h3{font-family:'Playfair Display', serif;margin:0;}\r\n #sg-all-products a{color:inherit;}\r\n\r\n \/* page title *\/\r\n #sg-all-products .page-title{text-align:center;margin-bottom:28px;}\r\n #sg-all-products .page-title h1{font-size:32px;color:var(--maroon);}\r\n #sg-all-products .page-title p{color:var(--ink-soft);margin-top:8px;font-size:16px;}\r\n\r\n \/* main tabs *\/\r\n #sg-all-products .tabs{\r\n display:flex !important;justify-content:center;gap:4px !important;flex-wrap:wrap;\r\n padding:0 0 10px !important;\r\n border-bottom:2px solid var(--gold-soft);\r\n margin:0 0 24px !important;\r\n list-style:none;\r\n }\r\n #sg-all-products .tab-btn{\r\n -webkit-appearance:none !important;appearance:none !important;\r\n font-family:'Playfair Display',serif !important;\r\n background:none !important;\r\n color:var(--ink-soft) !important;\r\n border:none !important;\r\n border-bottom:2px solid transparent !important;\r\n border-radius:0 !important;\r\n outline:none !important;\r\n box-shadow:none !important;\r\n cursor:pointer;\r\n font-size:14px !important;\r\n padding:6px 14px !important;\r\n margin:0 !important;\r\n line-height:1.2 !important;\r\n min-width:0 !important;\r\n width:auto !important;\r\n height:auto !important;\r\n transition:color .2s ease, border-color .2s ease;\r\n }\r\n #sg-all-products .tab-btn:hover{color:var(--maroon) !important;}\r\n #sg-all-products .tab-btn.active{color:var(--maroon) !important;border-color:var(--maroon) !important;}\r\n\r\n \/* sub filter chips *\/\r\n #sg-all-products .subtabs{\r\n display:flex !important;justify-content:center;gap:8px !important;flex-wrap:wrap;\r\n margin:0 0 30px !important;padding:0 !important;list-style:none;\r\n }\r\n #sg-all-products .chip{\r\n -webkit-appearance:none !important;appearance:none !important;\r\n font-family:'Cormorant Garamond',serif !important;\r\n background:var(--paper) !important;\r\n border:1px solid var(--gold) !important;\r\n color:var(--maroon) !important;\r\n border-radius:16px !important;\r\n padding:5px 14px !important;\r\n font-size:13.5px !important;\r\n margin:0 !important;\r\n line-height:1.2 !important;\r\n min-width:0 !important;width:auto !important;height:auto !important;\r\n cursor:pointer;outline:none !important;box-shadow:none !important;\r\n }\r\n #sg-all-products .chip.active{background:var(--maroon) !important;color:var(--gold-soft) !important;border-color:var(--maroon) !important;}\r\n\r\n #sg-all-products .panel{display:none;}\r\n #sg-all-products .panel.active{display:block;}\r\n\r\n \/* product grid *\/\r\n #sg-all-products .grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));\r\n gap:26px;\r\n }\r\n #sg-all-products .card{\r\n background:var(--paper);\r\n border:1px solid #e6dcc7;\r\n padding:26px 22px 22px;\r\n text-align:center;\r\n position:relative;\r\n transition:box-shadow .25s ease, transform .25s ease;\r\n }\r\n #sg-all-products .card:hover{\r\n box-shadow:0 14px 30px -14px rgba(92,15,30,.35);\r\n transform:translateY(-4px);\r\n }\r\n #sg-all-products .card .tag{\r\n position:absolute;top:12px;right:14px;\r\n font-size:12px;letter-spacing:.4px;color:var(--emerald);\r\n font-style:italic;\r\n }\r\n #sg-all-products .icon{width:70px;height:70px;margin:4px auto 12px;}\r\n #sg-all-products .card h3{font-size:20px;color:var(--maroon);font-weight:600;}\r\n #sg-all-products .card .sanskrit{font-style:italic;color:var(--ink-soft);font-size:15px;margin-top:2px;}\r\n #sg-all-products .card .tagline{margin:12px 0 16px;color:var(--ink);font-size:15.5px;}\r\n #sg-all-products .card .price-row{\r\n display:flex;justify-content:center;align-items:baseline;gap:8px;\r\n border-top:1px dashed #ddd0af;padding-top:12px;margin-top:4px;\r\n }\r\n #sg-all-products .card .price{font-size:19px;color:var(--maroon);font-weight:600;font-family:'Playfair Display',serif;}\r\n #sg-all-products .card .unit{font-size:13px;color:var(--ink-soft);}\r\n #sg-all-products .card .btn{\r\n display:inline-block;margin-top:16px;padding:9px 22px;\r\n background:var(--maroon);color:var(--gold-soft);\r\n text-decoration:none;font-size:14px;letter-spacing:.3px;\r\n border:1px solid var(--maroon);\r\n }\r\n #sg-all-products .card .btn:hover{background:var(--maroon-deep);}\r\n\r\n @media (max-width:560px){\r\n #sg-all-products .page-title h1{font-size:26px;}\r\n #sg-all-products .tab-btn{font-size:13px !important;padding:6px 10px !important;}\r\n }\r\n <\/style>\r\n\r\n <div class=\"sg-inner\">\r\n <div class=\"page-title\">\r\n <h1>All Products<\/h1>\r\n <p>Browse our astrology products, natural gemstones and rudraksha — sourced natural, sold direct.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tabs\">\r\n <button class=\"tab-btn active\" data-panel=\"astrology\">Astrology<\/button>\r\n <button class=\"tab-btn\" data-panel=\"gemstones\">Gemstones<\/button>\r\n <button class=\"tab-btn\" data-panel=\"rudraksha\">Rudraksha<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel active\" id=\"astrology\">\r\n <div class=\"subtabs\" data-group=\"astrology\">\r\n <button class=\"chip active\" data-cat=\"all\">All<\/button>\r\n <button class=\"chip\" data-cat=\"bracelets\">Bracelets<\/button>\r\n <button class=\"chip\" data-cat=\"trees\">Trees<\/button>\r\n <button class=\"chip\" data-cat=\"showpieces\">Show Pieces<\/button>\r\n <button class=\"chip\" data-cat=\"rings\">Rings<\/button>\r\n <button class=\"chip\" data-cat=\"necklaces\">Necklaces<\/button>\r\n <\/div>\r\n <div class=\"grid\" id=\"astrology-grid\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\" id=\"gemstones\">\r\n <div class=\"grid\" id=\"gemstones-grid\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel\" id=\"rudraksha\">\r\n <div class=\"subtabs\" data-group=\"rudraksha\">\r\n <button class=\"chip active\" data-cat=\"all\">All<\/button>\r\n <button class=\"chip\" data-cat=\"mukhi\">Mukhi Beads<\/button>\r\n <button class=\"chip\" data-cat=\"mala\">Mala<\/button>\r\n <button class=\"chip\" data-cat=\"bracelets\">Bracelets<\/button>\r\n <\/div>\r\n <div class=\"grid\" id=\"rudraksha-grid\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function(){\r\n const root = document.getElementById('sg-all-products');\r\n\r\n \/\/ ---------- icon templates ----------\r\n const icons = {\r\n bead: c => `<svg class=\"icon\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"38\" fill=\"${c}\" stroke=\"#5A3A18\" stroke-width=\"2\"\/><path d=\"M50 12 L50 88 M20 25 L80 75 M20 75 L80 25 M15 50 L85 50\" stroke=\"#3E280F\" stroke-width=\"1.4\" opacity=\".5\"\/><\/svg>`,\r\n bracelet: c => `<svg class=\"icon\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"30\" fill=\"none\" stroke=\"${c}\" stroke-width=\"10\" stroke-dasharray=\"6 7\"\/><\/svg>`,\r\n tree: c => `<svg class=\"icon\" viewBox=\"0 0 100 100\"><rect x=\"46\" y=\"62\" width=\"8\" height=\"28\" fill=\"#6b4423\"\/><circle cx=\"50\" cy=\"42\" r=\"30\" fill=\"${c}\"\/><circle cx=\"32\" cy=\"55\" r=\"16\" fill=\"${c}\" opacity=\".85\"\/><circle cx=\"68\" cy=\"55\" r=\"16\" fill=\"${c}\" opacity=\".85\"\/><\/svg>`,\r\n showpiece: c => `<svg class=\"icon\" viewBox=\"0 0 100 100\"><path d=\"M35 90 Q30 55 40 35 Q50 20 60 35 Q70 55 65 90 Z\" fill=\"${c}\" stroke=\"#5A3A18\" stroke-width=\"2\"\/><\/svg>`,\r\n ring: c => `<svg class=\"icon\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"60\" r=\"24\" fill=\"none\" stroke=\"${c}\" stroke-width=\"9\"\/><polygon points=\"50,14 62,32 38,32\" fill=\"${c}\"\/><\/svg>`,\r\n necklace: c => `<svg class=\"icon\" viewBox=\"0 0 100 100\"><path d=\"M20 20 Q50 55 80 20\" fill=\"none\" stroke=\"${c}\" stroke-width=\"6\"\/><circle cx=\"50\" cy=\"62\" r=\"14\" fill=\"${c}\"\/><\/svg>`,\r\n mala: c => `<svg class=\"icon\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"20\" r=\"9\" fill=\"${c}\"\/><circle cx=\"76\" cy=\"34\" r=\"9\" fill=\"${c}\"\/><circle cx=\"86\" cy=\"60\" r=\"9\" fill=\"${c}\"\/><circle cx=\"70\" cy=\"82\" r=\"9\" fill=\"${c}\"\/><circle cx=\"42\" cy=\"86\" r=\"9\" fill=\"${c}\"\/><circle cx=\"18\" cy=\"68\" r=\"9\" fill=\"${c}\"\/><circle cx=\"16\" cy=\"40\" r=\"9\" fill=\"${c}\"\/><circle cx=\"34\" cy=\"18\" r=\"9\" fill=\"${c}\"\/><\/svg>`,\r\n };\r\n\r\n \/\/ ---------- astrology products ----------\r\n const astrologyItems = [\r\n {cat:\"bracelets\", name:\"Tiger's Eye Bracelet\", tag:\"Confidence\", tagline:\"Grounding strength and focus.\", price:\"\u20b9450\", icon:icons.bracelet(\"#B5651D\")},\r\n {cat:\"bracelets\", name:\"Seven Chakra Bracelet\", tag:\"Balance\", tagline:\"Aligns the body's seven energy centres.\", price:\"\u20b9350\", icon:icons.bracelet(\"#7A3FA0\")},\r\n {cat:\"bracelets\", name:\"Citrine Bracelet\", tag:\"Abundance\", tagline:\"Invites wealth and positivity.\", price:\"\u20b9550\", icon:icons.bracelet(\"#E3B23C\")},\r\n {cat:\"trees\", name:\"Kuber Money Tree\", tag:\"Green Aventurine\", tagline:\"Attracts wealth into the home.\", price:\"\u20b91,200\", icon:icons.tree(\"#2E8B57\")},\r\n {cat:\"trees\", name:\"Wish-Fulfilling Tree\", tag:\"Citrine\", tagline:\"A tabletop tree for good fortune.\", price:\"\u20b91,450\", icon:icons.tree(\"#E3B23C\")},\r\n {cat:\"trees\", name:\"Feng Shui Jade Tree\", tag:\"Jade\", tagline:\"Brings harmony and prosperity.\", price:\"\u20b91,600\", icon:icons.tree(\"#3E9B6B\")},\r\n {cat:\"showpieces\", name:\"Crystal Shiva Lingam\", tag:\"Sphatik\", tagline:\"A symbol of peace for the home altar.\", price:\"\u20b92,200\", icon:icons.showpiece(\"#DCE7EE\")},\r\n {cat:\"showpieces\", name:\"Amethyst Cluster\", tag:\"Raw Crystal\", tagline:\"Calms the space and mind.\", price:\"\u20b91,800\", icon:icons.showpiece(\"#7A5AC9\")},\r\n {cat:\"showpieces\", name:\"Laughing Buddha Idol\", tag:\"Feng Shui\", tagline:\"Welcomes joy and good fortune.\", price:\"\u20b9950\", icon:icons.showpiece(\"#C9A24B\")},\r\n {cat:\"rings\", name:\"Panchdhatu Navratna Ring\", tag:\"Nine Gems\", tagline:\"Combines the power of all nine planets.\", price:\"\u20b92,800\", icon:icons.ring(\"#C9A24B\")},\r\n {cat:\"rings\", name:\"Copper Rudraksha Ring\", tag:\"Copper\", tagline:\"Worn for stability and protection.\", price:\"\u20b9650\", icon:icons.ring(\"#B5651D\")},\r\n {cat:\"rings\", name:\"Sphatik Ring\", tag:\"Crystal\", tagline:\"For clarity and a calm mind.\", price:\"\u20b9750\", icon:icons.ring(\"#DCE7EE\")},\r\n {cat:\"necklaces\", name:\"Rudraksha Mala Necklace\", tag:\"108 Beads\", tagline:\"For daily japa and meditation.\", price:\"\u20b91,100\", icon:icons.necklace(\"#6b4423\")},\r\n {cat:\"necklaces\", name:\"Tulsi Kanthi Necklace\", tag:\"Tulsi Wood\", tagline:\"Worn for devotion and protection.\", price:\"\u20b9400\", icon:icons.necklace(\"#3E9B6B\")},\r\n {cat:\"necklaces\", name:\"Sphatik Mala Necklace\", tag:\"Crystal\", tagline:\"Brings calm and mental clarity.\", price:\"\u20b9900\", icon:icons.necklace(\"#DCE7EE\")},\r\n ];\r\n\r\n \/\/ ---------- gemstones (navratna) ----------\r\n const gemstoneItems = [\r\n {name:\"Ruby\", tag:\"Sun \u00b7 Surya\", sanskrit:\"Manikya\", tagline:\"The gem of power and passion.\", price:\"\u20b94,500\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><polygon points=\"50,6 82,30 70,94 30,94 18,30\" fill=\"#B4102A\" stroke=\"#7A0A1C\" stroke-width=\"2\"\/><polygon points=\"50,6 82,30 50,46\" fill=\"#E23A52\"\/><\/svg>`},\r\n {name:\"Pearl\", tag:\"Moon \u00b7 Chandra\", sanskrit:\"Moti\", tagline:\"The gem of purity and peace.\", price:\"\u20b91,200\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"52\" r=\"34\" fill=\"#F6F1E4\" stroke=\"#C9BFA0\" stroke-width=\"2\"\/><ellipse cx=\"40\" cy=\"40\" rx=\"10\" ry=\"7\" fill=\"#fff\" opacity=\".8\"\/><\/svg>`},\r\n {name:\"Emerald\", tag:\"Mercury \u00b7 Budh\", sanskrit:\"Panna\", tagline:\"The gem of intellect and creativity.\", price:\"\u20b93,800\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><rect x=\"24\" y=\"20\" width=\"52\" height=\"60\" rx=\"6\" fill=\"#1F7A4C\" stroke=\"#0F4E2E\" stroke-width=\"2\"\/><rect x=\"32\" y=\"28\" width=\"36\" height=\"44\" rx=\"4\" fill=\"#33A669\" opacity=\".7\"\/><\/svg>`},\r\n {name:\"Yellow Sapphire\", tag:\"Jupiter \u00b7 Guru\", sanskrit:\"Pukhraj\", tagline:\"The gem of wisdom and prosperity.\", price:\"\u20b93,200\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><polygon points=\"50,10 78,32 66,90 34,90 22,32\" fill=\"#F2C230\" stroke=\"#C79A12\" stroke-width=\"2\"\/><polygon points=\"50,10 78,32 50,44\" fill=\"#FBDE7C\"\/><\/svg>`},\r\n {name:\"Blue Sapphire\", tag:\"Saturn \u00b7 Shani\", sanskrit:\"Neelam\", tagline:\"The gem of discipline and stability.\", price:\"\u20b92,800\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><polygon points=\"50,10 78,32 66,90 34,90 22,32\" fill=\"#1B4C9C\" stroke=\"#0F2E63\" stroke-width=\"2\"\/><polygon points=\"50,10 78,32 50,44\" fill=\"#4A78C9\"\/><\/svg>`},\r\n {name:\"Diamond\", tag:\"Venus \u00b7 Shukra\", sanskrit:\"Hira\", tagline:\"The gem of love and luxury.\", price:\"\u20b98,500\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><polygon points=\"50,8 68,30 50,92 32,30\" fill=\"#EAF3F7\" stroke=\"#AFC4CC\" stroke-width=\"2\"\/><polygon points=\"32,30 68,30 50,8\" fill=\"#fff\"\/><\/svg>`},\r\n {name:\"Coral\", tag:\"Mars \u00b7 Mangal\", sanskrit:\"Moonga\", tagline:\"The gem of courage and vitality.\", price:\"\u20b9900\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><ellipse cx=\"50\" cy=\"55\" rx=\"26\" ry=\"34\" fill=\"#E1552E\" stroke=\"#A9391A\" stroke-width=\"2\"\/><\/svg>`},\r\n {name:\"Hessonite\", tag:\"Rahu\", sanskrit:\"Gomedh\", tagline:\"The gem of ambition and clarity.\", price:\"\u20b9700\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><polygon points=\"50,10 82,30 70,94 30,94 18,30\" fill=\"#B5651D\" stroke=\"#7A4111\" stroke-width=\"2\"\/><polygon points=\"50,10 82,30 50,46\" fill=\"#D68A46\"\/><\/svg>`},\r\n {name:\"Cat's Eye\", tag:\"Ketu\", sanskrit:\"Lahsuniya\", tagline:\"The gem of intuition and protection.\", price:\"\u20b91,600\", icon:`<svg class=\"icon\" viewBox=\"0 0 100 100\"><ellipse cx=\"50\" cy=\"52\" rx=\"33\" ry=\"26\" fill=\"#8C8A45\" stroke=\"#5F5D2C\" stroke-width=\"2\"\/><ellipse cx=\"50\" cy=\"52\" rx=\"4\" ry=\"20\" fill=\"#F3F0D0\" opacity=\".85\"\/><\/svg>`},\r\n ];\r\n\r\n \/\/ ---------- rudraksha ----------\r\n const mukhiData = [\r\n [1,\"Lord Shiva\",\"Purity of consciousness\",\"\u20b915,000\"],\r\n [2,\"Ardhanareshwar\",\"Unity and harmony in relationships\",\"\u20b9450\"],\r\n [3,\"Agni\",\"Confidence and willpower\",\"\u20b9350\"],\r\n [4,\"Brahma\",\"Knowledge and creativity\",\"\u20b9400\"],\r\n [5,\"Kalagni Rudra\",\"General health and well-being\",\"\u20b9120\"],\r\n [6,\"Kartikeya\",\"Discipline and focus\",\"\u20b9500\"],\r\n [7,\"Mahalakshmi\",\"Wealth and prosperity\",\"\u20b9800\"],\r\n [8,\"Ganesha\",\"Removes obstacles\",\"\u20b9700\"],\r\n [9,\"Goddess Durga\",\"Protection and fearlessness\",\"\u20b9900\"],\r\n [10,\"Lord Vishnu\",\"Universal protection\",\"\u20b91,300\"],\r\n [11,\"Hanuman\",\"Courage and strength\",\"\u20b91,500\"],\r\n [12,\"Surya\",\"Leadership and authority\",\"\u20b91,800\"],\r\n [13,\"Vishwadev \/ Kamdev\",\"Attraction and charm\",\"\u20b92,400\"],\r\n [14,\"Shiva \/ Hanuman\",\"Intuition and power\",\"\u20b93,200\"],\r\n [15,\"Pashupatinath\",\"Rare, deep spiritual growth\",\"\u20b96,500\"],\r\n [16,\"Lord Shiva\",\"Fearlessness, very rare\",\"\u20b99,500\"],\r\n ];\r\n const rudrakshaItems = mukhiData.map(([n,deity,benefit,price]) => ({\r\n cat:\"mukhi\", name:`${n} Mukhi Rudraksha`, tag:deity, tagline:benefit, price, icon:icons.bead(\"#7A5230\")\r\n }));\r\n rudrakshaItems.push(\r\n {cat:\"mala\", name:\"5 Mukhi Rudraksha Mala\", tag:\"108 Beads\", tagline:\"For daily meditation and japa.\", price:\"\u20b91,400\", icon:icons.mala(\"#7A5230\")},\r\n {cat:\"mala\", name:\"Panchmukhi Mala (Small Beads)\", tag:\"54 Beads\", tagline:\"Compact mala for everyday wear.\", price:\"\u20b9900\", icon:icons.mala(\"#7A5230\")},\r\n {cat:\"bracelets\", name:\"5 Mukhi Rudraksha Bracelet\", tag:\"Elastic Thread\", tagline:\"Everyday wear for calm and balance.\", price:\"\u20b9450\", icon:icons.bracelet(\"#7A5230\")},\r\n {cat:\"bracelets\", name:\"Rudraksha-Crystal Bracelet\", tag:\"With Sphatik\", tagline:\"Combines rudraksha with clear quartz.\", price:\"\u20b9650\", icon:icons.bracelet(\"#7A5230\")},\r\n );\r\n\r\n \/\/ ---------- render helpers ----------\r\n function cardHTML(p){\r\n return `<div class=\"card\" data-cat=\"${p.cat || ''}\">\r\n <div class=\"tag\">${p.tag}<\/div>\r\n ${p.icon}\r\n <h3>${p.name}<\/h3>\r\n ${p.sanskrit ? `<div class=\"sanskrit\">${p.sanskrit}<\/div>` : ''}\r\n <p class=\"tagline\">${p.tagline}<\/p>\r\n <div class=\"price-row\"><span class=\"price\">${p.price}<\/span><span class=\"unit\">onward<\/span><\/div>\r\n <a class=\"btn\" href=\"#\">Enquire Now<\/a>\r\n <\/div>`;\r\n }\r\n function render(gridId, items){\r\n root.querySelector('#'+gridId).innerHTML = items.map(cardHTML).join('');\r\n }\r\n render('astrology-grid', astrologyItems);\r\n render('gemstones-grid', gemstoneItems);\r\n render('rudraksha-grid', rudrakshaItems);\r\n\r\n \/\/ ---------- main tab switching ----------\r\n root.querySelectorAll('.tab-btn').forEach(btn=>{\r\n btn.addEventListener('click', ()=>{\r\n root.querySelectorAll('.tab-btn').forEach(b=>b.classList.remove('active'));\r\n root.querySelectorAll('.panel').forEach(p=>p.classList.remove('active'));\r\n btn.classList.add('active');\r\n root.querySelector('#'+btn.dataset.panel).classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ ---------- sub-filter chips ----------\r\n root.querySelectorAll('.subtabs').forEach(group=>{\r\n group.addEventListener('click', e=>{\r\n const chip = e.target.closest('.chip');\r\n if(!chip) return;\r\n group.querySelectorAll('.chip').forEach(c=>c.classList.remove('active'));\r\n chip.classList.add('active');\r\n const cat = chip.dataset.cat;\r\n const grid = group.nextElementSibling;\r\n grid.querySelectorAll('.card').forEach(card=>{\r\n card.style.display = (cat === 'all' || card.dataset.cat === cat) ? '' : 'none';\r\n });\r\n });\r\n });\r\n })();\r\n <\/script>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div> \n","protected":false},"excerpt":{"rendered":"<p>OUR PRODUCTS Explore our collection of quality products, thoughtfully designed to meet your needs and enhance your everyday experience. All Products | Saundaryam Gems<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-606","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages\/606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=606"}],"version-history":[{"count":13,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages\/606\/revisions"}],"predecessor-version":[{"id":717,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages\/606\/revisions\/717"}],"wp:attachment":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}