{"product_id":"hands-free-magnetic-work-light","title":"Portable Hands‑Free Magnetic Work Light, 30g Ultra‑Light Clip‑On Rechargeable LED \u0026 COB Inspection Lamp","description":"\u003csection class=\"product-feature-card\"\u003e\n\u003cdiv class=\"feature-container\"\u003e\n\u003c!-- Top Badge --\u003e\n\u003cdiv class=\"feature-badge\"\u003eHANDS-FREE LIGHTING • ANYWHERE YOU WORK\u003c\/div\u003e\n\u003c!-- Title --\u003e\n\u003ch2 class=\"feature-title\"\u003eMagnetic Clip-On LED Work Light\u003c\/h2\u003e\n\u003c!-- Description --\u003e\n\u003cp class=\"feature-description\"\u003eA compact 30g work light with magnetic mounting, a sturdy back clip and dual lighting modes for repairs, everyday carry and hands‑free task lighting.\u003c\/p\u003e\n\u003c!-- Feature Tags --\u003e\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cdiv class=\"feature-tag\"\u003e✓ Magnetic Base\u003c\/div\u003e\n\u003cdiv class=\"feature-tag\"\u003e✓ Clip‑On Carry\u003c\/div\u003e\n\u003cdiv class=\"feature-tag\"\u003e✓ LED + COB Lighting\u003c\/div\u003e\n\u003cdiv class=\"feature-tag\"\u003e✓ Only 30g\u003c\/div\u003e\n\u003cdiv class=\"feature-tag:has(img)\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0663\/6004\/9734\/files\/spp_shopify20260830022330_f4c7ac590f3f2186f869bd6f478d01a5.png?v=1788027814\" alt=\"Magnetic clip‑on LED work light\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n.product-feature-card {\n  width:100%;\n  padding:5px 10px;\n  background:#ffffff;\n}\n\n.feature-container {\n  max-width:760px;\n  margin:auto;\n  background:\n  linear-gradient(145deg,#181818,#0d0d0d);\n  border-radius:20px;\n  padding:28px 25px 32px;\n  text-align:center;\n  box-shadow:0 10px 30px rgba(0,0,0,0.18);\n}\n\n\n\/* Top orange label *\/\n\n.feature-badge {\n  display:inline-block;\n  background:#f58a16;\n  color:white;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.8px;\n  padding:7px 16px;\n  border-radius:20px;\n  margin-bottom:18px;\n}\n\n\n\/* Main title *\/\n\n.feature-title {\n  color:#ffffff;\n  font-size:34px;\n  line-height:1.25;\n  font-weight:800;\n  margin:0 0 12px;\n}\n\n\n\/* Description *\/\n\n.feature-description {\n  max-width:650px;\n  margin:0 auto 25px;\n  color:#d5d5d5;\n  font-size:16px;\n  line-height:1.6;\n  font-weight:500;\n}\n\n\n\/* Tags *\/\n\n.feature-tags {\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n\n.feature-tag {\n\n  border:1px solid rgba(255,255,255,0.25);\n  background:#1d1d1d;\n  color:#ffffff;\n\n  padding:9px 14px;\n  border-radius:8px;\n\n  font-size:13px;\n  font-weight:600;\n\n  transition:.3s;\n\n}\n\n\n.feature-tag:hover {\n  background:#f58a16;\n  border-color:#f58a16;\n}\n\n\n\/* Mobile *\/\n\n@media(max-width:600px){\n\n.feature-container{\n padding:25px 16px;\n border-radius:16px;\n}\n\n\n.feature-title{\n font-size:25px;\n}\n\n\n.feature-description{\n font-size:14px;\n}\n\n\n.feature-tag{\n font-size:12px;\n padding:8px 10px;\n}\n\n}\n\n\n\u003c\/style\u003e\n\u003csection class=\"work-light-feature-section\"\u003e\u003c!-- Pain Point Area --\u003e\n\u003cdiv class=\"pain-box\"\u003e\n\u003cdiv class=\"mini-title\"\u003eFREE BOTH HANDS FOR THE JOB\u003c\/div\u003e\n\u003ch2\u003eStop Holding a Flashlight While You're Trying to Work\u003c\/h2\u003e\n\u003cp\u003eRepairs and close-up tasks are much easier when the light stays exactly where you need it. Use the magnetic base or back clip to position illumination while keeping both hands available.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature Title --\u003e\n\u003cdiv class=\"feature-heading\"\u003e\n\u003cdiv class=\"mini-title\"\u003eONE SMALL LIGHT • MULTIPLE WAYS TO USE IT\u003c\/div\u003e\n\u003ch2\u003eBuilt for Practical Hands-Free Lighting\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Four Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003c!-- Card 1 --\u003e\n\u003cdiv class=\"feature-card orange\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧲\u003c\/div\u003e\n\u003ch3\u003eMagnetic Mounting\u003c\/h3\u003e\n\u003cp\u003eAttach the magnetic base to a compatible metal surface to hold the light in position during repairs, maintenance and other hands-free tasks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Card 2 --\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e📎\u003c\/div\u003e\n\u003ch3\u003eStrong Back Clip\u003c\/h3\u003e\n\u003cp\u003eClip it to a hat brim, backpack strap, shirt pocket or compatible gear when you need portable lighting without holding the flashlight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Card 3 --\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💡\u003c\/div\u003e\n\u003ch3\u003eDual Illumination\u003c\/h3\u003e\n\u003cp\u003eUse the focused front LED for directional visibility or switch to the side COB panel when you need broader area illumination.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Card 4 --\u003e\n\u003cdiv class=\"feature-card orange\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e◻️\u003c\/div\u003e\n\u003ch3\u003eLightweight EDC Design\u003c\/h3\u003e\n\u003cp\u003eAt approximately 30g, the compact body is easy to carry in a pocket, tool bag or backpack without adding unnecessary bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\n.work-light-feature-section{\n\nmax-width:900px;\n\nmargin:50px auto;\n\npadding:0 20px;\n\nfont-family:\nArial,\nHelvetica,\nsans-serif;\n\n}\n\n\n\/* Top Box *\/\n\n\n.pain-box{\n\nbackground:#fffaf5;\n\nborder:1px solid #f1d8c4;\n\nborder-radius:16px;\n\npadding:18px 25px;\n\ntext-align:center;\n\nmargin-bottom:35px;\n\n}\n\n\n.mini-title{\n\nfont-size:11px;\n\nfont-weight:700;\n\nletter-spacing:1px;\n\ncolor:#e87519;\n\nmargin-bottom:10px;\n\n}\n\n\n\n.pain-box h2,\n.feature-heading h2{\n\nfont-size:30px;\n\nline-height:1.25;\n\nfont-weight:800;\n\ncolor:#111;\n\nmargin:0 0 14px;\n\n}\n\n\n\n.pain-box p{\n\nfont-size:15px;\n\nline-height:1.6;\n\ncolor:#555;\n\nmax-width:700px;\n\nmargin:auto;\n\n}\n\/* Heading *\/\n\n\n.feature-heading{\n\ntext-align:center;\n\nmargin-bottom:25px;\n\n}\n\n\n\n\n\n\/* Grid *\/\n\n\n.feature-grid{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(2,1fr);\n\ngap:12px;\n\n}\n\n\n\n\/* Cards *\/\n\n\n.feature-card{\n\nbackground:#f8f8f8;\n\nborder:1px solid #dddddd;\n\nborder-radius:15px;\n\npadding:22px 16px;\n\nmin-height:200px;\n\n}\n\n\n\n.feature-card.orange{\n\nbackground:#fffaf5;\n\nborder-color:#f0d3b8;\n\n}\n\n\n\n\/* Icon *\/\n\n\n.feature-icon{\n\nfont-size:22px;\n\nheight:35px;\n\nmargin-bottom:12px;\n\n}\n\n\n\n\/* Text *\/\n\n\n.feature-card h3{\n\nfont-size:20px;\n\nfont-weight:800;\n\ncolor:#111;\n\nmargin:0 0 10px;\n\n}\n\n\n\n.feature-card.orange h3{\n\ncolor:#a95717;\n\n}\n\n\n\n.feature-card p{\n\nfont-size:14px;\n\nline-height:1.6;\n\ncolor:#555;\n\nmargin:0;\n\n}\n\n\n\n\n\n\/* Mobile *\/\n\n\n@media(max-width:768px){\n\n\n.pain-box{\n\npadding:25px 18px;\n\n}\n\n\n.pain-box h2,\n.feature-heading h2{\n\nfont-size:24px;\n\n}\n\n\n.feature-grid{\n\ngrid-template-columns:1fr;\n\n}\n\n\n.feature-card{\n\nmin-height:auto;\n\npadding:20px;\n\n}\n\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"clipon-feature-section\"\u003e\n\u003cdiv class=\"clipon-container\"\u003e\n\u003c!-- Header --\u003e\n\u003cdiv class=\"clipon-header\"\u003e\n\u003cdiv class=\"clipon-label\"\u003eCLIP IT • WEAR IT • KEEP WORKING\u003c\/div\u003e\n\u003ch2\u003eLight Where You Look Without Filling Your Hands\u003c\/h2\u003e\n\u003cp\u003eThe integrated back clip makes it easy to position the light on compatible clothing or gear, giving you a convenient lighting option for walking, maintenance and close-up tasks.\u003cimg\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0663\/6004\/9734\/files\/spp_shopify20260830022335_5603289f91ce79a3bed806d93c6e92b1.png?v=1788027819\" alt=\"Clip-on work light attached to hat and gear\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Feature Card --\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\n.clipon-feature-section{\n\npadding:20px 10px;\n\nbackground:#ffffff;\n\nfont-family:\nArial,\nHelvetica,\nsans-serif;\n\n}\n\n\n\n.clipon-container{\n\nmax-width:900px;\n\nmargin:auto;\n\nbackground:#181818;\n\nborder-radius:18px;\n\npadding:15px;\n\n}\n\/* Header *\/\n\n\n.clipon-header{\n\ntext-align:center;\n\ncolor:white;\n\nmargin-bottom:25px;\n\n}\n\n\n\n.clipon-label{\n\ncolor:#ff8a18;\n\nfont-size:12px;\n\nfont-weight:800;\n\nletter-spacing:1px;\n\nmargin-bottom:12px;\n\n}\n\n\n\n.clipon-header h2{\n\nfont-size:28px;\n\nfont-weight:800;\n\nmargin:0 0 15px;\n\ncolor:#ffffff;\n\n}\n\n\n\n.clipon-header p{\n\nmax-width:700px;\n\nmargin:auto;\n\nfont-size:15px;\n\nline-height:1.7;\n\ncolor:#d0d0d0;\n\n}\n\n\n\n\n\/* Inner Card *\/\n\n\n.clipon-card{\n\nbackground:#111111;\n\nborder-radius:14px;\n\npadding:20px 15px 15px;\n\ntext-align:center;\n\n}\n\n\n\n.clipon-card h1{\n\nfont-size:38px;\n\nfont-weight:900;\n\ncolor:white;\n\nmargin:0;\n\n}\n\n\n\n.clipon-card h1 span{\n\ncolor:#dfff00;\n\n}\n\n\n\n.clipon-subtitle{\n\ncolor:#ffffff;\n\nfont-size:22px;\n\nmargin-bottom:25px;\n\n}\n\n\n\n\n\n\/* Main Image *\/\n\n\n.main-image{\n\noverflow:hidden;\n\nborder-radius:14px;\n\nmargin-bottom:14px;\n\n}\n\n\n\n.main-image img{\n\nwidth:100%;\n\ndisplay:block;\n\n}\n\n\n\n\n\n\/* Bottom Images *\/\n\n\n.small-images{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(3,1fr);\n\ngap:12px;\n\n}\n\n\n\n.small-box{\n\noverflow:hidden;\n\nborder-radius:12px;\n\nbackground:#222;\n\n}\n\n\n\n.small-box img{\n\nwidth:100%;\n\nheight:100%;\n\ndisplay:block;\n\nobject-fit:cover;\n\n}\n\n\n\n\n\n\/* Mobile *\/\n\n\n@media(max-width:768px){\n\n\n.clipon-container{\n\npadding:18px;\n\n}\n\n\n.clipon-header h2{\n\nfont-size:23px;\n\n}\n\n\n\n.clipon-card h1{\n\nfont-size:28px;\n\n}\n\n\n\n.clipon-subtitle{\n\nfont-size:18px;\n\n}\n\n\n\n.small-images{\n\ngrid-template-columns:1fr;\n\n}\n\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"auto-maintenance-section\"\u003e\n\u003cdiv class=\"auto-maintenance-box\"\u003e\n\u003cdiv class=\"auto-label\"\u003eGREAT FOR AUTO MAINTENANCE\u003c\/div\u003e\n\u003ch2\u003ePut the Light on the Car — Not in Your Hand\u003c\/h2\u003e\n\u003cp\u003eAttach the magnetic base to a compatible metal area around the vehicle to illuminate engine bays, wheel areas or other repair zones while keeping your hands available for tools.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n.auto-maintenance-section{\n\n  width:100%;\n\n  padding:5px 20px 5px;\n\n  background:#ffffff;\n\n  font-family:\n  Arial,\n  Helvetica,\n  sans-serif;\n\n}\n\n\n\n.auto-maintenance-box{\n\n  max-width:900px;\n\n  margin:0 auto;\n\n  background:#f8f8f8;\n\n  border:1px solid #dddddd;\n\n  border-radius:18px;\n\n  padding:26px 40px;\n\n  text-align:center;\n\n}\n\n\n\n\/* Small Orange Label *\/\n\n.auto-label{\n\n  color:#e87518;\n\n  font-size:12px;\n\n  font-weight:800;\n\n  letter-spacing:1px;\n\n  margin-bottom:10px;\n\n}\n\n\n\n\n\n\/* Title *\/\n\n\n.auto-maintenance-box h2{\n\n  margin:0 0 14px;\n\n  font-size:30px;\n\n  line-height:1.3;\n\n  font-weight:900;\n\n  color:#111111;\n\n}\n\n\n\n\n\n\/* Description *\/\n\n\n.auto-maintenance-box p{\n\n  max-width:720px;\n\n  margin:0 auto;\n\n  color:#555555;\n\n  font-size:15px;\n\n  line-height:1.65;\n\n}\n\n\n\n\n\n\/* Mobile *\/\n\n@media(max-width:768px){\n\n\n.auto-maintenance-section{\n\npadding:5px 10px 5px;\n\n}\n\n\n\n.auto-maintenance-box{\n\npadding:22px 18px;\n\nborder-radius:15px;\n\n}\n\n\n\n.auto-maintenance-box h2{\n\nfont-size:23px;\n\n}\n\n\n\n.auto-maintenance-box p{\n\nfont-size:14px;\n\n}\n\n\n}\n\n\n\n\u003c\/style\u003e\n\u003csection class=\"dual-light-section\"\u003e\n\u003cdiv class=\"dual-light-container\"\u003e\n\u003c!-- Header --\u003e\n\u003cdiv class=\"dual-light-header\"\u003e\n\u003cdiv class=\"dual-label\"\u003eTWO LIGHTING STYLES\u003c\/div\u003e\n\u003ch2\u003eFocused Beam or Wide Area Light\u003c\/h2\u003e\n\u003cp\u003eDifferent jobs need different illumination. Switch between the front LED and the side COB panel depending on whether you need directional visibility or broader nearby lighting.\u003cimg\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Image Showcase --\u003e\n\u003cdiv class=\"lighting-showcase\"\u003e\n\u003cdiv class=\"image-grid\"\u003e\n\u003cdiv class=\"image-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0663\/6004\/9734\/files\/spp_shopify20260830022340_b9b4d19557bd904cb8ea597ce34114fa.png?v=1788027824\" alt=\"Dual illumination LED and COB work light\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"image-item\"\u003e\u003cimg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bottom Feature --\u003e\n\u003cdiv class=\"light-feature-grid\"\u003e\n\u003cdiv class=\"light-feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔦\u003c\/div\u003e\n\u003ch3\u003eFront LED\u003c\/h3\u003e\n\u003cp\u003eMore focused directional illumination for looking ahead or targeting a specific work area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"light-feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💡\u003c\/div\u003e\n\u003ch3\u003eSide COB Panel\u003c\/h3\u003e\n\u003cp\u003eWider area illumination for workbenches, nearby repairs, camping setups and general task lighting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\n.dual-light-section{\n\npadding:30px 15px;\n\nbackground:#fff;\n\nfont-family:Arial,Helvetica,sans-serif;\n\n}\n\n\n\n.dual-light-container{\n\nmax-width:900px;\n\nmargin:auto;\n\nbackground:#171717;\n\nborder-radius:18px;\n\npadding:25px;\n\n}\n\n\n\n\n\n\/* Header *\/\n\n\n.dual-light-header{\n\ntext-align:center;\n\ncolor:#fff;\n\n}\n\n\n\n.dual-label{\n\ncolor:#ff8a18;\n\nfont-size:12px;\n\nfont-weight:800;\n\nletter-spacing:1px;\n\nmargin-bottom:10px;\n\n}\n\n\n\n.dual-light-header h2{\n\nfont-size:30px;\n\nfont-weight:900;\n\ncolor:#fff;\n\nmargin:0 0 15px;\n\n}\n\n\n\n.dual-light-header p{\n\nmax-width:700px;\n\nmargin:0 auto 25px;\n\nfont-size:15px;\n\nline-height:1.6;\n\ncolor:#ddd;\n\n}\n\n\n\n\n\n\/* Image Area *\/\n\n\n.lighting-showcase{\n\nbackground:#bdbdbd;\n\nborder-radius:10px;\n\npadding:15px;\n\ntext-align:center;\n\n}\n\n\n\n.lighting-showcase h1{\n\nmargin:0;\n\nfont-size:32px;\n\nfont-weight:900;\n\ncolor:#f3ff38;\n\n}\n\n\n\n.lighting-showcase h3{\n\nmargin:5px 0 20px;\n\nfont-size:20px;\n\ncolor:#111;\n\n}\n\n\n\n\n\n\/* FIX IMAGE GRID *\/\n\n\n.image-grid{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(2,1fr);\n\ngap:8px;\n\nwidth:200%;\n\n}\n\n\n\n.image-item{\n\nwidth:100%;\n\nborder-radius:8px;\n\noverflow:hidden;\n\n}\n\n\n\n.image-item img{\n\nwidth:100%;\n\nheight:auto;\n\ndisplay:block;\n\n}\n\n\n\n\n\n\/* Bottom cards *\/\n\n\n.light-feature-grid{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(2,1fr);\n\ngap:12px;\n\nmargin-top:15px;\n\n}\n\n\n\n.light-feature-card{\n\nbackground:#242424;\n\nborder:1px solid #444;\n\nborder-radius:14px;\n\npadding:20px;\n\ncolor:white;\n\n}\n\n\n\n.feature-icon{\n\nfont-size:24px;\n\nmargin-bottom:10px;\n\n}\n\n\n\n.light-feature-card h3{\n\nfont-size:20px;\n\nmargin:0 0 10px;\n\ncolor:white;\n\n}\n\n\n\n.light-feature-card p{\n\nfont-size:14px;\n\nline-height:1.6;\n\ncolor:#ddd;\n\n}\n\n\n\n\n\n\/* Mobile *\/\n\n\n@media(max-width:768px){\n\n\n.dual-light-container{\n\npadding:18px;\n\n}\n\n\n\n.dual-light-header h2{\n\nfont-size:24px;\n\n}\n\n\n\n.image-grid{\n\ngrid-template-columns:1fr;\n\n}\n\n\n\n.light-feature-grid{\n\ngrid-template-columns:1fr;\n\n}\n\n\n\n}\n\n\n\n\u003c\/style\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(255, 128, 0);\"\u003e\u003cstrong\u003eJUST 30 GRAMS\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003e Small Enough for Everyday Carry \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eKeep it in a toolbox, backpack, glove compartment or pocket so useful lighting is close at hand without carrying a full-size work lamp.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0663\/6004\/9734\/files\/spp_shopify20260830022345_913c2a2930c5231a800059f5ed5b8f96.png?v=1788027830\" alt=\"Ultra lightweight compact work light\"\u003e\u003c\/p\u003e\n\u003csection class=\"task-use-section\"\u003e\n\u003cdiv class=\"task-use-container\"\u003e\n\u003c!-- Header --\u003e\n\u003cdiv class=\"task-header\"\u003e\n\u003cdiv class=\"task-label\"\u003eREADY FOR DIFFERENT TASKS\u003c\/div\u003e\n\u003ch2\u003eOne Compact Light for Work \u0026amp; Everyday Carry\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Use Cases --\u003e\n\u003cdiv class=\"task-grid\"\u003e\n\u003cdiv class=\"task-card\"\u003e\n\u003cdiv class=\"task-icon\"\u003e🚗\u003c\/div\u003e\n\u003ch3\u003eAuto Repair\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"task-card\"\u003e\n\u003cdiv class=\"task-icon\"\u003e🔧\u003c\/div\u003e\n\u003ch3\u003eWorkshop Tasks\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"task-card\"\u003e\n\u003cdiv class=\"task-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003eEveryday Carry\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"task-card task-wide\"\u003e\n\u003cdiv class=\"task-icon\"\u003e🏕️\u003c\/div\u003e\n\u003ch3\u003eOutdoor Use\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\n.task-use-section{\n\npadding:20px 15px;\n\nbackground:#ffffff;\n\nfont-family:\nArial,\nHelvetica,\nsans-serif;\n\n}\n\n\n\n\n.task-use-container{\n\nmax-width:900px;\n\nmargin:auto;\n\nbackground:#fffaf5;\n\nborder:1px solid #efd8c5;\n\nborder-radius:16px;\n\npadding:25px 15px;\n\n}\n\n\n\n\n\n\/* Header *\/\n\n\n.task-header{\n\ntext-align:center;\n\nmargin-bottom:20px;\n\n}\n\n\n\n.task-label{\n\ncolor:#e87918;\n\nfont-size:12px;\n\nfont-weight:800;\n\nletter-spacing:1px;\n\nmargin-bottom:8px;\n\n}\n\n\n\n.task-header h2{\n\nfont-size:28px;\n\nfont-weight:900;\n\ncolor:#111;\n\nmargin:0;\n\nline-height:1.3;\n\n}\n\n\n\n\n\n\/* Grid *\/\n\n\n.task-grid{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(3,1fr);\n\ngap:12px;\n\n}\n\n\n\n\n\n\/* Card *\/\n\n\n.task-card{\n\nheight:80px;\n\nbackground:#ffffff;\n\nborder:1px solid #ead8ca;\n\nborder-radius:12px;\n\ndisplay:flex;\n\nflex-direction:column;\n\njustify-content:center;\n\nalign-items:center;\n\n}\n\n\n\n.task-icon{\n\nfont-size:24px;\n\nmargin-bottom:8px;\n\n}\n\n\n\n.task-card h3{\n\nfont-size:14px;\n\nfont-weight:700;\n\nmargin:0;\n\ncolor:#222;\n\n}\n\n\n\n\n\n\/* Fourth Card *\/\n\n\n.task-wide{\n\ngrid-column:1 \/ 4;\n\nheight:80px;\n\n}\n\n\n\n\n\n\/* Hover *\/\n\n\n.task-card:hover{\n\ntransform:translateY(-2px);\n\nbox-shadow:0 5px 15px rgba(0,0,0,.08);\n\ntransition:.25s;\n\n}\n\n\n\n\n\n\/* Mobile *\/\n\n\n@media(max-width:768px){\n\n\n.task-use-container{\n\npadding:22px 12px;\n\n}\n\n\n\n.task-header h2{\n\nfont-size:22px;\n\n}\n\n\n\n.task-grid{\n\ngrid-template-columns:1fr;\n\n}\n\n\n\n.task-wide{\n\ngrid-column:auto;\n\n}\n\n\n\n}\n\n\n\n\u003c\/style\u003e\n\u003csection class=\"product-spec-section\"\u003e\n\u003cdiv class=\"spec-container\"\u003e\n\u003c!-- Title --\u003e\n\u003cdiv class=\"spec-header\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePRODUCT DETAILS\u003c\/div\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Specification Table --\u003e\n\u003cdiv class=\"spec-table\"\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-name\"\u003eProduct Type\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMagnetic Clip-On Work Light\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-name\"\u003eColor\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eBlack\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003ePlastic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-name\"\u003eWeight\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e30 g \/ 1.06 oz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-name\"\u003eMax Range\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e100–200 m \/ 328–656 ft\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-name\"\u003eLighting\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eFront LED + Side COB Panel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Package --\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n\n\n.product-spec-section{\n\npadding:20px 15px;\n\nbackground:#ffffff;\n\nfont-family:\nArial,\nHelvetica,\nsans-serif;\n\n}\n\n\n\n\n.spec-container{\n\nmax-width:900px;\n\nmargin:auto;\n\nbackground:#202020;\n\nborder-radius:16px;\n\npadding:25px 15px;\n\n}\n\n\n\n\n\n\/* Header *\/\n\n\n.spec-header{\n\ntext-align:center;\n\nmargin-bottom:20px;\n\n}\n\n\n\n.spec-label{\n\ncolor:#f58220;\n\nfont-size:12px;\n\nfont-weight:800;\n\nletter-spacing:1px;\n\nmargin-bottom:5px;\n\n}\n\n\n\n.spec-header h2{\n\nmargin:0;\n\nfont-size:28px;\n\nfont-weight:900;\n\ncolor:#ffffff;\n\n}\n\n\n\n\n\n\/* Table *\/\n\n\n.spec-table{\n\nborder:1px solid #555;\n\nborder-radius:14px;\n\noverflow:hidden;\n\n}\n\n\n\n.spec-row{\n\ndisplay:grid;\n\ngrid-template-columns:40% 60%;\n\nbackground:#333;\n\nborder-bottom:1px solid #555;\n\nmin-height:38px;\n\n}\n\n\n\n.spec-row:last-child{\n\nborder-bottom:none;\n\n}\n\n\n\n.spec-name{\n\ndisplay:flex;\n\nalign-items:center;\n\npadding:10px 12px;\n\nfont-size:14px;\n\nfont-weight:700;\n\ncolor:#ff9a43;\n\n}\n\n\n\n.spec-value{\n\ndisplay:flex;\n\nalign-items:center;\n\npadding:10px 12px;\n\nfont-size:14px;\n\nfont-weight:600;\n\ncolor:#ffffff;\n\n}\n\n\n\n\n\n\n\n\/* Package Box *\/\n\n\n.package-box{\n\nmax-width:900px\u003c\/style\u003e\n\u003cstyle\u003e\n.package-safety-wrap {\n    width: 100%;\n    padding:5px 15px;\n    background:#ffffff;\n    font-family:Arial, Helvetica, sans-serif;\n    max-width:920px;\n    margin:0 auto;\n}\n\n\/* Package Includes *\/\n.package-block {\n    background-color: #fff6ec;\n    border:1px solid #f4ddc8;\n    border-radius:22px;\n    padding:24px 28px;\n    margin-bottom:22px;\n}\n.package-title {\n    font-size:32px;\n    font-weight:800;\n    color:#91491c;\n    display:flex;\n    align-items:center;\n    gap:10px;\n    margin-bottom:16px;\n}\n.box-icon {\n    font-size:34px;\n}\n.package-item {\n    font-size:22px;\n    color:#3a4a5c;\n}\n\n\/* Safety Block *\/\n.safety-block {\n    background:#f9f9f9;\n    border:1px solid #e7e7e7;\n    border-radius:22px;\n    padding:28px 32px;\n}\n.safety-heading {\n    font-size:34px;\n    color:#111111;\n    font-weight:900;\n    margin:0 0 20px;\n}\n.safety-list {\n    list-style-type:disc;\n    padding-left:22px;\n    margin:0;\n}\n.safety-list li {\n    font-size:20px;\n    color:#445060;\n    line-height:1.7;\n    margin-bottom:14px;\n}\n.safety-list li:last-child {\n    margin-bottom:0;\n}\n\n\/* Mobile Responsive *\/\n@media(max-width:768px){\n    .package-block, .safety-block{\n        padding:20px 20px;\n        border-radius:18px;\n    }\n    .package-title{\n        font-size:26px;\n    }\n    .package-item{\n        font-size:18px;\n    }\n    .safety-heading{\n        font-size:28px;\n    }\n    .safety-list li{\n        font-size:17px;\n    }\n}\n\u003c\/style\u003e\n\u003csection class=\"package-safety-wrap\"\u003e\n    \u003c!-- Package Includes Block --\u003e\n    \u003cdiv class=\"package-block\"\u003e\n        \u003cdiv class=\"package-title\"\u003e\n            \u003cspan class=\"box-icon\"\u003e📦\u003c\/span\u003e\n            Package Includes\n        \u003c\/div\u003e\n        \u003cdiv class=\"package-item\"\u003e1 × Magnetic Work Light\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Use \u0026 Safety Notes Block --\u003e\n    \u003cdiv class=\"safety-block\"\u003e\n        \u003ch2 class=\"safety-heading\"\u003eUse \u0026amp; Safety Notes\u003c\/h2\u003e\n        \u003cul class=\"safety-list\"\u003e\n            \u003cli\u003eFully charge the work light before first use for normal battery operation.\u003c\/li\u003e\n            \u003cli\u003eAttach the magnetic base only to suitable magnetic metal surfaces.\u003c\/li\u003e\n            \u003cli\u003eDo not shine the light directly into anyone's eyes.\u003c\/li\u003e\n            \u003cli\u003eThe product is described as water‑resistant for everyday use but should not be submerged in water.\u003c\/li\u003e\n            \u003cli\u003eKeep the charging area and electrical components clean and dry.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.package-safety-wrap {\n    width: 100%;\n    padding:5px 15px;\n    background:#ffffff;\n    font-family:Arial, Helvetica, sans-serif;\n    max-width:920px;\n    margin:0 auto;\n}\n\n\/* Package Includes *\/\n.package-block {\n    background-color: #fff6ec;\n    border:1px solid #f4ddc8;\n    border-radius:22px;\n    padding:18px 22px;\n    margin-bottom:18px;\n}\n.package-title {\n    font-size:22px;\n    font-weight:800;\n    color:#91491c;\n    display:flex;\n    align-items:center;\n    gap:8px;\n    margin-bottom:10px;\n}\n.box-icon {\n    font-size:24px;\n}\n.package-item {\n    font-size:16px;\n    color:#3a4a5c;\n}\n\n\/* Safety Block *\/\n.safety-block {\n    background:#f9f9f9;\n    border:1px solid #e7e7e7;\n    border-radius:22px;\n    padding:22px 26px;\n}\n.safety-heading {\n    font-size:24px;\n    color:#111111;\n    font-weight:900;\n    margin:0 0 14px;\n}\n.safety-list {\n    list-style-type:disc;\n    padding-left:20px;\n    margin:0;\n}\n.safety-list li {\n    font-size:15px;\n    color:#445060;\n    line-height:1.6;\n    margin-bottom:10px;\n}\n.safety-list li:last-child {\n    margin-bottom:0;\n}\n\n\/* Mobile Responsive *\/\n@media(max-width:768px){\n    .package-block, .safety-block{\n        padding:16px 16px;\n        border-radius:18px;\n    }\n    .package-title{\n        font-size:20px;\n    }\n    .package-item{\n        font-size:15px;\n    }\n    .safety-heading{\n        font-size:21px;\n    }\n    .safety-list li{\n        font-size:14px;\n    }\n}\n\u003c\/style\u003e","brand":"Modalou","offers":[{"title":"Default Title","offer_id":54663590740301,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0976\/3612\/2957\/files\/01_57320f16-6c92-4217-8133-b92723111942.jpg?v=1788579630","url":"https:\/\/modalou.com\/es\/products\/hands-free-magnetic-work-light","provider":"Modalou","version":"1.0","type":"link"}