{"title":"Light","description":null,"products":[{"product_id":"outdoor-hiking-multi-functional-atmosphere-led-light","title":"Outdoor Hiking Multi functional Atmosphere Led Light","description":"\u003cstyle\u003e\n\/* =========================================================\n   RGB PORTABLE EMERGENCY LIGHT\n   SHOPIFY PRODUCT DETAIL PAGE\n   US MARKET \/ MODERN \/ CLEAN \/ CONVERSION FOCUSED\n   RESPONSIVE \/ NO BRAND\n========================================================= *\/\n\n.rgb-light-page,\n.rgb-light-page *{\n  box-sizing:border-box;\n}\n\n.rgb-light-page{\n  --rgb-blue:#3478f6;\n  --rgb-blue-light:#edf4ff;\n\n  --rgb-purple:#7c5cff;\n  --rgb-purple-light:#f2efff;\n\n  --rgb-red:#ef5350;\n  --rgb-red-light:#fff0f0;\n\n  --rgb-green:#36a269;\n  --rgb-green-light:#eaf8f0;\n\n  --rgb-yellow:#f3b33d;\n  --rgb-yellow-light:#fff8e8;\n\n  --rgb-navy:#142638;\n  --rgb-navy-2:#1c4055;\n\n  --rgb-text:#172532;\n  --rgb-muted:#687681;\n  --rgb-border:#dce5eb;\n\n  width:100%;\n  max-width:1440px;\n  margin:0 auto;\n\n  color:var(--rgb-text);\n  background:#fff;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  line-height:1.55;\n  overflow:hidden;\n}\n\n.rgb-light-page img{\n  display:block;\n  max-width:100%;\n  height:auto;\n}\n\n.rgb-light-page a{\n  text-decoration:none;\n}\n\n.rgb-container{\n  width:100%;\n  max-width:1160px;\n  margin:0 auto;\n}\n\n.rgb-section{\n  padding:44px 20px;\n}\n\n\n\/* =========================================================\n   GLOBAL HEADING\n========================================================= *\/\n\n.rgb-heading{\n  max-width:820px;\n  margin:0 auto 27px;\n  text-align:center;\n}\n\n.rgb-eyebrow{\n  display:inline-block;\n  margin-bottom:8px;\n\n  color:var(--rgb-blue);\n\n  font-size:11px;\n  font-weight:950;\n\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n.rgb-title{\n  margin:0 0 9px;\n\n  color:var(--rgb-text);\n\n  font-size:32px;\n  line-height:1.12;\n\n  font-weight:950;\n  letter-spacing:-.7px;\n}\n\n.rgb-description{\n  max-width:760px;\n\n  margin:0 auto;\n\n  color:var(--rgb-muted);\n\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.rgb-btn{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  min-height:49px;\n\n  padding:0 28px;\n\n  border-radius:999px;\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #7867ff,\n      #4f78ff\n    );\n\n  font-size:13px;\n  font-weight:950;\n\n  box-shadow:\n    0 10px 28px rgba(79,120,255,.28);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.rgb-btn:hover{\n  transform:\n    translateY(-3px)\n    scale(1.02);\n\n  box-shadow:\n    0 15px 35px rgba(79,120,255,.38);\n}\n\n.rgb-btn:active{\n  transform:scale(.93);\n}\n\n\n\/* =========================================================\n   COMMON IMAGE\n========================================================= *\/\n\n.rgb-main-image{\n  width:100%;\n  max-width:980px;\n\n  margin:0 auto;\n\n  padding:6px;\n\n  border-radius:20px;\n\n  background:#fff;\n\n  border:1px solid var(--rgb-border);\n\n  box-shadow:\n    0 12px 35px rgba(25,50,65,.08);\n\n  overflow:hidden;\n}\n\n.rgb-main-image img{\n  width:100%;\n\n  border-radius:14px;\n\n  object-fit:contain;\n}\n\n\n\/* =========================================================\n   01 — HERO\n========================================================= *\/\n\n.rgb-hero{\n  padding:54px 20px 45px;\n\n  color:#fff;\n\n  text-align:center;\n\n  background:\n\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(82,132,255,.32),\n      transparent 27%\n    ),\n\n    radial-gradient(\n      circle at 88% 20%,\n      rgba(181,91,255,.28),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 75% 85%,\n      rgba(255,79,101,.18),\n      transparent 30%\n    ),\n\n    linear-gradient(\n      135deg,\n      #101d31,\n      #1b3653 50%,\n      #141c31\n    );\n}\n\n.rgb-hero-copy{\n  max-width:900px;\n  margin:0 auto;\n}\n\n.rgb-badge{\n  display:inline-flex;\n\n  align-items:center;\n\n  margin-bottom:14px;\n\n  padding:7px 15px;\n\n  border-radius:999px;\n\n  color:#d8e3ff;\n\n  background:\n    rgba(91,123,255,.12);\n\n  border:\n    1px solid rgba(136,157,255,.35);\n\n  font-size:11px;\n  font-weight:950;\n\n  letter-spacing:1.1px;\n}\n\n.rgb-hero h1{\n  margin:0 auto;\n\n  color:#fff;\n\n  font-size:\n    clamp(35px,5vw,57px);\n\n  line-height:1.04;\n\n  font-weight:950;\n\n  letter-spacing:-1.7px;\n}\n\n.rgb-hero h1 span{\n  background:\n    linear-gradient(\n      90deg,\n      #66d7ff,\n      #8f73ff,\n      #ff6f9c,\n      #ffd15c\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n}\n\n.rgb-hero-text{\n  max-width:760px;\n\n  margin:16px auto 25px;\n\n  color:\n    rgba(255,255,255,.76);\n\n  font-size:15px;\n  line-height:1.65;\n}\n\n.rgb-hero-image{\n  width:100%;\n  max-width:900px;\n\n  margin:0 auto;\n\n  padding:6px;\n\n  border-radius:21px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #5f7dff,\n      #a064ff,\n      #ff668d,\n      #ffc45a\n    );\n\n  box-shadow:\n    0 20px 48px rgba(0,0,0,.32);\n\n  overflow:hidden;\n}\n\n.rgb-hero-image img{\n  width:100%;\n\n  border-radius:15px;\n\n  object-fit:contain;\n\n  background:#111827;\n}\n\n\n\/* =========================================================\n   02 — GIF \/ DEMONSTRATION\n========================================================= *\/\n\n.rgb-dynamic{\n  padding:30px 20px 44px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #131f32,\n      #203e57\n    );\n}\n\n.rgb-dark-heading .rgb-title{\n  color:#fff;\n}\n\n.rgb-dark-heading .rgb-description{\n  color:rgba(255,255,255,.68);\n}\n\n.rgb-dark-heading .rgb-eyebrow{\n  color:#78c9ff;\n}\n\n\n\/* =========================================================\n   03 — PRODUCT INTRODUCTION\n========================================================= *\/\n\n.rgb-intro{\n  background:\n    linear-gradient(\n      135deg,\n      #f7f9ff,\n      #ffffff\n    );\n}\n\n.rgb-intro-copy{\n  max-width:850px;\n\n  margin:0 auto 24px;\n\n  text-align:center;\n}\n\n.rgb-intro-copy h2{\n  margin:0 0 10px;\n\n  color:var(--rgb-text);\n\n  font-size:32px;\n  line-height:1.12;\n\n  font-weight:950;\n}\n\n.rgb-intro-copy h2 span{\n  background:\n    linear-gradient(\n      90deg,\n      #5278ff,\n      #8a62ff,\n      #e45d91\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n}\n\n.rgb-intro-copy p{\n  max-width:800px;\n\n  margin:0 auto;\n\n  color:var(--rgb-muted);\n\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   04 — DETAILED FEATURES\n   2 × 2 GRID\n========================================================= *\/\n\n.rgb-features{\n  background:#fff;\n}\n\n.rgb-feature-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:16px;\n\n  width:100%;\n  max-width:1120px;\n\n  margin:0 auto;\n}\n\n.rgb-feature{\n  min-width:0;\n\n  padding:20px;\n\n  border-radius:18px;\n\n  border:1px solid var(--rgb-border);\n\n  overflow:hidden;\n\n  background:#fff;\n\n  box-shadow:\n    0 5px 18px rgba(30,55,70,.04);\n}\n\n.rgb-feature:nth-child(1){\n  background:#edf4ff;\n}\n\n.rgb-feature:nth-child(2){\n  background:#f1efff;\n}\n\n.rgb-feature:nth-child(3){\n  background:#fff1f2;\n}\n\n.rgb-feature:nth-child(4){\n  background:#fff8e9;\n}\n\n.rgb-feature-image{\n  width:100%;\n\n  \/*\n     IMPORTANT:\n     使用 auto 高度，不再强制裁切图片\n  *\/\n\n  min-height:180px;\n\n  margin-bottom:14px;\n\n  padding:6px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:13px;\n\n  background:#fff;\n\n  border:1px solid rgba(0,0,0,.06);\n\n  overflow:hidden;\n}\n\n.rgb-feature-image img{\n  width:100%;\n  height:auto;\n\n  max-height:420px;\n\n  object-fit:contain;\n\n  border-radius:9px;\n}\n\n.rgb-feature h3{\n  margin:0 0 5px;\n\n  color:var(--rgb-text);\n\n  font-size:16px;\n\n  font-weight:900;\n}\n\n.rgb-feature p{\n  margin:0;\n\n  color:var(--rgb-muted);\n\n  font-size:13px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   05 — STYLE \/ VERSION SELECTION\n========================================================= *\/\n\n.rgb-style-section{\n  background:\n    linear-gradient(\n      135deg,\n      #f4f7ff,\n      #faf7ff\n    );\n}\n\n.rgb-style-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:16px;\n\n  width:100%;\n  max-width:1080px;\n\n  margin:0 auto;\n}\n\n.rgb-style-card{\n  min-width:0;\n\n  position:relative;\n\n  padding:20px;\n\n  border-radius:18px;\n\n  background:#fff;\n\n  border:1px solid #dfe5ec;\n\n  box-shadow:\n    0 7px 22px rgba(40,55,80,.06);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.rgb-style-card:hover{\n  transform:translateY(-4px);\n\n  box-shadow:\n    0 14px 30px rgba(40,55,80,.11);\n}\n\n.rgb-style-card:first-child{\n  border-top:4px solid #4e7cff;\n}\n\n.rgb-style-card:last-child{\n  border-top:4px solid #9a62ff;\n}\n\n.rgb-style-badge{\n  display:inline-block;\n\n  margin-bottom:10px;\n\n  padding:5px 10px;\n\n  border-radius:999px;\n\n  color:#4967b8;\n\n  background:#edf3ff;\n\n  font-size:10px;\n\n  font-weight:950;\n\n  letter-spacing:.8px;\n}\n\n.rgb-style-card:last-child .rgb-style-badge{\n  color:#7851ba;\n\n  background:#f2edff;\n}\n\n.rgb-style-card h3{\n  margin:0 0 7px;\n\n  color:var(--rgb-text);\n\n  font-size:18px;\n\n  font-weight:950;\n}\n\n.rgb-style-card p{\n  margin:0;\n\n  color:var(--rgb-muted);\n\n  font-size:13px;\n\n  line-height:1.6;\n}\n\n.rgb-style-list{\n  margin:13px 0 0;\n  padding:0;\n\n  list-style:none;\n}\n\n.rgb-style-list li{\n  position:relative;\n\n  margin-bottom:6px;\n\n  padding-left:18px;\n\n  color:#5e6d78;\n\n  font-size:12px;\n\n  line-height:1.5;\n}\n\n.rgb-style-list li::before{\n  content:\"✓\";\n\n  position:absolute;\n\n  left:0;\n\n  color:#4d7cff;\n\n  font-weight:950;\n}\n\n.rgb-style-card:last-child .rgb-style-list li::before{\n  color:#8b60ff;\n}\n\n\n\/* =========================================================\n   06 — CORE BENEFITS\n========================================================= *\/\n\n.rgb-benefits{\n  color:#fff;\n\n  background:\n\n    radial-gradient(\n      circle at 85% 15%,\n      rgba(98,119,255,.25),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 10% 85%,\n      rgba(255,87,126,.18),\n      transparent 30%\n    ),\n\n    linear-gradient(\n      135deg,\n      #111d30,\n      #203c55\n    );\n}\n\n.rgb-benefits .rgb-title{\n  color:#fff;\n}\n\n.rgb-benefits .rgb-eyebrow{\n  color:#81cfff;\n}\n\n.rgb-benefits .rgb-description{\n  color:rgba(255,255,255,.66);\n}\n\n.rgb-benefit-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:12px;\n\n  width:100%;\n  max-width:1080px;\n\n  margin:0 auto;\n}\n\n.rgb-benefit{\n  min-width:0;\n\n  position:relative;\n\n  padding:20px;\n\n  border-radius:16px;\n\n  background:\n    rgba(255,255,255,.055);\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  overflow:hidden;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n.rgb-benefit:hover{\n  transform:translateY(-3px);\n\n  background:\n    rgba(255,255,255,.09);\n}\n\n.rgb-benefit::before{\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:0;\n\n  width:4px;\n  height:100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      #65d5ff,\n      #8a68ff,\n      #ff6793\n    );\n}\n\n.rgb-benefit-number{\n  margin-bottom:5px;\n\n  color:#8fcfff;\n\n  font-size:10px;\n\n  font-weight:950;\n\n  letter-spacing:1.1px;\n}\n\n.rgb-benefit h3{\n  margin:0 0 5px;\n\n  color:#fff;\n\n  font-size:16px;\n\n  font-weight:900;\n}\n\n.rgb-benefit p{\n  margin:0;\n\n  color:rgba(255,255,255,.64);\n\n  font-size:13px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   07 — LIGHT MODES\n========================================================= *\/\n\n.rgb-modes{\n  background:#fff;\n}\n\n.rgb-mode-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:12px;\n\n  width:100%;\n  max-width:1080px;\n\n  margin:0 auto;\n}\n\n.rgb-mode-card{\n  min-width:0;\n\n  padding:18px;\n\n  border-radius:16px;\n\n  border:1px solid #e0e7ec;\n\n  box-shadow:\n    0 5px 18px rgba(30,50,65,.035);\n}\n\n.rgb-mode-card:nth-child(1){\n  background:#eef4ff;\n}\n\n.rgb-mode-card:nth-child(2){\n  background:#f3efff;\n}\n\n.rgb-mode-card:nth-child(3){\n  background:#fff1f2;\n}\n\n.rgb-mode-card:nth-child(4){\n  background:#fff8e8;\n}\n\n.rgb-mode-icon{\n  width:42px;\n  height:42px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  margin-bottom:9px;\n\n  border-radius:12px;\n\n  background:#fff;\n\n  font-size:19px;\n\n  box-shadow:\n    0 3px 10px rgba(0,0,0,.05);\n}\n\n.rgb-mode-card h3{\n  margin:0 0 5px;\n\n  color:var(--rgb-text);\n\n  font-size:15px;\n\n  font-weight:950;\n}\n\n.rgb-mode-card p{\n  margin:0;\n\n  color:var(--rgb-muted);\n\n  font-size:12px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   08 — OPERATION GUIDE\n========================================================= *\/\n\n.rgb-operation{\n  background:#f4f7fa;\n}\n\n.rgb-operation-box{\n  max-width:980px;\n\n  margin:0 auto;\n\n  padding:8px;\n\n  border-radius:19px;\n\n  background:#fff;\n\n  border:1px solid #dce5ea;\n\n  box-shadow:\n    0 10px 30px rgba(30,50,70,.06);\n}\n\n.rgb-operation-row{\n  display:grid;\n\n  grid-template-columns:\n    24% 76%;\n\n  margin-bottom:5px;\n\n  overflow:hidden;\n\n  border-radius:9px;\n\n  border:1px solid #e0e7ec;\n}\n\n.rgb-operation-row:last-child{\n  margin-bottom:0;\n}\n\n.rgb-operation-label{\n  padding:12px 14px;\n\n  display:flex;\n\n  align-items:center;\n\n  color:#334755;\n\n  background:#eaf1ff;\n\n  font-size:12px;\n\n  font-weight:950;\n}\n\n.rgb-operation-content{\n  padding:12px 14px;\n\n  color:#687681;\n\n  background:#fff;\n\n  font-size:12px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   09 — SPECIFICATIONS\n========================================================= *\/\n\n.rgb-specs{\n  background:#fff;\n}\n\n.rgb-spec-box{\n  width:100%;\n  max-width:950px;\n\n  margin:0 auto;\n\n  padding:7px;\n\n  border-radius:18px;\n\n  background:#fff;\n\n  border:1px solid #dce6eb;\n\n  box-shadow:\n    0 10px 30px rgba(30,55,70,.07);\n}\n\n.rgb-spec-row{\n  display:grid;\n\n  grid-template-columns:\n    31% 69%;\n\n  overflow:hidden;\n\n  margin-bottom:5px;\n\n  border-radius:9px;\n\n  border:1px solid #e0e8ec;\n}\n\n.rgb-spec-row:last-child{\n  margin-bottom:0;\n}\n\n.rgb-spec-label{\n  padding:11px 14px;\n\n  color:#304452;\n\n  background:#e9f0ff;\n\n  font-size:12px;\n\n  font-weight:900;\n}\n\n.rgb-spec-value{\n  padding:11px 14px;\n\n  color:#687681;\n\n  background:#fff;\n\n  font-size:12px;\n}\n\n\n\/* =========================================================\n   10 — CUSTOMER REVIEWS\n========================================================= *\/\n\n.rgb-reviews{\n  background:#f9fbfc;\n}\n\n.rgb-review-summary{\n  max-width:650px;\n\n  margin:-7px auto 21px;\n\n  text-align:center;\n\n  color:#89939a;\n\n  font-size:12px;\n}\n\n.rgb-rating{\n  margin-bottom:5px;\n\n  color:#f3a33d;\n\n  font-size:18px;\n\n  letter-spacing:2px;\n}\n\n.rgb-review-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:12px;\n\n  max-width:1080px;\n\n  margin:0 auto;\n}\n\n.rgb-review-card{\n  min-width:0;\n\n  padding:19px;\n\n  border-radius:16px;\n\n  background:#fff;\n\n  border:1px solid #dfe8ed;\n\n  box-shadow:\n    0 5px 16px rgba(30,50,65,.035);\n}\n\n.rgb-review-stars{\n  margin-bottom:8px;\n\n  color:#f39a36;\n\n  font-size:13px;\n\n  letter-spacing:1px;\n}\n\n.rgb-review-card h3{\n  margin:0 0 6px;\n\n  color:var(--rgb-text);\n\n  font-size:14px;\n\n  font-weight:900;\n}\n\n.rgb-review-card p{\n  margin:0;\n\n  color:var(--rgb-muted);\n\n  font-size:12px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   11 — FAQ\n========================================================= *\/\n\n.rgb-faq{\n  background:#eef3f8;\n}\n\n.rgb-faq-list{\n  width:100%;\n  max-width:900px;\n\n  margin:0 auto;\n}\n\n.rgb-faq details{\n  margin-bottom:7px;\n\n  overflow:hidden;\n\n  border-radius:12px;\n\n  background:#fff;\n\n  border:1px solid #dfe7eb;\n\n  box-shadow:\n    0 3px 12px rgba(35,55,70,.025);\n}\n\n.rgb-faq details:last-child{\n  margin-bottom:0;\n}\n\n.rgb-faq summary{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n\n  padding:15px 18px;\n\n  cursor:pointer;\n\n  list-style:none;\n\n  color:var(--rgb-text);\n\n  font-size:13px;\n\n  font-weight:900;\n}\n\n.rgb-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.rgb-faq summary::after{\n  content:\"⌄\";\n\n  width:24px;\n  height:24px;\n\n  flex:0 0 24px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  color:#506170;\n\n  background:#edf3f6;\n\n  font-size:13px;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    color .3s ease;\n}\n\n.rgb-faq details[open] summary::after{\n  transform:rotate(180deg);\n\n  color:#fff;\n\n  background:var(--rgb-blue);\n}\n\n.rgb-faq-answer{\n  padding:\n    0 18px 16px;\n\n  color:#707b84;\n\n  font-size:12px;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   12 — FOUR GUARANTEES\n========================================================= *\/\n\n.rgb-guarantees{\n  background:#fff;\n}\n\n.rgb-guarantee-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:12px;\n\n  width:100%;\n  max-width:1080px;\n\n  margin:0 auto;\n}\n\n.rgb-guarantee{\n  min-width:0;\n\n  padding:19px;\n\n  border-radius:16px;\n\n  border:1px solid #dfe5e9;\n\n  box-shadow:\n    0 5px 18px rgba(35,50,60,.035);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.rgb-guarantee:hover{\n  transform:translateY(-3px);\n\n  box-shadow:\n    0 10px 25px rgba(35,50,60,.08);\n}\n\n.rgb-guarantee:nth-child(1){\n  background:#edf4ff;\n}\n\n.rgb-guarantee:nth-child(2){\n  background:#edf9f5;\n}\n\n.rgb-guarantee:nth-child(3){\n  background:#fff3e8;\n}\n\n.rgb-guarantee:nth-child(4){\n  background:#f3efff;\n}\n\n.rgb-guarantee-icon{\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  margin-bottom:8px;\n\n  border-radius:11px;\n\n  background:#fff;\n\n  font-size:18px;\n\n  box-shadow:\n    0 3px 10px rgba(0,0,0,.05);\n}\n\n.rgb-guarantee h3{\n  margin:0 0 4px;\n\n  color:var(--rgb-text);\n\n  font-size:14px;\n\n  font-weight:900;\n}\n\n.rgb-guarantee p{\n  margin:0;\n\n  color:var(--rgb-muted);\n\n  font-size:12px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   13 — FINAL CTA\n========================================================= *\/\n\n.rgb-cta{\n  position:relative;\n\n  overflow:hidden;\n\n  padding:53px 20px;\n\n  text-align:center;\n\n  color:#fff;\n\n  background:\n\n    radial-gradient(\n      circle at 15% 20%,\n      rgba(83,135,255,.25),\n      transparent 26%\n    ),\n\n    radial-gradient(\n      circle at 85% 80%,\n      rgba(230,81,135,.20),\n      transparent 30%\n    ),\n\n    linear-gradient(\n      135deg,\n      #101c2e,\n      #1e4259,\n      #14283d\n    );\n}\n\n.rgb-cta h2{\n  margin:0 0 8px;\n\n  color:#fff;\n\n  font-size:35px;\n\n  line-height:1.1;\n\n  font-weight:950;\n\n  letter-spacing:-.6px;\n}\n\n.rgb-cta h2 span{\n  background:\n    linear-gradient(\n      90deg,\n      #67d8ff,\n      #9370ff,\n      #ff6d99,\n      #ffd25d\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n}\n\n.rgb-cta p{\n  max-width:650px;\n\n  margin:0 auto 20px;\n\n  color:rgba(255,255,255,.69);\n\n  font-size:14px;\n}\n\n\n\/* =========================================================\n   FLOATING BUY BUTTON\n========================================================= *\/\n\n.rgb-floating-buy{\n  position:fixed;\n\n  z-index:99999;\n\n  right:17px;\n  bottom:17px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  min-height:48px;\n\n  padding:0 22px;\n\n  border-radius:999px;\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #7968ff,\n      #4f7cff\n    );\n\n  font-size:13px;\n\n  font-weight:950;\n\n  box-shadow:\n    0 10px 28px rgba(0,0,0,.27);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.rgb-floating-buy:hover{\n  transform:\n    translateY(-3px)\n    scale(1.03);\n\n  box-shadow:\n    0 15px 34px rgba(0,0,0,.32);\n}\n\n.rgb-floating-buy:active{\n  transform:scale(.9);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .rgb-section{\n    padding:35px 18px;\n  }\n\n  .rgb-feature-grid,\n  .rgb-style-grid,\n  .rgb-benefit-grid,\n  .rgb-mode-grid,\n  .rgb-guarantee-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .rgb-review-grid{\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n  .rgb-feature,\n  .rgb-style-card,\n  .rgb-benefit,\n  .rgb-mode-card,\n  .rgb-guarantee{\n    padding:16px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  .rgb-section{\n    padding:29px 12px;\n  }\n\n  .rgb-hero{\n    padding:36px 12px 30px;\n  }\n\n  .rgb-hero h1{\n    font-size:31px;\n    letter-spacing:-1px;\n  }\n\n  .rgb-hero-text{\n    margin:10px auto 19px;\n\n    font-size:13px;\n  }\n\n  .rgb-hero-image{\n    padding:4px;\n    border-radius:15px;\n  }\n\n  .rgb-hero-image img{\n    border-radius:11px;\n  }\n\n  .rgb-heading{\n    margin-bottom:17px;\n  }\n\n  .rgb-eyebrow{\n    font-size:9px;\n    letter-spacing:1.1px;\n  }\n\n  .rgb-title{\n    margin-bottom:7px;\n\n    font-size:25px;\n\n    letter-spacing:-.4px;\n  }\n\n  .rgb-description{\n    font-size:12px;\n    line-height:1.55;\n  }\n\n  .rgb-dynamic{\n    padding:21px 12px 29px;\n  }\n\n  .rgb-intro-copy{\n    margin-bottom:17px;\n  }\n\n  .rgb-intro-copy h2{\n    font-size:25px;\n  }\n\n  .rgb-intro-copy p{\n    font-size:12px;\n  }\n\n\n  \/* FEATURES *\/\n\n  .rgb-feature-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:8px;\n  }\n\n  .rgb-feature{\n    padding:10px;\n    border-radius:13px;\n  }\n\n  .rgb-feature-image{\n    min-height:120px;\n\n    margin-bottom:9px;\n\n    padding:4px;\n\n    border-radius:9px;\n  }\n\n  .rgb-feature-image img{\n    max-height:260px;\n  }\n\n  .rgb-feature h3{\n    margin-bottom:3px;\n\n    font-size:12px;\n    line-height:1.25;\n  }\n\n  .rgb-feature p{\n    font-size:10px;\n    line-height:1.4;\n  }\n\n\n  \/* STYLE *\/\n\n  .rgb-style-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:8px;\n  }\n\n  .rgb-style-card{\n    padding:12px 10px;\n\n    border-radius:12px;\n  }\n\n  .rgb-style-badge{\n    margin-bottom:7px;\n\n    padding:4px 7px;\n\n    font-size:8px;\n  }\n\n  .rgb-style-card h3{\n    margin-bottom:5px;\n\n    font-size:12px;\n  }\n\n  .rgb-style-card p{\n    font-size:10px;\n    line-height:1.4;\n  }\n\n  .rgb-style-list{\n    margin-top:9px;\n  }\n\n  .rgb-style-list li{\n    margin-bottom:4px;\n\n    padding-left:14px;\n\n    font-size:9px;\n  }\n\n\n  \/* BENEFITS *\/\n\n  .rgb-benefit-grid{\n    gap:8px;\n  }\n\n  .rgb-benefit{\n    padding:13px 11px;\n\n    border-radius:12px;\n  }\n\n  .rgb-benefit::before{\n    width:3px;\n  }\n\n  .rgb-benefit-number{\n    margin-bottom:3px;\n\n    font-size:8px;\n    letter-spacing:.7px;\n  }\n\n  .rgb-benefit h3{\n    margin-bottom:3px;\n\n    font-size:12px;\n    line-height:1.25;\n  }\n\n  .rgb-benefit p{\n    font-size:10px;\n    line-height:1.4;\n  }\n\n\n  \/* MODES *\/\n\n  .rgb-mode-grid{\n    gap:8px;\n  }\n\n  .rgb-mode-card{\n    padding:12px 10px;\n\n    border-radius:12px;\n  }\n\n  .rgb-mode-icon{\n    width:32px;\n    height:32px;\n\n    margin-bottom:6px;\n\n    border-radius:9px;\n\n    font-size:15px;\n  }\n\n  .rgb-mode-card h3{\n    font-size:11px;\n  }\n\n  .rgb-mode-card p{\n    font-size:9px;\n    line-height:1.4;\n  }\n\n\n  \/* OPERATION *\/\n\n  .rgb-operation-box{\n    padding:4px;\n    border-radius:14px;\n  }\n\n  .rgb-operation-row{\n    grid-template-columns:\n      30% 70%;\n\n    margin-bottom:4px;\n\n    border-radius:7px;\n  }\n\n  .rgb-operation-label,\n  .rgb-operation-content{\n    padding:8px 9px;\n\n    font-size:10px;\n    line-height:1.4;\n  }\n\n\n  \/* SPECS *\/\n\n  .rgb-spec-box{\n    padding:4px;\n    border-radius:14px;\n  }\n\n  .rgb-spec-row{\n    grid-template-columns:\n      35% 65%;\n\n    margin-bottom:4px;\n\n    border-radius:7px;\n  }\n\n  .rgb-spec-label,\n  .rgb-spec-value{\n    padding:8px 9px;\n\n    font-size:10px;\n    line-height:1.35;\n  }\n\n\n  \/* REVIEWS *\/\n\n  .rgb-review-grid{\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    gap:7px;\n  }\n\n  .rgb-review-summary{\n    margin:-5px auto 14px;\n\n    font-size:9px;\n  }\n\n  .rgb-rating{\n    font-size:15px;\n  }\n\n  .rgb-review-card{\n    padding:11px 9px;\n\n    border-radius:11px;\n  }\n\n  .rgb-review-stars{\n    margin-bottom:5px;\n\n    font-size:10px;\n  }\n\n  .rgb-review-card h3{\n    margin-bottom:3px;\n\n    font-size:10px;\n    line-height:1.3;\n  }\n\n  .rgb-review-card p{\n    font-size:9px;\n    line-height:1.4;\n  }\n\n\n  \/* FAQ *\/\n\n  .rgb-faq{\n    padding-top:28px;\n    padding-bottom:28px;\n  }\n\n  .rgb-faq details{\n    margin-bottom:5px;\n    border-radius:9px;\n  }\n\n  .rgb-faq summary{\n    gap:8px;\n\n    padding:11px 12px;\n\n    font-size:11px;\n  }\n\n  .rgb-faq summary::after{\n    width:20px;\n    height:20px;\n\n    flex:0 0 20px;\n\n    font-size:11px;\n  }\n\n  .rgb-faq-answer{\n    padding:\n      0 12px 11px;\n\n    font-size:10px;\n\n    line-height:1.5;\n  }\n\n\n  \/* GUARANTEES *\/\n\n  .rgb-guarantee-grid{\n    gap:8px;\n  }\n\n  .rgb-guarantee{\n    padding:13px 11px;\n\n    border-radius:12px;\n  }\n\n  .rgb-guarantee-icon{\n    width:32px;\n    height:32px;\n\n    margin-bottom:6px;\n\n    border-radius:9px;\n\n    font-size:15px;\n  }\n\n  .rgb-guarantee h3{\n    margin-bottom:3px;\n\n    font-size:11px;\n    line-height:1.3;\n  }\n\n  .rgb-guarantee p{\n    font-size:9px;\n    line-height:1.4;\n  }\n\n\n  \/* CTA *\/\n\n  .rgb-cta{\n    padding:38px 12px;\n  }\n\n  .rgb-cta h2{\n    font-size:26px;\n  }\n\n  .rgb-cta p{\n    margin-bottom:16px;\n\n    font-size:12px;\n  }\n\n  .rgb-btn{\n    min-height:43px;\n\n    padding:0 20px;\n\n    font-size:12px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL PHONE\n========================================================= *\/\n\n@media(max-width:430px){\n\n  .rgb-hero h1{\n    font-size:28px;\n  }\n\n  .rgb-hero-text{\n    font-size:12px;\n  }\n\n  .rgb-title{\n    font-size:23px;\n  }\n\n  .rgb-description{\n    font-size:11px;\n  }\n\n  .rgb-feature-grid,\n  .rgb-style-grid,\n  .rgb-benefit-grid,\n  .rgb-mode-grid,\n  .rgb-guarantee-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:7px;\n  }\n\n  .rgb-feature{\n    padding:9px;\n  }\n\n  .rgb-feature-image{\n    min-height:100px;\n  }\n\n  .rgb-feature h3{\n    font-size:11px;\n  }\n\n  .rgb-feature p{\n    font-size:9px;\n  }\n\n  .rgb-style-card{\n    padding:10px 8px;\n  }\n\n  .rgb-style-card h3{\n    font-size:11px;\n  }\n\n  .rgb-style-card p{\n    font-size:8.5px;\n  }\n\n  .rgb-style-list li{\n    font-size:8px;\n  }\n\n  .rgb-benefit{\n    padding:11px 9px;\n  }\n\n  .rgb-benefit h3{\n    font-size:11px;\n  }\n\n  .rgb-benefit p{\n    font-size:9px;\n  }\n\n  .rgb-mode-card{\n    padding:10px 8px;\n  }\n\n  .rgb-mode-card h3{\n    font-size:10px;\n  }\n\n  .rgb-mode-card p{\n    font-size:8px;\n  }\n\n  .rgb-guarantee{\n    padding:11px 9px;\n  }\n\n  .rgb-guarantee h3{\n    font-size:10px;\n  }\n\n  .rgb-guarantee p{\n    font-size:8.5px;\n  }\n\n  .rgb-review-card{\n    padding:9px 7px;\n  }\n\n  .rgb-review-card h3{\n    font-size:9px;\n  }\n\n  .rgb-review-card p{\n    font-size:8px;\n  }\n\n  .rgb-floating-buy{\n    right:10px;\n    bottom:10px;\n\n    min-height:43px;\n\n    padding:0 17px;\n\n    font-size:12px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"rgb-light-page\"\u003e\n\u003c!-- =====================================================\n     01 — TOP BANNER\n===================================================== --\u003e\n\u003csection class=\"rgb-hero\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-hero-copy\"\u003e\n\u003cdiv class=\"rgb-badge\"\u003e🌈 RGB MULTI-MODE • PORTABLE LIGHTING\u003c\/div\u003e\n\u003ch1\u003eOne Light.\u003cbr\u003e\u003cspan\u003e7 Color Modes + 3 White Light Levels.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"rgb-hero-text\"\u003eA versatile portable light designed for everyday lighting, outdoor adventures, emergencies, camping, workspaces, night activities, and relaxing at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-hero-image\"\u003e\n\u003c!-- Replace with your main product image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/Savetik-Net_7671242212964945174_v3_00_00_03--00_00_16.gif?v=1787296250\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     02 — DYNAMIC \/ GIF\n===================================================== --\u003e\n\u003csection class=\"rgb-dynamic\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading rgb-dark-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e ✨ MULTI-MODE LIGHTING \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eLight Up Every Situation\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eSwitch between bright white lighting and colorful RGB effects to create the right lighting for work, relaxation, camping, emergencies, parties, and outdoor activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-main-image\"\u003e\n\u003c!-- Replace with product GIF --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/37b792f0-d695-426c-91bb-6c499d50173a.jpg?v=1787296250\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     03 — PRODUCT INTRODUCTION\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-intro\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-intro-copy\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e 💡 SMART MULTI-MODE DESIGN \u003c\/span\u003e\n\u003ch2\u003eBright White Light or\u003cbr\u003e\u003cspan\u003eColorful RGB Ambience.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBuilt for more than basic illumination. Choose practical white lighting when you need visibility, or switch to colorful RGB effects when you want atmosphere and visual ambience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-main-image\"\u003e\n\u003c!-- Replace with product introduction image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/068eaafa-9bc4-438a-95e3-b6ac9e255006.jpg?v=1787296250\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     04 — DETAILED FEATURES\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-features\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e 🔍 SMART DESIGN DETAILS \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eDesigned for Flexible Everyday Lighting\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eMultiple lighting options make this portable light useful for everyday spaces, outdoor activities, emergencies, camping, night work, and more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-feature-grid\"\u003e\n\u003c!-- FEATURE 01 --\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003cdiv class=\"rgb-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/25975d3a-c162-4847-a106-ddc5c633c7c4.jpg?v=1787296250\" alt=\"\"\u003e\u003c\/div\u003e\n\u003ch3\u003e3 White Light Levels\u003c\/h3\u003e\n\u003cp\u003eChoose from strong light, low light, or flashing mode according to your surroundings and lighting needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003cdiv class=\"rgb-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/37b792f0-d695-426c-91bb-6c499d50173a.jpg?v=1787296250\" alt=\"\"\u003e\u003c\/div\u003e\n\u003ch3\u003e7 RGB Color Effects\u003c\/h3\u003e\n\u003cp\u003eEnjoy colorful breathing, color-changing effects, running colors, and individual green, red, blue, yellow, and purple lighting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003cdiv class=\"rgb-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/f04db96f-3621-4668-84df-a3d63cd7f20c.jpg?v=1787296249\" alt=\"\"\u003e\u003c\/div\u003e\n\u003ch3\u003ePortable \u0026amp; Versatile\u003c\/h3\u003e\n\u003cp\u003eA convenient lighting companion for camping, power outages, garages, workshops, outdoor activities, travel, and everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 04 --\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003cdiv class=\"rgb-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/67ad5744-7a3f-475e-bd7b-bc06fd20e1b7.jpg?v=1787296250\" alt=\"\"\u003e\u003c\/div\u003e\n\u003ch3\u003eSimple Multi-Click Control\u003c\/h3\u003e\n\u003cp\u003eUse single-click, double-click, and long-press controls to quickly switch lighting modes and turn the light off.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     05 — STYLE \/ VERSION SELECTION\n===================================================== --\u003e\u003c!-- =====================================================\n     06 — CORE SELLING POINTS\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-benefits\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e ✨ WHY YOU'LL LOVE IT \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eOne Compact Light, Multiple Ways to Use It\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eFrom practical white illumination to colorful RGB ambience, this light adapts to different moments throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-benefit-grid\"\u003e\n\u003cdiv class=\"rgb-benefit\"\u003e\n\u003cdiv class=\"rgb-benefit-number\"\u003e01 \/ WHITE LIGHT\u003c\/div\u003e\n\u003ch3\u003ePractical Illumination\u003c\/h3\u003e\n\u003cp\u003eUse strong, low, or flashing white light when you need clear visibility or a practical lighting source.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-benefit\"\u003e\n\u003cdiv class=\"rgb-benefit-number\"\u003e02 \/ RGB LIGHT\u003c\/div\u003e\n\u003ch3\u003e7 Color Effects\u003c\/h3\u003e\n\u003cp\u003eCreate different atmospheres with colorful breathing, running-color, and individual color modes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-benefit\"\u003e\n\u003cdiv class=\"rgb-benefit-number\"\u003e03 \/ PORTABLE\u003c\/div\u003e\n\u003ch3\u003eReady for Everyday Use\u003c\/h3\u003e\n\u003cp\u003eKeep it nearby for camping, outdoor activities, emergencies, garages, workshops, travel, and home use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-benefit\"\u003e\n\u003cdiv class=\"rgb-benefit-number\"\u003e04 \/ EASY CONTROL\u003c\/div\u003e\n\u003ch3\u003eSimple Button Operation\u003c\/h3\u003e\n\u003cp\u003eSingle-click, double-click, and long-press controls make switching between modes quick and intuitive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     07 — LIGHTING MODES\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-modes\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e 🌈 LIGHTING MODES \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eChoose the Light You Need\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eThe control system provides dedicated white-light and RGB-color modes for different situations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-mode-grid\"\u003e\n\u003c!-- WHITE --\u003e\n\u003cdiv class=\"rgb-mode-card\"\u003e\n\u003cdiv class=\"rgb-mode-icon\"\u003e☀️\u003c\/div\u003e\n\u003ch3\u003eWhite Light Mode\u003c\/h3\u003e\n\u003cp\u003eTurn the light on in white-light mode for practical everyday illumination.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- WHITE LEVELS --\u003e\n\u003cdiv class=\"rgb-mode-card\"\u003e\n\u003cdiv class=\"rgb-mode-icon\"\u003e🔆\u003c\/div\u003e\n\u003ch3\u003eStrong \/ Low \/ Flash\u003c\/h3\u003e\n\u003cp\u003eDouble-click in white-light mode to cycle through strong light, low light, and flashing mode.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- RGB --\u003e\n\u003cdiv class=\"rgb-mode-card\"\u003e\n\u003cdiv class=\"rgb-mode-icon\"\u003e🌈\u003c\/div\u003e\n\u003ch3\u003eRGB Color Mode\u003c\/h3\u003e\n\u003cp\u003eTurn the light on in colorful mode for decorative, ambient, or atmosphere lighting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 7 COLORS --\u003e\n\u003cdiv class=\"rgb-mode-card\"\u003e\n\u003cdiv class=\"rgb-mode-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch3\u003e7 Color Effects\u003c\/h3\u003e\n\u003cp\u003e1. Breathing gradient · 2. Green\/Red\/Blue running light · 3. Green · 4. Red · 5. Blue · 6. Yellow · 7. Purple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     08 — OPERATION GUIDE\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-operation\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e 🎛️ HOW TO OPERATE \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eSimple Controls. Fast Switching.\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eFollow the simple button sequence below to switch between lighting modes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-operation-box\"\u003e\n\u003c!-- SINGLE CLICK --\u003e\n\u003cdiv class=\"rgb-operation-row\"\u003e\n\u003cdiv class=\"rgb-operation-label\"\u003eSingle Click\u003c\/div\u003e\n\u003cdiv class=\"rgb-operation-content\"\u003eTurns the light on or off. The active lighting mode determines whether the light starts in white or RGB color mode.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WHITE DOUBLE CLICK --\u003e\n\u003cdiv class=\"rgb-operation-row\"\u003e\n\u003cdiv class=\"rgb-operation-label\"\u003eDouble Click · White\u003c\/div\u003e\n\u003cdiv class=\"rgb-operation-content\"\u003eIn white-light mode, double-click to cycle through \u003cstrong\u003eStrong Light → Low Light → Flashing Light\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RGB DOUBLE CLICK --\u003e\n\u003cdiv class=\"rgb-operation-row\"\u003e\n\u003cdiv class=\"rgb-operation-label\"\u003eDouble Click · RGB\u003c\/div\u003e\n\u003cdiv class=\"rgb-operation-content\"\u003eIn RGB mode, double-click to cycle through the \u003cstrong\u003e7 colorful lighting effects\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LONG PRESS --\u003e\n\u003cdiv class=\"rgb-operation-row\"\u003e\n\u003cdiv class=\"rgb-operation-label\"\u003eLong Press\u003c\/div\u003e\n\u003cdiv class=\"rgb-operation-content\"\u003eLong-press the button in any lighting mode to \u003cstrong\u003eturn the light off\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     09 — RGB 7 MODES DETAIL\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-features\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e 🌈 RGB MODE DETAILS \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003e7 Color Effects at a Glance\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eSwitch through seven different RGB effects to match your mood, environment, or activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-feature-grid\"\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003ch3\u003e01 · Color Breathing Gradient\u003c\/h3\u003e\n\u003cp\u003eSmoothly transitions between colors for a soft, dynamic ambient lighting effect.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003ch3\u003e02 · Green \/ Red \/ Blue Running Light\u003c\/h3\u003e\n\u003cp\u003eGreen, red, and blue colors move through a dynamic running-light effect.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003ch3\u003e03–07 · Individual Colors\u003c\/h3\u003e\n\u003cp\u003eSelect individual \u003cstrong\u003egreen, red, blue, yellow, or purple\u003c\/strong\u003e lighting according to your preference.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-feature\"\u003e\n\u003ch3\u003ePersonalized Ambience\u003c\/h3\u003e\n\u003cp\u003eUse individual colors or dynamic effects to create a more personalized atmosphere indoors or outdoors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     10 — SPECIFICATIONS\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-specs\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e 📋 PRODUCT INFORMATION \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eProduct information at a glance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-box\"\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eProduct Type\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003ePortable Multi-Function RGB Emergency Light\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eLighting Modes\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003eWhite Light Mode + RGB Color Mode\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eWhite Light\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003eStrong Light \/ Low Light \/ Flashing Light\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eRGB Modes\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003e7 Modes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eRGB Colors\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003eGreen \/ Red \/ Blue \/ Yellow \/ Purple + Dynamic Effects\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eControl\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003eSingle Click \/ Double Click \/ Long Press\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eAvailable Versions\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003eRegular Push-Button Version \/ Sensor Version\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eSensor Version\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003eMode Switch + Sensor Switch\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003eIntended Use\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003eHome \/ Camping \/ Outdoor \/ Emergency \/ Garage \/ Workshop \/ Travel \/ Night Activities\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-row\"\u003e\n\u003cdiv class=\"rgb-spec-label\"\u003ePackage\u003c\/div\u003e\n\u003cdiv class=\"rgb-spec-value\"\u003e1 × Portable RGB Light\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     11 — CUSTOMER EXPERIENCE\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-reviews\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e ❤️ EVERYDAY LIGHTING \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eMade for More Than Just Emergencies\u003c\/h2\u003e\n\u003cp class=\"rgb-description\"\u003eA flexible light source for practical illumination, outdoor adventures, relaxing evenings, and everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-review-summary\"\u003e\n\u003cdiv class=\"rgb-rating\"\u003e★★★★★\u003c\/div\u003e\nDesigned around flexible lighting, portability, and everyday convenience.\u003c\/div\u003e\n\u003cdiv class=\"rgb-review-grid\"\u003e\n\u003cdiv class=\"rgb-review-card\"\u003e\n\u003cdiv class=\"rgb-review-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3\u003eLove the Color Options\u003c\/h3\u003e\n\u003cp\u003eThe RGB modes make it much more versatile than a standard emergency light. I can use a practical color or switch to something more relaxing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-review-card\"\u003e\n\u003cdiv class=\"rgb-review-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3\u003eUseful Around the House\u003c\/h3\u003e\n\u003cp\u003eHaving several white-light levels is convenient when I need brighter lighting or just a softer light at night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-review-card\"\u003e\n\u003cdiv class=\"rgb-review-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3\u003eGreat for Outdoor Use\u003c\/h3\u003e\n\u003cp\u003eThe different lighting modes make it useful for camping, outdoor activities, and keeping nearby as an extra light source.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     12 — FAQ\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-faq\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e ❓ FAQ \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-faq-list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow many lighting modes does the light have?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eThe light provides a white-light mode with three lighting effects and an RGB mode with seven colorful effects.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat are the three white-light modes?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eIn white-light mode, double-click to cycle through strong light, low light, and flashing light.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat are the seven RGB modes?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eThe seven RGB effects are: 1) colorful breathing gradient, 2) green\/red\/blue running light, 3) green, 4) red, 5) blue, 6) yellow, and 7) purple.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow do I turn the light off?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eLong-press the button while in any lighting mode to turn the light off.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat does a single click do?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eA single click turns the light on or off. The active lighting mode determines whether it operates in white light or RGB color mode.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat does double-click do?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eDouble-clicking in white-light mode cycles through strong, low, and flashing light. Double-clicking in RGB mode cycles through the seven RGB effects.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat is the difference between the two versions?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eThe regular version uses a standard push-button switch. The sensor version includes a mode\/gear switch plus an additional sensor switch for more flexible operation.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhere can I use this portable light?\u003c\/summary\u003e\n\u003cdiv class=\"rgb-faq-answer\"\u003eIt can be useful around the home, during power outages, camping, travel, outdoor activities, garages, workshops, night activities, and other situations where portable lighting is helpful.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     13 — FOUR GUARANTEES\n===================================================== --\u003e\n\u003csection class=\"rgb-section rgb-guarantees\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003cdiv class=\"rgb-heading\"\u003e\n\u003cspan class=\"rgb-eyebrow\"\u003e 🛡️ SHOP WITH CONFIDENCE \u003c\/span\u003e\n\u003ch2 class=\"rgb-title\"\u003e4 Customer Guarantees\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-guarantee-grid\"\u003e\n\u003cdiv class=\"rgb-guarantee\"\u003e\n\u003cdiv class=\"rgb-guarantee-icon\"\u003e📦\u003c\/div\u003e\n\u003ch3\u003eTrackable Logistics\u003c\/h3\u003e\n\u003cp\u003eFollow available shipping updates as your order moves through the delivery process.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-guarantee\"\u003e\n\u003cdiv class=\"rgb-guarantee-icon\"\u003e🚚\u003c\/div\u003e\n\u003ch3\u003eTrackable Delivery\u003c\/h3\u003e\n\u003cp\u003eUse available tracking information to stay updated on your order's delivery progress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-guarantee\"\u003e\n\u003cdiv class=\"rgb-guarantee-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eSafe Packaging\u003c\/h3\u003e\n\u003cp\u003eOrders are prepared with care to help protect the product throughout the shipping process.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-guarantee\"\u003e\n\u003cdiv class=\"rgb-guarantee-icon\"\u003e💬\u003c\/div\u003e\n\u003ch3\u003eComprehensive After-Sales Service\u003c\/h3\u003e\n\u003cp\u003eCustomer support is available if you need assistance with your order, product, or delivery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     14 — FINAL CTA\n===================================================== --\u003e\n\u003csection class=\"rgb-cta\"\u003e\n\u003cdiv class=\"rgb-container\"\u003e\n\u003ch2\u003eOne Light.\u003cbr\u003e\u003cspan\u003eSo Many Possibilities.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eChoose practical white illumination or colorful RGB effects and keep a versatile light ready for everyday moments.\u003c\/p\u003e\n\u003c!-- Replace # with your Shopify product \/ checkout URL --\u003e \u003ca href=\"#\" class=\"rgb-btn\"\u003e 🌈 BUY NOW \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"LLM","offers":[{"title":"Gray","offer_id":48737714667705,"sku":"NC02562608215092-灰色","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":48737714700473,"sku":"NC02562608215092-红色","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":48737714733241,"sku":"NC02562608215092-绿色","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":48737714766009,"sku":"NC02562608215092-蓝色","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/8e2108c1-202b-45a3-86a0-755eb2f1ef5f.jpg?v=1787297115"}],"url":"https:\/\/fvaulity.com\/collections\/light.oembed","provider":"fvaulity","version":"1.0","type":"link"}