{"id":880,"date":"2026-04-19T18:10:37","date_gmt":"2026-04-19T18:10:37","guid":{"rendered":"https:\/\/aionsmartlife.com\/?page_id=880"},"modified":"2026-04-19T18:11:58","modified_gmt":"2026-04-19T18:11:58","slug":"products-2","status":"publish","type":"page","link":"https:\/\/aionsmartlife.com\/index.php\/products-2\/","title":{"rendered":"Products 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"880\" class=\"elementor elementor-880\">\n\t\t\t\t<div class=\"elementor-element elementor-element-918fa01 e-flex e-con-boxed e-con e-parent\" data-id=\"918fa01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-614296c elementor-widget elementor-widget-spacer\" data-id=\"614296c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ded0a0b e-con-full e-flex e-con e-parent\" data-id=\"ded0a0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c4f3d2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2c4f3d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SMART HOME PRODUCT GRID \u2014 Elementor HTML Block\r\n     WhatsApp: +92 330 200 6023\r\n     Features: Live Search \u00b7 Category Anchors \u00b7 Filter Nav \u00b7 Popup Modal\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset & Root \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-wrap *,\r\n.spg-wrap *::before,\r\n.spg-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.spg-wrap {\r\n  --c-bg:        #080c10;\r\n  --c-surface:   #0f1318;\r\n  --c-card:      #131920;\r\n  --c-border:    rgba(255,255,255,0.08);\r\n  --c-blue:      #2d7aef;\r\n  --c-blue-dim:  rgba(45,122,239,0.15);\r\n  --c-blue-glow: rgba(45,122,239,0.25);\r\n  --c-wa:        #25D366;\r\n  --c-wa-glow:   rgba(37,211,102,0.25);\r\n  --c-pdf:       #ef4444;\r\n  --c-text:      #f0f4f8;\r\n  --c-muted:     #7a8a9a;\r\n  --c-tag:       rgba(45,122,239,0.12);\r\n  --f-head:      'Syne', sans-serif;\r\n  --f-body:      'DM Sans', sans-serif;\r\n  font-family: var(--f-body);\r\n  background: var(--c-bg);\r\n  color: var(--c-text);\r\n  padding: 60px 20px 80px;\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-header { text-align: center; margin-bottom: 48px; }\r\n.spg-eyebrow {\r\n  display: inline-block; font-size: 11px; font-weight: 600;\r\n  letter-spacing: 0.18em; text-transform: uppercase; color: var(--c-blue);\r\n  background: var(--c-tag); border: 1px solid rgba(45,122,239,0.3);\r\n  padding: 6px 16px; border-radius: 100px; margin-bottom: 20px;\r\n}\r\n.spg-title {\r\n  font-family: var(--f-head); font-size: clamp(32px,5vw,52px);\r\n  font-weight: 800; line-height: 1.1;\r\n  background: linear-gradient(135deg,#fff 0%,#7a9fc2 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n  background-clip: text; margin-bottom: 14px;\r\n}\r\n.spg-subtitle { font-size: 16px; color: var(--c-muted); max-width: 500px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500 Search Bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-search-wrap {\r\n  max-width: 560px; margin: 0 auto 36px; position: relative;\r\n}\r\n.spg-search-icon {\r\n  position: absolute; left: 18px; top: 50%; transform: translateY(-50%);\r\n  color: var(--c-muted); pointer-events: none; display: flex; align-items: center;\r\n}\r\n.spg-search-input {\r\n  width: 100%; padding: 15px 50px 15px 50px;\r\n  background: var(--c-surface); border: 1px solid var(--c-border);\r\n  border-radius: 14px; color: var(--c-text);\r\n  font-family: var(--f-body); font-size: 15px;\r\n  outline: none; transition: border-color .25s, box-shadow .25s;\r\n  caret-color: var(--c-blue);\r\n}\r\n.spg-search-input::placeholder { color: var(--c-muted); }\r\n.spg-search-input:focus {\r\n  border-color: rgba(45,122,239,.5);\r\n  box-shadow: 0 0 0 3px rgba(45,122,239,.1);\r\n}\r\n.spg-search-clear {\r\n  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);\r\n  background: rgba(255,255,255,.07); border: none; border-radius: 50%;\r\n  width: 26px; height: 26px; color: var(--c-muted); font-size: 16px;\r\n  cursor: pointer; display: none; align-items: center; justify-content: center;\r\n  transition: background .2s, color .2s; line-height: 1;\r\n}\r\n.spg-search-clear.visible { display: flex; }\r\n.spg-search-clear:hover { background: var(--c-pdf); color: #fff; }\r\n\r\n\/* \u2500\u2500 Filter \/ Anchor Nav \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-filter-bar {\r\n  display: flex; flex-wrap: wrap; gap: 8px;\r\n  justify-content: center; margin-bottom: 16px;\r\n}\r\n.spg-filter-btn {\r\n  font-family: var(--f-body); font-size: 13px; font-weight: 500;\r\n  color: var(--c-muted); background: var(--c-surface);\r\n  border: 1px solid var(--c-border); padding: 9px 20px; border-radius: 100px;\r\n  cursor: pointer; transition: all .25s ease; white-space: nowrap;\r\n  text-decoration: none; display: inline-block;\r\n}\r\n.spg-filter-btn:hover { border-color: rgba(45,122,239,.4); color: #b8cee8; }\r\n.spg-filter-btn.active {\r\n  background: var(--c-blue); border-color: var(--c-blue);\r\n  color: #fff; box-shadow: 0 0 20px var(--c-blue-glow);\r\n}\r\n\r\n\/* \u2500\u2500 Status Bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-status {\r\n  text-align: center; font-size: 13px; color: var(--c-muted);\r\n  margin-bottom: 40px; min-height: 20px;\r\n}\r\n.spg-status span { color: var(--c-blue); font-weight: 600; }\r\n.spg-status em { font-style: normal; color: #a0b8d0; }\r\n\r\n\/* \u2500\u2500 Category Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-section {\r\n  max-width: 1400px; margin: 0 auto 60px;\r\n  scroll-margin-top: 80px;\r\n}\r\n.spg-section-header {\r\n  display: flex; align-items: center; gap: 14px;\r\n  margin-bottom: 24px; padding-bottom: 16px;\r\n  border-bottom: 1px solid var(--c-border);\r\n}\r\n.spg-section-dot {\r\n  width: 10px; height: 10px; border-radius: 50%;\r\n  background: var(--c-blue); flex-shrink: 0;\r\n  box-shadow: 0 0 10px var(--c-blue-glow);\r\n}\r\n.spg-section-title {\r\n  font-family: var(--f-head); font-size: 20px; font-weight: 700; color: var(--c-text);\r\n}\r\n.spg-section-anchor {\r\n  color: var(--c-muted); opacity: 0; transition: opacity .2s;\r\n  text-decoration: none; display: flex; align-items: center;\r\n}\r\n.spg-section-header:hover .spg-section-anchor { opacity: 1; }\r\n.spg-section-anchor:hover { color: var(--c-blue); }\r\n.spg-section-count {\r\n  margin-left: auto; font-size: 12px; font-weight: 600;\r\n  color: var(--c-blue); background: var(--c-blue-dim);\r\n  border: 1px solid rgba(45,122,239,.2); padding: 3px 10px; border-radius: 100px;\r\n}\r\n\r\n\/* \u2500\u2500 Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(270px,1fr));\r\n  gap: 18px;\r\n}\r\n\r\n\/* \u2500\u2500 Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-card {\r\n  background: var(--c-card); border: 1px solid var(--c-border);\r\n  border-radius: 18px; overflow: hidden; cursor: pointer;\r\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n  animation: spg-fadeUp .4s ease both;\r\n}\r\n.spg-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 0 1px rgba(45,122,239,.3);\r\n  border-color: rgba(45,122,239,.3);\r\n}\r\n.spg-card.spg-match { border-color: rgba(45,122,239,.5); }\r\n@keyframes spg-fadeUp {\r\n  from { opacity:0; transform:translateY(20px); }\r\n  to   { opacity:1; transform:translateY(0); }\r\n}\r\n\r\n.spg-card-img-wrap {\r\n  position: relative; background: #0d1520;\r\n  aspect-ratio: 1\/1; overflow: hidden;\r\n}\r\n.spg-card-img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }\r\n.spg-card:hover .spg-card-img { transform:scale(1.05); }\r\n.spg-card-cat {\r\n  position: absolute; top: 12px; left: 12px;\r\n  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em;\r\n  color: var(--c-blue); background: rgba(8,12,16,.85); backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(45,122,239,.3); padding: 5px 10px; border-radius: 100px;\r\n}\r\n.spg-card-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(8,12,16,.7) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.spg-card-body { padding: 20px; }\r\n.spg-card-name {\r\n  font-family: var(--f-head); font-size: 15px; font-weight: 700;\r\n  color: var(--c-text); margin-bottom: 8px; line-height: 1.3;\r\n}\r\n.spg-card-name mark {\r\n  background: rgba(45,122,239,.28); color: #fff;\r\n  border-radius: 3px; padding: 0 2px;\r\n}\r\n.spg-card-desc {\r\n  font-size: 12.5px; color: var(--c-muted); line-height: 1.6;\r\n  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;\r\n  overflow: hidden; margin-bottom: 16px;\r\n}\r\n.spg-card-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }\r\n.spg-card-tag {\r\n  font-size: 10.5px; font-weight: 500; color: #7a9fc2;\r\n  background: rgba(45,122,239,.08); border: 1px solid rgba(45,122,239,.15);\r\n  padding: 3px 9px; border-radius: 100px;\r\n}\r\n.spg-card-cta {\r\n  width: 100%; padding: 11px; border: 1px solid rgba(45,122,239,.3);\r\n  border-radius: 10px; background: transparent; color: var(--c-blue);\r\n  font-family: var(--f-body); font-size: 13px; font-weight: 600; cursor: pointer;\r\n  transition: all .25s ease; display:flex; align-items:center; justify-content:center; gap:7px;\r\n}\r\n.spg-card-cta:hover { background: var(--c-blue); color:#fff; box-shadow:0 0 20px var(--c-blue-glow); }\r\n\r\n\/* \u2500\u2500 Search results panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-search-panel { max-width:1400px; margin:0 auto; display:none; }\r\n.spg-search-panel.on { display:block; }\r\n.spg-sections-wrap.off { display:none; }\r\n\r\n\/* \u2500\u2500 Empty state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-empty {\r\n  grid-column:1\/-1; text-align:center; padding:80px 20px;\r\n  color: var(--c-muted); display:none;\r\n}\r\n.spg-empty.on { display:block; }\r\n.spg-empty-icon { font-size:42px; margin-bottom:14px; opacity:.45; }\r\n.spg-empty-title { font-family:var(--f-head); font-size:18px; color:#7a8a9a; margin-bottom:8px; }\r\n.spg-empty-sub { font-size:13px; }\r\n\r\n\/* \u2500\u2500 Modal Overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spg-modal-overlay {\r\n  position:fixed; inset:0; background:rgba(0,0,0,.88);\r\n  backdrop-filter:blur(12px); z-index:99999;\r\n  display:flex; align-items:center; justify-content:center; padding:20px;\r\n  opacity:0; pointer-events:none; transition:opacity .3s ease;\r\n}\r\n.spg-modal-overlay.open { opacity:1; pointer-events:all; }\r\n.spg-modal {\r\n  background:#0f1318; border:1px solid rgba(255,255,255,.1);\r\n  border-radius:24px; width:100%; max-width:960px;\r\n  max-height:90vh; overflow-y:auto; position:relative;\r\n  transform:translateY(30px) scale(.97);\r\n  transition:transform .35s cubic-bezier(.34,1.56,.64,1);\r\n  scrollbar-width:thin; scrollbar-color:#2d3a4a transparent;\r\n}\r\n.spg-modal-overlay.open .spg-modal { transform:translateY(0) scale(1); }\r\n.spg-modal-close {\r\n  position:absolute; top:16px; right:20px;\r\n  width:36px; height:36px; border-radius:50%;\r\n  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1);\r\n  color:#fff; font-size:20px; cursor:pointer;\r\n  display:flex; align-items:center; justify-content:center;\r\n  transition:background .2s; z-index:10; line-height:1;\r\n}\r\n.spg-modal-close:hover { background:#ef4444; border-color:#ef4444; }\r\n.spg-modal-inner { display:grid; grid-template-columns:1fr 1fr; }\r\n.spg-modal-left {\r\n  background:#080c10; padding:40px 36px 40px 40px;\r\n  border-right:1px solid rgba(255,255,255,.07);\r\n  display:flex; flex-direction:column; gap:16px;\r\n}\r\n.spg-modal-img {\r\n  width:100%; aspect-ratio:1\/1; object-fit:cover;\r\n  border-radius:16px; background:#0d1520; border:1px solid rgba(255,255,255,.08);\r\n}\r\n.spg-modal-badges { display:flex; flex-wrap:wrap; gap:6px; }\r\n.spg-modal-badge {\r\n  font-size:10.5px; font-weight:600; text-transform:uppercase;\r\n  letter-spacing:.08em; color:var(--c-blue);\r\n  background:var(--c-tag); border:1px solid rgba(45,122,239,.25);\r\n  padding:4px 10px; border-radius:100px;\r\n}\r\n.spg-modal-right { padding:40px 40px 40px 36px; display:flex; flex-direction:column; }\r\n.spg-modal-cat-label {\r\n  font-size:11px; font-weight:700; letter-spacing:.15em;\r\n  text-transform:uppercase; color:var(--c-blue); margin-bottom:10px;\r\n}\r\n.spg-modal-title {\r\n  font-family:var(--f-head); font-size:clamp(20px,3vw,28px); font-weight:800; line-height:1.2;\r\n  background:linear-gradient(135deg,#fff 30%,#7a9fc2 100%);\r\n  -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n  background-clip:text; margin-bottom:20px;\r\n}\r\n.spg-modal-divider { height:1px; background:var(--c-border); margin-bottom:20px; }\r\n.spg-modal-desc { font-size:14px; line-height:1.75; color:#9aafc2; margin-bottom:24px; }\r\n.spg-modal-specs-title {\r\n  font-family:var(--f-head); font-size:12px; font-weight:700;\r\n  letter-spacing:.1em; text-transform:uppercase; color:var(--c-muted); margin-bottom:12px;\r\n}\r\n.spg-modal-specs { list-style:none; display:flex; flex-direction:column; gap:8px; margin-bottom:30px; }\r\n.spg-modal-specs li { display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color:#c8d8e8; }\r\n.spg-modal-specs li::before {\r\n  content:''; display:block; width:6px; height:6px; border-radius:50%;\r\n  background:var(--c-blue); margin-top:6px; flex-shrink:0;\r\n}\r\n.spg-modal-actions { display:flex; flex-direction:column; gap:10px; margin-top:auto; }\r\n.spg-wa-btn, .spg-pdf-btn {\r\n  display:flex; align-items:center; justify-content:center; gap:10px;\r\n  padding:14px 20px; border-radius:12px;\r\n  font-family:var(--f-body); font-size:14px; font-weight:600;\r\n  text-decoration:none !important; cursor:pointer; transition:all .3s ease;\r\n  border:none; outline:none;\r\n}\r\n.spg-wa-btn { background:var(--c-wa); color:#fff !important; }\r\n.spg-wa-btn:hover { transform:translateY(-2px); box-shadow:0 8px 25px var(--c-wa-glow); }\r\n.spg-pdf-btn { background:transparent; border:1px solid rgba(255,255,255,.12); color:#c8d8e8 !important; }\r\n.spg-pdf-btn:hover { border-color:var(--c-pdf); background:rgba(239,68,68,.06); color:#fff !important; }\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width:720px) {\r\n  .spg-modal-inner { grid-template-columns:1fr; }\r\n  .spg-modal-left { padding:28px 24px 24px; border-right:none; border-bottom:1px solid rgba(255,255,255,.07); }\r\n  .spg-modal-right { padding:24px; }\r\n  .spg-filter-btn { font-size:12px; padding:8px 14px; }\r\n}\r\n@media (max-width:500px) {\r\n  .spg-grid { grid-template-columns:1fr 1fr; gap:12px; }\r\n  .spg-card-body { padding:14px; }\r\n  .spg-card-name { font-size:13px; }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARKUP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"spg-wrap\">\r\n\r\n  <div class=\"spg-header\">\r\n    <div class=\"spg-eyebrow\">Smart Home Collection<\/div>\r\n    <h1 class=\"spg-title\">Intelligent Control Systems<\/h1>\r\n    <p class=\"spg-subtitle\">Premium Zigbee & WiFi smart switches, panels, sockets and audio solutions<\/p>\r\n  <\/div>\r\n\r\n  <!-- Search -->\r\n  <div class=\"spg-search-wrap\">\r\n    <span class=\"spg-search-icon\">\r\n      <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\r\n        <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n    <input class=\"spg-search-input\" id=\"spg-search\" type=\"text\"\r\n      placeholder=\"Search products, connectivity, type\u2026\"\r\n      oninput=\"spgSearch(this.value)\" autocomplete=\"off\" spellcheck=\"false\">\r\n    <button class=\"spg-search-clear\" id=\"spg-clear\" onclick=\"spgClearSearch()\">&times;<\/button>\r\n  <\/div>\r\n\r\n  <!-- Filter \/ Anchor Nav -->\r\n  <div class=\"spg-filter-bar\" id=\"spg-filters\"><\/div>\r\n\r\n  <!-- Status -->\r\n  <div class=\"spg-status\" id=\"spg-status\"><\/div>\r\n\r\n  <!-- Search results (shown when typing) -->\r\n  <div class=\"spg-search-panel\" id=\"spg-search-panel\">\r\n    <div class=\"spg-grid\" id=\"spg-search-grid\"><\/div>\r\n    <div class=\"spg-empty\" id=\"spg-empty\">\r\n      <div class=\"spg-empty-icon\">\ud83d\udd0d<\/div>\r\n      <div class=\"spg-empty-title\">No products found<\/div>\r\n      <div class=\"spg-empty-sub\">Try different keywords or browse by category below<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Category sections (default view) -->\r\n  <div class=\"spg-sections-wrap\" id=\"spg-sections-wrap\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Modal -->\r\n<div class=\"spg-modal-overlay\" id=\"spg-modal-overlay\" onclick=\"spgCloseModal(event)\">\r\n  <div class=\"spg-modal\" onclick=\"event.stopPropagation()\">\r\n    <button class=\"spg-modal-close\" onclick=\"spgCloseModal()\">&times;<\/button>\r\n    <div class=\"spg-modal-inner\">\r\n      <div class=\"spg-modal-left\">\r\n        <img decoding=\"async\" class=\"spg-modal-img\" id=\"spg-m-img\" src=\"\" alt=\"\">\r\n        <div class=\"spg-modal-badges\" id=\"spg-m-badges\"><\/div>\r\n      <\/div>\r\n      <div class=\"spg-modal-right\">\r\n        <div class=\"spg-modal-cat-label\" id=\"spg-m-cat\"><\/div>\r\n        <h2 class=\"spg-modal-title\" id=\"spg-m-title\"><\/h2>\r\n        <div class=\"spg-modal-divider\"><\/div>\r\n        <p class=\"spg-modal-desc\" id=\"spg-m-desc\"><\/p>\r\n        <div class=\"spg-modal-specs-title\">Variants & Specifications<\/div>\r\n        <ul class=\"spg-modal-specs\" id=\"spg-m-specs\"><\/ul>\r\n        <div class=\"spg-modal-actions\">\r\n          <a class=\"spg-wa-btn\" id=\"spg-m-wa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 448 512\" fill=\"currentColor\">\r\n              <path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.1 0-65.6-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-5.5-2.8-23.2-8.5-44.2-27.2-16.4-14.6-27.4-32.7-30.6-38.2-3.2-5.6-.3-8.6 2.5-11.3 2.5-2.5 5.5-6.5 8.3-9.7 2.8-3.3 3.7-5.5 5.5-9.2 1.9-3.7 1-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 13.3 5.7 23.7 9.1 31.7 11.7 13.3 4.2 25.4 3.6 35 2.2 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/>\r\n            <\/svg>\r\n            Ask Price & Details on WhatsApp\r\n          <\/a>\r\n          <button class=\"spg-pdf-btn\" onclick=\"spgViewPDF()\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 384 512\" fill=\"currentColor\">\r\n              <path d=\"M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.2 10.8 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-32 19.7-43.4-13.9-13.6-54.3-9.7-73.6-7.6zm87.8 3.3c0-3.2-2.5-6-6.4-6h-2.4c-5 0-6.4 2.8-6.4 6v1.6h15.2v-1.6zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"\/>\r\n            <\/svg>\r\n            View Technical Datasheet (PDF)\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DATA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nconst SPG_WA = '923302006023';\r\nconst SPG_PRODUCTS = [\r\n  {id:1,cat:'Scene Panels',name:'GS-X3 Smart Zigbee Dimmer & Scene Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=GS-X3',desc:'The GS-X3 Smart Zigbee Dimmer & Scene Switch is a modern all-in-one control solution designed for smart homes. Combining a classic rotary dimming knob with integrated scene control buttons, this device offers both manual and intelligent automation in a single sleek panel. It supports Zigbee connectivity via Tuya gateway, allowing seamless control through mobile applications and smart home ecosystems. With its dual-gang relay functionality, users can control lighting on\/off while also adjusting brightness and color temperature from warm to cool tones. The customizable scene buttons enable quick switching between predefined lighting moods, enhancing convenience and ambiance. Built with durable PC material and designed for standard 86mm wall boxes, it fits perfectly into modern interiors.',specs:['Type: Zigbee','Color: White \/ Black \/ Grey','Function: Dimmer + Scene Control','Material: PC \/ Aluminum Alloy'],tags:['Zigbee','Dimmer','Scene']},\r\n  {id:2,cat:'Scene Panels',name:'GS-F3 PRO Smart LCD Scene Panel (4-Gang)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=GS-F3+PRO',desc:'The GS-F3 PRO Smart LCD Scene Panel is an advanced 4-gang control solution designed for high-end smart home automation. Featuring a vibrant 3.5-inch LCD display with 320\u00d7480 resolution, this panel offers an intuitive interface for controlling switches, scenes, curtains, and dimming systems. Its Zigbee connectivity ensures seamless integration with Tuya-based smart ecosystems. Equipped with millimeter-wave human presence detection, the device intelligently interacts with users, enhancing automation efficiency. The panel supports scene customization, allowing users to rename switches and sync them with the display for a personalized experience. With capabilities to control up to 4 switches, 4 curtain groups, and multiple scenes, it serves as a central control hub.',specs:['Color: White \/ Black \/ Grey','Connectivity: Zigbee','Display: 3.5\" LCD (320\u00d7480)','Control Type: 4-Gang + Scene','Feature: Millimeter-wave Presence Detection'],tags:['Zigbee','LCD','4-Gang','Scene']},\r\n  {id:3,cat:'Scene Panels',name:'GS-M8 Pro Smart Scene Panel (4-Gang)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=GS-M8+Pro',desc:'The GS-M8 Pro Smart Scene Panel is a compact yet powerful smart control device designed for modern smart homes. Featuring a 0.96-inch IPS display, it provides essential control and system information in a sleek and minimal form. This 4-gang switch panel supports both standard switching and scene-based automation, making it highly versatile. Powered by Zigbee connectivity, the GS-M8 Pro integrates easily with smart home platforms like Tuya Smart. It includes advanced features such as millimeter-wave motion sensing, customizable scene controls, and power memory functionality. Additionally, it supports external device control through 485 communication and TF card expansion for enhanced capabilities.',specs:['Connectivity: Zigbee','Color: White \/ Black \/ Grey','Display: 0.96\" IPS Screen','Control: 4-Gang + Scene','Extra: 485 Communication \/ TF Card Support'],tags:['Zigbee','IPS','4-Gang','Scene']},\r\n  {id:4,cat:'Scene Panels',name:'Y9 Series Smart LCD Wall Switch (EU Standard)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=Y9+Series',desc:'The Y9 Series Smart LCD Wall Switch is a versatile European-standard smart switch designed for intelligent home control. Available in 1-gang, 2-gang, and 3-gang configurations, this switch supports both Zigbee and WiFi connectivity, making it compatible with a wide range of smart ecosystems. Featuring a built-in IPS display, it provides real-time information such as time, weather, and system status. The switch allows users to customize scene controls and rename switches directly through the app, ensuring a personalized experience. Its millimeter-wave motion detection enhances automation by responding intelligently to presence. Crafted with premium PC or glass materials, the Y9 Series combines durability with a sleek aesthetic.',specs:['Gang: 1 \/ 2 \/ 3','Connectivity: Zigbee \/ WiFi','Material: PC \/ Glass','Color: White \/ Black \/ Grey','Standard: EU'],tags:['Zigbee','WiFi','LCD','EU']},\r\n  {id:21,cat:'Scene Panels',name:'GS-TYG6 Smart Scene Wall Switch (4 Gang + Scene)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=GS-TYG6',desc:'The GS-TYG6 Smart Scene Wall Switch is a multifunctional control panel designed to manage both lighting and smart scenes in one device. Featuring a 4-gang switch combined with 4-way scene control, it allows users to easily switch between lighting setups and automation modes. Powered by Zigbee connectivity, it integrates seamlessly with Tuya Smart and Smart Life applications. Users can control devices remotely, automate routines, and create customized scenes for different environments such as home, office, or commercial spaces. Built with a fireproof PC shell and designed for durability, it ensures safe and reliable operation.',specs:['Connectivity: Zigbee','Control: 4 Gang + 4 Scene','Color: White \/ Black \/ Grey','Material: Fireproof PC','Integration: Tuya Smart \/ Smart Life'],tags:['Zigbee','4-Gang','Scene','Tuya']},\r\n  {id:5,cat:'Smart Switches',name:'M6 Series Zigbee Smart Physical Button Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=M6+Series',desc:'The M6 Series Zigbee Smart Physical Button Switch is a cost-effective and reliable solution for smart home lighting control. Designed with traditional tactile buttons, it offers a familiar user experience while integrating advanced Zigbee smart connectivity. Available in multiple gang options (1 to 4), the M6 series supports standard on\/off control with memory function for power restoration. Built with flame-retardant PC material, it ensures safety and durability in everyday use. The switch requires a neutral wire and operates efficiently within a wide voltage range. Its clean design, multiple color options, and dependable performance make it ideal for residential and commercial applications.',specs:['Gang: 1 \/ 2 \/ 3 \/ 4','Color: White \/ Black \/ Grey \/ Gold','Connectivity: Zigbee','Material: Flame-retardant PC','Wiring: Neutral Wire Required'],tags:['Zigbee','Physical','Button','4-Gang']},\r\n  {id:6,cat:'Smart Switches',name:'LX Flat Series Smart Wall Switch (1\u20134 Gang)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=LX+Flat+Series',desc:'The LX Flat Series Smart Wall Switch is a premium smart control solution designed with a sleek flat tempered glass finish and aluminum alloy frame. Built for modern smart homes, this series supports both Zigbee and WiFi connectivity, ensuring seamless integration with Tuya Smart and Smart Life ecosystems. Available in 1-gang to 4-gang configurations, it allows precise control over multiple lighting circuits. The switch supports both neutral and live wiring options, offering flexible installation. With high power capacity and durable fireproof materials, it ensures long-term safety and reliability. Its minimalist design, smooth touch interface, and multiple color options make it ideal for luxury interiors.',specs:['Gang: 1 \/ 2 \/ 3 \/ 4','Connectivity: Zigbee \/ WiFi','Wiring: N+L \/ L Only','Color: White \/ Black \/ Grey \/ Gold','Material: Tempered Glass + Aluminum Frame'],tags:['Zigbee','WiFi','Glass','Flat']},\r\n  {id:11,cat:'Smart Switches',name:'LX Concave Series Smart Wall Switch (1\u20134 Gang)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=LX+Concave',desc:'The LX Concave Series Smart Wall Switch is a premium smart home control system designed with a modern concave tempered glass panel and aluminum alloy frame. Built for elegance and functionality, it supports both Zigbee and WiFi connectivity, allowing seamless integration with Tuya Smart and Smart Life ecosystems. Available in 1-gang to 4-gang configurations, this switch enables independent control of multiple lighting circuits and smart scenes. It supports both N+L wiring and L-only versions for flexible installation in different electrical setups. With a high load capacity of up to 800W per gang, it ensures stable performance for residential and commercial use.',specs:['Gang: 1 \/ 2 \/ 3 \/ 4','Connectivity: Zigbee \/ WiFi','Wiring: N+L \/ L Only','Color: White \/ Black \/ Grey \/ Gold','Load: 800W per gang','Frame: Aluminum Alloy'],tags:['Concave','Glass','Zigbee','WiFi']},\r\n  {id:14,cat:'Smart Switches',name:'M8 Series Luxury Smart Scene Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/f59e0b?text=M8+Luxury',desc:'The M8 Series Luxury Smart Scene Switch is a high-end smart control panel designed for premium interiors. Featuring a combination of PC and aluminum alloy materials, it offers a luxurious finish with customizable icons and colors. This series supports Zigbee 3.0 connectivity and integrates seamlessly with Tuya Smart ecosystems. It allows users to control lighting, appliances, and smart scenes from a single panel. Each gang supports up to 500W load capacity, ensuring stable performance. With customizable icons and multiple color options including metallic finishes, the M8 series is perfect for luxury homes, hotels, and commercial smart environments.',specs:['Gang: 1 \/ 2 \/ 3 \/ 4','Connectivity: Zigbee 3.0','Material: PC \/ Aluminum Alloy','Color: White \/ Black \/ Gold \/ Grey \/ Metallic','Load: 500W per gang','Function: Scene + Switch Control'],tags:['Luxury','Zigbee','Scene','Metallic']},\r\n  {id:15,cat:'Smart Switches',name:'B2 Series Smart Button Switch (EU Standard)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=B2+Series',desc:'The B2 Series Smart Button Switch is a reliable and affordable smart home control solution designed for European standard installations. It supports both Zigbee and WiFi connectivity, making it compatible with most smart home ecosystems. This switch features a clean button-based interface for easy manual control while offering full app-based automation via Tuya Smart and Smart Life. Built with fire-resistant PC material, it ensures safety and durability. Available in multiple gang configurations, the B2 series supports lighting control, scene switching, and smart automation features. Its simple yet modern design makes it suitable for residential apartments and commercial buildings.',specs:['Gang: 1 \/ 2 \/ 3','Connectivity: Zigbee \/ WiFi','Color: White \/ Black \/ Grey \/ Gold','Material: PC Flame Retardant','Standard: EU'],tags:['EU','Button','Zigbee','WiFi']},\r\n  {id:20,cat:'Smart Switches',name:'GS-206EU LED Smart Zigbee Switch (1\u20133 Gang)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=GS-206EU',desc:'The GS-206EU LED Smart Zigbee Switch is a modern lighting control solution designed for European wall box standards. Featuring a tempered glass panel with LED indicators, it offers both functionality and style. This switch supports Zigbee connectivity and integrates with Tuya Smart platforms for remote control and automation. Users can adjust brightness and customize lighting through the app. Available in 1-gang to 3-gang configurations, it allows control of multiple lighting circuits. The switch requires a neutral wire and supports up to 200W per gang load.',specs:['Gang: 1 \/ 2 \/ 3','Connectivity: Zigbee','Color: White','Function: LED Light Control','Load: 200W per gang','Standard: EU'],tags:['EU','LED','Zigbee','Glass']},\r\n  {id:23,cat:'Smart Switches',name:'LX Tempered Glass Smart Switch (Basic Series)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=LX+Basic+Glass',desc:'The LX Tempered Glass Smart Switch is a sleek and modern solution for everyday smart lighting control. Designed with a premium glass finish and durable PC casing, it provides a balance of aesthetics and performance. Compatible with both Zigbee and WiFi systems, it allows users to control lighting remotely, schedule operations, and integrate with voice assistants. The responsive touch interface ensures smooth operation, while the compact design fits standard wall boxes. Ideal for residential and commercial installations, this switch offers reliable performance with a clean, minimal look.',specs:['Connectivity: WiFi \/ Zigbee','Gang: 1 \/ 2 \/ 3 \/ 4','Color: White \/ Black \/ Grey \/ Gold','Material: Tempered Glass + PC','Voice: Alexa \/ Google Home'],tags:['Glass','Zigbee','WiFi','Basic']},\r\n  {id:7,cat:'High Power',name:'LX Flat Series High Power Smart Switch (20A \/ 40A)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/ef4444?text=LX+High+Power',desc:'The LX Flat Series High Power Smart Switch is specifically designed for heavy electrical loads such as air conditioners, water heaters, and other high-consumption appliances. With support for up to 20A and 40A loads, this switch ensures stable and safe operation for demanding environments. Compatible with both Zigbee and WiFi networks, it integrates easily into smart home systems, allowing remote control and automation through mobile apps. Built with a robust aluminum alloy frame and tempered glass panel, it offers durability along with a premium appearance. The switch supports voice assistants like Alexa and Google Home, enabling hands-free control.',specs:['Capacity: 20A \/ 40A','Connectivity: Zigbee \/ WiFi','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Voice: Alexa \/ Google Home'],tags:['High Power','40A','AC','Zigbee']},\r\n  {id:19,cat:'High Power',name:'GS-DME Series High Power Smart Switch (Water Heater \/ AC)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/ef4444?text=GS-DME+Series',desc:'The GS-DME Series High Power Smart Switch is engineered for controlling heavy-duty appliances such as water heaters, air conditioners, and industrial equipment. With support for high load capacities up to 4000W, it ensures safe and stable operation. This switch supports Zigbee and WiFi connectivity, allowing remote control and automation through mobile apps. It also integrates with voice assistants like Alexa and Google Home for hands-free operation. Designed with a premium aluminum frame and tempered glass panel, it combines durability with a modern aesthetic. Built-in safety mechanisms protect against overload and overheating.',specs:['Connectivity: Zigbee \/ WiFi','Capacity: 20A \/ 40A \/ 4000W','Color: White \/ Black \/ Grey \/ Gold','Application: Water Heater \/ AC \/ Heavy Appliances','Safety: Overload & Overheat Protection'],tags:['High Power','4000W','AC','Heater']},\r\n  {id:8,cat:'Curtain & Dimmer',name:'LX Flat Series Smart Curtain Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=LX+Curtain',desc:'The LX Flat Series Smart Curtain Switch offers intelligent control for motorized curtains and blinds, making it an essential addition to modern smart homes. Designed with a premium flat glass panel and aluminum frame, it combines elegance with advanced functionality. This switch supports both Zigbee and WiFi connectivity, allowing seamless integration with Tuya Smart platforms. Users can easily control curtain opening, closing, and stopping through mobile apps or voice assistants like Alexa and Google Home. With high load capacity and reliable relay switching, it ensures smooth and stable curtain operation.',specs:['Connectivity: Zigbee \/ WiFi','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Control: Curtain Motor (Open\/Close\/Stop)','Voice: Alexa \/ Google Home'],tags:['Curtain','Zigbee','WiFi','Motor']},\r\n  {id:9,cat:'Curtain & Dimmer',name:'LX Flat Series Smart Dimmer Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=LX+Dimmer',desc:'The LX Flat Series Smart Dimmer Switch is designed to provide precise lighting control with smooth dimming functionality. Perfect for creating ambient lighting environments, it allows users to adjust brightness levels effortlessly through touch controls, mobile apps, or voice assistants. Supporting both Zigbee and WiFi connectivity, this dimmer integrates easily into smart home ecosystems. It is compatible with various lighting types, including LED and dimmable fixtures, ensuring flexibility across different setups. The elegant tempered glass panel and aluminum alloy frame enhance both durability and aesthetics.',specs:['Connectivity: Zigbee \/ WiFi','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Function: Light Dimming','Compatible: LED \/ Dimmable Fixtures'],tags:['Dimmer','Zigbee','WiFi','LED']},\r\n  {id:10,cat:'Curtain & Dimmer',name:'LX Flat Series Smart Fan Dimmer Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=Fan+Dimmer',desc:'The LX Flat Series Smart Fan Dimmer Switch provides intelligent speed control for ceiling fans along with on\/off functionality. Designed for modern smart homes, it enables users to adjust fan speed and power through touch, app control, or voice commands. With support for Zigbee and WiFi connectivity, the switch integrates seamlessly into smart home systems. It offers stable performance with high load capacity and ensures smooth fan operation without noise or fluctuations. Crafted with a premium aluminum frame and tempered glass panel, it delivers a sophisticated look suitable for contemporary interiors.',specs:['Connectivity: Zigbee \/ WiFi','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Function: Fan Speed + On\/Off Control','Material: Tempered Glass + Aluminum'],tags:['Fan','Dimmer','Zigbee','WiFi']},\r\n  {id:12,cat:'Curtain & Dimmer',name:'LX Concave Smart Dimmer Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=Concave+Dimmer',desc:'The LX Concave Smart Dimmer Switch brings advanced lighting control with smooth brightness adjustment and a premium curved glass design. It allows users to create perfect lighting moods for any environment, from soft ambient lighting to bright task illumination. Supporting both Zigbee and WiFi connectivity, it integrates easily with smart home systems and mobile applications. Users can control brightness through touch, app, or voice commands. The switch is compatible with LED and dimmable lighting systems, ensuring wide usability.',specs:['Connectivity: Zigbee \/ WiFi','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Function: Light Dimming','Design: Concave Curved Glass'],tags:['Concave','Dimmer','Zigbee','WiFi']},\r\n  {id:13,cat:'Curtain & Dimmer',name:'LX Concave Smart Curtain Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=Concave+Curtain',desc:'The LX Concave Smart Curtain Switch is designed for intelligent motorized curtain control, offering smooth and silent operation. With its curved glass panel and elegant design, it blends perfectly into modern smart interiors. It supports both Zigbee and WiFi connectivity, allowing users to control curtains remotely via smartphone apps or voice assistants like Alexa and Google Home. The switch enables open, close, and stop functions, making curtain automation simple and convenient. Built with durable materials and high-load relay systems, it ensures long-term reliability.',specs:['Connectivity: Zigbee \/ WiFi','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Function: Curtain Motor Control','Design: Concave Curved Glass'],tags:['Concave','Curtain','Zigbee','WiFi']},\r\n  {id:22,cat:'Curtain & Dimmer',name:'YX Smart Fan + Light Combo Switch',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=Fan+Light+Combo',desc:'The YX Smart Fan + Light Combo Switch is an advanced smart control solution that combines fan speed control with dual light switching in a single unit. Designed for modern homes, it enables users to control both fan and lighting systems efficiently. Supporting both WiFi and Zigbee connectivity, it allows remote access and automation through smart apps. The fan dimming function provides smooth speed adjustment, while the dual light switches offer independent lighting control. Built with a durable tempered glass panel and compact European design.',specs:['Connectivity: WiFi \/ Zigbee','Function: Fan Dimmer + 2-Gang Light','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Design: EU Compact'],tags:['Fan','Light','Combo','Zigbee']},\r\n  {id:24,cat:'Curtain & Dimmer',name:'Smart Curtain & Dimming Combo Control',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=Curtain+Dimmer+Combo',desc:'The Smart Curtain & Dimming Combo Control is an advanced automation switch designed for intelligent home environments. It combines curtain control and lighting dimming functions into a single smart interface, providing enhanced convenience and control. With Zigbee and WiFi compatibility, users can manage both curtains and lighting through a unified system using mobile apps or voice assistants. This enables seamless automation such as synchronized lighting and curtain movement. Ideal for smart homes, hotels, and luxury apartments.',specs:['Connectivity: Zigbee \/ WiFi','Function: Curtain + Dimmer Control','Color: White \/ Black \/ Grey \/ Gold','Wiring: N+L','Application: Homes \/ Hotels \/ Apartments'],tags:['Curtain','Dimmer','Combo','Zigbee']},\r\n  {id:16,cat:'Sockets',name:'LX Universal Smart Wall Socket (WiFi \/ Zigbee)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=Universal+Socket',desc:'The LX Universal Smart Wall Socket is a versatile power solution designed for modern smart homes. Supporting both WiFi and Zigbee connectivity, it allows users to control connected devices remotely through mobile apps or voice assistants like Alexa and Google Home. This universal socket is compatible with multiple plug types, making it ideal for international usage. It features a durable tempered glass panel combined with a fireproof PC body, ensuring both safety and premium aesthetics. With a rated current of up to 13A, it can handle a wide range of household appliances.',specs:['Connectivity: WiFi \/ Zigbee','Color: White \/ Black \/ Grey \/ Gold','Type: Universal Socket','Rated Current: 13A','Material: Tempered Glass \/ PC \/ Aluminum Frame'],tags:['Socket','Universal','WiFi','Zigbee']},\r\n  {id:17,cat:'Sockets',name:'LX Smart Socket with USB & Type-C Charger',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=USB+TypeC+Socket',desc:'The LX Smart Socket with USB and Type-C Charger is a multifunctional power solution designed for convenience and efficiency. It combines a universal wall socket with built-in USB-A and Type-C charging ports, allowing users to power multiple devices simultaneously. With support for WiFi and Zigbee connectivity, it integrates seamlessly into smart home ecosystems. The Type-C port supports fast charging (PD3.0), while the USB-A port offers QC3.0 compatibility for efficient device charging.',specs:['Connectivity: WiFi \/ Zigbee','Color: White \/ Black \/ Grey \/ Gold','Ports: USB-A (QC3.0) + Type-C (PD3.0)','Power: Fast Charging Supported','Material: Tempered Glass + PC'],tags:['Socket','USB','Type-C','Fast Charge']},\r\n  {id:18,cat:'Sockets',name:'UK Standard Smart Socket (USB \/ Type-C Variants)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/2d7aef?text=UK+Smart+Socket',desc:'The UK Standard Smart Socket is a powerful and flexible smart outlet designed for UK and compatible plug types. It supports both Zigbee and WiFi connectivity, enabling remote control and automation through smart home apps. Available with multiple configurations, including USB and Type-C charging options, this socket allows users to power and charge devices simultaneously. It supports up to 13A current, making it suitable for most household and office appliances. Its compact design, durable construction, and multiple safety features ensure reliable operation.',specs:['Connectivity: WiFi \/ Zigbee','Ports: Standard \/ USB \/ Type-C','Color: White \/ Black \/ Grey \/ Gold','Plug Type: UK Standard','Rated Current: 13A'],tags:['Socket','UK','USB','Zigbee']},\r\n  {id:25,cat:'Control Panels',name:'Smart Home Control Panel (Multi-Function Series)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/10b981?text=Control+Panel',desc:'The Smart Home Control Panel is a centralized solution designed to manage multiple smart devices and automation systems from a single interface. Featuring advanced control capabilities, it allows users to manage lighting, curtains, scenes, and connected appliances efficiently. With Zigbee and WiFi support, it integrates seamlessly with Tuya Smart ecosystems. The panel offers customizable controls, allowing users to personalize their smart home experience. Its intuitive interface ensures easy operation, while the modern design complements contemporary interiors.',specs:['Connectivity: Zigbee \/ WiFi','Function: Multi-device Control','Display: Touch \/ LCD (model dependent)','Color: White \/ Black \/ Grey','Integration: Tuya Smart'],tags:['Control Panel','Multi-Function','Zigbee','WiFi']},\r\n  {id:26,cat:'Control Panels',name:'EU Standard Desk Stand for Central Control Screen',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/10b981?text=EU+Desk+Stand',desc:'A durable desktop stand designed for smart central control screens. It converts wall-mounted panels into a convenient tabletop smart home controller. Built with high-grade PC V0 material for safety and stability, ideal for professional smart home setups. Compatible with GS-TPP06, T1E-TPP01-Z, GS-T6E, GS-T2E, and T8E models, providing flexible desktop deployment.',specs:['Color: Grey','Compatibility: GS-TPP06 \/ T1E-TPP01-Z \/ GS-T6E \/ GS-T2E \/ T8E','Installation: Desktop \/ Fixed Mount','Material: PC V0 Grade'],tags:['Desk Stand','EU','Desktop','Accessory']},\r\n  {id:27,cat:'Control Panels',name:'Smart Control Panel Mini \u2013 GS-TPP06 (Scene + 3-Gang + IR)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/10b981?text=GS-TPP06+Mini',desc:'A compact smart home control panel combining touchscreen control, 3 relay switches, and IR functionality. Supports WiFi and Bluetooth Mesh for seamless smart home integration. Features scene control capability and built-in infrared for controlling IR-compatible devices. Its compact form factor makes it versatile for both wall and desktop mounting. Designed for seamless integration with smart home automation platforms.',specs:['Color: White \/ Grey','Connectivity: WiFi \/ Bluetooth Mesh \/ SigMesh','IR Support: Yes \/ No (region variant)','Voltage: 100\u2013240V','Control: Scene + 3-Gang Relay'],tags:['Mini Panel','WiFi','BT Mesh','IR']},\r\n  {id:28,cat:'Control Panels',name:'4\" Smart Voice Control Panel with Built-in Alexa (T1E-TPP01-Z)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/10b981?text=Alexa+Panel',desc:'A powerful smart control panel with built-in Alexa voice assistant and Zigbee gateway. Supports device control, scene automation, and multimedia interconnection. This 4-inch panel acts as a central smart home hub, integrating Zigbee 3.0, WiFi, and BLE in one device. The built-in Alexa voice assistant enables hands-free control of all connected smart home devices.',specs:['Color: White','Connectivity: WiFi + Zigbee + BLE','Voice Assistant: Alexa Built-in \/ No Voice','Region: EU \/ Global','Display: 4 inch Touch'],tags:['Alexa','Zigbee Gateway','Voice','4\"']},\r\n  {id:29,cat:'Control Panels',name:'WiFi Smart Rotate Control Panel (TPR01-B)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/10b981?text=TPR01-B+Rotate',desc:'A modern rotary smart control panel with 3-gang relay switching and touchscreen display. Designed for smart lighting, curtains, and appliance control. The unique rotary knob provides intuitive manual control while the touchscreen display offers digital interaction. With WiFi and BLE connectivity, this panel integrates into smart home ecosystems effortlessly. Its 1.6-inch TFT screen displays real-time status of connected devices.',specs:['Color: White','Connectivity: WiFi \/ BLE','Screen: 1.6 inch TFT','Control: 3-Gang Relay','Load: Single \/ Multi-load support'],tags:['Rotary','WiFi','Touch','3-Gang']},\r\n  {id:30,cat:'Control Panels',name:'Q10PRO 10\" Smart Control Panel (WiFi + Zigbee + LAN)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/10b981?text=Q10PRO+10inch',desc:'A premium 10-inch smart home hub with Android OS, Zigbee gateway, multi-zone audio support, and smart automation control for whole-home systems. The Q10PRO serves as the ultimate central control panel for comprehensive smart home management. Its large 10-inch display provides an intuitive interface for managing all smart devices, audio zones, and automation scenes from one location. Supports LAN for stable local control even without internet.',specs:['Screen: 10 inch','Connectivity: WiFi \/ Zigbee \/ LAN','OS: Android','Audio Zones: 2 \/ 4 \/ 8 zones','Speaker: Included \/ External only'],tags:['10\"','Android','Zigbee Hub','Multi-Zone']},\r\n  {id:31,cat:'Speakers',name:'Wired Ceiling Speaker VX5-C (5.25\")',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/8b5cf6?text=VX5-C+Speaker',desc:'High-quality in-ceiling speaker designed for premium audio performance in smart homes, hotels, and commercial spaces. The VX5-C delivers exceptional sound reproduction with its 5.25-inch driver and optimized acoustic design. Built for seamless ceiling installation, it provides crystal-clear audio for background music systems and smart audio setups. Compatible with standard amplifiers and multi-zone audio systems.',specs:['Size: 5.25 inch','Impedance: 8\u03a9','Power Range: 10\u201380W','Installation: Ceiling \/ Wall flush','Application: Home \/ Hotel \/ Commercial'],tags:['Wired','Ceiling','5.25\"','Speaker']},\r\n  {id:32,cat:'Speakers',name:'Wired In-Ceiling Speaker S65P',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/8b5cf6?text=S65P+Speaker',desc:'Compact ceiling speaker designed for clear audio output in residential and commercial installations. The S65P offers a balanced sound profile suitable for background music and ambient audio environments. Its flush-mount design integrates seamlessly into any ceiling, providing clean aesthetics without compromising audio quality. Ideal for restaurants, retail spaces, offices, and smart home installations.',specs:['Size: 6.5 inch','Power: 10\u201330W','Color: White grille \/ Black grille','Mount: Flush ceiling','Application: Residential \/ Commercial'],tags:['Wired','Ceiling','6.5\"','Speaker']},\r\n  {id:33,cat:'Speakers',name:'Wired In-Ceiling Speaker S50P',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/8b5cf6?text=S50P+Speaker',desc:'A balanced audio ceiling speaker suitable for background music systems and smart home setups. The S50P combines compact design with reliable audio performance, making it ideal for spaces where discretion and sound quality are both priorities. Its standard 5-inch driver delivers clear mid-range audio reproduction. Available in matte and gloss white finishes for versatile installation options.',specs:['Size: 5 inch','Impedance: 8\u03a9','Finish: Matte white \/ Gloss white','Usage: Home \/ Commercial','Mount: Flush ceiling'],tags:['Wired','Ceiling','5\"','Speaker']},\r\n  {id:34,cat:'Speakers',name:'Bluetooth Ceiling Speaker GS-CH601',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/8b5cf6?text=GS-CH601',desc:'Smart Bluetooth ceiling speaker with multi-input support including AUX, USB, TF card, and TWS interconnection. The GS-CH601 provides wireless audio freedom with Bluetooth 5.0 technology for stable, high-quality connections. It supports multiple audio sources, allowing seamless switching between Bluetooth streaming, USB music, and TF card playback. TWS interconnection enables paired stereo setups with slave speakers.',specs:['Type: Master Speaker \/ Slave Speaker','Connectivity: Bluetooth 5.0','Inputs: AUX \/ USB \/ TF Card \/ TWS','Power: 12V \/ Wired','Cutout: 16\u201316.5cm'],tags:['Bluetooth','Ceiling','Smart','Multi-Input']},\r\n  {id:35,cat:'Speakers',name:'Bluetooth Ceiling Speaker GS-S530-B (Master)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/8b5cf6?text=GS-S530-B+Master',desc:'High-performance master ceiling speaker with Bluetooth 5.0, designed for multi-room audio setups. The GS-S530-B serves as the control hub for synchronized audio systems, pairing seamlessly with GS-S530 slave speakers for whole-home audio coverage. Its powerful amplifier delivers rich, room-filling sound with minimal distortion. The paintable grille allows customization to match any interior design.',specs:['Type: Master Speaker','Power: 20W \/ 40W','Resistance: 5\u03a9 \/ 8\u03a9','Connectivity: Bluetooth 5.0','Finish: White grille \/ Custom paintable'],tags:['Bluetooth','Master','Multi-Room','40W']},\r\n  {id:36,cat:'Speakers',name:'Bluetooth Ceiling Speaker GS-S530 (Slave)',img:'https:\/\/via.placeholder.com\/800x800\/0d1520\/8b5cf6?text=GS-S530+Slave',desc:'Secondary speaker unit designed to pair with master Bluetooth ceiling speakers for synchronized audio systems. The GS-S530 slave speaker connects seamlessly with the GS-S530-B master speaker to create expansive multi-room or stereo audio coverage. Its compact design ensures easy ceiling installation while maintaining audio quality consistent with the master unit. Perfect for extending audio coverage across multiple rooms.',specs:['Type: Slave Speaker only','Compatibility: GS-S530-B Master','Power: 20W','Finish: White','Installation: Flush ceiling mount'],tags:['Bluetooth','Slave','Multi-Room','20W']}\r\n];\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HELPERS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nconst CATS = [...new Set(SPG_PRODUCTS.map(p => p.cat))];\r\nfunction spgSlug(s){ return 'spg-cat-'+s.toLowerCase().replace(\/[^a-z0-9]+\/g,'-').replace(\/(^-|-$)\/g,''); }\r\nfunction spgHL(t,q){\r\n  if(!q) return t;\r\n  return t.replace(new RegExp('('+q.replace(\/[.*+?^${}()|[\\]\\\\]\/g,'\\\\$&')+')','gi'),'<mark>$1<\/mark>');\r\n}\r\nfunction spgCard(p,q,d){\r\n  return `<div class=\"spg-card${q?' spg-match':''}\" data-id=\"${p.id}\" style=\"animation-delay:${d}s\" onclick=\"spgOpen(${p.id})\">\r\n    <div class=\"spg-card-img-wrap\">\r\n      <img decoding=\"async\" class=\"spg-card-img\" src=\"${p.img}\" alt=\"${p.name}\" loading=\"lazy\">\r\n      <div class=\"spg-card-cat\">${p.cat}<\/div>\r\n      <div class=\"spg-card-overlay\"><\/div>\r\n    <\/div>\r\n    <div class=\"spg-card-body\">\r\n      <div class=\"spg-card-name\">${spgHL(p.name,q)}<\/div>\r\n      <div class=\"spg-card-desc\">${p.desc}<\/div>\r\n      <div class=\"spg-card-tags\">${p.tags.map(t=>`<span class=\"spg-card-tag\">${t}<\/span>`).join('')}<\/div>\r\n      <button class=\"spg-card-cta\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n        View Details\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>`;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RENDER SECTIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction spgRenderSections(){\r\n  const wrap = document.getElementById('spg-sections-wrap');\r\n  wrap.innerHTML = CATS.map(cat => {\r\n    const ps = SPG_PRODUCTS.filter(p => p.cat === cat);\r\n    const sl = spgSlug(cat);\r\n    return `<section class=\"spg-section\" id=\"${sl}\">\r\n      <div class=\"spg-section-header\">\r\n        <div class=\"spg-section-dot\"><\/div>\r\n        <span class=\"spg-section-title\">${cat}<\/span>\r\n        <a class=\"spg-section-anchor\" href=\"#${sl}\" title=\"Direct link to ${cat}\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\r\n            <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/>\r\n            <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n        <span class=\"spg-section-count\">${ps.length} Products<\/span>\r\n      <\/div>\r\n      <div class=\"spg-grid\">${ps.map((p,i)=>spgCard(p,'',i*0.05)).join('')}<\/div>\r\n    <\/section>`;\r\n  }).join('');\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RENDER FILTER BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction spgRenderFilters(){\r\n  const bar = document.getElementById('spg-filters');\r\n  const all = `<button class=\"spg-filter-btn active\" id=\"spg-all-btn\" onclick=\"spgGoAll()\">All Products<\/button>`;\r\n  const cats = CATS.map(cat => {\r\n    const sl = spgSlug(cat);\r\n    return `<a class=\"spg-filter-btn\" href=\"#${sl}\" id=\"spg-btn-${sl}\" onclick=\"spgNavCat(this)\">${cat}<\/a>`;\r\n  }).join('');\r\n  bar.innerHTML = all + cats;\r\n}\r\n\r\nfunction spgGoAll(){\r\n  document.getElementById('spg-sections-wrap').scrollIntoView({behavior:'smooth',block:'start'});\r\n  spgSetActive(document.getElementById('spg-all-btn'));\r\n}\r\nfunction spgNavCat(el){\r\n  spgSetActive(el);\r\n  \/\/ clear search silently if active\r\n  if(document.getElementById('spg-search').value) spgClearSearch(true);\r\n}\r\nfunction spgSetActive(el){\r\n  document.querySelectorAll('.spg-filter-btn').forEach(b=>b.classList.remove('active'));\r\n  el.classList.add('active');\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATUS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction spgStatus(h){ document.getElementById('spg-status').innerHTML = h; }\r\nfunction spgDefaultStatus(){\r\n  spgStatus(`Showing all <span>${SPG_PRODUCTS.length}<\/span> products across <span>${CATS.length}<\/span> categories`);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SEARCH \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nlet _spgT = null;\r\nfunction spgSearch(raw){\r\n  clearTimeout(_spgT);\r\n  _spgT = setTimeout(()=>_spgRun(raw), 110);\r\n}\r\nfunction _spgRun(raw){\r\n  const q = raw.trim().toLowerCase();\r\n  const sp = document.getElementById('spg-search-panel');\r\n  const sw = document.getElementById('spg-sections-wrap');\r\n  const cl = document.getElementById('spg-clear');\r\n  const em = document.getElementById('spg-empty');\r\n  const sg = document.getElementById('spg-search-grid');\r\n\r\n  cl.classList.toggle('visible', q.length > 0);\r\n\r\n  if(!q){\r\n    sp.classList.remove('on');\r\n    sw.classList.remove('off');\r\n    spgDefaultStatus();\r\n    spgSetActive(document.getElementById('spg-all-btn'));\r\n    return;\r\n  }\r\n\r\n  const res = SPG_PRODUCTS.filter(p=>\r\n    p.name.toLowerCase().includes(q) ||\r\n    p.desc.toLowerCase().includes(q) ||\r\n    p.cat.toLowerCase().includes(q) ||\r\n    p.tags.some(t=>t.toLowerCase().includes(q)) ||\r\n    p.specs.some(s=>s.toLowerCase().includes(q))\r\n  );\r\n\r\n  sw.classList.add('off');\r\n  sp.classList.add('on');\r\n  document.querySelectorAll('.spg-filter-btn').forEach(b=>b.classList.remove('active'));\r\n\r\n  if(res.length === 0){\r\n    sg.innerHTML = '';\r\n    em.classList.add('on');\r\n    spgStatus(`No results for <em>\"${raw.trim()}\"<\/em>`);\r\n  } else {\r\n    em.classList.remove('on');\r\n    sg.innerHTML = res.map((p,i)=>spgCard(p,raw.trim(),i*0.04)).join('');\r\n    spgStatus(`<span>${res.length}<\/span> result${res.length!==1?'s':''} for <em>\"${raw.trim()}\"<\/em>`);\r\n  }\r\n}\r\n\r\nfunction spgClearSearch(silent){\r\n  const inp = document.getElementById('spg-search');\r\n  inp.value = '';\r\n  _spgRun('');\r\n  if(!silent) inp.focus();\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction spgOpen(id){\r\n  const p = SPG_PRODUCTS.find(x=>x.id===id); if(!p) return;\r\n  document.getElementById('spg-m-img').src = p.img;\r\n  document.getElementById('spg-m-img').alt = p.name;\r\n  document.getElementById('spg-m-badges').innerHTML = p.tags.map(t=>`<span class=\"spg-modal-badge\">${t}<\/span>`).join('');\r\n  document.getElementById('spg-m-cat').textContent = p.cat;\r\n  document.getElementById('spg-m-title').textContent = p.name;\r\n  document.getElementById('spg-m-desc').textContent = p.desc;\r\n  document.getElementById('spg-m-specs').innerHTML = p.specs.map(s=>`<li>${s}<\/li>`).join('');\r\n  const msg = encodeURIComponent(`Hello! I'm interested in the *${p.name}*.\\n\\nCould you please share the price, availability, and any additional details?\\n\\nThank you!`);\r\n  document.getElementById('spg-m-wa').href = `https:\/\/wa.me\/${SPG_WA}?text=${msg}`;\r\n  const ov = document.getElementById('spg-modal-overlay');\r\n  ov.style.display = 'flex';\r\n  requestAnimationFrame(()=>ov.classList.add('open'));\r\n  document.body.style.overflow = 'hidden';\r\n}\r\nfunction spgCloseModal(e){\r\n  if(e && e.target!==document.getElementById('spg-modal-overlay') && !e.target.classList.contains('spg-modal-close')) return;\r\n  const ov = document.getElementById('spg-modal-overlay');\r\n  ov.classList.remove('open');\r\n  setTimeout(()=>{ ov.style.display='none'; document.body.style.overflow=''; }, 300);\r\n}\r\ndocument.addEventListener('keydown', e=>{\r\n  if(e.key==='Escape'){\r\n    const ov = document.getElementById('spg-modal-overlay');\r\n    if(ov.classList.contains('open')){ ov.classList.remove('open'); setTimeout(()=>{ ov.style.display='none'; document.body.style.overflow=''; },300); }\r\n    const inp = document.getElementById('spg-search');\r\n    if(document.activeElement===inp && inp.value) spgClearSearch();\r\n  }\r\n});\r\nfunction spgViewPDF(){ alert('Technical datasheet coming soon.\\nPlease contact us via WhatsApp for the product PDF.'); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCROLL SPY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nconst _spgObs = new IntersectionObserver(entries=>{\r\n  entries.forEach(en=>{\r\n    if(en.isIntersecting && !document.getElementById('spg-search').value){\r\n      document.querySelectorAll('.spg-filter-btn').forEach(b=>b.classList.remove('active'));\r\n      const m = document.querySelector(`.spg-filter-btn[href=\"#${en.target.id}\"]`);\r\n      if(m) m.classList.add('active');\r\n    }\r\n  });\r\n},{rootMargin:'-25% 0px -65% 0px'});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INIT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nspgRenderSections();\r\nspgRenderFilters();\r\nspgDefaultStatus();\r\nCATS.forEach(cat=>{ const el=document.getElementById(spgSlug(cat)); if(el) _spgObs.observe(el); });\r\n<\/script>\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>Smart Home Collection Intelligent Control Systems Premium Zigbee &#038; WiFi smart switches, panels, sockets and audio solutions &times; \ud83d\udd0d No [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-880","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/pages\/880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/comments?post=880"}],"version-history":[{"count":4,"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/pages\/880\/revisions"}],"predecessor-version":[{"id":884,"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/pages\/880\/revisions\/884"}],"wp:attachment":[{"href":"https:\/\/aionsmartlife.com\/index.php\/wp-json\/wp\/v2\/media?parent=880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}